Mobiilisovelluksen kehittäminen React Native -sovelluskehyksellä

Abstract

Opinnäytetyön tavoitteena oli toteuttaa mobiilisovellus Sopimustieto.fi-palvelulle. Sopimustieto.fi on sopimista helpottava verkkopalvelu, jossa voidaan laatia, allekirjoittaa ja arkistoida sopimuksia sähköisesti. Mobiilisovelluksen avulla palvelun käyttö on entistä helpompaa mobiililaitteilla ja sovellus tarjoaa palvelulle mahdollisuuden hyödyntää mobiililaitteiden ominaisuuksia, kuten push-ilmoituksia.

Mobiilisovelluksella palvelun käyttäjät voivat selata ja hallita omaa sopimusarkistoaan sekä allekirjoittaa sopimuksia sähköisesti piirtämällä allekirjoituksen sormella laitteen näytölle. Allekirjoituskutsu saapuu käyttäjän laitteeseen push-ilmoituksena. Sovelluksessa on chatti, jonka avulla osapuolet voivat keskustella sopimuksen sisällöstä sen luontivaiheessa. Sovelluksella voidaan myös ostaa erilaisia tietopalveluja, kuten luottotietojen tarkistus, sekä hallita käyttäjän ja yrityksen asetuksia.

Työssä toteutettiin iOS- ja Android-sovellukset käyttäen React Native -sovelluskehystä, joka mahdollistaa yhteisen koodikannan molemmille alustoille. Sovelluksen tilanhallintaan käytettiin Redux-kirjastoa ja erilaiset sivuvaikutukset, kuten asynkroniset kutsut, käsiteltiin Reduxin apukirjastolla Redux-Sagalla. Push-ilmoituksiin käytettiin Googlen Firebase Cloud Messaging -palvelua. Reaaliaikainen chatti toteutettiin WebSocketien avulla käyttäen Pusher-palvelua.

Työn tuloksena toteutettiin valmiit mobiilisovellukset iOS- ja Android-alustoille, jotka täyttivät asiakkaan vaatimukset. Sovellukset julkaistiin Applen ja Googlen sovelluskaupoissa. Sovelluksen kehitys jatkuu verkkopalvelun kehityksen rinnalla hyödyntämällä palvelussa yhä enemmän mobiililaitteiden tarjoamia mahdollisuuksia.

The objective of the thesis was to implement a mobile application for Sopimustieto.fi service. Sopimustieto.fi is a web service designed to help with contract management. Contracts can be created, signed and archived digitally in the service. The mobile application makes the service easier to use on mobile devices and it provides the service with an opportunity to utilize the features of mobile devices, such as push notifications.

With the mobile application, users can browse and manage their contract archive and sign contracts digitally by drawing their signature on the mobile device’s screen. The invitation to sign a contract arrives to the user’s mobile device as a push notification. The mobile application includes a chat where the parties can discuss the contents of the contract during its creation. Different information services can also be purchased with the mobile application, such as credit information and user’s and company’s settings can be managed with it.

During the writing of the thesis, iOS and Android applications were developed with React Native framework that allows shared codebase for both platforms. The application’s state management was implemented with Redux library and different side effects were handled with Redux-Saga library. Push-notifications were implemented with Google’s Firebase Cloud Messaging service. Chat was created with WebSockets using Pusher service.

As a result of the thesis, finished mobile applications were created for iOS and Android platforms thus meeting the defined requirements. The mobile applications were released in Apple’s and Google’s application stores. The mobile application’s development continues by utilizing more mobile devices’ features in the service.