You are on page 1of 81

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
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
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.
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
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.
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
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: Curriculum-Based
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]
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.
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
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
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.
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]
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.
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


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


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


Cost and Benefits Analysis

Compatibility Check

Present System Proposed System Variance

Hardware Hardware None

Personal Computer spec: MINIMUM


REQUIREMENTS:
Processor: 2.0Ghz
Personal Computer spec:
Memory: 2.0Gb
Processor: 2.0Ghz
Hard disk: 300Gb
Memory: 1.0Gb
Monitor
Hard disk: 200Gb
Mouse
Monitor
Keyboard
Mouse

Keyboard

Software Software None

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
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
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= 750.00
Total for hosting with domain registration= P 2,500.00
Total Project Cost
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.
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


Data Flow Diagram

Figure 5.DFD of The Guardian Services

Figure 6. DFD of yhe Admin Services


Figure 6: DFD of the Admin Services

Figure 7. DFD of the Admin Services


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


Figure 10. Monitoring Menu Strip

Figure 11. Report Menu Strip


Figure 12. Add Student

Figure 13. Adding Portal User

Figure 14. Edit Admin User Account


Figure 15. Record Grade Quarterly
Figure 16. Record Attendance

Figure 17. Send SMS


Figure 18. View Form

Figure 19. Parent Portal Login


Figure 20. View Attendance

Figure 21: Student Information


Figure 22: Student Information
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


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


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


parent

Shoolyear Varchar 20 School year

Remarks Varchar 10 Remarks of the


grade

Table 3. Database table of the Grade


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


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


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.
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.
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

1ST Part 2ND Part

3RD Part

Figure 21. Record Attendance


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

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.
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.
Parent Portal

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.
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.
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
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.
APPENDICES
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
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&"')"
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)
.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
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
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
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
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()
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
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
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
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
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
<?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;
}
/* ~~ 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;
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. ~~


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 {
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;
}
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;
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;
}
#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>
<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>";
?><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">
<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];
$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
{
$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 />© 2012-
2013 Team 302 </p>
<!-- end .footer --></div>
<!-- end .container --></div>
</body>
</html>
User’s Manual

Database

3
4

1. Input host name


2. Input database user
3. Input database password
4. Click to connect
5. End the system

Login

3
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
9. Input section 10. Input Guardian/Parent contact number

Change Password

3 5

1. Input username
2. Input old password
3. Input new password
4. Cancel changing password4
5. Save change password

Record Attendance
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
Search

1 2

1. Input subject name to search


2. Input year level
3. Go back to home
Send SMS

1. Input CP number 3. Cancel sending message


2. Send Message

Parent Portal Login

2
3
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
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
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

You might also like