Mid Sweden University

Slothmedia is a fictitious company that wants to create a subscription free, advertising-free, web-based music service. The goal that was set for this project was therefore to build a web application based on Node.js and Express, which together with the frontend framework React calls an external database. The database would be of the relational database type and contain a number of tables, including tables for song lists, songs and users. The database manager MySQL was selected for the project and SQL code to create the database was created. In order to be able to call the database from the web application, an API was then constructed with multiple endpoints for different types of calls. The web application would offer the ability for users to create play lists and listen to them through a music player. The application therefore required CRUD functionality for play lists. The music player would have to be easy to use but still include features for playing and pausing music, changing tracks and the ability to skip forward in a song. In addition to this functionality, a complete graphical profile also had to be created for Slothmedia. This was done with various graphical tools such as wireframes, design sketches and a sitemap. A clear color scheme and associated fonts were also selected. The web application's target group also needed to be analyzed. Based on this, the application was built with a large focus on web usability, accessibility and to build on existing web guidelines. User tests were conducted and the results of these were compiled and evaluated.

Slothmedia är ett fiktivt företag som vill skapa en gratis, reklamfri, webbaserad musiktjänst. Målet som sattes upp för detta projekt var därför att bygga en webbapplikation baserad på Node.js och Express som tillsammans med frontend-ramverket React anropar en extern databas. Databasen skulle vara av typen relationsdatabas och innehålla ett antal tabeller, bland annat tabell för låtlistor, låtar och användare. Databashanteraren MySQL valdes för projektet och SQL-kod för att kunna skapa upp databasen togs fram. För att kunna anropa databasen från webbapplikationen konstruerades därefter ett REST API med flertalet endpoints för olika typer av anrop. Webbapplikationen skulle erbjuda möjligheten för användare att skapa låtlistor och lyssna på dessa genom en musikspelare. Applikationen krävde därför CRUD-funktionalitet för låtlistor. Musikspelaren skulle vara enkel att använda men ändå innefatta funktioner för att spela och pausa musik, byta låt samt möjlighet att spola i en låt. Utöver denna funktionalitet behövde även en fullständig grafisk profil tas fram till Slothmedia. Detta gjordes med olika grafiska verktyg så som wireframes, designskiss och en sitemap. Ett tydligt färgschema och tillhörande typsnitt togs också fram. Webbapplikationens målgrupp behövde analyseras. Utifrån detta byggdes applikationen med stort fokus på webbanvändbarhet, tillgänglighet och att utgå från rådande webbriktlinjer. Användartester utfördes och resultatet av dessa sammanställdes och utvärderades.