You are on page 1of 86

1

CHAPTER 1
INTRODUCTION

This chapter presents the project context, objectives of the study, scope and
limitations of the study, significance of the study, and the operational definition of
terms.
Project Context
The Pambayang Dalubhasaan ng Marilao started as a dream of the four noble men:
Mayor Epifanio V. Guillermo, Vice Mayor Juainto H. Santiago, Governor Jon- Jon
Mendoza and Mr. William Villarica. These men are united by a common idea to provide
a brighter future for every Marileo. Later on, a piece of land was donated by Mr.
William Villarica, Atty. Henry and Mrs. Linabelle Villarica, and intended to be the third
public high school in the community. But in time, plans shifted to build a local college
and so, Pambayang Dalubhasaan ng Marilao was created.
The Pambayang Dalubhasaan ng Marilao (PDM) uses the traditional marketing
strategies wherein the school informs target market through visitations and marketing
advertisements. Pambayang Dalubhasaan ng Marilao conducts visitations and seminars
to different high schools in Marilao to inform the graduating students about the school.
The school catches the interest of the students by presenting the general information of
the school as well as the school programs and facilities. Pambayang Dalubhasaan ng
Marilao also uses marketing advertisements such as posters, tarpaulins, and municipal
newspaper. PDM spread these materials to different parts of Marilao to inform the

people about the schools information. People who want to inquire in PDM usually go
directly to the school just to get the information needed.
It will be difficult for the Pambayang Dalubhasaan ng Marilao because lots of efforts
are to be made just to spread the information of the school to the Marileos. People who
want to inquire will go to the school first just to get the information needed. There is no
centralized source on how the school will advertise itself to reach others who want to
know the general information of the school as well as its facilities and events.
Prospective enrollees will not be able to see what the school can offer unless they visit
the campus. It will be hard for the applicants to get the schedule of entrance examination
because they have to go to school several times. To top it, PDM cannot extend its
boundaries because all of its information are found only within the campus.
In order to solve these problems, the proponents thought of developing a project
entitled Development of website for Pambayang Dalubhasaan ng Marilao that will
serve as an online information system that allows people to check for the updates of the
school. The website will provide the general information of the school so, people outside
the school will have an easy access to the school to check its facilities. Students who
want to enroll can see the courses and programs that the school offers. It will be an
advantage if the school has its own website because it can increase the schools
popularity and peoples knowledge of the school.

Objectives of the Study


In this section, the proponents discuss the general and specific objectives of the study
in order to prove that the study is really significant, reliable and feasible for
implementation.
General Objective
The general objective of the study is to develop a website for Pambayang
Dalubhasaan ng Marilao (PDM).
Specific Objectives
In order to accomplish the main objective of this study, the proponents aim to cope
with the following specific objectives:
1.
2.
3.
4.
5.

To provide general information about the school


To make the system capable of Content Management System (CMS)
To provide an online entrance exam reservation
To have an online inquiry for the visitors
To let the visitors check the school facilities online

Scope and Limitations of the Study


The website will have different interfaces in accordance to the user: user, professor,
students, website administrator, and guidance counselor. The visitors interface is only
capable of viewing information on the website. This is where a visitor of the site can
only view different information according to the visitors needs. It displays the main
webpage after the user entered the web address through the web browser. The professors
and students interface has also the scope of the visitors page. The only difference is, it
enables the students to have an interaction to the online forum by simply logging into

the system. The website administrators interface is a separate page that can only be
accessed by the website administrator. It gives him the overall control on how the
contents of the website be managed. The guidance counselors interface is another
separate page dedicated to the process of online entrance examination reservation
controlled by the guidance counselor. This allows the guidance counselor to manage the
requirements and post the list of schedules of the entrance examination.
Aside from those interfaces, it has features that are useful to the user. Online
entrance examination is for students who want to take entrance examination and place
reservations online. By simply going to the online entrance examination page, applicant
can fill out the reservation form and wait for the confirmation of the guidance counselor
of the schedule. Content management system allows the website administrator to change
the content of the website using a separate panel. It has the overall control of the
information displayed on the website and enables website administrator modifications.
By using this, the administrator will no longer need to change the source code just to
modify the contents. General Information about school includes the necessary
information of the school such as: school background, academic requirements, facilities,
curriculums, courses offered, organizations, offices, policies, contact information and
location. News and announcement will take care of all the activities in the school as well
as disseminating information or any announcements to students, faculty, and staff.
In the Pambayang Dalubhasaan ng Marilao website, students cannot view grades but
there is only a link to other system that provides that feature. It provided the student with
enrollment process but not the enrollment system. Students cannot take entrance
examination online but instead, applicants can only inquire for reservation.

Significance of the Study


It is intended to find out that the use of school website will make it easier for the
school to have interaction with students, faculty, and parents. It also provides
information about the school events, updates, functions and accomplishment.
The study will benefit the following:
PDM. The system can help increase the popularity of the school
Professors. The system can help them to have discussions through forum.
Students. The system can help students be informed about the news and events of
the school.
Parents. The system can help parents to be updated on the events in the school and
monitor students schedule.
School Offices and Organizations. The system can help them to disseminate
announcements online.
School

Administrator.

The

system

can

help

disseminate

the

school

administrations announcements.
Future Researchers. The study be used as a reference to improve more from the
researchers future study.
Operational Definition of Terms

Code Igniter. Refers to an example of PHP framework that uses Model View
Controller (MVC) pattern
Database. Refers to a data structure that stores organized information
Domain. Refers to a unique name that identifies a website
Forum. Refers to a section where students interact with each other providing
discussions on a certain topic that will be posted
Home. Refers to the first page that will appear as the user enters the website and
includes the news and announcements together with the other links in the
website
Model View Controller (MVC). Refers to an architectural pattern in programming
that isolates business logic from the UI, allowing one to be modified
separately from the other
News/ Events. Refers to the current happenings in the school that will be posted on
the website
Online Entrance Exam Reservation. Refers to an online system that will be used
by the college applicants to reserve an exam schedule
PHP Framework. Refers to a basic structure to build web applications
PHP. Refers to an HTML-embedded web scripting language
Quick links. Refer to links to other online systems of the school

User Interface (UI). Refers to the means in which a person controls a


software application or hardware device
Web host. Refers to storage of all the pages of your website `and makes pages
available to computers connected to the Internet
Web page. Refers to a document on the World Wide Web, consisting of an HTML
file and any related files for scripts and graphics, and often hyperlinked to
other documents on the Web
Website Administrator. Refers to the authorized person to have the overall control
of the website
Website. Refers to a set of interconnected webpages, usually including a homepage,
generally located on the same server, and prepared and maintained as a
collection of information by a person, group, or organization

CHAPTER 2

REVIEW OF RELATED LITERATURE AND STUDIES

This chapter discusses the references used to develop the system. Foreign
literature, local literature, foreign and local studies are presented in this chapter.
Review of Related Literature
Local Literature
Most websites are in the form of information sites that generally provide pure
information to the visitors. These websites cover information about a particular industry.
Information sites usually include particular search sites and links to website of trade and
industry standards organizations. (Feria, 2009)
In order to build a website, a markup language is commonly used. It combines text
and extra information about the text. The best known markup language in modern use is
HTML (Hypertext Markup Language), one of the foundations of the World Wide Web.
(Abante, 2009)
Hypertext Markup Language is intended for making web pages with hypertext and
other information to be displayed in a web browser. HTML is used to structure
information- denoting certain text as headings, paragraphs, lists and can be used to
described, to some degree, the appearance and semantics of a documents. (Abante,
2009)
Through HTML, web pages are created. The collection of these web pages builds
the whole website. These web pages is what the visitors saw in entering a website. Web
page is a resource on a World Wide Web, usually in HTML/XHTML format with

hypertext links to allow navigation from one page or section to another. Varying
filename extensions can be used, such as .htm, .html or .php to name a few. Web pages
often use graphic files to provide illustration. A webpage is displayed using a Web
browser, which can have a Graphical User Interface, like Internet Explorer, Mozilla
Firefox, or Opera, or can have a Command line Interface like lynx. (Abante, 2009)
HTML files are designed through the Cascading Style Sheets. These style sheets are
used to incorporate designs made in image enhancing applications. The most used
software of this type is the Adobe Photoshop. This software A tool that creates, modifies,
combines, and optimizes digital photos and images in the computer. This program excels
in digital photograph and is used to perform slight changes such as adjusting brightness
and contrast of the images, combines different image elements and keeps the images
organized. (Dayao, Reyes, Patalinjug, & Tolentino, 2013)
After compiling the web pages, it is now ready for uploading to the web server. The
web server makes the website available to the internet. Website stored in web servers.
When users load a web page, the browser requests the web server to recover the
requested information. Once the web server retrieves the information, it sends it back to
the browser through the network. If the file is not found, an error message is displayed.
When a computer accesses a file from other computer on the network, it is transferring
the file. When it transfer file from its storage onto another computer on the network, it is
uploading a file. (Feria, 2009)
Upon uploading to the web server, the Uniform Resource Locator or the URL of
the website is generated. It is the address of the website that is entered on the web

10

browser. It is defined as a string of characters conforming to uniform format, which


refers to a resource on the internet (such as a document or an image) by its location.
(Abante, 2009). The URL of the website is entered through web browsers in order to
redirect to the main page of the website
In order to visit a website, application programs like web browser are used. These
software are dedicated to display the contents of a certain website that the user is going
to visit. Web browser is a software application that enables a user to display and interact
with text, images, and other information classically located on a Web page at a Website
on the World Wide Web or a local area network. Text and images on a Web page can
contain hyperlinks to other Web pages at the same or different websites. Web browsers
allow user to quickly and easily access information provided on many web pages at
many websites by traversing these links. (Abante, 2009)
Foreign Literature
Websites are implemented in different purpose according to use. Through the
website capabilities to the internet, different information, applications, ideas, and
masteries are now in an online form. The website is another term for an internet site
where, it is generally available to the public. Individuals, groups, companies, and
educational institutions use websites for a variety of purpose. For example, an individual
might create a personal website that includes his or her resume to make it easily
accessible to any interested employers. Families also can share photographs of special
events, schedules, or other information with each other through websites. (Shelly,
Woods, & Dorin, 2011)

11

Websites are widely used to be gateway to other online systems especially when
online systems are interrelated. In order to a website to serve as a bridge to other
systems, it should be in a form of portal. A portal provides information or news about a
range of topics, Portal refers to a gateway of information. This is information both on
the site and through links of other sites. Portals have a diversity of options for generating
revenue including advertising, commission- based sales, and sales of customer data
(lists). (Chaffey, Chadwick, Mayer, & Jhonson, 2010)
Aside from a gateway to other online systems, portals are used to make transactions
of different business and organizations that has a website. In order to make the
transactions connected, specialized portals are used. These portals provide a source of
information and links to other sites that transmit information on products and services
that are interests to a particular industry. Portals contain feature, product listings,
discussion groups, a list of suppliers and others. (Sklar, 2012)
Websites are not only used for displaying information and connecting systems, it
can be in a form of community sites where interactions take place. Chaffey et al. (2010)
stated that these sites or parts of sites focus on enabling community interactions between
different consumers (C2C Model). Typical interactions include posting comments and
replies to comments, sending messages, rating content and tagging content in particular
categories.
The website design is a key factor for a website to be attractive to the visitors. A
good website design is developed from a Cascading Style Sheets or CSS. Cascading
Style Sheets control the display characteristics of the website. Cascading style sheets

12

offer numerous benefits to web designer which separate style information from HTML,
provide style sheets for destination media as website requires. It can control the display
characters whole Web site with a single style sheet, making maintenance and
enhancements information a less taxing routine. The developer can also express a wide
range of style properties than the legibly, accessibility and delivery of the content. The
developer can build page layout flexible or fixed to suit the user and content needs.
(Sklar, 2012)
Review of Related Studies
Local Studies
The use of the website is to make the most of internet usage. Through developing
this online system, the developers came up with an online information system that serves
as a portal to the students in inquiring about the school.
The developers of the system follow the common way of making an online
information system. Planning of the website focuses only on the main components of
STI College Meycauayan such as, school background, facilities, faculties, goals, and
inquiry. After developing the concept, data gathering takes place and started to develop
the website. Just like other websites, the main concern of the system is to disseminate
information about the school.
The system is also divided into two major components: the administrator and the
client control. Client is only capable of viewing the contents of the website and to
interact with other clients through forums. The administrator is responsible in altering
the contents and modifications of the website through the CMS of the system.

13

According to De Jesus, Dela Pea, and Marcelo (2011), the system will further
enhance the method of notification by using the internet as a medium through the use of
Information System. It stores the data securely and also ensures that it is easy to update.
De Jesus et al. (2011) also stated that it would be very applicable now because everyone
loves to surf the web so, it would be easier for them to get the information needed.
Online information systems are commonly used to broadcast information through
the web. Some information systems focus on the marketing side. This type of website is
used to extend the schools relation throughout the community. The core of the system
mainly focuses in information system and marketing. The developed system is intended
to reduce the use of social networking sites as information resources but rather develop a
centralized source of information for the college.
Information System is any combination of Information technology and peoples
activities using technology to support operations and management in a very broad sense,
the Information System is frequently used to refer to interaction between people, data,
and technology. (Bonifaacio, Estrabela, Manalo, & Martinez, 2011)
Through the use of information sites, it will be easier for the school to broadcast
announcements with the use of internet. Since majority of the population uses the
internet, it will be easy for the students, professors, and parents to get in touch with the
school.
Information sites are not only used in a form of a college website. Since it caters
marketing, this type of website is widely used in the business side. Example of this is the
website of ACT Travel Services. In this study, it implies that the use of a website can

14

increase the marketing value of a certain establishment. With the use of a website, it
helps a company to increase its popularity.
According to Cubero (2011), most institutes today would have the same opinion
that a website is a must-have. The fast development of the World Wide Web has
marked a huge development in the Internet. Over the last few years, organizations and
individuals rushed to create presence on the web. Through these events, most
information becomes easier to access. Website is like own identity for one company,
school, organization, or establishment.
The website of the ACT Travel Services provides chunks of information that is
useful for the persons that have involvement to the company. The use of Content
Management System is frequently used in altering the website contents to produce new
announcements and newsfeeds to be a reliable source for its visitors.
Meaning to say, having a website is an edge in competing with other
establishments. By offering a good website, people from other places can also be
informed.

Foreign Studies
In the development of the college website, the web pages should be dynamic. The
contents that are being displayed through the website should be adaptable to any changes

15

made by the website administrator. Meaning to say, a college website is not like an
ordinary static HTML page.
We used all the possible ways to monitor the data and maintain and format the data
requested by the authority. The data is about to change all the time so we will
update it all the time possible. (Kumar, Anjaneyulu, & Krishnakanth, 2012)
Through dynamic web pages, the contents of the website will be more reliable and
updated. Visitors of the site will have consistent source in visiting the website. In
developing a dynamic web page, Kumar et al. (2012), used HTML for the making the
web page and PHP for the logic of the web page to become dynamic. The use of HTML
is to build the framework of the web page and to incorporate all the webpage elements.
The scripts made from PHP are linked to the HTML page to do the logical operations in
the entire page and to communicate with other pages in the website. With the
combination of this two, a static web page can be dynamic.
A college website should have an informative home page, where it summarizes all
the contents that can be found on the entire website. Kumar et al. (2012) stated that he
first page provides several links. The home page contains several information about the
site like: campus, management, facilities, infrastructure etc. The flash news and the
events corner display the latest developments, announcements, and events associated
with the college activities.
A website for a college requires attractive design and proper arrangement of links
and images, which enables a browser to easily interpret and access the properties of the

16

site. Hence, it provides the browser with adequate information and functionality about
the organization, community, and network. (Kumar et al., 2012)
The proponents acquire the use of dynamic web pages in order to alter the contents
of the website. This is effective to be incorporated to the news and announcements of the
school.
The use of website is not only intended for information dissemination. Transactions
can also be implemented in most websites and this can be done through the use of an
online helpdesk. The development of the online helpdesk contains two core systems: the
information management system and the online service. Through the online helpdesk,
students, professors and other users of the system can request for services in the school.
Information management system focuses on the content management of the
website. It is intended to display school information. In the system development,
features like addition of a new facility to the system, report generators, and displaying
general campus information are integrated in the system. (Vardhani, D., Usha V
Lakskmi, I., Srikanth Reddy, C.H, Murthy, Y., 2010)
Vardhani et al. (2010) claimed that, the online service system provides services for
the facilities in the campus. This is an Intranet based application that can be accessed on
the campus. The system can be used to computerize the work flow of service requests
for the different facilities in the campus. It is an integrated system that covers different
kinds of facilities like library, classroom and canteen.
In order to have access to the online service, there should be valid users that can use
the system. . Registered users will be able to login a request for service from any of the

17

supported facilities. These requests will be sent to the people, who are valid users of the
system, to get them resolved. (Vardhani et al., 2010)
Some websites incorporate the combination of information sites with transactions.
This type of website is used to maximize the use of a website. This system focuses on
information dissemination through an online information system. The use of this type of
system will maximize the use of internet and other resources. This type of system is
suitable for a college website because, it will handle online information and admissions.
Mishra (2010) stated that, the system provides a platform where any user can search and
find suitable college for studies and online application for admission for college.
In developing this type of system a Content Management System or CMS should
be used. The CMS will take over the transformation of information that is displayed on
the website. As the online system is divided into administrator and client side, the CMS
of the system will be controlled by the website administrator. The project is basically a
system with online support and it is based on managing the database of the online
application, student, faculty, courses, recent notice, and student forum records. It is
divided in two parts one is server part and the other part is client part.(Mishra, 2010)
To complete the online information system, interactions of the users will take place
in the forum. This is used as a centralized communication media for different users such
as students, professors, staff, and others that are part of the college community. The
system provides a forum for each community where community members can post new
topics.

18

On implementing forums certain security measures should be implemented.


Leaving these, the entire users can report abuse to the administrator about any aspect of
the system or about any user. If the admin finds any wrong, admin can either give
warning or delete the users account forcefully. (Mishra, 2010)

Knowledge
requirements
a) Studies about
PDM Marketing
Structure
b) Inquiry system of
PDM
c) Web Development
d) Web Designing
e) Content
Management
System

System
Development Life
Cycle

Software requirements

1.
2.
3.
4.
5.
6.

Design Phase
Analysis Phase
Planning Phase
Coding Phase
Testing Phase
Maintenance
Phase
7. Implementation
Phase

a) Windows 7 OS
b) WAMP Server
c) Adobe Dream
Weaver
d) Adobe Photoshop
e) Web Hosting
f) Flash Plug- in
g) Code igniter
h) Web Browser

Development of
Website for
Pambayang
Dalubhasaan ng
Marilao

Hardware Model
requirements
Conceptual
of the Study
a) Internet Service
Provider
Input
b) Personal
Computer
c) Dual- core
Processor
d) 2 Gigabyte RAM
e) 160 Gigabyte
Storage

Process

Output

19

Feedback

Figure 1. Conceptual Model of Website for Pambayang Dalubhasaan ng Marilao


The input, process, and output of the study are shown in the conceptual model. The
input includes all the knowledge needed to understand the system, the software
requirements, and the hardware used in developing the system. Knowledge includes the

20

studies about the existing PDM marketing structure, and the existing inquiry system. To
develop the system, knowledge in website development and content management system
are needed. In developing the system the software used are: Windows 7 operating
system, WAMP server, Adobe Dreamweaver, Adobe Photoshop, web hosting, flash plugin, and the Code Igniter framework. In testing the output, web browsers such as, Google
Chrome, and Mozilla Firefox are used. The hardware needed are: internet service
provider (ISP), personal computer with dual-core processor, 2GB RAM, and 160 GB
storage. The proponents used the System Development Life Cycle in developing the
system. The output is the Development of Website for Pambayang Dalubhasaan ng
Marilao.

CHAPTER 3
TECHNICAL BACKGROUND AND METHODOLOGY

21

Technical background of the system is illustrated using data flow diagrams, system
flowchart, block diagram, screen layout, data dictionary, and entity- relationship
diagram. Software and hardware requirements are enumerated used on the system
development. Methodology, testing, and evaluation procedures are also discussed in this
chapter.
Project Analysis
The project analysis contains the DFD (Data Flow Diagrams) of both existing
system and PDM website. DFDs shows how the data are processed and how the data be
stored in the entire system. The system flowchart is also included on the project analysis.
Figure 2 is the context diagram of the existing system. The existing system that is
being used by PDM is the marketing structure and inquiry. Marketing strategy focuses
on how Pambayang Dalubhasaan ng Marilao will market the school to the Marileos by
producing marketing efforts and in return, PDM will receive inquiries. Inquiry is
concern on the information dissemination of the school.

Data Flow Diagrams

22

Figure 2. Context Diagram of Existing PDM Marketing Structure and Inquiry

23

Figure 3. Diagram 0 of Existing System

24

Figure 3 is the diagram 0 of the existing system. On the existing system the three
major processes are: school visitation, advertising the school, and the school inquiry. In
school visitation, PDM will search for high schools on which to conduct a seminar and
career orientation among the graduating high school students. To advertise the school,
PDM produce marketing ads and post it on the school. The purpose of this is to inform
the people of Marilao about the school. On the process of inquiry, people will inquire to
get the information needed. It can be done through walk-in inquiries in the school.

25

Figure 4.Context Diagram of PDM Website

26

Figure 5. Diagram 0 of PDM Website

27

Figure 4 is the context diagram of the system. The context diagram represents the
overview of the system together with the involved entities. The context diagram of the
system has four entities: student/ professor, visitor/ applicant/ website administrator, and
the guidance counselor. Each entity has specific functions on the system.
The diagram 0 of the system shows the different processes inside the context
diagram. The diagram focuses on three major processes: website visitation, website
maintenance, and website transaction shown in Figure 5.
In website visitation, visitors can see the contents of the website according to the
information needed. In maintaining the website, the website administrator controls the
information that will be displayed through the website through modifications and
updates. Website transaction includes the forums, entrance examination reservation, and
feedbacks.
Figure 5.1 shows diagram 1 of process 1 of the PDM website. There are six
different processes for the website inquiry as the visitor enters the website. These
processes are: visiting the homepage, visiting academe page, visiting students page,
visiting courses page, visiting about page, and visiting the media page.

28

Figure 5.1.Diagram 1 of Process 1of PDM Website

29

As the visitor enters the website, the information that will be displayed in the
homepage are: news, announcements and quick links that serves as a guide in navigating
the website. When the visitor enters the academe page where the school administration,
faculty, and facilities page are included, he can see the officials of the school together
with their offices. The visitor can see the faculty members of Pambayang Dalubhasaan
ng Marilao as well as the facilities of the school. On the other hand, the students page
shows the user about the alumni news, and school organizations. If the visitor enters the
courses page, different information of offered courses is displayed. Visitor who enters
the about page can view the school background. School background includes the school
history, message from the president, school map, and contact page. A media page is
dedicated for viewing a live streaming if there is an event happening in the school.
Figure 5.2 shows diagram 1 of process 2 of the PDM website. This process is the
website maintenance that is responsible in managing the contents of the website. The
first process is where user accounts are being registered for the website administrator.
After registration, the website administrator can now modify the contents of the website
through the use of a panel dedicated for a content management system. The website
administrator can input the necessary data such as, news, announcements, and
modifications that can be saved to the website database. Different settings are used to
organize the content of the website.

30

Figure 5.2.Diagram 1 of Process 2 of PDM Website

31

32

Figure 5.3. Diagram 1 of Process 3 of PDM Website


Figure 5.3 shows diagram 1of process 3 of the PDM website. Transactions are
divided into three processes: the online entrance examination reservation, feedbacks and
suggestions, and the online forums.
To set up the reservations, the guidance counselor should have an account to have
an access to the guidance panel. Through the registration, the guidance can have an
account to have an access to the system. After logging in to the system, the guidance
counselor can open the reservations by the use of settings found in the panel menu. On
the entrance examination reservation, applicants who want to inquire for college can do
their reservations online by filling out the web form found in the entrance examination
reservation under the admission page. After submitting the form, the applicant will
receive an e-mail confirmation together with the reservation slip together with the
requirements list to be printed out. Applicant reservations will go to the reservations
database that is managed by the guidance counselor. The guidance counselor assigns the
schedules of the examinees after the approval. The last process is the printing of the
examinees list to be posted in the school.
Sending feedbacks and suggestions can be done through the contact page under the
about menu. This is where the visitor can freely write their feedbacks through the web
form and after submitting, the feedback will be sent to the mailing address of the website
administrator.
Users should register to have an access to the forum. Online forum is for the
students and professors to post topics as well as comments and replies to a particular

33

subject. The website administrator can verify first the content before publishing it or
restrict the posting of any comment or topic.

34

System Flowchart

Figure 6.System Flowchart of PDM Website

35

Figure 6 shows the system flowchart of the system. The chart shows the entire
process on how the website is used. Different processes in accordance to use are shown
in the diagram. First, is visiting the website where the visitors intention is to view only
the general content of the website. Reservation for examination can be done through the
reservations page. For students and faculty members, the online form serves a medium
for the interactions. The website administrator can modify and update the contents of the
website through the content management system provided in the admin panel. However,
the guidance counselor has a separate dashboard in managing the exam reservations and
schedules.

36

Project Design
Block Diagram

37

38

Figure7. Block Diagram of PDM Website

Figure 7 shows the block diagram of the system. The diagram represents a quick
overview of the major processes and the key participants that interacts within the
system. To set up the website, the website administrator collects the necessary inputs
such as news, events, announcements, and other external inputs. After gathering all the

39

data, the website administrator organizes the data to be the content of the website. Once
the set up is done, the website is now ready for visitation. The visitors now have the
control on how to navigate the website and visit the pages that give the visitor the
information needed. The visitor can either inquire for information or transact through
use of online entrance examination reservation and online forums. On the exam
reservations, the applicant is required to fill out the application form found on the
website. After submitting the online form, the applicant receives the printable
reservation slip via email. As the reservation goes on, incoming reservations goes to the
reservations database being managed by the guidance counselor with the use of a
separate panel. The guidance counselor manages all the reservations and the
examination schedules. After organizing the examinees schedules, the guidance
counselor will now print the list of examinees as a report and post it to inform the
applicants about the examination schedules. The other side of transaction is through the
use of online forums. Forum is for the students and faculty to have their interactions
online. It can be done with creation of topics, posting, and replying to the different
threads found on the forum.

Screen Layouts
The home page shows news and updates of the website. This also provides links to
other online system.

40

Figure 8. Home Page

This figure shows different facilities of the school that are displayed on the facilities
page.

41

Figure 9. Academe Facilities


School administration page shows the school heads and their respective office.

42

Mrs. Zenaida A.Martin


Co-Curricular

Mrs. Jaon Valerie G, Javier


Extension & Linkages

Mrs. Evelyn D. Villalon


Scholarship

Mrs. Severina D. Ortal


Student Discipline

Figure 10.Academe School Administration

This page displays the different courses offered by the school.

43

Figure 11.Courses Page

44

Applicants who want to reserve exam schedule should go to this section under the
admission page.

Figure 12. Admission- Online Entrance Exam Reservation

45

The message of the school president is shown on this page.

Figure 13. About Message From the President

46

This page enables the visitor to send comments and suggestions that are sent to the
website administrators e-mail.

Figure 14.About Contact Us

47

This is the forum page where users can interact through the topics created.

Figure 15. Forum


The figure shows the log in form for the website administrator and guidance
counselor that will redirect them to respective dashboard.

48

Figure 16. Admin & Guidance Log In Page

This is the main page for the website administrator. This provides set of menus that
will help the website administrator in modifying the website contents.

49

Figure 17.Admin Dashboard


This manage news page enables the website administrator to manage news in the
website.

Figure 18. Admin Manage News


This manage news page enables the website administrator to create news in the
website.

Figure 19. Admin Manage News ( Create News)

50

This manage announcement page enables the website administrator to manage


announcements in the website.

Figure 20. Admin Manage Announcements

This page enables the website administrator to create announcements in the website.

51

Figure 21. Admin Manage Announcements (Create Announcement)


This page enables the website administrator to manage courses in the website.

Figure 22. Admin Manage Courses

This page enables the website administrator to add courses to the website.

52

Figure 23. Admin Manage Courses (Add Course)


The manage curriculum page enables the website administrator to manage
curriculum in the website.

Figure 24.Admin Manage Curriculum

This page enables the website administrator to add curriculum to the website.

53

Figure 25.Admin Manage Curriculum (Add Curriculum)


The manage schedule page enables the website administrator to manage schedules
in the website.

Figure 26.Admin Manage Schedules

This page enables the website administrator to add schedules in the website.

54

Figure 27. Admin Manage Schedules (Add Schedule)


The manage organization page enables the website administrator to manage
organizations in the website.

Figure 28. Admin Manage Organizations

This page enables the website administrator to add organization to the website.

55

Figure 29. Admin Manage Organizations (Add Organization)


The manage alumni news page enables the website administrator to manage alumni
news in the website.

Figure 30.Admin Manage Alumni News

This page enables the website administrator to create alumni news in the website.

56

Figure 31. Admin Manage Alumni News (Create Alumni News)


The manage faculty page enables the website administrator to manage faculty
names in the website.

Figure 32. Admin Manage Faculty

This page enables the website administrator to add faculty to the website.

57

Figure33.Admin Manage Faculty (Add Faculty)


The manage facilities page enables the website administrator to manage facilities in
the website.

Figure 34. Admin Manage Facilities


This page enables the website administrator to add facilities to the website.

58

Figure 35.Admin Manage Facilities (Add Facility)


This is the main page for the guidance counselor. This provides set of menus that
will help the guidance counselor in managing the online reservations.

Figure 36.Guidance Dashboard

This page enables the guidance counselor to manage reservations.

59

Figure 37. Guidance Online Reservations


This page enables the guidance counselor to manage the list of examinees.

Figure 38.Guidance List of Examinees

Data Dictionary

60

The data dictionary provides the different information about the tables used in the
database of the system. The following tables are used in the back end of the website. The
data being stored and retrieved are found on these tables.
Table 1
Affiliates Table
Field Name

Domain

affiliate_id

Holds the affiliate ID

affiliate_name

Holds the affiliate name

affiliate_website

Holds the affiliate website

image_url

Holds the image URL of the


affiliate

last_modified

Holds the time of last modification

last_modified_by

Holds the ID of the user who last


modified

Table 2
Alumni News Table
Field Name
alumni_news_id
news_title

Field Type
int(11)
varchar(255)

Required
YES
YES

Published

enum(yes,no)

YES

date_added

varchar(40)

YES

last_modified

Timestamp

YES

last_modified_by

int(11)

YES

Table 3
Alumni News Content Table

KEY
FK

Domain
Holds the alumni news ID
Holds the news title
Holds the option if the alumni
news is published
Holds the date of the news
Holds the time of last
modification
Holds the ID of the user who
last modified

61
Field Name
Id

Field Type
int(11)

Required
YES

KEY
PK

alumni_news_id

int(11)

YES

FK

Content

Text

YES

thumbnail_url

varchar(255)

NO

Domain
Holds the ID
Holds the alumni news ID of the
content
Holds the content of the alumni
news
Holds the thumbnail URL of the
alumni news

Table 4
Announcement Table
Field Name

Field Type

Required

KEY

announcements_id

int(11)

YES

PK

announcements_content

varchar(255)

YES

Published

enum(yes,no)

YES

date_added

Date/Time

YES

last_modified

Timestamp

YES

last_modified_by

int(11)

YES

Domain
Holds the announcements
ID
Holds the content of the
announcements
Holds the option if the
announcement is
published
Holds the date of the
announcement
Holds the time last
modified
Holds the ID of the user
who last modified

Table 5
Announcements Settings Table
Field Name
Id

Field Type
int(11)

Required
YES

number_to_view

int(11)

YES

last_modified

Timestamp

YES

last_modified_by

int(11)

YES

Table 6

KEY
PK

Domain
Holds the announcement settings ID
Holds the number of viewable
announcements
Holds the time last modified
Holds the ID of the user who last
modified

62
Courses Table
Field Name

Field Type

Required

KEY

Domain

course_id
course_code
course_name
last_modified

int(11)
varchar(10)
varchar(255)
Timestamp

YES
YES
YES
YES

PK

last_modified_by

int(11)

YES

Holds the course ID


Holds the course code
Holds the course name
Holds the time last modified
Holds the ID of the user who last
modified

Table 7
Curricula Table
Field Name
curriculum_id

Field Type
int(11)

Required
YES

KEY
PK

curriculum_for

varchar(255)

YES

FK

course_code

varchar(10)

YES

Year

varchar(50)

YES

Semester

varchar(50)

YES

academic_year

varchar(100)

YES

last_modified

Timestamp

YES

last_modified_by

int(11)

YES

Domain
Holds the curriculum ID
Holds the course name of the
curriculum
Holds the course code of the
curriculum
Holds the year of the curriculum
Holds the semester of the
curriculum
Holds the academic year of the
curriculum
Holds the time last modified
Holds the ID of the user who last
modified

Table 8
Curricula Content Table
Field Name
Id
curriculum_id

Field Type
int(11)
int(11)

Required
YES
YES

course_code

varchar(20)

YES

Subject

varchar(255)

YES

lec_units

int(11)

YES

lab_units

int(11)

YES

Units

int(11)

YES

pre_req

varchar(20)

NO

KEY
PK
FK

Domain
Holds the ID
Holds the curriculum ID of the content
Holds the course code of the
curriculum
Holds the subject of the curriculum
Holds the lecture units of the
curriculum
Holds the laboratory units of the
curriculum
Holds the total units of the curriculum
Holds the pre-requisite of the
curriculum

63
Table 9
Entrance Exam Applicants Table
Field Name

Field Type

Required

KEY

app_id

int(4)

YES

PK

app_fname

varchar(50)

YES

app_mname

varchar(50)

YES

app_lname

varchar(50)

YES

add_street

varchar(100)

YES

add_barangay

varchar(100)

YES

add_city

varchar(50)

YES

add_province

varchar(80)

YES

date_of_birth

varchar(50)

YES

place_of_birth

varchar(100)

YES

app_gender

enum(Male,
Female)

YES

email_add

varchar(120)

YES

school_last_attended

varchar(200)

YES

course_applying

varchar(80)

YES

academic_year

varchar(50)

YES

guardian_name

varchar(255)

YES

app_gwa

Float

YES

Status

int(11)

YES

exam_schedule_id

int(11)

YES

reservation_added

varchar(100)

YES

reservation_expiration

varchar(100)

YES

FK

Domain
Holds the applicant ID /
control ID
Holds the first name of the
applicant
Holds the middle name of
the applicant
Holds the last name of the
applicant
Holds the street of the
applicant
Holds the barangay of the
applicant
Holds the city of the
applicant
Holds the province of the
applicant
Holds the date of birth of
the applicant
Holds the place of birth of
the applicant
Holds the gender of the
applicant
Holds the email address of
the applicant
Holds the school last
attended by the applicant
Holds the course that is
applied by the applicant
Holds the academic year
when the applicant applied
Holds the guardians name
of the applicant
Holds the GWA of the
applicant
Holds the status of the
applicant
Holds the exam schedule ID
of the applicant
Holds the date when the
reservation is added
Holds the date when the
reservation will expire

64

Table 10
Entrance Exam Applicants Table
Field Name

Field Type

Required

KEY

app_id

int(4)

YES

PK

app_fname

varchar(50)

YES

app_mname

varchar(50)

YES

app_lname

varchar(50)

YES

add_street

varchar(100)

YES

add_barangay

varchar(100)

YES

add_city

varchar(50)

YES

add_province

varchar(80)

YES

date_of_birth

varchar(50)

YES

place_of_birth

varchar(100)

YES

app_gender

enum(Male,
Female)

YES

email_add

varchar(120)

YES

school_last_attended

varchar(200)

YES

course_applying

varchar(80)

YES

academic_year

varchar(50)

YES

guardian_name

varchar(255)

YES

app_gwa

Float

YES

reservation_added

varchar(100)

YES

reservation_expiration

varchar(100)

YES

Domain
Holds the applicant ID /
control ID
Holds the first name of the
applicant
Holds the middle name of the
applicant
Holds the last name of the
applicant
Holds the street of the
applicant
Holds the barangay of the
applicant
Holds the city of the
applicant
Holds the province of the
applicant
Holds the date of birth of the
applicant
Holds the place of birth of
the applicant
Holds the gender of the
applicant
Holds the email address of
the applicant
Holds the school last
attended by the applicant
Holds the course that is
applied by the applicant
Holds the academic year
when the applicant applied
Holds the guardians name of
the applicant
Holds the GWA of the
applicant
Holds the date when the
reservation is added
Holds the date when the
reservation will expire

Table 11
Exam Schedule Table
Field Name
sched_id
exam_date
exam_time
exam_venue
Limit

Field Type
int(11)
varchar(40)
varchar(30)
varchar(45)
int(5)

Required
YES
YES
YES
YES
YES

KEY
FK

Domain
Holds the schedule ID
Holds the examination date
Holds the examination time
Holds the examination venue
Holds the limit of applicant

65

Table 12
Facilities Table
Field Name
facility_id

Field Type
int(11)

Required
YES

KEY
PK

facility_location_id

int(11)

YES

FK

facility_location

varchar(150)

YES

image_url

varchar(255)

NO

last_modified

Timestamp

YES

last_modified_by

int(11)

YES

Domain
Holds the facility ID
Holds the facility location ID of
the facility
Holds the facility location of
the facility
Holds the image URL of the
facility
Holds the time last modified
Holds the ID of the user who
last modified

Table 13
Facility Location Table
Field Name
Id
facility_location

Field Type
int(11)
varchar(150)

Required
YES
YES

added_by

int(11)

YES

Field Name
faculty_id
faculty_fname
faculty_lname
image_url
last_modified

Field Type
int(11)
varchar(100)
varchar(100)
varchar(255)
Timestamp

Required
YES
YES
YES
NO
YES

last_modified_by

int(11)

YES

KEY
FK
FK

Domain
Holds the ID
Holds the facility location
Holds the ID of the user who
added the facility

Table 14
Faculty Table
KEY
PK

Domain
Holds the faculty ID
Holds the first name of the faculty
Holds the last name of the faculty
Holds the image URL of the faculty
Holds the time last modified
Holds the ID of the user who last
modified

Table 15
Guidance Settings Table
Field Name
Id

Field Type
int(11)

Required
YES

allow_reservation

enum(yes,no)

YES

KEY
PK

Domain
Holds the ID
Holds the option if reservation
is allowed

66

Table 16
Hashed App ID Table
Field Name
Id
hashed_id
app_id

Field Type
int(11)
varchar(255)
int(4)

Required
YES
YES
YES

KEY
PK

Domain
Holds the ID
Holds the hashed ID
Holds the applicant ID

FK

Table17
Image Slider Table
Field Name
slider_id

Field Type
int(11)

Required
YES

image_url

varchar(255)

NO

Published

enum(yes,no)

YES

last_modified

Timestamp

YES

last_modified_by

int(11)

YES

Field Name
news_id
news_title

Field Type
int(11)
varchar(255)

Required
YES
YES

Published

enum(yes,no)

YES

date_added
last_modified

varchar(40)
Timestamp

YES
YES

last_modified_by

int(11)

YES

Field Name
Id

Field Type
int(11)

Required
YES

news_id

int(11)

YES

Content
thumbnail_url

Text
varchar(255)

YES
NO

KEY
PK

Domain
Holds the slider ID
Holds the image URL of the
image slider
Holds the option if the image is
published
Holds the time last modified
Holds the ID of the user who
last modified

Table 18
News Table
KEY
FK

Domain
Holds the news ID
Holds the news title
Holds the option if the news is
published
Holds the date of the news
Holds the time last modified
Holds the ID of the user who
last modified

KEY
PK

Domain
Holds the ID
Holds the news ID of the
content
Holds the content of the news
Holds the thumbnail URL of

Table 19
News Content Table

67
the news

Table 20
Organizations Table
Field Name
org_id
org_name
last_modified

Field Type
int(11)
varchar(255)
Timestamp

Required
YES
YES
YES

last_modified_by

int(11)

YES

KEY
FK

Domain
Holds the organization ID
Holds the organization name
Holds the time last modified
Holds the ID of the user who last
modified

Table 21
Organizations Content
Field Name
Id

Field Type
int(11)

Required
YES

org_id

int(11)

YES

Content

Text

YES

image_url

varchar(255)

NO

KEY
PK

Domain
Holds the ID
Holds the organization ID of the
content
Holds the content of the organization
Holds the image URL of the
organizations logo

Table22
Schedules Table
Field Name
schedule_id

Field Type
int(11)

Required
YES

Course

varchar(255)

YES

course_code

varchar(10)

YES

Year
Semester
Section

varchar(50)
varchar(50)
varchar(10)

YES
YES
YES

school_year

varchar(30)

YES

last_modified

Timestamp

YES

last_modified_by

int(11)

YES

KEY
FK

Domain
Holds the schedule ID
Holds the course name of the
schedule
Holds the course code of the
schedule
Holds the year of the schedule
Holds the semester of the schedule
Holds the section of the schedule
Holds the school year of the
schedule
Holds the time last modified
Holds the ID of the user who last
modified

68

Table 23
Schedule Content Table
Field Name
Id

Field Type
int(11)

Required
YES

KEY
PK

Domain
Holds the ID

schedule_id

int(11)

YES

FK

Holds the schedule ID of the schedule

subject_code

varchar(30)

YES

Holds the subject code of the schedule

Days

varchar(20)

YES

Holds the days of the schedule

Time

varchar(30)

YES

Holds the time of the schedule

Room

varchar(30)

YES

Holds the room of the schedule

Table 24
School Admin Table
Field Name
admin_id

Field Type
int(11)

Required
YES

KEY
PK

admin_category_id

int(11)

YES

FK

admin_title
admin_fname

varchar(10)
varchar(100)

YES
YES

admin_mname

varchar(10)

YES

admin_lname
admin_position

varchar(100)
varchar(100)

YES
YES

image_url

varchar(255)

NO

last_modified

Timestamp

YES

last_modified_by

int(11)

YES

Table 25
School Admin Categories Table

Domain
Holds the admin ID
Holds the admin category ID
of the school admin
Holds the admin title
Holds the admins first name
Holds the admins middle
name
Holds the admins last name
Holds the admins position
Holds the image URL of the
admin
Holds the time last modified
Holds the ID of the user who
last modified

69
Field Name
Id

Field Type
int(11)

Required
YES

school_admin_category

varchar(100)

YES

added_by

int(11)

YES

KEY
FK

Domain
Holds the ID
Holds the school admin
category
Holds the date when the
category added

Table26
Slider Settings Table
Field Name
Id

Field Type
int(11)

Required
YES

number_to_view

int(11)

YES

last_modified

Timestamp

YES

last_modified_by

int(11)

YES

KEY
PK

Domain
Holds the ID
Holds the number of viewable
image slider
Holds the time last modified
Holds the ID of the user who last
modified

KEY
PK

Domain
Holds the tuition ID
Holds the content of tuition fee
Holds the time last modified
Holds the ID of the user who last
modified

Table 27
Tuition Fee Table
Field Name
tuition_id
Content
last_modified

Field Type
int(11)
Text
Timestamp

Required
YES
YES
YES

last_modified_by

int(11)

YES

Table 28
Users Table
Field Name
Id

Field Type
int(11)

Required
YES

KEY
PK

Domain
Holds the ID

Username

varchar(30)

YES

Holds the username of the user

Password

varchar(255)

YES

Holds the password of the user

first_name

varchar(100)

YES

Holds the first name of the user

last_name

varchar(100)

YES

Holds the last name of the user

Active

enum(yes,no)

YES

Holds if the user is active

Position

int(11)

YES

Holds the position of the user

Figure

39

shows

the

Entity

Relationship Diagram (ERD) of the


system.

The

figure

shows

the

relationship between tables in the


database.
Project Development
On the project development, the
proponents use the System
Development Life Cycle that
includes the following phases:
a) Design
proponents

Phase.
observed

The
the

existing system and planned


the concept of the system.
b) Analysis Phase. The proponents studied the different processes involved in the
existing system.

Figure 39. Entity Relationship Diagram PDM Website

70

71

c) Planning Phase. The proponents planned how the existing system can be
converted to a website that can make transactions and inquiries. Choosing the
hardware and software requirements, and planning the scope and limitations
were included in this phase.
d) Coding Phase. The proponents coded the program of the system by using
programming languages and different software.
e) Testing Phase. The system underwent testing procedures to identify the errors
of the system make it ready for evaluation.
f) Maintenance Phase. Minimal modifications were changed within the system
prior to the suggestions during testing phase.
g) Implementation Phase. The system was uploaded to web hosting to implement
the online functionalities of the system.

The following are the software and hardware requirements:


Software Requirements

Windows 7 OS
Web Browser
Flash Plug-in
Web Hosting

Hardware Requirements

Internet Service Provider


Personal Computer
Dual- Core Processor
2GB RAM
160 GB Storage
512 MB Graphics Card

Research Methodology

72

The proponents used the descriptive method of research to identify the core
processes of the existing system. By observing each process, it helped the proponents to
identify the weaknesses of each process and generate an idea on how to develop it
through the system. The proponents also identified the key entities that interact within
the existing system together with the functions. These entities helped the proponents in
identifying the future users of the system. Different data were collected from different
offices that were used as reference for the system to generate the required outputs.

Testing Procedure
The proponents used the alpha system testing for the testing procedure. The system
was set in the computer laboratory then invite users to test the system. First, the system
as well as the functionality was discussed to the tester. The tester explored the system by
providing sample inputs to check if the system is working properly. Aside from the
functionalities, the system design was also considered in testing. At the end of the testing
procedure, the tester suggested some changes that can be done to make the system better.
During the system testing, the user found out that it is difficult to manage the
examination schedules because of the longer time spent in moving students name from
the approved list to a particular schedule for it is done manually. In this manner,
scheduling students one by one will be time consuming.
The solution made by the proponents is to make the selection by numbers. This
would be easy for the user to transfer approved students to a schedule by simply

73

choosing the desired number of students to be scheduled. The user also has an option to
mark all the students to be moved or to be removed from the list.
Evaluation Procedure
During the evaluation procedure, the proponents introduced the system to PDM IT
instructors and IT staff who serve as IT experts. For the end-users, the proponents
introduced the system to PDM students, guidance counselor, and registrar staff to
evaluate the system. The proponents used the ISO 9126 model to evaluate the software
quality. Using the ISO model, the characteristics being measured are: functionality,
reliability, usability, efficiency, and portability.
Functionality.

The qualities evaluated are the suitability and accuracy of the

system.
Reliability. The qualities evaluated are the fault tolerance and recoverability of the
system.
Usability. The qualities evaluated are the understandability, learnability, operability,
and attractiveness of the system.
Efficiency. The qualities evaluated are the time behaviour and resource utilization of
the system.
Maintainability. The qualities evaluated are the stability and changeability of the
system.
Portability. The qualities evaluated are the adaptability and co-existence of the
system.

74

Table 29
Rating Scale Criteria

Mean Value

Criteria

4.21 - 5.00

Strongly Agree

3.41 4.20

Agree

2.61 3.40

Neutral

1.81 2.60

Disagree

1.0 1.80

Strongly Disagree

Table 29 shows the rating scale criteria that serves as guide to interpret the results of
evaluation. This includes range of values for each criteria to determine the criteria to be
used in interpreting the evaluated qualities.
The proponents used the Likert scale that serves as the criteria in evaluating the
system. The Likert scale measures the overall depth of a particular topic, opinion, or
experience and also collects data on contributing factors. This scale is applicable for

75

categorical criteria and basically measures an item from strongly disagree to strongly
agree. The Likert scale is good for creating a less biased measurement especially when it
is used for a website that handles different preferences of the visitors.

CHAPTER 4
RESULTS AND DISCUSSIONS

Results and discussions is about the project description, project structure, and
project evaluation. System capabilities and limitations, Visual Table of Contents
(VTOC), and results of the project evaluation are also discussed in this chapter.
Project Description
The system serves as an online information system that allows people to check the
updates of the school. The system provides the general information of the school
together with the facilities, programs, and the courses offered. The system is capable of
content management system, online entrance examination reservation, online forums,
and online streaming. The applicant can only inquire for reservation and not to take
examinations online. Other systems such as online grading system, online voting system,
e-learning, etc. will not be implemented on the system. Thus, the system only provides
links to those systems. Students cannot enroll online; the system only provides the
enrollment procedures. Online forums are restricted to PDM community.

76

Project Structure
Figure 40 shows the Visual Table of contents (VTOC) of the system. The diagram
shows the flow of the Graphical User Interface (GUI) of the system. The list of menus is
listed in the diagram. This helps the user to have an idea on how to navigate the entire
website. The functions provided are the controls for the visitor, website administrator,
and guidance counselor.

Figure 40. Visual Table of Contents (VTOC) of PDM Website

77

78

Project Evaluation
Table 30
Mean Value of Users Acceptability
SOFTWARE CRITERIA
A. Functionality
1. Suitability
2. Accuracy
3. Security
B. Reliability
1. Fault Tolerance
2. Recoverability
C. Usability
1. Understandability
2. Learnability
3. Operability
4. Attractiveness
D. Efficiency
1. Time Behaviour
2. Resource Utilization
E. Maintainability
1. Stability
2. Changeability
F. Portability
1. Adaptability
2. Co- Existence
Overall

MEAN

INTERPRETATION

4.6
4.5
4.1
4.4

Strongly Agree
Strongly Agree
Agree
Strongly Agree

4.3
4.6
4.45

Strongly Agree
Strongly Agree
Strongly Agree

4.7
4.5
4.4
4.6
4.55

Strongly Agree
Strongly Agree
Strongly Agree
Strongly Agree
Strongly Agree

4.1
4.2
4.15

Agree
Agree
Agree

3.9
4.5
4.2

Agree
Agree
Agree

4.5
4.4
4.45
4.39

Strongly Agree
Strongly Agree
Strongly Agree
Strongly Agree

79

Table 30 shows the mean value of users acceptability. Base on the table, users
strongly agreed that the system provides suitable and accurate contents as well as the
security of the system. The users strongly agreed that the system maintains its functions
in case of faults. Users strongly agreed that the system provides a useful environment.
On the efficiency, the time behavior and resource utilization are measured. Users only
agreed that the system loads quickly because loading time is dependent on the internet
speed. Users agreed that the system is stable during navigation and the contents are
dynamic. Lastly, users strongly agreed that the system can be opened in different web
browsers and provides links to other systems. Overall, the users strongly agreed that the
system is capable in handling the criteria being evaluated.

80

Table 31
Mean Value of IT Experts Acceptability
SOFTWARE CRITERIA
A. Functionality
1. Suitability
2. Accuracy
3. Security
B. Reliability
1. Fault Tolerance
2. Recoverability
C. Usability
1. Understandability
2. Learnability
3. Operability
4. Attractiveness
D. Efficiency
1. Time Behavior
2. Resource Utilization
E. Maintainability
1. Stability
2. Changeability
F. Portability
1. Adaptability
2. Co- Existence
Overall

MEAN

INTERPRETATION

4.5
4.4
3.9
4.27

Strongly Agree
Strongly Agree
Agree
Strongly Agree

3.6
3.9
3.75

Agree
Agree
Agree

4.4
4.5
4.4
4.5
4.45

Strongly Agree
Strongly Agree
Strongly Agree
Strongly Agree
Strongly Agree

3.6
4.4
4.00

Agree
Strongly Agree
Agree

3.7
4.4
4.05

Agree
Strongly Agree
Agree

4.5
4.6
4.55
4.22

Strongly Agree
Strongly Agree
Strongly Agree
Strongly Agree

81

Table 31 shows the mean value of IT experts acceptability. The scores shown are
based on the computed mean on the evaluation results. IT experts strongly agreed that
the system provides good functionality and required output. IT experts agreed that the
system can maintain and recover contents in case of faults. IT experts strongly agreed
that the system is easy to use and provides appropriate structure. On the efficiency, IT
experts noticed that the time behavior of the website is dependent on the internet speed.
IT experts agreed that the system is capable of content management and has a stable
function. Portability measures the adaptability and co- existence of the system, IT
experts agreed that the system can be opened in different web browsers and provides
links to other online systems. As the result of overall interpretation, IT experts strongly
agreed that the system is appropriate to be a school website.

82

CHAPTER 5
SUMMARY OF FINDINGS, CONCLUSIONS, AND RECOMMENDATIONS

This chapter discusses the findings for each software criteria that has been
evaluated by the end-users and IT experts as well as the conclusions derived from the
summarized findings. Recommendations for the future researchers are also discussed in
this chapter.
Summary of Findings
Based from the evaluation results, the following were the summary of findings of
the study:
1.

Functionality-

Users and IT experts strongly agree that the system

provides appropriate functions, precise output, and good access level of users.
2.
Reliability- Users strongly agree that the system is capable of maintaining
functionality and recovers contents in case of failures. IT experts agree that the
3.

system is reliable.
Usability- Users and IT experts strongly agree that the system is usable. The
system provides readable contents, easy navigation, easy operation and attractive

4.

designs.
Efficiency Users and IT experts agree that the loading time of the system is
good enough and it is dependent on the internet speed. Users and IT experts also

agree that using the system maximizes the use of internet.


5. Maintainability Users and IT experts agree that the system is stable and has
the capability of content management.

83

6.

Portability Users and IT experts strongly agree that the system can be opened
on different web browsers and provide links to other online system that are
useful and related to the school.

Conclusions
From the summarized findings, the following conclusions are derived:
1.

The proponents developed a system that provides appropriate functions and

output suited for a school website.


2.
The proponents developed a system that recovers its contents and
3.

maintains its functions in case of network errors and failures.


The proponents developed a system that is easy to understand and

4.

provides a friendly environment for the users.


The proponents find out that the loading time of the website is dependent on

the internet speed.


5.
The proponents developed a system that has content management system
where, the panel is designed for a website administrator to manage the contents
6.

of the website.
The proponents developed a system that is cross-browser ready and
capable of providing links to other online systems.

Recommendations
The following recommendations are suggested to future researchers and users of
the system.

84

1.

It is recommended that future researchers consider developing the entrance


examination reservation and connect it to the system used by the guidance

office.
2. Future researchers may add transactions to the website like online enrollment
system.
3.
Future researchers may improve the website responsiveness so the website
will be suitable for mobile devices.

REFERENCES
Books
Abante, M (2009) Web application programming language. Pasig City, Philippines:
Anvil Publishing Inc.

85

Chaffey, D., Chadwick, F., Mayer, R., and Johnson, K. (2010). Internet marketing.
Jurong, Singapore: Pearson Education South Asia Pte. Ltd.
Dayao, J., Reyes, R., Patalinjug, J., and Tolentino, M. (2013). Adobe Photoshop
CS6.Philippines: Jemma Inc.
Feria, C. (2009). Introduction to information technology and open office.org.
Quezon City, Philippines: New Day Publishers
Shelly, G., Woods, D., and Dorin W. (2011). HTML concepts and techniques
comprehensive. Singapore: Cengage Learning Asia Pte. Ltd.
Sklar, J. (2012).Web design. Singapore: Cengage Learning Asia Pte. Ltd.
Theses (Unpublished)
Bonifacio, C., Estrabela, L., Manalo, E., and Martinez, A (2011). Online
system for Mariano Quinto Alarilla Polytechnic College.

information

Unpublished thesis.

STI College of Meycauayan, Banga, Meycauayan, Bulacan, Philippines.


Cubero, J. (2012). Website for ACT travelservices. Unpublished thesis. AMA
University Quezon City Campus, Project 8, Quezon City, Philippines
De Jesus, D., Dela Pea, I., and Marcelo, E. (2011). Online information system for
STI College Meycauyan. Unpublished thesis. STI College of Meycauayan,
Banga, Meycauayan, Bulacan, Philippines.
Electronic References

86

Anjaneyulu, S., Kumar, K., and Krishnakanth T.D. (2012). College website.
Retrieved_from_http://rwww.scribd.com/doc/80774275/College- Website
Mishra

M.

(2010).Online

college

information

system.

Retrieved

from

http://www.slashdocs.com/mxhvxi/online-college-information.html
Vardhani, D.,Usha, V., Lakskmi, I., Srikanth, R., and Murthy, Y. (2010).Online
desk.

Retrieved

from

help

http://www.slashdocs.com/mvwyhn/online-service-and-

information-management-system.html