Mobiilikäyttöön optimoidun web-sovelluksen kehittäminen Angular-sovelluskehyksellä
Karhunen, Aleksi (2018)
Karhunen, Aleksi
Jyväskylän ammattikorkeakoulu
2018
All rights reserved
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-2018121120923
https://urn.fi/URN:NBN:fi:amk-2018121120923
Tiivistelmä
Opinnäytetyön tarkoituksena oli tutkia, kuinka kehitetään mobiilikäyttöön optimoitu websovellus käyttäen Angular-sovelluskehystä, ja kehittää sellainen toimeksiantajan asiakasyritykselle heidän vaatimuksien mukaisesti. Sovelluksen käyttöliittymä toteutettiin käyttäen Angular Material -ulkoasukomponenttikirjastoa.
Kehitystutkimus aloitettiin etsimällä web-sovelluksen kehittämiseen tarvittavaa teoriatietoa eri verkkolähteistä. Angular-sovelluskehys on jatkuvan kehityksen alla, joten tietoa kerättiin vain tuoreista lähteistä. Löydettyjä tietoja ja Angularin omaa dokumentaatiota käytettiin hyödyksi sovelluksen kehittämisessä.
Tutkimuksen aikana löydettiin web-sovelluksen kehittämiseen tarvittavat tiedot. Sovelluksen toteuttaminen onnistui ja vaatimusten mukainen mobiilikäyttöön optimoitu web-sovellus julkaistiin asiakasyrityksen käyttöön marraskuussa 2018.
Tutkimuksessa todettiin, että mobiilikäyttöön optimoidun käyttöliittymän tulee olla yhdenmukainen, minimaalinen ja yksittäisen näkymän tulee palvella vain yhtä päätarkoitusta. Lisäksi käyttöliittymän kannattaa muistuttaa natiivia mobiilisovellusta, jotta se on käyttäjälle tuttu jo ennestään. Kun käyttöliittymä toteutetaan noudattaen näitä ohjeita, se on käyttäjäystävällinen ja helposti opittava.
Angular-sovelluskehyksen parhaat kehityskäytänteet ovat litteä hakemisto- ja tiedostorakenne, yhdenmukaiset nimeämiskäytänteet sekä yhden sääntö. Yhden säännön mukaan yksittäinen toiminto palvelee vain yhtä tarkoitusta ja yksittäinen tiedosto sisältää vain yhden toiminnon. Angularin parhaat käytänteet eivät välitä sovellusalustasta, mutta niitä kannattaa aina noudattaa parhaan mahdollisen lopputuloksen takaamiseksi.
Kehitystutkimus aloitettiin etsimällä web-sovelluksen kehittämiseen tarvittavaa teoriatietoa eri verkkolähteistä. Angular-sovelluskehys on jatkuvan kehityksen alla, joten tietoa kerättiin vain tuoreista lähteistä. Löydettyjä tietoja ja Angularin omaa dokumentaatiota käytettiin hyödyksi sovelluksen kehittämisessä.
Tutkimuksen aikana löydettiin web-sovelluksen kehittämiseen tarvittavat tiedot. Sovelluksen toteuttaminen onnistui ja vaatimusten mukainen mobiilikäyttöön optimoitu web-sovellus julkaistiin asiakasyrityksen käyttöön marraskuussa 2018.
Tutkimuksessa todettiin, että mobiilikäyttöön optimoidun käyttöliittymän tulee olla yhdenmukainen, minimaalinen ja yksittäisen näkymän tulee palvella vain yhtä päätarkoitusta. Lisäksi käyttöliittymän kannattaa muistuttaa natiivia mobiilisovellusta, jotta se on käyttäjälle tuttu jo ennestään. Kun käyttöliittymä toteutetaan noudattaen näitä ohjeita, se on käyttäjäystävällinen ja helposti opittava.
Angular-sovelluskehyksen parhaat kehityskäytänteet ovat litteä hakemisto- ja tiedostorakenne, yhdenmukaiset nimeämiskäytänteet sekä yhden sääntö. Yhden säännön mukaan yksittäinen toiminto palvelee vain yhtä tarkoitusta ja yksittäinen tiedosto sisältää vain yhden toiminnon. Angularin parhaat käytänteet eivät välitä sovellusalustasta, mutta niitä kannattaa aina noudattaa parhaan mahdollisen lopputuloksen takaamiseksi.