Responsiivisen mobiilisovelluksen käyttöliittymä : Case: Digiloop
Hirvonen, Lassi (2019)
Hirvonen, Lassi
2019
All rights reserved. This publication is copyrighted. You may download, display and print it for Your own personal use. Commercial use is prohibited.
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-201905037410
https://urn.fi/URN:NBN:fi:amk-201905037410
Tiivistelmä
Opinnäytetyön tavoitteena oli luoda kierrätyssovellus Digiloop. Sovelluksen tarkoituksena on helpottaa kotitalouksista löytyvien akkujen, sähkö- ja elektroniikkaromun sekä tietoturvajätteen kierrätystä. Tavoitteen taustalla on lakiuudistus, joka pyrkii kasvattamaan kierrätykseen päätyvien jätteiden osuutta.
Sovellus toteutettiin verkkosovelluksena. Isoimman osan käyttäjistä uskotaan käyttävän sovellusta mobiililaitteella, joten opinnäytetyössä keskitytään paljon sovelluksen responsiivisiin ratkaisuihin. Käyttöliittymässä on hyödynnetty Material UI -kirjastoa, joka helpottaa responsiivisen toteutuksen luontia.
Sovelluksesta haluttiin myös mobiiliapplikaatio. Tämä toteutettiin luomalla sovelluksesta Apache Cordova hybridisovellus Androidille, jolloin verkkosovellusta voidaan suorittaa Cordovan avulla mobiilisovelluksena. Mobiiliapplikaation tarkoituksena oli helpottaa sovelluksen käyttöä poistamalla tarve verkkosovelluksen sivulla käymiseen.
Lopputuloksena saatiin luotua toimiva prototyyppi sovelluksesta. Sovelluksen kaikki olennaisimmat toiminnot saatiin toimimaan. Verkkosovellus on responsiivinen ja kykenee mukautumaan käyttäjän laitteen vaatimuksiin. Android-hybridisovellus saatiin toteutettua ja se jaettiin projektiin osallistuneille osapuolille. The goal of the thesis was to create a recycling application called Digiloop. The application aims to ease the recycling of battery, electrical and information security waste. The goal is based on a new law, which aims to increase the amount of waste that ends up recycled.
The application was implemented as a web application. Most of the users are expected to use the application on a mobile device, so the thesis focuses on the responsive implementations. The user interface uses the Material UI library, which helps in creating a responsive solution.
There was also a demand for a mobile application. This was done by creating an Apache Cordova hybrid application for Android, which allows using the web application as a mobile application. The goal of the mobile application was to make the software easier to use by removing the need to visit the web application’s website.
As a result, a working prototype of the software was created. All of the application’s most central functionalities work. The web application is responsive, and is able to adapt to the requirements of the user’s device. The Android hybrid application was successfully created and shared with the parties involved in the project.
Sovellus toteutettiin verkkosovelluksena. Isoimman osan käyttäjistä uskotaan käyttävän sovellusta mobiililaitteella, joten opinnäytetyössä keskitytään paljon sovelluksen responsiivisiin ratkaisuihin. Käyttöliittymässä on hyödynnetty Material UI -kirjastoa, joka helpottaa responsiivisen toteutuksen luontia.
Sovelluksesta haluttiin myös mobiiliapplikaatio. Tämä toteutettiin luomalla sovelluksesta Apache Cordova hybridisovellus Androidille, jolloin verkkosovellusta voidaan suorittaa Cordovan avulla mobiilisovelluksena. Mobiiliapplikaation tarkoituksena oli helpottaa sovelluksen käyttöä poistamalla tarve verkkosovelluksen sivulla käymiseen.
Lopputuloksena saatiin luotua toimiva prototyyppi sovelluksesta. Sovelluksen kaikki olennaisimmat toiminnot saatiin toimimaan. Verkkosovellus on responsiivinen ja kykenee mukautumaan käyttäjän laitteen vaatimuksiin. Android-hybridisovellus saatiin toteutettua ja se jaettiin projektiin osallistuneille osapuolille.
The application was implemented as a web application. Most of the users are expected to use the application on a mobile device, so the thesis focuses on the responsive implementations. The user interface uses the Material UI library, which helps in creating a responsive solution.
There was also a demand for a mobile application. This was done by creating an Apache Cordova hybrid application for Android, which allows using the web application as a mobile application. The goal of the mobile application was to make the software easier to use by removing the need to visit the web application’s website.
As a result, a working prototype of the software was created. All of the application’s most central functionalities work. The web application is responsive, and is able to adapt to the requirements of the user’s device. The Android hybrid application was successfully created and shared with the parties involved in the project.