CHAPTER-IV.docx

57

CHAPTER IVMETHODOLOGY

In this chapter, the researchers discuss the methodology used to develop this project. Details of the different phases in software development tool have been discussed as well as on how it has been gone through.The research method that is being used in the entire project is descriptive method because it is used to describe characteristics of the different attributes of the software as mentioned in the Phil Web Criteria.Software Development Model

Specify SystemValidateSystemDevelopSoftwareEvaluate PrototypeDevelop PrototypeOutline RequirementDeliveredSoftware

Figure 16.0: Prototyping Model (Rapid Prototyping)In this figure, shows the project development of the DenC#: Web-Based Application for Learning and Visualizing C# Programming using the Prototype Model

(Rapid Prototyping). This study starts from the gathering of pertinent information, planning and outline requirements, followed by the development of prototype, evaluation of prototype, system specification, system development, system validation and system delivery.Outline Requirement is the first phase in our model. In this phase, the developed software is establishing the plans, ideas and identifies the need of the system and thoroughly analyzing the requirements of the software to be developed.Developed Prototype in this phase the software was created but not fully capable yet to be used by the user. The graphical user interface (GUI) has been created but not yet functioning properly. The developer has the capability to remodel or remake the design and omit any redundancy, depending on the needs of the user, on this project.Evaluate Prototype is the process in which the developer carefully analyzes what should be removing and what should be enhanced in the developed prototype. In this phase, the developers must have a user based evaluation on the current prototype to identify any usability problems or other functionality problems so the developers can make adjustment and redevelop another prototype.Specify System in this phase, the developers must first specify the needs of the user within the developed software. This involves task like listing down every important aspect of the developed software, in the GUI or within the concept of the system itself.

Develop Software this is where the developers started to develop the software based on the created prototype and specified system. In this phase, unit test plans was prepared to verify dependence and interdependence of modules. Each module is coded using UML tool. Unit tests will be conducted for each module.Validate System was conducted to detect errors in the behaviors and structures of modules, programs or a system as a whole. If errors have been found, a feedback is made, if necessary, to the designing or programming phase for correction. Then, tests were conducted again to check whether the errors have been removed or debugged completely, it also determines if the developed software has met the needs of the created prototype as model in creating the proposed software. Final revisions can be done in this phase if needed by the developers before delivering the software or after finishing the software.In this phase, the operation of the developed software as a whole was totally checked from the viewpoints of required objectives and performance. Then, the beginning of the actual operations was decided based on the results. In evaluation test, operation groups from the user department conduct tests under the same conditions and environments as in the actual operations.

Delivered Software in this phase, after validating the system, the production of the program was started. The program was started. The program undergone for testing executed by the users to verify if the program meets the requirement of the users and to validate as well as if the developer has satisfied performance and objectives of the software.Functional RequirementThe main function of this system is to provide the user with software that would be an essential tool to help them to learn and visualize C# programming.

Software RequirementsThe system requires the following software to be installed: Operating System Windows XP or higher IOS (for Apple phones Android OS Adobe Flash Player (latest version) Web Browser (any of the following) Mozilla Firefox Internet Explorer Google Chrome

Hardware RequirementsTo use this system, the user must have a platform whether desktop, laptop, smart phones, or tablets that can be access the website. The platforms must be capable to install web browser, and must be able to access the internet.

Deployment RequirementsThis study requires a domain name and a web host provider to for users to access the website over the internet. It also requires folders from local host to the web by the help of CPanel.

User RequirementsThe user of this system must be able be able to operate computer must be literate on accessing website and using the web browser such as Google Chrome, Mozilla Firefox, and Internet Explorer.Requirement AnalysisThis research is internet connection and computer dependent. It is designed to be used for desktop computer, laptop, cell phones or tablets which are commonly used nowadays. They can continue learning by exploring the system, answering quizzes and trying the code simulator as long as they have the internet connection and it has a web browser.

Internal DesignInternal design tackles the invisible part of the project. It includes UML Diagrams (use case, state chart, activity) and IPO diagrams which are important and will be used in the construction of the software code. It will be used as a pattern by the computer specialist or system developer before programming and scripting starts out. One of the most crucial software development lifecycle will be requirements analysis. Gathering of opposite information as requirements of the software building will ensure the correctness and preciseness of the proposed project.External DesignIn external design, a screen design was developed based on the perspective view of the users experts. Users also take notice of the simplicity and user friendly of the website. The screen design was implemented using graphical user interface (GUI).Add quizzes Register View User View Lesson Delete User Simulate Codes Admin User Take QuizzesFigure 17.0: UML Diagram of Users

Program DesignThe purpose of program design is to conceive the internal structure of a program. Program design is an important process as it is required to do the tasks of programming smoothly and it is the key to a successful program. Program design is the final process in the whole design stage. In the program design stage, the main work is a module partitioning. By dividing a program into modules, the structure of a program can be made clearer and manageable. The functional units of block diagrams will be presented through class diagrams. This design and diagrams will be used as foundations for program development by using PHP, MySQL, Java Script, and CSS.Internal InterfaceThis study uses MySQL as the storage for data. All transactions such as registration, creation of quizzes. Adding questionnaire will be stored in database.

MySQLRegistrationPHPUser

Figure 17: Internal Interface Diagram Registration of using Data Flow Diagram

MySQLPHPCreate quizAdmin

Figure 18.0: Internal Interface Diagram of Administrator Creating Exam

Development and Testing This stage presents the project development used in this study. In this phase of development, the developers are now concluding several tests in positive and negative format.Software Quality Content (textual or visual experience). It is the eye catcher for the users. This includes images, videos, or text that would make the user be more interested to use the system. Design (software, graphic, programming). Not only graphical but also how the pages were design and the codes that are used whether procedural or object oriented programming. Usability (ease-of-use characteristics). Usability only exists with regard to functionality and refers to the ease of use for a given function. The software should be a user friendly. Functionality (functional characteristics). It is a set of attributes that bear on the existence of a set of functions and their specified properties. The functions are those that satisfy stated or implied needs.

ScaleInterpretation

5.00Excellent

4.00Very Good

3.00Good

2.00Fair

1.00Poor

Table 2.0: Numerical ScaleIn this figure shows the numerical scale used in the software evaluation and its equivalent interpretation.Respondents The study includes users such as a (students, professionals, employees, residents). Questionnaires will be distributed to 30 users of the program, 25 users and 5 information technology experts. Random and purposive sampling will be used to select the respondents. In this type of sampling technique, each element of the population has an equal chance of been selected.

Statistical Treatment of DataThe statistical tool to be used in the interpretation of data will be weighted arithmetic mean. Arithmetic mean is used to determine the average responses of the five option in each item namely: 5(excellent), 4(very good), 3(good), 2(fair), 1(poor). The arithmetic means for each software characteristics will be computed and will be used to derive the overall evaluation mean,

Result and DiscussionThis project is a web based learning application designed for the users especially for the student. Nowadays students having a hard time to learn programming languages given that C# is a high level programming language. This project is one of the solution to provide learning, visualize program language like C#. The only requirement for the users to use the system is that they must be have an internet connection as well.This section provides the project structure, testing results, followed by the results of evaluation, capabilities and limitations of the project.

White Box Testing ResultThis project is an online learning application. It is a type of testing in which the program source code, internal structure and workings of an application as opposed to its functionality. This project is one of the solutions to provide lessons, tutorials, simulation, and take quizzes in able to learn C# programming. The only requirement for the users to use is to have an internet connection. Using a defined user and password in order to comply with its requirement of registration.

Black Box Testing ResultThis project includes software testing that examines the functionality of the functionality of an application without peering to internal structures. This includes the input of unsuitable username and password and other details.

Web Browser ResultWeb BrowserResponse TimeRemarks

Internet Explorer5 secondsAll features are working

Google Chrome2 secondsAll features are working

Mozilla Firefox3 secondsAll features are working

Table 3.0: Web Browser Testing Resultthe researchers have found out that the fastest web browser to use in this system is Google Chrome with the response time rate of 2 seconds tested using DSL connection at the speed of 3mbps. All features are working and again the system can be best viewed using the Google Chrome web browser.

Project EvaluationThe respondents of the study were twenty-five (25) user five (5) Information Technology Experts. The respondents were the current students, employees, instructors of Lyceum of Alabang and the Information Technology Experts which consists of instructors, programmers and a system analyst also from Lyceum of Alabang Questionnaires were used by the respondents to access the acceptability of the program. A program presentation and performance test was also conducted to evaluate the running time execution of the software product.

Respondents ClassNo. of Respondents

User (students, employees, instructors)25

IT Experts5

Total30 Respondents

Table 4.0: Respondents of the StudyThe one who will evaluate the software will be the following:

UsersThe one who serve as the main beneficiaries of the software will be developed.

IT Experts The one who will consult anything regarding the software.

Range of WAMInterpretation

4.51 to 5.00Excellent

3.51 to 4.50Very Good

2.51 to 3.50Good

1.51 to 2.50Fair

1.00 to 1.50Poor

Table 5.0: Range of Weighted Arithmetic Mean and Interpretation

Content sub-characteristicsWeighted MeanInterpretation

Should include images, multimedia elements or even a collection of tools data or links.3.8Good

Goals should match the nature of the website.3.2Good

Should consider tone of writing, frequency or updates, and depth of information.3Good

Should be informative, engaging, persuasive useful and/or entertain, depending on the nature of the site.3Good

Should be well written and with correct grammar and spelling.3.6Good

Mean3.32Good

Table 6.0: Users Evaluation based on ContentThe average weighted mean for the functionality is 3.32 which are found to be Good. Based on the respondents evaluation results, the website has good content and safe to use.

Design sub-characteristicsWeightedMeanInterpretation

Should include the use of graphical elements such as images color, white space and typography.3.4Good

Should include consistency and appropriateness3.2Good

Mean3.3Good

Table 7.0: Users Evaluation based on Design

The average weighted mean for the design is 3.3 which are found to be good. The use of graphical and graphical elements has a higher mean and the consistency and appropriateness has a lower mean. Based on the respondents evaluation results the website performs its intended function with some minor bugs and errors.Usability sub-characteristicsWeighted MeanInterpretation

Consider proper organization layout and navigation3.4Good

Menu3.4Good

The average weighted mean for usability is 3.4, which is found to be good. The respondents observed that the web site or wed pages involved in this system is easy to understand and easy to operate. But it will also be great if we could include some instructions.Table 8.0: Users evaluation based on Usability

Functionally sub-characteristicsWeighted MeanInterpretation

Should include optimize code and working scripts (i.e fast loading of pages, live links, proper use of plug-ins and multimedia.3.2Good

Mean3.2Good

Table 9.0: Users evaluation based on Functionality

The average weighted mean for functionality is 3.2, which is found to be Good. The website has an appropriateness of the set of function for a specified task.Content sub- characteristicsWeighted MeanInterpretation

Should include images, multimedia elements or even a collection of tools data or links.4Very Good

Goals should match the nature of the website.4Very Good

Should consider tone of writing, frequency or updates, and depth of information.4Very Good

Should be informative, engaging, persuasive useful and/or entertain, depending on the nature of the site.3.8Very Good

Should be well written and with correct grammar and spelling.3.4Very Good

Mean3.84Very Good

Table 10.0: Experts Evaluation based on the ContentThe average weighted mean for the functionality is 3.84, which is found to be good. Based on the respondents evaluation results, the website has a good content and safe to use.

Design sub-characteristicsWeightedMeanInterpretation

Should include the use of graphical elements such as images color, white space and typography.3.4Good

Should include consistency and appropriateness3.2Good

Mean3.3Good

Table 11.0: Experts Evaluation base on Design

The average weighted mean for the design is 3.3 which are found to be Good. The use of graphical and graphical elements has a higher mean and the consistency and appropriateness has a lower mean. Based on the respondents evaluation results the website performs its intended function with some minor bugs and errors.

Usability sub-characteristicsWeightedMeanInterpretation

Consider proper organization layout and navigation3.3Good

Mean3.3Good

Table 12.0:Experts Evaluation base on UsabilityThe average weighted mean for functionality is 3.3, which is found to be Good. The website has an appropriateness of the set of function for a specified task.Functionality sub-characteristicsWeighted MeanInterpretation

Should include optimized code and working scripts (i.e fast loading of pages, live links, proper use of plug-ins and multimedia3Good

Mean3Good

Table 13.0: Experts Evaluation base on FunctionalityThe average weighted mean for functionality is 3.2, which is found to be Good. The website has an appropriateness of the set of function for a specified task.

Software Evaluation CharacteristicsMeanInterpretation

Content3.58Good

Design3.3Good

Usability3.9Good

Functionally3.1Good

Overall Mean3.47Good

Table 14.0: Overall Evaluation of the ProgramOverall, the website or web pages included on this system, is found to be Good, and it is indicated that the program is accepted by the respondents. Usability has the highest mean. The respondents perceived that the program is easy to operate, easy to remember, easy to use and that the program allows easy operation management. Functionality got the lowest mean.