Skip to content

bodhivb/pixel-schedule

Repository files navigation

Pixel Schedule - page
Pixel Schedule

An interactive SintLucas pixel schedule.

Overview

Pixel Schedule is an interactive gamification platform for school schedule. Here you can see where each teacher is and which lesson is being taught in the classroom. It is linked to the Magister app and keeps us informed of changes through fun interactive effects and notifications.

Access schedule data

To handle the school schedule data, we've created a small temporary workaround that connects our webapp directly to the Xedule API. For a temporarily bypass of the standard cross-origin security, use the following command in CMD:

start chrome.exe --user-data-dir="c:/temp/chrome" --disable-web-security https://bodhivb.github.io/pixel-schedule/ --kiosk

Caution: don't disable web security on other sites without understanding their source code, as it can expose you to security risks.

For developers

The webapp is written in TypeScript using PixiJS v7. When building the project, TypeScript files are compiles to JavaScript and all code is bundled into one minified file using Webpack.

Feel free to view the source code and add something fun as a pull request to make the SintLucas Pixel-Schedule even cooler!

If you have any questions? Feel free to contact me via Discord Bodhi#0001.

Desired outcomes

Real-time Schedule

That teachers stay in the classroom where their lesson is, is not quite finished yet, when they are finished then the basic concept is finished!

Interactive

However, it still lacks interactive feature, including clickable teacher profiles and random speech bubbles corresponding to their current lesson and other fun interactives. Feel free to suggest any other additions!

Pixel Schedule API

Build an API that users can connect to via SurfConext to access data on teachers presence, skills, and important notifications/changes.

Display date

Display the date and time in the top left corner, resembling a lock screen or Wallpaper Engine. This allows for convenient access to useful default information while maintaining a visually pleasing background.

Weather

Add weather integration, based on school location. Show corresponding weather conditions within the Pixel Schedule, such as rain when it's raining.

Furthermore, the app already includes real-time background changes for daytime and evening. Thanks to @Martijndewin for his contribution to the development of this feature.