Web-kehitys Angular-tekniikalla
Korhonen, Valtteri (2020)
2020
All rights reserved. This publication is copyrighted. You may download, display and print it for Your own personal use. Commercial use is prohibited.
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-202004205410
https://urn.fi/URN:NBN:fi:amk-202004205410
Tiivistelmä
Tässä opinnäytetyössä kehitettiin web-sovellus tilaajan palvelua käyttävien asiakkaiden tunnistamista varten. Tarkoituksena oli luoda sovellus, jossa asiakas voi tunnistautua joko tilaajan toiseen palveluun luodun käyttäjätunnuksen tai pankkitunnistautumisen avulla. Lisäksi työssä oli tavoitteena kehittää tilaajan olemassa oleva Angular-sovellus toimivammaksi mobiililaitteilla lisäämällä sovellukseen PWA-ominaisuuksia ja muuttamalla palvelun ulkoasua käyttäjäystävällisemmäksi mobiililaitteilla.
Työssä ensin toteutettiin tunnistautumissovellus Angular-tekniikalla. Seuraavaksi tilaajan sovellukseen toteutettiin PWA:n ydintoiminnot. Tämän jälkeen tutkittiin PWA:n mahdollistamia lisäominaisuuksia. Sovellukseen päätettiin toteuttaa QR- ja viivakoodiskanneri kameran avulla. Lopuksi suunniteltiin mobiiliulkoasun parantamiseksi tarvittavat muutokset ja toteutettiin ne.
Opinnäytetyön tuloksena saatiin toimiva web-sovellus yrityksen asiakkaiden tunnistamista varten. Lisäksi tilaajan sovellukseen toteutettiin sekä toiminnallisia että ulkoasumuutoksia parantamaan sivuston käytettävyyttä mobiililaitteilla. Opinnäytetyössä toteutettu sovellus ja lähes kaikki asiakkaan sovellukseen tehdyt muutokset ovat jo käytössä tuotantoympäristössä.
Työssä ensin toteutettiin tunnistautumissovellus Angular-tekniikalla. Seuraavaksi tilaajan sovellukseen toteutettiin PWA:n ydintoiminnot. Tämän jälkeen tutkittiin PWA:n mahdollistamia lisäominaisuuksia. Sovellukseen päätettiin toteuttaa QR- ja viivakoodiskanneri kameran avulla. Lopuksi suunniteltiin mobiiliulkoasun parantamiseksi tarvittavat muutokset ja toteutettiin ne.
Opinnäytetyön tuloksena saatiin toimiva web-sovellus yrityksen asiakkaiden tunnistamista varten. Lisäksi tilaajan sovellukseen toteutettiin sekä toiminnallisia että ulkoasumuutoksia parantamaan sivuston käytettävyyttä mobiililaitteilla. Opinnäytetyössä toteutettu sovellus ja lähes kaikki asiakkaan sovellukseen tehdyt muutokset ovat jo käytössä tuotantoympäristössä.