THE DEVELOPMENT AND IMPLEMENTATION OF DENC#: A WEB-BASED

APPLICATION FOR LEARNING AND VISUALIZING

C# PROGRAMMING

By:
BERMIDO, BERNARD ANTHONY A.
DIVA, CARLOS EMMANUEL Q.
HERNANDEZ, MARIA ASENATH A.
MANABAT, ANTONIO CARLOS P.
PALACIO, DENNIS KEVIN O.

A Project presented to the Faculty of the College of Computer Studies

In partial fulfillment of the requirements for the Degree of
BACHELOR OF SCIENCE IN INFORMATION TECHNOLOGY

LYCEUM OF ALABANG
College of Computer Studies

APPROVAL SHEET

This is to certify that this project entitled THE DEVELOPMENT AND

IMPLEMENTATION OF DENC#: WEB BASED APPLICATION FOR LEARNING AND
VISUALIZING C# PROGRAMMING submitted by BERNARD ANTHONY A. BERMIDO,
CARLOS EMMANUEL Q. DIVA, MARIA ASENATH A. HERNANDEZ, DENNIS KEVIN
O. PALACIO to fulfill the part of the requirements for the degree of BACHELOR OF
SCIENCE IN INFORMATION TECHNOLOGY is here endorsed.
Prof. Rosemarie Orongan
Language Editor

Prof. Regie C. Ellana

Project Adviser

Approved and Accepted in partial fulfillment of the requirement for the degree of
BACHELOR OF SCIENCE IN INFORMATION TECHNOLOGY by the Oral Examination
Committee.

Rodrigo P. Calapan
Member

Isaiah Tongco
Member
Fe L. Hablanida
Committee Chair

The College of Computer Studies accepts this project in partial fulfillment of the
requirements for the degree of BACHELOR OF SCIENCE INFORMATION
TECHNOLOGY.

Regie C. Ellana, BSCS

Information Technology Program Chair
The project is hereby accepted as partial fulfillment of the requirements for the
requirements for the degree of BACHELOR OF SCIENCE IN INFORMATION
TECHNOLOGY.

Fe L. Hablanida
College Dean
EXECUTIVE SUMMARY

This project will be an essential tool to the users. It will save time by bringing
learning interactions. Users will not have a hard time to learn because learning and
visualizing has a real time response.

As long as the user can access the internet, we can start learning and provide
knowledge with each other. Watch video tutorials through links and try encoding by
using simulator.

Creation of examination is dynamic and will always be multiple choices.

ACKNOWLEDGEMENT

First and foremost, to the Almighty God who always guides and secure our
safety.

To our parents who always give words of wisdom inspire us in doing our best in
everything that we inspire to do. We would like to thank them for giving us both their
financial and emotional support.

To our beloved professors, Dean Fe L. Hablanida, Engr. Rodrigo P. Calapan,

Prof. Regie C. Ellana and Prof. Rosemarie Orongan who has greatly shared their
knowledge to us with patience and diligence.

We sincerely acknowledge the above mentioned who have brought success in

completing the requirement in this subject.

TABLE OF CONTENTS

Preliminary Pages
Title Page
Approval Sheet
Executive Summary
Acknowledgement
Table of Contents
List of Figures
List of Tables
Title Page
Chapter 1: Introduction
a.
b.
c.
d.
e.

Project Context
Purpose and Description
Objectives
Scope and Limitations
Conceptual Model of the System

Chapter 2: Review of Related Literature and System

a. Related Literature (Foreign and Local)
b. Related System (Foreign and Local)
c. Synthesis
Chapter 3: Technical Background
a.
b.
c.
d.

User Interface
Hardware Interface
Software Interface
Communication Interface

Chapter 4: Methodology
a.
b.
c.
d.

Requirements Specification
Analysis
Design
Development and Testing

Chapter 5: Recommendation
a. Project Description
b. Summary of Findings
c. Recommendation

Page

Chapter 6: Implementation Plan

a. Implementation Plan (Infrastructure/Deployment)
Deliverable Items
Milestone Descriptions
Milestone Completion Criteria
Schedule of Milestone Completion
REFERENCES
APPENDICES

LIST OF FIGURES

Figure No.

Title

Page

Figure 1.0

Conceptual Model of DenC#: Web-Based Application

Figure 2.0:

Home Page

Figure 3.0:

Register Page

Figure 4.0:

Users Page

Figure 5.0:

Lesson Page

Figure 6.0:

Simulator

Figure 7.0:

Quiz Page

Figure 8.0:

Help Page

Figure 9.0:

Admin Page

Figure 10.0:

Resources

Figure 11.0:

Use Case Diagram for the Administrator

Figure 12.0:

Use Case Diagram for the User

Figure 13.0:

State Chart Diagram for the User

Figure 14.0: Activity Diagram for DenC#: Web-Based learning

Application
Figure 15.0: Communication Interface for Web Based Application for Learning
and Visualizing C# Programming
Figure 16.0:

Prototyping Model (Rapid Prototyping)

Figure 17.0:

UML Diagram of Users

Figure 18.0:

Internal Interface Diagram of Administrator Creating `Exam

LIST OF TABLES

Table No.

Title

Page

Table 1.0:

Software Interface

Table 2.0:

Numerical Scale

Table 3.0:

Web Browser Testing Result

Table 4.0:

Respondents of the Study

Table 5.0:

Range of Weighted Arithmetic Mean and Interpretation

Table 6.0:

Users Evaluation based on Content

Table 7.0:

Users Evaluation based on Design

Table 8.0:

Users evaluation based on Usability

Table 9.0:

Users evaluation based on Functionality

Table 10.0:

Experts Evaluation based on the Content

Table 11.0:

Experts Evaluation base on Design

Table 12.0:

Experts Evaluation base on Usability

Table 13.0:

Experts Evaluation base on Functionality

Table 14.0:

Overall Evaluation of the Program

Table 15.0:

Milestone Completion Criteria/Determinants

Table 16.0:

Gantt Chart