Mobiilisovelluksen toteutus Ionic-sovelluskehyksen avulla : Liikuntapaikka-sovelluksen kehittäminen avointa rajapintaa hyödyntämällä
Huotari, Mika (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
http://urn.fi/URN:NBN:fi:amk-2020062619361
http://urn.fi/URN:NBN:fi:amk-2020062619361
Tiivistelmä
Tämän opinnäytetyön tarkoituksena on tutkia mobiilisovelluksen toteuttamista Ionic-sovelluskehyksen avulla. Työssä käydään läpi Ionicin historiaa, tärkeimpiä ominaisuuksia sekä ympäristöön kytkeytyviä sovelluskehyksiä, kuten Angular.
Googlen kehittämän Angular-sovelluskehyksen myötä esitellään TypeScriptiä ja Angularin arkkitehtuuria, tärkeimpinä osina moduulit, komponentit ja palvelut. Palvelinpään tietolähteenä toimii avoimen datan palvelu nimeltään Lipas, joka on Jyväskylän yliopiston ylläpitämä kuntien liikuntapaikkojen tietoja sisältävä tietokanta.
Opinnäytetyössä toteutetaan Ionic- ja Angular-sovelluskehysten sekä Lipas-tietokannan tarjoaman liikuntapaikkatiedon avulla sovellusdemo mobiililaitteelle. Sovelluksen tarkoituksena on tarjota käyttäjälle palvelu, jonka kautta on mahdollista löytää tietoa paikkakuntien liikuntapaikoista. Valitusta kohteesta on mahdollista tarkastella yksityiskohtaisia tietoja sekä nähdä sen sijainti kartalla.
Googlen kehittämän Angular-sovelluskehyksen myötä esitellään TypeScriptiä ja Angularin arkkitehtuuria, tärkeimpinä osina moduulit, komponentit ja palvelut. Palvelinpään tietolähteenä toimii avoimen datan palvelu nimeltään Lipas, joka on Jyväskylän yliopiston ylläpitämä kuntien liikuntapaikkojen tietoja sisältävä tietokanta.
Opinnäytetyössä toteutetaan Ionic- ja Angular-sovelluskehysten sekä Lipas-tietokannan tarjoaman liikuntapaikkatiedon avulla sovellusdemo mobiililaitteelle. Sovelluksen tarkoituksena on tarjota käyttäjälle palvelu, jonka kautta on mahdollista löytää tietoa paikkakuntien liikuntapaikoista. Valitusta kohteesta on mahdollista tarkastella yksityiskohtaisia tietoja sekä nähdä sen sijainti kartalla.