Full Stack -mobiilisovelluksen luonti React Native -tekniikalla : CASE: Kupo
Neuman, Kevin (2017)
Neuman, Kevin
Seinäjoen ammattikorkeakoulu
2017
All rights reserved
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-201705107351
https://urn.fi/URN:NBN:fi:amk-201705107351
Tiivistelmä
Opinnäytetyö toteutettiin Valakia Interactive Osakeyhtiölle. Valakia Interactive on Seinäjoella sijaitseva startup-yritys, jonka palveluihin kuuluvat mainonta, lisätty todellisuus, 3D-sovellukset, graafinen suunnittelu ja vuorovaikutteinen media.
Tässä opinnäytetyössä tutustuttiin moderneihin web- ja mobiilikehitystekniikoihin. Työn tavoitteena oli toteuttaa mobiilisovellus, joka toimii vuorovaikutuksessa kosketusnäytöllisen infotaulun kanssa.
Opinnäytetyö koostuu teoriaosuudesta sekä käytännön osuudesta. Teoriaosuudessa käsiteltiin front end -tekniikoita, joilla luotiin käyttöliittymät mobiilisovellukseen ja verkkosivulle. Lisäksi syvennyttiin back end -tekniikoihin, joilla palvelinpuoli toteutettiin. Työn käytännön osuudessa esitellään Kupo-mobiilisovelluksen ulkoasua ja toiminnallisuuksia. Siinä kuvataan myös palvelinpuolen toimintaa yhdessä mobiilisovelluksen ja verkkosivun kanssa.
Lopputuloksena syntyi Kupo-mobiilisovellus. Mobiilisovelluksella voi aloittaa pelin kosketusnäytölliseltä infotaululta. Peli alkaa, kun mobiilisovellus on lukenut QR-koodin infotaululta. Mobiilisovellus käyttää Node.js-palvelimen REST-ohjelmointirajapintaa tietojen hakemiseen ja muuttamiseen tietokannasta. Lisäksi luotiin React-verkkosivu, joka toimii samalla palvelimella. Verkkosivua käytetään käyttäjätilin luomisen viimeistelyyn ja salasanan vaihtamiseen.
Tässä opinnäytetyössä tutustuttiin moderneihin web- ja mobiilikehitystekniikoihin. Työn tavoitteena oli toteuttaa mobiilisovellus, joka toimii vuorovaikutuksessa kosketusnäytöllisen infotaulun kanssa.
Opinnäytetyö koostuu teoriaosuudesta sekä käytännön osuudesta. Teoriaosuudessa käsiteltiin front end -tekniikoita, joilla luotiin käyttöliittymät mobiilisovellukseen ja verkkosivulle. Lisäksi syvennyttiin back end -tekniikoihin, joilla palvelinpuoli toteutettiin. Työn käytännön osuudessa esitellään Kupo-mobiilisovelluksen ulkoasua ja toiminnallisuuksia. Siinä kuvataan myös palvelinpuolen toimintaa yhdessä mobiilisovelluksen ja verkkosivun kanssa.
Lopputuloksena syntyi Kupo-mobiilisovellus. Mobiilisovelluksella voi aloittaa pelin kosketusnäytölliseltä infotaululta. Peli alkaa, kun mobiilisovellus on lukenut QR-koodin infotaululta. Mobiilisovellus käyttää Node.js-palvelimen REST-ohjelmointirajapintaa tietojen hakemiseen ja muuttamiseen tietokannasta. Lisäksi luotiin React-verkkosivu, joka toimii samalla palvelimella. Verkkosivua käytetään käyttäjätilin luomisen viimeistelyyn ja salasanan vaihtamiseen.