Please enable JavaScript.
Coggle requires JavaScript to display documents.
Web Application: The Trivia Club IA3 - Coggle Diagram
Web Application: The Trivia Club IA3
User Problems
IMPACTS
ECONOMIC
PERSONAL
SOCIAL
Users
TERESA
Can view and edit account to ensure the system is running smoothly
Moderator and community leader
SANDRA
Has a special interest in questions from the Art category
Participates by playing trivia
A regular in the community
ZELMARI
Loves statistics and information
New to the system.
USER ENVIRONMENT
Should have a simple layout, so the user doesn't become overwhelmed
Adjusting to multiple and various screen sizes
Web Application
USABILITY PRINCIPLES
Accessibility
That every user can use and understand the app (Are any users disadvantaged by the design choices? This can include small writing, language preference, weird fonts, etc)
Effectiveness
Allowing the user to be able to do what they need to do, as well as completing what needs to be completed.
Safety
Personal information will not be shared to other users.
Back buttons and validation buttons with allow for less errors occurring.
Learnability
The layout of the web application will be simplistic and clean, so the user is able to identify every aspect without fail.
There will be a lot of familiarization with graphics, icons and symbols.
The web application should allow for fast recognition and identification to ensure the user easily navigate through it.
Only necessary information from the dataset will be present for users. Excluding information ID, etc.
Utility
The web application will be accessible to various devices, adjusting to different screen types without error.
There will be responsive designs that the users are able to respond with.
Providing with correct functionality and features so that users can do at they need to do or want to do.
VISUAL COMMUNICATION PRINCIPLES & CARP
Hierarchy
Organizing elements to guide the users through a specific order that developers want to show them.
Highlighting elements that are significant to the web application.
Harmony
Ensuring that the arrangement of elements are within a composition.
Also, ensuring that all elements and parts of the design work well together, supporting each other.
Proximity
Ensuring that elements are well and properly spaced out, allowing users who are visually impaired to read without stress.
Like separating content that don't relate to one another, but still highlighting the connection between them.
Balance
Ensures that no part of the design overpowers others, to create a sense of stability and structure
Alignment
Making sure that elements line up properly with each other to create a visually pleasing web application.
Using elements like text, images, and graphics to establish structure and balance.
Repitition
Some elements are repeated, allowing users to recognise and become familiar with elements.
Creating a consistent web application.
Contrast
Ensuring that some elements stand out using a variety of approaches, including fonts, shapes, sizes and colours.
Helping users to distinguish information that is important and information that can be overlooked.
Functions
NON-FUNCTIONAL REQUIREMENTS
SECURITY
The application must use HTTPS to ensure secure data transfer
User passwords must be stored securely using salting and hashing
PERFORMANCE
USABILITY
RELIABILITY
COMPLIANCE
The application must comply with the Australian Privacy Principles (Privacy Act 1988)
Ensuring that data privacy and security in all aspects of data handling and storage
MAINTAINABILITY
SCALABILITY
FUNCTIONAL-REQUIREMENTS
USER REGISTRATION AND AUTHENTICATION
Users must be able to register with a unique username and password.
Users must be able to log in using their existing credentials
Passwords must be securely stored using salting and hashing techniques
USER PROFILE MANAGEMENT
Users must be able to edit their profile information
Users must be able to view their profile details, including their favourited trivia categories.
TRIVIA DATASET
The application must connect to one specific trivia APIs and retrieve the trivia questions
The application must receive data into a user-friendly format
TRIVIA CATEGORY SELECTION AND VIEWING
DATA DISPLAY
ADMIN FEATURES
Data
EXISTING DATA
An API containing existing information about the chosen dataset. The dataset is in a format called JSON, also being synced in real time, allowing it to be updated whenever.
NEW DATA
Personal information entered by the users, including their name, password, username and emails. This data is being stored in an SQL database and will stay the same. The coding language to load information is PHP.
Security
Implementing Salting and Hashing for storing users passwords, ensuring the security of users information.
Securing information in case of a data breach.
Criteria
SELF DETERMINED
The programs uses HTTPS protocols
Complies with the Web Content Accessibility Guidelines and the Australian Privacy Principles (Privacy Act 1988)
PRESCRIBED
Demonstrate data transfer from an API to the system. Using one of the trivia datasets given.
Allow users to register an account with a username and password.
Allow users to favourite a trivia category from the chosen dataset.
Allow users to view their trivia questions and answers from their selected dataset and category.
Develop a low-fidelity prototype of the web application.
Develop a video to demonstrate data transfer functionality
Allow the received data in one format and programmatically transform it into another format for sharing and displaying.
Evaluate impacts, making recommendations for improving data security during transfer
Development Environment
VISUAL STUDIO CODE
PHP SERVERS
SQL DATABASE SERVERS
API SERVER
JSON
Constraints
LEGAL
Comply with the copyright laws by including referencing to all sources of data and images.
TIME
DATA
SOCIAL
KNOWLEDGE
ACCESSIBILITY
Ensuring that the web application is accessible to users with varying levels of learning, including newcomers and experienced users.
ECONOMIC
Use of free alternatives for essential resources, such as website software and databases. Unable to hire professional designers or developers to assist with the task
PERSONAL
Page Functions
LOGIN PAGE
Form for existing users to log in
SIGN UP PAGE
Simple page form for username and password entry.
HOME PAGE
Display users favourited trivia categories and a button to view trivia questions.
TRIVIA PAGE
Display trivia questions and answers from the selected data.