Web Based Student Guidance Information System - Documentation

1

1.0 Project Description

In this section, the researchers discussed the overview of the current state of

technology of the clientele, the project objectives which consist of the general and

specific objectives of the system, scope and limitations where the researchers stated

the scope of the project and the system’s general constraints, as well as the

significance of the project.

1.1 Overview of the current state of technology

The birth of Internet empowers today’s generation to maximize the use of

technology. Many businessmen use the internet for marketing and work-related purposes.

The advantage of using the Internet is almost near to infinity. Nowadays, internet is no

longer just about e-mail and websites. The net has become the critical medium, powering

a growing list of revenue-generating business activities from e-commerce and e-supply

chain management to online marketplaces and collaboration. The sum of all these

activities can acquire the term web services. Students and teachers use the internet for

academic information interchange.

In relation to academics, internet nowadays is truly a big help to schools whether

in primary, secondary, or tertiary level. Schools today already have websites where the

different services such as online enrollment, online admission tests, online university

application and others are being utilized. The school services have been developed by the

internet in the present day and it made efforts less complex.

Marcelo H. del Pilar High School, formerly Provincial High School (MHPNHS),

which later became the Bulacan High School, was founded in Baliuag in 1902, under the

leadership and administration of two American teachers. It resembled then an elementary

2

school and was only called a high school to entice boys and girls studying Spanish to

enrol. The first year class, which signalled the start of the school, was formally organized

in 1905. The first building of the school, constructed in Malolos in 1906 was used until

1950. In 1918 the elementary classes were pulled out making the school a purely

secondary school. In 1951, through Republic Act No. 618 the school’s name was changed

to Marcelo H. del Pilar High School in honor of the great hero and propagandist, Marcelo

H. del Pilar, a native of Bulacan. Today, the school stands on a 9.3 hectare lot in Sta.

Isabel which cost the provincial government 1.8 million pesos. The school’s big

enrolment which has continuously increased through the years and which could no longer

be accommodated in the old site with a total land area of only 3.5 hectares. However, the

old school having been repaired by the provincial government is being utilized by the

Bulacan Public Community College.

Throughout the years and within the limits of its resources, MHPNHS has stood

for academic excellence and discipline as its guiding principles. MHPNHS seeks also to

develop the teenage students spiritually, morally, intellectually, physically and socially

through the various disciplines to become an individual who can survive and get ahead

in, and cope with this highly complex and competitive world. It further seeks to develop

the del Pilarian into a responsible member of the Philippine society.

One of the important services offered by MHPNHS is their Guidance Service. It

is geared to assists the students achieve maximum development of their potentials both in

academic and non-academic aspects and enable them to be functional, work oriented,

productive and self-directing individuals. The Guidance Center helps the students

understand their strengths and limitations and to enable them to adjust to their social and

3

emotional life to the fullest. It offers the following services which is given by the

guidance personnel: individual counseling, group counseling, and administration of the

following tests: mental ability, personality, interest, etc.

Every time a student committed a violation, a witness may complain it to the

guidance counselor and the student may be sent to the guidance office for counseling.

After that, the student will fill out an agreement about the information and the violations

made. The agreement will then be given to the guidance counselor. The guidance

counselor will now browse the logbook (records of student’s violations) to find if the

student already did a violation before. Depending on the violation of the student, the

counselor will determine if it is necessary to ask the student’s guardian to come to school.

The counselor will give an invitation letter to the student to give it to the student’s

guardian.

The usual problem encountered by the counselor is when the agreement paper is

being misplaced. That is why sometimes counselors do not notice that other violations

have not been recorded. As it happens, counselors would not know what punishment will

be given. The counselors are also having a problem when it comes to finding records

because of the large population. Due to manual operation recording of consecutive

complaints encounter delays. Another problem is when the student did not tell the

guardian about the violation. In addition, students who witnessed the misconduct of their

fellow student have a fear of retaliation if they send complaints to the guidance office

considering the publicity of the complainant’s identity.

4

1.2 Project Objectives

In this part, the researchers discussed the general and specific objectives that were

aimed to be applied by the researchers.

General Objective

To design and develop a Web-based Student Guidance Information System for

Marcelo H. del Pilar National High School.

Specific Objectives

1. To develop and establish an efficient and effective way of communication

between the guidance office and students through the system’s online counseling

and forums.

2. To develop a computer-based record tracking feature that would keep the

student’s violation information.

3. To incorporate the following features to the system:

3.1 Online Counseling

3.2 Career Guidance

3.3 Personality Tests

3.4 Non-standardized IQ Tests

3.5 Forums

3.6 Virtual Bulletin Board

3.7 Student Violations Report

3.8 Members Report

5

4. To integrate security in the Online Counseling and Forum feature of the system.

1.3 Scope and Limitations of the Project

This study focused on computerizing the recording of the complaints and

problems of students directed to the guidance office.

The system provides different levels of security for the users. There is an account

for the school’s student counselors, an account for the administrator, an account for the

advisers and another account for the students. The administrator can log in to monitor the

system, print and view reports and verify the accounts of students and advisers. The

advisers are the one who will input the list of students on the database and the advisers

are the one who is capable of archiving student’s account when the students already

graduated or dropped out of the school. The student counselor can log in to provide

service to the students which is online counseling. Counselors’ profile can be edited by

the counselor. Student’s profile can be viewed by the counselor but is not permitted to

modify it. The counselor can access and add records. On the other hand, the students

that will log in can view counselor’s profile but is restricted to modify it and is also

limited to accessing student records. The students can edit their profile once they are

logged in.

The system includes Career Guidance that is based on two factors: the personal

preferences and academic competency of the students. It has career review tests designed

for senior high school students who want to pursue their education in college. The test

does not intend to force the students to take the suggested course assured. Instead, it acts

as a guide to career choices. The information section of the system allows the user to

6

browse different schools or universities within Bulacan and other parts of Metro Manila,

programs that it offers and other information that the student should know.

The system comprises of a forum where students of MHPNHS can ask for advice

and will be answered by the counselor or fellow students. There is a “Report Abuse”

button in the forum to avoid spamming of messages, offensive, foul and abusive words.

Students can also be counseled by the counselor through online counseling which is done

through private messaging. In online counseling, students can choose to send the message

anonymously or with the identity. It contains personality tests and Non-standardized IQ

tests for the students to take to evaluate the personality type and level of intelligence.

In addition, the system is able to show the school events by the virtual bulletin

board present in the home page.

The system is limited of giving an online counseling to group of students. The

system is only intended for an individual counseling. The data included in the system

shall cover from the academic year 2011-2012 for the sole purpose of testing of the said

system.

1.4 Significance of the Project

The purpose of this research is to help bring the guidance counselor, the

guardians/parents work together to create a positive learning environment for student

growth. It provides comprehensive testing to determine student’s personality type. The

school will improve its guidance service with the help of the system. The school events

and announcements can be posted by the guidance counselor on the system for the

7

students’ awareness. The school can handle several records of student’s violations

through keeping a database of students’ information.

The counselors will increase their productivity because the system can save their

time. The time that the counselors previously spent administering and scoring tests will

be freed for other counseling functions. And the time consumed by the counselor in

recording student’s violations will be lessened.

Students can use this system to learn about their personality and get guidance at

their own pace. Through the career review tests present in the system, students can

evaluate and assess their abilities in different fields and students can be guided on what

career to choose in pursuing studies in college. On the other side, personality tests help

the students evaluate student’s personality type and Non-standardized IQ tests help assess

the student’s level of intelligence. Students learn about the multiple dimensions of their

own personality, which can be applied to many areas of the student’s life.

Future researchers may see the findings useful as relevant information in

developing a website that will be suitable and may greatly help in the development of

their system. This study could provide them necessary information regarding the ways of

how to be productive in terms of developing sensible projects.

8

2.0 Review of Related Literatures and Studies

Review of Related Literatures

The purpose of this study is to develop and establish an efficient and effective way of

communication between the guidance office and students. And to incorporate the

following features: Online Counseling, Career Guidance, Personality Tests, Non-

standardized IQ Tests, Forums, Bulletin Board, Student Violations Report, Members

Report.

This article reviews the online-counseling literature with an emphasis on current

applications and considerations for future research. It focuses on primary themes of

counseling psychology. It explores current gaps in the literature from a counseling

psychology framework, including the field’s focus on normal and developmental

challenges and tasks, client strength and resilience, education and career development,

prevention and wellness, and multiculturalism. In general, current evidence indicates that

online counseling may be a viable service option for some clients, especially those who

are typically isolated; however, questions remain regarding the effectiveness and

appropriateness of online counseling.

Ivan Goldberg, M.D., began answering questions online about the medical treatment of

depression (Skinner & Zack, 2004). John Grohol, Psy.D., developed a free mental health

advice website (Young, 2005). Fee-based mental health services offered to the public

began to appear on the Internet in the mid-1990s and consisted primarily of mental health

advice services that offered to answer one question for a small fee (Ainsworth, 2002).

The first known fee-based Internet mental health service was established by Sommers

(Skinner & Zack, 2004). Rather than just answering a single question, Sommers sought to

9

establish longer term online therapeutic relationships. Needham became the first

practitioner to offer e-therapy via real time chat (Ainsworth, 2002). By the late 1990s,

counsellors began experimenting with online counseling as extensions of their existing

private practices (Young, 2005). E-clinics then emerged and offered member therapists

resources such as secure websites, active marketing and other practice management tools

(Skinner & Zack, 2004). The founding of the International Society for Mental Health

Online (ISMHO), an organization that promotes the understanding, use and development

of online communication, information and technology for the international mental health

community, in 1997 was a key milestone in the development of e-therapy (Walker,

2007).

It is difficult, if not impossible, to estimate the current prevalence of online counseling.

Attempts to determine the number of professionals providing online counseling services

have been made in the past.

Today, a Google search of the term “online counseling” yields approximately 468,000

results while a search of the term “e-therapy” yields approximately 130,000 results.

These searches result in listings for individual therapists (see, for example, www.e-

mailtherapy.com or www.asktheinternettherapist.com), as well as e-clinics that offer the

online services of a number of therapists (see, for example, www.liveperson.com or

www.helphorizons.com). The International Society for Mental Health Online (ISMHO)

currently has over 400 members throughout the world (ISMHO, 2008). It is expected

that the provision of online counseling services will continue to grow. In a Delphi poll

conducted by Norcross, Hedges, & Prochaska (2002), 62 psychotherapy experts predicted

psychotherapy trends in the next decade. Technological interventions, including e-mail

10

and videophone, were viewed as one of the future scenarios with the highest likelihood.

The panel also concluded that virtual reality therapy will flourish, ranking the use of

virtual reality as the therapeutic intervention third most likely to increase the greatest by

2010.

On the other hand, a wide range of activities, from telephone call services to in-depth

face-to-face interviews may be included here. In practical terms, it may be advisable to

adopt the approach taken by Killeen and White (2000) in their study of the impact of

career guidance on adult employed people. They chose to restrict their sample to

recipients of guidance services which were publicly available, across a range of

mechanisms.

Meanwhile, the ability of career guidance to initiate or encourage attitudinal changes is

held to be highly significant in the literature. Hughes et al (2002:10), in considering the

economic benefits of guidance, provide a set of categories for measuring this impact,

with “motivation and attitudinal change” being placed alongside learning outcomes;

participation in learning; student retention and achievement; job search/reduced

unemployment; employment; and economy.

As reported by Miller, Springer and Cowger (2004) person-environment theories draw on

ideas of congruence in which the unique needs of the individual must be matched with

the unique needs of the environment. When congruence is achieved in this context, it will

be possible for the individual to garner considerable satisfaction from his or her career

choice. Thus, by applying this theory, the counselor can create a comprehensive

assessment that will provide the client with a meaningful understanding of how well his

or her personal needs will be met in a particular environmental context (Miller, et al.,

11

2004). Given that counselors have a clear obligation to ensure positive outcomes for

clients; this approach appears to provide a salient tool for achieving this goal.

Review of Related Studies

The goal of career guidance and career counseling programs is to have individuals attain

the proper position on the continuum of vocational development as to their life stage of

development and age.

The New Zealand study found that eighty percent of the respondents claimed that they

had made changes related to work as a result of their career counseling session. Of these,

28 percent had entered a job which matched their aspirations or skills and 27 percent had

embarked on relevant education or training. Moreover, 86 percent of the sample felt that

Careers Services had been influential in their employment-related decision-making.

Hughes et al (2002) provide the following examples, largely drawn from evaluations of

programs or initiatives which incorporated some element of career guidance, showing a

positive outcome emanating from the intervention: James (2001) found that patients who

consulted a ‘Learning Adviser’ based within health centre settings reported that their

motivation and self-esteem had improved; Barham, Hughes and Morgan (2000) in their

study of New Start pilots found that some young people were thought to have made

significant gains in terms of self-confidence and self-esteem; Hasluck (2000) found that

young people (18-24 year olds) on New Deal reported improved motivation and self-

confidence; Winterbotham et al (2001) reported on the impact and effectiveness of the

New Deal 25+ for long-term unemployed. They indicated that those who had participated

in courses in job search skills as part of the ‘Gateway’ had gained confidence. However,

computer managed counseling helps counselors reduce their clerical and administrative

12

tasks. The computer can be used for maintaining records, keeping activity logs,

scheduling, and word processing. The computer has been used in computer-assisted

testing and computer-adaptive testing.

When asked about the activities that take up more than 20 percent of guidance staff’s

time, the most-often cited activity (with almost half of the schools naming this activity)

was assisting students in their choice and scheduling of high school courses. The second-

most-commonly cited activity was postsecondary admissions and selections, and one-

third of the schools said that dealing with student attendance and discipline took up more

than 20 percent of their guidance staff’s time. Knauth and Makris (2000) argue that the

distribution of counselors’ time contributes to the creation of “an 8 index of the

opportunities those schools give their students to learn about the steps they need to take

to move from high school into college or the workplace” (p. 169).

While it appears that high school counselors are not spending much time directly engaged

in assisting students with career planning, the NCES survey (Parsad et al., 2003) shows

that guidance programs are generally equipped with tools students can use on their own.

The vast majority of schools stock computerized and non-computerized career

information sources and college catalogues, as well as conduct testing for career

planning.

The above articles and books can provide framework to understand the concept and

process of guidance counseling, career guidance, responsibilities of students and teachers,

conditions. Research study becomes a guide and unique in determining the current

position of online guidance system by clarifying the developing perspectives towards

13

online counseling and system from the perceptions of participants based on qualitative

research and quantitative research study results.

With regards to personality tests, research shows the benefits of optimism and a positive

frame of mind are huge: optimists enjoy better health, stronger relationships, are more

productive, and experience less stress, among other things. This is because optimists tend

to take more risks, and blame external circumstances if they fail, maintaining a 'try again'

mindset; this makes them more likely to succeed in the future, and less upset by failure in

general. Pessimists, on the other hand, tend to blame themselves when things go wrong,

becoming more reluctant to try again with each negative experience in life. They begin to

look at positive events in their lives as 'flukes' that have nothing to do with them, and

expect the worst. In this way, optimists and pessimists both create self-fulfilling

prophecies.

When you understand this, it becomes clearer how optimism and positive self-talk can

impact your stress levels, as can pessimism and negative self-talk. Negative events are

less stressful when you see them as 'not your fault', and less likely to recur. Similarly,

positive events are even sweeter when you see them as evidence of more to come, and

see yourself as the master of your own fate. Additionally, because of the difference in

behavior in optimists vs. pessimists, those who habitually practice positive thinking tend

to experience more success, which can add up to a less stressful life.

So how can you use this information to reduce your stress level? Fortunately, optimism

can be learned. With practice, you can change your self-talk (your inner dialogue, what

you say to yourself about what you're experiencing) and your explanatory style (the

specific ways that optimists and pessimists process their experiences).

14

Take the Optimist or Pessimist personality test and learn whether you're an optimist or a

pessimist, and to what degree. The reason that this is important is that many pessimists

think they're optimists; however, optimism is defined by specific criteria. If you know

where you lie on the optimism-pessimism spectrum, you'll have a better idea of what may

need changing.

Once you understand your current way of seeing things, you can make a conscious effort

to look at things differently as you're presented with situations.

Positive affirmations can also help you reprogram yourself and your way of thinking so

that positive thinking becomes more automatic and less something you need to think

about consciously in each new situation.

On IQ test, it is generally believed that a person's IQ rating is hereditary and that the rate

of development of a person's mental age remains constant until about the age of 13 years,

after which it slows up. Beyond the age of 18 little or no improvement is found. Tests

that measure the IQs of children are standardized and an average score is recorded for

each age group. Thus a child of 10 years of age who scores the results expected of a child

of 12 would have an IQ of 120, calculated as follows:

(mental age/chronological age) x 100 = (12/10) x 100 = 120

However, because little of no improvement in IQ rating is found in adults, they have to be

judged on an IQ test whose average score is 100 and their results graded above and below

this norm according to known scores (Philip Carter & Ken Russell, 2008).

Among various electronic data collection methods, online forums (web message boards)

are prominent in terms of allowing asynchronous interactions, through which participants

can join in the discussions at their convenience unlike other methods requesting

15

synchronous interactions (e.g., chat groups). Asynchronous online forums have been

reported to be observable, relatively easy to use, accessible, and safe (Hsiung, 2000).

Online forums have been reported to provide a more comfortable forum for some people

to discuss sensitive personal health issues, and have been suggested as a feasible

alternative to traditional face-to-face focus groups (Kramish et al., 2001). The

effectiveness of the emotional and informational support that online forums provide has

been reported (Hsiung, 2000).

Also, online forums require that a user register and either create or be given a password

so that confidentiality of the data can be easily ensured. Compared with other types of

Internet data collection methods that are accessible to the public without passwords,

online forums are safer (Saba & McCormick, 2001).

16

3.0 Project Methodology

This section discusses the theories and concepts that the researchers used in the

course of designing or developing the project.

The System Development Life Cycle (SDLC) is a set of activities developers used

to build an information system. It helped the researchers establish a system project plan,

because it sets the overall list of processes and sub-processes required in developing a

system.

The researchers used Agile Model for the proposed system. Agile Model uses

iterative development as a basis but advocates a lighter and more people-centric

viewpoint than traditional approaches. Agile Model uses feedback rather than planning as

its primary control mechanism. It is essential since the researchers focuses on the client’s

needs.

In Project Identification & Selection, the researchers developed a preliminary

understanding of the situation that has caused for a new information system. In this

phase, the researchers interviewed the client and conduct a preliminary understanding of

the business situation. The researchers also proposed the project title in this phase. In

relation to that, the project title was approved by the panelists.

In Project Initiation and Planning, the researchers defined and studied the

problem with the group members. Moreover, the researchers conversed to the client and

recommended solutions to the problem. Corresponding to this, the solutions were

approved by the client.

In analysis, the researchers analyze the business situation thoroughly to

determine requirements, to structure those requirements, and to select among competing

17

system features. Requirements were reviewed by the researchers with the client.

Furthermore, in this phase, the requirements were completed.

In Designing, the researchers develop all technology and organizational

specifications. In this phase, the researchers described the functions and operations in

detail, including screen layouts, business rules, process diagrams other documentations.

Documents were reviewed and completed in this phase.

In Implementation, the researchers wrote programs, built data files, test and install

the new system, and finalize documentation. This phase involved converting design

specifications into executable programs. This procedure helped the researchers to clearly

understand program design and functional requirements.

The researchers used the Agile Model because it is appropriate for medium sized

projects. The agile model does not design for change; instead change reactively. The

researchers used agile model to study the step-by-step process that will be undergone by

the system. This model helped the researchers develop the Web-Based Student Guidance

Information System.

Conceptual Framework

The flows and procedure of developing the Web-Based Student Guidance

Information System for MHPNHS consists of input, process, and output frames.

In the input frame, it consists of reference materials such as books and online

materials that provide all the necessary information that support the system development

as well as interviews from psychology teachers and guidance counselors. The

researchers went through different college libraries to collect enough and concrete

18

information that will help in the development of the study especially for the review of

related literature and studies.

The second frame is the process frame. This frame includes different phases such

as Project Identification & Selection, Project Initialization & Planning, Analysis,

Designing and Implementation.

After gathering all the necessary inputs and passed through different process, the

output of the study is the Web-Based Student Guidance Information System for

MHPNHS.

19

Figure 1: Conceptual Framework

About MHPNHSo Goals and

Objectiveso History

o Rules and

Regulationso Guidance

Service List of Schools in Bulacano List of courses

the school offer Online References Interviews to

Psychology teachers and Guidance Counselors

Review of Related Literature and Studies

Hardware and Software Requirements

Web-Based Student Guidance

Information System

For MHPNHS

Project Identification &

Selection

Project Initialization &

Planning

AnalysisDesigning

Implementation

20

4.0 The Web-Based Student Guidance Information System for MHPNHS

Description of the Prototype

The system is capable of performing an online counseling through message with

the help of the counselor. In relation to that, the system has the ability of generating

reports such as Student Violation Report that can be used as reference and has significant

details about a student who is subjected to sanction. The system can also manipulate

student records for instance, adding, editing, viewing and even deleting (if necessary)

records of students who had a transaction in the Guidance Office particularly general and

disciplinary counseling and saves it for referencing and demographic purposes. The

system includes career review test designed for senior high school students who want to

pursue their education in college. The career review test acts as a guide to career choices.

Career guidance also includes the information where students can browse different

universities and colleges within Bulacan and some parts of Metro Manila. Students can

communicate, ask for advice, discuss school events or simply say “hi” to each other

through the system’s forum. Students may take the Personality and Non-standardized IQ

tests to evaluate their personality type and level of intelligence. Homepage serves as the

Virtual Bulletin Board. Students can view news, updates and upcoming school events

found in homepage.

21

The following are the major function of the system:

Online Counseling

Figure 2: Online Counseling

Students can be counselled by the counselor through online counseling which is

done through private messaging. Students can choose to send the message anonymously

or with their username.

Figure 3: Forum

The system comprises of a forum where students of MHPNHS can talk about

school events, academics or anything as long as it is not offensive to other students.

There will be a “Report Abuse” button to avoid spamming of messages, offensive, foul

and abusive words.

22

Figure 4: Tests

The system consists of three tests: Career Review, Personality and Non-

standardized IQ test. Career review test was designed for senior high school students who

want to pursue their education in college. The personality and non-standardized IQ test

were created as an added feature for the student to evaluate their personality type and

level of intelligence.

4.1 System Overview

The Web-based Student Guidance Information System for MHPNHS provides

record tracking feature that would keep the student’s violation information. It establishes

an efficient and effective way of communication between the guidance office and

23

students through online counseling and forums. The system includes some features that

are essential to students’ development such as personality and Non-standardized IQ tests,

career guidance, online counseling and forums.

4.2 System Objectives

This study focused on computerizing the recording of the complaints and

problems of students directed to the guidance office.

The system provides different levels of security for the users. The system comes

with user access levels to maintain the security of data records and retain the safety of

some restricted area where administrator are the only ones who can access.

The system includes security features such as the “Report Abuse” found in forums

to avoid foul and offensive words that are very intolerable given that most of the website

users are high school students which are approximately aging from 12-16 years old.

The system also provides an option of either being anonymous or having the

user’s identity posted as the asker on the online counseling function. This is especially

made for students who are anxious to spill the problems and or complaints to the

counselor.

The purpose of the study is to improve the school’s guidance services through the

proposed system. Through the system, the school could handle several records of

student’s violations. The system can also raise awareness to students through the News

and Events section.

24

Students can use the system for entertainment, education or social interaction.

Through the test present in the system, students can add knowledge and will be able to

assess their personality type, level of intelligence and abilities.

Counselors increased their productivity because the system will save their time.

One of the features required by the client is to efficiently record students’ violations, the

researchers created an auto-fill function in recording student violation. So instead of

writing down records manually, they will just search the student’s name and the system

will do the filling up of the Student Violation Form.

Another user requirement is to have the system generate reports. The researchers

created a .pdf file report generator to fulfill the aforementioned user requirement.

Future researchers may see the study useful as relevant information in developing

a website that will be suitable and may greatly help in the development of their system.

This study could provide the future researchers necessary information regarding the ways

on how to be productive in terms of developing projects.

4.3 System Functions

This section listed all the functions that must be performed or delivered by the

system.

4.3.1 Specific Requirements

The specific requirements of the system are divided into the following sections:

4.3.1.1 User Requirements

1. Recording of Student Violations

1.1 The system should be able to record, store and archive student violations.

25

2. The system should generate Student Violation Report

3. The system should generate Members’ Report

4.3.1.2 System Requirements

1. Logging in and out, Registering, and Profiles

1.1 Only members of the site is able to log in and log out

1.2 The site must be usable over internet connection

2. Generating Reports

2.1 The system should generate students’ violation report and members’

report whenever needed.

3. Updating of News and Events

3.1 The news and events page should be updated by the administrator

when a new event/announcement is up.

4. Adding of Student Violation Records

4.1 The system should be able to add, save, and archive student violation

records.

26

Figure 5: Send Complaints

Students can send complaints to the counselor if they witnessed or experienced a

wrongdoing being done by their fellow student.

Figure 6: Ask for an advice

Students may choose from the menu bar the function of online counseling that the

student needs. The student may opt for “Complaints” link or “Advice” link.

27

Figure 7: Forum Categories

Forum categories were created to easily locate and sort the topic that the student is

searching.

Figure 8: Forum Topics

This forum is especially created for the members of the site (students, advisers

and counselors). Students of MHPNHS can ask for advice and will be answered by the

counselor or fellow student. Students and advisers can also communicate and discuss

school events in this forum.

28

Figure 9: Personality Tests

Personality test comprises of four category questionnaires namely “Are you a

Parent, Adult or Child?”, “Are you a people person?”, “Optimist or Pessimist” and

“Humour.”

Figure 10: Non-standardized IQ Tests

The system provides the Non-standardized IQ Test for the students to assess their level of

intelligence. These tests will evaluate the scores depending on what the student answer

and then display result that comes with some advice and recommendation.

29

Figure 11: Career Review Test

Career review test serves as a mock exam for the senior students to prepare them

for the real “Career Test” which is given by the DepEd every school year. It is especially

designed for senior high school students to take who want to pursue college level

education.

Figure 12: Universities and Colleges

30

The students may also browse Universities and Colleges from the system and the

programs they offer.

Figure 13: Student Detail Report

The system generates necessary reports like Student Detail Report for reference

and other purposes.

Figure 14: Student Information List

The system can generate Student Information List report and can be viewed,

saved or printed.

31

Figure 15: Student Violations Report

The system also generates Students’ Violations Report. Data collected will be

arranged using the format of the report and may be printed for record purposes if

necessary.

4.3.1.3 Interface Requirements

1. The font size for the tests is bigger than the other text in the system. This

is to make the questionnaires easy to read for the students who will take

the tests.

2. The researchers made use of lively colors for the system in shade of green

since the researchers would like it to fit the color of the logo of the school

and at the same time to attract students and other viewers of the website.

4.4 Physical Environment and Resources

This section discusses the hardware/software resources that are needed to

implement and to execute the system.

32

Assumptions and Dependencies

The system can be implemented with the given requirements specified below:

Table 1System Requirements

Minimum RecommendedProcessor: Pentium 3 Processor: Pentium Core2Duo or higher

RAM: 512 MB RAM: 1GB or higherBrowser: IE, Firefox, Chrome, Safari, Opera

Browser: IE, Firefox, Chrome, Safari, Opera

HDD: 40 GB HDD: 80GB or higher

4.5 Architectural Design

The system, like any other systems, is made with a solid foundation. The

researchers created a database schema and entity-relationship diagram (ERD) for its

database and a context diagram plus a data flow diagram (DFD) to show the program’s

flow. To explain the program flow in detail, flowcharts have been added as well.

33

Context diagram (separate file)

34

DFD (separate file)

T

F

T

F

T

F

T

F

1

2

3

4Homepage

Request to Unblock

Log In

Sign Up

If choice = “Sign Up”

If choice = “Login”

If choice = “Request to unblock”

Start

7

Display Home Screen

If choice = “Home”

35

(ethel have the updated flowchart)

F

F

T

T

F

T

Admin Page 9

Counselor Page 38

Adviser Page 46

1

Input UsernamePassword

If username && Password == “Admin”

If username && Password == “Adviser”

If username && Password == “Counselor”

36

Figure 18: Main Page

Input Student Information

Input Sign up ID

Initialization of memory variables

If choice = “Sign up” If choice = “Cancel”F F

2

37

Figure 18.1: System Login Function

Does username exist?

Is password correct?

3

Input Username

Input Password

T

T

F

F

38

Figure 18.1.1: System Sign up Function

A

T A

B

F

News view more

Load News &Event Database

4

If choice = “see more”

39

Figure 18.1.2: Request to Unblock

If choice=”History”

History PageA

AIf choice=“Goals and Objectives” Goals and Objectives Page

AIf choice=“Academic Information”

Academic Information

AIf choice=“Service Information”

Service Information Page

5

T

F

T

T

T

T

F

A

40

Figure 18.1.3: Home Page

T

6

Contact Us Page

F

If choice=“Back”

Return to Menu

41

Figure 18.1.4: About Us Function

6

10

4

5

Home Page

About Us

14

Contact Us

Forum

Help

T

T

T

T

T

If choice =“Contact”

9

If choice =“Home”

If choice =“About Us”

F

If choice =“Forum”

If choice =“Help”

F

F

F

F

42

Figure 18.1.5: Contact Us Function

If choice=“Sports”

If choice=“Personal”

If choice=“Academic”

Load Forum Database

10

11Personal Category

11Academic Category

11Sports & School Events Category

T

F

T

F

T

43

Figure 18.2: Main Menu for Administrator

10If choice=

“Forum Home”

11

Load Forum Database

12T

F

T

F

B

If choice=“Create New Topic”

Reply to Post

Create New Topic

If choice=“Subject Title”

T

44

Figure 18.2.1: Forum Function

12

10

11

[

Input topic title

Input topic message

T

T

F

F

F

If choice = “Topic Title”

If choice = “Forum Home”

45


Input type of abuse

A

If choice = “Cancel”

T T

F

T

T

A

F

F

F

Input response message

13

If choice = “Submit”

If choice = “Post a response”

If choice =“Post a response”

Load News & Event Database

46


Help page

Return to Menu

If choice = “Back”T

F

4

47


T

T

T

T

F

F

F

If choice = “Remove Student Account”

If choice = “Remove Student Account”

If choice = “Modify Counselor Account”

If choice = “Modify Adviser Account”

15

16

8

23

28

If choice = “Verify Student Account”

If choice = “Verify Student Account”

If choice = “Modify Adviser Account”

If choice = “Modify Counselor Account”

48

Figure 18.2.5: Help Function

T

T

T

T

F

F

F

If choice =“Unblock Members”

If choice = “Moderate Forums”

If choice = “Update Events”

If choice = “Dropped Student Account”

35

36

32

31If choice =

“Dropped Student Detail”

59

If choice = “Unblock Members”

If choice = “Moderate Forums”

If choice = “Update Events”

49

Figure 18.2.6: Account Function

If choice = “Section”

If choice = “Lastname”

If choice = “Year level”

If choice = “School year”

Approve Student

A

A

A

A

Load all students Equal to SY

Load all students Equal to year level

Load all students Equal to section

T

T

T

T

16

17

F

F

50

Figure 18.2.7: Account Function

T

F

F

T

T

16

A

AValidateStudent

ValidateStudent

F

17

A

If choice = “Cancel”

If choice = “Approve”

If sign up = “School member”

A

A

A

51

Figure 18.2.8: Verify Student Accounts

F

21If choice = “View Archive”

F

B

T

F

F

T

F

T T

18

20

If choice = “Add Adviser”

Edit Form

BArchiveAdviser

Add Form19

If choice = “Edit Adviser”

If choice = “Archive Adviser”

BV

Are you sure?

Archive

52

Figure 18.2.9: Approve Student Accounts

19

Save adviserAccount

T

F

F

18T

Input AdviserInformation

If choice =“Save”

If choice =“Cancel”

53

Figure 18.2.10: Modify Adviser

20

Update adviserAccount

T

F

F

18T

Update AdviserInformation

If choice =“Update”


21

Load adviser archivedatabase

If choice = “cancel”

T

F

18

22

54

Figure 18.2.11: Add Adviser

Figure 18.2.12: Edit Adviser

Figure 18.2.13: View Adviser Archive

A

25Edit Form

AArchiveAdviser

Add Form24

Are you sure?

Archive 26

T

T

T

T

If choice = “Add Counselor”

If choice = “Edit Counselor”

If choice = “View Archive”

If choice =“Archive

Counselor”

23

A

F

F

F F

T

55

Figure 18.2.14: View Adviser Report

24

Save CounselorAccount

T

F

F

23T

Input CounselorInformation



56

Figure 18.2.15: Modify Counselor

25

Update CounselorAccount

T

F

F

24T

Update CounselorInformation



26

Load counselor archivedatabase

If choice = “cancel”

T

F

23

57

Figure 18.2.16: Add Counselor

Figure 18.2.17: Edit Counselor

Figure 18.2.18: View Counselor Archive

27

Load counselorReport

If choice = “Generate reports”T

F

23

GenerateReport

28

A

If select =”school year”

Load all students whose school year is

equal to sy A

T

F

If select =”year level”

Load all students whose year level is

equal to year A

T

F

If select =”section”

Load all students whose section is equal

to section A

T

F

If select =”lastname”

Load all students whose last name is equal to last name

AT

58

Figure 18.2.19: View Counselor Report

29

A

If select = ”school year”

Load all students whose school year is

equal to sy A

T

F

If select = ”year level”

Load all students whose year level is

equal to year A

T

F

If select =” section”

Load all students whose section is equal

to section A

T

59

Figure 18.2.20: Remove Student Detail

31

30

If choice = “View reports”T

F

15

Load Graduated StudentReport

60

Figure 18.2.21: Move Student Detail

T

F

T 34

If choice = “Add Events”

Edit Events

Add Events33

If choice = “Edit Events”

32

B

TT

BF

BDelete EventsIf choice = “Delete Events”

Are you sure?

B

61

Figure 18.2.22: Graduated Student Detail

Figure 18.2.23: Dropped Student Detail

33

Save News and Events

T

F

F

32T

Input EventsInformation



34

Update News and Events

T

F

F

32T

Update EventsInformation



62

Figure 18.2.24: Update Events

Figure 18.2.25: Add Events

34

A

TTIf choice =

“add word“

A

If choice = “Add”

Input bad wordAdd Bad

word

TT

AF

AIf choice = “Delete”

Are You sure?

A

Delete Forum Post

37

Input oldpassword

If choice =“Unblock”

Update News and Events

T

F

36

32

63

Figure 18.2.26: Update Events

Figure 18.2.27: Moderate Forum

Figure 18.2.28: Unblock Members

T

T

F

T

F

T

F

T

F

T

F

38

If choice = “Contact us”

If choice = “Help”

If choice = “Forum”


If choice = “About us”

4

5

Contact us 6

10Forum

14

About us

Help

Homepage

64

Figure 18.2.29: Change Password

InputMessage

Are youSure?

A

LoadMessage

39

If choice=“message”

If choice=“delete message”

If choice=“message”

If choice=“reply”F

T

F

ReplySent

A

A

F

F

T T

T

F

65

Figure 18.3: Main Menu for Counselor

StudentViolation Report

Y

Y

N

Y

N

Hotlist

41

44

45

37

StudentCounseling

If choice =“Student counseling”

If choice = “Hotlist”

If choice = “Student violation report”

Y

N

40

If choice = “Change password”

66

Figure 18.3.1: Inbox Function

42

43

Deleterecord

A

Editrecord

Y

N

Y

N

Y

N

Addrecord

If choice = “Add record”

A

41

A A

Are you sure?

If choice = “Edit record”

If choice = “Delete record”

67

Figure 18.3.2: Accounts for Counselor

Figure 18.3.3: Student Counseling


Select Studentinformation

Input problem &recommendation

If choice =“Add”

T

Add new record AT

F

F

A

A

42

41

If choice =“update”

If choice =“cancel”

Update record

T

A

T

F

F

41

Update studentrecord

43

A

68

Figure 18.3.4: Add Record

Load Hotlist

40

T

T

44

F

View Report

If choice = “view report”

If choice =“cancel”

69

Figure 18.3.5: Edit Record

View Report

40

45

F

If choice = “view report”

If choice =“back”

If choice = “Help”



46


If choice = “Complaints”


Contact us

Help

6

10

14

Forum

About us

4

5

Homepage

Y

Y

N

Y

N

Y

N

Y

N

Y

N

70

Figure 18.3.6: Hot List

Figure 18.3.7: Student Violation Report

48

Send complaint

39

48

F

T

47

F

If choice =“send complaint”

If choice =“inbox”

71

Figure 18.4: Main Menu for Adviser

52

37

Edit student

Add student

50

51

View student

53

View reports

If choice =“view student detail”

If choice =“add student detail”

49

If choice =“change password”

If choice =“Edit student detail”

If choice =“view reports”

T

F

T

F

T

F

T

F

T

72

Figure 18.4.1: Complaints

Figure 18.4.2: Sending Complaints

Load allStudent

T

50

A

A

A

T

FF

If choice =“view student”

No rowselected

If row Is selected?

View student detail

73

Figure 18.4.3: Accounts Adviser

53

Update student information

F

TIf choice =“update”

Update student

52

74

Figure 18.4.4: View Student

Figure 18.4.5: Add Student

Figure 18.4.6: Edit Student

Y

N

Forum

6

10

Y

N

Contact us

54




47Y

N

ComplaintsIf choice = “Complaints”


14Y

N

Help

T

N

About us

4

5

T

N Homepage


75

Figure 18.4.7: View Student Reports

F

39T

Ask advice56

TIf choice =

“Ask advice”

If choice =“inbox”

F

55

76

Figure 18.5: Main Menu for Student

Figure 18.5.1: Ask Advice

If choice = “Advice”

T

Input your username

Input subject & message advice

F

56

If choice =“send”

Advicesent

T

F

T T

T

F

F

If choice = “Personality Test”

Answer Personality Questions

57

If choice = “submt”

A

A

A

AIf choice = “IQ Test”

If choice = “submit”

Answer IQ Test Questions See Result

See Result

77

Figure 18.5.2: Sending Advice

Figure 18.5.3: Test

If choice = “Advice”

58

Load Universities and CollegesIf choice =

“Universities and Colleges”

If choice = “Career Review Test”

F

F

A

AASee ResultT

F

T

TAnswer Career Review Test Questions If choice = “submit”

78

Figure 18.5.4: Career Review Test

schema

Password

User_Type

Year_Level

Username

Login_Id

createsADVISER ACCOUNT

Contact_No

Gender

Address

Email_AddressAdviser_Id

L_Name

M_Name

First_Name

Password

User_Type

Year_Level

Username

Login_Id

FORUM MESSAGEmakesACCOUNT

Message

Time_SentForum_Id

79

Entity-Relationship DiagramBusiness Rules

Figure 20: Business Rule #1Each ADVISER creates an ACCOUNT; each ACCOUNT is created by an ADVISER.

Password

User_Type

Year_Level

Username

Login_Id

Gender

Address

Email_AddressCounselor_Id

L_Name

M_Name

First_Name

Contact_No

hasACCOUNT COUNSELOR

createsSTUDENT ACCOUNT

Password

User_Type

Year_Level

Username

Login_Id

Section

Gender

AddressStudent_Id

L_Name

M_Name

First_Name

Year_Level

SY

commitsVIOLATION STUDENT

Section

Gender

AddressStudent_Id

L_Name

M_Name

First_Name

Year_Level

SY

Time_SentViolation_Id

Student_Problem

80

Figure 20.1: Business Rule #2Each ACCOUNT makes a FORUM MESSAGE; any number of FORUM MESSAGE

can be made by an ACCOUNT

Figure 20.2: Business Rule #3Each ACCOUNT has a COUNSELOR; each COUNSELOR has an ACCOUNT

Figure 20.3: Business Rule #4Each STUDENT creates an ACCOUNT; each ACCOUNT is created by any number of

STUDENTS

FORUM MESSAGE FORUM SUBJECTcontains

Message

Time_SentForum_Id

Subject

Subject_Id Date_Created

Section

Gender

AddressStudent_Id

L_Name

M_Name

First_Name

Year_Level

SY

Section

Gender

AddressStudent_Id

L_Name

M_Name

First_Name

Year_Level

SY

STUDENT STUDENTverify

Section

Gender

AddressStudent_Id

L_Name

M_Name

First_Name

Year_Level

SY

Message

Time_SentMessage_Id

COMPLAINTS MESSAGEsendsSTUDENT

81

Figure 20.4: Business Rule #5Each VIOLATION is committed by any number of STUDENTS; each STUDENT

commits any number of VIOLATIONS;

Figure 20.5: Business Rule #6Any number of FORUM MESSAGE contains FORUM SUBJECT; each FORUM

SUBJECT is contained in any number of FORUM MESSAGE

Figure 20.6: Business Rule #7Each STUDENT verifies a STUDENT; each STUDENT is verified by a STUDENT

COMPLAINTS MESSAGE COUNSELORUNTreceives

Message

Time_SentMessage_Id

Gender

Address


L_Name

M_Name

First_Name

Contact_No

COMPLAINTS MESSAGE COMPLAINTS SUBJECTincludes

Subject

Subject_Id Date_CreatedMessage

Time_SentMessage_Id

ADVICE MESSAGEasksSTUDENT

Section

Gender

AddressStudent_Id

L_Name

M_Name

First_Name

Year_Level

SY

Message

Time_SentAdvice_Id

82

Figure 20.7: Business Rule #8Each STUDENT sends any number of COMPLAINTS MESSAGE; each COMPLAINTS

MESSAGE is sent by a STUDENT

Figure 20.8: Business Rule #9Each COMPLAINTS MESSAGE is received by a COUNSELOR; each COUNSELOR

receives any number of COMPLAINTS MESSAGE

Figure 20.9: Business Rule #10Each COMPLAINTS MESSAGE includes COMPLAINTS SUBJECT; each

COMPLAINTS SUBJECT is included in any number of COMPLAINTS MESSAGE

Gender

Address


L_Name

M_Name

First_Name

Contact_No

Message

Time_SentAdvice_Id

givesCOUNSELORADVICE MESSAGE

comprisesADVICE MESSAGE ADVICE SUBJECT

Message

Time_SentAdvice_Id

Subject

Subject_Id Date_Created

83

Figure 20.10: Business Rule #11Each STUDENT asks for any ADVICE MESSAGE; each ADVICE MESSAGE is asked

by a STUDENT

Figure 20.11: Business Rule #12Each COUNSELOR gives any number of ADVICE MESSAGE; each ADVICE

MESSAGE is given by a COUNSELOR

Figure 20.12: Business Rule #13Each ADVICE MESSAGE comprises of an ADVICE SUBJECT; each ADVICE

SUBJECT is comprised in any number of ADVICE MESSAGE

84

ERD (separate file)

85

HIPO Admin

86

HIPO Counselor

87

HIPO Adviser

88

HIPO Student

89

5.0 Design/Implementation Issues and Implementation Plan

This section provides the design/implementation issues and deployment plan that

was created during the development of the proposed system.

Design Issues

The researchers selected a color scheme for the system that suits well with the

client’s target mood for it is in shades of green, signifying calmness, peace and harmony.

(Precisionintermedia.com, 2010).

The researchers made the system interface user-friendly by providing an on-

screen instructions to guide the user in every actions to take.

Even simple systems like information systems are also prone to software bugs or

pieces of code that does not do what is intended to do, like faulty outputs in the system’s

transactions, page/functions being irresponsive to specified commands, errors in the

back-end part such as integrity constraints due to normalization errors, update anomalies,

among others. Such errors may greatly affect the general performance of the system and

thus, lead to a faulty one.

Implementation Issues

The expected users of the system are the MHPNHS guidance counselors and advisers

per section and year level. Since the system is aided by the guidance office of the school,

the researchers have to meet MHPNHS’s Head Counselor Mrs. Ma. Rebecca V.

Tiongson and relay to her information concerning the project.

90

Implementation Plan

The researchers created a plan regarding the implementation of the system.

Firstly, schedule training date and have each end user be trained by the researchers by

visiting them in the school. Secondly, provide the user’s manual to each end user. And

lastly, teach IT personnel of the school regarding the troubleshooting of the system.

91

6.0 Results and Observations

To ensure that the researchers produced a quality system for their client, they

conducted a series of observations and tests in order for this system to fit for the needs of

the client.

Observations

As previously mentioned, the researchers put the proposed system under

evaluation. The evaluators included five MHPNHS Guidance Counselors namely: Mrs.

Ma. Rebecca V. Tiongson (Head Counselor), Mrs. Francisca A. Mendoza (1st Year

Level), Mr. Bernabe S. Castillo (2nd Year Level), Mrs. Elvira D. Manguiat (3rd Year

Level) and Mr. Cirilo E. Queruz (4th Year Level), evaluators also includes the Capstone

Project Instructor Ms. Jane Kristine G. Suarez, IT Adviser Mrs. Rosemarie M. Bautista,

Asst. Professor 3 Ms. Eunice B. Custodio, IT Manager (Leighton Contractors (Phils.),

Inc.) Mr. Joey C. Alba, Systems Developer (Leighton Contractors (Phils.), Inc.) Mr.

Fulgencio F. Lindo, Jr., System Engineer (Leighton Contractors (Phils.), Inc.) Mr. Ludi

M. Reyes, IT Systems Administrator (Leighton Contractors (Phils.), Inc.) Mr. Leonard

M. Vidal.

The criteria for system evaluation and its subcategories are as follows:

A. Functionality

1. Suitability. Functions are appropriate to specifications.

2. Accurateness. Functions are correct.

3. Interoperability. Software can interact with other components or systems.

92

4. Compliance. Adherence to standards.

5. Security. Provision for security requirements.

B. Reliability

1. Maturity. Absence of failures.

2. Fault tolerance. Ability to withstand and recover from component failure.

3. Recoverability. Ability to bring back a failed system to full operation,

including data and network connections.

4. Correctness. Ability to produce correct computations, output and reports.

C. Usability

1. Understandability. Ease of which the systems functions can be understood.

2. Learnability. Learning effort for different users, i.e. novice, expert, casual etc.

3. Operability. Ability of the software to be easily operated by a given user in a

given environment.

4. Provisions for comfort and convenience.

D. Maintainability

1. Analyzability. Ability to identify the root cause of a failure within the

software.

2. Changeability. Software adjusts well to different screen dimensions, color

depths, and font sizes. Different interfaces can be chosen to suit beginners

and more advanced users.

93

3. Stability. Characterizes the sensitivity to change of a given system.

E. Portability

1. Adaptability. Ability of the system to change to new specifications or

operating environments.

2. Installability. Are the different options available for installation? Is software

easy to install?

3. Replaceability. Ease of exchanging given software component within a

specified environment system coupling.

4. Software compatibility. Provision for portability of operating system used.

5. Build environment portability. Absence of other software requirement such as

runtime system or standard database management engine.

F. Training and Documentation

1. Availability of guides and printed documentation (technical or user’s manual).

2. Provision for trainings/tutorials or real interactive learning.

3. Provision for help component. Text should be clear and use language

correctly, with appropriate headings and subheadings. Unfamiliar terms

should be defined and explained. Organization should be logical. All

information should be readily accessible for reference.

94

Table 2

Likert Scale

Rating Description5 Excellent4 Very Good3 Good2 Fair1 Poor

The table represents the range of mean and its corresponding interpretation together with a descriptive rating from the evaluation instrument for the system evaluation according to the five criteria previously mentioned in the project paper.

The gathered data was tabulated and analyzed. To interpret the results, the researchers used this formula to get the average value or the mean for each given criteria:

M=∑fxN

Where:M = meanf = total number of respondents for a particular ratingx = value of the ratingN = total number of respondents

Table 3Reference Table to Obtain Mean Value Scores

Range of Mean Descriptive Rating4.51 – 5.00 Excellent3.51 – 4.50 Very Good2.51 – 3.50 Good1.51 – 2.50 Fair1.00 – 1.50 Poor

95

ResultsThe results for the initial system evaluation are shown below:

Table 4Table for Functionality (initial)

Functionality Mean Descriptive RatingFunctions are appropriate to specifications 4.67 ExcellentFunctions are correct 4.42 Very GoodSoftware can interact with other components or systems 4.33 Very GoodAdherence to standards. 4.50 Very GoodProvision for security requirements. 4.50 Very GoodTOTAL 4.48 Very Good

The table shows the criterion for the functionality of the system. The total mean

for the said criterion is 4.48, equivalent to a rating of Very Good. The evaluators

observed that the system is easy and convenient to operate, therefore giving credit to the

functionality of the system.

Table 5Table for Reliability (initial)

Reliability Mean Descriptive RatingAbsence of failures. 4.17 Very GoodAbility to withstand and recover from component failure. 4.25 Very GoodAbility to bring back a failed system to full operation, including data and network connections.

4.33 Very Good

Ability to produce correct computations, output and reports.

4.67 Excellent

TOTAL 4.35 Very Good

The criterion focuses on how reliable the system is. The total mean for this

criterion is 4.35, equivalent to a rating of Very Good. The evaluators observed that the

system is reliable in terms of producing correct computations, output and generating

reports.

96

Table 6Table for Usability (initial)

Usability Mean Descriptive RatingEase of which the systems functions can be understood. 4.83 ExcellentLearning effort for different users, i.e. novice, expert, casual etc.

4.75 Excellent

Ability of the software to be easily operated by a given user in a given environment.

4.67 Excellent

Provision for comfort and convenience. 4.67 ExcellentTOTAL 4.73 Excellent

The table above is mainly about the system’s usability, the ease of use of the

system and its being user-friendly. The criterion’s total mean is 4.73 with its descriptive

rating of Excellent. Evaluators are very satisfied of the system’s usability thus giving a

generous evaluation rating.

Table 7Table for Maintainability (initial)

Maintainability Mean Descriptive RatingAbility to identify the root cause of a failure within the software

4.33 Very Good

Software adjusts well to different screen dimensions, color depths, and font sizes. Different interfaces can be chosen to suit beginners and more advanced users.

4.08 Very Good

Characterizes the sensitivity to change of a given system. 4.33 Very GoodTOTAL 4.25 Very Good

The criterion focuses on the maintainability of the system. The total mean for this

criterion is 4.25, equivalent to a rating of Very Good. The evaluators advised that the

system should improve its maintainability particularly the systems’ screen dimension for

it to fit to other screen resolutions.

97

Table 8Table for Portability (initial)

Portability Mean Descriptive RatingAbility of the system to change to new specifications or operating environments.

4.33 Very Good

Are there different options available for installation? Is software easy to install?

4.58 Excellent

Ease of exchanging given software component within a specified environment and system coupling.

4.50 Very Good

Provision for portability of operating system used. 4.58 ExcellentAbsence of other software requirement such as runtime system or standard database management engine.

4.50 Very Good

TOTAL 4.50 Very Good

The criterion focuses on the portability of the system. The total mean for this

criterion is 4.50, equivalent to a rating of Very Good. The system was evaluated and said

to be excellently portable in terms of installability and replaceability both getting the

mean of 4.58.

Table 9

Table for Training and Documentation (initial)

Training and Documentation Mean

Descriptive Rating

Availability of guides and printed documentation (technical or user’s manual).

4.55 Excellent

Provision for trainings/tutorials or real interactive learning. 4.45 Very GoodText should be clear and use language correctly, with appropriate headings and subheadings. Unfamiliar terms should be defined and explained. Organization should be logical. All information should be readily accessible for reference.

4.67 Excellent

TOTAL 4.56 Excellent

The criterion focuses on the maintainability of the system. The total mean for this

criterion is 4.56, equivalent to a rating of Excellent. The researchers met the expectations

of the evaluators regarding the training and documentation of the system.

98

Table 10

User acceptance rating using Likert scale (final)Criteria Mean Descriptive RatingThe system is functional 4.48 ExcellentThe system is reliable 4.35 ExcellentThe system is can be readily used 4.73 Very GoodThe system has room for maintenance 4.25 ExcellentThe system is portable 4.50 Very GoodThe system has a complete documentation 4.56 ExcellentTOTAL 4.48 Very Good

The total rating for the final system evaluation is 4.48, equivalent to a rating of

Very Good. Results are shown on Table 10.

99

7.0 Conclusion and Recommendations

Conclusions

The researchers have concluded that the system objectives were met. Further

explanations are as follows:

The system can fully establish an efficient and effective way of communication

between the guidance office and students through the online counseling and forums.

The system has the full capability of keeping track of student records as well as

their violations by means of their individual student profile records in the database.

Looking-up of student records is a lot easier because of the search engine present in every

student list pages.

Counselors can now efficiently record student’s violation because of the auto-fill

function of the system. The system can generate data reports needed by the guidance

office such as member’s report and student violation reports, given the range specified by

the user.

The researchers had successfully incorporated Online Counseling function, Career

Guidance which includes the Career Review Test and list of Universities and Colleges,

Personality and Non-standardized IQ tests, forums wherein the members of the site can

interact, Virtual Bulletin Board that shows the current news and events of the school,

reports that are needed for reference and recording purposes.

Offensive, foul and abusive words can be moderated in the Forum page through

the “report abuse” button present in any comment or post.

100

The system offers security features such as login function and functionality

restrictions to non-Administrator accounts.

The system received an 89.6% acceptance rating, making the system more likely

to be implemented by the client, having its strongest point on usability and weakest in

maintainability. High ratings from the clientele signify eager approval of this system and

some further expansions.

Recommendations

The researchers put together some recommendations for the improvement of the

related future studies.

Future researchers may consider updating the Career Review Test every year.

They could set a specific date or duration in which the Career Review Tests can be taken.

Replacing non-standardized to standardized IQ test may be also taken into consideration

to improve this functionality. The researchers also recommend adding of category in

Personality test.

Scheduling of online counseling may be taken into consideration to add efficiency

to the counselor and student. For instance, the counselor can give his/her advice in a

particular time, typically working hours.

Furthermore, notification feature on online counseling may be added by future

researchers to facilitate the viewing of private messages.

101

References:

Carter, P. and Russell K. (2002, 2008). Succeed at IQ Tests: Improve Your Numerical, Verbal and Spatial Reasoning Skills. London: Kogan Page Limited.Hsiung RC. The best of both worlds: An online self-help group hosted by a mental health professional. Cyber Psychology & Behavior. 2000;3(6):935–950.Hughes, D., Bosley, S., Bowes, L. and Bysshe, S. (2002) The Economic Benefits of Guidance, Centre for Guidance Studies Report, University of Derby.Knauth, S., & Makris, E. (2000). Guiding students into the future: Three schools of thought. In M. Csikszentmihalyi & B. Schneider (Eds.), Becoming adult: How teenagers prepare for the world of work (pp. 167-98). NY: Basic Books.Kramish CM, Meier A, Carr C, Enga Z, James AS, Reedy J, et al. Health behavior changes after colon cancer: A comparison of findings from face-to-face and on-line focus groups.Family and Community Health. 2001;24(3):88–103Parsad, B., Alexander, D. , Farris, E., & Hudson, L. (2003). High school guidance counseling. (NCES 2003-015). Washington, D.C.: U.S. Department of Education, National Center for Education StatisticsSaba VK, McCormick KA. Essentials of computers for nurses: Informatics for the new millennium. 3. New York: McGraw-Hill; 2001. Swan, K. (2006). Threaded discussion. Retrieved December 15, 2006, from http://www.oln.org/conferences/ODCE2006/papers/Swan_Threaded_Discussion.pdf

http://www.oln.org/conferences/ODCE2006/papers/Swan_Threaded_Discussion.pdf

102

Appendix

103

Web-Based Student Guidance Information SystemFor Marcelo H. Del Pilar National High School

User’s Manual

User’s Manual

104

1.0 Introduction

DISCLAIMER: This system is copyright-protected and must not be reproduced and its

contents must not be modified without the permission of the developers.

This system is specifically designed to be used by the guidance counselor, students

and advisers. It primarily covers basic functions of how guidance center works. It can

view, search, add, edit, and archive student violation records, student’s profile as well

as student counseling records. This manual also teaches the user how to generate

reports and manipulate data.

1.1 System Requirements

In order for the system to run properly, the following minimum system

requirements must be met by the system unit to be installed:

Table 11Minimum System Requirements for System installation

Minimum RecommendedProcessor: Pentium 3 Processor: Pentium Core2Duo or higher

RAM: 512 MB RAM: 1GB or higherBrowser: IE, Firefox, Chrome, Safari, Opera

Browser: IE, Firefox, Chrome, Safari, Opera

HDD: 40 GB HDD: 80GB or higher

2.0 Getting Started

To use the system:

1. Open a Web Browser (ex. IE, Mozilla Firefox, Google Chrome)

105

2. On the address bar, type “mhpnhs-guidance.com”

3.0 Program Modules

In this section, program modules are discussed and shown individually on how to use

each program module.

3.1 STUDENT

3.1.1 Login

Only students, counselors and advisers that have an account can login to the system.

Click the Login panel on the upper-right side of the website to open it.

Type in your Username and Password

Click "Login" to proceed or "Close Panel" to abort.

106

For new users, click "Sign up here" to open the registration form.

Once the "Login" button is clicked, the system will load and direct you to the website's

homepage.

3.1.2 Register User

Only students of Marcelo H. del Pilar National High School is able to register to the

system.


Click on the Sign up hyperlink on the right side of the Panel

A registration form will appear.

Click "Submit" to proceed or "Cancel" to abort.

Once the "Submit" button is clicked, you will be prompted with a message that the

administrator will approve your registration within 3-days.

107

You can try logging in to the site within three days.

3.1.3 Homepage

Only the members of the site can view and access other functions of the system. Anyone

can view the News Feed present in the homepage.

You can read more about the news by clicking the "See more" hyperlink. Once you are a

member of the site, you can now see other functions of the system present in the

homepage's main menu.

3.1.4 Forum

Website members can view and join in any topics and conversation in the forum.

Members can choose which category they want to view or post their topics.

To create a topic:

Choose a category

108

Click "Create New Topic" button

Type in a title for your topic and your message

Click "Create topic” button

109

To view and post a response to a topic:

Choose the topic title from the list of topics.

Click the "Post a Response" button

Type in your response to the text area provided for the response

Click "Submit Your Response" button to submit your response or "Cancel" to abort.

To report an abusive message or topic:

Below the topic body, click on the "report abuse" button

The site will direct you to the Report Form

110

Choose which type of abuse is closely related to the topic/message that you are reporting.

You can add an additional information if you want.

Click on the "Send Complaint" when you're done.

3.1.5 Online Counseling

In this module, students can send complaints and ask for an advice while counselors can

give their advice and add violation records.

To send complaints:

On the main menu, click "Complaints" link

The Send Complaints form will appear.

111

You can send complaints anonymously or with your username. Choose your identity

from the two buttons on the upper-right side of the form.

Click “Send Anonymously” button to send your complaints anonymously or “Send as”

button to send your complaint with your username.

Type in the subject of your complaint in the text area

Type in your message in the message box

When done, click “Send” button.

To ask for an advice:

On the main menu, click "Advice" link

The “Ask for advice” form will appear.

112

You can ask for an advice anonymously or with your username. Choose your identity


Click “Send as anonymous” button to send your complaints anonymously or “Send as

{username}” button to ask for an advice with your username.

Type in the subject of your message on the text area



3.2 COUNSELOR

3.2.1 Login



113



For new users, click "Sign up here" to open the registration form.

Once the "Login" button is clicked, the system will load and direct you to the site’s home

page.

3.2.2 Change Password

On the homepage, click “Accounts” link

The site will direct you to the counselor’s page.

114

On the left panel, click “Change Password”

Input the necessary data (Old Password, New Password, and Confirm New Password).

Click “Update” to save changes or “Back” to cancel.

3.2.3 Homepage



115




3.2.4 Forum



To create a topic:

Choose a category


116


Click "Create topic" button






117


Click on the "report abuse" button below the topic body

The site will direct you to the Report Form





In this module, students can send complaints and ask for an advice while counselors can

give their advice and add violation records.

To reply to complaints:

On the main menu, click “Complaints” link.

The site will open your Complaints Inbox.

118

Click on the subject to open a message.

To reply to the complaint, type your message in the text area then click “Reply” button.

To give an advice:

On the main menu, click “Advice” link.

The site will open your Advice Inbox.

119

Click on the subject to open a message.

To give your advice, type your message in the text area then click “Reply” button.

To add violations record:

On the main menu, click “Accounts” link


120

Below the “Student Information” title head, click “Add Student Record”

Click "Search Student" button to search for student's data to be inputted on the Student

Violation Form.

121

Select a student from the list. Click “Done”.

The system will automatically fill out necessary data.

Type in the Student Problem and Recommendation in the text field

When done, click “Submit”.

To edit student records:



Select a row from the list to edit a student record.

122

Below the “Student Information” title head, click “Edit Student Record”

Edit the field that you want to modify. When done, click “Submit”.

3.3 ADVISER

3.3.1 Login





123

Once the "Login" button is clicked, the system will load and direct you to the home page.



The site will direct you to the adviser’s page.




124

3.3.3 Student Detail

To view student detail:



On the left panel, click “View Student Detail”

Choose a row from the list then click “View Detail” below the “Student Detail” title

head.

When done, click “OK”.

To add student detail:



On the left panel, click “Add Student Detail”

The site will direct you to “Add Student Detail” form

125

Fill out the necessary information.


To edit student detail:



On the left panel, click “Edit Student Detail”

Choose a row from the list then click “Edit Student Detail” below the “Student Detail”

title head.

126

Edit the fields that you want to modify.


To save, view or print Student Detail Report:



On the left panel, click “Student Detail Report”

Click “View Reports” below the “Student Information” title head.

127

3.3.4 Homepage






3.3.5 Forum



To create a topic:

Choose a category



128

Click "Create my topic now" button







Below the topic body, click on the "report abuse" button

129

The site will direct you to the Report Abuse Form





In this module, students and advisers can send complaints and students can ask for an

advice while counselors can give their advice and add violation records.

To send complaints:

On the main menu, click "Complaints" link

The Complaints form will appear.

130

You can send complaints anonymously or with your username. Choose your identity


Click “Send as anonymous” button to send your complaints anonymously or “Send as

{username}” button to send your complaint with your username.

Type in the subject of your complaint on the text area



3.4 ADMINISTRATOR



The site will direct you to the administrator’s page.


131



3.4.2 Accounts

A student account should be verified first by the administrator before it can login to the

site.

To verify student account:



On the left panel, click “Verify Student Accounts”

132

Select a row from the list to verify student account.

Below the “Student Information” title head, click “Validate Student Account”

The list of relevant students will appear.

Select the student to be approved in the list. You can search student's name on the search

bar. Once you have selected the student, click the Approve Student button.

To add an adviser account:



On the left panel, click “Modify Adviser Account”

133

Below the “Adviser Information” title head, click “Add”

Fill out the necessary information. When done, click “Save” to save or “Cancel” to abort.

To edit an adviser account:




Select a row from the list of advisers.

Below the “Adviser Information” title head, click “Edit”

134

Edit the fields that you want to modify. When done click “Update” to update or “Cancel”

to abort.

To archive Adviser:




Select a row from the list of advisers.

Below the “Adviser Information” title head, click “Archive”

The system will prompt you if you want to archive the account.

Click “OK” to archive or “CANCEL” to return to the Adviser Information Form.

To save, view or print Adviser Detail Report:




Click “Generate Report” below the “Adviser Information” title head.

135

To add a counselor account:



On the left panel, click “Modify Counselor Account”

Below the “Counselor Information” title head, click “Add”

Fill out the necessary information. When done, click “Save” to save or “Cancel” to abort.

To edit a counselor account:



136


Select a row from the list of counselors.

Below the “Counselor Information” title head, click “Edit”

Edit the fields that you want to modify. When done click “Update” to update or “Cancel”

to abort.

To archive Counselor:


The site will direct you to the admin’s page.


Select a row from the list of counselors.

Below the “Counselor Information” title head, click “Archive”

The system will prompt you if you want to archive the account.

Click “OK” to archive or “CANCEL” to return to the Counselor Information Form.

To save, view or print Counselor Detail Report:


137



Click “View Reports” below the “Counselor Information” title head.

To remove student detail:



On the left panel, click “Remove Student Detail”

Select a row from the list of students.

The system will ask you if the student is “Graduated” or “Dropped”.

138

After choosing, click “OK” to archive or “Cancel” to abort.

To view Graduated Student Details Report:



On the left panel, click “Graduated Student Detail”

Below the “Graduated Student Detail” header title, click “View Report”

139

To view Dropped Student Details Report:



On the left panel, click “Dropped Student Detail”

Below the “Dropped Student Detail” header title, click “View Report”

NEWS AND UPDATES

To add news:



On the left panel, click “Update Events”

140

Below the “News and Updates” header title, click “Add NEWS”

Fill in the event title, date, body and picture. Click “Choose File” button to choose a

picture.

When done, click “Create New Event”

To edit news:



On the left panel, click “Update Events”

Select a row from the list of events

141

Below the “News and Updates” header title, click “Edit NEWS”

When done, click “Update Event”

To delete news:



On the left panel, click “Delete Events”

Select a row from the list of events

Below the “News and Updates” header title, click “Delete NEWS”.

Click “OK” to delete or “Cancel” to abort.

Moderate Forum

To moderate forum:



On the left panel, click “Moderate Forum”

The system will show Student Forum Report.

142

Click “Delete” to delete report or “Ignore” to ignore the report.

Unblock Members

To unblock members:



On the left panel, click “Unblock Members”

The “Unblock Form” will appear.

Select a member to unblock.

Below the header title “Unblock Form”, click the Unblock button.

143

Web-Based Student Guidance Information SystemFor Marcelo H. Del Pilar National High School

Technical Manual

144

Sign Up Module

<script>$(document).ready(function (){$("#btncancel").click(function (){

$("#sign").dialog('close');});$("#btadd").click(function (){

var section = $("#section");var username = $("#uname");var password = $("#password");var cpassword = $("#cpassword");var email = $("#email");var pass = password.val().length;

if( section.val() == "" || section.val() == " "){$("#amsg1").text("* Please enter section");$("#amsg2").text("* Complete all the fields to save student records!");section.focus();}

else if( email.val() == "" || email.val() == " "){$("#amsg1").text("* Please enter an email address");$("#amsg2").text("* Complete all the fields to save student records!");

email.focus();}else if(!isValidEmail( email.val() ) ){$("#amsg1").text("* Please enter a valid email address");$("#amsg2").text("* Complete all the fields to save student records!");email.focus();}

else{isExistemail(section,email,username,password,cpassword);

}});});function isExistemail(section,email,username,password,cpassword){

$.ajax ({url:"templates/isemail_exist.php?email="+email.val(),success:function(data){

if(data == 1){$("#amsg1").text("* Email address already exists");$("#amsg2").text("* Complete all the fields to save student records!");email.focus();}

else{checkusername(section,email,username,password,cpassword);}

}});}//end of function isexistemailfunction checkusername(section,email,username,password,cpassword){

if(username.val() == "" || username.val() ==" "){$("#amsg1").text("* Please enter a username");$("#amsg2").text("* Complete all the fields to save student records!");username.focus();}

else{

145

$.ajax ({url:"templates/S_checkuname.php?uname="+username.val(),success:function(data){

if(data == 11){$("#amsg1").text("* Username already exists");$("#amsg2").text("* Complete all the fields to save student records!");username.focus();}

else if(data == 10 || data == 01 ){$("#amsg1").text("* Username already exists");$("#amsg2").text("* Complete all the fields to save student records!");

username.focus();}else if(password.val() == "" || password.val() == " "){

$("#amsg1").text("* Please enter password");$("#amsg2").text("* Complete all the fields to save student records!");password.focus();}

else if(password.val().length <= 6){$("#amsg1").text("* Password too short.Please enter at least 7 characters.");$("#amsg2").text("* Complete all the fields to save student records!");password.focus();}

else if(cpassword.val() != password.val()){$("#amsg1").text("* Password did not match.");$("#amsg2").text("* Complete all the fields to save student records!");password.focus();}

else{exist(section,username,password,email) }}});}}//end of checkusername

function exist(section,username,password,email){$.ajax({url: "templates/S_stud.php?section="+section.val() + "&username="+username.val() +"&password="+password.val()+ "&email="+email .val(),

success: function(data){if (data == 0){$("#disapprove").dialog({

modal:true, width:350, height: 200, show: "fade",hide: "fade",buttons: {OK: function() {$( this ).dialog( "close" );$("#sign").dialog( "close" ); }},});$("#disapprove").load();}

else{

$("#add").dialog({modal:true, width:350, height: 200, show: "fade",hide: "fade",buttons: {OK: function() {

146

sendemail(email,username,password);$( this ).dialog( "close" );$("#sign").dialog( "close" ); }},});$("#add").load();}}});}

function sendemail(email,username,password){var url = "templates/sendemail.php";$.post(url,{username:username.val(), password:password.val(),email:email.val()},

function(data){}); }function isValidEmail(strEmail){var validRegExp;validRegExp = /^[^@]+@[^@]+.[a-z]{2,}$/i; // search email text for regular exp matches if (strEmail.search(validRegExp) == -1){

return false; } return true; }</script><div id="add" title="" style="display:none">Your account details has been saved. <br>Please wait for the approval of the administrator!</div><div id="disapprove" title="" style="display:none">This account details is not accepted! <br> Please make sure that you are a enrolled student of MHPNHS.</div><div id="signup_table" align="center"><div id="dialogbox"></div><i><label id="amsg1" style="border:hidden; font-size: 12px; color:#F00;"></label></i><br/><i><label id="amsg2" style="border:hidden; font-size: 12px; color:#F00;"></label></i><table><tr><td align="right">Student No.:</td><td><input type="text" name="section" id="section"style="width:190px;"/></td></tr> <tr><td align="right">Email Address:</td><td> <input type="text" name="email" id="email"style="width:190px;"/></td></tr> <tr><td align="right">Username:</td><td><input type="text" name="username" id="uname"style="width:190px;"/></td></tr> <tr><td align="right">Password:</td><td><input type="password" name="password" id="password" style="width:190px;" /> </td></tr> <tr><td align="right">Confirm Password:</td><td><input type="password" name="cpassword" id="cpassword" style="width:190px;"/> </td></tr> <tr><td align="right" colspan="2"><input type="button" name="submit" value="Sign up" id="btadd">

147

<input type="button" name="cancel" value="Cancel" id="btncancel"></td> </tr></table> </div>

Login Module

<?phpsession_start();include_once ("db_connect.php");if(mysql_real_escape_string($_POST['username']) == "Enter Username"){ echo "<script language='JavaScript'>";echo "window.alert('Enter Username!')";echo "</script>";echo "<META HTTP-EQUIV=\"Refresh\" CONTENT=\"1; URL=../index.php\">"; }else if(mysql_real_escape_string($_POST['password']) == "Enter Pasword"){ echo "<script language='JavaScript'>";echo "window.alert('Enter Password!')";echo "</script>";echo "<META HTTP-EQUIV=\"Refresh\" CONTENT=\"1; URL=../index.php\">"; }else { $username = mysql_real_escape_string($_POST['username']);$pass = mysql_real_escape_string($_POST['password']);$password = md5($pass);$sql = mysql_query("SELECT * FROM login WHERE Username = '$username'") or die(mysql_error());$numrows = mysql_num_rows($sql);if($numrows < 1){ echo "<script language='JavaScript'>";echo "window.alert('Invalid Username!')";echo "</script>";echo "<META HTTP-EQUIV=\"Refresh\" CONTENT=\"1; URL=../index.php\">"; }else{ $sql1 = mysql_query("SELECT * FROM login WHERE Username = '$username'") or die(mysql_error());while($row1 = mysql_fetch_array($sql1)){ $rownum = $row1['Password'];$isblock = $row1['isblock'];$blockid = $row1['ID']; }if( $rownum != $password) { $pageblock++;$isblock++;mysql_query("UPDATE login set isblock=".$isblock." WHERE ID=".$blockid." ");echo "<script language='JavaScript'>";echo "window.alert('Invalid Password!')";echo "</script>";echo "<META HTTP-EQUIV=\"Refresh\" CONTENT=\"1; URL=../index.php\">"; }

148

else if($isblock >=3 || $isblock == 3){ echo "<script language='JavaScript'>";echo "window.alert('You have been block in the system please contact your administrator')";echo "</script>";echo "<META HTTP-EQUIV=\"Refresh\" CONTENT=\"1; URL=../index.php\">"; }else if ($isblock !=3){ $sql = mysql_query("SELECT * FROM login WHERE Username = '$username' AND Password='$password'") or die(mysql_error());while($row = mysql_fetch_array($sql)){ $name = $row['name'];$id = $row['ID'];$cid = $row['stud_id'];$password = $row['Password'];$type = $row['type'];$year = $row['year_level']; }mysql_query("UPDATE login set isblock='0' WHERE ID=".$id." ");$_SESSION['username'] = $_POST['username'];$_SESSION['password'] = $password;$_SESSION['id'] = $id;$_SESSION['cid'] = $cid;$_SESSION['name'] = $name; $_SESSION['year'] = $year;if($type == "a"){ $_SESSION['type'] = $type;header("location:Home_Admin.php?name=$name"); }else if($type == "b"){ $_SESSION['type'] = $type;header("location:Home_User.php?name=$name"); }else if($type == "c"){ $_SESSION['type'] = $type;header("location:Home_Counselor.php?name=$name"); }else if($type == "d"){ $_SESSION['type'] = $type;header("location:Home_Adviser.php?name=$name");}}} } ?>

Index Module

<html> <head><title>mhpnhs-guidance</title><link rel="shortcut icon" href="images/favcon.ico" /><meta name="description" content="Web Base Student Guidance Information System" /><meta name="keywords" content="Student Info, Online Counseling, ,Career Review, IQ and Personal Test" />

149

<meta http-equiv="content-type" content="text/html; charset=utf-8" /><link rel="stylesheet" href="css/maincss_and_slide.css" type="text/css" media="screen" />

<link rel="stylesheet" href="css/pro_left_right.css"><link type="text/css" rel="stylesheet" href="css/jquery-ui-1.8.16.custom.css"/><link type="text/css" rel="stylesheet" href="css/demos.css"/><script src="js/jquery-1.6.2.min.js" type="text/javascript" ></script><script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"></script><script language="JavaScript">

function validated(username,password){var username = new String();var password = new String();username = $("#log").val();password = $("#pwd").val();

var is_protocol_ok= username.indexOf("'");var is_protocol_ok1= password.indexOf("'");if (is_protocol_ok!=-1) { alert('Invalid Username');return false; }

if (is_protocol_ok1!=-1) { alert('Invalid Password'); return false; }

if(password =="Enter Pasword"){ window.alert("Please enter your password!");return false; }

if(username=="Enter Username"){window.alert("Please enter your username!");return false; } }

</script> <script src="js/slide.js" type="text/javascript"></script> <style> .text-label {font-style:italic; color: #FFF; font-family:Verdana, Geneva, sans-serif;} </style><script> $(document).ready(function() {

$( "#signup" ).click(function(){ $("#close").click(); }); $( "#contact" ).click(function(){ $("#close").click(); });

$( "#signup" ).click(function(){ $("#sign").dialog({

modal:true,width:450,

150

height: 300,show: "fade",hide: "explode" });

$("#sign").load("templates/signup.php"); }); $("#contact").click(function(){

$("#contactd").dialog({modal:true,width:400,height: 260,show: "explode",hide: "explode" });

$("#contactd").load("templates/contact_admin.php"); }); $('input[type="text"]').each(function(){

this.value = $(this).attr('title');$(this).addClass('text-label');

$(this).focus(function(){if(this.value == $(this).attr('title')) {

this.value = '';$(this).removeClass('text-label'); } });

$(this).blur(function(){if(this.value == '') {

this.value = $(this).attr('title');$(this).addClass('text-label'); } }); });

$('input[type="password"]').each(function(){ this.value = $(this).attr('title');

$(this).addClass('text-label'); $(this).focus(function(){

if(this.value == $(this).attr('title')) {this.value = '';$(this).removeClass('text-label'); } });


this.value = $(this).attr('title');$(this).addClass('text-label'); } }); }); });

</script> </head><body><div id="supermaindiv" align="center">

 <div id="sign" title="Sign Up"></div><div id="contactd" title="Unblocked"></div>

151

<div id="toppanel">

<div id="panel"><div class="content clearfix"> <div class="left">

<form class="clearfix" action="templates/Login2.php"

method="post"><h1>Welcome to Mhpnhs</h1><p style="font-size:9px; font-family:verdana, Geneva, sans-serif; text-align:justify;line-height:200%;" >             This site will establish an efficient and effective way of communication between the guidance office and students through online counseling and forums. It includes some features that are essential to students development such as personality test and IQ test, virtual bulletin board, career guidance, online counseling and forums.</p></form>

</div><div class="left" style="text-align:center"> <form class="clearfix" action="templates/Login2.php" method="post"><h1>Member Login</h1><label class="grey" for="log" style="font-size:12px; font-family:verdana,

Geneva, sans-serif; ">Username:</label><input class="field" type="text" name="username" title="Enter

Username" id="log" value="" size="23"/><label class="grey" for="pwd" style="font-size:12px; font-

family:verdana, Geneva, sans-serif; ">Password:</label><input class="field" type="password" name="password" title="Enter

Password" id="pwd" size="23" /><br><center><input type="submit" name="submit" value="Login"

class="bt_login" onClick="return validated(username,password)" style="margin-top:10px;"/></center></form>

</div><div class="left right"><form action="#" method="post">

<center> <h1>Not a member yet? Sign Up!</h1><br><p style="font-size:11px; font-family:verdana, Geneva, sans-serif; ">This site is exclusively made for MHPNHS students.</p> <br>

152

<a href="#" id="contact" style="font-size:11px; font-family:verdana, Geneva, sans-serif; ">Request to unblock?</a> <br>

<a href="#" id="signup" style="font-size:11px; font-family:verdana, Geneva, sans-serif; ">Sign Up?</a> </center></form> </div> </div> </div>



<div class="tab"><ul class="login">

<li class="left"> </li><li>Hello Guest!</li><li class="sep">|</li><li id="toggle">

<a id="open" class="open" style="font-family:Tahoma, Geneva, sans-serif" href="#">Login</a><a id="close" style="display: none; font-family:Tahoma, Geneva, sans-serif" class="close" href="#">Close</a> </li>

<li class="right"></li></ul>

</div>  </div>  <div id="maintable" ><table id="innertable" width="100%" align="center" ><tbody> <tr> <td id="tdheader"><div id="header"></div></td>

</tr> <tr> <td align="center" id="tdcontaintent"><div id="pro_linedrop"><ul class="select"><li><a href="templates/Homepage.php"

target="targetiframe1"><span style="margin-left:63px;">Home</span></a></li><li class="line"><a style="cursor:default;"><span>About Us</span></a>

<ul class="sub"><li><a href="templates/aboutus/History.php" target="targetiframe1">History</a></li><li><a href="templates/aboutus/Goals&obj.php" target="targetiframe1">Goals and Objective</a></li><li><a href="templates/aboutus/Academic_information.php" target="targetiframe1">Academic Information</a></li><li><a href="templates/aboutus/School_service.php" target="targetiframe1">Service Information</a></li><li><a href="templates/aboutus/Rules_and_regulations.php" target="targetiframe1">Rules and Regulations</a></li>

</ul> </li>

153

<li class="line"><a href="templates/aboutus/Contact_us.php" target="targetiframe1"><span>Contact Us</span></a><li class="line"><a href="templates/aboutus/Helphome.php" target="targetiframe1"><span>Help</span></a>

</ul> </div> </td></tr><tr> <td><iframe name="targetiframe1" style="border:thin; border:#F00;

width:100%; height:462px" src="templates/Homepage.php"></iframe></td></tr><tr> <td valign="buttom"><div id="footer" align="center"> <div align="center"><font style="font-size:11px">Copyright 2012 &copy MHPNHS All rights

reserved. <a href="#">mhpnhs-guidance.com</a></font><font style="font-size:11px">Developed by Zettabytes</font>

</div> </div> </td> </tr> </tbody> </table> </div> </div></body> </html>

Adding an Account Module

<?php$attri = $_GET['attri'];include("../db_connect.php");$sql="SELECT * FROM sy ";$result = mysql_query($sql);while($row = mysql_fetch_array($result)){$sy3 = $row['description'];}$data = explode("-", $sy3);$sql="SELECT * FROM student_info ";$result = mysql_query($sql);while($row = mysql_fetch_array($result)){ $num = $row['stud_id'] + 1; }$stunum= $data[0] . $num ;?><html> <head> <title>Add Student</title><script type="text/javascript"> $(document).ready(function () { $("#btncancel").click(function () { $("#addstudent").dialog('close'); });}); </script><script>function getvalue(year) { if (year=="") { year=0; }

154

if (window.XMLHttpRequest){// code for IE7+, Firefox, Chrome, Opera, Safarixmlhttp=new XMLHttpRequest(); }else{// code for IE6, IE5xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");}xmlhttp.onreadystatechange=function(){if (xmlhttp.readyState==4 && xmlhttp.status==200){document.getElementById("section").innerHTML=xmlhttp.responseText;}}xmlhttp.open("GET","add/getdata.php?year="+year,true);xmlhttp.send(); } </script>

<script type="text/javascript"> $(document).ready(function () { $("#btadd").click(function () {

var sy = new String();var snum = new String();var fname = new String();var mname = new String();var lname = new String();var year = new String();var section = new String();var gname = new String();var gaddress = new String();var gcontact = new String();var goccupation = new String();sy = $("#sy").val(); snum = $("#snum").val();fname = $("#fname").val();mname = $("#mname").val(); lname = $("#lname").val();year = $("#year").val();section = $("#section").val();gname = $("#gname").val();gaddress = $("#gaddress").val();gcontact = $("#gcontact").val();

if(sy ==0 ){$("#amsg1").text("* Please select year level");$("#amsg2").text("* Complete all the fields to save student records!"); }else if (section =="" || section == " " || section == "Enter Section"){$("#amsg1").text("* Please enter section");$("#amsg2").text("* Complete all the fields to save student records!");}else if (gname == "" || gname == " " || gname == "Enter Full Name"){ $("#amsg1").text("* Please enter guardian name"); $("#amsg2").text("* Complete all the fields to save student records!"); }else if (gaddress == "" || gaddress== " " || gaddress == "Address"){$("#amsg1").text("* Please enter address");$("#amsg2").text("* Complete all the fields to save student records!");}else{add(sy,snum,fname,mname,lname, year, section,gname,gaddress,gcontact);}});function add(sy,snum,fname,mname,lname, year, section,gname,gaddress,gcontact)

{$.ajax({url: "add/A_stud.php?sy="+sy +"&snum="+snum +"&fname="+fname +"&mname="+ mname +"&lname="+lname +"&year="+year +"&section="+section +"&gname="+gname +"&gaddress="+gaddress +"&gcontact="+gcontact,success: function(data){

if (data == 1) {$("#add").dialog({modal:true, width:350, height: 200, show: "fade",hide: "fade",buttons: {OK: function() {

155

$( this ).dialog( "close" );$("#right_table").load("add/Add_student.php"); }},});$("#add").load();}

else{alert("dinasave"); }}});</script> </head><body><div id="add" title="ADD STUDENT" style="display:none"> New Student Record has been saved!</div><div id="addload" style="display:none"><img src="../images/load.gif" style="margin: 0px"></div><table align="center" style="font-size:15px background-color:#666"><tr><td> <table style="margin-left:160px; margin-top:20px;" ><tr> <td height="23px" colspan="2"><i><label id="amsg1" style="border:hidden; font-size: 12px; color:#F00;"></label> </i><br><i><label id="amsg2" style="border:hidden; font-size: 12px; color:#F00;"></label></i></td> </tr><tr> <td style="font-size:18px; font-family:verdana">Student NO.:         </td><td><input type="label" name="snum" id="snum" size="39" style="height:23px" disabled value="<?php echo $stunum ; ?>"/> </td></tr><tr><td style="font-size:18px; font-family:verdana">School Year:         </td><td><input type="label" name="sy" id="sy" size="39" style="height:23px" disabled value="<?php echo $sy3; ?>"/> </td></tr><tr><td style="font-size:18px; font-family:verdana">First Name: </td><td><input type="text" name="fname" title="Enter First Name" id="fname" size="35" style="height:23px"/> </td></tr><tr><td style="font-size:18px; font-family:verdana">Middle Name: </td><td><input type="text" name="mname" title="Enter Middle Name" id="mname" size="35" style="height:23px"/> </td></tr><tr> <td style="font-size:18px; font-family:verdana">Last Name: </td><td><input type="text" name="lname" title="Enter Last Name" id="lname" size="35" style="height:23px"/> </td></tr><tr><td style="font-size:18px; font-family:verdana">Year Level: </td><td> <Select name ="year" style="width:270PX; height:23px" id="year" onchange="getvalue(this.value)"><option value="0">Select Year Level</option><option value="1st year"> 1st year</option><option value="2nd year"> 2nd year </option>

156

<option value="3rd year"> 3rd year </option><option value="4th year"> 4th year </option></select></td> </td></tr><tr> <td style="font-size:18px; font-family:verdana">Section: </td><td> <Select name ="section" style="width:270PX" id="section" style="width:270PX; height:23px"><option value="0">Select a section</option> </select> </td></tr><tr> <td colspan="2" style="font-size:18px; font-family:verdana"><br>Person to be contact in case of emergency<br><br> </td></tr><tr> <td style="font-size:18px; font-family:verdana">Full Name: </td><td> <input type="text" name="gfname" title="Enter Full Name" id="gname" size="35" style="height:23px"/> </td></tr><tr> <td style="font-size:18px; font-family:verdana">Address: </td><td> <input type="text" name="gaddress" title="Address" id="gaddress" size="35" style="height:23px"/> </td></tr><tr> <td style="font-size:18px; font-family:verdana">Contact no.: </td><td> <input type="text" name="gcontact" title="NONE" id="gcontact" size="35" style="height:23px"/> </td></tr><tr> <td align="right"> <br><center> <input type="button" value="submit" style="width:110px; height:30px;" name="submit" alt="Submit" id="btadd"/></center></td></tr></td></tr></table></table></body> </html>

To Unblock an Account Module

<script type="text/javascript">$(document).ready(function () { $("#back").click(function () {

$("#contactd").dialog('destroy'); });$(' input[ type = "text" ] ').each(function() {

this.value = $(this).attr('title');$(this).addClass('text-label');$(this).focus(function(){if(this.value == $(this).attr('title')) {this.value = '';$(this).removeClass('text-label'); }});

$(this).blur(function(){if(this.value == '') {this.value = $(this).attr('title');$(this).addClass('text-label'); } }); });

157

$(' input[ type = "password" ] ').each(function(){ this.value = $(this).attr('title');

$(this).addClass('text-label');$(this).focus(function(){if(this.value == $(this).attr('title')) {

this.value = '';$(this).removeClass('text-label'); } });


this.value = $(this).attr('title');$(this).addClass('text-label'); } }); });

$("#request").click(function () {var username = $("#username");var password = $("#password");

if(username.val() == "" || username.val() == " " || username.val() == "Enter username"){alert("Enter Username!");}else if(password.val() == "" || password.val() == " " || password.val() == "Enter password") {alert("Enter Password!");}else {var url = "templates/check_member.php"; $.post(url, {username:username.val(),password:password.val() },function(data){var arraydata = new Array;arraydata = data.split("+");if(arraydata[0] == 1){

alert(arraydata[1]);$("#contactd").dialog('destroy');}

else if (arraydata[0] == 0){alert(arraydata[1]);$("#contactd").dialog('destroy');} })} }); });

</script><div id="dialogcolor"><p id="help">Does your account blocked? Type your username and password to contact our admin to unblock your account.</p><table align="center"><tr><td><font id="help2">Username</font></td><td><input type="text" id="username" name="username" title="Enter username" value="" /></td></tr><tr><td><font id="help2">Password</font></td>

158

<td><input type="password" id="password" name="username" title="Enter password" value=""/></td></tr><tr><td><br><button id="request">Submit</button></td><td><br><button id="back">Cancel</button></td></tr></table> </div>

IQ Test Module

<html xmlns="http://www.w3.org/1999/xhtml"><head> <link href="../../css/jquery-ui.css" rel="stylesheet" type="text/css"/> <script src="../../js/jquery.min.js"></script> <script src="../../js/jquery-ui.min.js"></script> <script type="text/javascript" src="../../js/jquery.color.js"></script><meta http-equiv="3ontent-Type" content="text/html; charset=utf-8" /><title>IQ TEST</title> <script> var var1=0,var2=0,var3=0,var4=0,var5=0, function f1(iq1){

var1= iq1;} function f2(iq2) {

var2= iq2; }function f3(iq3){

var3= iq3;}function f4(iq4){

var4= iq4;}function f5(iq5){

var5= iq5;}$.fx.speeds._default = 1000; $(document).ready(function() { $( "#res" ).click(function(){

$("#result").dialog({ modal:true, width:360, height: 250, show: "blind", hide: "explode",open: function(event, ui) { $(".ui-dialog-titlebar-close").hide(); }});$("#result").load("iqres.php?q1="+ var1 + "&q2="+ var2 + "&q3="+ var3+ "&q4="+ var4 + "&q5="+ var5); }); });</script>

159

<style type="text/css"> </style><link href="iq.css" rel="stylesheet" type="text/css"></head><body><div id="result" title="Your Test Result"></div><center> <img src="../../images/iqh.png"> </center><p class="IQquest">1.<center> <img src="../../images/one.jpg"></center></p><ul class="IQ1"><li><input type = "radio" name="iq1" onClick="f1(this.value)" value="1"> A </li><li><input type = "radio" name="iq1" onClick="f1(this.value)" value="2"> B </li><li><input type = "radio" name="iq1" onClick="f1(this.value)" value="3"> C </li><li><input type = "radio" name="iq1" onClick="f1(this.value)" value="4"> D </li><li><input type = "radio" name="iq1" onClick="f1(this.value)" value="5"> E </li><br><br> </ul> <p class="IQquest">2. By starting at the Z in the center and moving from letter to adjacent letter to an outside O,<br>   how many different ways can the word ZERO be spelled out?</p> <center><img src="../../images/two.jpg" ></center><ul class="IQ1"><li><input type = "radio" name="iq2" onClick="f2(this.value)" value="1"> 4 </li><li><input type = "radio" name="iq2" onClick="f2(this.value)" value="2"> 12 </li><li><input type = "radio" name="iq2" onClick="f2(this.value)" value="3"> 16 </li><li><input type = "radio" name="iq2" onClick="f2(this.value)" value="4"> 28 </li><li><input type = "radio" name="iq2" onClick="f2(this.value)" value="5"> 32 </li><br><br> </ul><p class="IQquest">3. What letter should logically replace the question mark?<br><br>A D E I K "?"</p><ul class="IQ"><li><input type = "radio" name="iq3" onClick="f3(this.value)" value="1"> L

</li><br><li><input type = "radio" name="iq3" onClick="f3(this.value)" value="2"> M

</li><br><li><input type = "radio" name="iq3" onClick="f3(this.value)" value="3"> N

</li><br><li><input type = "radio" name="iq3" onClick="f3(this.value)" value="4"> O

</li><br><li><input type = "radio" name="iq3" onClick="f3(this.value)" value="5"> P

</li><br></ul><p class="IQquest">4. Which word below is an antonym of "SUPERB"?</p><ul class="IQ">

160

<li><input type = "radio" name="iq4" onClick="f4(this.value)" value="1"> HUMBLE</li><br><li><input type = "radio" name="iq4" onClick="f4(this.value)" value="2"> OLD</li><br><li><input type = "radio" name="iq4" onClick="f4(this.value)" value="3"> PATHETIC</li><br><li><input type = "radio" name="iq4" onClick="f4(this.value)" value="4"> WORN</li><br><li><input type = "radio" name="iq4" onClick="f4(this.value)" value="5"> CHEAP</li><br> </ul><p class="IQquest">5. What is the result of multiplying the sum of the odd numbers in the left-hand grid by the sum of the even numbers    in the right-hand grid?</p><center> <img src="../../images/five.jpg"></center> <ul class="IQ1"><li><input type = "radio" name="iq5" onClick="f5(this.value)" value="1"> 3500 </li><li><input type = "radio" name="iq5" onClick="f5(this.value)" value="2"> 3501 </li><li><input type = "radio" name="iq5" onClick="f5(this.value)" value="3"> 3502 </li><li><input type = "radio" name="iq5" onClick="f5(this.value)" value="4"> 3503 </li><li><input type = "radio" name="iq5" onClick="f5(this.value)" value="5"> 3504 </li><br><br> </ul><center><input type="submit" style="width:80px; height:25px" name="e" id="res" value="Submit" onClick="return validated()"/></center><br></form> </body> </html>

161

Project Gantt Chart

162

163

Communication Letters

164

165

166

167

168

169

170

171

Curriculum Vitae