A FINAL PROJECT

Presented to the Faculty of College of Information Technology and Engineering

Notre Dame of Midsayap College
Midsayap, Cotabato

In Partial Fulfillment of the Requirements for the

CS 206/IT 201: Human-Computer Interaction

PILOR, MICHAEL JADE A.

PENDON, AIRA QUEEN C.
HERNAN, CHRISTIAN C.
TAPORCO, TROY P.

NERO HONTIVEROS
Instructor

May 2023

1|Page
TABLE OF CONTENTS

Preliminary Pages

Title Page

Table of Contents

List of Figures

List of Tables

List of Appendices

CHAPTER I. INTRODUCTION

1.1. Background of the Project

1.2. Objectives of the Project

1.3. Significance of the Project

1.4. Scope and Limitations of the Project

1.5. Definition of Terms

Chapter II. RESULTS, CONCLUSIONS AND RECOMMENDATIONS

2.1 Acceptance Test Results

2.2 Conclusions

2.3 Recommendation

Chapter III. REFERENCES AND TRAINING MATERIALS

3.1 User’s Manual

3|Page
REFERENCES

APPENDICES

Appendix A. Acceptance Test Questionnaire

Appendix B. Evidences of Data Gathering

CURRICULUM VITAE

CHAPTER I

INTRODUCTION

This chapter includes the project’s background, objectives, significance, scope,

limitations, and definition of terms.

1.1. Background of the Project

Programming has become an essential skill in today's digital age. As more and more
industries rely on technology, the demand for programmers continues to grow. However,
for beginners, learning to program can be a daunting task, especially if they do not have
any prior experience in coding. Hypertext Markup Language (HTML) is a great place to

3|Page
start if you are interested in learning how to build and design websites. This project
website will introduce you to HTML by building a personal website that you can use in
the future. Once you learn the basics, you will know how to change the website's design
and add personalized content.

HTML is the standard markup language used to display documents in a web browser.
First developed by Tim Berners-Lee in 1990 while working at the European Organization
for Nuclear Research (CERN), HTML was one of the key innovative technologies used
to publish the world's first website on August 6, 1991. Since that time, HTML has been
significantly updated and expanded, but its basic purpose of formatting and structuring
web pages remains the same. Today, HTML is one of many tools used to build the web.
Knowing how to write HTML will provide a strong foundation for your career as a web
designer and prepare you to learn additional front-end web development skills like CSS
and JavaScript.

1.2. Objectives of the Project

The main objective of this project is to create a user-friendly and accessible resource for
ITE college freshmen who want to learn the HTML programming language. Specifically,
the project aims to:

 Provide an accessible and user-friendly manual.

 Help ITE college freshmen build a solid foundation in HTML through simple
tutorials and examples.
 gaining knowledge of HTML syntax, elements, and attributes and how they are
used to create simple web pages.
 Promote the importance of basic HTML concepts as a valuable skill in today's
digital age.

1.3 Significance of the Project

ITE college freshmen This project will be highly beneficial for ITE college freshmen,
especially those who may not have any prior experience in programming. It will provide
them with the necessary knowledge and skills to create simple web pages using HTML.
This project will also serve as a stepping stone for students who want to pursue a career
in web development.

3|Page
1.4 Scope and Limitations of the Project

The scope of this project focuses only on ITE college freshmen who are new to HTML
and offers an accessible introduction to the HTML programming language. It covers only
the basic concepts and does not dive into advanced topics.

The limitations of this project are, that it does not cover the other programming languages
used in web development, such as CSS, JavaScript, and Bootstrap, and it is not intended
for students who already have an advanced understanding of HTML.

1.5 Definition of Terms

Programming: The process of designing, writing, testing, debugging, and maintaining the
source code of software applications or computer programs

Web development: is the process of creating websites and applications for the World
Wide Web (WWW) or private networks.

CSS (Cascading Style Sheets): is a style sheet language used to describe the presentation
of a document written in HTML.

JavaScript is a programming language used to create interactive and dynamic effects on

web pages.

Bootstrap: is a free and open-source CSS framework used for responsive and mobile-first
front-end web development.

Markup language: A system of annotating a document in a way that is syntactically

distinguishable from the text. In HTML, the markup tags are used to specify the structure
and content of the web page.

3|Page
Syntax: A set of rules that define the structure and order of elements in a programming
language

Elements: The individual components that make up a web page, such as headings,
paragraphs, and images.

Attributes: properties that define characteristics of HTML elements, such as the color or
size of text.

Chapter II

RESULTS, CONCLUSIONS, AND RECOMMENDATIONS

2.1 Acceptance Test Results

2.2 Conclusions

2.3 Recommendations

o Expand the project scope to include more advanced HTML topics and other

languages commonly used in web development, such as CSS and JavaScript.

o Consider creating additional resources for students who want to continue learning

beyond the basics covered in this project, such as online courses or workshops.

3|Page
 o Seek feedback from ITE college freshmen to improve the user-friendliness and

effectiveness of the project materials.

o Collaborate with web development professionals to provide students with real-

world examples and industry insights.

o Develop a community or forum for students to ask questions, share their projects,

and connect with peers who are also learning HTML.

https://assets.digitalocean.com/books/how-to-build-a-website-with-html.pdf

3|Page
CURRICULUM VITAE

College of Information Technology and Engineering

Notre Dame of Midsayap College
Midsayap, North Cotabato

PENDON, AIRA QUEEN C.

Dualing Aleosa, North Cotabato
(0995) 957- 5277
Email:airaqueenpendon1@gmail.com
OBJECTIVES: For the compilation of document of

PERSONAL INFORMATION
SEX : Female
AGE : 20 years old
BIRTHDATE : August 01, 2002
BIRTHPLACE : Aleosan, North Cotabato
NATIONALITY : Filipino
RELIGION : Roman Catholic
CIVIL STATUS : Single
HEIGHT : 5’0
WEIGHT : 45 Kg

EDUCATIONAL ATTAINMENT

Tertiary Level
Notre Dame of Midsayap College
Bachelor of Science in Information Technology
Midsayap, North Cotabato
2021-2023

Secondary Level
Dualing National High School North Cotabato
2014-2020

Primary Level
Dualing High School, North Cotabato
2008-201

3|Page
 College of Information Technology and Engineering
Notre Dame of Midsayap College
Midsayap, North Cotabato

TAPORCO, TROY P.
Poblacion 6, Midsayap North Cotabato
(0912) 331- 3214
Email:heypyort@gmail.com
OBJECTIVES: For the compilation of document of

PERSONAL INFORMATION
SEX : Male
AGE : 20 years old
BIRTHDATE : June 30, 2002
BIRTHPLACE : Davao City, North Cotabato
NATIONALITY : Filipino
RELIGION : Roman Catholic
CIVIL STATUS : Single
HEIGHT : 5’10
WEIGHT : 59 Kg

EDUCATIONAL ATTAINMENT

Tertiary Level
Notre Dame of Midsayap College
Bachelor of Science in Information Technology
Midsayap, North Cotabato
2021-2023

Secondary Level
St. Mary’s Academy of Midsayap INC.
2014-2020

Primary Level
Midsayap Pilot Elementary School
2008-201

3|Page
 College of Information Technology and Engineering
Notre Dame of Midsayap College
Midsayap, North Cotabato

HERNAN, CHRISTIAN C.
Poblacion 1, Midsayap North Cotabato
(0919) 331- 3345
Email:hernan123@gmail.com
OBJECTIVES: For the compilation of document of

PERSONAL INFORMATION
SEX : Male
AGE : 21 years old
BIRTHDATE : February 3, 2002
BIRTHPLACE : Midsayap, North Cotabato
NATIONALITY : Filipino
RELIGION : Roman Catholic
CIVIL STATUS : Single
HEIGHT : 5’5
WEIGHT : 55Kg

EDUCATIONAL ATTAINMENT

Tertiary Level
Notre Dame of Midsayap College
Bachelor of Science in Information Technology
Midsayap, North Cotabato
2021-2023

Secondary Level
Sipaway Senior High School
2014-2020

Primary Level
Bagolibas Elementary School
2008-201

3|Page
 College of Information Technology and Engineering
Notre Dame of Midsayap College
Midsayap, North Cotabato

PILOR, MICHAEL JADE A.

Kiwanan, Midsayap, North Cotabato
(0951) 266- 6897
Email:pilor203@gmail.com
OBJECTIVES: For the compilation of document of

PERSONAL INFORMATION
SEX : Male
AGE : 20 years old
BIRTHDATE : July 23, 2002
BIRTHPLACE : Midsayap, North Cotabato
NATIONALITY : Filipino
RELIGION : Roman Catholic
CIVIL STATUS : Single
HEIGHT : 5’10
WEIGHT : 59 Kg

EDUCATIONAL ATTAINMENT

Tertiary Level
Notre Dame of Midsayap College
Bachelor of Science in Information Technology
Midsayap, North Cotabato
2021-2023

Secondary Level
St. Mary’s Academy of Midsayap INC.
2014-2020

Primary Level
Lower Kiwanan Elementary School, 2014-201

3|Page