Naslov | Izrada hibridne mobilne aplikacije korištenjem lonic razvojnog okvira |
Naslov (engleski) | Hybrid mobile application development using Ionic Framework |
Autor | Iva Sinković |
Mentor | Vladimir Stanisavljević (mentor) |
Član povjerenstva | Dean Valdec (predsjednik povjerenstva) |
Član povjerenstva | Andrija Bernik (član povjerenstva) |
Član povjerenstva | Vladimir Stanisavljević (član povjerenstva) |
Ustanova koja je dodijelila akademski / stručni stupanj | Sveučilište Sjever (Sveučilišni centar Varaždin) (Odjel za multimediju) Koprivnica |
Datum i država obrane | 2018-09-28, Hrvatska |
Znanstveno / umjetničko područje, polje i grana | TEHNIČKE ZNANOSTI Grafička tehnologija Procesi grafičke reprodukcije |
Sažetak | U današnje vrijeme Internet je nešto bez čega ne možemo zamisliti naš život. Gdje god krenemo uvijek nas prati i u svakom trenutku možemo pogledati i pretražiti stvari koje nas zanimaju. Mobilne aplikacije u zadnjih nekoliko godina doživljavaju pravi procvat i potražnja za programerima tih aplikacija je sve veća. Mobilne aplikacije dijelimo na izvorne (nativne), web aplikacije i hibridne aplikacije. Nativne aplikacije razvijene su po mjeri za podržanu platformu te pisane programskim jezicima kao što su C++ i Java, web aplikacije su jednostavno responzivne web stranice. Hibridne mobilne aplikacije su kombinacija tih dvaju pristupa jer pružaju mogućnosti nativnih aplikacija, a pisane su pomoću web tehnologija (HTML5, CSS, JavaScript) te omogućuju razvoj na više platformi. U ovom radu opisana je izrada hibridne mobilne aplikacije korištenjem jednog od razvojnih okruženja – Ionic Framework-a. Ionic Framework je programski okvir koji omogućuje izradu hibridnih mobilnih aplikacija korištenjem jednostavnih tehnologija i resursa. U teorijskom dijelu rada opisana je korištena radna tehnologija i mogućnosti koje ona pruža za razvoj višeplatformskih mobilnih aplikacija. Uz to, navedene su dvije slične razvojne platforme, Apache Cordova i AngularJS, koje se mogu koristiti umjesto ili u suradnji s Ionic-om. U praktičnom dijelu bit će prikazana izrada aplikacije „iNorth“, namijenjena za studente Sveučilišta Sjever. Aplikacija ima svoj jedinstveni dizajn korisničkog sučelja te su navedeni elementi korišteni prilikom dizajniranja. Važnu ulogu u izradi aplikacije ima JSON koji sadrži sve podatke koji se ispisuju na stranicama aplikacije. Aplikacija sadrži komponentu Ionicons da bi se uključio set željenih ikona, komponentu social-sharing koja se koristi kako bi se omogućilo dijeljenje sadržaja u glavnim društvenim mrežama. Osim tih komponenti, koristi se i Google Maps za kojeg je potreban Google Maps API, dobiven prijavom na Google račun i izradom API ključa. |
Sažetak (engleski) | Nowadays, the Internet is something we cannot imagine our lives without. Wherever we go it follows us and we can at any time look up or search for the things that interest us. Mobile applications in the last few years are experiencing a real boom and the demand for developers of this kind is increasing. Mobile applications can be split into native, web and hybrid applications. Native applications are made exactly for a supported platform and programming languages, such as C++ and Java, and web applications are simply responsive web pages. Hybrid mobile applications are a combination of these two approaches because they provide native application capabilities, are written using web technologies (HTML5, CSS, JavaScript) and allow cross-platform development. This paper describes hybrid mobile application development using one of the platforms for building cross-platform apss – Ionic Framework. Ionic Framework is an open source framework for developing hybrid mobile applications using simple technologies and resources. The theoretical part of the paper describes used technology and the capabilities it provides for the development of cross-platform mobile applications. In addition, two similar framework platforms are mentioned, Apache Cordova and AngularJS, which can be used with or without Ionic. The practical part will show how was application, „iNorth“, designed for Universty North students, developed. The application has its own unique user interface design. Elements used in the design process are also included. An important function in creating the application has JSON, which contains all the data that is printed on the application pages. Application contains Ionicons component for including a set of desired icons, a social-sharing component that is used to allow content sharing in major social networks. In addition to these components, application uses Google Maps. This requires Google Maps API, obtained by signing in to your Google Account and creating an API key. |
Ključne riječi |
|
Ključne riječi (engleski) |
|
Jezik | hrvatski |
URN:NBN | urn:nbn:hr:122:582310 |
Studijski program | Naziv: Multimedija, oblikovanje i primjena Vrsta studija: stručni Stupanj studija: stručni Akademski / stručni naziv: stručni/a prvostupnik/prvostupnica (baccalaureus/baccalaurea) inženjer/inženjerka multimedijske i grafičke tehnologije (bacc. ing. techn. graph.) |
Vrsta resursa | Tekst |
Način izrade datoteke | Izvorno digitalna |
Prava pristupa | Otvoreni pristup |
Uvjeti korištenja | |
Datum i vrijeme pohrane | 2018-10-18 12:05:02 |