Advanced Timetable Maker

Time Table Generator – User Guide 📚

Introduction

Welcome to the Advanced Timetable Maker! This tool helps you create, customize, and export class schedules with complete flexibility. All data is processed locally in your browser – your privacy is fully protected!

Getting Started

1. Basic Setup

1. Open the Tool: Load the HTML file in any modern web browser (Chrome, Firefox, Safari, Edge)

2. Configure Basic Settings:

   • Days: Select days of the week (Mon-Fri, Mon-Sat, Mon-Sun, or custom selection)

   • Periods per Day: Enter total number of periods (1-12)

   • Period Duration: Set duration of each period in minutes (30-120)

   • Morning Periods: Choose how many periods come before lunch break (3, 4, 5, or 6)

   • Break Time: Select lunch break duration (15, 30, 45, 60 minutes, or no break)

   • Start & End Time: Set school start and end times

   • Layout: Choose between horizontal (days as columns) or vertical (days as rows)

3. Click “Generate Timetable” to create your schedule structure

Core Features

2. Subject Management 📚

Adding Subjects:

1. Click the “+” Add button in Subjects panel

2. Enter subject name (e.g., “Mathematics”)

3. Choose a color for the subject

4. Click “Save Subject”

Editing Subjects:

• Click the pencil icon ✏️ next to any subject to edit it

• Change name or color as needed

Deleting Subjects:

• Click the trash icon 🗑️ next to any subject

• Confirm deletion when prompted

• Note: Deleting a subject will remove it from all timetable slots

3. Timetable Editing ✏️

Filling Periods:

1. Click on any empty timetable cell

2. Select a subject from the dropdown

3. Add optional details:

   • Teacher name

   • Room number

   • Additional notes

4. Click “Save Period”

Drag & Drop:

• Click and drag any filled period to swap it with another period

• Useful for quick schedule adjustments

• Note: Break periods cannot be dragged or edited

Auto-Fill Feature:

• Click the “Auto-Fill” button (magic wand icon ✨)

• Automatically distributes all subjects evenly across empty periods

• Great for quick schedule creation

4. Break Time Management ⏰

Customizable Break Schedule:

• Morning Periods: Set how many periods occur before lunch (e.g., 4 periods means lunch after 4th period)

• Break Duration: Choose from 15, 30, 45, or 60 minutes

• Break automatically appears as a yellow cell with utensils icon 🍴

• Break time is calculated based on start time and period duration

Example Schedule:

• Start: 8:00 AM

• Periods: 45 minutes each

• Morning Periods: 4

• Break: 30 minutes

• Result:

  • Period 1: 8:00-8:45

  • Period 2: 8:45-9:30

  • Period 3: 9:30-10:15

  • Period 4: 10:15-11:00

  • Lunch: 11:00-11:30

  • Afternoon periods continue…

5. View Options 👁️

Zoom Controls:

• Zoom In (+) : Enlarge timetable view

• Zoom Out (-) : Shrink timetable view

• Reset Zoom: Return to normal size

Layout Options:

• Horizontal View: Days as columns, periods as rows

• Vertical View: Days as rows, periods as columns

• Switch anytime without losing data

Theme Selection:

• Click “Themes” button (palette icon 🎨)

• Choose from:

  • Light Theme: Default clean interface

  • Dark Theme: Easy on the eyes, reduces glare

  • Student Theme: Bright and energetic colors

  • Pastel Theme: Soft and calming colors

6. Export Options 📤

Print Timetable:

• Click Print button (printer icon 🖨️)

• Print directly from browser

• Control panel automatically hides in print view

Download as Text (TXT):

• Click TXT button (document icon 📄)

• Downloads a formatted text file with:

  • Complete schedule details

  • Subjects list

  • Break information

  • Timetable in readable format

Download as Image (PNG):

• Click PNG button (image icon 🖼️)

• Creates a high-quality screenshot

• Includes header with date and settings

• Footer with “Generated by: freetoolscraft.com“

Save Project:

• Click Save button (floppy disk icon 💾)

• Saves complete project as JSON file

• Can be loaded back later

• Also saves to browser’s local storage automatically

7. Statistics Panel 📊

Real-time statistics show:

• Total Periods: Number of teaching periods (excluding breaks)

• Filled Periods: How many periods have subjects assigned

• Subjects Used: How many different subjects are scheduled

• Layout: Current view mode (Horizontal/Vertical)

Advanced Tips

Workflow Suggestions:

1. Plan First: Decide your weekly structure before creating

2. Use Templates:

   • Primary School: 6 periods, 40 minutes each, 4 morning periods

   • High School: 8 periods, 45 minutes each, 5 morning periods

   • College: Flexible with longer periods

3. Color Coding: Use different colors for:

   • Core subjects (Maths, Science, English)

   • Optional subjects

   • Labs and practical sessions

   • Physical education

Time Calculation Examples:

• 8:00 start, 45-min periods, 4 morning periods, 30-min break:

  • Period 1: 8:00-8:45

  • Period 2: 8:45-9:30

  • Period 3: 9:30-10:15

  • Period 4: 10:15-11:00

  • Lunch: 11:00-11:30

  • Afternoon continues…

• 9:00 start, 50-min periods, 5 morning periods, 1-hour break:

  • Period 1: 9:00-9:50

  • Period 2: 9:50-10:40

  • Period 3: 10:40-11:30

  • Period 4: 11:30-12:20

  • Period 5: 12:20-1:10

  • Lunch: 1:10-2:10

  • Afternoon continues…

Keyboard Shortcuts:

• Ctrl+P: Print timetable

• Ctrl+S: Save project

• Click + Drag: Move periods

• Double-click: Edit period quickly

Troubleshooting

Common Issues & Solutions:

1. Timetable not generating?

• Ensure all required fields are filled

• Check that “Morning Periods” is less than “Total Periods”

• Verify start time is before end time

2. Break time not showing correctly?

• Make sure “Break Time” is not set to “No Break”

• Check “Morning Periods” setting

• Break appears after the specified number of morning periods

3. Auto-fill not working?

• Make sure you have subjects added first

• Generate timetable structure before using auto-fill

• Some periods may already be filled

4. Print/Export issues?

• For PNG export, ensure pop-ups are allowed

• For printing, check printer settings

• Try zooming out if timetable is too wide

5. Data loss?

• Tool auto-saves to browser storage

• Use “Save” button to download backup

• JSON files can be loaded back if needed

Best Practices

1. Regular Saves: Use the Save button frequently

2. Color Strategy: Consistent colors help visual recognition

3. Teacher Notes: Add teacher names for easy reference

4. Room Numbers: Include room info for complex schedules

5. Export Early: Download copies before making major changes

6. Test Print: Do a test print to check formatting

Privacy & Security

✅ 100% Local Processing: No data leaves your computer
✅ No Login Required: Use immediately without registration
✅ No Internet Needed: Works completely offline after loading
✅ Browser Storage: Saves automatically to your browser only
✅ Export Control: You decide what to share or print

Note: This tool is designed for educational purposes. For institutional use, always verify schedules with appropriate authorities.

Created with ❤️ by freetoolscraft.com