Skip to content
CelPlume
↑↓select·Enteropen·EscclosePowered by Pagefind
ZH
On this page

ChronoSync Step-by-Step User Tutorial

A step-by-step ChronoSync user guide covering registration, login, schedule creation, academic system and ICS import, manual events, holiday adjustments, sharing and export, team collaboration, empty classroom lookup, and profile settings. Designed for Shandong Normal University students and staff to quickly get started with schedules and team scheduling.

Welcome to ChronoSync! 🎉

ChronoSync is available at https://sxtj.hxcn.space and supports Windows, macOS, Linux, Android, and iOS. This tutorial covers the features you’ll use day to day: personal schedules, team collaboration, empty classroom lookup, and profile settings. If you’re new here, follow along from the top. If you’ve already registered, jump straight to the section you need.

This tutorial is for:

  • Regular users — creating schedules, importing courses, adding events manually, checking empty classrooms, and exporting or sharing your schedule.
  • Team managers — club leaders, shift schedulers, event organizers, and anyone who needs to create teams, add members, view team schedules, filter by time, and coordinate day-to-day collaboration.

Admin panel, deployment, and development topics are out of scope for this guide.



You’ll need to register the first time you use ChronoSync.

  1. Open the ChronoSync website at https://sxtj.hxcn.space in your browser.
  2. Click the “Register” button in the top-right corner or anywhere on the page that shows the registration entry.
  3. Fill in your student ID, name, class, and password as prompted, then enter your email and the verification code. Binding your email now makes password recovery easier later.
  4. Click the “Register” button to finish.
Registration page showing the student ID, name, class, password, email, and verification code fields
Registration page showing the student ID, name, class, password, email, and verification code fields
  1. Enter your student ID and password.
  2. Click “Log in” to enter the dashboard.
  3. After logging in, the most-used pages are typically “My Schedule”, “Team view”, “Empty classrooms”, and “Profile”.
Login page with student ID and password fields, and the login button
Login page with student ID and password fields, and the login button

Once you’ve logged in, here are the main entry points:

  • My Schedule — your personal schedule, imports, holiday adjustments, sharing, and personalization all live here.
  • Team view — see aggregated schedules for team members.
  • Empty classrooms — log into the academic system independently to look up free classrooms.
  • Profile — your profile info, email, password, and login history.
Dashboard navigation highlighting the four main entry points: My Schedule, Team view, Empty classrooms, and Profile
Dashboard navigation highlighting the four main entry points: My Schedule, Team view, Empty classrooms, and Profile

When you open “My Schedule”, the current schedule name appears at the top. From there you can switch to another existing schedule or create a new one.

To create a new schedule:

  1. Select “New schedule”.

    Dropdown showing the New schedule option
    Dropdown showing the New schedule option

  2. Fill in the following:

    • Schedule name
    • Status: Active / Ended / Hidden
    • Start date — the Monday of the first week of classes (e.g., for the 2026 spring semester, set this to 2026-03-09)
    • Total weeks
    • Class period settings (supports periods 1–11)
    Schedule creation form with fields for name, status, start date, total weeks, and class periods
    Schedule creation form with fields for name, status, start date, total weeks, and class periods
  3. Click “Create schedule”.

A few notes:

  • Schedules marked Hidden or Ended are not visible to team members, so they don’t work well as an active team schedule.
  • To edit a schedule’s name, semester info, or class times later, use the “Schedule settings” option under “Schedule operations”.
Schedule settings page showing editable schedule details
Schedule settings page showing editable schedule details

The view menu at the top center of “My Schedule” offers four ways to look at your schedule:

  • Schedule — the classic weekly schedule view, best for seeing your full week at a glance.
  • Calendar — monthly calendar with day selection linked to that day’s events, best for browsing by date.
  • Gantt — full-week timeline view, best for seeing how the day’s classes are distributed.
  • Weekly list — day-by-day list view, best for a quick scan of today and upcoming classes.

Common controls:

  • Left/right arrows — move to the previous/next week or month.
  • Start of term — jump back to the beginning of the semester.
  • Today — jump straight to today.
  • Date button — open a date picker to jump to any date directly.
Schedule view switcher showing the four view options and navigation controls
Schedule view switcher showing the four view options and navigation controls

Import, holiday adjustments, and sharing features now live under the “Schedule operations” menu at the top — the old “More” button from previous versions is gone.

To get to the import options:

  1. Open “My Schedule”.
  2. Click “Schedule operations” at the top.
  3. Select “Import schedule”.
  4. Choose your import method.
Schedule operations dropdown showing the Import schedule option
Schedule operations dropdown showing the Import schedule option
Import options showing Import from academic system and Import from ICS file
Import options showing Import from academic system and Import from ICS file

This is the method most people will want.

Steps:

  1. Click “Schedule operations” → “Import schedule” → “Import from academic system”.
  2. Enter your academic system student ID, password, and verification code.
  3. Choose the import target:
    • Import into the current schedule
    • Create a new schedule
    • Import into another existing schedule
  4. If you choose “Create new schedule”, you’ll also need to fill in:
    • New schedule name
    • Start date (the Monday of the first week)
  5. Click “Import now”.
  6. After a successful import, the page displays the parsed name, class, grade, and major, and writes the courses into the target schedule.
Academic system import form with student ID, password, verification code, and import target options
Academic system import form with student ID, password, verification code, and import target options

Things to keep in mind:

  • Your academic system password is used for this import only and is not stored by the platform.
  • Importing overwrites any existing courses in the target schedule.
  • You can click the verification code image to refresh it.

If you already have a schedule or events in another calendar app, you can import an .ics file directly.

Steps:

  1. Click “Schedule operations” → “Import schedule”.
  2. Select “Import from ICS file”.
  3. Choose a local .ics file.
  4. The system parses it automatically and writes the events into the current schedule.

There are two common ways to add an event:

  • Click “Schedule operations” → “Add event”
  • Click directly on a blank date or blank time slot in the schedule area

Fill in:

  • Event or course name
  • Location
  • Day of the week
  • Period or time
  • Week range

The event appears in the current view immediately after you save.

Add event form with fields for name, location, day, period, and week range
Add event form with fields for name, location, day, period, and week range
  1. Click an existing event in the schedule, calendar, Gantt, or weekly list view.
  2. The event detail popup opens.
  3. From there you can edit the event and save your changes, or delete it outright.
Event detail popup with edit and delete options
Event detail popup with edit and delete options

Dealing with a public holiday or a last-minute schedule change from the school? The holiday adjustment feature handles it.

To get started:

  1. Click “Schedule operations”.
  2. Select “Holiday adjustments”.

Two modes are available:

Use this when you need to move all courses from one day to another.

  1. Select “Swap workdays”.
  2. Under “Courses on this date”, pick the original date.
  3. Under “Move to this date”, pick the target date.
  4. Click to confirm.

For example: move all of next Thursday’s courses to this Saturday.

Swap workdays dialog showing source and target date selectors
Swap workdays dialog showing source and target date selectors

When a day is a holiday, all courses on that day are hidden automatically. Before setting a holiday, make sure you’ve already done any course swaps you need.

  1. Select “Set holiday”.
  2. Choose the start date.
  3. Optionally fill in an end date.
  4. Leaving the end date blank means classes are canceled for that one day only; filling it in means classes are canceled for the whole date range.
  5. Click to confirm.

For example: set October 1 through October 8 as the National Day holiday.

Set holiday dialog showing start and end date pickers
Set holiday dialog showing start and end date pickers

Want to share your schedule with a friend or view it on another device?

  1. Click “Schedule operations”.
  2. Select “Share schedule”.

You’ll see three options:

  • Export to image (PNG)
  • Export to ICS
  • Share via link
Share schedule dialog showing the three export options: PNG, ICS, and link sharing
Share schedule dialog showing the three export options: PNG, ICS, and link sharing
  1. Select “Export to image (PNG)”.
  2. The system generates an image of your current schedule.
  3. Handy for sending to classmates who don’t use the platform, printing, or posting in a group chat.
Example exported PNG schedule image
Example exported PNG schedule image
  1. In the “Share schedule” dialog, click “Export to ICS”.
  2. The system downloads a standard .ics file.
  3. You can import it into your phone’s calendar, Apple Calendar, Google Calendar, and other apps.

You can now generate a share link directly — no need to rely on images and ICS files alone.

Steps:

  1. In the “Share schedule” dialog, click “Share via link”.
  2. The “Schedule share management” panel opens.
  3. Configure the share parameters:
    • Validity: 1 day, 7 days, 30 days, permanent, expires when the schedule ends, custom number of days, or custom date
    • Access permission:
      • View only — visitors can only view the schedule
      • Login required — visitors must log in to view
      • Importable — logged-in visitors can import the schedule into their own account
  4. Click “Create new share”.
  5. Once created, the right side shows:
    • QR code
    • Share link
    • Validity period
    • Current visit count
  6. To disable an existing share, click “Revoke” in the history list.
Share management panel showing share parameters, QR code, and share link
Share management panel showing share parameters, QR code, and share link

6.4 Import someone else’s shared schedule

Section titled “6.4 Import someone else’s shared schedule”

When someone shares a link with “Importable” permission, you can:

  1. Open the share link.
  2. If the link requires login, log into your own account first.
  3. On the share page, click “Import to my schedule”.
  4. Enter a name for the imported schedule.
  5. Click import.

The share page currently supports weekly and monthly browsing views.

Shared schedule page showing the weekly view and the Import to my schedule button
Shared schedule page showing the weekly view and the Import to my schedule button

Entry point: Schedule operations → Schedule settings

You can edit:

  • Schedule name
  • Status (Active / Ended / Hidden)
  • Start date
  • Total weeks
  • Class period times for periods 1–11
Schedule settings page showing editable fields for name, status, start date, total weeks, and class periods
Schedule settings page showing editable fields for name, status, start date, total weeks, and class periods

Entry point: Schedule operations → Personalization

If you want your schedule to look and feel the way you like it, personalization is where you do that.

Current options:

  • Event card color mode
    • Single-color cards
    • Multi-color cards
  • Background and text colors
  • Current-time indicator line — toggle, color, and thickness
  • Upcoming-class reminder style

If you spend a lot of time in the Gantt or weekly list views, these settings make a big difference.

Personalization settings showing color mode, background, indicator line, and reminder style options
Personalization settings showing color mode, background, indicator line, and reminder style options

Whether it’s a student club, a project group, or a whole class, the team features make it easy to keep everyone’s schedules transparent and in sync.

When you open “My Teams”, the first thing you see are the team cards. Each card typically shows:

  • Team icon
  • Team name
  • Your role (Owner / Admin / Member)
  • Team description
  • Team code
  • Member preview
Team card showing the team icon, name, role, description, code, and member preview
Team card showing the team icon, name, role, description, code, and member preview

If you’ve joined a team to view schedules and find free time, this section is all you need.

  1. Get the 8-character team code from the team owner or an admin.
  2. Open “My Teams”.
  3. Click “Join team”.
  4. Enter the team code and confirm.
Join team dialog with a field for the 8-character team code
Join team dialog with a field for the 8-character team code
  1. On the team card, click “View schedule”.
  2. The team schedule page shows an aggregated view of all members’ schedules.
Team card with the View schedule button highlighted
Team card with the View schedule button highlighted

On the team schedule page you have:

  • Weekly view
  • Monthly view
  • Filter sidebar
  • Mobile filter drawer

How to read it:

  • Events are color-coded by member, so you can tell at a glance whose class it is.
  • Click an aggregated course block to see the course details and which members are attending.
  • If multiple classes overlap in the same time slot, you’ll first see a list of that slot’s courses, then you can drill into a specific course.

Overlap at a given time — who’s in class and how many classes stack up — is clear the moment you click.

Team schedule weekly view with color-coded events per member
Team schedule weekly view with color-coded events per member
Course detail popup showing the course name, time, location, and attending members
Course detail popup showing the course name, time, location, and attending members

When your team is large, filters help you zero in on what you need.

Common filters:

  • Filter by member
  • Filter by class
  • Filter by grade

Typical use cases:

  • Scheduling a meeting with a few people — filter by member first.
  • Finding when a particular class or grade is free — filter by class or grade first.
Filter sidebar showing member, class, and grade filter options
Filter sidebar showing member, class, and grade filter options

Both regular members and team admins can leave a team voluntarily.

Steps:

  1. Find the team in “My Teams”.
  2. Click “Leave team”.
  3. Confirm in the dialog.

Things to note:

  • Once you leave, you lose access to that team.
  • If you want to rejoin later, you’ll need the team code again.
Leave team confirmation dialog
Leave team confirmation dialog

This section is for the people who keep things running day to day — club leaders, shift schedulers, event organizers.

  1. Open “My Teams”.
  2. Click “Create team”.
  3. Fill in:
    • Team name
    • Team description
    • Team icon (upload your own or pick a preset)
  4. Click “Create team”.
  5. Once created, the system generates an 8-character team code.
Create team form with fields for name, description, and icon
Create team form with fields for name, description, and icon

On the team card, click “Manage team”.

From here you can:

  • Edit the team name
  • Edit the team description
  • Upload or change the team icon
  • Copy the team code
  • View the member list

The team code is what you send to people you want to invite — just share it with them directly.

Team management page showing editable team details and the team code
Team management page showing editable team details and the team code

Adding a member:

  1. Open “Manage team”.
  2. Enter the person’s student ID in the member management area.
  3. Click “Add member”.

Removing a member:

  1. Find the member in the member list.
  2. Click the remove action and confirm.

For day-to-day team management, these two actions are the ones you’ll use most.

Member management section showing the add member input and the member list with remove buttons
Member management section showing the add member input and the member list with remove buttons

A team admin can do more than just view schedules. Regular members can also reach this management interface.

Team management button on the team card
Team management button on the team card

A team admin can:

  • Edit the team name, description, and icon
  • Copy the team code
  • Add members by student ID
  • Remove regular members
  • View member schedules

A team admin cannot:

  • Assign or revoke team admin status for other members
  • Transfer team ownership
  • Disband the team

Actions related to the permission structure are reserved for the team owner.

If you’re the team owner, you have three additional powers on top of the admin capabilities above.

  1. Open “Manage team” from the team card.
  2. Find the target member in the member list.
  3. Assign admin status, or revoke it.

Notes:

  • Only the team owner can assign or revoke team admin status.
  • The team owner already has the highest team permissions by default — no extra assignment needed.
  1. Enter the transfer flow from “Advanced management” or the team management interface.
  2. Select the new owner from the team members.
  3. Enter the team name to confirm the transfer.

After the transfer, you are no longer the team owner.

  1. Enter the disband team flow.
  2. Follow the prompt to enter the team name and confirm.
  3. The team is deleted once confirmed.

Notes:

  • Disbanding a team cannot be undone.
  • Team admins cannot disband a team — only the owner can.

Entry point: Empty classrooms in the sidebar.

Sidebar showing the Empty classrooms entry point
Sidebar showing the Empty classrooms entry point

Empty classroom lookup uses an independent academic system session — it does not affect your platform login.

  1. Open “Empty classrooms”.
  2. Enter your academic system student ID, password, and verification code.
  3. Click “Log in”.

Notes:

  • Your academic password is used only for this login and query, and is not stored by the platform.
  • This login is separate from your platform account login.

Once logged in, you can set the following criteria:

  • Academic year and semester
  • Campus
  • Building
  • Room type
  • Seat count range
  • Room name
  • Week
  • Day of the week
  • Period

For week and period, you can:

  • Select individually
  • Select all / clear
  • Enter a range manually, e.g. 1-5,7,9-11

After clicking “Search empty classrooms”, you can:

  • View results in table view
  • View results in card view
  • Export as CSV / Excel / PDF
Empty classroom search form with all filter criteria
Empty classroom search form with all filter criteria
Table view of empty classroom results
Table view of empty classroom results
Card view of empty classroom results
Card view of empty classroom results

Entry point: Profile in the sidebar.

Profile settings now brings together your profile, security info, and login history in one place.

Profile settings page showing the Account settings and Security overview sections
Profile settings page showing the Account settings and Security overview sections

Under the “Profile” tab in “Account settings”, you can edit:

  • Name
  • Class
  • Grade
  • Department
  • Bio

Click “Save changes” when you’re done.

Click the camera button in the bottom-right corner of your profile picture to open the avatar settings.

Three options are available:

  • Enter an avatar URL directly
  • Upload a local image
  • Use a preset avatar
Avatar settings dialog showing the URL input, upload option, and preset avatars
Avatar settings dialog showing the URL input, upload option, and preset avatars

It’s a good idea to bind your email early — you’ll need it for password recovery and password changes.

Steps:

  1. Go to the email tab in “Account settings”.
  2. Enter the new email address.
  3. Click send verification code.
  4. Enter the code you receive.
  5. Click “Confirm binding” or “Confirm change”.

Once your email is bound, it can be used for:

  • Password recovery
  • Receiving important notifications
  • Stronger identity verification when changing your password

Go to the “Change password” tab in “Account settings”.

The current flow:

  1. Enter your current password.
  2. Enter your new password and confirm it.
  3. If you’ve already bound an email, you’ll also need to enter the email verification code.
  4. Click “Change password”.

Notes:

  • If you’ve bound an email, the security requirements for changing your password are higher.
  • If you haven’t bound an email, you can still change your password, but binding an email first is recommended.

The “Security overview” panel on the right side of the profile page shows your most recent login at a glance.

To see the full history:

  1. Click “View all login records”.
  2. In the popup you can see:
    • Login time
    • IP address
    • Browser
    • Operating system
    • User Agent

That’s the end of this tutorial. We hope this guide helps you get the most out of ChronoSync. If you run into any issues along the way, feel free to reach out through the contact info on the project homepage.

Happy scheduling!