Professional Documents
Culture Documents
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 systems general constraints, as well as the significance of the project.
1.1 Overview of the current state of technology The birth of Internet empowers todays 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
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 schools 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 schools 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
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 students 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 students guardian to come to school. The counselor will give an invitation letter to the student to give it to the students 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 complainants identity.
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 systems online counseling and forums. 2. To develop a computer-based record tracking feature that would keep the students 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
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 schools 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 students 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. Students 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 counselors 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
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 students 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
students awareness. The school can handle several records of students 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 students 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 students personality type and Non-standardized IQ tests help assess the students level of intelligence. Students learn about the multiple dimensions of their own personality, which can be applied to many areas of the students 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.
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 fields 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
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 staffs 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 staffs 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 clients 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.
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
Implementation
Designing
Analysis
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 systems 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 students 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 users 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 schools guidance services through the proposed system. Through the system, the school could handle several records of students 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 students name and the system will do the filling up of the Student Violation Form. Another user requirement is to have the system generate reports. The researchers created a .pdf file report generator to fulfill the aforementioned user requirement. Future researchers may see the study useful as relevant information in developing a website that will be suitable and may greatly help in the development of their system. This study could provide the future researchers necessary information regarding the ways on how to be productive in terms of developing projects.
4.3 System Functions This section listed all the functions that must be performed or delivered by the system. 4.3.1 Specific Requirements The specific requirements of the system are divided into the following sections: 4.3.1.1 User Requirements 1. Recording of Student Violations 1.1 The system should be able to record, store and archive student violations.
25
2. The system should generate Student Violation Report 3. The system should generate Members Report 4.3.1.2 System Requirements 1. Logging in and out, Registering, and Profiles 1.1 Only members of the site is able to log in and log out 1.2 The site must be usable over internet connection 2. Generating Reports 2.1 The system should generate students violation report and members report whenever needed. 3. Updating of News and Events 3.1 The news and events page should be updated by the administrator when a new event/announcement is up. 4. Adding of Student Violation Records 4.1 The system should be able to add, save, and archive student violation records.
26
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
The system provides the Non-standardized IQ Test for the students to assess their level of intelligence. These tests will evaluate the scores depending on what the student answer and then display result that comes with some advice and recommendation.
29
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.
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 programs flow. To explain the program flow in detail, flowcharts have been added as well.
33
34
35
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
Log In
T Sign Up
Request to Unblock
T Homepage
About Us
Contact Us
End
36
Admin Page
Counselor Page
38
Adviser Page
46
ctr=ctr+1
If ctr<=3
Student Page
54
37
Input Sign up ID
If choice = Sign up
If choice = Cancel
T 7
Sign up
38
Input Username
T
Input Password
Is password correct?
If choice = submit
If choice = Cancel
T 7
Request to Unblock
39
T
News view more
If choice = back
T B
40
If choice= History
T
History Page
Academic Information
F A
41
Contact Us Page
If choice= Back
Return to Menu
42
If choice = Home F
T Home Page
If choice = Contact F
Contact Us
If choice = Forum F
Forum
10
If choice = Help F
Help
14
15
43
10
If choice= Academic
Academic Category
11
If choice= Sports
11
If choice= Personal
Personal Category
11
If choice= Others
Others Category
11
44
11
12
Reply to Post
10
45
12
T 11
T 10
F
[
13
46
1 3
If choice = Submit
If choice = Cancel
T F A
F
If choice = send
If choice = back
13
T
Report abuse submitted
13
47
Help page
If choice = Back
T
Return to Menu
48
15
16
F
If choice = Modify Adviser Account
23
F
If choice = Remove Student Account
28
F
If choice = Move Student Account
29
F
If choice = Graduated Student Detail
30
59
49
31
F T
32
F T
35
36
37
F T 9
If choice = Home
15
50
16 A
If choice = Section
If choice = Lastname
T
Approve Student
17
Delete Sign Up
F A
If choice = Delete Sign Up
51
A
A
If sign up = School member
Validate Student
If choice = Approve
Validate Student
A
A
A
If choice = Cancel
16
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
Archive Adviser
F
F
F T
Archive
B 21
F
If choice = Generate Report
T
View Report
22
53
19
If choice = Save
If choice = Cancel
18
If choice = Update
If choice = Cancel
18
54
21
If choice = cancel
18
T
Generate Report
F 18
55
T
Add Form
24
F
If choice = Edit Counselor
T
Edit Form
25
F
If choice = Archive Counselor
Archive Adviser
F
If choice = View Archive
F T
Archive
26
F
If choice = Generate Report
T
View report
27
56
24
If choice = Save
If choice = Cancel
23
If choice = Update
If choice = Cancel
24
57
If choice = cancel
23
T
Generate Report
F 23
58
28 A T
F T
Load all students whose year level is equal to year
F
If select =section
F
If select =lastname
F
If choice = remove student
T
Is dropped?
T
Dropped Student
F 15
F
Is graduated?
T
Graduated Student
F A
59
29 A T
F T
F T
If select = section
F T
If select = lastname
F T
Input username and password
T
Move Student
F 15 A
60
30
T
Load Graduated Student Report
F 15
31
T
Load Dropped Student Report
F 15
61
32 B
If choice = Add Events
T
Add Events
33
F
If choice = Edit Events
T
Edit Events
34
Delete Events
F B
If choice = Save
If choice = Cancel
32
62
34
If choice = Update
If choice = Cancel
32
If choice = Add
If choice = Delete
T
Delete Forum Post
F
A
63
If choice = Unblock
F 32
37
If choice = update
Update password
64
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
Homepage
T About us
Contact us
T Forum
10
Help
14
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
65
39
If choice= message
Load Message
If choice= message
F
Input Message
F A
If choice= reply
Reply Sent
F A A
T
Message delete
66
40
Student Counseling
41
N
If choice = Hotlist
Hotlist
44
N
If choice = Student violation report
45
N
If choice = Change password
37
67
41 A
If choice = Add record
Add record
42
N
If choice = Edit record N If choice = Delete record
Edit record
43
Delete record
N A A
42 A
Select Student information
If choice = Add
T
Add new record
F T 41
If choice = Cancel
F A
68
43 A
Update student record
T
If choice = update Update record
T
If choice = cancel
41
F A
69
44
Load Hotlist
T
If choice = view report
View Report
If choice = cancel
40
View Report
If choice = back
40
70
If choice = Home
Homepage
N
If choice = About us
Y
About us
N
If choice = Contact us
Contact us
N
If choice = Forum
Forum
10
N
If choice = Help
Help
14
N
If choice = Complaints
Complaints
47
N
If choice = Account
Y
Accounts
49
N
If choice = Logout
Y 7 N Y
If choice = Close
71
T
Send complaint
48
If choice = inbox
39
If choice = send
Message sent
72
49
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
View reports
53
F
If choice = change password
T 37
73
50
T
If choice = view student
If row Is selected?
T
View student detail
F A
No row selected
51
If choice = Add
T
Add student
74
52
T
If choice = update
Update student
53
T
If choice = close
49
75
54
If choice = Home
Homepage
N
If choice = About us N If choice = Contact us Y
About us
Contact us
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
N
If choice = Close Y
76
T
Ask advice
56
F T
If choice = inbox
39
56
If choice = Advice
Input your username
If choice = send
Advice sent
77
57 A
If choice = IQ Test
If choice = submit
See Result
If choice = submt
See Result
F A
58
If choice = submit
See Result
A A
F
If choice = Universities and Colleges
78
schema
79
ADVISER
creates
ACCOUNT
Figure 20: Business Rule #1 Each ADVISER creates an ACCOUNT; each ACCOUNT is created by an ADVISER.
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
ACCOUNT
has
COUNSELOR
Figure 20.2: Business Rule #3 Each ACCOUNT has a COUNSELOR; each COUNSELOR has an ACCOUNT
80
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
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;
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
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
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
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
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
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 clients 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 systems 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 MHPNHSs 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 users 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
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
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 users 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.
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 systems usability, the ease of use of the system and its being user-friendly. The criterions total mean is 4.73 with its descriptive rating of Excellent. Evaluators are very satisfied of the systems 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
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 users 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 students violation because of the auto-fill function of the system. The system can generate data reports needed by the guidance office such as members 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):935950. 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):88103 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 Users Manual
104
Users 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, students 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
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
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
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.
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 sites home page.
On the homepage, click Accounts link The site will direct you to the counselors page.
114
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.
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
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.
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
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
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 counselors 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 counselors 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.
On the homepage, click Accounts link The site will direct you to the advisers page.
Input the necessary data (Old Password, New Password, and Confirm New Password). Click Update to save changes or Back to cancel.
124
To view student detail: On the homepage, click Accounts link The site will direct you to the advisers 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.
To add student detail: On the homepage, click Accounts link The site will direct you to the advisers page. On the left panel, click Add Student Detail The site will direct you to Add Student Detail form
125
To edit student detail: On the homepage, click Accounts link The site will direct you to the advisers 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 advisers 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
128
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
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.
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.
On the homepage, click Accounts link The site will direct you to the administrators 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 administrators 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 administrators page. On the left panel, click Modify Adviser Account
133
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 administrators 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 administrators 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 administrators 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 administrators 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 administrators 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 admins 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 administrators page. On the left panel, click Modify Counselor Account
To remove student detail: On the homepage, click Accounts link The site will direct you to the administrators page. On the left panel, click Remove Student Detail Select a row from the list of students.
138
To view Graduated Student Details Report: On the homepage, click Accounts link The site will direct you to the administrators 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 administrators 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 administrators 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 administrators 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 administrators 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 administrators 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 administrators 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%;" > 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"> </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 © 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 +"§ion="+section +"&gname="+gname +"&gaddress="+gaddress +"&gcontact="+gcontact, success: function(data){ if (data == 1) { $("#add").dialog({ modal:true, width:350, height: 200, show: "fade",hide: "fade", buttons: {OK: function() { $( this ).dialog( "close" ); $("#right_table").load("add/Add_student.php"); }},}); $("#add").load();} else {alert("dinasave"); }}}); </script> </head> <body> <div id="add" title="ADD STUDENT" style="display:none"> New Student Record has been saved!</div> <div id="addload" style="display:none"><img src="../images/load.gif" style="margin: 0px"></div> <table align="center" style="font-size:15px background-color:#666"> <tr><td> <table style="margin-left:160px; margin-top:20px;" > <tr> <td height="23px" colspan="2"> <i><label id="amsg1" style="border:hidden; font-size: 12px; color:#F00;"></label> </i><br> <i><label id="amsg2" style="border:hidden; font-size: 12px; color:#F00;"></label></i> </td> </tr> <tr> <td style="font-size:18px; font-family:verdana"> Student NO.: </td> <td><input type="label" name="snum" id="snum" size="39" style="height:23px" disabled value="<?php echo $stunum ; ?>"/> </td></tr> <tr> <td style="font-size:18px; font-family:verdana"> School Year: </td> <td><input type="label" name="sy" id="sy" size="39" style="height:23px" disabled value="<?php echo $sy3; ?>"/> </td></tr> <tr><td style="font-size:18px; font-family:verdana"> First Name: </td> <td><input type="text" name="fname" title="Enter First Name" id="fname" size="35" style="height:23px"/> </td></tr> <tr><td style="font-size:18px; font-family:verdana"> Middle Name: </td> <td><input type="text" name="mname" title="Enter Middle Name" id="mname" size="35" style="height:23px"/> </td></tr> <tr> <td style="font-size:18px; font-family:verdana"> Last Name: </td>
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> 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 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
162
163
Communication Letters
164
165
166
167
168
169
170
171
Curriculum Vitae