Please enable JavaScript.
Coggle requires JavaScript to display documents.
Open Trivia Data Web Application - Coggle Diagram
Open Trivia Data Web Application
Open Trivia API
Number of Question
Difficulty Level
Topic Category/Genre
Multi-Choice or True/False Questions
Developer Problem
Data
OpenTrivia API Database - (
https://opentdb.com/api_config.php
)
User Interface
Design Principles
Alignment
Repetition
Constrast
Proximity
Usability Principles
Accessibility
Learnability
Utility
Safety
Effectiveness
Features
Instructions Page
Create Own Quiz Button
Software Environment
Algorithmic Components
Visual Studio Code
JavaScript
CSS
HTML
Data Formats
CSV
JSON
XML
Client Problem
Requirements
Provide up-to-date information on questions and answers. Also add new trivia questions.
Use publicly available API dataset - (
https://opentdb.com/api_config.php
)
Data
The Questions
The Topic Category
The Difficulty
The Type of Question: Multi Choice or True/False
User Problem
Target Audience
Stephen and Julianne
• Older couple that often play trivia with friends as a social activity
• Want to have many different categories to choose from to avoid repeated questions
Ashleigh
• Goes to local trivia events often as a hobby
• Plays games regularly with friends
For all Ages
User Experience
Design Principles
Usability Principles
JavaScript Client
Instructions Page
A clear and simple instructions page that helps users understand and navigate the web application
Trivia Page
Simple yet playful design, shows users questions and answers. It allows user to do Trivia.
Home Page
Contains the most recent popular quizzes and other recommended quizzes. It also contains a quick play button and settings button
Login Page
Contains a username and password input and a login button which will allow the user the ability to login to their personal account