107
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] The Isabela 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

Attendance monitoring system

Embed Size (px)

DESCRIPTION

how to create your own manuscript

Citation preview

Page 1: Attendance monitoring system

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] The

Isabela 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

Page 2: Attendance monitoring system

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

Page 3: Attendance monitoring system

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.

Page 4: Attendance monitoring system

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 provides a 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’s attendance and computed grade

in every quarter. Every update and recording of the student’s performance is

Page 5: Attendance monitoring system

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.

Page 6: Attendance monitoring system

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

Page 7: Attendance monitoring system

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 Bacani Lerrano (1999), on a Proposed Grading System

of Cabarroguis National School of Arts and Trade Gundaway Cabarroguis Quirino, 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]

Page 8: Attendance monitoring system

The study of Wilson Bacani Lerranoit 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.

Page 9: Attendance monitoring system

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

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

Save data from window base to web

Page 10: Attendance monitoring system

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

Page 11: Attendance monitoring system

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.

Page 12: Attendance monitoring system

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]

Page 13: Attendance monitoring system

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.

Page 14: Attendance monitoring system

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

Page 15: Attendance monitoring system

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

Page 16: Attendance monitoring 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

Page 17: Attendance monitoring system

Cost and Benefits Analysis

Compatibility Check

Present System Proposed System Variance

Hardware

Personal Computer spec:

Processor: 2.0Ghz

Memory: 2.0Gb

Hard disk: 300Gb

Monitor

Mouse

Keyboard

Hardware

MINIMUM

REQUIREMENTS:

Personal Computer spec:

Processor: 2.0Ghz

Memory: 1.0Gb

Hard disk: 200Gb

Monitor

Mouse

Keyboard

None

Software

Windows XP professional

Software

Windows XP professional

None

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

Page 18: Attendance monitoring system

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

Page 19: Attendance monitoring system

(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

Page 20: Attendance monitoring system

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.

Page 21: Attendance monitoring system

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

Page 22: Attendance monitoring system

Data Flow Diagram

Figure 5. DFD of The Guardian Services

Figure 6. DFD of yhe Admin Services

Page 23: Attendance monitoring system

Figure 6: DFD of the Admin Services

Figure 7. DFD of the Admin Services

Page 24: Attendance monitoring system

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

Page 25: Attendance monitoring system

Figure 9. Main Window File Menu Strip

Figure 10. Monitoring Menu Strip

Figure 11. Report Menu Strip

Page 26: Attendance monitoring system

Figure 12. Add Student

Figure 13. Adding Portal User

Figure 14. Edit Admin User Account

Page 27: Attendance monitoring system

Figure 15. Record Grade Quarterly

Page 28: Attendance monitoring system

Figure 16. Record Attendance

Figure 17. Send SMS

Page 29: Attendance monitoring system

Figure 18. View Form

Figure 19. Parent Portal Login

Page 30: Attendance monitoring system

Figure 20. View Attendance

Figure 21: Student Information

Page 31: Attendance monitoring system

Figure 22: Student Information

Page 32: Attendance monitoring system

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

Page 33: Attendance monitoring system

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

Page 34: Attendance monitoring system

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

Page 35: Attendance monitoring system

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

Page 36: Attendance monitoring system

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

Page 37: Attendance monitoring system

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.

Page 38: Attendance monitoring system

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

Page 39: Attendance monitoring system

Figure 21. Record Attendance

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

2

4

3

5

7

6

1ST Part 2ND Part

3RD Part

Page 40: Attendance monitoring system

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.

1

2

3

Page 41: Attendance monitoring system

SMS Application

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.

Attendance Monitoring System, ISU Laboratory High School: As of 2/27/2013, BALLAD DICKSON LAGRIO is ABSENT in SOC SCI 2 Subject.

Page 42: Attendance monitoring system

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.

1

2

3

4

5

Page 43: Attendance monitoring system

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.

Page 44: Attendance monitoring system

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

Page 45: Attendance monitoring system

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 Gundaway Cabarroguis Quirino”.

3. Jennifer, CuthconC. (2001).”Computerized Student Monitoring System”. Unpublished

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

Page 46: Attendance monitoring system

APPENDICES

Page 47: Attendance monitoring system

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

Page 48: Attendance monitoring system

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.Text&"')"

Page 49: Attendance monitoring system

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)

Page 50: Attendance monitoring system

.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.Text&"',g

radingperiod='"&txtgradingperiod.Text&"',subj='"&txtsubject.Text&"',status='"&txtstatu

s.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()

Page 51: Attendance monitoring system

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()

Page 52: Attendance monitoring system

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

Page 53: Attendance monitoring system

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

Page 54: Attendance monitoring system

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()

Page 55: Attendance monitoring system

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

Page 56: Attendance monitoring system

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

Page 57: Attendance monitoring system

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

Page 58: Attendance monitoring system

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

Page 59: Attendance monitoring system

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

Page 60: Attendance monitoring system

<?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;

}

Page 61: Attendance monitoring system

/* ~~ 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;

Page 62: Attendance monitoring system

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

Page 63: Attendance monitoring system

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 {

Page 64: Attendance monitoring system

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;

Page 65: Attendance monitoring system

}

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;

Page 66: Attendance monitoring system

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;

}

Page 67: Attendance monitoring system

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

Page 68: Attendance monitoring system

<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>";

Page 69: Attendance monitoring system

?><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">

Page 70: Attendance monitoring system

<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];

Page 71: Attendance monitoring system

$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

Page 72: Attendance monitoring system

{

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

Page 73: Attendance monitoring system

User’s Manual

Database

1. Input host name

2. Input database user

3. Input database password

4. Click to connect

5. End the system

Login

1

2

3

4

5

1

2

3

Page 74: Attendance monitoring system

1. Input username

2. Input password

3. Click to login

Add Student

1. Exit adding student

2. Search student

3. Save student

4. Input ID number

5. Input Name

6. Input middle name

7. Input last name

8. Input year level

123

4

5

6

7

89

10

Page 75: Attendance monitoring system

9. Input section 10. Input Guardian/Parent contact number

Change Password

1. Input username

2. Input old password

3. Input new password

4. Cancel changing password

5. Save change password

Record Attendance

1

2

3

4

5

4

Page 76: Attendance monitoring system

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

Page 77: Attendance monitoring system

Search

1. Input subject name to search

2. Input year level

3. Go back to home

1 2

3

Page 78: Attendance monitoring system

Send SMS

1. Input CP number

2. Send Message

3. Cancel sending message

Parent Portal Login

1

2

3

2

3

1

Page 79: Attendance monitoring system

1. Input username

2. Input password

3. Click to login

Parent Portal

1. View attendance list

2. View grade per grading period

3. Average grade per grading period

4. Rank per grading period

5. Print the page

Page 80: Attendance monitoring system

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

Page 81: Attendance monitoring system

Course: Bachelor of Science in Information TechnologyPersonal 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