School Website Documentation
-
Upload
independent -
Category
Documents
-
view
1 -
download
0
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