Webbapplikation för kartläggning av skadliga ämnen och labbanalys
Nyman, Conny (2018)
Nyman, Conny
Yrkeshögskolan Novia
2018
All rights reserved
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-201804044118
https://urn.fi/URN:NBN:fi:amk-201804044118
Tiivistelmä
Examensarbetet handlar om utvecklingen av en webbapplikation, vars syfte är att underlätta och effektivera arbetet vid kartläggning av skadliga ämnen. Webbapplikationen gör det möjligt för kartläggare att skapa och färdigställa kartläggningsprojekt. Ett projekt innehåller information så som bottenplan, prover, analyssvar och mängdförteckning. Projektdata läggs till i olika skeden av kartläggningsprocessen. Slutligen kan kartläggaren generera en rapport över kartläggningen som skickas till kunden. En mobilapplikation har
även utvecklats i samband med webbapplikationen. Mobilapplikationen tillåter kartläggare att mata in information om tagna prover ute på fältet. Webbapplikationens frontend och backend är uppdelad i två olika ramverk. Backend hanteras av SilverStripe som är ett CMS system med ett PHP ramverk. Frontend hanteras
av AngularJS som är ett JavaScript ramverk. Implementering av ett REST gränssnitt har utvecklats för att möjliggöra kommunikation mellan mobilapplikationen, frontend och backend. REST-gränssnittet erbjuder CRUD funktionalitet och har utvecklats med hjälp av två SilverStripe moduler. I arbetet beskrivs alla utvecklingsfaser av webbapplikationen, design, teknikval och implementering. Därtill beskrivs webbapplikationens funktion i praktiken och utmaningar som uppstod i samband med utvecklingen och respektive lösningar. This thesis covers the development of a web application which purpose is to facilitate and streamline the work with mapping of harmful substances. The web application offers the possibility for mappers to create and complete mapping projects. A project contains information such as floor image, samples, analyses and a variety list. Project data is inserted at different stages of the mapping process. The mapper can generate reports for finished projects, which then can be sent to the customers. A mobile application was also developed alongside the web application. The mobile application enables the mappers to insert data regarding samples out on the field.
The web application’s frontend and backend are separated in two different frameworks. Backend is handled by SilverStripe which is a CMS system with a PHP framework. Frontend is handled by AngularJS which is a JavaScript framework.
REST API enables communication between the mobile application, frontend and backend. The REST interface offers CRUD functionality and is developed with the help of two SilverStripe modules.
All development phases of the web application, design, choice of technologies and implementation are described. The web application’s use in practice and challenges that arose during the development as well as the solutions, are also described.
även utvecklats i samband med webbapplikationen. Mobilapplikationen tillåter kartläggare att mata in information om tagna prover ute på fältet. Webbapplikationens frontend och backend är uppdelad i två olika ramverk. Backend hanteras av SilverStripe som är ett CMS system med ett PHP ramverk. Frontend hanteras
av AngularJS som är ett JavaScript ramverk. Implementering av ett REST gränssnitt har utvecklats för att möjliggöra kommunikation mellan mobilapplikationen, frontend och backend. REST-gränssnittet erbjuder CRUD funktionalitet och har utvecklats med hjälp av två SilverStripe moduler. I arbetet beskrivs alla utvecklingsfaser av webbapplikationen, design, teknikval och implementering. Därtill beskrivs webbapplikationens funktion i praktiken och utmaningar som uppstod i samband med utvecklingen och respektive lösningar.
The web application’s frontend and backend are separated in two different frameworks. Backend is handled by SilverStripe which is a CMS system with a PHP framework. Frontend is handled by AngularJS which is a JavaScript framework.
REST API enables communication between the mobile application, frontend and backend. The REST interface offers CRUD functionality and is developed with the help of two SilverStripe modules.
All development phases of the web application, design, choice of technologies and implementation are described. The web application’s use in practice and challenges that arose during the development as well as the solutions, are also described.