Accessing the Prototype

Both methods of access are located in the 'Prototype Links' section which can be found in either the README.md file or Home Wiki page.

• Online/Web Access (No Requirements)
• Offline Access (Requires Adobe XD)
  1. Open the file in Adobe XD.
  2. Use one of the Prototype Testing methods in Adobe XD to run it.

Using the Prototype.

Registering for an Account

1. At the Login screen, select the 'Register' button.
2. At the Register screen, scroll down, and select the 'Accept' button located at the bottom. You will be returned to the Login Screen if successful.

Logging In

There are 2 types of Users (Peer & Counsellor). At the Login Screen, by default, the Username is set for logging into a Peer Account.

1. Selecting the Username field will change it to a Counsellor's User Account [Simulates entering a different Username].
2. When the choice is made, select the 'Login' button to login to the corresponding User Account.

Peer Account

The Sidebar allows jumping to all other Primary Screens.

• Home [Contains Frequently-Used Shortcuts, and a quick view of recent relevant Tasks (Yesterday, Today, Weekly).]
• Status Report [Shows the User's following statistics:]
  • Tasks Completed
  • Hours Spent Gaming (This Week, and Daily)
  • Bar Graph Trend of Hours Spent Gaming
• Announcements [Shows any Announcements made by Counsellors.]
• Social Media [Shows the Social Media links of the Support Group or Organization.]
• Planner [Allows Planning of Task, and Recording of Gaming Hours.]
  • Selecting the 'Tasks Completed' field shows the list of Tasks for that day/week, and allows adding of new Tasks with the '+' button.
  • Selecting the 'Hours Spent Gaming' field allows recording of the User's gaming hours for that day (Weekly Hours would be calculated from Daily Hours).
• Peers [Shows the list of Peers.]
  • Selecting a Peer will show their User Profile (with any Details not Hidden by them), and allow Contact with them via external Social Media links.
• Counsellors [Shows the list of Counsellors.]
  • Selecting a Counsellor will show their User Profile (with any Details not Hidden by them), and allow Contact with them via external Social Media links.
• Account Settings [Allows altering of User Account settings, like Avatar, Password, Personal Details, and the Visibility of each Detail.]
• Preferences [Allows altering of Visual Theme, and Notification settings.]
• Log Out

Counsellor Account

The Sidebar allows jumping to all other Primary Screens.

• Home [Contains Frequently-Used Shortcuts]
• Announcements [Shows any Announcements made by Counsellors.]
  • Selecing 'New Post' allows a new Announcement to be posted.
• Social Media [Shows the Social Media links of the Support Group or Organization.]
• Peers [Shows the list of Peers.]
  • Selecting a Peer will show their User Profile (with any Details not Hidden by them), and allow Contact with them via external Social Media links.
• Counsellors [Shows the list of Counsellors.]
  • Selecting a Counsellor will show their User Profile (with any Details not Hidden by them), and allow Contact with them via external Social Media links.
• Account Settings [Allows altering of User Account settings, like Avatar, Password, Personal Details, and the Visibility of each Detail.]
• Preferences [Allows altering of Visual Theme, and Notification settings.]
• Log Out