Verkkosovelluksen kehitys Bubble-ohjelmistolla

Abstract

Tämän opinnäytetyön aiheena on mobiililaitteille tarkoitetun verkkosovelluksen suunnittelu ja kehitys Bubble.io:n koodittomalla, eli no-code pohjaisella alustalla. Työssä tutkittiin ja verrattiin Bubblen kehitysalustaa muihin no-code- ja full-code-pohjaisiin vastaaviin työkaluihin. Tavoitteena oli saada aikaan valmis verkkosovellus sekä perehtyä työn eri vaiheisiin aina suunnittelusta julkaisuun, mukaan lukien helppokäyttöisyys sekä grafiikka. Verkkosovelluksen nimi on Porkkanapankki, ja työn toimeksiantajana toimi Cirous Oy.

Opinnäytetyöprosessi alkoi Bubblen ohjelmiston opiskelulla. Opitun tiedon pohjalta rakennettiin mobiililaitteille optimoitu verkkosovellus. Kehityksessä käytettiin Bubble.io-kehitysalustan ja siihen integroitujen lisäosien lisäksi jonkin verran koodikieltä, sekä muun muassa Figma-työkalua sivun logiikan ja ulkoasun suunnitteluun. Käyttäjät testasivat sovellusta koko kehitysprosessin ajan helppokäyttöisyyden ja käyttömukavuuden varmistamiseksi.

Työn tuloksena valmistui Porkkanapankki-verkkosovellus, jota yritykset, seurat tai ryhmät voivat käyttää hyödyllisten, varsinaiseen työnkuvaan kuulumattomien tehtävien raportoimiseen ja ahkeruudesta palkitsemiseen. Työ täyttää sille asetetut oletukset, ja lähes kaikki työn tilaajan toivomat ominaisuudet toteutuivat. Käyttäjätestauksessa saatujen tulosten ja avoimen palautteen perusteella sovellus palvelee hyvin tarkoitustaan.

The topic of this thesis is the design and development of a web application primarily designed for mobile devices. Bubble.io's no-code platform was used to create the web application. The study involved exploring and comparing Bubble's development platform with other no-code and full-code tools. The goal was to create a functional web application and to gain insights into various stages of the process, from planning to deployment, including considerations for user-friendliness and graphics. The thesis was commissioned by Cirous Oy and the application is called Carrot Bank.

The thesis was implemented by using the Bubble software to build a mobile-optimized web application. The development consisted of using the Bubble.io development platform, integrated add-ons, and some code language. During development, tools such as Figma were used for logic and interface design. Continuous user testing was conducted throughout development to ensure user-friendliness and usability.

As a result, Carrot Bank application was created for the need to report non-job-related tasks and reward diligence for businesses, associations, or groups. The work met the specified expectations and almost all the features requested by the client were successfully implemented. Based on the results of user testing and open feedback, the application effectively serves its intended purpose.