web based student guidance information system - documentation
DESCRIPTION
This is the documentation I made for our capstone project (March 2012). The system is a Web Based Student Guidance Information System for Marcelo H. del Pilar National High School.TRANSCRIPT
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
Figure 18.2.2: Forum Function
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
Figure 18.2.3: Forum Function
Help page
Return to Menu
If choice = “Back”T
F
4
47
Figure 18.2.4: Forum Function
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”
If choice =“Cancel”
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
If choice =“Save”
If choice =“Cancel”
56
Figure 18.2.15: Modify Counselor
25
Update CounselorAccount
T
F
F
24T
Update CounselorInformation
If choice =“Update”
If choice =“Cancel”
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
If choice =“Save”
If choice =“Cancel”
34
Update News and Events
T
F
F
32T
Update EventsInformation
If choice =“Update”
If choice =“Cancel”
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 = “Home”
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
If choice =“Cancel”
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”
If choice = “About us”
If choice = “Contact us”
46
If choice = “Forum”
If choice = “Complaints”
If choice = “Home”
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
If choice = “About us”
If choice = “Home”
If choice = “About us”
47Y
N
ComplaintsIf choice = “Complaints”
If choice = “Contact us”
14Y
N
Help
T
N
About us
4
5
T
N Homepage
If choice = “Forum”
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
Email_AddressCounselor_Id
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
Email_AddressCounselor_Id
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
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 the Login panel on the upper-right side of the website to open it.
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
from the two buttons on the upper-right side of the form.
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
Type in your message in the message box
When done, click “Send” button.
3.2 COUNSELOR
3.2.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.
113
Type in your Username and Password
Click "Login" to proceed or "Close Panel" to abort.
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
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.
115
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.2.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
Click "Create New Topic" button
116
Type in a title for your topic and your message
Click "Create topic" button
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.
117
To report an abusive message or topic:
Click on the "report abuse" button below the topic body
The site will direct you to the Report Form
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.2.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 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
The site will direct you to the counselor’s page.
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:
On the main menu, click “Accounts” link
The site will direct you to the counselor’s page.
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
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.
123
Once the "Login" button is clicked, the system will load and direct you to the home page.
3.3.2 Change Password
On the homepage, click “Accounts” link
The site will direct you to the adviser’s page.
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.
124
3.3.3 Student Detail
To view student detail:
On the homepage, click “Accounts” link
The site will direct you to the adviser’s page.
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 homepage, click “Accounts” link
The site will direct you to the adviser’s page.
On the left panel, click “Add Student Detail”
The site will direct you to “Add Student Detail” form
125
Fill out the necessary information.
When done, click “Submit”.
To edit student detail:
On the homepage, click “Accounts” link
The site will direct you to the adviser’s page.
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.
When done, click “Submit”.
To save, view or print Student Detail Report:
On the homepage, click “Accounts” link
The site will direct you to the adviser’s page.
On the left panel, click “Student Detail Report”
Click “View Reports” below the “Student Information” title head.
127
3.3.4 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.3.5 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
Click "Create New Topic" button
Type in a title for your topic and your message
128
Click "Create my topic now" button
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
129
The site will direct you to the Report Abuse Form
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.3.6 Online Counseling
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
from the two buttons on the upper-right side of the form.
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
Type in your message in the message box
When done, click “Send” button.
3.4 ADMINISTRATOR
3.4.1 Change Password
On the homepage, click “Accounts” link
The site will direct you to the administrator’s page.
On the left panel, click “Change Password”
131
Input the necessary data (Old Password, New Password, and Confirm New Password).
Click “Update” to save changes or “Back” to cancel.
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 main menu, click “Accounts” link
The site will direct you to the administrator’s page.
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 main menu, click “Accounts” link
The site will direct you to the administrator’s page.
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:
On the main menu, click “Accounts” link
The site will direct you to the administrator’s page.
On the left panel, click “Modify 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:
On the main menu, click “Accounts” link
The site will direct you to the administrator’s page.
On the left panel, click “Modify Adviser Account”
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:
On the homepage, click “Accounts” link
The site will direct you to the administrator’s page.
On the left panel, click “Modify Adviser Account”
Click “Generate Report” below the “Adviser Information” title head.
135
To add a counselor account:
On the main menu, click “Accounts” link
The site will direct you to the administrator’s page.
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:
On the main menu, click “Accounts” link
The site will direct you to the administrator’s page.
136
On the left panel, click “Modify Counselor Account”
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:
On the main menu, click “Accounts” link
The site will direct you to the admin’s page.
On the left panel, click “Modify Counselor Account”
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:
On the homepage, click “Accounts” link
137
The site will direct you to the administrator’s page.
On the left panel, click “Modify Counselor Account”
Click “View Reports” below the “Counselor Information” title head.
To remove student detail:
On the homepage, click “Accounts” link
The site will direct you to the administrator’s page.
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 homepage, click “Accounts” link
The site will direct you to the administrator’s page.
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 homepage, click “Accounts” link
The site will direct you to the administrator’s page.
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 homepage, click “Accounts” link
The site will direct you to the administrator’s page.
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 homepage, click “Accounts” link
The site will direct you to the administrator’s page.
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 homepage, click “Accounts” link
The site will direct you to the administrator’s page.
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 homepage, click “Accounts” link
The site will direct you to the administrator’s page.
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 homepage, click “Accounts” link
The site will direct you to the administrator’s page.
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).blur(function(){if(this.value == '') {
this.value = $(this).attr('title');$(this).addClass('text-label'); } }); }); });
</script> </head><body><div id="supermaindiv" align="center">
<!--setting the msgbox div--> <div id="sign" title="Sign Up"></div><div id="contactd" title="Unblocked"></div><!-- end-->
151
<!-- Panel --><div id="toppanel">
<div id="panel"><div class="content clearfix"> <div class="left">
<!-- Login Form --><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"> <!-- Login Form --><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"><!-- Register Form --><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>
<!-- /login --><!-- The tab on top -->
<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> <!-- / top --> </div> <!--panel --> <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 © 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 +"§ion="+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).blur(function(){if(this.value == '') {
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