CHAPTER I

INTRODUCTION

Background
Due to the pandemic, the researchers learned how

difficult it is to master computer system servicing as an

information technology student. This led the researchers to come

up with this project to implement because the researcher wants to

help students and share their knowledge of this course to them.

Majority of students nowadays are interested in activities that

satisfy them. The Researchers consider what the students want to

see in order to capture their attention, as a result this project

became more interesting and eye-catchy so that they will not be

bored while utilizing the online computer system servicing

tutorial.

The computer systems servicing qualification training will

show you how to manage with the most common problems that

arise when servicing personal computers. Gain through

theoretical and practical knowledge of computer hardware to

learn how to diagnose a variety of hardware, software, and

network system difficulties. Graduates of this course can work in

computer repair shops, electronics companies, computer-related

manufacturing operations, computer sales and services, and even

start their own repair shop.

The Computer Systems Servicing NC II qualification

consists of competencies that must possess to enable to install

and configure computers systems, set-up computer networks and

servers and to maintain and repair computer systems and

networks. The proponents decided to create this project to assist

students in the learning process because of the ongoing

pandemic. This project will be built using PHP as a programming

language and MySQL as a database. This project will also use

Bootstrap to minimize our project down to the size of a mobile.

2
Conceptual Framework

The researchers decided to create this project to assist

students in the learning process because of the ongoing

pandemic. This project was built using PHP as a programming

language and MySQL as a database. This project also used

bootstrap to minimize the project down to the size of a mobile.

The proponents are working on this project for Bachelor

of Science in Information Technology students of College for

Research and Technology. This online tutorial will benefit

students because it will provide them with accurate information.

It will also help teachers keep track of which students are ready

to take the national assessment. Additionally, students pursuing

Information Technology as their course will be able to use this as

a learning resource.

3
 Figure 1.1 Conceptual Framework

This conceptual framework shows the IPO, or the input,

process, and output of the system. The input will be responsible

for having a homepage, having a login form, having a registered

student and faculty, but the admin and faculty are allowed to

register the student and the faculty is only the admin. and also to

manage quizzes, to view the computer system servicing reviewer,

and to take the quiz. The process included the planning,

designing, implementation, testing, and debugging of the system.

The output was the whole system or the application.

4
STATEMENTS OF THE PROBLEM

This study sought to address the following problems

about learning the computer system servicing:

1. What are the challenges encountered by the students in

the computer systems servicing NC II trade area?

2. What factors contribute to the challenges encountered by

The respondents towards computer systems servicing NC

II trade area?

3. How may the online computer system servicing NCII

tutorial will help students in taking the NCII assessment

during pandemic?

4. How online system servicing NCII tutorial provides

knowledge to the student that is needed to pass the

national assessment?

5
OBJECTIVES OF THE STUDY

General Objectives

The primary objective of this capstone project is to create

a web based tutorial using HTML, PHP and MySQL for

computer systems servicing NCII that can give a further

knowledge to it student that will take its national assessment.

Specific Objectives

The study aimed to accomplish the following specific

objectives:

 To create a system that is user friendly login, guide and

menu interface

 To create a system that has digital module and a step-by-

step procedure for CSS Qualification Training.

 To create a page for learners to evaluate their learning

 To create a page for admin in order to add faculty and

faculty in order to add students and quizzes.

6
 SCOPE AND LIMITATION

Scope

 This project was built using PHP as a programming

language and MySQL as a database. Bootstrap was also

used to minimize the project down to the size of a mobile

phone.

 Students enrolled in this course can use this study as a

guideline. CSS training will be easier with a mobile phone

because you can access the program from anywhere using

the internet.

 The APK file will be used by Android users to install the

application.

 The system provides a QR code and a link to download

the application.

 The system can be used via laptop/pc, tablet, and

computers.

 IOS devices can use the system via an Internet browser or

Safari.

7
Limitation

 Although the application is simple to use, it cannot

operate if the user does not have a connection to the

internet.

 IOS devices are unable to install the system application.

 The quizzes do not have a timer.

 The system doesn’t support student inquiries or questions

on the topic.

 V

 ideos cannot be directly uploaded to the system, but links

can be embedded.

 There are no simulation activities.

8
 CHAPTER II

Review of the Related Literature Studies

According to Randy Joy Magno Ventayen [VENT2018],

the purpose of this needs assessment is in order to determine the

level of competency of primary and secondary school teachers in

Lingayen, Pangasinan as a basis for an extension program. Based

on the result of the study, the majority of the ICT coordinator of

the primary and secondary schools are competent and expert in

the field of Computer Systems Servicing, because high school

ICT coordinators are the holder of National Certificate Level 2 in

the field of computer systems servicing. Initially this study is a

basis of a proposed training program, but due to the positive

result, this paper also investigates the contribution of TESDA in

the Department of Education.

Confirming to Arvin Duhaylungsod [DUHA2021], this

research was conducted to determine whether the skills and

competencies of the ICT strand's Senior High School Curriculum

9
match the ICT skills needed by the various industries in

Zamboanga City for employability. The findings serve as a

source of information for other senior high schools in the

Philippines from different regions. In this analysis, a Descriptive

Quantitative method of research was adopted. The results showed

that the respondents highly needed (Computer Systems Servicing

NC II), (Computer Programming .net Technology NC III) and

(Broadband Installation Fixed Wireless Systems NC II) in terms

of the industry's required ICT skills. In addition, management in

both industry and academia needs an advanced and competent

level of competence, as shown in their average response to an

entry-level role in both common and core competencies

(Computer System Servicing NC II). The T-test result also

showed that there is no substantial difference in the level of

competence of the Senior High School Curriculum's Computer

System Servicing as required for an entry-level role in the IT

Department, indicating that the program provided by the

Zamboanga City Senior High School agrees with what the

industry needs.

10
 In accordance with Shella Mae Pareja [PARE2021], the

importance of educational technology in the learning and

teaching process could be emphasized. The designed game-based

courseware's purpose was to provide teaching and self-drill-and-

practice for understanding computer system servicing terms and

concepts. This interactive courseware is a new addition to the

learning and teaching process that will be extremely beneficial.

The study's conceptual framework was used to organize and

categorize a wide range of material that defines the scope of

education and the principles of game-based courseware. It is

essential to concentrate on lessons acquired in Computer System

Servicing in order to take advantage of the chances presented by

produced game-based courseware.

As stated by Arman Bernard Santos, Dan Michael

Cortez, Melvin Ballera and  Myra Santos [SANT2021], technical

Vocational seems to progress in terms of delivering competency

based training, learning at your own pace, achieving specific

learning objectives and both the institutional and national

competency assessment. This study focused mainly in improving

technical vocational skills competency which includes training

11
and assessment under information and communication

technology strand. In order to improve the said criteria,

implementation of decision tree along with its attribute selection

measures such as entropy, information gain, gain ratio and gini

index have taken place. Level and impact of skills competency

training and assessment through computations of the attribute

selection measures have yielded to a more conclusive and

detailed improvements in the field of information and

communication technology. Likewise, this study gives an idea to

the Technical Education and Skills Development Authority

(TESDA) and majority of the training center and institutions on

how to deliver the competency based training and at the same

time to absorbed the enumerable criteria accustoming the main

stream of skills.

As reported by Meirani Harsasi and Adrian Sutawijaya

[HARS2018], education system nowadays tends to utilize online

learning, including in higher Online learning system becomes a

major requirement in implementing learning process, including in

Indonesia. interesting issue that needs to be explored is to analyze

factors that can influence students’ satisfaction in online tutorials.

12
This research aims to analyze factors that determine student

satisfaction in online tutorials and what factors that need to be

Research procedure includes collecting data via email, validity

test, reliability results of research procedures to find out what

factors are affecting student satisfaction and some improvements

required based on the viewpoint of the students.

According to Golam Muradul Bashir, Abu Sayed Latiful

Hoque and Bipul Chandra Dev Nath [BASH2015], learning PHP

is more effective if a student can learn through a real

environment. Problem-based learning (PBL) is an effective

pedagogy used to increase the problem-solving skill of the

students. Existing PHP learning systems support limited

problems in real-life environment. In this work, we have

integrated the conventional e-learning of PHP with the PBL

pedagogy to improve the problem-solving capability of the

students. On the web server, students can practice and submit

answers pertaining to the problem with the help of the relevant

references, urls, examples, and standard output. This system

helps the students to engage in self-learning of PHP based on the

real problems.

13
 According to Roland I. Rodriguez [RODR2017], This

module covers the outcomes required in installing and

configuring desktop and workstation computers systems. It

consists of competencies to assemble computer hardware, install

operating system and drivers for peripherals/devices, and install

application software as well as to conduct testing and

documentation.

According to Lyne M. Solas [SOLA2021], Learning Area

Computer Systems Servicing Learning Delivery Modality

Modular Distance Learning Delivery Modality I. OBJECTIVES

1. Content Standards The learner demonstrates an understanding

of concepts and principles in setting up computer networks 2.

Performance Standards The learners shall be able to set up

computer networks based established procedures and system

requirements for hardware 3. Learning Competencies 

According to Pankaj Khatri [KHAT2019], Typically

Bootstrapping is technique where some part of output is used at

the startup. In Bootstrap amplifier, bootstrapping is used to

14
increase the input impedance. Due to which the loading effect on

the input source also decreases. The design looks similar to

the Darlington pair, having a bootstrap capacitor. Bootstrap

capacitor is used to provide AC signal’s positive feedback to the

base of the transistor. This positive feedback helps in improving

the effective value of the base resistance. This increment in the

base resistance also determined by the voltage gain of the

amplifier circuit.

In accordance to Jensen Ryan Lim [LIM2019] It was

found out that the least mastered competency for the

specialization Computer Systems Servicing (CSS) conducted for

TVL-ICT section Mabini was the core competency number 3 -

Setup Computer Servers. Resulting to 32.56 index of mastery

with an interpretation of low mastery for the competency. This

became the basis for the development and validation of a

Strategic Intervention Material.

15
 CHAPTER III

Methodology

This chapter discusses the flow of the Online Computer

System Servicing NCII Tutorial. Using the Gantt chart, the

proponents show the plan for the whole system project by

dividing it into phases and explaining every phase to make it

more understandable and organized. The proponents also created

three figures, which are the V-Model, Context Diagram, and ER

Diagram. The purpose of this figure is to discuss the tools that

will be used, which are PHP for the code, MySQL for the

16
database, HTML, and CSS for the design, and also the figure for

the process of the whole system.

Table 3.1 Gantt chart

Illustrated on this Gantt chart is amount of Month of tasks

done in a certain period of time for the development of the

project.

17
Planning

In the planning phase, the researchers made a plan for the

project. In this phase, the Introduction, Review of Related

Literature, and Methodology were included.

Interview and Research

In this phase, the researchers were scheduled to conduct

an interview with the students of the College for Research and

Technology. Which was a big help to the development of the

project.

Review of Documentation

This phase was conducted by the researchers to review all

the requirements and formulate the next process which were used

to develop the project.

Design and Coding

The researches begun coding in order to develop the

interface, and the entire system will be operational from the

second week of January to the last week of March. Designing the

18
system, researchers chose to use the following: (1) PHP:

Hypertext Pre-processor; used to create scripting knowledge

about the server and the user; and (2) Bootstrap; used to create

responsive, mobile-first, and front-end frameworks. (3) HTML

and CSS for design personalization, and (4) MySQL for database.

Implementation

The final phase is the implementation phase, where the

system is built. This included the system construction, where the

system is being tested to ensure its good performance as well as

designed. At the end, the final system is delivered to the project

sponsor.

19
 Figure 3.1 V-Model

This figure of the V-model shows the steps of how the

system flows or the processes happen in the form of a V-shape

and how to make the system more possible and organized.

Requirements Analysis

In this phase, the researchers analyzed the requirements

that were used to fulfill the needs of the users. For example, if the

platform that is going to be used fits within the knowledge and

budget, etc. The proponents also gathered the resources needed to

execute the system.

System and Software Design

After the researchers have analyzed the requirements,

they begun to create the system and software design, such as

creating the design, color variation, and layout of the system

using HTML and CSS, the researchers also determined how it

will look and how users will respond to this type of design,

20
whether it is negative or positive, if it is user-friendly or requires

more advanced skills.

Details Specification

The researchers used MYQSL and XAMMP platform to

run the system at this point. This platform is valuable to the

researchers because it is available and fits with the researchers

understanding of how to use it. It is also a free platform that saves

a lot of money by allowing them to construct a single system

program.

Coding

Following an analysis of the requirements, system and

software design, and platform that were used by the researchers,

coding and building the code were done which carry out the

system program.

Unit Testing

The code has been completed and is now ready for unit

testing. The researchers executed a simple test run or debugging

with the system, part by part, such as a visual test on each page,

and begin searching for minor errors such as incorrect spelling of

21
letters or missing code that causes execution difficulties. If the

code contains any errors, the researchers corrected them.

System Testing

After unit testing, the researchers conducted system

testing, which run the program as a whole and try any possible

action with the system program, such as logging in student users

and administrators, accessing everything within, such as COCs,

topics, and so on. The researchers also tried to put the system

program's reliability, scalability, and security to the test.

Operation and Testing

After everything has been completed, from the analysis,

design, specs, coding, and testing of the requirements, the

researchers conducted final operation test to see how well the

system program is operational and evolved. This is the final step

of testing, which should go considerably more smoothly and

without errors than before.

22
 Assist the
Student

Figure 3.2 Context Diagram

The process of the entire system is depicted in this context

diagram. The three external entities, such as the student, faculty,

and administrator, are illustrated in this diagram by the online

computer system servicing the NCII tutorial. The context

diagram shows the structure of the online computer system

servicing tutorial for Bachelor of Science in information

23
technology students at the college for research and technology.

The administrator will be in charge of the entire system,

including all activities. Managing edits, updates, and deletions,

assisting the student, and recording the activities of the student

are all features of this system for faculty. To gain access to the

system, the student must provide a valid username and password.

After logging in, the student can begin reviewing or watching the

tutorial and can take the quiz. The faculty can assist the student

and will have a record of whether or not they passed the quiz,

which will be a sign if they are ready to take the national

assessment.

24
 Figure 3.3 ER Diagram

This figure shows how the system will work and access

data. The Administrator needs to log in with their username and

password. The administrator is responsible for managing the

students and faculty for updating their records, deleting, and

adding. The student also needs their username and password to

access the system, and they have a Computer System Servicing

Reviewer that contains the parts of the motherboard, COC01 for

25
installing computer systems and networks, COC02 for

configuring computer systems and networks, COC03 for setting

up computer servers, and COC04 for backup and restore, and also

the tools that are used in the assemble and disassemble. In

addition, the student can create their own quiz based on what they

have reviewed. In addition, they also need to log in with their

username and password. The faculty can view the information of

the student that contains name, gender, address, course, year, and

section, and their quiz records, and they are responsible for

creating the quiz that has questions that contain multiple-choice

and identification.

26
 Figure 3.4 Data Flow Diagram

This figure represents the flow of data through a process

or a system. The Administrator needs to log in their username

and password. The administrator is responsible for managing the

students and faculty for updating their records, deleting, and

adding. The faculty can view the information of the student that

27
contains name, gender, address, course, year & section, and their

quiz records, and they are responsible for creating the quiz that

has question contains multiple-choice and identification.

BIBLIOGRAPHY

1. Bashir, Golam Muradul. (2015), E-learning of

PHP based on the solution of real-life problems,
Journal of Computers in Education, Volume 3,
Pages 105-129

2. Duhaylungsod, Arvin. (2021), Industry

employability ICT skills vis-à-vis skills of the
information and communication technology
program of Senior High Curriculum. Online
retrieved from https://www.ioer-imrj.com/wp-
content/uploads/2021/06/Industry-Employability-
ICT-Skills-vis-a-vis-ICT-Skills-1.pdf on June
2021

3. Harsasi, Meirani. (2018), Determinants of student

satisfaction in Online Tutorial: A study of a
distance education institution, Turkish Online
Journal of Distance Education, Volume 19, Issue 1

4. Khatri, Pankaj. (2019), Bootstrap Amplifier Circuit using

Transistors. Online retrieved from Bootstrap
Amplifier Circuit using Transistors
(circuitdigest.com) May 13, 2019

28
5. Lim, Jensen Ryan. (2019), The Effects of Strategic
Intervention Material (SIM) in Computer
Systems Servicing NC-II (CSS) to the Level of
Mastery of Grade 12 TVL-ICT Students of Lopez
NCHS. Vol 2. No 2N.

6. Pareja, Shella Mae. (2021), Development of

game-based approach courseware in Learning
Computer Sytem Servicing, Online Retrieved
from
http://journals.researchsynergypress.com/index.ph
p/issues/article/view/610 on August, 2021

7. Rodriguez, Roland I. (2017), Installing And

Configuring Computer Systems, Online Retrieved
from
https://mail.google.com/mail/u/0/#inbox/FMfcgzG
pGKbhJnRgLbbrpKPlqwHFJkMT?
projector=1&messagePartId=0.4 on January 2017

8. Santos, Arman Bernard. (2021), Decision Tree

Attribute Selection Measures for Improving
Technical Vocational Skills Competency Training
and Assessment under ICT Sector, Online
Retrieved from
https://ieeexplore.ieee.org/abstract/document/9498
325/authors#authors on August 4, 2021

9. Solas, Lyne M. (2021), Lesson Exemplar in

Computer Systems Servicing, Lecture notes for
Computer science, Page 6.

10. Ventayen, Randy Joy Magno (2018), Competency in

Computer Systems Servicing of Teachers in one
Town in Northern Luzon: A needs assessment and
analysis, Asian Journal of Multidisciplinary
Studies, Volume 1, No. 1.

29
 SCREENSHOT

British Journal of Educational Technology

30
E-learning of PHP based on the solution of real-life problems

Industry employability ICT skills vis-à-vis skills of the

information and communication technology program of
Senior High Curriculum

31
Determinants of student satisfaction in Online Tutorial: A
study of a distance education institution,

Bootstrap Amplifier Circuit using Transistors

Development of game-based approach courseware in

Learning Computer Sytem Servicing

32
 Installing and Configuring Computer Systems

Decision Tree Attribute Selection Measures for Improving

Technical Vocational Skills Competency Training and
Assessment under ICT Sector

33
 Lesson Exemplar in Computer Systems Servicing, Lecture
notes for Computer science

Competency in Computer Systems Servicing of Teachers in one

Town in Northern Luzon: A needs assessment and analysis,

GERARD C. BUSUEGO
Brgy. Soledad Sta. Rosa
Nueva Ecija, Philippines 3100
Contact Number:09067850253
Email: gecaranzo@gmail.com

34
 EDUCATIONAL
ATTAINMENT Brgy. Soledad, Sta. Rosa,
Nueva Ecija
TERTIARY
PERSONAL DATA
College of Research &
Date of Birth : May 02, 1998
Technology
BS in Information Technology
Age :24
Place of Birth : Cabanatuan City
Secondary Citizenship : Filipino
Sex : Male
Status : Single
Santa Rosa National High
School
Soledad, Sta. Rosa, Nueva Ecija SKILLS
 Computer Literate
Elementary  Can Work Under Pressure
 Works well with other
Soledad Elementary School
Soledad, Sta. Rosa, Nueva Ecija

CERTIFICATES:
 NCII Computer System Services

OJT:
College of Research & Technology (2019)
Burgos Avenue, Cabanatuan City, Philippines 3100

College of Research & Technology (2022)

Burgos Avenue, Cabanatuan City, Philippines 3100

35
Work Experience

Japan Home Centre

Watermark Gapan City N.E

McDonalds Cabanatuan City

NE Pacific Mall

CHARACTER REFERENCES

Mr. Alvin Glenn Caranzo

Teacher
09976088520

Ptr. Kent Soligam

Pastor
0936 398 797

Rachelle Encarnacion
Nurse
09362395063

I hereby certify that the above information is true and

correct to the best of my knowledge and that I am liable for any
wrong made herein.

GERARD C. BUSUEGO
Signature

36
 ARDIN C. BELGAR
Brgy. Paltic,
Dingalan Aurora Philippines
Contact Number: +63956-497-7036
Email: deenbelgar002@gmail.com

EDUCATIONAL
ATTAINMENT Brgy. Paltic, Dingalan
Aurora
TERTIARY PERSONAL DATA

College of Research & Date of Birth: September 02, 1999

Technology Religion : Roman Catholic
BS in Information Technology Gender : Male
Age : 22
Secondary Height : 5’7
Saint Patrick’s Academy Weight :65 kg
(2012-2018) Language : English/Tagalog
Citizenship : Filipino
Elementary
Paltic Elementary School SKILLS
(2007-2012)  Computer Literate
 Can Work Under Pressure
 Works well with other

CERTIFICATES:
 NCII Computer System Services

37
Work Experience

Service Crew
Nhorwin's Seafood Restaurant

CHARACTER REFERENCES

Ms. Emelyn Bulanadi

Teacher
09549163778

Mr. Nikki V. Angara

Teacher
09672410389

Mr. Jasmin V. Navarro

Government Staff
09725599645

I hereby certify that the above information is true and

correct to the best of my knowledge and that I am liable for any
wrong made herein.

ARDIN C. BELGAR
Signature

38
 LEANDRO R. FAJARDO
623 Purok 5 San Juan Accfa Cabanatuan,
Nueva Ecija, Philippines 3100
Contact Number: +63 966 911 2615
Email: leandrofajardo1593@gmail.com

EDUCATIONAL San Juan Accfa Cabanatuan

ATTAINMENT

TERTIARY PERSONAL DATA

College of Research & Age : 28

Technology
BS in Information Technology
Secondary
College of Immaculate
Concepcion, High School
H. Concepcion Cabanatuan City
(S.Y. 2013-2014)
Elementary
ACA Elementary School
San Juan Accfa Cabanatuan City
(S.Y. 2004-2005)
Birthday : September 15, 1993
Sex : Male
Civil Status : Single
Nationality : Filipino
Religion : Catholic
Parents
 Mr. Rogelio Fajardo
 Mrs. Mary Jane Schimkewitsch
SKILLS
 Good Communication Skills
 Willing to be trained
 Can adapt to change
 Computer literate

CERTIFICATES:
 NCII Computer System Services
39
Work Experience

 Catering Service Staff

 Sari-Sari Store Vendor
 Private Delivery Driver
 Buy and Sell of Things

CHARACTER REFERENCES

Melissa Cajucom
BSBA student at PHINMA UNIVERSITY
+63 935 521 8746

Mier Arvin Fuentes

Security and Safety Consultant/ Business Owner
+63 905 484 1402

Andrei Lim
Business owner
+63 917 585 5483

I hereby certify that the above information is true and

correct to the best of my knowledge and that I am liable for any
wrong made herein.

LEANDRO R. FAJARDO
Signature

40