Please enable JavaScript.
Coggle requires JavaScript to display documents.
IA1 - Coggle Diagram
IA1
Data
-
Storage and Security
-
-
Normalized data ensuring data integrity, secure means of data transfer will be utilized in the final web app
Dataset
-
-
Comes in API form, which can be more safely and effectively integrated into the web app
Hashing
Salt and hash using hashlib, all passwords are stored as hashes, and a hashed input is simply checked against that in the database.
Hashing will ensure that if the database is breached, the user data is secure. This is a security measure
Content
Home page with access to genreal information, popular groups, etc.. As well as an option to log in and allow the user to 'find [their] niche'. This is NOT a LANDING PAGE, as that is not suited to this type of web app
Login/Register page to allow the user to log in and upload their playlist so that they can find their group
-
-
User Interface
-
-
UI should cater for the target audience, allowing young people ot use it intuitively, this is only aplicable to the final web app
Requirements
Functionality
Functional
Functional web elements which are consistently present among the pages of the site (will be shown in the UI mockups), this includes elements like the navbar, the footer, search bar, etc.. This can be achieved using flask layouts and global shared functions.
-
-
-
Users can input their playlists to find their group, where they can recieve song recommendations
-
Non-functional
Website elements should be interactive, with CSS/Bootstrap animations and a clean, consistent aesthetic
Important elements will be kept toward the top left, and less utilized elements will remain on the bottom right
Success Criteria
Prescribed
ethical, practical and legal evaluation of the:
Personal, social and economic impacts of releasing this web app
User-interface, against design principles such as CARP and the Usability Principles
-
-
The proposed solution must be based on Python, Flask and bootstrap, this is not a functional requirement as there is no coded aspect to this technical proposal. This is just a guiding criteria regarding the limitations of the solution.
Recognise suitable data sources, programming tools and utilizables useability principles and user-interface components
Analasis and explanation of the user experiences and the useability principles and accessibility features implemented. Data structures and programming features must also be explained
Determination of the user's needs for the purposes of the proposed web app, this will be done through user persona's
Self-determined
The technical proposal should properly cover the data integrity, reliability and validity
-
The proposed web app will be aimed at a younger target audience who listen to music more, this includes university students and school students. Older people should still be able to use the web app though.
-
Proposed design should be adaptable to other screen sizes, so that the web app can function on phones as well as laptops
UI and UX adhere to the useability principles (accessibility, effectiveness, safety, utility, learnability), and UI implements the design principles (CARP)
User
Target Audience
School students
These students will be looking for music to listen to on the bus, while studying, etc.. Listening to the same music eeryday on the bus become tedious for students, so they will often be looking for new music that they like
University Students
University student are more capable with technology, and finding new songs, they will likely be the first to find and use the proposed web app to find new study\workout music
School and Uni student are more aware of sharing their detailes on the internet, to protect their privacy, the web app should have a non intrusive login page and not ask for the users email
Accesibility
UI home page should clearly direct the user towards the login page, with clear directives that this will allow them to find music with their tastes
To cater for users who are color blind, the UI should use a simple and dichromatic design, allowing for users who are color blind to differentiate elements.
The web app should be structured similarly to other existing solutions like soundcloud, to allow for intuitive navigation, this is a Learnability feature
-