CHAPTER I

THE STUDY AND ITS BACKGROUND

Introduction
Guidance and counseling office is one of the most important part of a school

organization. It provides some help and assistance for each and every student in

leading and directing them to the right path in their education, future career plans and

even in their personal life. Guidance counselors are concerned in maximum

development of the student to make his own decisions. As a process, it makes the

student aware of his abilities and potentialities. The purpose is to make a student

confident in selecting appropriate course of action for adjustment in various walks of life

and helping them for balance development. The elements of guidance are learning

about the individual student, helping him to understand himself, effecting changes in

him and in his environment which will help him grow and develop as much as possible.

Web-based guidance monitoring and information system is a need in every

institution. This improves the privacy, data gathering, storing of data, and provides an

efficient way of giving the needs of the institution.

The office of the guidance of Francisco P. Tolentino Memorial National High

School has been using the manual process of guidance information ever since it was

established. As the school improving for years, the population of students enrolled in

Francisco P. Tolentino Memorial National High School are growing larger causes for

failing of the guidance counselors to sustain an efficient and effective way of giving the

needs of every students. They are also suffering in producing their good moral forms as
soon as it was requested because they have to input the information of the student

manually.

The researchers were motivated to develop a Web-based Monitoring and

Information System for Francisco P. Tolentino Memorial National High School. The

system will store the student information and will help to sustain the work of the

counselor in providing and printing a document specifically the good moral and an easy,

effective and efficient way of monitoring and recording of student information.

Objectives of the Study

The general objective of the study is to develop a Web-based Monitoring and

Information System for Francisco P. Tolentino Memorial National High School.

Specifically, the study aims to:

1. Identify the requirements needed for the development of the proposed system

through interviews, data gathering and observation,

2. Analyze the information gathered by providing context diagram and Data Flow

Diagram that is to be used for project development,

3. Design an interactive user interface for both users and administrators through

the use of PHP as programming language, MySQL as a backend database and

Notepad++ for text editor.

(fabricate)

4. Test and evaluate the performance of the proposed system through unit

testing, integration and acceptance testing.

Scope and Limitation of the Study

This study focuses on record management for Web-based Monitoring and

Information System that will helps the guidance office counselors. The system is

intended for two users namely; Guidance head and Guidance Counselors. The system

includes:

Login Module- an access provided a login form for Guidance head and

Counselors for security and privacy.

 Guidance Management Module- contains overall records such as Student

Information Form, Violators and Violation Form, Parents Call slip form and Good Moral

form to be generated.

Student Information Form- where all the information of the students needed are

encoded by the Guidance head. This may only be seen by the guidance head.

Student Record Form- displays all the list of student information (basic

information, Parents Information, Educational background, health record and problem or

concern data). This may be seen by the both users.

Violators and Violation Form- contains the name of the student who violated

and its violation.

Parents Call slip form- an appointment form that can be printed and sends to

the parents of the student who have violated the school rules and regulation.

Good Moral Form- where guidance counselor provide a printed document.

Limitations

The system can only be accessed at the Francisco P. Tolentino Memorial

National High School. It can only be use by the authorized personnel of the Guidance

office. It is only for monitoring and saving of student information needed for the

guidance office.
 Functional Diagram

Web-based Monitoring and

Information System

Guidance Head Guidance Counselor

-Account Management
-View Management
-Faculty Management
-Print Management
-Student Information Management
-Student Violation Management

Figure 1. Functional Diagram

Figure 1 shows the hierarchy of the proposed system from its top user to the

bottom. It describes the functionality of each users.

Significance of the Study

It is intended to develop a system for both distance and formal education type

which compose a modernized way of performing the duty and tasks of Guidance office

in an efficient and effective ways. The following are the beneficiaries of the system:

Francisco P. Tolentino Memorial National High School- the Web-based

Monitoring and Information system will help the school in improving the manual way of

their Guidance System in providing good moral forms and letter for parents to be aware

of their children who has made a violation.

Guidance Head- The system will help the Guidance Head in monitoring,

searching, updating, adding, deleting and editing data of student.

Guidance Counselor- System will provide the Guidance counselors an easy

way of viewing and producing student information request.

Students- The system will ensure each student that their information may have a

secure and privacy that may only be seen by Guidance head and counselors who are

responsible for any actions in implementing student data records.

Researcher- The system help the researcher in understanding the way how the

guidance functions. It provides them the knowledge on how to keep records and provide

good moral forms. This study may help them complete the requirements they needed

for their capstone project in finishing this course and a big help for their future.

Future Researcher- This system can be used as a reference for their related

study and a first step in improving their studies.

 CHAPTER II
REVIEW OF RELATED LITERATURE AND STUDIES

This chapter presents the review of related literature studies underlying the

framework of the study. Includes the conceptual model of the study and the operational

definition of terms.

Introduction

This Chapter will indicates all the ideas that is relevant to the present study

relating to other studies that will help in building the foundation of the proposed study. In

order to develop a new methods and procedures for the development of the proposed

system, reviewing of related literatures and studies must be done.

Review of Related Literature

Web Based Systems

Today, advanced technology regarding the Web Based Systems evolved due to

improvements in security and technological advances. Web based System is a system

that uses LAN web technologies to deliver information and services, to users or other

systems/applications. It is a software system whose main purpose is to publish and

maintain data by using hypertext-based principles.

Computer Network

A computer network or data network is a telecommunications network which

allows nodes to share resources. In computer networks, networked computing devices

exchange data with each other using a data link. The connections between nodes are
established using either cable media or wireless media. The best-known computer

network is the Internet.

Network computer devices that originate, route and terminate the data are called

network nodes. Nodes can include hosts such as personal computers, phones, servers

as well as networking hardware. Two such devices can be said to be networked

together when one device is able to exchange information with the other device,

whether or not they have a direct connection to each other.

Computer networks differ in the transmission medium used to carry their signals,

communications protocols to organize network traffic, the network's size, topology and

organizational intent.

Computer networks support an enormous number of applications and services

such as access to the World Wide Web, digital video, digital audio, shared use of

application and storage servers, printers, and fax machines, and use of email and

instant messaging applications as well as many others. In most cases, application-

specific communications protocols are layered (i.e. carried as payload) over other more

general communications protocols.

Types of Networks

There are several different types of computer networks. Computer networks can

be characterized by their size as well as their purpose.

The size of a network can be expressed by the geographic area they occupy and

the number of computers that are part of the network. Networks can cover anything
from a handful of devices within a single room to millions of devices spread across the

entire globe.

Some of the different networks based on size are:

Personal area network, or PAN

Local area network, or LAN

Metropolitan area network, or MAN

Wide area network, or WAN

In terms of purpose, many networks can be considered general purpose, which

means they are used for everything from sending files to a printer to accessing the

Internet. Some types of networks, however, serve a very particular purpose. Some of

the different networks based on their main purpose are:

Storage area network, or SAN

Enterprise private network, or EPN

Virtual private network, or VPN

Let's look at each of these in a bit more detail.

Personal Area Network

A personal area network, or PAN, is a computer network organized around an

individual person within a single building. This could be inside a small office or

residence. A typical PAN would include one or more computers, telephones, peripheral

devices, video game consoles and other personal entertainment devices.

If multiple individuals use the same network within a residence, the network is

sometimes referred to as a home area network, or HAN. In a very typical setup, a

residence will have a single wired Internet connection connected to a modem. This

modem then provides both wired and wireless connections for multiple devices. The

network is typically managed from a single computer but can be accessed from any

device.

This type of network provides great flexibility. For example, it allows you to:

Send a document to the printer in the office upstairs while you are sitting on the

couch with your laptop.

Upload a photo from your cell phone to your desktop computer.

Watch movies from an online streaming service to your TV.

If this sounds familiar to you, you likely have a PAN in your house without having

called it by its name.

Local Area Network

A local area network, or LAN, consists of a computer network at a single site,

typically an individual office building. A LAN is very useful for sharing resources, such as

data storage and printers. LANs can be built with relatively inexpensive hardware, such

as hubs, network adapters and Ethernet cables.

The smallest LAN may only use two computers, while larger LANs can

accommodate thousands of computers. A LAN typically relies mostly on wired

connections for increased speed and security, but wireless connections can also be part

of a LAN. High speed and relatively low cost are the defining characteristics of LANs.

LANs are typically used for single sites where people need to share resources

among themselves but not with the rest of the outside world. Think of an office building
where everybody should be able to access files on a central server or be able to print a

document to one or more central printers. Those tasks should be easy for everybody

working in the same office, but you would not want somebody just walking outside to be

able to send a document to the printer from their cell phone! If a local area network, or

LAN, is entirely wireless, it is referred to as a wireless local area network, or WLAN.

Metropolitan Area Network

A metropolitan area network, or MAN, consists of a computer network across an

entire city, college campus or small region. A MAN is larger than a LAN, which is

typically limited to a single building or site. Depending on the configuration, this type of

network can cover an area from several miles to tens of miles. A MAN is often used to

connect several LANs together to form a bigger network. When this type of network is

specifically designed for a college campus, it is sometimes referred to as a campus area

network, or CAN.

Wide Area Network

A wide area network, or WAN, occupies a very large area, such as an entire

country or the entire world. A WAN can contain multiple smaller networks, such as LANs

or MANs. The Internet is the best-known example of a public WAN.

Private Networks

One of the benefits of networks like PAN and LAN is that they can be kept

entirely private by restricting some communications to the connections within the

network. This means that those communications never go over the Internet.
For example, using a LAN, an employee is able to establish a fast and secure

connection to a company database without encryption since none of the

communications between the employee's computer and the database on the server

leave the LAN. But, what happens if the same employee wants to use the database

from a remote location? What you need is a private network.

One approach to a private network is to build an enterprise private network, or

EPN. An EPN is a computer network that is entirely controlled by one organization, and

it is used to connect multiple locations. Historically, telecommunications companies, like

AT&T, operated their own network, separate from the public Internet. EPNs are still fairly

common in certain sectors where security is of the highest concern. For example, a

number of health facilities may establish their own network between multiple sites to

have full control over the confidentiality of patient records.

Information system

An information system (IS) refers to a collection of multiple pieces of equipment

involved in the dissemination of information. Hardware, software, computer system

connections and information, information system users, and the systems housing are

all part of an IS.

COMPUTER BASED OF INFORMATION SYSTEM

A computer-based information system, or CBIS, uses computers to collect,

process, store, analyze and distribute information for a specific purpose, such as
meeting a business objective. The main components of a CBIS include hardware,

software, data, procedures and people.

SIX COMPONENT OF COMPUTER BASED OF INFORMATION SYSTEM

Hardware

Hardware is the most obvious part of a computer-based information system.

Hardware refers to the computers themselves, along with any and all peripherals,

including servers, routers, monitors, printers and storage devices. A CBIS may use a

single computer or thousands.

Software

Without software, the hardware wouldn't be very useful. Software, the second

element of a CBIS, is what tells the hardware how to function. It gathers, organizes and

manipulates data and carries out instructions. Everything you do using a computer is

done by the software.

Data

Data, or information, is the third element of a CBIS. Just as hardware cannot

function without software, software cannot function without data. This is the information

part of an information system, and whether that is statistical data, sets of instructions,

lists of names or even graphics and animations, it is all key to a CBIS.

Procedures
It is commonly said that "procedures are to people what software is to hardware." The

fourth element of CBIS, procedures are the rules, descriptions and instructions for how

things are done. In computer-based information systems, procedures are frequently

covered in instruction or user manuals that describe how to use the hardware, software

and data.

People

People are the most often overlooked and most important part of a computer-

based information system. It is people who design and operate the software, input the

data, build the hardware and keep it running, write the procedures and it is ultimately

people who determine the success or failure of a CBIS.

Communication

Communication is left out of some lists of CBIS elements, but for a CBIS that

involves more than one piece of hardware to function, communication or connectivity is

a necessity. This is, in part, because parts of it are covered under hardware. The

components that allow one computer to communicate with another are hardware and

are controlled by software. If communication between people is included in this element,

though, it is an important element.

TWO BASIC TYPE OF SOFTWARE

System software is a type of computer program that is designed to run a

computer's hardware and application programs. If we think of the computer systems a

layered model, the system software is the interface between the hardware and user

applications.

Application Software

Can be divided into two general classes: systems software and applications

software. Applications software (also called end-user programs) include such things as

database programs, word processors, Web browsers and spreadsheets.

Database

A database is an organized collection of data. It is the collection of schemas,

tables, queries, reports, views, and other objects. The data are typically organized to

model aspects of reality in a way that supports processes requiring information, such as

modelling the availability of rooms in hotels in a way that supports finding a hotel with

vacancies.

MANAGEMENT INFORMATION SYSTEM

Computerized database of financial information organized and programmed in

such a way that it produces regular reports on operations for every level of management

in a company. It is usually also possible to obtain special reports from the system easily.

The main purpose of the MIS is to give managers feedback about their own

performance; top management can monitor the company as a whole.

Database Management System

A database management system (DBMS) is a computer software application that

interacts with the user, other applications, and the database itself to capture and

analyze data. A general-purpose DBMS is designed to allow the definition, creation,

querying, update, and administration of databases. Well-known DBMSs include MySQL,

PostgreSQL, MongoDB, MariaDB, Microsoft SQL Server, Oracle, Sybase, SAP HANA,

MemSQL and IBM DB2. A database is not generally portable across different DBMSs,

but different DBMS can interoperate by using standards such as SQL and ODBC or

JDBC to allow a single application to work with more than one DBMS. Database

management systems are often classified according to the database model that they

support; the most popular database systems since the 1980s have all supported the

relational model as represented by the SQL language.[disputed discuss] Sometimes a

DBMS is loosely referred to as a 'database'.

XAMPP

As defined in http://www.qwhaitis.com, XAMPP is an open-source web server

package that works on various platforms. It is actually an acronym with X meaning cross

platform, A for Apache HTTP server, M for MySQL, P for PHP, and P for Perl. XAMPP

was designed to help webpage developers, programmers and designers check and

review their work using their computers even without connection to it. It can also be

used to create and configure with databases written in MySQL and/or SQLite. And since

XAMPP is designed as a cross-platform server package, it is available for a variety of

operating systems and platforms.

MySQL

MySQL is a fast, easy-to-use RDBMS used on many Web sites. Speed was the

developers main focus from the beginning. In the interest of speed, they made the

decision to offer fewer features than their major competitors (such as Oracle and

Sybase).

PHP

PHP stands for PHP HyperText Preprocessor. It is widely used open sourced

general-purposed scripting language that is especially suited for web development and

embedded into HTML. PHP was originally create by Rasmus Lerdorf in 1995.

It is a server-side scripting language usually written in an HTML context. Unlike

an ordinary HTML page, a PHP script is not sent directly to a client by the server,

instead, it is parsed by the PHP binary or module, which is server-side installed. HTML

elements in the script are left alone, but PHP code is interpreted and executed.

Source: (Mr. Anonuevo Lectures in PHP)

SYSTEM MONITORING

The monitoring application needs information such as log file path and number of

threads to run with. Once the application is running, it needs to know what to monitor,

and deduce how to monitor. Because the configuration data for what to monitor is

needed in other areas of the system, such as deployment, the configuration data should
not be tailored specifically for use by the system monitor, but should be a generalized

system configuration model.

PURPOSE OF MONITORING SYSTEM

Monitoring is the regular observation and recording of activities taking place in a

project or program. It is a process of routinely gathering information on all aspects of the

project.

To monitor is to check on how project activities are progressing. It is observation;

systematic and purposeful observation.

Monitoring also involves giving feedback about the progress of the project to the

donors, implementers and beneficiaries of the project.

Reporting enables the gathered information to be used in making decisions for

improving project performance.

Monitoring is very important in project planning and implementation.

It is like watching where you are going while riding a bicycle; you can adjust as you go

along and ensure that you are on the right track.

Adobe Dreamweaver

Adobe Dreamweaver CC is a web design and development application that

combines a visual design surface known as Live View and a code editor with standard

features such as syntax highlighting, code completion, and code collapsing as well as

more sophisticated features such as real-time syntax checking and code introspection

for generating code hints to assist the user in writing code. Combined with an array of
site management tools, Dreamweaver lets its user design, code and manage websites

as well as mobile content. Dreamweaver is positioned as a versatile web design and

development tool that enables visualization of web content while coding.

Adobe Dreamweaver is a proprietary web development tool developed by Adobe

Systems. Dreamweaver was created by Macromedia in 1997, and was maintained by

them until Macromedia was acquired by Adobe Systems in 2005. Adobe Dreamweaver

is available for OS X and for Windows. Following Adobes acquisition of the Macromedia

product suite, releases of Dreamweaver subsequent to version 8.0 have been more

compliant with W3C standards. Recent versions have improved support for Web

technologies such as SS, JavaScript and various service-side scripting languages and

frameworks including ASP (ASP JavaScript, ASP VBScript, ASP.NET, C#, ASP.NET

VB), ColdFusion, Scriptlet, and PHP.

Dreamweaver, like other HTML editors, edit files locally then uploads them to the

remote web server using FTP, SFTP, or WebDAV. Dreamweaver CS4 now supports the

Subversion (SVN) version control system.

Review of Related Studies

Related Local Studies

Calibara, Desiree V., Co, Ruben Jr., D. and Luriz, Edneil Josef B. (2010), created

a system for their project study. The system is entitled TUP-T Student Information

System.

Notably, student information system or SIS incurs such application software

designed for educational establishments to manage student data. Student information

systems provide capabilities for entering student test and other assessment scores,

building student schedules, tracking student attendance as well as managing many

other student-related data needs within the institution university. Thus, many of these

systems applied in the Philippines can be scaled to different levels of activity and can be

configured by their home institutions to meet local needs. Student information systems

have been changing and are fast adopted through the presence of a web medium as a

channel for accessing SIS without any hassle upon viewing student details and

information. Educational institutions are under constant pressure to demonstrate both

willingness and capacity to incorporate the latest developments in student information

systems along with communications technology supporting various teaching ways.

Elsa V. Isip and Melissa P. Picones (2010), created a journal entitled Interactive

Students Performance Monitoring System for Guidance and Counseling Center.

According to them this system will help the guidance counselors, psychometric an, and

staff of the Guidance and Counseling center in tracking and monitoring the academic

performance of the students. This system was conceptualized in view of the difficulty of

the GCC in managing and monitoring students academic performance as well as their
guidance records. The developed system is capable of managing, monitoring and

organizing student academic performance and guidance records. It integrates a

decision support system that automatically interprets psychological exam results based

on standard table used by the guidance counselors, and it also provides an interactive

virtual interview module to record interview sessions with the students. The system will

give easily retrieval of records and generation of reports.

Figure 2. Adamson University Guidance Information System

Figure 2. Shows the Guidance Information System of Adamson University. This

system will help the guidance office to manage students records and exclusively for the

guidance office of Adamson University. To access the system, the user must enter

his/her username and password. The main form consists of commands for transactions,

maintenance, utilities, report, about, edit and manipulation of students records. It also

views time, date and developers.

The functions of the system included the following:

 User Verification.
Add, edit, delete, search and save commands for manipulating students records.
View records of all students, counselor, counseling, test and testing.
Displays information about CHMSC Guidance office.
Add, edit, delete and save commands for Guidance office counselor.
Add, edit, delete and save commands for Guidance office counseling.
Add, edit, delete and save commands for Guidance office test and testing.
Generate reports

Figure 3. Far Eastern University Users Login

Figure 3. Shows the login page of FEU. A system of the Far Eastern University

that views detailed information about the University for Users. This system is exclusively

for students of the FEU. To access the system, the user must enter his/her student

number and student password. It system allows students to view online their schedules.

This system also constantly updated upon enrollment for each semester. This page is

composed of the User Verification form that includes fields for student no, student

password, and student password Recovery.

 Figure 4. Far Eastern University East Asia College Users Login

Figure 4. Shows the login page of FEU-EAC. A system of the Far Eastern

University East Asia College that views detailed information about the University for

Users. This system is exclusively for students of the FEU-EAC. To access the system,

the user must enter his/her student username and password. It allows students to view

information, registration and other school transactions. Students can also view their

personal information, current class schedule, academic grades, assessment,

clearances, and curriculum. It also views list of regular and irregular students per day in

PDF form. This page is composed of the User Verification form that includes fields for

student no, student password, academic calendar, and directory and contacts us.
 Figure 5. QCCA Guidance Department Portal

Figure 5. Shows the Guidance Department portal of Quezon City Christian

Academy. A system of the Quezon City Christian Academy that views detailed

information about the University for Users. This system shows also the mission

statement of QCCA Guidance Department, offices, academics, admission, students,

faculty, parents and Chinese department. This not also required users login because

they allow anyone to view their portal.

 Figure 6. Loyola Schools Guidance Office (LSGO) Portal

Figure 6. Shows the Guidance office information portal of Ateneo de Manila. A

system of the Ateneo de Manila Loyola Schools that views detailed information about

the University for Users. This system allows students to view information, registration

and other school transactions. They dont have users login because of this anyone can

view their portal. This page is composed of contact information, services, individual

inventory, Faculty/Parent Consultations Research, Educational & Occupational

Information, Introduction to Ateneo Culture (INTACT), Scholars Program, Special

Program Designs/Workshops, Academic/Probation Follow-up Program and

announcements.
 Related Foreign Studies

The Tanzania Student Association Hyderabad Student Information System

(TSAH SIS) is contributed and programmed by Nassib Junior is programmed by

Bachelor of Computer student. The software has complete database system, but there

are some other panels in the software that the user can develop by you like staff

registration panel etc. He develops this software to help our student association in India-

Hyderabad. The TSAHSIS used the Visual Basic 6 platform, Microsoft Access for the

database, and Crystal Report v8.5 for printing of reports.

The following figures are the screenshots of TSAH SIS. The programmer will

soon develop version 2.0 by using SQL Server 2008 for the database, Crystal Report

V9/10 and Microsoft Visual Studio 2010 for the platform.

Figure 7. TSAH SIS Login Figure

Figure 7. shows the Login form of the system. The user name and password is

provided by the programmer (Username: admin Password:1234).

 Figure 8. Student Registration Panel Figure

Figure 8. Shows the Student Registration Panel wherein the user allows to input

the needed information of a certain student and records it in database.

Figure 9. Student General Information Panel

Figure 9. Shows the saved student information. It allows the user to search,

delete, and view the full profile of the student. The Staff Registration Panel and the

Graduates Student Information Panel are under maintenance.

 The School of Math Engineering Technology and Science at Olympic High

School of North California uses the Google groups to create Guidance and Student

Services. The site is composed of Home (OCS Guidance Webpage shown in Figure5,

school profile, and the sitemap), Procedures (Appointments, Transcripts,

Recommendations, Drivers Education, and Workers Permit), Senior and Junior

Information, Scholarships, and College Admission.

Figure 10. Math Engineering Technology and Science at Olympic High School Site.

Figure 11. Olympic Community of Schools (OCS) Guidance and Student Services
 Figure 10 and 11. shows the OCS Guidance and Student Services it consists of

OCS Guidance Website (METS Guidance, International and Global Studies Guidance,

International Business and Communications Guidance and Renaissance Guidance),

Requirements for graduation, Scholarship and financial aid, Community resources,

Credit recovery, and an Anti-bullying article.

The CIBER Enterprise Solutions of Ohio present a result in discovery and

planning process for Ohio Universitys application of Oracles PeopleSoft Campus

Solutions. OHIO has used the Informs SIS products (previously owned by AMS

American Management Systems and currently owned by Informs, Inc.) for more

than fifteen years, and it is the official system of record for student information including,

but not limited to Admissions, Advising, Student Records, and Student Accounts. The

replacement of the current student system started when Informs announced that their

support would be discontinued for its middleware (Enterprise Server aka CORE)

product. The replacement for the Informs Student Information System was approved

and implemented on 2006.

 Figure 12. OHIO University Tutorial Site

According to O'Malley (2011), it has been said that change is in evitable at Ohio

University including in their systems and even in their schedules. Over the next several

weeks students, faculty and staff will be learning about the new SIS.

The Ohio University provides a website to learn more about the new SIS shown

in Figure12.

Figure 13. Illinois State Board of Education SIS information

Figure 13. Shows the Illinois State Board of Education SIS (ISBESIS)

announcement. The ISBE SIS has a resource panel that composed of Data Elements

(approved codes and indicators), Excel Template (student data input into SIS), File

Format Layout, User Manual, Key Dates, and Archived Webinars and Presentations.
Conceptual Model of the Study

On the basis of the foregoing concepts, theories, and findings of related

literature, studies presented, and insights taken from them a conceptual model is

developed as shown below.

 Figure 14. The Conceptual Model of the Study

Figure 14 displays the conceptual model of the study that was used in developing

the system. Input block consists of requirements that were used by the developers such

as Monitoring System, Database Management System, Grading System, Information

System, Networking and PHP Language for the knowledge requirements required in
developing the system. While for the software requirements, WAMP server 2.2,

Dreamweaver, MySQL, PHPMyAdmin, and Windows 7 or higher operating system.

For the hardware requirements, a computer must have at least 2 GB ram,

Pentium 4 processor with a speed of 1.3 Gigahertz (GHz) to 2.0 Gigahertz (GHz), 80

GB hdd and a printer. In the process block, the developers used System Requirements

that includes Requirement Analysis and Requirement Description/ Definition. The

System Design that includes Context Diagram and Data Flow Diagram/ Use Case

Diagram System Development consists of Software Development Life Cycle waterfall

type used by the developers as a method in developing the system. Also for System

Testing that includes Integration, System and User Acceptance Testing.

After performing such procedures, the developers came up with an output which

is Web-based Monitoring and Information System for Francisco P. Tolentino Memorial

National High School through Local Area Network System. The system also underwent

a series of evaluation procedures.

Operational Definition of Terms

Computer - An electronic device designed to manipulate data so that useful information

can be generated.
Computer-based system - use a computer for performing task with database for

storing data and a programming language for its platform

Database A collection of information that is arranged so that it can easily accessed

and managed.

Guidance Information Displays the information about the Guidance Office mission,

vision, officer hierarchy, services, and office location.

Guidance Monitoring Supervised the students records such as attendance, offenses,

exit, and students information.

Manual-based system System which does not use any computer devices, thus all

data would be kept in paper.

System - Organized assembly of resources and actions united to accomplish setoff

specific functions.

CHAPTER III
METHODOLOGY

Introduction
 This Chapter presents the Project design, project development, operational,

definition of terms and testing procedure as well as the evaluation procedures.

Project Design

Design is the abstraction of a solution; it is a general description of the solution to

a problem without the details. Design is view patterns seen in the analysis phase to be

a pattern in a design phase. After design phase we can reduce the time required to

create the implementation.

CONTEXT DIAGRAM

This diagram represents what are the bounders and scope of Web-based

Monitoring and Information System project. It describes the main objective of the

system and its entities involved.

Username/
Password Username/
Password

Web-based
Guidance head Guidance counselor
Monitoring and
Information System
Manage student
record Update student
record

Figure 15. Context Diagram

Figure 15 illustrates the overview of the FPTMNHS Web-based Monitoring and

Information System data flow. It is composed of two (2) main external agents, the

guidance counselor and the guidance head from the guidance.

 Guidance Head - While the major input of the guidance Head is the combination

of their username and password, guidance service center activities, student data

information, students violations and account data. It outputs whether their account is

valid or invalid, student record, guidance service center reports and the account

information.

Student - Are only allowed to have an access in viewing the student list,

updating the student violation, and producing parents call slip and good moral form.

Data Flow Diagram

i
 Figure 16. Data Flow Diagram

Project Development
 The development study used the water fall model. The developed study used the

Waterfall Model is a sequential (non Iterative) design process, used in Software

Development Process in which progress is seen as flowing steadily downwards through

the phases of conception, initiation, analysis, design, construction, testing,

production/implementation and maintenance.

Figure 17 shows the Web-based Guidance Monitoring and Information System

flow process. This design is easy to understand series. Stages and activities are well

defined.

Analysis

Program Design

System Development

Implementation

Figure 17. Waterfall Model

Evaluation Procedure
 For preliminary evaluation, the researchers will review all the necessary and

completeness of the system based on the system requirements.

Result will be analyzed based to determine if the desired output is met through

the given output. For the final evaluation, evaluation sheet will be given to respondents.

The comments, suggestions and recommendations of the respondents will have used to

improve and enhance the system. This study will use the Evaluation Criteria for

Software.

The statistical scale to be used in interpreting the results of the evaluation has a

scale 1 to 5, 1 being the lowest and 5 as the highest.

Table no.1 shows the numerical rating and its equivalent interpretation to scale

the result of the project evaluation.

Table no. 1 System Evaluation Sheet Numerical and Descriptive Scale

Numerical Scale Descriptive

4.51 5.00 Excellent
3.51 4.50 Very Good
2.51 3.50 Good
1.51 2.50 Fair
1.00 1.50 Poor

The gathered data will be computed by using Mean Range Formula to conclude

if the proposed system meets the Software Factors Standard for Acceptance.