Modulaarinen mobiilisovellus : case Digimaa
Miettinen, Karri (2020)
Miettinen, Karri
2020
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-202005087860
https://urn.fi/URN:NBN:fi:amk-202005087860
Tiivistelmä
Opinnäytetyössä tutkittiin, miten modulaarisen web-sovelluksen voi kehittää Angularohjelmistokehyksellä. Opinnäytetyö toteutettiin Lahden Ammattikorkeakoululle osana Digimaa-projektia.
Työssä modulaariseen web-sovelluskehitykseen tutustutaan trendien avulla, mitkä osoittivat osaltaan, että modulaarisuuden suosio on kasvussa. Modulaarisuutta tutkitaan Angularin kehitysympäristön avulla ja tutustutaan sovellustyökaluihin.
Opinnäytetyössä perehdytään Angularin arkkitehtuuriin ja osaan sen tuomista ominaisuuksista. Arkkitehtuurista tutkitaan lähinnä sovelluksen modulaarisuuteen vaikuttavia piirteitä.
Työssä modulaarisuuden soveltamiskohteita suunnitellaan näkymäluonnosten avulla, joista osakokonaisuudet käyvät parhaiten ilmi. Havaintojen perusteella aletaan toteuttaa sovelluksen rakennetta.
Modulaarisen sovelluksen toteutuksessa käydään läpi projektin tiedostorakenteita sekä luotuja moduuleja ja sovellukseen tuotettuja ominaisuuksia. Toteutuksesta tuodaan myös esille roolipohjainen autentikoituminen, jolla hallitaan sovelluksen eri toimijoita.
Opinnäytetyön lopputuloksena valmistui käyttöliittymä, joilla pystytään lähettämään tilauksia ja käsittelemään sitä tilauksen eri vaiheissa. Sovelluksen käyttöliittymä on jo julkinen ja siitä on tehty sovellus, mutta käyttöliittymä osalta tarvitaan vielä jatkokehitystä. This thesis deals with Angular framework’s capabilities in producing a modular application. The thesis was made in cooperation with the Digimaa Project of Lahti University of Applied Sciences.
The study first examines the trends of modular web-designs, that indicates its popularity is growing. Then it investigates the Angular development environment and application development tools.
The thesis presents Angular’s architecture and its features. Architecture is observed here from the application’s modular perspective.
The scope of modularity is designed with the help of the visual drafts, where the subdivisions are easier to perceive. Here the application’s structure starts to shape with the help of these observations.
Development of the modular application focuses on the file structure, modules and features that are developed in this project. This implementation also shows the rolebased access control system, which controls the user’s permissions in the application.
As result of this thesis, the application user-interface was deployed, and it can send and handle orders. The application user-interface is already public and there is an application bundle, but the application bundle is not public. The user-interface is currently waiting for further development.
Työssä modulaariseen web-sovelluskehitykseen tutustutaan trendien avulla, mitkä osoittivat osaltaan, että modulaarisuuden suosio on kasvussa. Modulaarisuutta tutkitaan Angularin kehitysympäristön avulla ja tutustutaan sovellustyökaluihin.
Opinnäytetyössä perehdytään Angularin arkkitehtuuriin ja osaan sen tuomista ominaisuuksista. Arkkitehtuurista tutkitaan lähinnä sovelluksen modulaarisuuteen vaikuttavia piirteitä.
Työssä modulaarisuuden soveltamiskohteita suunnitellaan näkymäluonnosten avulla, joista osakokonaisuudet käyvät parhaiten ilmi. Havaintojen perusteella aletaan toteuttaa sovelluksen rakennetta.
Modulaarisen sovelluksen toteutuksessa käydään läpi projektin tiedostorakenteita sekä luotuja moduuleja ja sovellukseen tuotettuja ominaisuuksia. Toteutuksesta tuodaan myös esille roolipohjainen autentikoituminen, jolla hallitaan sovelluksen eri toimijoita.
Opinnäytetyön lopputuloksena valmistui käyttöliittymä, joilla pystytään lähettämään tilauksia ja käsittelemään sitä tilauksen eri vaiheissa. Sovelluksen käyttöliittymä on jo julkinen ja siitä on tehty sovellus, mutta käyttöliittymä osalta tarvitaan vielä jatkokehitystä.
The study first examines the trends of modular web-designs, that indicates its popularity is growing. Then it investigates the Angular development environment and application development tools.
The thesis presents Angular’s architecture and its features. Architecture is observed here from the application’s modular perspective.
The scope of modularity is designed with the help of the visual drafts, where the subdivisions are easier to perceive. Here the application’s structure starts to shape with the help of these observations.
Development of the modular application focuses on the file structure, modules and features that are developed in this project. This implementation also shows the rolebased access control system, which controls the user’s permissions in the application.
As result of this thesis, the application user-interface was deployed, and it can send and handle orders. The application user-interface is already public and there is an application bundle, but the application bundle is not public. The user-interface is currently waiting for further development.