Mobiiliverkkokauppasovelluksen toteuttaminen monialustaisella teknologialla

Sovellusten kehittämiseen mobiililaitteille käytetään yleensä laitteiden käyttöjärjestelmien natiiveja teknologioita. Androidilla natiivina teknologiana käytetään yleensä Java-ohjelmointikieltä, kun taas iOS:llä teknologiana on yleensä Objective-C-ohjelmointikieli. Vaihtoehtona sovelluksen kehittämiselle natiivin teknologian avulla toimivat monialustaiset teknologiat, joita ovat muun muassa React Native ja Dart Flutter. React Native on Facebookin vuonna 2015 julkaisema sovelluskehys, joka perustuu Facebookin React-nimiseen JavaScript-kirjastoon. Dart Flutter puolestaan on Googlen vuonna 2018 julkaisema sovelluskehys, jonka taustalla toimii oliopohjainen Dart-ohjelmointikieli. React Nativea ja Dart Flutteria yhdistää se, että yhden lähdekoodin pohjalta saadaan toteutettua sovellus sekä Android- että iOS-alustalle. Tässä insinöörityössä tutkittiin React Nativen ja Dart Flutterin toimintaperiaatteita sekä verrattiin näiden teknologioiden etuja ja rajoitteita natiiveihin teknologioihin nähden. React Nativen ja Dart Flutterin eduksi natiiveihin teknologioihin nähden osoittautui yhden lähdekoodin käyttö sovelluksen toteuttamiseen Android- ja iOS-alustoille. Tällöin ohjelmakoodin ylläpito on helpompaa, sillä ohjelmakoodista ei tarvitse alustojen vuoksi olla useampaa eri versiota. Lisäksi sovelluksen saa todennäköisesti julkaistua kummallekin alustalle nopeammalla aikataululla. React Nativen ja Dart Flutterin rajoitteena natiiveihin teknologioihin nähden on rajoitettu pääsy alustojen natiiveihin ominaisuuksiin ja palveluihin. Tällöin sovellus ei välttämättä ole yhteensopiva jonkin tietyn alustan natiivin ominaisuuden tai palvelun kanssa. Insinöörityössä verrattiin myös React Nativen ja Dart Flutterin eroavaisuuksia sekä näiden etuja ja rajoitteita. Dart Flutterin eduksi osoittautui parempi suorituskyky Material- ja Cupertino-kirjastojen käytön ansiosta. Dart Flutterin rajoitteena on puolestaan se, että se ei tällä hetkellä tue 3D-grafiikkaa käyttöliittymässä. Insinöörityön aikana kehitettiin Dart Flutterilla verkkokauppasovellus, jolla pyrittiin havainnollistamaan Dart Flutterin ominaisuuksia sekä tarvittavan alustariippuvaisen määrittelyn määrä. Kaikki sovelluksen ominaisuudet saatiin toteutettua ilman alustariippuvaista koodia. Alustariippuvainen määrittely rajoittui tarvittavien käyttöoikeuksien määrittämiseen kameran ja tiedostojärjestelmän käyttöä varten.In general, applications for mobile devices are developed with the native technology of the operating system of the device. The native technology used for Android is usually Java and for iOS it is Objective-C. Cross-platform technologies such as React Native and Dart Flutter are an alternative to native technologies when developing mobile applications. React Native is a framework published by Facebook in 2015 based on Facebook’s JavaScript library, React. Dart Flutter is a framework published by Google in 2018 and its underlying programming language is an object-oriented language called Dart. Both React Native and Dart Flutter can implement an application for Android and iOS platforms based on one source code. In this bachelor’s thesis mechanisms of React Native and Dart Flutter and their benefits and limitations are compared to native technologies. The benefit of using React Native and Dart Flutter is the ability to use one source code for both platforms. With less versions of the code, it is easier to maintain it. It is also likely that the application is published faster. Limited access to platform-specific features and services that can cause compatibility issues, on the other hand, is a limitation of React Native and Dart Flutter compared to native technologies. Differences between React Native and Dart Flutter and benefits and limitations between them are also discussed. The benefit of Dart Flutter is better performance by using Material and Cupertino libraries. Dart Flutter does not currently support 3D graphics in the user interface and therefore it is a limitation of this technology. For demonstrating the features of Dart Flutter and platform-specific code and configuration, a mobile online store application was developed. All the features of the application were implemented without platform-specific code. Platform-specific configuration was limited to defining required rights for using the camera and the file system of the device