CSS USER MANUAL Documents

1.
GENERAL INFORMATION
CLASS SCHEDULING SYSTEM FOR KAPALONG COLLEGE OF AGRICULTURE, SCIENCES AND TECHNOLOGY 1
1.0 GENERAL INFORMATION
1.1 System Overview
The Class Scheduling System for Kapalong College of Agriculture,
Sciences and Technology was created to manage the instructor’s information,
program information and section per program by year level. It would allow the
user to assign classes to rooms and determine the conflict schedules. The
system also allowed the user to view the schedules being inputted and
generate the reports. Only the College Registrar was authorized to have an
access to the system.
1.2 User Access Level
The role and function of the user in the system;
1. College Registrar
 Facilitates the overall flow of the system
 Manages instructor’s information and section per program by year
level
 Provides program information
 Assign classes to rooms
 Determine the conflict schedules
 Viewing of schedules
 Generate the reports
1.3 Points of Contract
1.3.1 Information
Contact the developers for more questions and inquiries about the
functionality of the system, just visit the following:
 Cristy Mae D. Brigoli ( Prk. 3, Florida, Kapalong, DDN)

 brigolicristymae@gmail.com
 facebook.com/cristymaedelacruzbrigoli
 Gilbert D. Carnice ( Prk. 4B, Sumil, Sto. Niño, Talaingod, DDN)
 carniceSiBS@gmail.com
 facebook.com/gilbert.carnice
 Shela Mae J. Santillanosa ( Prk 8, Magatos, Asuncion, DDN)
 chasantillanosa@gmail.com
 facebook.com/shellamae.santillanosa.3
 Jessa Mae M. Seguin ( Prk 20, Cambanogoy, Asuncion, DDN)
 yssa2597@gmail.com
 facebook.com/jessamae.seguin
 Joveliza A. Trongcoso ( Prk 1, New Loon, Asuncion, DDN)
 jobellet0812@gmail.com
 facebook.com/joveliza.trongcoso
1.3.2 Help Desk
Cristy Mae D. Brigoli +639100446478
Gilbert D. Carnice +639105826749
Shela Mae J. Santillanosa +639485136704
Jessa Mae M. Seguin +639078686961
Joveliza A. Trongcoso +639464255525
2.0
SYSTEM SUMMARY
2.0 SYSTEM SUMMARY
The Class Scheduling System of Kapalong College of Agriculture, Sciences

and Technology was designed and developed to address the need of College
Registrar in scheduling classes. The College Registrar was the only user of the
mentioned system that can facilitate the overall flow of the system.
2.1 System Configuration
The Class Scheduling System for Kapalong College of Agriculture, Sciences

and Technology was a web-based system. There should be at least one (1)
computer unit that can be used by the College Registrar in using the system. To
install the software, the College must provide the basic tool requirements:
 Software
XAMPP basically PhPMyAdmin, MySQL and Apache is commonly used
for the system development.
Steps in installing XAMPP Application:
1.) Right click the XAMPP setup application and click Run as
administrator.
Figure 1. XAMPP Installer
2.) Click next to install.
Figure 2. Welcome Screen of XAMPP Setup Wizard
3.) Do not select anything on the components; click Next when you are
ready to continue.
Figure 3. Components Description Screen
4.) Select the folder location to install XAMPP, and click Next.
Figure 4. Installation Folder to install XAMPP
5.) If you are ready for installation, click Next.
Figure 5. Setup to begin the XAMPP Installation
6.) Wait until the XAMPP application is done in unpacking its files and
finishes the process, then click Next.
Figure 6. Welcome to XAMPP
7.) Completing the XAMPP Setup Wizard has finished, click Finish to
proceed in the XAMPP control panel.
Figure 7. Completing the XAMPP Setup Wizard
8.) In the XAMPP Control Panel v3.2.2, click the Start button of Apache
and MySQL located in the Actions.
Figure 8. XAMPP Control Panel Screen
3.0
3.0 GETTING STARTED
3.1 Starting the XAMPP Control Panel
On your Windows icon, search XAMPP Control Panel and click. The
XAMPP Control Panel v3.2.2 will show and start the Apache and MySQL in
the Action tab so that the system will perform properly.
Figure 9. XAMPP Control Panel
4.0
USING THE SYSTEM
4.0 USING THE SYSTEM
1. Open any web browser preferably Google.
Input in the address bar the complete URL (localhost/css.dev) then
click Enter.
2. Log-in page will appear.
Figure 10. Google Page
4.1 User’s Login Window
The figure below is the user’s login window. All fields should be filled out with
user’s username and password.
Figure 11. User Login Screen
1. Enter user’s username. (Example: Evelyn)

2. Enter user’s password. (Example: password)
3. Click Sign in button to login.
4.2 Registrar’s Portal
The College Registrar has the privilege to perform all actions in the
system such as: manage the instructor’s information, program information,
and section per program by year level, assign classes to rooms and
determine conflict schedules, view schedules and generate reports.
3 4
2
Figure 12. Dashboard Page
1. In Quick Links, the Registrar can view schedule, view program,

add instructor, rooms, project section and change semester.
2. Click to view the Registered or Inputted Instructor information.
3. Click to view the Program available.
4. Click to view the Rooms information.
5. The projected sections of different programs.
4.2.1 Utility Page
Figure shown below represents the utility page consisting the instructor’s
list, trademark, semester, archives, rooms and signatories sub-pages.
2 3 4 5 6
7 8
1
10
Figure 13. Utility Page
1. Click Instructors tab to view instructor information.

2. Click Trademark to change program’s color.
3. Click Semester to register new school year and semester.
4. Click Archives to restore the deleted instructor, programs,
curricula and courses.
5. Click Rooms to Add and Delete rooms.
6. Click Signatories tab to change signatories in printing page.
7. Click Search bar to find instructor’s name, subject name and
day.
8. Click Delete button to delete instructor information.
9. Click Previous to view previous table or data.
10. Click Next to view next table or data.
4.2.2 Register New Academic Year
Figure shown below represents the step-by-step process on how to

register new school year and semester. The Registrar must set new school year
4
and semester before scheduling classes.
Figure 14. Register New Academic Year
1
1. Click Semester tab to Register New School Year and

Semester.
2. Add new academic year on the text field.
3. Select semester on the drop down list.
4. Click Save button to save Academic Year.
Figure 15. Command Prompt after creating new semester
Click OK button to continue
4.2.3 Register New Room
Figure shown below represents the lists of rooms and the step-by-step
process on how to add and delete rooms.
3
2
Figure 16. Lists of Rooms
1. Click Rooms tab to register new room.

2. Click Add button to add new room.
3. Click Search bar to find room.
5. Click Next to view next table or data
4.2.4 Add New Room Details
Figure shown below represents the adding of room and its details.
Figure 17. Add New Room
1. Enter Room Number.

2. Select Type of Room on the drop down list.
3. Enter the name of the room.
4. Click Save button to save room details.
5. Click Close button to close room details.
4.2.5 Program’s Trademark
Figures showed below presents the different trademark color of every

program.
Figure 18. Program’s Trademark Color

1. Click Edit button to change trademark color.
Figure 19. Edit Trademark Color
1. Click the Insert button to save the new trademark

color.
2. Click Close button to cancel the process.
4.2.6 Restore Instructor Information
Figure shown below represents the archive page and restoring the deleted
instructor information.
Figure 20. Restore Instructor Information
1. Click Restore button to restore instructor

information.
4.2.7 Signatories Page
Figures shown below present the signatories page wherein the user can change
the name of current College Registrar and College President. The names of the
Signatories will place on the reports of schedules that the user will create. Fill out all
the necessary information.
2 7
3 8
4 9
10 11
5
6
Figure 21. Signatories Page
1. Click Signatories tab to change signatories.
2. Enter on the text field the first name of the registrar.
3. Enter on the text field the middle name of the registrar.
4. Enter on the text field the last name of the registrar.
5. Enter on the text field the position of the registrar.
6. Click Update button to update Registrar details.
7. Enter on the text field the first name of the College President.
8. Enter on the text field the middle name of the College President.
9. Enter on the text field the last name of the College President.
10. Enter on the text field the position of the College President.
11. Click Update button to update College President’s details.
Figure 22. Successfully Updated Signatories Prompt
4.2.8 Instructors Information Page
Figure shown below represents the instructor page wherein the
user can manage the instructor’s information.
Figure 23. Instructors Information Page
1. Click Add Instructor button to add instructor information.

2. Click Previous button to view previous table or data.
3. Click Next button to view next table or data.
4.2.9 Add Instructor Information

3
2
Below is the instruction on how the Registrar can Add Instructor
providing all necessary information.
Figure 24. Add Instructor Details
1. Enter the instructor’s first name.
2. Enter the instructor’s middle name.
3. Enter the instructor’s first name.
4. Select the instructor’s form of address from the drop-
down list.
5. Select the instructor’s sex from the drop-down list.
6. Enter or select the instructor bachelor’s program.
7. Enter or select the instructor master’s program.
8. Enter or select the instructor doctorate program.
9. Select the instructor’s type of work from the drop down
list.
10. Click Insert button to save the details.
11. Click Close button to close the modal for instructor
details.
4.2.10 View Instructor’s Information
Figures below show the process on how to view Instructor Information.
Figure 25. View Instructor Information

1. Click View Button to view Instructor information.
Figure 26. Instructor Details
4.2.11 Update Instructor Information
Below is the instruction on how the Registrar can update instructor

information.
Figure 27. Update Instructor Information
1. Click Edit button to edit instructor information.
Figure 28. Edit Instructor Page
1. Edit instructor’s first name.

2. Edit instructor’s middle name.
3. Edit instructor’s last name.
4. Change instructor’s form of address from the drop down list.
5. Change instructor’s sex from the drop down list.
6. Change instructor bachelor’s program.
7. Change instructor master’s program.
8. Change instructor doctorate’s program.
9. Change instructor type of work.
10. Click Update button to save instructor’s edited information.
11. Click Close button to close the instructor’s edit page.
4.2.12 Delete Instructor Information
Figure 29. Delete Instructor’s Information Page
Figure 30. Confirmation to Delete Instructor’s Information
1. Click Yes button to delete instructor information.

2. Click No button to cancel.
The deleted Instructor’s Information will be stored in Archive Page.
4.2.13 Program Page
The figures below show the different Programs that the KCAST offered
together with the program’s prospectus.
Figure 31. Lists of Programs
1. The available Programs that the KCAST offered.

2. Click the search field to search/find program.
3. Click View button to view programs information and
program’s prospectus.
Figure 32. View Program Prospectus
1. Click View button to view program prospectus.
4.2.14 Program’s Prospectus and list of Courses
Figures shown below represent the prospectus of a specific program entail

its specific courses.
Figure 33. Prospectus and list of courses for Bachelor of Agricultural
Technology
4.2.15 Section Page
Figure shown below present the list of sections that the Registrar
projected.
Figure 34. List of Section Projected
4.2.16 Section Projected
Figure below represent the projected section page wherein; the registrar
can project section before doing the class scheduling.
Figure 35. Project Section
1. Click Project Section tab to project sections.

2. Click the Pen button to edit projected section.
3. Click the Check button to save the edited section.
4. Click the X button to cancel the editing.
4.2.17 Class Scheduler Page
Figures below represent the scheduler page. In this page, the Registrar
can schedule classes to rooms with a specific instructor in every course. The
Registrar can drag the course and drop to the desired time and day.
Figure 36. Scheduler Page
1. Click Scheduler tab in navigation to land in scheduler page.

2. Click the Setup button to set classes.
3. Click the Create Schedule button to set schedule.
After clicking the Setup button, the figure below will appear.
Figure 37. Setup Classes
1. Select on the drop down list the desired classes to

be schedule. The data that the drop down has
was based on the projected section.
2. Click the Set button to set class.
Figure 38. Classes to be Schedule
After setting up the class, the figure below will appear.
Figure 39. Set Instructor to Class
1. Select instructor on the drop down list who will
teach the specific course.
2. Click the Save button to save the data.
Figure 40. Confirmation Prompt after Adding Instructor to course
Click the Create Schedule button to set schedule to class.
Figure 41. Create Schedule Page
1. Click the Create Schedule button to set schedule.
Figure 42. Setup Schedule
1. Select room to be schedule on the drop down list.

2. Select section to be schedule on the drop down list.
3. Click Set Class button to set the room and section.
4. Click Cancel button to cancel the setup.
Figure 43. Time Table
1. Drag a course to the time table.

2. Drop course on the desired time and day.
Figure 44. Feature after dragging the course
Figure 45. Feature after inserting a new section to the same room
Figure 46. Alert Prompt after assigning same Instructor in the same time
Figure 47. Alert Prompt of Exceeded Units
5.0
REPORTS
5.0 REPORTS
5.1 Report of Schedules
Figures shown below present the printing page of all schedules such as:
Integrated schedule and Faculty class schedule.
4 5
6
3
Figure 48. Schedules Page
1. Click schedule tab in the navigator to go in schedules page.

2. Results and schedule of Instructor being inputted.
3. Select from the drop down list to view schedule of a specific
room.
4. Select from the drop down list to view schedule of a specific
section.
5. Type a specific information of an instructor (e.g. instructor’s first
name or last name) to view schedule.
6. Click the Print button to print schedules.
5.2 Faculty Class Schedule
Figures shown below represent the reports of integrated class schedule

which consist all the schedule of the Faculty.
Figure 49. Integrated Reports
1. Click Print button to print faculty class schedule.
Figure 50. Printed Faculty Class Schedule
4.3.2 Instructor Schedule
Figures shown below represent the schedules of a specific instructor.
Figure 51. Selected Instructor to be Print
1. Click Print button to print schedule of instructor.
Figure 52. Printed Faculty Load

CSS USER MANUAL Documents

Încărcat de

Informații document

Titlu original

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

CSS USER MANUAL Documents

Încărcat de

Drepturi de autor:

Formate disponibile

1.

 Cristy Mae D. Brigoli ( Prk. 3, Florida, Kapalong, DDN)

1.3.2 Help Desk

Cristy Mae D. Brigoli +639100446478

Gilbert D. Carnice +639105826749

Shela Mae J. Santillanosa +639485136704

Jessa Mae M. Seguin +639078686961

Joveliza A. Trongcoso +639464255525

The Class Scheduling System of Kapalong College of Agriculture, Sciences

2.1 System Configuration

The Class Scheduling System for Kapalong College of Agriculture, Sciences

2.) Click next to install.

Figure 2. Welcome Screen of XAMPP Setup Wizard

Figure 9. XAMPP Control Panel

USING THE SYSTEM

Figure 10. Google Page

Figure 11. User Login Screen

1. Enter user’s username. (Example: Evelyn)

Figure 12. Dashboard Page

1. In Quick Links, the Registrar can view schedule, view program,

Figure 13. Utility Page

1. Click Instructors tab to view instructor information.

4.2.2 Register New Academic Year

Figure shown below represents the step-by-step process on how to

1. Click Semester tab to Register New School Year and

Click OK button to continue

4.2.3 Register New Room

Figure 16. Lists of Rooms

1. Click Rooms tab to register new room.

Figure 17. Add New Room

1. Enter Room Number.

Figures showed below presents the different trademark color of every

Figure 18. Program’s Trademark Color

1. Click the Insert button to save the new trademark

4.2.6 Restore Instructor Information

1. Click Restore button to restore instructor

4.2.7 Signatories Page

Figure 21. Signatories Page

Figure 22. Successfully Updated Signatories Prompt

4.2.8 Instructors Information Page

user can manage the instructor’s information.

Figure 23. Instructors Information Page

1. Click Add Instructor button to add instructor information.

4.2.9 Add Instructor Information

Figure 25. View Instructor Information

4.2.11 Update Instructor Information

Below is the instruction on how the Registrar can update instructor

Figure 27. Update Instructor Information

1. Click Edit button to edit instructor information.

1. Edit instructor’s first name.

Figure 29. Delete Instructor’s Information Page

Figure 30. Confirmation to Delete Instructor’s Information

1. Click Yes button to delete instructor information.

The deleted Instructor’s Information will be stored in Archive Page.

Figure 31. Lists of Programs

1. The available Programs that the KCAST offered.

1. Click View button to view program prospectus.

4.2.14 Program’s Prospectus and list of Courses

Figures shown below represent the prospectus of a specific program entail

Figure 34. List of Section Projected

Figure 35. Project Section

1. Click Project Section tab to project sections.

Figure 36. Scheduler Page