Toiminnallisen web-sovelluksen toteuttaminen pienyritykselle

Abstract

Opinnäytetyön tavoitteena oli toiminnallisen fullstack web-sovelluksen suunnittelu ja toteutus. Työ kattaa web-sovelluksen prototypoinnin, UI/UX-suunnittelun, sovelluksen kehittämisen sekä jatkokehitys- ja julkaisusuunnitelman tekemisen. Opinnäytetyön toimeksiantajana oli Leenan Luontaishoitola.

Web-sovelluksen teknisessä toteutuksessa käytettiin JavaScriptin React- ja Node Express-kirjastoja. Keskeisimpiä toteutuksessa huomioitavia vaatimuksia olivat toiminta heikoilla kuuluvuusalueilla, helppokäyttöinen ja saavutettava käyttöliittymä sekä käyttöliittymän mobiilioptimointi. Ylläpitoa varten sivustolle toteutettiin myös ylläpitokirjautuminen sekä CRUD-toiminnot halutulle osalle sisältöä helpottamaan yrityksen sisällönhallintaa ja vähentämään riippuvuutta kehittäjään tulevaisuudessa.

Käyttöliittymän suunnittelu ja toteutus tehtiin iteratiivisesti toimeksiantajan toiveiden sekä käyttöliittymävaatimusten täyttymisen takaamiseksi. Web-sovelluksen testauksessa on koko kehityskaaren aikana otettu huomioon toimintavarmuus tilanteissa, joissa verkkoyhteys on keskimääräistä heikompi. Lisäksi osana web-sovelluskehitystä kehitettiin logiikka ”oirekoneelle”, jonka avulla sovellus osaa antaa asiakaskohtaisia suosituksia yrityksen tarjoamista palveluista.

The purpose of this thesis is to design and implement a functional full-stack web application for a small business Leenan Luontaishoitola. The project includes prototyping, UI/UX design, application development, and creating a plan for further development and deployment.

The technical implementation of the web application utilizes JavaScript’s React and Node Express frameworks. The main requirements for the application include reliable functionality in areas with poor connectivity, easy-to-use and accessible user interface, and mobile optimization. An administrator login and CRUD functionalities for predefined parts of the content are included to improve the company’s content management and reduce dependency on the application’s developer in the future.

The user interface design and implementation have been approached iteratively to ensure the business’ wishes and user requirements. Functionality in low-connectivity environments has been simulated throughout the development cycle to ensure optimal performance in the target geographic area. As part of the project, the logic for a “symptom machine” has been implemented to give custom recommendations about services to customers.