Vous êtes sur la page 1sur 21

Attendance monitoring system

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 systems
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 students
inputted grades and attendance of the students 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 students
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 students grades and computation of students 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 childs attendance to school; specifically has the following
functionalities: Window-based System 1. A system that will record the students
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 systems 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 studentsattendance and computed grade in every quarter. Every update and
recording of the students 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 projects objective. Since the parents
involvement in the student is very important, the researchers 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 childrens 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 researchers 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 didnt 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 clients 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 Programmers 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 Programmers 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 childs 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 chromeThe 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 systems 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 students 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.Te
xt
&"','"&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="ContentType" content="text/html; charset=utf-8" /> <title>Untitled Document</title>
<style type="text/css"> <!-body { font: 100%/1.4 Verdana, Arial, Helvetica, sansserif; 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%; maxwidth: 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="textdecoration: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; textshadow:#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_su
bject .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. Users 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 Fathers Name: Mario
Baltazar Mothers 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 Fathers Name: Felix Ragojos
Mothers 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