Applying architectular patterns in mobile application development

Ovaj rad opisuje najzastupljenije oblikovne obrasce koji se koriste prilikom razvoja aplikacija s grafičkim korisničkim sučeljem, s naglaskom na mobilne aplikacije. Opisuje i komparativno analizira oblikovne obrasce Model-Pogled-Upravljač (engl. Model-View-Controller, MVC), Model-Pogled-Prezenter (engl. Model-ViewPresenter), Model-Pogled-Poveznik (engl. Model-View ViewModel) i Pogled-Interaktor-Prezenter-Entitet-Usmjerivač (engl. View-Interactor-Presenter Entity-Router, VIPER). Kako bi se demonstrirala struktura aplikacije koja koristi neki od navedenih oblikovnih obrazaca, razvijene su aplikacije za Android i za iOS platforme. Aplikacija se povezuje na API, preuzima listu modela, prikladno ih formatira i prikazuje. Odabirom na element unutar liste, prikazuju se detalji odabranog elementa, ponovno dohvaćeni s API-ja. Razvijeno programsko rješenje ima implementirano dohvaćanje podataka s API-ja, prenošenje informacija između nezavisnih modula, lokalnu bazu podataka i interaktivne komponente unutar korisničkog sučelja, što su sve osnovni elementi koji se nalaze u modernim mobilnim aplikacijama.This thesis describes most popular architectural software design patterns used in developing applications with a rich GUI, concentrating on mobile applications. It describes and analyzes MVC (Model-View-Controller), MVP (Model-View-Presenter), MVVM (Model-View-ViewModel) and VIPER (View-Interactor-Presenter-Entity-Router) design patterns. Both Android and iOS applications were developed in order to demonstrate application structures built using those patterns. Applications fetch data from remote API, obtaining a list of models. They also display model details, also fetched from the API. This solution implements fetching data from remote repositories, sending parameters between independent modules. It has a local database and interactive UI components, which are all basic build blocks found in modern mobile applications