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, Nonstandardized 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.emailtherapy.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 selfconfidence; 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 secondmost-commonly cited activity was postsecondary admissions and selections, and onethird 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

 About MHPNHS o Goals and Objectives o History o Rules and Regulations o Guidance Service  List of Schools in Bulacan o 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

Project Identification & Selection Project Initialization & Planning

Implementation

Designing

Analysis

Web-Based Student Guidance Information System For MHPNHS

Figure 1: Conceptual Framework

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

Figure 5: Send Complaints

26

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.

Figure 7: Forum Categories Forum categories were created to easily locate and sort the topic that the student is searching.

27

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.

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

28

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.

Figure 11: Career Review Test

29

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 The students may also browse Universities and Colleges from the system and the programs they offer.

Figure 13: Student Detail Report

30

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.

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.

31

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. Assumptions and Dependencies The system can be implemented with the given requirements specified below: Table 1 System Requirements Minimum Processor: Pentium 3 RAM: 512 MB Browser: IE, Firefox, Chrome, Safari, Opera HDD: 40 GB Recommended Processor: Pentium Core2Duo or higher RAM: 1GB or higher Browser: IE, Firefox, Chrome, Safari, Opera HDD: 80GB or higher

32

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)

35

(ethel have the updated flowchart)
Start

Display Home Screen

7

If choice = “Login” F If choice = “Sign Up” F If choice = “Request to unblock” F If choice = “Home” F If choice = “About Us” F If choice = “Contact Us” F If choice = “Close” T

T

Log In

1

T Sign Up

2

T

Request to Unblock

3

T Homepage

4

T

About Us

5

T

Contact Us

6

F

8

End

36

Figure 18: Main Page

1

Input Username Password

If username && Password == “Admin”

T

Admin Page

9

F

If username && Password == “Counselor”

T

Counselor Page

38

F

If username && Password == “Adviser”

T

Adviser Page

46

F

If username && Password == “Student”

F

ctr=ctr+1

If ctr<=3

T

T

F

Student Page

8

54

Figure 18.1: System Login Function

37

2

Initialization of memory variables

Input Sign up ID

Input Student Information

If choice = “Sign up”

F

If choice = “Cancel”

F

T 7

T

Sign up

7

Figure 18.1.1: System Sign up Function

38

3

Input Username

Does username exist?

F

T
Input Password

Is password correct?

F

T

If choice = “submit”

F

If choice = “Cancel”

F

T 7
Request to Unblock

T

7

39

Figure 18.1.2: Request to Unblock

4

B

Load News &Event Database

If choice = “see more”

T
News view more

A

F

A

Load News &Events Database

If choice = “back”

T B

F

40

Figure 18.1.3: Home Page
5 A

If choice= ”History”

T
History Page

A

T

If choice= “Goals and Objectives”

T

Goals and Objectives Page

A

F

If choice= “Academic Information”

T

Academic Information

A

F

If choice= “Service Information”

T

Service Information Page

A

F

If choice= “Rules and Regulation”

T

Rules and Regulation Page

A

F A

Figure 18.1.4: About Us Function

41

6

Contact Us Page

If choice= “Back”

T

Return to Menu

F

Figure 18.1.5: Contact Us Function

42

9

If choice = “Home” F

T Home Page

4

T If choice = “About Us” F T About Us

5

If choice = “Contact” F

Contact Us

6

If choice = “Forum” F

T

Forum

10

If choice = “Help” F

T

Help

14

T If choice = “Account” F T If choice = “Logout” F F If choice = “Close” T Account

15

7

8

43

Figure 18.2: Main Menu for Administrator

10

Load Forum Database

If choice= “Academic”

T

Academic Category

11

F

If choice= “Sports”

T

Sports & School Events Category

11

F

If choice= “Personal”

T

Personal Category

11

F

If choice= “Others”

T

Others Category

11

F

Figure 18.2.1: Forum Function

44

11

Load Forum Database

If choice= “Create New Topic”

T

Create New Topic

12

F

If choice= “Subject Title”

T

Reply to Post

B

F

If choice= “Forum Home”

T

10

F

Figure 18.2.2: Forum Function

45

12

If choice = “Topic Title”

T 11

F

If choice = “Forum Home”

T 10

F
[

Input topic title

F

Input topic message

If choice = “Create my topic now”

T

Topic title and message send

13

F

Figure 18.2.3: Forum Function

46

1 3

If choice = “Post a response”

T

Input response message

If choice = “Submit”

T

Load News & Event Database

F

F

F

If choice = “Post a response”

If choice = “Cancel”

T

T F A

A

Input type of abuse

F
If choice = “send”

F

If choice = “back”

T

13

T
Report abuse submitted

13

47

Figure 18.2.4: Forum Function

4

Help page

If choice = “Back”

T
Return to Menu

F

Figure 18.2.5: Help Function

48

15

If choice = “Verify Student Account”

T

If choice = “Verify Student Account”

16

F
If choice = “Modify Adviser Account”

T

If choice = “Modify Adviser Account”

8

F

If choice = “Modify Counselor Account”

T

If choice = “Modify Counselor Account”

23

F
If choice = “Remove Student Account”

T

If choice = “Remove Student Account”

28

F
If choice = “Move Student Account”

T

If choice = “Move Student Account”

29

F
If choice = “Graduated Student Detail”

T

If choice = “Graduated Student Account”

30

59

49

Figure 18.2.6: Account Function
59

If choice = “Dropped Student Detail”

T

If choice = “Dropped Student Account”

31

F T

If choice = “Update Events”

If choice = “Update Events”

32

F T

If choice = “Moderate Forums”

If choice = “Moderate Forums”

35

F

If choice = “Unblock Members”

T

If choice = “Unblock Members”

36

F

If choice = “Change Password”

T

If choice = “Change Password”

37

F T 9

If choice = “Home”

15

50
16 A

Figure 18.2.7: Account Function

If choice = “School year”

T

Load all students Equal to SY

A

F

If choice = “Year level”

T

Load all students Equal to year level

A

F

If choice = “Section”

T

Load all students Equal to section

A

If choice = “Lastname”

T
Approve Student

17

F

If choice = “Validate Student Account”

T

Are you sure do you want to delete?

Delete Sign Up

A

F A
If choice = “Delete Sign Up”

A

51

Figure 18.2.8: Verify Student Accounts
17

A
A
If sign up = “School member”

T

Validate Student

If choice = “Approve”

T

Validate Student

A
A

F

F

A
If choice = “Cancel”

T

16

A

F

Figure 18.2.9: Approve Student Accounts

52

18
B
V
If choice = “Add Adviser”

T
Add Form

19

F
If choice = “Edit Adviser”

T
Edit Form

20

F
If choice = “Archive Adviser”

T

Are you sure?

T

Archive Adviser

B

F
F

F T
Archive

B 21

If choice = “View Archive”

F
If choice = “Generate Report”

T
View Report

22

F

Figure 18.2.10: Modify Adviser

53

19

Input Adviser Information

If choice = “Save”

T

Save adviser Account

F

If choice = “Cancel”

T

18

F

Figure 18.2.11: Add Adviser
20

Update Adviser Information

If choice = “Update”

T

Update adviser Account

F

If choice = “Cancel”

T

18

F

54

Figure 18.2.12: Edit Adviser

21

Load adviser archive database

If choice = “cancel”

T

18

F

Figure 18.2.13: View Adviser Archive
22

Load adviser Report

If choice = “Generate reports”

T
Generate Report

F 18

55

Figure 18.2.14: View Adviser Report
23

A

If choice = “Add Counselor”

T
Add Form

24

F
If choice = “Edit Counselor”

T
Edit Form

25

F
If choice = “Archive Counselor”

T

Are you sure?

T

Archive Adviser

A

F
If choice = “View Archive”

F T
Archive

A

26

F
If choice = “Generate Report”

T
View report

27

F

Figure 18.2.15: Modify Counselor

56

24

Input Counselor Information

If choice = “Save”

T

Save Counselor Account

F

If choice = “Cancel”

T

23

F

Figure 18.2.16: Add Counselor
25

Update Counselor Information

If choice = “Update”

T

Update Counselor Account

F

If choice = “Cancel”

T

24

F

57

Figure 18.2.17: Edit Counselor
26

Load counselor archive database

If choice = “cancel”

T

23

F

Figure 18.2.18: View Counselor Archive
27

Load counselor Report

If choice = “Generate reports”

T
Generate Report

F 23

Figure 18.2.19: View Counselor Report

58

28 A T

If select =”school year”

Load all students whose school year is equal to sy

A

F T
Load all students whose year level is equal to year

If select =”year level”

A

F
If select =”section”

T

Load all students whose section is equal to section

A

F
If select =”lastname ”

T

Load all students whose last name is equal to last name

A

F
If choice = “remove student “

T
Is dropped?

T
Dropped Student

A

F 15

F
Is graduated?

T
Graduated Student

A

F A

59

Figure 18.2.20: Remove Student Detail

29 A T

If select = ”school year”

Load all students whose school year is equal to sy

A

F T

If select = ”year level”

Load all students whose year level is equal to year

A

F T

If select =” section”

Load all students whose section is equal to section

A

F T

If select = ”lastname”

Load all students whose last name is equal to last name

A

F T
Input username and password

If choice = “remove student “

If choice = “Move Student”

T
Move Student

A

F 15 A

F

60

Figure 18.2.21: Move Student Detail

30

If choice = “View reports”

T
Load Graduated Student Report

F 15

Figure 18.2.22: Graduated Student Detail

31

If choice = “View reports”

T
Load Dropped Student Report

F 15

Figure 18.2.23: Dropped Student Detail

61

32 B
If choice = “Add Events”

T
Add Events

33

F
If choice = “Edit Events”

T
Edit Events

34

If choice = “Delete Events”

T

Are you sure?

T

Delete Events

B

F B

B

Figure 18.2.24: Update Events
33

Input Events Information

If choice = “Save”

T

Save News and Events

F

If choice = “Cancel”

T

32

F

62

34

Figure 18.2.25: Add Events

Update Events Information

If choice = “Update”

T

Update News and Events

F

If choice = “Cancel”

T

32

F

Figure 18.2.26: Update Events
34 A T
Input bad word

If choice = “add word“

If choice = “Add”

T

Add Bad word

A

If choice = “Delete”

T

Are You sure?

T
Delete Forum Post

A

F
A

A

63

Figure 18.2.27: Moderate Forum
36

If choice = “Unblock”

T

Update News and Events

F 32

Figure 18.2.28: Unblock Members

37

Input old password

Input new password

confirmed new password

If choice = “update”

T

Update password

F

64

Figure 18.2.29: Change Password
38

If choice = “Home” F If choice = “About us” F If choice = “Contact us” F If choice = “Forum” F If choice = “Help” F
If choice = “Complaints”

T

Homepage

4

T About us

5

T

Contact us

6

T Forum

10

T

Help

14

T

Complaints

39

F If choice = “Advice” F If choice = “Accounts” F If choice = “Logout” F If choice = “Close” F T T T Accounts T Advice

39

40

R

7

8

65

Figure 18.3: Main Menu for Counselor

39

If choice= “message”

T

Load Message

If choice= “message ”

F

A

F
Input Message

T

If choice= “delete message”

F A

T

F

If choice= “reply”

T

Reply Sent

Are you Sure?

F A A

T
Message delete

Figure 18.3.1: Inbox Function
A

66

40

If choice = “Student counseling”

Y

Student Counseling

41

N
If choice = “Hotlist”

Y

Hotlist

44

N
If choice = “Student violation report”

Y

Student Violation Report

45

N
If choice = “Change password”

Y

37

N

Figure 18.3.2: Accounts for Counselor

67

41 A
If choice = “Add record”

Y

Add record

42

N
If choice = “Edit record” N If choice = “Delete record”

Y

Edit record

43

Y

Are you sure?

Delete record

A

N A A

Figure 18.3.3: Student Counseling

42 A
Select Student information

Input problem & recommendation

If choice = “Add”

T
Add new record

A

F T 41

If choice = “Cancel”

F A

68

Figure 18.3.4: Add Record

43 A
Update student record

T
If choice = “update” Update record

A

F

T
If choice = “cancel”

41

F A

Figure 18.3.5: Edit Record

69

44

Load Hotlist

T
If choice = “view report”

View Report

F

If choice = “cancel”

T

40

Figure 18.3.6: Hot List
45

If choice = “view report”

View Report

F

If choice = “back”

40

70

Figure 18.3.7: Student Violation Report
46

If choice = “Home”

Y

Homepage

4

N
If choice = “About us”

Y
About us

5

N
If choice = “Contact us”

Y

Contact us

6

N
If choice = “Forum”

Y

Forum

10

N
If choice = “Help”

Y

Help

14

N
If choice = “Complaints”

Y

Complaints

47

N
If choice = “Account”

Y
Accounts

49

N
If choice = “Logout”

Y 7 N Y

If choice = “Close”

8

N

71

Figure 18.4: Main Menu for Adviser
47

If choice = “send complaint”

T
Send complaint

48

F

If choice = “inbox”

39

F

Figure 18.4.1: Complaints
48

Input your username

Input subject & message complaints

If choice = “send”

T

Message sent

F

72

Figure 18.4.2: Sending Complaints

49

If choice = “view student detail”

T

View student

50

F
If choice = “add student detail”

T
Add student

51

F
If choice = “Edit student detail”

T
Edit student

52

F
If choice = “view reports”

T

View reports

53

F
If choice = “change password”

T 37

F

Figure 18.4.3: Accounts Adviser

73

50

Load all Student

T
If choice = “view student”

If row Is selected?

T
View student detail

A

F A

F

No row selected

A

Figure 18.4.4: View Student

51

Input student information

If choice = “Add”

T
Add student

F

74

Figure 18.4.5: Add Student

52

Update student information

T
If choice = “update”

Update student

F

Figure 18.4.6: Edit Student

53

Load student Detail report

T
If choice = “close”

49

F

Figure 18.4.7: View Student Reports

75

54

If choice = “Home”

T

Homepage

4

N
If choice = “About us” N If choice = “Contact us” Y

T

About us

5

Contact us

6

N
If choice = “Forum” N If choice = “About us” N If choice = “Complaints” N If choice = “Advice” N If choice = “Test” Y Y Y Y Y

Forum

10

Help

14

Complaints

47

Advice

55

Test

57

N
If choice = “Career” N If choice = “logout” Y Y

Career

58

7

N
If choice = “Close” Y

8

N

76

Figure 18.5: Main Menu for Student
55

If choice = “Ask advice”

T
Ask advice

56

F T
If choice = “inbox”

39

F

Figure 18.5.1: Ask Advice

56
If choice = “Advice”
Input your username

Input subject & message advice

If choice = “send”

T

Advice sent

F

Figure 18.5.2: Sending Advice

77

57 A

If choice = “IQ Test”

T

Answer IQ Test Questions

If choice = “submit”

T

See Result

A

F

F

If choice = “Personality Test”

T

Answer Personality Questions

If choice = “submt”

T

See Result

A

F A

Figure 18.5.3: Test

58

If choice = “Career Review Test”

T

Answer Career Review Test Questions

If choice = “submit”

T

See Result

A A

F
If choice = “Universities and Colleges”

F

T

Load Universities and Colleges

A

F

Figure 18.5.4: Career Review Test

78

schema

79

Entity-Relationship Diagram Business Rules

L_Name M_Name First_Name Adviser_Id

Contact_No Gender Address
Email_Address

Password Username Login_Id User_Type Year_Level

ADVISER

creates

ACCOUNT

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

Password Username Login_Id User_Type Year_Level Forum_Id Message Time_Sent

ACCOUNT

makes

FORUM MESSAGE

Figure 20.1: Business Rule #2 Each ACCOUNT makes a FORUM MESSAGE; any number of FORUM MESSAGE can be made by an ACCOUNT

L_Name Password Username Login_Id User_Type Year_Level M_Name First_Name
Counselor_Id

Contact_No Gender Address
Email_Address

ACCOUNT

has

COUNSELOR

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

80

SY L_Name M_Name First_Name Student_Id Year_Level Section Gender
Address

Password Username Login_Id User_Type Year_Level

STUDENT

creates

ACCOUNT

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

Year_Level Section Gender
Address

First_Name Student_Id

Violation_Id

Time_Sent

VIOLATION

commits

STUDENT

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

Message Forum_Id Time_Sent Subject_Id

Subject Date_Created

FORUM MESSAGE

contains

FORUM SUBJECT

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

81

SY L_Name M_Name First_Name Student_Id Year_Level Section Gender
Address

SY L_Name M_Name First_Name Student_Id Year_Level Section Gender
Address

STUDENT

verify

STUDENT

Figure 20.6: Business Rule #7 Each STUDENT verifies a STUDENT; each STUDENT is verified by a STUDENT
SY L_Name M_Name First_Name Student_Id Year_Level Section Gender
Address Message_Id

Message Time_Sent

STUDENT

sends

COMPLAINTS MESSAGE

Figure 20.7: Business Rule #8 Each STUDENT sends any number of COMPLAINTS MESSAGE; each COMPLAINTS MESSAGE is sent by a STUDENT
L_Name M_Name Message
Message_Id

Contact_No Gender Address
Email_Address

First_Name Time_Sent
Counselor_Id

COMPLAINTS MESSAGE

receives

COUNSELOR UNT

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

82

Message
Message_Id

Subject Time_Sent
Subject_Id

Date_Created

COMPLAINTS MESSAGE

includes

COMPLAINTS SUBJECT

Figure 20.9: Business Rule #10 Each COMPLAINTS MESSAGE includes COMPLAINTS SUBJECT; each COMPLAINTS SUBJECT is included in any number of COMPLAINTS MESSAGE

SY L_Name M_Name First_Name Student_Id Year_Level Section Gender
Address Advice_Id

Message Time_Sent

STUDENT

asks

ADVICE MESSAGE

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

L_Name M_Name First_Name
Counselor_Id

Contact_No Gender Address
Email_Address Advice_Id

Message Time_Sent

COUNSELOR

gives

ADVICE MESSAGE

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

83

Message
Advice_Id

Subject Time_Sent
Subject_Id

Date_Created

ADVICE MESSAGE

comprises

ADVICE SUBJECT

Figure 20.12: Business Rule #13 Each 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 onscreen 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. 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. Ability to identify the root cause of a failure within the

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 Unfamiliar terms All

correctly, with appropriate headings and subheadings. should be defined and explained.

Organization should be logical.

information should be readily accessible for reference.

94

Table 2 Likert Scale Rating 5 4 3 2 1 Description Excellent Very Good Good Fair 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=∑fx N
Where: M = mean f = total number of respondents for a particular rating x = value of the rating N = total number of respondents

Table 3 Reference Table to Obtain Mean Value Scores Range of Mean Descriptive Rating 4.51 – 5.00 Excellent 3.51 – 4.50 Very Good 2.51 – 3.50 Good 1.51 – 2.50 Fair 1.00 – 1.50 Poor

95

Results The results for the initial system evaluation are shown below: Table 4 Table for Functionality (initial) Functionality Mean Functions are appropriate to specifications 4.67 Functions are correct 4.42 Software can interact with other components or systems 4.33 Adherence to standards. 4.50 Provision for security requirements. 4.50 TOTAL 4.48

Descriptive Rating Excellent Very Good Very Good Very Good Very Good 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 5 Table for Reliability (initial) Reliability Absence of failures. Ability to withstand and recover from component failure. Ability to bring back a failed system to full operation, including data and network connections. Ability to produce correct computations, output and reports. TOTAL Mean 4.17 4.25 4.33 4.67 4.35 Descriptive Rating Very Good Very Good Very Good Excellent 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 6 Table for Usability (initial) Usability Ease of which the systems functions can be understood. Learning effort for different users, i.e. novice, expert, casual etc. Ability of the software to be easily operated by a given user in a given environment. Provision for comfort and convenience. TOTAL Mean 4.83 4.75 4.67 4.67 4.73 Descriptive Rating Excellent Excellent Excellent Excellent 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 7 Table for Maintainability (initial) Maintainability Mean Ability to identify the root cause of a failure within the 4.33 software Software adjusts well to different screen dimensions, color 4.08 depths, and font sizes. Different interfaces can be chosen to suit beginners and more advanced users. Characterizes the sensitivity to change of a given system. 4.33 TOTAL 4.25

Descriptive Rating Very Good Very Good

Very Good 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 8 Table for Portability (initial) Portability Mean Ability of the system to change to new specifications or 4.33 operating environments. Are there different options available for installation? Is 4.58 software easy to install? Ease of exchanging given software component within a 4.50 specified environment and system coupling. Provision for portability of operating system used. 4.58 Absence of other software requirement such as runtime 4.50 system or standard database management engine. TOTAL 4.50

Descriptive Rating Very Good Excellent Very Good Excellent Very Good 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 Availability of guides and printed documentation (technical or user‟s manual). Provision for trainings/tutorials or real interactive learning. 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. TOTAL Mean Descriptive Rating 4.55 Excellent 4.45 4.67 Very Good Excellent

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 Rating The system is functional 4.48 Excellent The system is reliable 4.35 Excellent The system is can be readily used 4.73 Very Good The system has room for maintenance 4.25 Excellent The system is portable 4.50 Very Good The system has a complete documentation 4.56 Excellent TOTAL 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. The system offers security features such as login function and functionality restrictions to non-Administrator accounts.

100

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–103 Parsad, 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 Statistics Saba 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 System For Marcelo H. Del Pilar National High School User’s Manual

104

User’s Manual 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 11 Minimum System Requirements for System installation Minimum Processor: Pentium 3 RAM: 512 MB Browser: IE, Firefox, Chrome, Safari, Opera HDD: 40 GB 2.0 Getting Started To use the system: 1. Open a Web Browser (ex. IE, Mozilla Firefox, Google Chrome) Recommended Processor: Pentium Core2Duo or higher RAM: 1GB or higher Browser: IE, Firefox, Chrome, Safari, Opera HDD: 80GB or higher

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.

108

To create a topic: Choose a category

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 System For 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 isexistemail function 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();}

145

else{ $.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",

146

buttons: {OK: function() { 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">

147

<input type="button" name="submit" value="Sign up" id="btadd"> <input type="button" name="cancel" value="Cancel" id="btncancel"> </td> </tr> </table> </div> Login Module

<?php session_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!')";

148

echo "</script>"; echo "<META HTTP-EQUIV=\"Refresh\" CONTENT=\"1; URL=../index.php\">"; } 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" />

149

<meta name="keywords" content="Student Info, Online Counseling, ,Career Review, IQ and Personal Test" /> <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, sansserif;} </style> <script> $(document).ready(function() { $( "#signup" ).click(function(){ $("#close").click(); }); $( "#contact" ).click(function(){ $("#close").click(); }); $( "#signup" ).click(function(){

150

$("#sign").dialog({ modal:true, width:450, 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">

151

<!--setting the msgbox div--> <div id="sign" title="Sign Up"></div> <div id="contactd" title="Unblocked"></div> <!-- end--> <!-- 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;lineheight:200%;" > &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;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; fontfamily: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="margintop:10px;"/></center></form> </div> <div class="left right"> <!-- Register Form -->

152

<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> <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">&nbsp;</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>

153

<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> <li class="line"><a href="templates/aboutus/Contact_us.php" target="targetiframe1"><span>Contact Us</span></a> <li class="line"><a href="templates/aboutus/Helphome.php" target="targetiframe1"><span>Help</span></a> </ul> </div> </td></tr> <tr> <td> <iframe name="targetiframe1" style="border:thin; border:#F00; width:100%; height:462px" src="templates/Homepage.php"></iframe> </td></tr> <tr> <td valign="buttom"> <div id="footer" align="center"> <div align="center"> <font style="font-size:11px">Copyright 2012 &copy MHPNHS All rights reserved. <a href="#">mhpnhs-guidance.com</a></font> <font style="font-size:11px">Developed by Zettabytes</font> </div> </div> </td> </tr> </tbody> </table> </div> </div> </body> </html> Adding an Account Module

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

154

$("#btncancel").click(function () { $("#addstudent").dialog('close'); });}); </script> <script> function getvalue(year) { if (year=="") { year=0; } if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else {// code for IE6, IE5 xmlhttp=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(

155

{url: "add/A_stud.php?sy="+sy +"&snum="+snum +"&fname="+fname +"&mname="+ mname +"&lname="+lname +"&year="+year +"&section="+section +"&gname="+gname +"&gaddress="+gaddress +"&gcontact="+gcontact, success: function(data){ if (data == 1) { $("#add").dialog({ modal:true, width:350, height: 200, show: "fade",hide: "fade", buttons: {OK: function() { $( 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.:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </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:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </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>

156

<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> <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');

157

$(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'); } }); }); $("#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">

158

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

159

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> <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>&nbsp;&nbsp;&nbsp;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>

160

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

Sign up to vote on this title
UsefulNot useful