Please enable JavaScript.
Coggle requires JavaScript to display documents.
Learning Game Quiz - Coggle Diagram
Learning Game Quiz
Constraints
Developer environment
Time frame
Budget
Resources
Programming skills
Beginner skills
Python flask
Web application
Python
HTML
CSS
Design skills
User interface design
User environment
Wants/interests
Academic subjects
Arts subjects
Educational and entertaining
Needs
Technical skills
Basic skills (using a laptop, opening browsers)
Customisations
Types of devices
Laptop
iPad
iPhone
Demographic
High school students
Program
PyCharm
Performance
Platform Compatibility
Limited memory
Accessibility guidelines
Task restrictions
Client
Mount Alvernia College
High school staff
Workflow
Criteria
Self-determined
Prescribed
Functional Requirements
Data
Data structure and data types
New data
Saving variables
Username and password to list
Score variable
Player name
Displaying data
Code Modules
Managing visual display
Menu options
Navigation bar
stats page
index page
Calculations with data
Processing user input
Managing objects and behaviours
index.html
login.html
register.html
app.py
logout.html
display,html
result.html
quiz_selection.html
quiz.html
style.css
User Interface
Visual display
Visual elements
Colour
Form
Line
Proportion
Scale
Shape
Space
Texture
Tone
Visual principles
Harmony
Hierarchy
Proximity
Contrast
Balance
Repitition
Alignment
Usability principles
Learnability
Consistency
Familiarity
Safety
Correction
Strategical
Effectiveness
CARP
Efficiency
Utility
Responsiveness
Responsibility
Accessibility
Percievable
Understandable
User interaction options
Select chosen subject
Input answers
Input login and register details
register.html
login.html
index.html
stats.html
Login page
Register page
Home page
Instructions page
Selecting a subject page
Main game page
Software
Software development cycle
Explore
Develop
Generate
Evaluate and Refine
Coding language
Python flask
CSS
html forms
Programming
PyCharm
Coded components
Scoring system
Output question
Input user answer
Check win when user answer is equal to correct answer
Non-functional Requirements
Aesthetics
User appeal
Aesthetics of high school students
Colours
Symbols
Shapes
Client style guide
Appropriate for school settings
Legal
Data privacy
Stored user details
Login and register information
Contractual obligations
Task outlines
Copyright and intellectual property restrictions
Source work
Economical
Project budget
Free using PyCharm
Project time frame
Up to 8 weeks
Societal/environmental
Resources available
Program
PyCharm
User interfaces
draw.io
Security
User information
Data storage settings
Login verification
School and home
Python flask
Access
Mt Alvernia students and staff