Please enable JavaScript.
Coggle requires JavaScript to display documents.
Nudgee Social Media API Web Application, Connection & Security -…
Nudgee Social Media API Web Application
User
Specific Profiles (stimulus)
Jake
Year 10 student
Day boy at Nudgee College
Wants to find out his friend's activities
Involved in various activities at Nudgee
Jordan
Year 7 student
Boarder at Nudgee College
Involved in art, music and performing
Wants to talk to other students with similar interests
Michael
QUT Student
Old boy at Nudgee College, graduated last year
Wants to stay in contact with other old boys
Profiles
Only aimed towards students at Nudgee College
Old boys are allowed to use the solution
Students are assumed to be high technological abilities
Wants
People not from Nudgee College to see their private information
Aesthetically pleasing web design
A diverse search function
Accessible Devices
Mobile
800 x 1200
1440 x 2960
1125 x 2436
Tablet
720 x 1280
2048 x 2732
1536 x 2048
Desktop/Laptop
1920 x 1080
Data
Students
Student ID (PK)
Photo
First Name
Last Name
Birth Year
Boarder
Old Boy
School Email
Biography
User Details
ID (PK)
Student ID (FK)
Personal Email
Salt
Hash
Activities
ID (PK)
Student ID (FK)
Activity 1
Activity 2
Activity 3
Activity 4
Activity 5
Functionality
Login system infused with identificaiton system
All user data is pre-stored in the database; there is no insertion (of data) function
Retrival of database information through API requests
Student Search Function
Activity
Year of Birth
Boarder Option (Yes or No)
Old Boy Option (Yes or No)
"What is the Problem?"
Which data format should be used for exchanges?
Extension Mockup Language (XML)
JavaScript Object Notation (JSON)
How can student's confidential data be protected?
Data Security Methods
Two-Factor Authentication (2FA)
Requirement for a Sophisticated Passowrd
Secret Question Check
Password Encryption
How can this solution help the target audience?
Diverse search function
Interface that displays data in a clear and concise manner
Fulfills its purpose as a Social Media application
Interface
User Specifics
Allows labels to be translated into user's choice
Low amounts of text; easy navigation
Expansive yet quick search queries
Minimal and intuitive web design
Clear large headers & buttons
General
Principles of Usability
Elements & Principles of Visual Communication
Aesthetics
Reading
Satisfactory colour scheme
Use of Images to combat large amount of text
Placement of information and text must be organised
Clear and concise information
Navigation
Intuitive layout (from other solutions or other webpages)
Breadcrumbs
Clear headers and navigation hyperlinks
Guideline for website design: Web Content Accessibility Guidelines (WCAG)
Connection & Security
Connection
Displayed Data
Photo (Image Preview)
First Name
Birth Year
Last Name
Boarder
Old Boy
School Email
Biography
Activities
Preserved (Confidential) Data
Password (in the form of salt and hash)
Personal Email
Data Insertion
Method
Physical (Paper) Input Form
Digital (Google Forms) Input Form
Execution to the database via Python Code
Security
Login Page
Password encryption (SHA-256)
Requirement for a more sophisticated password
Two-Factor Authentication
Other Webpages
Session Tracking