-
Notifications
You must be signed in to change notification settings - Fork 1
Mobile App
Work in progress
project: Latios | project: Latias
Latios and Latias create mobile gateways into the Dashboard. The app will use the bottom navigation pattern with an option for each of the major features listed below.
Design-wise, the app will follow its appropriate design guidelines for each platform (Material on Android, Human Interface Guidelines on iOS) but branded appropriately for cuHacking. This refers to the specific components used as well as specific textures/shapes. The general structure will be the same between both apps.
Depending on what features we decide to add as development progresses, we may need to reevaluate whether this pattern is suitable, or which of the major features we will consider “top level” destinations. It is recommended that we only have at most 5 destinations in a bottom navigation implementation.
This will be the screen that is displayed when the user launches the app for the first time. It will include all the information (FAQ, WiFi, Announcements, etc.) in an easily accessible location.
Prior to the hackathon beginning, this screen would simply display the WiFi connection info, and the FAQ questions/welcoming paragraph. Once the event begins, the screen will be a bit more dynamic and contain the recent announcements, as well as other “ongoing”-type info, such as a "time left for hacking" timer, or “ongoing events”.
A history of all announcements will be displayed on this screen during the event. It will show the 5 latest announcements with an option to view the full history of announcements.
When a user taps on an announcement, it will open up a full screen details page showing a full description of the message.
This screen will also be used to view the full announcements whenever they are dispatched as push notifications.
A card (or a “section”) will display the WiFi info for the event. It will display the network SSID as well as the password to allow them to join the network from any of their devices. A button will also be provided to allow users to easily and quickly join the network from directly in the app (this is possible on both Android, and iOS as of iOS 11). If we launch the app in advance of the event and encourage users to download the app beforehand, this will be very useful to get people onto the network as quickly as possible (especially for those who may not have data).
Since “joining” a network outside of the network’s range will simply save the network for later, prior to the event this button will say “Save Network” instead of “Join Network” to encourage users to have the network saved so that they are connected as soon as they arrive at the venue.
Once the hackathon begins, the info screen will dynamically update to include a countdown timer to indicate how much time remains for hacking. Immediately before hacking starts (when registration begins), this countdown timer will simply say “24:00:00” and a smaller line of text indicating when hacking officially begins.
This section can also be used to display important “ongoing events” at the Hackathon. This would be used to display things such as “Opening ceremonies happening now!” or “Food is being served to ${color}”, etc. These can be thought of as prominent, or featured announcements. Only one announcement will be displayed as a featured announcement (probably the latest). This will be displayed below the countdown timer and above the announcements and will be in a larger, bolder, and more colourful typeface.
When the user first launches the app, a card can be displayed with some of the basic settings that the user can customize, specifically the theme and their notification preferences for different types of announcements. This card will also inform the user that these preferences can be changed at any time in the App Settings.
Want to contribute to the wiki? Find out how to wiki first.