Professional Documents
Culture Documents
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.
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.
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.
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
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.
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
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.
Save data
from window
base to web
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
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.
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]
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.
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.
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.
Ganttchart
Compatibility Check
Keyboard
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
TOTAL P 7,800.00
Development Cost
Item Value
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 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.
To further understand the data being saved in the database, the data dictionary
will help to show the fields of the tables.
TBL_STUDENT
TBL_ATTENDANCE
TBL_MESSAGE
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
3RD Part
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 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:
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:
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
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
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
Withsearch_Subject
.ComboBox1.Text = txtyearlevel.Text
.ComboBox1.Enabled = False
.Show()
EndWith
EndSub
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
EndSub
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
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
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;
}
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 */
}
<![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); ?>
<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
Login
3
1. Input username
2. Input password
3. Click to login
Add Student
3 2 1
4
5
6
7
8
9
10
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
2
3
1. Input username
2. Input password
3. Click to login
Parent Portal
Personal Data
Age: 20
Gender: Male
Birth Date: September 29, 1992
Father’s Name: Mario Baltazar
Educational Attainment
Elementary: Bantug-Lintao Elementary School
Secondary: Isabela State University - Roxas Laboratory High
School
Age: 20
Gender: Male
Educational Attainment