Web-alusta pienyrityksen toimintojen ylläpitoon ja seurantaan

Abstract

Tässä opinnäytetyössä perehdytään web-sovelluksen suunnitteluun ja kehittämiseen yhteistyössä hyvinvointialalla toimivan yrityksen kanssa. Sovelluksen toiminta keskittyy yrityksen toimintojen ja tapahtumien kirjaamiseen sekä tietojen käsittelyyn. Työn tuloksena syntyy web-selaimella toimiva hallintatyökalu hyvinvointipalveluita tarjoavalle pienyritykselle. Sovellus toteutettiin JavaScript-ohjelmointikieleen perustuvaa Next.js:ää ja MongoDB Atlaksen NoSQL-tietokantajärjestelmää käyttäen.

Työssä käydään läpi toteutuksessa käytettyjä ohjelmia, sovelluksen suunnitteluprosessia yrityksen kanssa sekä edellä mainittujen teknologioiden ja palveluiden käyttöä ja käyttöönottoa teknisessä osuudessa. Työn eri vaiheet käydään pääpiirteittäin läpi käyttäen apuna esimerkkejä sovelluksessa toteutuvasta koodista ja käyttöliittymässä näkyvistä näkymistä. Lisäksi perehdytään keskeisiin asioihin sovelluskehityksen näkökulmasta.

Opinnäytetyössä yhdistetään web-sovelluksen tekninen toteutus sekä yrityksen kanssa yhdessä käyty suunnitteluprosessi. Lopputuloksena on tarkoitus toteuttaa suunnitelma osuudessa kerätty visio sovelluksen toiminnallisuuksista ja ulkonäöllisistä ominaisuuksista.

Työ toteutettiin toiminnallisena opinnäytetyönä projektiluontoisesti. Työssä isoa roolia näytteli jo aiemmin hankittu osaaminen ja tietotaito erilaisten web-sovellusten kehityksestä. Työssä etsitty ja käytetty tieto perustuu pitkälti teknologioiden ja menetelmien Internetsivuilta löytyneisiin dokumentaatioihin. Opinnäytetyön tuloksena syntyi sovellus, joka vastasi toimeksiantajan odotuksia. Työn aikana selvisi, että näillä menetelmillä on hyvä luoda selkeitä useilla laitteilla toimivia web-sovelluksia, jotka ovat myös helposti päivitettävissä/muokattavissa mikäli yrityksen toiminta muuttuessaan tai kasvaessaan sitä vaatii.

The aim of this thesis study was to design and develop a web application in collaboration with a well-being sector company.

The study combined the technical implementation of the web application with the collaborative design process with the company. The end goal was to succeed in creating an application that matches the plan and insights gathered in the design part of the study. The study was conducted as a functional thesis project. Previously acquired skills and knowledge in the development of various web applications played a significant role in the project. Information sought and used in the work was largely based on documentation found on the Internet regarding technologies and methods. The application was implemented using JavaScript-based Next.js and MongoDB Atlas NoSQL database system.

As a result, the thesis provides an application that meets the expectations of the client. It became apparent during the study that these methods are effective in creating clear, multi-device web applications that can easily be updated or modified if the company's operations change or grow. The application's functionality is centered around recording the company's operations and events, as well as processing data. The thesis covers the programs and tools used in the implementation, the application design process with the company, and the usage and implementation of the mentioned technologies and services in the technical section. The various stages of the study are outlined, utilizing examples of code from the application. Key aspects of application development are explored.