Mid Sweden University

This paper is describing the project that has been done through the course DT140G, “självständigt arbete”. This course covers 15 higher education credits and is a part of the examined course for the program Web Development in Mid University, Sundsvall, Sweden. The project has been a collaboration with the company Sendify. The work that has been done has been fullstack, including both frontend and backend development. The aim of the project has been to improve the company's admin page. To do this, one part of the project has been to investigate how the admin works and what improvements that can be implemented. This investigation has included interviews with the company's customer service as well as observation of their working process. The design of the implementation has involved cooperative work with the company's design team. The result of the project has been two tables, displaying a team's previous bookings as well as if the team has any failed bookings. The table has been created as a “react table” and has included pagination and expanded views. A rebook button has been included as an option in the table. Responsive design has been implemented as well as translation for different languages. In the backend, a new endpoint has been added. This allows users logged in as admin to make requests for showing information about a team's previous bookings filtered on status. Error messages that are created when a booking has failed are added into the consignment table in the database as well as implemented into the backend consignments model. This allows it to be fetched and displayed to the frontend.

Denna rapport är en beskrivning av det arbete som har gjorts under kursen DT140G, “Självständigt arbete”. Kursen innefattar 15 högskolepoäng och är en del av det slutgiltiga arbetet för programmet Webbutveckling på Mittuniversitetet i Sundsvall. Projektet har gjorts i samarbete med företaget Sendify som jobbar med webbaserade logistiktjänster. Arbetet i projektet har varit fullstack, vilket innebär både frontend och backend utveckling. För backend utveckling har programmeringsspråket Golang används. MySQL har använts som databas och ramverket React med Typescript syntax har använts för frontend utveckling. Syftet med projektet har varit att förbättra företagets admin sida och förenkla arbetsflödet för de som jobbar inom företagets kundtjänst. För att ta fram en projektidé och projektplan har en förundersökning gjorts. Denna har inneburit intervjuer och observationer i företagets kundtjänstavdelning. Designen av implementationerna till projektet har tagits fram i samarbete och samråd med företagets designteam. Projektet resulterade i två tabeller som visar information om en kunds tidigare bokningar och misslyckade bokningar. Tabellerna har skapats hjälp av tilläggspaketet “react table” där funktionalitet såsom paginering och expanderade vyer har implementerats. Även en “boka om” knapp har lagts till som valalternativ i tabellen. En framtagen design har implementerats samt översättning av text till olika språk. I backend systemet har en ny endpoint skapats, vilket tillåter en användare inloggad som admin att läsa in ett teams tidigare bokningar, sorterat på status. Felmeddelande som skapas när en bokning misslyckats har lagrats som en ny kolumn i databastabellen för bokningar. Denna har sedan gjorts så att det går att hämta ifrån den datatabell ifrån backen systemet till frontend.