The Class Schedule Management Tool allows you to manage multiple schedules for your school, assigning specific schedules to different days of the week. This tool is designed to dynamically update and display the appropriate schedule based on the current day, ensuring that your class periods and break times are accurately reflected.
Features
Multiple Schedules: Set up two distinct schedules (Default and Alternative) to cater to different needs, such as a regular weekday schedule and a special Friday schedule.
Day Assignments: Assign specific days of the week to each schedule, ensuring that only one schedule is active per day.
Dynamic Updates: Automatically displays the correct schedule based on the current day of the week.
Editable Schedules: Easily edit schedules directly within the settings panel.
Real-time Display: Updates remaining time for ongoing periods and indicates upcoming periods.
Break Popups: Displays a popup during break periods with a countdown timer.
Customizable Colors: Customize the background and text colors for the header and date-time display.
Share Function: Share the tool on social media platforms.
Getting Started
Accessing the Tool: Open the tool in your web browser. You will see the main schedule display along with a date and time header.
Opening the Settings Panel: To configure the schedules, click the gear icon (⚙) located at the bottom-right corner of the screen. This will open the Settings Panel.
Configuring Schedules
1. Editing Schedules
In the Settings Panel, you'll find two sections:
Schedule 1 (Default): Use this for your regular schedule.
Schedule 2 (Alternative): Use this for a different schedule, such as for Fridays.
Edit the schedule times: Each schedule section contains a text area where you can enter periods, start times, and end times in the following format:
Period 1, 7:45 AM, 8:33 AM
Break, 8:33 AM, 8:37 AM
Period 2, 8:37 AM, 9:25 AM
Saving Changes: After editing the schedules, make sure to click the Save button at the bottom of the Settings Panel to apply the changes.
2. Assigning Days to Schedules
Below each schedule, there are checkboxes labeled with days of the week (Mon, Tue, Wed, Thu, Fri, Sat, Sun).
Assigning a day:
To assign a day to Schedule 1 (Default), check the appropriate day checkbox under Schedule 1.
To assign a day to Schedule 2 (Alternative), check the appropriate day checkbox under Schedule 2.
Mutual Exclusivity: Each day can only be assigned to one schedule at a time. If you select a day for Schedule 1, it will automatically deselect the same day in Schedule 2, and vice versa.
Viewing and Using the Schedule
1. Viewing the Active Schedule
The schedule displayed on the main screen will automatically update based on the current day of the week and the assigned schedule for that day.
Periods will be shown with the following information:
Period Number
Start Time
End Time
Remaining Time (for ongoing periods) or indicators for completed or upcoming periods.
2. Real-Time Updates
The schedule refreshes every minute to provide the latest updates on ongoing and upcoming periods. Break periods will trigger a special popup to indicate the ongoing break and countdown the remaining time.
Customizing Colors
You can customize the background and text colors for the header and date-time display. Click on the school name in the header to open the color customization panel. After selecting your desired colors, click the Save button to apply the changes.
Sharing the Tool
You can share the tool on social media platforms using the share buttons located at the bottom of the screen.
Troubleshooting
Schedule Not Displaying Correctly: Ensure that you have assigned the correct days to each schedule in the Settings Panel. Make sure to save your changes after editing schedules or day assignments.
Changes Not Saving: Check that your browser’s local storage is enabled, as the tool uses local storage to save settings.
Contact and Support
For further assistance, please contact the support team at saydin19@gmail.com.