Tuote-esittelysivuston toteuttaminen Angular-alustalla
Valojää, Aleksi (2021)
Valojää, Aleksi
2021
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-2021062316593
https://urn.fi/URN:NBN:fi:amk-2021062316593
Tiivistelmä
Tämän opinnäytetyön päämääränä oli selvittää, miten selainpohjainen tuote-esittelysovellus kehitetään Angular-ohjelmistokirjastoa hyväksi käyttäen. Työn aikana selvitettiin, mitä tämän kaltainen sovellus tarvitsee sekä toiminnallisuutta, että käyttöliittymää silmällä pitäen, ja miten Angular-kirjastoa pystyi toteutuksessa hyödyntämään.
Opinnäytetyössä toteutettiin dynaaminen tuotelistaus joka linkittyy laajempiin tuote-esittelyihin, tuotelistauksen sivutus sekä tuotehaku. Listauksen sisältö asetettiin noudettavaksi ulkoisesta Firebase-tietokannasta. Sovelluksen kehityksessä otettiin huomioon responsiivinen ulkoasu, joka mahdollistaa sen käytön kaikilla laitteilla ja näyttökoilla, Bootstrap 4-tyylikirjastoa hyödyntäen. Tämän lisäksi huomiota kiinnitettiin ympäristön saavutettavuuteen, eli käytettävyyteen erilaisilla liikunta- ja näkörajoitteisten käyttäjien apuvälineillä.
Toteutuksen aikana saatiin selville, että Angular-kirjasto on ohjelmistollisesti raskas yksinkertaista sovellusta silmällä pitäen, ja että kevyemmät ohjelmakirjastot, kuten Vue tai React olisivat kyenneet toteuttamaan saman toiminnallisuuden kevyemmällä laitteistokuormituksella. Toisaalta Angular havaittiin helpommin laajennettavaksi alustaksi, mikäli sovellusta tultaisiin tulevaisuudessa kehittämään pidemmälle.
Opinnäytetyössä toteutettiin dynaaminen tuotelistaus joka linkittyy laajempiin tuote-esittelyihin, tuotelistauksen sivutus sekä tuotehaku. Listauksen sisältö asetettiin noudettavaksi ulkoisesta Firebase-tietokannasta. Sovelluksen kehityksessä otettiin huomioon responsiivinen ulkoasu, joka mahdollistaa sen käytön kaikilla laitteilla ja näyttökoilla, Bootstrap 4-tyylikirjastoa hyödyntäen. Tämän lisäksi huomiota kiinnitettiin ympäristön saavutettavuuteen, eli käytettävyyteen erilaisilla liikunta- ja näkörajoitteisten käyttäjien apuvälineillä.
Toteutuksen aikana saatiin selville, että Angular-kirjasto on ohjelmistollisesti raskas yksinkertaista sovellusta silmällä pitäen, ja että kevyemmät ohjelmakirjastot, kuten Vue tai React olisivat kyenneet toteuttamaan saman toiminnallisuuden kevyemmällä laitteistokuormituksella. Toisaalta Angular havaittiin helpommin laajennettavaksi alustaksi, mikäli sovellusta tultaisiin tulevaisuudessa kehittämään pidemmälle.