This document provides an introduction and overview of a proposed student attendance monitoring system with parent portal. It discusses the need for the system due to issues with traditional methods of informing parents about student absenteeism. The proposed system will have two platforms - a window-based system to record attendance and grades, and a web-based parent portal. If a student is absent, an SMS will be sent to parents. The parent portal will allow parents to view their child's attendance and grades. The document outlines the objectives and functionality of both the window and web-based systems. It also discusses the technologies that will be used such as VB.NET, MySQL, HTML, CSS, JavaScript, and AJAX.

1. CHAPTER I
INTRODUCTION
Project Context
The advancement of technology today has immersed itself towards education.
The presence of technology has reached its maximum of providing sustainable
technology towards quality education through delivery and effective learning.[1]
TheIsabela State University Laboratory High School is one of the public high schools
that embrace information and communication technology now. As they immersed
themselves with technology through their delivery of lessons and other forms brought
about by information technology.
Attendance is very important in every student, a single absent is big difference in
performance in the school. Mostly students of high school are prone to absences, it is
because of some reasons that they think it is a boring class, laziness to attend the class,
some students prefer going to computer shops playing games rather than entering the
class and some student cannot refuse the influence of a friend inviting to go with them
during class period. Some of this reasons are not reported to the parents or guardians
because the way of informing them is the traditional way which is they inviting the
parents through telling the students that the parent need come to school and communicate
with the teacher about the absenteeism of the student. This process takes a long process
and sometimes parents are not able to come because of some reasons that the parents are
busy at work; they are away from the school and have an important matter to take care of.
These are the reason why the parents are not informed about the absenteeism of the
students.
In this manner, the researchers therefore proposed the Parent Portal and
Attendance Monitoring System with Short Message Service (SMS). The design and
development of the system consists of two platforms. The first platform is the stand alone
or window-based system. The stand alone or window-based system’s function is to
record attendance. If the student is absent and it is recorded to the stand alone system or

2. window-base system, it will open a form that contains the SMS application that has a
function to send a notification to parent that the student is absent. Saving of attendance in
the stand alone or window-based system will trigger the second platform which is the
parent portal or web-based system to duplicate the recorded attendance of the stand alone
or window-based system. In other words, the two platforms will record the attendance
simultaneously. The parent portal or web-based system function is to display the recorded
attendance. This will allow the registered parents to view the attendance of their own
child.
The Parent Portal and Attendance Monitoring System with SMS will help the
parents to inform about their students. Since there are two platforms that will be develop,
informing the parent about the student is also two ways. The first way of informing
parent about the attendance of the student is to send a notification using SMS and the
second way of informing the parent is to access the Parent Portal or web-based system.
The Parent Portal and Attendance Monitoring System with SMS provide a fast
way of informing the parent anytime anywhere.
Purpose and Description of the Study
The study is focused on the attendance monitoring of the students in the school
through the design and development of a system providing a means of information on the
student’s inputted grades and attendance of the student’s on the school through parent
portal and via SMS reminder notification.
The study main reason of existence is to send information to the parents. The
information composed of the student’s attendance to class.
The recorded everyday
attendance to class is displayed in the parent portal and if absences occur it automatically
sent to parents. The system also includes; inputting of student’s grades and computation
of student’s average per grading period.
With the system providing a user-friendly and effective system provides an easier
and faster view of data of every student such as when the faculty/ admin is mistaken in

3. the input of grades, the system provides the means of updating the record. The system
can retrieve information from the database and can view anytime.
Objective of the Study
General Objective:
The design and development of Parent Portal and Attendance Monitoring system
aims to provide an interface for the parent to monitor their child’s attendance to school;
specifically has the following functionalities:
Window-based System
1. A system that will record the student’s attendance and inputted grade in each
subject every grading period.
2. A system that has a web browser feature that will replicate the inputted data in
stand-alone system.
3. A system that will create an account for parents to have an access to the parent
portal
SMS Application
4. Send an SMS to the parents telling them if their son/daughter is absent.
Parent Portal
5. A web-based system that will display the inputted records in the stand alone
system.
6. A web-based system that will compute the average of a student per grading
period.

4. 7. A web-based system that will display the rank of the student.
8. A web-based system that will print report.
Scope and Limitations of the Project
The proposed parent portal and attendance monitoring system with SMS is
designed and developed for the whole school year 2012-2013 at Isabela State University
Laboratory High School.
The design and development of the project shall compose of two distinct
functionalities such a windows-based system and web-based system.
In terms of
windows-based system, the system’s function is on the recording of class attendances and
inputting computed grades.The system also manages the user registration to the system
such as; Admin of the Window-based system and Guardian who are the user of the parent
portal and receiver of the notifications via SMS.The system provides functionality of
recording the individual records of the students such as attendance and inputted grade in
every grading period in the school. The system also providesa search capability for the
user can easily view the student records. The system also provides the functionality of
sending notification and reminder via SMS. These notifications are the absences of the
student. The reminder will sent to the parents for them to know what is happening to the
student.
In terms of the parent portal, the services provided the parent, the ability to view
the class attendances and computed grades in every quarter and the ranking of their child
in entire grading. The parent can also generate report through printing. The performance
in terms of grades, attendances, quizzes, participation, assignment/projects and periodical
test misconducts in school quarterly are not to be displayed in parent portal.
The functional limitation of the project is based on the functional role of the users
to the system and web based system. There are two users to the system, the administrator
and the parent. In terms of the admin, it has the capability to perform the recording as
well as the updating the records in terms of the student’sattendance and computed grade
in every quarter. Every update and recording of the student’s performance is

5. automatically posted to the Parent Portal. While on the side of the parent, it has the
capacity to log in from the web by accessing the web portal. The parents directly view
his/ her child performance base on its grades and attendance to school in parent portal.

6. CHAPTER II
REVIEW OF RELATED LITERATURE
Related Studies/Theoretical Background
There is a significant body of research demonstrating the contribution of parent
involvement to student learning. Henderson and Mapp (2002) reviewed several studies
and provided a synthesis of the research findings. The report points to the strong impact
of parent involvement on both student achievement and attendance and behavior.
Research also indicates that participation declines with grade level, that socioeconomic
status and family situation are factors in determining parent involvement and that
students want their families to be involved (Epstein, 2002). Perhaps the most widely
quoted work is by Epstein (2002) in her model of parent involvement which describes six
different categories. Pushor (2007) extends the definition beyond involvement to
engagement and argues that engagement is the hallmark of parent connections that truly
make a difference for students. Reports in studies are related to project’s objective. Since
the parent’s involvement in the student is very important, the researcher’s study is to
develop a system that would monitor the students for the parents.
All the models speak to the importance of context in understanding parent
engagement. While the types of engagement can be described, schools will be successful
in working with parents and communities if the staff take time to listen, to understand,
and to relate to the families with whom they work (Pushor,2007). Each child arrives at
school carrying the aspirations of the parent (Marjoribanks, 2002), a family background
(Beothel, 2004), and the culture of the family community. In this case, researchers must
develop a communication between the staffs and the guardians of the students.
The Quest for Communities that Work: Sustaining Student Improvement, An
International Symposium for Education and Community Leaders, Richmond Hill,
Ontario, Canada. (Supplied by author) This report highlights the findings of a research
project with the primary purpose of determining if school councils have the ability to
influence the rate of parental participation in education, with a particular emphasis on the
types of involvement that may lead to improved student learning. The secondary purpose

7. of the research project was to identify the ways in which Ontario's parents prefer to be
involved in their children’s education. (Comments) The study concluded that a deliberate
focus and activity related to the Epstein framework did produce a higher level of parental
involvement as compared to schools without such a focus. Four recommendations for
organizing programs to stimulate parental involvement are made. 1. Stimulate activity
within eight strategic categories of involvement. These are described in the, an extension
of the Epstein (2002) model, adding Attending School Events and Fundraising to the
model.
Experimental research on the use of progress monitoring to enhance student
performance has focused primarily on one form of progress monitoring: CurriculumBased Measurement (CBM). Academic areas frequently assessed using CBM include
reading, mathematics, written expression, and spelling. Criteria that describe the
measures used as part of CBM include valid and reliable indicators of generalized
performance, short duration to facilitate frequent administration, a focus on direct and
repeated measures of student performance, multiple forms that are inexpensive to create
and produce, and sensitivity to changes in student achievement over time.
Related Studies
In a study developed by Wilson BacaniLerrano (1999), on a Proposed Grading System of
Cabarroguis National School of Arts and Trade GundawayCabarroguisQuirino, she noted
the following:
1.
Slow Grade Computation
2.
Time Consuming
3.
Inaccuracy grades
4.
Bulky Workload
For those reasons, she recommends a computerized system:
1.
To reduce the time and effort in computing grades
2.
To provide complete processing needed with efficiency and accuracy
3.
To provide accurate grades reports. [2]

8. The study of Wilson BacaniLerranoit has the capacity to record the grades of the
students but the grades recorded in the system must inform to parents, in this case the
researcher’s used the widely known World Wide Web to browse the grades of the
students and see the top performed students and also, the parents can discuss the grades
of the students.
In a study of Jennifer C. Cuthcon (2001), on a Proposed Computerized Student
Monitoring System of the Information Technology of University of La Sallete Santiago
City, she noted the following:
1. Slow data processing
2. Inaccuracy of repots
3. Lost of unrecorded files
For those reasons, she recommends a computerized System:
1. To answer data security and fast, accessing of students information
2. To lessen document in folder because it will already be placed and stored in diskettes
for more secured data storage.
3. To make the job of staff, cashier, faster and more accurate. [3]
Jennifer C. Cuthcon proposed a good system but it is not well managed. The
researcher didn’t focus in recording but in disseminating the students’ performance
because it is the responsibility of the parent for them to know what is happening.

9. CHAPTER III
TECHNICAL BACKGROUND
In this chapter discuss the technicality of the project by which it describes the type
of the project to be developed and its functionality. It also represents the type of
application development of the project.
Technicality of the Project
Save data
from window
base to web
Figure 1. Network Architecture
The proponents have used the web 2.0 because it supports the features of the
system like AJAX and JAVA script. The data fetched by an Ajax request is typically
formatted in XML or JSON (JavaScript Object Notation) format; two widely used
structured data formats. Since both of these formats are natively understood by JavaScript

10. it can easily use to transmit structured data in their web application. When this data is
received via Ajax, the JavaScript program then uses the Document Object Model (DOM)
to dynamically update the web page based on the new data, allowing for a rapid and
interactive user experience. The system works and functions in 3-tier architecture, it
composed of the presentation layer, application layer and persistence layer. From the
diagram below describes the architectural layout of the project.
In the diagram it represents the different functionalities of the system. From the
presentation layer, the faculty, admin and parent are the sole user involve in the system.
The application layer is composed of the windows-based system and the web-based
system. The window-based system is designed through the use of visual basic. Net
application includes the use of a remote modem to send via SMS. While the web-based
system is designed using the AJAX development, with CSS tools and other scripting to
derive the functionality of the system.
On the third layer is the persistence layer in
which it is composed of the understanding of the database of all the system developed.
Details of Technology to be Use
The scope of this section is the discussion on what are the technologies is being
used and how did the researcher use these technologies.
XAMPP 1.7 or higher - Developers will use this as development tool, to allow website
designers and programmers to test their work on their own computers without any access
to the Internet
MySQL -pronounced either "My S-Q-L" or "My Sequel," is an open source relational
database management system. It is based on the structure query language (SQL), which is
used for adding, removing, and modifying information in the database. Standard SQL
commands, such as ADD, DROP, INSERT, and UPDATE can be used with MySQL.
MySQL can be used for a variety of applications, but is most commonly found on Web
servers. A website that uses MySQL may include Web pages that access information

11. from a database. These pages are often referred to as "dynamic," meaning the content of
each page is generated from a database as the page loads. Websites that use dynamic Web
pages are often referred to as database-driven websites.
MySQL will use by the researcher because it is one of the database that is compatible
with the development of the system.
HTML -This is the language that Web pages are written in. If you want to create really
great Web pages then you will need to learn this. As far as computer languages go this is
the easiest to learn. You can create a Web page without it using a Web page editing
program but the program will still use HTML to create the page. [4]
CSS-Cascading style sheets are used to format the layout of Web pages. They can be
used to define text styles, table sizes, and other aspects of Web pages that previously
could only be defined in a page's HTML.CSS helps Web developers create a uniform
look across several pages of a Web site..[http://www.techterms.com/definition/css]
JavaScript-Like Java, this is a programming language designed by Sun Microsystems, in
conjunction with Netscape that can be integrated into standard HTML pages. While
JavaScript is based on the Java syntax, it is a scripting language, and therefore cannot be
used to create stand-alone programs. Instead, it is used mainly to create dynamic,
interactive Web pages. For example, Web developers can use JavaScript to validate form
input, create image rollovers, and to open those annoying pop-up windows. Like so many
other things, we have to take the good with the bad.
AJAX- stands for Asynchronous JavaScript and XML. This is the latest technology on
web development that allows the user to interact with the links without reloading the
page.
VB.net-(Visual Basic .NET) is an object-oriented programming language from
Microsoft. It is the .NET version of the Visual Basic (VB) programming language. Like
all .NET languages, VB.NET uses the Common Language Runtime (CLR) for program
execution. VB.NET is substantially different from traditional Visual Basic, which has
been the most popular language for developing Windows applications.

12. Modem- device that enables computers, facsimile machines, and other equipment to
communicate with each other across telephone lines or over cable television network
cables. In the strictest sense, a modem is a device that converts between analog signals,
such as sound waves, and digital signals, which are used by computers. However, the
term has also come to include devices that permit the transmission of entirely digital
signals.
Cellular Phone-A portable telephone that uses wireless cellular technology to send and
receive phone signals. This technology works by dividing the Earth into small regions
called cells. Within each cell the wireless telephone signal goes over its assigned
bandwidth to a cell tower, which relays the signal to a telephone switching network,
connecting the user to the desired party. [6]

13. How the Project will Work?
To disseminate the information on the parents, the projects works in a client based
system. It shows how the project work and how the process done in all layers. From the
presentation layer, where the client’s interface or the parents, to application layer, where
the administrator or the staff of the faculty, to persistence layer or the database layer of
the system, the system is being explained in further details.
There are two kinds of system to be used view the information; through SMS and
through Web Portal. It means that there are also two presentation layers, two application
layers and two persistence layers. As you can see above figure, there are two users which
are the parents, two application layers which are the application server of the window
base application and the webhosting server and two database servers. To disseminate
information on the parents, data and information must gather beforehand to record or
save in the database of the system and ready to be viewed by the parents.
In order to collect data, the admin records the student grades every grading period
to the system after able to collect all the grades from their subject teacher. One distinct
feature of the system is that it automatically sends notification or reminder to the parent
via SMS whenever his child incurs absences in school. It also automatically updates the
record from the parent portal whenever there are updates made from the system. On the
side of the web-based system, the admin can therefore reply back to all query posted from
the web portal by the parents.

14. CHAPTER IV
METHODOLOGY
Requirement Specification
Operational Feasibility
Fishbone Diagram
One of the most effective method to track the root cause or problem of the agency
or at the area were the study were taken which is the school, fishbone method is being
used because researcher can determine what problems are going to solve when the system
is being implemented. The diagram below shows what are the data gathered by the
researchers. It shows the cause and effect of the current system of the school.
Figure 2. Fishbone Diagram of the Project

15. Functional Decomposition Diagram
FDD is a diagram that shows the breakdown structure in smallest component of
the system that the researchers going to develop after studying analyzing the data that are
gathered in feasibility and planning phase. This will help track the functionalities of the
system and let you know the features that can are being added into the system.
This diagram shows all the processes of the system. It will help the researchers on
creating DFD because it is similar to context diagram that all processes are being
displayed in one diagram. Step-by-step procedure can be applied in the system as the
diagram shows the flow of the processes, in this way; user can easily understand the
processes of the system.
Figure 3. Functional Decomposition Diagram of the System

16. Schedule Feasibility
Ganttchart
Time management is the foundation of conducting the project. By using Gantt
Chart, researcher follows the scheduled assignment to have a guide and to help them keep
in track on what are the things must do in everyday.
Table 1. Gantt Chart of the Project

17. Cost and Benefits Analysis
Compatibility Check
Present System
Proposed System
Variance
Hardware
Hardware
None
Personal Computer spec:
MINIMUM
Processor: 2.0Ghz
Memory: 2.0Gb
Hard disk: 300Gb
REQUIREMENTS:
Personal Computer spec:
Processor: 2.0Ghz
Memory: 1.0Gb
Monitor
Hard disk: 200Gb
Mouse
Monitor
Keyboard
Mouse
Keyboard
None
Software
Software
Windows XP professional
Windows XP professional
Hardware Cost (source:
Enigma Technologies price list as of Jan 2013,
http://enigma-phil.com.ph/price_list.php)
Item
Cost
Broadband
P 1,000.00

18. Router
P 2,000.00
UTP
P 50.00
RJ45
P 100.00
TOTAL
P 3,150
Software Cost
Item
Cost
Windows XP Professional
P 7,000.00
Visual Basic .NET
P 800.00
TOTAL
P 7,800.00
Development Cost
Item
Value
Programmer’s Salary
P 12,750
Software Depreciation
P 72.00
Hardware Depreciation
P 353.00
Electricity
P 330.96
TOTAL
P 13,505.96

19. Schedule 1 – Programmer’s Salary
Note: Prevailing instructor 1 rate = 15,000
(255/day / 8 hours (CSC prescribed no of hours per day served) = 31.88/hr
31.88/hr * 5hrs/day * 4 days/wk * 4 wks/mons. * 5 mons = 12,750.00
Schedule 2 – Hardware Depreciation
(Total Hardware Cost/Estimated useful life)/12 months * no. of months developed
= (P 3,150/ 5) / 12 x 5 months
= P 630/ 12 x 5
= 52.5 x 5
= P 262.50
Schedule 3 – Software Depreciation
(Total Software Cost/Estimated useful life)/12 months * no. of months developed
= (P 7,800/ 5) / 12 x 5 months
= P 1560 / 12 x 5
= 130 x 5
= P650.00
Schedule 4 – Electricity
Prescribed cost /kwh under ISELCO 1= 9.3360 per kilowatt
1 Unit
= 90watt/1000watts)* 9.3360* 1 units * 5hrs/day * 4 days/wk * 4 wks/mons. * 5
mons
=336.096
Schedule 5- Web hosting
This includes the web hosting, domain name (source: Bitstop Inc.-Dagupan City)
The package uses a silver account= 340 mb= P 1,750.00
Domain name registration / year=
Total for hosting with domain registration=
Total Project Cost
750.00
P 2,500.00

20. Total Hardware Cost
P 3,150.00
Total Software Cost
P 7,800.00
Total Development Cost
P 13,505.96
Total Web hosting
P2,500.00
Total Project Cost
P 26,955.96
Intangible Benefit
From the development of a window based system and web based system the
following are drawn out benefits:
1. It provides a faster means of notification and reminder to parents about their
child’s performance.
2. It eliminates the repetitive task performed in the preparation of communication
letter and reminder notice to students’ parent.
3. Provides a means of communication between the parent and the school.
4. The parent can access anytime anywhere the parent portal.
5. The reminder and notification easily reach out the parent and no reason not to
attend such dialogue.

21. Data Processing Model
Context Diagram
Context diagram shows the whole process of the system. This will help the
researcher in developing the system logically and to understand the flow of the system.
Figure 4. Context Diagram of the System

22. Data Flow Diagram
Figure 5.DFD of The Guardian Services
Figure 6. DFD of yhe Admin Services

23. Figure 6: DFD of the Admin Services
Figure 7. DFD of the Admin Services

24. Design
Researcher Used Wireframe to show a certain view of what to be expect in the
system. It is useful for the researcher to guide them on how they develop the system. It is
serves as the blueprint of the system.
Output and User-Interface Design
Figure 8. Admin Login
Figure 9. Main Window File Menu Strip

25. Figure 10. Monitoring Menu Strip
Figure 11. Report Menu Strip

26. Figure 12. Add Student
Figure 13. Adding Portal User
Figure 14. Edit Admin User Account

27. Figure 15. Record Grade Quarterly

28. Figure 16. Record Attendance
Figure 17. Send SMS

29. Figure 18. View Form
Figure 19. Parent Portal Login

30. Figure 20. View Attendance
Figure 21: Student Information

31. Figure 22: Student Information

32. Entity Relationship Diagrams
It shows the relationships of tables in the database. The significance of having an
ERD is that we can trace the connections of tables and how normalize the tables is.
Figure 20: ERD of the Project

33. Data Dictionary
To further understand the data being saved in the database, the data dictionary
will help to show the fields of the tables.
TBL_STUDENT
Field name
Data type
Length
Description
IDno
Int
10
ID number of student
Primary key
FN
Varchar
30
First
name
of
the
student
MN
Varchar
30
Middle name of the
student
LN
Varcha
30
Last name of the student
YEAR
Varchar
5
Year level of the student
SECTION
Varchar
20
Section of the student
AGE
Varchar
3
Age of the student
GENDER
Varchar
10
Gender of the student
ADDRESS
Varchar
100
Address of the student
GNO
Varchar
21
Number of the guardian
Table 2. Database Table of Student

34. TBL_GRADE
Field name
Data type
Length
Description
RecordID
Int
10
ID
of
Parents
Primary Key
IDno
Varchar
30
First name of parent
GradePeriod
Varchar
30
Middle name of the
student
SubJect
Varchar
30
Last name of the
student
Grade
Varchar
60
Address
of
the
of
the
parent
Shoolyear
Varchar
20
School year
Remarks
Varchar
10
Remarks
grade
Table 3. Database table of the Grade

35. TBL_PORTALUSER
Field name
Data type
Length
Description
IDno
Int
10
ID of Parents Primary
Key
FN
Varchar
30
First name of parent
MN
Varchar
30
Middle name of the
student
LN
Varchar
30
Last
name
of
the
student
Position
Varchar
60
Address of the parent
Username
Varchar
50
Username of parent
uPassword
Varchar
50
Password of the parent
Table 4.Database Table of the Parents
TBL_ATTENDANCE
Idno
Int
10
ID number of student
Date
Date
10
date
of
subject
attended
Subj
Varchar
20
Subject of the student
status
Varchar
20
Status if the student is
absent or present
Table 5. Database Table of Attendance

36. TBL_SUBJECT
SubjectId
Int
10
ID of the Subject
year
Varchar
10
Year of the subject
to be taken
Subjectname
Varchar
20
Subject
of
the
student
unit
Int
20
Unit of the Subject
Table 6. Database Table of the Subject
TBL_MESSAGE
messageID
Varchar
10
Message ID of the
Student
IDno
Int
10
ID number of the
student
attendanceID
Int
10
ID of attendance
Date
Varchar
10
Date of the message
sent
Message
Varchar
1000
Content of the
message
Table 7. Database table of Message of SMS

37. Development Plan
Development tools that will be use:
Web 2.0- the developers will use this technology because the desired features of the
system is supported by this web technology.
VB.net- a high level programming language that will be used in the development of the
system. It is highly recommended for the language has many imports and easy to use.
Php – we used this technology to build a web that would make a dynamic portal
Ajax Technology- is a combination of Web development technologies used for
creating dynamic websites.
Css- refers to the formatting and positioning of the web page content. The developers use
this to design the interface of the system.
MySQLyog-is an ideal solution for MySQL administration and development. This is an
all-inclusive mysql front end and partner of MySQL for handling data. It is the front end
of the database that the developers will be using.
MySql server - refers to the back end of the system and gathering of all data.
Dreamweaver- the developers will use this in encoding the program code of the system
as well as for designing the system.
Mozilla Firefox or Google chrome- The developers recommend these types of web
browser to the clients because websites are better viewed in these web browsers.
Xampp - Developers will use this as development tool, to allow website designers and
programmers to test their work on their own computers without any access to the
Internet.

38. Implementation Plan
Implementation plan is to help the researcher to build a method on how the
project will be implemented.
Implementation Phase
In order to test the system it must be used by the respondent of the project and to
evaluate the system to produce reliable information that makes the project more efficient
and effective system.System implementation is very important in order to see the effects
and importance of the proposed system from the present system.
Different testing has been done by the researcher to examine the system’s
functionality which is Link and system testing.
 Link testing - Link Testing would be the initial testing that starts at the design stage
where we create the testcases. The Goal is to test each and every link that forms part of
the design once the initial code is developed. The researcher used this kind of testing to
ensure that a group of modules are operated correctly in combination by testing the links
to fix system bugs. It is normally performed after the individual modules have been tested
in isolation and prior to the integration testing that is performed for the complete system.
 System Testing - The researcher used system testing to evaluate the system's compliance
with its specified requirements. The researcher tested if the system was not logging to
response it accurately. To motivate students learning and enhance them with additional
knowledge.
 TEST PLAN - In web based information system for Barangay Sto. Domingo, it will
invoke the black box testing to the whole web application. The test will be conducted to
understand the external flow of the web based information system and also to understand
if all the processes and features of the development of web based information system is
met and that review the data inputs, flow of the web based information from one page to
another.

39. CHAPTER V
RESULTS AND DISCUSSION
Chapter five shows the screenshots of the system. In this chapter, it will discuss
what the screenshot is, and how the particular screenshot works. Chapter five also
answers the objective of the project.It will discuss 3 interfaces such as:
Window-based System
1
4
2
3
1ST Part
2ND Part
5
6
7
3RD Part
Figure 21. Record Attendance

40. Figure 21 is the interface of recording of attendance. The Recording of grade per
grading period is also save the same way. The administrator can record attendance or
grade without encoding because clicking is lesser effort than typing. It shows the 3 parts
of recording the attendance. It follows how the parts work:
1. This button browses the list of subjects.
2. This button locks the text boxes of the general information.
3. This button cancels the selecting of student in recording attendance.
4. This button displays the list of students.
5. This data grid view shows the list of students.
6. This button save the data of the students into the database
7. This is a web browser replicates the data saved in the window-based
system
1
2
3
Figure 22.Create account for Parents
Figure 22 is a form where administrator makes an account of parent to have an access
into the parent portal.
1. Save the inputted data in the text boxes.
2. Search parent.
3. Exit the saving.

41. SMS Application
Attendance Monitoring System,
ISU Laboratory High School: As
of 2/27/2013, BALLAD
DICKSON LAGRIO is ABSENT
in SOC SCI 2 Subject.
Figure 23: SMS Application
Figure 23 shows the SMS application of the system. The SMS application form
will show when the system detects if the recorded attendance of the student is absent.
Send button sends the content of the message to the parents. Cancel button exits
the SMS application.

42. Parent Portal
1
2
3
4
5
Figure 27. Parent Portal Grade, Average and Rank
Figure 27 shows the Parent Portal. The parent portal consists of the important
things what the parent needs to know about their child. The main content of the Parent
Portal is in the following:
1. View attendance of the student.
2. This links view the grades per grading period.
3. The system automatically display the average grade per grading period.
4. The system automatically display the rank of the student per grading period.
5. This link print the page.

43. Chapter VI
SUMMARY, CONCLUSIONAND RECOMMENDATION
This chapter provides the summary that serves as the overview of the project,
conclusion based on the findings of the researcher and recommendations that the
researchers believed would improve the project if added.
Summary
The Parent Portal and Attendance Monitoring System with SMS is a kind of
system will inform the parent about the attendance of the student. The design and
development of a system will record the attendance of the students in standalone system
or the window-based system. The stand alone or window-based system was injected with
the feature of Web Browser so that it will simultaneously save record in two different
platforms, the Window-based and Web-based. The two platforms has separate database
with identical data since the saving of records are being replicated by the use of the web
browser in the stand-alone or window-based system. Since the web-based system or the
Parent Portal has its own database, the recorded attendances of every student will display
in the web-based system or the Parent Portal for parents to have an access anytime. In
recording of attendance, if the stand alone system detects that the inputted student
attendance is absent, it will open another form that contains the SMS application and will
ask the administrator or the user of the stand alone system if he/she wants to send to
parents a message telling that the student is absent. Another feature of the system is the
inputting of student’s grade in every grading period in each subject. The saving of
inputted grade in each subject per grading period is also the same as the process of saving
of attendance.
The proposed system would help the parents in monitoring their child everyday or
anytime and anywhere by receiving a notification that the student is absent. The parents
can also access the Parent Portal anytime if they want to check the attendance and also
the inputted grades of the student.

44. Conclusion
Based from the finding of the study, researchers therefore conclude that the
system functionalities are done in all the transaction and the system will be useful in the
disseminating information, and will surely help the parents in monitoring their children
anytime and anywhere without worries.
The Isabela State University, Laboratory High School need a system that will
record the attendance of the students and a system that will disseminate information to
the parents. The researchers believe that the findings in this study contribute significantly
to the parents of the students.
Recommendation
The researchers strongly recommended the implementation of the Parent Portal
and Attendance Monitoring System with SMS. In Addition, the following are
recommended.
The proposed system is open for further development and enhancement in terms
of improving the following features:
a. Sending of grades via SMS
b. Report generation in window-base application

45. Bibliography
1. Merritt, Raymond H.(2008)."Technology." Microsoft® Student 2009 [DVD]. Redmond,
WA: Microsoft Corporation.
2. Wilson,Lerrano B. (1999).“Grading System of Cabarroguis National School of Arts and
Trade GundawayCabarroguisQuirino”.
3. Jennifer,
CuthconC.
(2001).”Computerized
Student
Monitoring
System”.
Unpublishedthesis Information Technology, University of La Sallete Santiago City.
4. Storey, Philip A. (2008)."Hypertext Markup Language (HTML)." Microsoft® Student
2009 [DVD]. Redmond, WA: Microsoft Corporation.
5. Comer, Douglas E. (2008). "World Wide Web." Microsoft® Student 2009 [DVD].
Redmond, WA: Microsoft Corporation.
6. Frieden, Robert. (2008). "Cellular Radio Telephone." Microsoft® Student 2009 [DVD].
Redmond, WA: Microsoft Corporation.

46. APPENDICES

47. Sample Codes
PublicClassRecord_Attendance
PublicSubcancelattendance()
btnstudent.Enabled = True
grdview.Hide()
txtIDnumber.Clear()
txtname.Clear()
GroupBox2.Enabled = False
GroupBox1.Enabled = True
grdview.Enabled = True
btnsave.Enabled = False
Dim I, J AsNewInteger
For J = 465 ToMe.Height
Me.Height = Me.Height - 1
Next J
For I = 396 ToMe.Width
Me.Width = Me.Width - 1
Next I
lbltemp.Text = ""
EndSub
PublicSubnewattendance()
lbltemp.Text = ""
txtIDnumber.Clear()
txtname.Clear()
txtsubject.Clear()
txtgradingperiod.Text = ""
txtyearlevel.Text = ""
txtsection.Text = ""
txtdate.Text = Date.Today
txtyearlevel.Enabled = False
txtsection.Enabled = False

48. btnstudent.Enabled = True
txtyearlevel.Enabled = True
txtsection.Enabled = True
btnset.Enabled = True
btnexit.Enabled = True
grdview.Enabled = True
GroupBox1.Enabled = True
GroupBox2.Enabled = False
txtstatus.Text = ""
grdview.Hide()
btnnew.Enabled = False
btnsave.Enabled = False
btncancel.Enabled = True
Dim I, J AsNewInteger
For J = 465 ToMe.Height
Me.Height = Me.Height - 1
Next J
For I = 396 ToMe.Width
Me.Width = Me.Width - 1
Next I
EndSub
PrivateSub Button2_Click(ByVal sender AsSystem.Object, ByVal e
AsSystem.EventArgs) Handlesbtnsave.Click
Iftxtstatus.Text = "PRESENT"Ortxtstatus.Text = "ABSENT"Then
Ifisnew = TrueThen
mycom.Connection = conn
mycom.CommandText = "insert into
tbl_attendancevalues('"&txtattid.Text&"','"&txtIDnumber.Text&"','"&txtschoolyear.Text
&"','"&txtdate.Text&"','"&txtgradingperiod.Text&"','"&txtsubject.Text&"','"&txtstatus.T
ext&"')"

49. mycom.ExecuteNonQuery()
btnsave.Enabled = False
WebBrowser1.Document.GetElementById("txt1").SetAttribute("value", txtattid.Text)
WebBrowser1.Document.GetElementById("txt2").SetAttribute("value",
txtIDnumber.Text)
WebBrowser1.Document.GetElementById("txt3").SetAttribute("value",
txtschoolyear.Text)
WebBrowser1.Document.GetElementById("txt4").SetAttribute("value", txtdate.Text)
WebBrowser1.Document.GetElementById("txt5").SetAttribute("value",
txtgradingperiod.Text)
WebBrowser1.Document.GetElementById("txt6").SetAttribute("value", txtsubject.Text)
WebBrowser1.Document.GetElementById("txt7").SetAttribute("value", txtstatus.Text)
WebBrowser1.Document.GetElementById(".add").InvokeMember("click")
WebBrowser1.Document.GetElementById(".save").InvokeMember("click")
Iftxtstatus.Text = "ABSENT"Then
myr.Close()
mycom.Connection = conn
mycom.CommandText = "select gno from tbl_student where
idno='"&txtIDnumber.Text&"'"
myr = mycom.ExecuteReader
myr.Read()
Ifmyr.HasRowsThen
IfMessageBox.Show("Inform Parent?", "Send SMS", MessageBoxButtons.YesNo) =
Windows.Forms.DialogResult.YesThen
WithSendSMS
.Show()
.tbTo.Text = myr(0)

50. .tbMessage.Text = "Attendance Monitoring System, ISU Laboratory
High School: As of "&txtdate.Text&", "&txtname.Text&" Is ABSENT in
"&txtsubject.Text&" Subject."
EndWith
EndIf
EndIf
myr.Close()
EndIf
Else
mycom.Connection = conn
mycom.CommandText = "update tbl_attendance set
IDno='"&txtIDnumber.Text&"',schoolyear='"&txtschoolyear.Text&"',date='"&txtdate.Te
xt&"',gradingperiod='"&txtgradingperiod.Text&"',subj='"&txtsubject.Text&"',status='"&t
xtstatus.Text&"' where attid='"&txtattid.Text&"';"
mycom.ExecuteNonQuery()
WebBrowser1.Document.GetElementById("txt1").SetAttribute("value", txtattid.Text)
WebBrowser1.Document.GetElementById("txt2").SetAttribute("value",
txtIDnumber.Text)
WebBrowser1.Document.GetElementById("txt3").SetAttribute("value",
txtschoolyear.Text)
WebBrowser1.Document.GetElementById("txt4").SetAttribute("value", txtdate.Text)
WebBrowser1.Document.GetElementById("txt5").SetAttribute("value",
txtgradingperiod.Text)
WebBrowser1.Document.GetElementById("txt6").SetAttribute("value", txtsubject.Text)
WebBrowser1.Document.GetElementById("txt7").SetAttribute("value", txtstatus.Text)
WebBrowser1.Document.GetElementById(".edit").InvokeMember("click")
WebBrowser1.Document.GetElementById(".save").InvokeMember("click")
MessageBox.Show("Attendance Updated")
newattendance()
EndIf

51. mycom.Connection = conn
mycom.CommandText = "select max(attid) from tbl_attendance"
myr = mycom.ExecuteReader
myr.Read()
Ifmyr.HasRowsThen
txtattid.Text = myr(0) + 1
EndIf
myr.Close()
grdview.Enabled = True
studcount = studcount - 1
Ifstudcount = 0 Then
btnsave.Enabled = False
grdview.Enabled = False
btnnew.Enabled = True
btnexit2.Enabled = True
btncancel.Enabled = False
EndIf
Else
MessageBox.Show("THE STATUS MUST BE ABSENT OR PRESENT ONLY!")
EndIf
EndSub
PrivateSubRecord_Attendance_Load(ByVal sender AsSystem.Object, ByVal e
AsSystem.EventArgs) HandlesMyBase.Load
mycom.Connection = conn
mycom.CommandText = "select attid from tbl_attendance"
myr = mycom.ExecuteReader
myr.Read()
Ifmyr.HasRowsThen

52. myr.Close()
mycom.Connection = conn
mycom.CommandText = "select max(attid) from tbl_attendance"
myr = mycom.ExecuteReader
myr.Read()
Ifmyr.HasRowsThen
txtattid.Text = myr(0) + 1
EndIf
myr.Close()
Else
txtattid.Text = 1
EndIf
myr.Close()
IfDate.Today.Month< 4 Then
txtschoolyear.Text = (Double.Parse(Date.Today.Year) - 1) &"-"&Date.Today.Year
ElseIfDate.Today.Month> 5 AndDate.Today.Month< 13 Then
txtschoolyear.Text = Date.Today.Year&"-"& (Double.Parse(Date.Today.Year) + 1)
EndIf
txtdate.Text = Date.Today
WebBrowser1.Navigate("http://localhost/Parent%20Portal/addattendance.php")
GroupBox2.Enabled = False
btnsave.Enabled = False
grdview.Hide()
EndSub
DimisnewAsBoolean
Public c AsNewInteger
PublicstudcountAsInteger

53. PrivateSub Button3_Click(ByVal sender AsSystem.Object, ByVal e
AsSystem.EventArgs) Handlesbtnstudent.Click
Dim da AsNewMySqlDataAdapter
DimdtAsNewDataTable
DimbsAsNewBindingSource
mycom.CommandText = "select IDno as ID_number,concat(LN,' ',FN,' ',MN) as
Full_name,year,section,gno as Guardian_no from tbl_student where
year='"&txtyearlevel.Text&"' and section='"&txtsection.Text&"' order by full_nameasc"
da.SelectCommand = mycom
da.Fill(dt)
bs.DataSource = dt
grdview.DataSource = dt
myr.Close()
Dim I, J AsNewInteger
For I = Me.WidthTo 839
Me.Width = Me.Width + 1
If I = 838 Then
grdview.Show()
For J = Me.HeightTo 570
Me.Height = Me.Height + 1
If J = 569 Then
GroupBox3.Visible = True
EndIf
Next J
EndIf
Next I
myr.Close()
btnstudent.Enabled = False
mycom.Connection = conn

54. mycom.CommandText = "SELECT count(IDno) from tbl_student where
year='"&txtyearlevel.Text&"' and section='"&txtsection.Text&"'"
myr = mycom.ExecuteReader
myr.Read()
Ifmyr.HasRowsThen
studcount = myr(0)
c = studcount
EndIf
myr.Close()
EndSub
PrivateSub Button4_Click(ByVal sender AsSystem.Object, ByVal e
AsSystem.EventArgs) Handlesbtnsubject.Click
viewsubject = 1
Withsearch_Subject
.ComboBox1.Text = txtyearlevel.Text
.ComboBox1.Enabled = False
.Show()
EndWith
EndSub
PrivateSub Button5_Click(ByVal sender AsSystem.Object, ByVal e
AsSystem.EventArgs) Handlesbtnnew.Click
mycom.Connection = conn
mycom.CommandText = "select attid from tbl_attendance"
myr = mycom.ExecuteReader
myr.Read()
Ifmyr.HasRowsThen
myr.Close()

55. mycom.Connection = conn
mycom.CommandText = "select max(attid) from tbl_attendance"
myr = mycom.ExecuteReader
myr.Read()
Ifmyr.HasRowsThen
txtattid.Text = myr(0) + 1
EndIf
myr.Close()
Else
txtattid.Text = 1
EndIf
myr.Close()
IfDate.Today.Month< 4 Then
txtschoolyear.Text = (Double.Parse(Date.Today.Year) - 1) &"-"&Date.Today.Year
ElseIfDate.Today.Month> 5 AndDate.Today.Month< 13 Then
txtschoolyear.Text = Date.Today.Year&"-"& (Double.Parse(Date.Today.Year) + 1)
EndIf
newattendance()
EndSub
FriendSubtxtattid_LostFocus(ByVal sender AsObject, ByVal e AsSystem.EventArgs)
Handlestxtattid.LostFocus
myr.Close()
mycom.Connection = conn
mycom.CommandText = "select * from tbl_attendance where attid="&txtattid.Text&""
myr = mycom.ExecuteReader
myr.Read()
Ifmyr.HasRowsThen
txtIDnumber.Text = myr(1).ToString
txtschoolyear.Text = myr(2).ToString

56. txtdate.Text = myr(3).ToString
txtgradingperiod.Text = myr(4).ToString
txtsubject.Text = myr(5).ToString
txtstatus.Text = myr(6).ToString
IftxtIDnumber.Text = ""Then
txtname.Clear()
EndIf
myr.Close()
mycom.Connection = conn
mycom.CommandText = "select concat(LN,',',FN,' ',MN)from tbl_student where IDno
like '"&txtIDnumber.Text&"%'"
myr = mycom.ExecuteReader()
myr.Read()
Ifmyr.HasRowsThen
txtname.Text = myr(0).ToString
Else
txtname.Clear()
EndIf
myr.Close()
isnew = False
Else
newattendance()
isnew = True
EndIf
myr.Close()
EndSub
PrivateSub Button6_Click(ByVal sender AsSystem.Object, ByVal e
AsSystem.EventArgs) Handlesbtnset.Click

57. Iftxtattid.Text = ""Ortxtdate.Text = ""Ortxtgradingperiod.Text = ""Ortxtsubject.Text =
""Ortxtschoolyear.Text = ""Ortxtyearlevel.Text = ""Ortxtsection.Text = ""Then
MessageBox.Show("please fill up all text boxes to continue")
Else
mycom.Connection = conn
mycom.CommandText = "select * from tbl_yearsection where
year='"&txtyearlevel.Text&"'"
myr = mycom.ExecuteReader
myr.Read()
Ifmyr.HasRowsThen
Iftxtyearlevel.Text = myr(1).ToStringThen
Iftxtsection.Text = myr(2).ToStringThen
GroupBox1.Enabled = False
GroupBox2.Enabled = True
Else
MessageBox.Show("the year and section do not match")
EndIf
Else
MessageBox.Show("the year and section do not match")
EndIf
Else
MessageBox.Show("the year and section do not match")
EndIf
myr.Close()
EndIf
EndSub
PrivateSub Button7_Click(ByVal sender AsSystem.Object, ByVal e
AsSystem.EventArgs) Handlesbtnexit.Click

58. Me.Close()
MainForm.Show()
EndSub
PrivateSubgrdview_DoubleClick(ByVal sender AsObject, ByVal e
AsSystem.EventArgs) Handlesgrdview.DoubleClick
DimaAsString
a = " and IDno!='"&Me.grdview.CurrentRow.Cells("ID_number").Value &"'"
lbltemp.Text = lbltemp.Text + a
txtIDnumber.Text = Me.grdview.CurrentRow.Cells("ID_number").Value
txtname.Text = Me.grdview.CurrentRow.Cells("full_name").Value
Dim da AsNewMySqlDataAdapter
DimdtAsNewDataTable
DimbsAsNewBindingSource
mycom.CommandText = "select IDno as ID_number,concat(LN,' ',FN,' ',MN) as
Full_name,year,section,gno as Guardian_no from tbl_student where
year='"&txtyearlevel.Text&"' and section='"&txtsection.Text&"'"&lbltemp.Text&" order
by full_nameasc"
da.SelectCommand = mycom
da.Fill(dt)
bs.DataSource = dt
grdview.DataSource = dt
myr.Close()
grdview.Enabled = False
btnsave.Enabled = True
EndSub

59. PrivateSub Button1_Click(ByVal sender AsSystem.Object, ByVal e
AsSystem.EventArgs) Handles btnexit2.Click
Me.Close()
MainForm.Show()
EndSub
PrivateSub Button8_Click(ByVal sender AsSystem.Object, ByVal e
AsSystem.EventArgs) Handlesbtncancel.Click
cancelattendance()
EndSub
EndClass

60. <?php
session_start();
if(!isset($_SESSION['logged']))
{
header("location:index.php");
exit();
}
if(isset($_REQUEST['Out']))
{
session_destroy();
header("location:index.php");
exit();
}
?>
<!DOCTYPE
html
PUBLIC
"-//W3C//DTD
XHTML
1.0
Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!-body {
font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
background: #4E5869;
margin: 0;
padding: 0;
color: #000;
}

61. /* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and
margin on lists. For consistency, you can either specify the amounts you want here, or on
the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to
the .nav list unless you write a more specific selector. */
padding: 0;
margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
margin-top: 0; /* removing the top margin gets around an issue where margins
can escape from their containing div. The remaining bottom margin will hold it away
from any elements that follow. */
padding-right: 15px;
padding-left: 15px; /* adding the padding to the sides of the elements within the
divs, instead of the divs themselves, gets rid of any box model math. A nested div with
side padding can also be used as an alternate method. */
}
aimg { /* this selector removes the default blue border displayed in some browsers
around an image when it is surrounded by a link */
border: none;
}
/* ~~ Styling for your site's links must remain in this order - including the group of
selectors that create the hover effect. ~~ */
a:link {
color:#414958;
text-decoration: underline; /* unless you style your links to look extremely
unique, it's best to provide underlines for quick visual identification */
}
a:visited {
color: #4E5869;

62. text-decoration: underline;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the
same hover experience as the person using a mouse. */
text-decoration: none;
}
/* ~~ this container surrounds all other divs giving them their percentage-based width ~~
*/
.container {
width: 80%;
max-width: 1260px;/* a max-width may be desirable to keep this layout from
getting too wide on a large monitor. This keeps line length more readable. IE6 does not
respect this declaration. */
min-width: 780px;/* a min-width may be desirable to keep this layout from
getting too narrow. This keeps line length more readable in the side columns. IE6 does
not respect this declaration. */
background: #FFF;
margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the
layout. It is not needed if you set the .container's width to 100%. */
}
/* ~~ the header is not given a width. It will extend the full width of your layout. It
contains an image placeholder that should be replaced with your own linked logo ~~ */
.header {
background: #6F7D94;
}
/* ~~ These are the columns for the layout. ~~

63. 1) Padding is only placed on the top and/or bottom of the divs. The elements within these
divs have padding on their sides. This saves you from any "box model math". Keep in
mind, if you add any side padding or border to the div itself, it will be added to the width
you define to create the *total* width. You may also choose to remove the padding on the
element in the div and place a second div within it with no width and the padding
necessary for your design.
2) No margin has been given to the columns since they are all floated. If you must add
margin, avoid placing it on the side you're floating toward (for example: a right margin
on a div set to float right). Many times, padding can be used instead. For divs where this
rule must be broken, you should add a "display:inline" declaration to the div's rule to
tame a bug where some versions of Internet Explorer double the margin.
3) Since classes can be used multiple times in a document (and an element can also have
multiple classes applied), the columns have been assigned class names instead of IDs. For
example, two sidebar divs could be stacked if necessary. These can very easily be
changed to IDs if that's your preference, as long as you'll only be using them once per
document.
4) If you prefer your nav on the right instead of the left, simply float these columns the
opposite direction (all right instead of all left) and they'll render in reverse order. There's
no need to move the divs around in the HTML source.
*/
.sidebar1 {
float: left;
width: 20%;
background: #93A5C4;
padding-bottom: 10px;
}
.content {

64. padding: 10px 0;
width: 80%;
float: left;
}
/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol {
padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the
headings and paragraph rule above. Padding was placed on the bottom for space between
other elements on the lists and on the left to create the indention. These may be adjusted
as you wish. */
}
/* ~~ The navigation list styles (can be removed if you choose to use a premade flyout
menu like Spry) ~~ */
ul.hehe {
list-style: none; /* this removes the list marker */
border-top: 1px solid #666; /* this creates the top border for the links - all others
are placed using a bottom border on the LI */
margin-bottom: 15px; /* this creates the space between the navigation on the
content below */
}
ul.hehe, ul.hehe{ /* grouping these selectors makes sure that your links retain their button
look even after being visited */
padding: 5px 5px5px 15px;
display: block; /* this gives the link block properties causing it to fill the whole LI
containing it. This causes the entire area to react to a mouse click. */
text-decoration: none;
background: #8090AB;
color: #000;

65. }
ul.nav2 {
list-style: none; /* this removes the list marker */
border-top: 1px solid #666; /* this creates the top border for the links - all others
are placed using a bottom border on the LI */
margin-bottom: 15px; /* this creates the space between the navigation on the
content below */
}
ul.nav2 li {
border-bottom: 1px solid #666; /* this creates the button separation */
float:left;
border-right:1px solid #666;
width:26.56%;
}
ul.nav2 a, ul.nav2 a:visited { /* grouping these selectors makes sure that your links retain
their button look even after being visited */
padding: 5px 5px5px 15px;
display: block; /* this gives the link block properties causing it to fill the whole LI
containing it. This causes the entire area to react to a mouse click. */
text-decoration: none;
background: #8090AB;
color: #000;
}
ul.nav2 a:hover, ul.nav2 a:active, ul.nav2 a:focus { /* this changes the background and
text color for both mouse and keyboard navigators */
background: #6F7D94;
color: #FFF;
}
/* ~~ The footer ~~ */
.footer {
padding: 10px 0;

66. background: #6F7D94;
position: relative;/* this gives IE6 hasLayout to properly clear */
clear: both; /* this clear property forces the .container to understand where the
columns end and contain them */
}
/* ~~ miscellaneous float/clear classes ~~ */
.fltrt{ /* this class can be used to float an element right in your page. The floated element
must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
}
.fltlft{ /* this class can be used to float an element left in your page. The floated element
must precede the element it should be next to on the page. */
float: left;
margin-right: 8px;
}
.clearfloat{ /* this class can be placed on a <br /> or empty div as the final element
following the last floated div (within the #container) if the #footer is removed or taken
out of the #container */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
#customers
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:90%;
border-collapse:collapse;
}

67. #customers td, #customers th
{
font-size:1 em;
border:1px solid #666;
padding:3px 7px 2px 7px;
}
#customers th
{
font-size:1.4em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#6F7D94;
color:#fff;
}
#customerstr.alt td
{
color:#000;
background-color:#EAF2D3;
}
-->
</style><!--[if lte IE 7]>
<style>
.content { margin-right: -1px; } /* this 1px negative margin can be placed on any of the
columns in this layout with the same corrective effect. */
ul.nav a { zoom: 1; } /* the zoom property gives IE the hasLayout trigger it needs to
correct extra whiltespace between the links */
</style>
<![endif]--></head>
<body>

68. <div class="container">
<div class="header"><imgsrc="sample1.jpg" style="width:100%" /></div>
<div class="sidebar1">
<ul class="hehe" style="border-bottom:1px solid #666; border-right: 1px solid #666;">
<li>User</li>
</ul>
<?php
$studentid=$_GET['sidno'];
$pfn=$_GET['fn'];
$pmn=$_GET['mn'];
$pln=$_GET['ln'];
require("connsetting.php");
$query="select * from tbl_student where idno=".$studentid."";
$result=mysql_query($query) or die(mysql_error());
$num=mysql_num_rows($result);
$row=mysql_fetch_row($result);
?>
<p >User Information:<br /><br />
Name:
<?php
echo "<br><b>".$pfn;
echo "<br></b><br>Middle Name:<br><b>".$pmn;
echo "<br></b><br>Last Name:<br><b>".$pln."</b>";
?>
<br /><br />Your Child:
<?php
echo "<br><b>".$row[1]." ".$row[3]."</b>";

69. ?><br
/><br
/><a
href="home.php?Out=Y"
style="text-decoration:none;
color:Blue;">Log out</a>
</p>
<!-- end .sidebar1 --></div>
<ul class="nav2">
<li><a href="main.php?page=1&sidno=<?php echo $studentid; ?>&fn=<?php echo $pfn;
?>&mn=<?php echo $pmn; ?>&ln=<?php echo $pln; ?>" >Home</a></li>
<li><a href="attendance2.php?page=1&sidno=<?php echo $studentid; ?>&fn=<?php
echo
$pfn;
?>&mn=<?php
echo
$pmn;
?>&ln=<?php
echo
$pln;
?>">Attendance</a></li>
<li><a href="grade2.php?sidno=<?php echo $studentid; ?>&fn=<?php echo $pfn;
?>&mn=<?php echo $pmn; ?>&ln=<?php echo $pln; ?>">Grade</a></li>
</ul>
<div class="content">
<p>
<a href="#" style="text-decoration:none; text-shadow:#000">1st Grading </a>|
<a href="main2.php?page=1&sidno=<?php echo $studentid; ?>&fn=<?php echo $pfn;
?>&mn=<?php echo $pmn; ?>&ln=<?php echo $pln; ?>" style="text-decoration:none;
text-shadow:#000"> 2nd Grading </a>|
<a href="main3.php?page=1&sidno=<?php echo $studentid; ?>&fn=<?php echo $pfn;
?>&mn=<?php echo $pmn; ?>&ln=<?php echo $pln; ?>" style="text-decoration:none;
text-shadow:#000"> 3rd Grading </a>|
<a href="main4.php?page=1&sidno=<?php echo $studentid; ?>&fn=<?php echo $pfn;
?>&mn=<?php echo $pmn; ?>&ln=<?php echo $pln; ?>" style="text-decoration:none;
text-shadow:#000">4th Grading</a></p>
<p><center>
<table id="customers">

70. <thcolspan="5">1ST Grading Grades of <?php echo $row[1]; echo " ".$row[3]; ?></th>
<tr>
<td><b>Subject</td>
<td><b>Unit</td>
<td><b>Grade</td>
<td><b>Total</td>
<td><b>Remarks</b></td>
</tr>
<?php
$query="select
tbl_grade.gradingperiod,tbl_grade.yearlevel,tbl_grade.subject,tbl_grade.grade,tbl_subject
.Units from tbl_grade inner join tbl_subject on tbl_grade.subject=tbl_subject.subname
where tbl_grade.idno=".$studentid." and tbl_grade.gradingperiod='1ST'";
$result=mysql_query($query) or die(mysql_error());
$num=mysql_num_rows($result);
$tdodd=0;
while($row=mysql_fetch_row($result))
{
$tdodd=$tdodd+1;
$temp=$tdodd%2;
if($temp==1)
{
$tdcol='alt';
}
else
{
$tdcol='';
}
$units=$units+$row[4];
$total=$row[3]*$row[4];

71. $ave=$ave+$total;
?>
<tr class="<?php echo $tdcol; ?>">
<td><?php echo $row[2]; ?></td>
<td><?php echo $row[4]; ?></td>
<td><?php echo $row[3]; ?></td>
<td><?php echo $total; ?></td>
<td>
<?php
if($row[3]>75)
{
echo "<font color='#00CC00'>Passed";
}
else
{
echo "<font color='#EE0000'>Failed";
}
?>
</td>
</tr>
<?php
}
?>
</table>
<p>
<h2>The Average Grade is: <b><?php
if($num==0)
{
echo "No Record";
}
else

72. {
$ans=$ave/$units;
$dsp=round($ans,2);
echo $dsp;
}?><?php
$query="select idno from tbl_1st where gradingperiod='1st' and year='1st'
order by average desc;";
$result=mysql_query($query) or die (mysql_error());
$num=mysql_num_rows($result);
$top=0;
while($row=mysql_fetch_row($result))
{
$top=$top+1;
if($row[0]==$studentid)
{
echo "<h4>Rank: "; echo $top."</h4>";
}
}
?></b></h2></h3></h3>
</p>
</p><a href="#" onClick=" window.print(); return false">Print
this page</a>
<!-- end .content --></div>
<div class="footer">
<p><center>Parent Portal.Isabela State University Laboratory Highschool.<br />© 20122013 Team 302 </p>
<!-- end .footer --></div>
<!-- end .container --></div>
</body>
</html>

73. User’s Manual
Database
1
2
3
4
5
1. Input host name
2. Input database user
3. Input database password
4. Click to connect
5. End the system
Login
1
2
3

74. 1. Input username
2. Input password
3. Click to login
Add Student
3 2
1
4
5
6
7
8
9
10
1. Exit adding student
5. Input Name
2. Search student
6. Input middle name
3. Save student
7. Input last name
4. Input ID number
8. Input year level

75. 9. Input section
10. Input Guardian/Parent contact number
Change Password
1
2
3
4
1. Input username
2. Input old password
3. Input new password
4
4. Cancel changing password
5. Save change password
Record Attendance
5

76. 1. Search subject
2. Set general information
3. Cancel recording
4. Search student
5. Select student
6. Save attendance
7. Save attendance in Parent Portal

77. Search
1
3
1. Input subject name to search
2. Input year level
3. Go back to home
2

78. Send SMS
1
2
3
1. Input CP number
3. Cancel sending message
2. Send Message
Parent Portal Login
1
2
3

79. 1. Input username
2. Input password
3. Click to login
Parent Portal
1. View attendance list
4. Rank per grading period
2. View grade per grading period
5. Print the page
3. Average grade per grading period

80. Curriculum Vitae
Personal Data
Name:
Carlo V. Baltazar
Address:
Bantug, Roxas, Isabela
Age:
20
Gender:
Male
Birth Date:
September 29, 1992
Father’s Name:
Mario Baltazar
Mother’s Name:
PerlitaBaltazar
Educational Attainment
Elementary:
Bantug-Lintao Elementary School
Secondary:
Isabela State University - Roxas Laboratory High
School
Tertiary:
Isabela State University Echague Main Campus
Course:
Bachelor of Science in Information Technology

81. Personal Data
Name:
Ferick John B. Ragojos
Address:
Bantug, Roxas, Isabela
Age:
20
Gender:
Male
Birth Date:
December 17, 1992
Father’s Name:
Felix Ragojos
Mother’s Name:
Nelly Ragojos
Educational Attainment
Elementary:
Bantug-Lintao Elementary School
Secondary:
Isabela State University Roxas Campus Laboratory High School
Tertiary:
Isabela State University Echague Main Campus
Course:
Bachelor of Science in Information Technology