School Website Documentation

42
NEGROS ORIENTAL STATE UNIVERSITY College of Arts and Sciences Computer Science & Information Technology Department Introduction As technology continues to advance, information’s disseminates easily with no hassles and it has been a common part of our everyday needs in this world. Rapid advances in technology have helped to meet these demands of the society. The success of the school in carrying out its primary charge of educating and socializing students is contingent on student’s awareness in the school. Nowadays, most educators find it easy to have a website in their school not just because they can access it through online but of course it promotes the school and a strong home-school connection. Tanjay National High School is located at Brgy. 9 Opao Tanjay City. It is a government school that has one of the greatest population of student in the whole town of Tanjay City. Also, it is a competitive school that focuses both academic and non- academic activities. Tanjay National High School take pride in delivering an excellent education within a warm and nurturing environment. Students can grow and develop socially, emotionally and academically in a supportive environment. With the help of the website, news, announcements, activities or events, information’s and others can be post not only at the bulletin board but also can be access at home or anywhere. Statement of the problem The present undertaking tried to inform, analyze, design, develop and implement a user friendly online school website of Tanjay National High School. Specifically, the study sought answers to the following questions: 1. Why is it necessary to make a website for Tanjay National High School? Bachelor of Science in Information Technology 1

Transcript of School Website Documentation

NEGROS ORIENTAL STATE UNIVERSITYCollege of Arts and Sciences

Computer Science & Information Technology Department

Introduction

As technology continues to advance, information’s disseminates easily with no

hassles and it has been a common part of our everyday needs in this world. Rapid

advances in technology have helped to meet these demands of the society.

The success of the school in carrying out its primary charge of educating and

socializing students is contingent on student’s awareness in the school. Nowadays, most

educators find it easy to have a website in their school not just because they can access

it through online but of course it promotes the school and a strong home-school

connection.

Tanjay National High School is located at Brgy. 9 Opao Tanjay City. It is a

government school that has one of the greatest population of student in the whole town

of Tanjay City. Also, it is a competitive school that focuses both academic and non-

academic activities. Tanjay National High School take pride in delivering an excellent

education within a warm and nurturing environment. Students can grow and develop

socially, emotionally and academically in a supportive environment. With the help of the

website, news, announcements, activities or events, information’s and others can be

post not only at the bulletin board but also can be access at home or anywhere.

Statement of the problem

The present undertaking tried to inform, analyze, design, develop and implement

a user friendly online school website of Tanjay National High School. Specifically, the

study sought answers to the following questions:

1. Why is it necessary to make a website for Tanjay National High School?

Bachelor of Science in Information Technology

1

NEGROS ORIENTAL STATE UNIVERSITYCollege of Arts and Sciences

Computer Science & Information Technology Department

2. What are the requirements needed in the development and implementation of

the proposed website?

3. What is the importance of making a website for Tanjay National High School

in relation with the teachers, parents and students?

4. How effective is the proposed website in terms of its functionality?

Objectives

The study aimed to analyze, to design, to develop, to test, and to implement with

an effective and useful school website, specifically this is intended to:

1. The students are updated on what may happen in their school.

2. Let the visitors be able to know some information about the school.

3. The parents can also be updated even without visiting the school premises.

4. Students may no longer depend on the bulletin board just to know the events

and announcements of the school and;

5. To promote Tanjay National High School.

Significance of the study

This study is important because the proposed website will help Tanjay National

High School to make work easier, more accurate, organize and secure.

To the students: The said website is a great help to the students for its accuracy and

reliability. Also, to be aware of the school’s information, activities, events and others

even at home. Everything they need, as mention above, will no longer a hassle for them

Bachelor of Science in Information Technology

2

NEGROS ORIENTAL STATE UNIVERSITYCollege of Arts and Sciences

Computer Science & Information Technology Department

to know because through this website, they will be informed and easier for them to know

the things happening inside the school.

To the parents: It is useful for the parents so that they can track on their children’s

activities without the hassle of traveling just to visit the school.

To the school, faculty and staff: It would be a great help to the school especially

through disseminating information’s, announcements and others. The study further

offered future school principal and school boards with historical data upon which to base

their decisions as they deliberate on future policies for possible adoption. Also, it

promotes the schools productivity in terms of academic and non-academic studies.

Scope

In order to meet the project deadline, we the researcher formulated the scope of

this project to identify the boundaries of this study. The website, which is going to be the

output of the study, is simply going to transition Tanjay National High School’s method of

promoting, informing and handling data to a computerized one such as, allowing the

students, parents and visitors to view some information of the institution, recording all

the necessary information with regard from the students, has the capability to keep in

track the records of the student, allowing parents and students to access anytime they

want, and providing features that make the school part of a member’s daily functions.

Limitations

In making the website, limitations should be understood and planned for before

the research process starts, whilst others become apparent during or after the research

process. Information and functions that are excluded in the website are as follows; the

Bachelor of Science in Information Technology

3

NEGROS ORIENTAL STATE UNIVERSITYCollege of Arts and Sciences

Computer Science & Information Technology Department

website is exclusively for the administrator’s use, and only the admin is authorized to edit

any data and do some changes in the website.

Management Summary

Activity Organization

Position People Description

Project

Manager/Leader

Decision Making

System Analyst

Assigning Task

Claudine A. Hilario -is responsible for ensuring that

the project team completes the

project. Also, develops the

project plan with the team and

manages the team’s

performance and of project

tasks.

-it is also the responsibility of the

project manager to assure

acceptance and approval of

deliverables from the

stakeholders.

-responsible for communication,

including status reporting risk

management, issues that cannot

be resolved in the team, and in

Bachelor of Science in Information Technology

4

NEGROS ORIENTAL STATE UNIVERSITYCollege of Arts and Sciences

Computer Science & Information Technology Department

general, making sure the project

is delivered in budget, on

schedule, and within scope.

Documentation

Finance

Management

Manilyn O. Piera

May Ann Walog

-responsible for the paper works

as well as the payments which

be reported or informed to the

project manager for the decision

making.

-assigned to list down on the

expenses, schedules or daily log

of the team and to be check by

the project manager.

-making suggestions for the

system.

Programmer

System Designer

Jechris Orcullo -responsible for the coding.

-responsible for the design which

will be decided by the team.

-makes suggestions.

Table 1: Activity Organization

Project Scheduling

Bachelor of Science in Information Technology

5

NEGROS ORIENTAL STATE UNIVERSITYCollege of Arts and Sciences

Computer Science & Information Technology Department

Figure 1: Project Scheduling

Important Findings

After studying and gathering all the information needed, the researchers have

found out that the Tanjay National High School is using a manual way of handling their

files and records of their students. They do not have a system or software to keep their

records. It will cause visitors to be hassle just for knowing the information about the

school and students depend on the bulletin board just to know the events and

announcements of the school.

In addition, the researchers have also found out that Tanjay National High

School currently has no official website. They had experienced hustle on the spreading

of public information and announcements about their school.

Recommendations

Based on the findings that have found out, the researcher recommend that

Tanjay National High School need to implement an official website for their school to

help solving all the problems mentioned above.

Bachelor of Science in Information Technology

6

NEGROS ORIENTAL STATE UNIVERSITYCollege of Arts and Sciences

Computer Science & Information Technology Department

Tanjay National High School website proposed by the researchers will gratify all the

problems that the school has encountered. Through this system, the school can use it as

their database to pile up information about their records.

This will serve as way for the Tanjay National High School to be acknowledged

to the public. They can locate their records with hassle-free. It can also help them to

search their files and records straight away.

Impact

The developed and implemented official website for Tanjay National High School

is important because it will be more noticeable to the public. Furthermore, it would have

a huge impact to the following:

School, Faculty and Staff: They are the one who will use the system to keep

their files and records. It would be a big help to the school especially through

disseminating information’s, announcements and others. It is also a big help to the users

for its truthfulness and steadfastness.

Visitor: It is useful to the visitor to search all the information and other important

announcements. In addition, they would know all about the school.

Researchers: The result of the study will conduct the researchers to have more

understanding about the information of Tanjay National High School for the future use.

B. Process Model

Bachelor of Science in Information Technology

7

NEGROS ORIENTAL STATE UNIVERSITYCollege of Arts and Sciences

Computer Science & Information Technology Department

Figure 2: Process Model

Initial Planning. The researchers had an initial planning which involves forming of group

to share ideas, opinions and to divide the task. The researchers were divided into

subgroups to complete the task in its expected date which was making the

documentation and the other subgroup constructed and developed the application.

Planning and Requirements. In this phase the requirements for the software were

gathered and analyzed. This produces a complete and final specification of

requirements. And also, the researchers then chose the best tools and methods to be

followed in the development of the application.

Analysis and Design. The researchers decided on what program language to use so

that the researchers are comfortable to work with. The researchers then started

prototyping, designing, and coding. After the researchers had done designing and

coding, the researchers then test multiple parts of the system acting together to

determine if they were fit to use. Debugging also occurred in this phase to find defects in

the program and fixed then soon as possible.

Bachelor of Science in Information Technology

8

NEGROS ORIENTAL STATE UNIVERSITYCollege of Arts and Sciences

Computer Science & Information Technology Department

Testing and Deployment. The researchers were simultaneously testing the program

until there was a fully functional software application ready to be deployed to users. And

also, additional features can be designed, developed and tested. This phase also

involved final testing which was done after fixing bugs and the documents finalization.

Evaluation. The researchers conducted had an evaluation. These involves the

operation, maintenance and feedback. In this phase it operates and maintains the

functions of the software including the feedbacks for a better application.

Proposed System

System Components

School Website Design, Build and Host. Our website design, build and hosting

services provides a complete solution for the school website.

Full screen. For many parents and pupils their very first contact with your school

will be through the school website. Creating a great first impression is therefore

essential and a full screen will add that extra dimension demanding parents

expect these days, allowing them and their children to see the school and

experience some of the main features in an interesting and unique way before

visiting in person.

Advertisement. Advertisement in the website to inform school and alumni

merchandise then the websites provides everything you need.

Admin’s point of view

Add- The admin can add on the database.

Bachelor of Science in Information Technology

9

NEGROS ORIENTAL STATE UNIVERSITYCollege of Arts and Sciences

Computer Science & Information Technology Department

Edit- The admin can also edit anything that is in the database in this section.

Delete- If the company wants to delete some of the added information in the

database, he/she can do it in this section.

System Use Case

Administrator User

Figure 3: System Use Case

System Architecture

Bachelor of Science in Information Technology

10

View Home Page

View School Information

View Services Offered

Access Website

About SchoolProfile

Gallery Location Academics

Tanjay National High School Website

Home

Mission& VisionHistoryGeography

Add

Edit

Delete

Update

NEGROS ORIENTAL STATE UNIVERSITYCollege of Arts and Sciences

Computer Science & Information Technology Department

Figure 4: System Architecture

Feasibility of the Individual

The following are the key players of when the project will be doing well:

Users. They are the people who will use the project to make their work faster and

easier.

Admin. The one who holds the treatment for the website.

Researchers. They are the one who made the system possible. In accumulation, they

make the study on what is the problems and they give the solution through making a

system for their client.

Clients- They are the people involved in the actual implementation of the system.

Administrator- They are responsible for the treatment of the website.

Researchers- They are the ones who made the system possible.

Software Requirements

Software requirements defines how the intended software will interact with

hardware, external interfaces, speed of operation, response time of system, portability of

software across various platforms, maintainability, speed of recovery after crashing,

security, quality, and limitation. The requirements received from client are written in

Bachelor of Science in Information Technology

11

NEGROS ORIENTAL STATE UNIVERSITYCollege of Arts and Sciences

Computer Science & Information Technology Department

natural language. It is the responsibility of system analyst to document the requirements

in technical language so that they can be comprehended and useful by the software

development team.

Logo Tasks

Adobe Photoshop is used to edit or make certain images for

our system. So that, our stem would look good in its design and

graphics. The interface was then lay-out, edited and designed

according to the client’s request using this application.

(version:CS6)

Table 2: Size Editor

Logo Tasks

XAMMP is used to run and interprets the scripts written in the

PHP and Perl programming languages. Version

phpMyAdmin is used to handle the administration of MySQL

with the use of a Web browser. It will be the one that creates,

modifies, and deleting databases, tables, fields or rows,

executing SQL statements or managing users and

permissions.

Table 3: Database Tool

Logo Tasks

Bachelor of Science in Information Technology

12

NEGROS ORIENTAL STATE UNIVERSITYCollege of Arts and Sciences

Computer Science & Information Technology Department

Notepad++ is a source code editor and Notepad replacement

that supports several languages. We used it in developing our

system.

Table 4: Editor Tool

Logo Tasks

Microsoft Office Word is used in making the documentation of

this study. Microsoft Word 2010

Table 5: Document Tool

Logo Tasks

PHP is widely-used general-purpose scripting language that is

especially suited for Web development and can be embedded

into HTML.

HyperText Markup Language is the main markup language

for displaying web pages and other information that can be

displayed in a web browser.

Cascading Styling Sheets is used to style web pages written

in HTML.

Table 6: Language Used

Hardware Requirements

Bachelor of Science in Information Technology

13

NEGROS ORIENTAL STATE UNIVERSITYCollege of Arts and Sciences

Computer Science & Information Technology Department

There are no specific hardware requirements in making a website. Almost any

PC computer on which you can connect to the internet, will be sufficient. Of course,

processes execution will be slower on the less powerful computers. Therefore hardware

requirements should be dependent on the characteristics of processes execution.

Network Specification and Layout

When we start building up a website for Tanjay National High School, it becomes

increasingly necessary to know what would be the network requirements and its layout.

To make this process easier we’ve collected all the network requirements.

Wireless router- it is used to provide access to the Internet or a private computer

network. A wireless router works in the same way as the router in a hard-wired

home or business local area network (LAN), but allows greater mobility for

notebook or portable computers. The individual computers are equipped with

small wireless transceivers that can be plugged into either a Universal Serial Bus

(USB) port or a PC card slot.

Personal Computer- relatively inexpensive computer designed for an individual

user and use by one person at a time. Through this, user could see attached

terminals for multiple users to a single large computer whose resources where

shared among all users.

Browser- is a software application used to locate, retrieve and display content on

the World Wide Web pages, images, video and other files. As a client/server

model, the browser is the client run on a computer that contacts the Web server

and requests information.

Network Layout Bachelor of Science in Information Technology

14

NEGROS ORIENTAL STATE UNIVERSITYCollege of Arts and Sciences

Computer Science & Information Technology Department

PC/Laptop/Tablet/Phone Admin

Server/Database

Figure 5: Network Layout

Cost-Benefit Analysis

ExpensesBudget Description and Explanation

Printing (Since we don’t have printer)₱ 1.00 per page (we print it for two times)

*including the envelops,

This budget is used for printing the

documentation papers made by the

project team. Since the team prints

every week deliverables and it is printed

Bachelor of Science in Information Technology

15

Internet

NEGROS ORIENTAL STATE UNIVERSITYCollege of Arts and Sciences

Computer Science & Information Technology Department

and other files

Total ₱200.00

in colored, this was the monetary budget

for the printing expenses.

Food ₱ 75.00 (lunch)₱ 50.00 (snack)( 25.00 snack * 2(morning and afternoon))

3 overnights

Total: ₱375.00

This was the budget for the food which

includes the meal and the snack of the

team,

Panel ₱115.00 This was the budget for the panelists

snacks and lunch, as a sign of gratitude.

Fare ₱ 500.00 This was the intended budget for the expenses on the fare of the project team when they are going to have their team meeting regarding on their system project and for client visit.

TOTAL EXPENSES: ₱1190.00

Table 7: Cost-Benefit Analysis

Risk Evaluation

Risk Risk ResolutionPhase 1: Requirements

Lack of Information

Incomplete Resources

Insufficient requirements

The incompleteness of the data must be

followed up by the researches from the

school. Thus, the resources should be

analyzed with sufficient data. This often

problems can also be resolved by

researching some information from the

internet and reviewing all the analyzed

requirements in order to develop the system.

Phase 2: System and Software The researchers must have the sufficient Bachelor of Science in Information Technology

16

NEGROS ORIENTAL STATE UNIVERSITYCollege of Arts and Sciences

Computer Science & Information Technology Department

Design

Poor knowledge and skills

of system flowchart

symbols and functions

Unsatisfactory system

designs and system

specification

knowledge and background on how to

design systems, as well as the expertise of

system flowcharts with its symbols and

functions. Moreover, the specification of the

system should be accurately specified.

Phase 3: Integration and System

Testing

Lack of understanding,

comprehension and

familiarity of programming

language

Poor Internet Connection

System Errors and Failures

The programmer is obliged to study more

regarding the programming language used

in developing the system; and

understanding the flow of the program;

familiarize the symbols and its functions

through practicing the flowchart. In system

failures and errors, check the whole

computer system regarding the problems

like the hardware, software and its system

applications

Phase 4: Acceptance and

Deployment

System might debug

The result of the system

mat not meet the desired

output of the program

Virus Attacks

The dilemma can be resolved through

adequate solutions.

System debugging may avoid by

configuration. Follow the flowchart and

architecture planned by the researchers for

a specific system. In computer virus attacks,

the computer must install anti-virus software,

employ a firewall to protect networks, ensure

that the anti-virus is up-to-date, filter all

emails, scan all internet downloads and

don’t run programs of unknown origin.

Bachelor of Science in Information Technology

17

NEGROS ORIENTAL STATE UNIVERSITYCollege of Arts and Sciences

Computer Science & Information Technology Department

Phase 5: Operation and

Maintenance

System Hacking

Inconsistency of

maintenance

These serious problems may solve through

an effective solutions. System hacking can

be solved with a total security of the system,

as well as the computer system. Always

check the anti-virus for frequent updated

virus threats, malware removal, adware

removal and prevention. Maintenance

should always be prioritized in order to

protect the system from suspicious and

malicious malwares and failures.

Table 8: Risk Evaluation

User’s Manual with Sample Output

Bachelor of Science in Information Technology

18

NEGROS ORIENTAL STATE UNIVERSITYCollege of Arts and Sciences

Computer Science & Information Technology Department

Figure 6: Main Interface

Figure 6 shows the main interface of the website. It shows the home page which

include the academics and athletics, teachers and students and alumni. It also shows

the gorgeous principal with her welcome address.

Bachelor of Science in Information Technology

19

NEGROS ORIENTAL STATE UNIVERSITYCollege of Arts and Sciences

Computer Science & Information Technology Department

Web Development Program Code and Sample Output

Index.php<html><head>

<title>TNHS Official Website</title>

<link rel="stylesheet" type="text/css" href="style.css">

<link rel="stylesheet" type="text/css" href="transition.css">

<link rel="icon" type="image/gif" href="images\school-logo.png">

<meta name="viewport" content="width=device-width, initial-scale=1.0"></head><body>

<div id="container"><div id="header">

<div id="header-white"></div>

<div id="header-container">

<div id="header-nav">

<div id="school-name-container"><h3 id="school-name">TANJAY NATIONAL HIGH SCHOOL</h3></div>

<div id="nav-container">

<ul>

<li><a href="index.html" class="active">Home</a></li>

<li><a href="about-page.html">About</a></li>

<li><a href="directions-page.html">Directions</a></li>

<li

style="color:#FFF">Contact Us : Phone 415-9627</li>

</ul>

</div></div><div

id="header-second-nav">

<div id="second-nav-container">

<center>

<ul>

<li><a href="academic-page.html">Academics</a></li>

<li><a href="#">Activities & Athletics</a></li>

<li><a href="teachers-page.html">Teachers & Students</a></li>

<li><a href="#">Alumni</a></li>

</ul>

</center>

</div></div><div

id="depEd-logo"></div><div

id="school-logo"></div><div

id="nav-divider"></div>

Bachelor of Science in Information Technology

20

NEGROS ORIENTAL STATE UNIVERSITYCollege of Arts and Sciences

Computer Science & Information Technology Department

<div id="ytandwlcm-container">

<table align="center">

<tr>

<td>

<div id="ytPlayer-container">

<!--<iframe id="ytPlayer"

src="https://www.youtube.com/embed/8q0hum-9AMM">

</iframe>--> <video id="ytPlayer" controls> <source src="video/TanjayNationalHighSchool.mp4" type="video/mp4"> </video>

</div>

</td>

<td>

<div id="welcomeText-container">

<h1>Welcome to TNHS</h1>

<h4>(Tanjay National High School)</h4>

<p>We're thankful that you're taking the time to check out

our website and really hope that you enjoy what you see and will check back regularly. Here you will find a wide range of resources to help you get the most out of the services we have to offer. To help you find your way around the site, we have provided a short description of its main areas below.

</p>

<a href="about-page.html"><div id="readMore"></div></a>

</div>

</td>

</tr>

</table></div><div

id="header-end"></div></div>

</div><div id="body">

<div id="threeColumn-container">

<div class="columnOfThree">

<div class="mainwrapper">

<div class="box">

<img src="images/image-1.jpg"/>

<span class="caption full-caption">

<h3>FUN RUN 2015</h3>

Bachelor of Science in Information Technology

21

NEGROS ORIENTAL STATE UNIVERSITYCollege of Arts and Sciences

Computer Science & Information Technology Department

</span>

</div>

</div>

<h3>FUN RUN 2015</h3>

<p>Education in the Philippines has undergone several stages of development from the pre-Spanish times to the present. In meeting the needs of the society, education serves as focus of emphases/priorities of the leadership at certain periods/epochsin our national struggle as a race.<a href="">Read More...</a></p>

</div><div

class="columnOfThree">

<div class="mainwrapper">

<div class="box">

<img src="images/image-2.jpg"/>

<span class="caption full-caption">

<h3>INTRAMS 2015</h3>

</span>

</div>

</div>

<h3>INTRAMS 2015</h3>

<p>Education in the Philippines has undergone several stages of development from the pre-Spanish

times to the present. In meeting the needs of the society, education serves as focus of emphases/priorities of the leadership at certain periods/epochsin our national struggle as a race.<a href="">Read More...</a></p>

</div><div

class="columnOfThree">

<div class="mainwrapper">

<div class="box">

<img src="images/image-3.jpg"/>

<span class="caption full-caption">

<h3>CULTURAL DANCE</h3>

</span>

</div>

</div>

<h3>CULTURAL DANCE</h3>

<p>Education in the Philippines has undergone several stages of development from the pre-Spanish times to the present. In meeting the needs of the society, education serves as focus of emphases/priorities of the leadership at certain periods/epochsin our national struggle as a race.<a href="">Read More...</a></p>

</div></div><div id="column-

divider"></div><div id="founder-

container">

Bachelor of Science in Information Technology

22

NEGROS ORIENTAL STATE UNIVERSITYCollege of Arts and Sciences

Computer Science & Information Technology Department

<table align="center">

<tr>

<td>

<div id="founder-picture"><img src="images/the-principal.jpg"></div>

</td>

<td>

<div id="founder-msg">

<h3>THE PRINCIPAL</h3>

<p>We're thankful that you're taking the time to check out our website and really hope that you enjoy what you see and will check back regularly. Here you will find a wide range of resources to help you get the most out of the services we have to offer. To help you find your way around the site, we have provided a short description of its main areas below.</p>

<p>Again, thank you all for checking out the site and we hope to continue to provide the best service for years to come!</p>

</div>

</td>

</tr></table>

</div></div><div id="footer">

<div id="footer-container">

<center>

<ul>

<li><a href="#">Home</a></li>

<li><a href="#">About</a></li>

<li><a href="#">Directions</a></li>

<li>Contact Us : Phone 415-9627</li>

</ul>

<ul>

<li><a href="#" id="fb-icon"><div id="fb"></div></a></li>

<li><a href="#" id="gplus-icon"><div id="gp"></div></a></li>

<li><a href="#" id="twitter-icon"><div id="tw"></div></a></li>

<li><a href="#" id="yt-icon"><div id="yt"></div></a></li>

</ul><ul

id="socialSites">

<li><a href="#">Facebook</a></li>

<li>|</li>

<li><a href="#">Google Plus</a></li>

<li>|</li>

Bachelor of Science in Information Technology

23

NEGROS ORIENTAL STATE UNIVERSITYCollege of Arts and Sciences

Computer Science & Information Technology Department

<li><a href="#">Twitter</a></li>

<li>|</li>

<li><a href="#">Youtube</a></li>

</ul>

<ul id="lastText">

<li>

<p>Located at Tanjay City Negros Oriental, Brgy. Ambot<br/>ALL RIGHT RESERVE</p>

</li>

</ul></center>

</div></div>

</div></body></html>

About-page.html

<html>

<head>

<title>TNHS Official Website</title>

<link rel="stylesheet" type="text/css" href="about-style.css">

<link rel="icon" type="image/gif" href="images\school-logo.png">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

</head>

<body>

<div id="container">

<div id="header">

<div id="header-white"></div>

<div id="header-container">

<div id="header-nav">

<div id="school-name-container"><h3 id="school-name">TANJAY NATIONAL HIGH SCHOOL</h3></div>

<div id="nav-container">

<ul>

<li><a href="index.html">Home</a></li>

<li><a href="about-page.html" class="active">About</a></li>

<li><a href="directions-page.html">Directions</a></li>

<li

Bachelor of Science in Information Technology

24

NEGROS ORIENTAL STATE UNIVERSITYCollege of Arts and Sciences

Computer Science & Information Technology Department

style="color:#FFF">Contact Us : Phone 415-9627</li>

</ul>

</div>

</div>

<div id="school-logo"></div>

<div id="ytandwlcm-container">

<table align="center">

<tr>

<td>

<div id="ytPlayer-container">

<!--<iframe id="ytPlayer"

src="https://www.youtube.com/embed/8q0hum-9AMM">

</iframe>-->

<video id="ytPlayer" controls>

<source src="video/TanjayNationalHighSchool.mp4" type="video/mp4">

</video>

</div>

</td>

<td>

<div id="welcomeText-container">

<h1>Welcome to TNHS</h1>

<h4>(Tanjay National High School)</h4>

<p>We're thankful that you're taking the time to check out our website and really hope that you enjoy what you see and will check back regularly. </p>

Here you will find a wide range of resources to help you get the most out of the services we have to offer. To help you find your way around the site, we have provided a short description of its main areas below.

Our goal here at TNHS Website is to give the most

Bachelor of Science in Information Technology

25

NEGROS ORIENTAL STATE UNIVERSITYCollege of Arts and Sciences

Computer Science & Information Technology Department

quality articles you can find about the announcement and updates about the school. We will be providing school's information, activities, important announcements, events and much, much more.

</p>

</div>

</td>

</tr>

</table>

<div id="history">

<p>

Tanjay National High School (Opao) teaches students in grades seventh through tenth in Tanjay City, Negros Oriental of Central Visayas (Region VII). The school has 25 instructional rooms and 2 non-instructional rooms, which are all powered by a power grid. With 1,019 students, class size is around 41 students. Nancy C. Colina is in charge of the school, acting as the school's Principal.</p>

</div>

</div>

<div id="header-end"></div>

</div>

</div>

<div id="body">

<div id="VMGO-container">

<div>

<h2>VISION</h2>

<p>We dream of Filipinos <br/>

who passionately love their country <br/>

and whose values and competencies <br/>

enable them to realize their full potential <br/>

and contribute meaningfully to building the nation.

</p>

<p>

As a learner-centered public institution, <br/>

the Department of Education <br/>

continuously improves itself <br/>

Bachelor of Science in Information Technology

26

NEGROS ORIENTAL STATE UNIVERSITYCollege of Arts and Sciences

Computer Science & Information Technology Department

to better serve its stakeholders.

</p>

</div>

<div class="divider"></div>

<div>

<h2>MISSION</h2>

<p>To protect and promote the right of every Filipino to quality, equitable, culture-based, and complete basic education where:

</p>

<p>

<b>Students</b> learn in a child-friendly, gender-sensitive, safe, and motivating environment.<br/>

<b>Teachers</b> facilitate learning and constantly nurture every learner.<br/>

<b>Administrators and staff</b>, as stewards of the institution, ensure an enabling and supportive environment for effective learning to happen.<br/>

<b>Family, community, and other stakeholders</b> are actively engaged and share responsibility for developing life-long learners.

</p>

</div>

<div class="divider"></div>

<div>

<h2>OUR CORE VALUES</h2>

<p>Maka-Diyos <br/>

Maka-tao<br/>

Makakalikasan<br/>

Makabansa

</p>

</div>

<div class="divider"></div>

<div>

<h2>Our Mandate</h2>

<p>The Department of Education was established through the Education Decree of 1863 as the Superior Commission of Primary Instruction under a Chairman. The Education agency underwent many reorganization efforts in the 20th century in order to better define its purpose vis a vis the changing administrations and charters. The present day Department

Bachelor of Science in Information Technology

27

NEGROS ORIENTAL STATE UNIVERSITYCollege of Arts and Sciences

Computer Science & Information Technology Department

of Education was eventually mandated through Republic Act 9155, otherwise known as the Governance of Basic Education act of 2001 which establishes the mandate of this agency.</p>

<p>The Department of Education (DepEd) formulates, implements, and coordinates policies, plans, programs and projects in the areas of formal and non-formal basic education. It supervises all elementary and secondary education institutions, including alternative learning systems, both public and private; and provides for the establishment and maintenance of a complete, adequate, and integrated system of basic education relevant to the goals of national development.</p>

</div>

<div class="divider"></div>

<div>

<center>

<h2>TANJAY NATIONAL HIGH SCHOOL HYMN</h2>

<p>Dreams seem out of reach <br/>

When you're born poor<br/>

And opportunities knock not at your door<br/>

The lonely path is long and dark<br/>

Our guiding star has not a spark<br/>

Hope nurtured in our hearts was then fading<br/>

Depression was slowly creeping<br/>

When a school was born<br/>

That changed darkness to morn<br/>

Virtues our students to adorn<br/><br/>

Chorus:

Tanjay National High School<br/>

You taught us above all things<br/>

To praise the Lord High up above to serve<br/>

Our country with all might<br/>

Our neighbors as ourselves<br/><br/>

We must love<br/>

Oh hail dear Alma Mater<br/>

The stars high up above are now within our reach<br/>

That ember of hope in our heart<br/>

Is now glowing is lighting the sure path to success

</p>

Bachelor of Science in Information Technology

28

NEGROS ORIENTAL STATE UNIVERSITYCollege of Arts and Sciences

Computer Science & Information Technology Department

</center>

</div>

</div>

</div>

<div id="footer">

<div id="footer-container">

<center>

<ul>

<li><a href="#">Home</a></li>

<li><a href="#">About</a></li>

<li><a href="#">Directions</a></li>

<li>Contact Us : Phone 415-9627</li>

</ul>

<ul>

<li><a href="#" id="fb-icon"><div id="fb"></div></a></li>

<li><a href="#" id="gplus-icon"><div id="gp"></div></a></li>

<li><a href="#" id="twitter-icon"><div id="tw"></div></a></li>

<li><a href="#" id="yt-icon"><div id="yt"></div></a></li>

</ul>

<ul id="socialSites">

<li><a href="#">Facebook</a></li>

<li>|</li>

<li><a href="#">Google Plus</a></li>

<li>|</li>

<li><a href="#">Twitter</a></li>

<li>|</li>

<li><a href="#">Youtube</a></li>

</ul>

<ul id="lastText">

<li>

<p>Located at Tanjay City Negros Oriental, Brgy. Ambot<br/>ALL RIGHT RESERVE</p>

Bachelor of Science in Information Technology

29

NEGROS ORIENTAL STATE UNIVERSITYCollege of Arts and Sciences

Computer Science & Information Technology Department

</li>

</ul>

</center>

</div>

</div>

</div>

</body>

</html>

Academic-page.html

<html>

<head>

<title>TNHS Official Website</title>

<link rel="stylesheet" type="text/css" href="academic-style.css">

<link rel="stylesheet" type="text/css" href="transition.css">

<link rel="icon" type="image/gif" href="images\school-logo.png">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

</head>

<body>

<div id="container">

<div id="header">

<div id="header-white"></div>

<div id="header-container">

<div id="header-nav">

<div id="school-name-container"><h3 id="school-name">TANJAY NATIONAL HIGH SCHOOL</h3></div>

<div id="nav-container">

<ul>

<li><a href="index.html" class="active">Home</a></li>

<li><a href="about-page.html">About</a></li>

<li><a href="directions-page.html">Directions</a></li>

<li style="color:#FFF">Contact Us : Phone 415-9627</li>

</ul>

</div>

</div>

<div id="header-second-nav">

Bachelor of Science in Information Technology

30

NEGROS ORIENTAL STATE UNIVERSITYCollege of Arts and Sciences

Computer Science & Information Technology Department

<div id="second-nav-container">

<center>

<ul>

<li><a href="academic-page.html" class="active">Academics</a></li>

<li><a href="#">Activities & Athletics</a></li>

<li><a href="teachers-page.html">Teachers & Students</a></li>

<li><a href="#">Alumni</a></li>

</ul>

</center>

</div>

</div>

<div id="depEd-logo"></div>

<div id="school-logo"></div>

<div id="nav-divider"></div>

<div id="header-end"></div>

</div>

</div>

<div id="body">

<div id="body-container">

<div id="k-12-container">

<h3>TANJAY NATIONAL HIGH SCHOOL IS READY TO THE K-12 PROGRAM</h3>

<img src="images/k-12.png">

</div>

<div id="academictrack-container">

<h3>ACADEMIC TRACK</h3>

<h5>Accountancy, Business and Management (ABM) Strand</h5>

<p>

1. Applied Economics <br/>

2. Business Ethics and Social Responsibility<br/>

3. Fundamentals of Accountancy, Business and Management 1<br/>

4. Fundamentals of Accountancy, Business and Management 2<br/>

Bachelor of Science in Information Technology

31

NEGROS ORIENTAL STATE UNIVERSITYCollege of Arts and Sciences

Computer Science & Information Technology Department

5. Business Math<br/>

6. Business Finance<br/>

7 .Organization and Management<br/>

8. Principles of Marketing<br/>

9. Work Immersion/Research/Career Advocacy/Culminating Activity i.e. Business Enterprise Simulation

</p>

<h5>Humanities and Social Sciences (HUMSS) Strand</h5>

<p>

1. Creative Writing / Malikhaing Pagsulat<br/>

2. Introduction to World Religions and Belief Systems<br/>

3. Creative Nonfiction<br/>

4. Trends, Networks, and Critical Thinking in the 21st Century Culture<br/>

5. Philippine Politics and Governance<br/>

6. Community Engagement, Solidarity, and Citizenship<br/>

7. Disciplines and Ideas in the Social Sciences<br/>

8. Disciplines and Ideas in the Applied Social Sciences<br/>

9. Work Immersion/Research/Career Advocacy/Culminating Activity

</p>

<h5>Science, Technology, Engineering and Mathematics (STEM) Strand</h5>

<p>

1. Pre-Calculus<br/>

2. Basic Calculus<br/>

3. General Biology 1<br/>

4. General Biology 2<br/>

5. General Physics 1<br/>

6. General Physics 2<br/>

7. General Chemistry 1 and 2<br/>

8. Work Immersion/Research/Career Advocacy/Culminating Activity<br/>

</p> Bachelor of Science in Information Technology

32

NEGROS ORIENTAL STATE UNIVERSITYCollege of Arts and Sciences

Computer Science & Information Technology Department

<h5>General Academic Strand</h5>

<p>

1. Humanities 1*

2. Humanities 2*

3. Social Science 1**

4. Applied Economics

5. Organization and Management

6. Disaster Readiness and Risk Reduction

7. Elective 1 (from any Track/Strand)***

8. Elective 2 (from any Track/Strand)***

</p>

</div>

</div>

</div>

<div id="footer">

<div id="footer-container">

<center>

<ul>

<li><a href="#">Home</a></li>

<li><a href="#">About</a></li>

<li><a href="#">Directions</a></li>

<li>Contact Us : Phone 415-9627</li>

</ul>

<ul>

<li><a href="#" id="fb-icon"><div id="fb"></div></a></li>

<li><a href="#" id="gplus-icon"><div id="gp"></div></a></li>

<li><a href="#" id="twitter-icon"><div id="tw"></div></a></li>

<li><a href="#" id="yt-icon"><div id="yt"></div></a></li>

</ul>

<ul id="socialSites">

<li><a href="#">Facebook</a></li>

<li>|</li>

Bachelor of Science in Information Technology

33

NEGROS ORIENTAL STATE UNIVERSITYCollege of Arts and Sciences

Computer Science & Information Technology Department

<li><a href="#">Google Plus</a></li>

<li>|</li>

<li><a href="#">Twitter</a></li>

<li>|</li>

<li><a href="#">Youtube</a></li>

</ul>

<ul id="lastText">

<li>

<p>Located at Tanjay City Negros Oriental, Brgy. Ambot<br/>ALL RIGHT RESERVE</p>

</li>

</ul>

</center>

</div>

</div>

</div>

</body>

</html>

Directions-page.html

<html>

<head>

<title>TNHS Official Website</title>

<link rel="stylesheet" type="text/css" href="directions-page.css">

<link rel="icon" type="image/gif" href="images\school-logo.png">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

</head>

<body>

<div id="container">

<div id="header">

<div id="header-white"></div>

<div id="header-container">

<div id="header-nav">

<div id="school-name-container"><h3 id="school-name">TANJAY NATIONAL HIGH SCHOOL</h3></div>

<div id="nav-container">

<ul>

Bachelor of Science in Information Technology

34

NEGROS ORIENTAL STATE UNIVERSITYCollege of Arts and Sciences

Computer Science & Information Technology Department

<li><a href="index.html">Home</a></li>

<li><a href="about-page.html" class="active">About</a></li>

<li><a href="directions-page.html">Directions</a></li>

<li style="color:#FFF">Contact Us : Phone 415-9627</li>

</ul>

</div>

</div>

<div id="school-logo"></div>

<div id="ytandwlcm-container">

<table align="center">

<tr>

<td>

<div id="map-container">

<script type="text/javascript" src="http://maps.google.com/maps/api/j

s?sensor=false"></script><div style="overflow:hidden;height:400px;width:600px;"><div id="gmap_canvas" style="height:400px;width:600px;"></div><style>#gmap_canvas img{max-width:none!important;background:none!important}</style><a class="google-map-code" href="http://www.themecircle.net" id="get-map-data">Tanjay National High School</a></div><script type="text/javascript"> function init_map(){var myOptions = {zoom:17,center:new google.maps.LatLng(9.5127226,123.16080680000005),mapTypeId: google.maps.MapTypeId.ROADMAP};map = new google.maps.Map(document.getElementById("gmap_canvas"), myOptions);marker = new google.maps.Marker({map: map,position: new google.maps.LatLng(9.5127226, 123.16080680000005)});infowindow = new google.maps.InfoWindow({content:"<b>Tanjay National High School</b><br/>Opao<br/>6204 Philippines" });google.maps.event.addListener(marker, "click", function(){infowindow.open(map,marker);});infowindow.open(map,marker);}google.maps.event.addDomListener(window, 'load', init_map);</script>

</div>

</td>

<td>

Bachelor of Science in Information Technology

35

NEGROS ORIENTAL STATE UNIVERSITYCollege of Arts and Sciences

Computer Science & Information Technology Department

<div id="contact-container">

<p>PHONE NUMBER</p>

</div>

</td>

</tr>

</table>

</div>

</div>

<div id="footer">

<div id="footer-container">

<center>

<ul>

<li><a href="#">Home</a></li>

<li><a href="#">About</a></li>

<li><a href="#">Directions</a></li>

<li>Contact Us : Phone 415-9627</li>

</ul>

<ul>

<li><a href="#" id="fb-icon"><div id="fb"></div></a></li>

<li><a href="#" id="gplus-icon"><div id="gp"></div></a></li>

<li><a href="#" id="twitter-icon"><div id="tw"></div></a></li>

<li><a href="#" id="yt-icon"><div id="yt"></div></a></li>

</ul>

<ul id="socialSites">

<li><a href="#">Facebook</a></li>

<li>|</li>

<li><a href="#">Google Plus</a></li>

<li>|</li>

<li><a href="#">Twitter</a></li>

<li>|</li>

<li><a href="#">Youtube</a></li>

</ul>

Bachelor of Science in Information Technology

36

NEGROS ORIENTAL STATE UNIVERSITYCollege of Arts and Sciences

Computer Science & Information Technology Department

<ul id="lastText">

<li>

<p>Located at Tanjay City Negros Oriental, Brgy. Ambot<br/>ALL RIGHT RESERVE</p>

</li>

</ul>

</center>

</div>

</div>

</div>

</body>

</html>

Glossary

Database - a structured set of data held in a computer, especially one that is

accessible in various ways.

File - a folder or box for holding loose papers that are typically arranged in a

particular order for easy reference.

Official Website - An internet page maintained by a person or organization with

a professional involvement in the data topic.

Record - a thing constituting a piece of evidence about the past, especially an

account of an act or occurrence kept in writing or some other permanent form.

Software - the programs and other operating information used by a computer.

System software - is computer software designed to operate and control the

computer hardware and to provide a platform for running application software.

System software can be separated into two different categories, operating

systems and utility software.

Tanjay National High School - It is a government school that has one of the

greatest populations of student in the whole town of Tanjay City.

Bachelor of Science in Information Technology

37

NEGROS ORIENTAL STATE UNIVERSITYCollege of Arts and Sciences

Computer Science & Information Technology Department

Conclusion

In this paper, the design of the Tanjay National High School website is

presented. Opinions that have been asked gives a positive feedback in making the

website. In addition, the client finds the proposed system more effective in their school

by disseminating information’s and with parent’s awareness and also due to the

increased of efficiency by reducing manual posting of announcements and informations.

Finally, it is recommended to automate other manual transactions in order to improve the

productivity for the client.

Bibliography

© 1996–2015 American Library Association50 E Huron St., Chicago IL 60611 | 1.800.545.2433http://www.ala.org/aasl/standards-guidelines/best-websites/2013

©2004 Florida Center for Instructional Technology College of Education, University of South Florida 4202 E. Fowler Ave., EDU162 Tampa, Florida 33620 http://fcit.usf.edu/websites/chap1/chap1.htm

© 2015 Creighton Community Public Schoolshttp://www.creightonpublicschools.org/vnews/display.v/ART/5388cec213584

© 2015 Presidents and Fellows of Harvard CollegePublished by Harvard Family Research Projecthttp://www.hfrp.org/out-of-school-time/ost-database-bibliography

© 2015 University of Cambridgehttp://cscs.medschl.cam.ac.uk/about-us/projects/joint-school-computing-service/project-documentation/

Association of California School Administrators (ACSA). (2006). Handbook of goals and objectives related to state of California content standards. Sacramento, CA: Author.

Bachelor of Science in Information Technology

38

NEGROS ORIENTAL STATE UNIVERSITYCollege of Arts and Sciences

Computer Science & Information Technology Department

Copyright © 2012 Official Website of CapizNHS | Powered by Blogger Design by Web2feel | Blogger Template by NewBloggerThemes.comhttp://capiznhs.blogspot.com/p/website-bibliography-school-website.html

© Copyright 2012 - 2016 Students3k.com · All Rights Reserved · Designed By PlacementBix.comhttp://projects.students3k.com/college-website-documentation.html

Copyright © 2015 Keep Central Central Ballot Initiative Committee of Champaign IL.http://www.keepcentralcentral.com/school-board-site-documentation/

LinkedIn Corporation © 2015http://www.slideshare.net/KrishnasaiGudavalli/software-requirements-specification-17173967

School Website Designs - School Website Packages - Websites For School Telephone: (02) 4961 0777    Facsimile: (02) 4961 0199Copyright 2010 Website: www.skoolsite.com.au Email: [email protected] http://www.skoolsite.com.au/

Bachelor of Science in Information Technology

39

NEGROS ORIENTAL STATE UNIVERSITYCollege of Arts and Sciences

Computer Science & Information Technology Department

Appendices

Request Letter

July 02, 2015

MRS. NANCY C. MOLINA

School Principal

Brgy. 9, Opao

Tanjay City

Dear Ma’am;

Greetings!

We are writing to request for an interview with you to obtain some relevant information regarding the school, Tanjay National High School.

We are 4th year Information Technology students at Negros Oriental State University. We are required to gather information in line with our proposed project in Software Development. The project aims to make a website about Tanjay National High School which will provide relevant information about the school itself. It would be an honor for us if you can share information that can help in making our project.

We would like to interview you in person or anyone from your office and hope that you are available on the 2nd of July to the 5th of July.

You may send your feedback to this mobile number 09266344603, and to this email address, [email protected].

Thank you for considering our request.

Bachelor of Science in Information Technology

40

NEGROS ORIENTAL STATE UNIVERSITYCollege of Arts and Sciences

Computer Science & Information Technology Department

Sincerely,

CLAUDINE HILARIO JECHRIS ORCULLO

MAY ANN WALOG MANILYN PIERA

Noted by:

Bachelor of Science in Information Technology

41

NEGROS ORIENTAL STATE UNIVERSITYCollege of Arts and Sciences

Computer Science & Information Technology Department

Bachelor of Science in Information Technology

42