A simple and elegant one-page Web App showing campus shuttle bus schedule and the countdown of the upcoming one.
Design Motivation
DKU’s shuttle bus schedule is published as a pdf file and transferred to students through DKU email list. Some students will print it out or save it as a screenshot in their photo albums. However, most students find it inefficient when they want to check the next shuttle’s leaving time immediately. To improve its efficiency, several solutions were came out by Gallinula. Last year, I designed a Siri Shortcut for users to quickly acquire the next shuttle’s time by simply asking “Hey Siri, Next Shuttle”. Now the voice service is updated to a fully functioned Web App with GUI front-end.
Highlights
- Minimalism design
- Countdown of most recent shuttle bus
- Dynamically exhibit the full shuttle schedule by selecting location/destination
Technical Details
“Next Shuttle” is a pure front-end App developed using the Vue.js. I Adopted the idea of data & service separation. The data of Shuttle Bus Schedule can be updated regularly via a json file on remote web server.
Preview Images
