Search

Progresivne web-aplikacije su nova vrsta web-aplikacija koje su nastale kao nadogradnja tradicionalnih web-aplikacija. Zahvaljujući tehnologijama Web App Manifest i Service Worker progresivne web-aplikacije imaju web-responzivni dizajn i osjećaj prirodnih aplikacija. Progresivne web-aplikacije vrlo su praktične za upravljanje podacima generiranih od strane uređaja povezanih u mreži Interneta stvari. Studijskim primjerom prikazana je progresivna web-aplikacija, napravljena korištenjem tehnologija: JavaScript, HTML, CSS i Node.js, koja prima obavijesti generirane automatizacijom pametne kuće pomoću platforme Home Assistant. Generirana obavijest se šalje na poslužitelj koristeći Home Assistant RESTful API, i nakon toga poslužitelj korištenjem tehnologije push obavijesti šalje tu obavijest progresivnoj web-aplikaciji koja tu obavijest prikazuje na svom korisničkom sučelju. Progressive web applications are a new type of web application that has emerged as an upgrade to traditional web applications. Thanks to Web App Manifest and Service Worker technologies, progressive web applications have a web-responsive design and a feel for natural applications. Progressive web applications are very practical for managing data generated by devices connected to the Internet of Things. A case study shows a progressive web application, created using technologies: JavaScript, HTML, CSS and Node.js, which receives notifications generated by smart home automation using the Home Assistant platform. The generated notification is sent to the server using the Home Assistant RESTful API, and then the server uses push notification technology to send that notification to a progressive web application that displays that notification on its user interface.

Progresivne webovske aplikacije su suvremene aplikacije predviđene prvenstveno za mobilne uređaje. One objedinjuju najbolje karakteristike mobilnih nativnih i mobilnih webovskih aplikacija. Odlikuje ih pouzdanost rada čak i u uvjetima nestabilnosti veze, brzina reakcije na interakciju korisnika te privlačan izgled koji daje dojam instalirane aplikacije na uređaju. U ovom radu je detaljno objašnjen način rada i implementacija osnovnih komponenti koje čine jednu aplikaciju progresivnom, a to su: uslužna skripta, arhitektura ovojnice aplikacije, manifest webovskih aplikacija i automatske obavijesti. Objašnjene su prednosti ovih aplikacija te dat kratak osvrt kakav će njihov utjecaj biti na budući razvoj mobilnih aplikacija. Za verifikaciju teza iznesenih u radu, izrađena je ogledna aplikacija. Progressive web applications are modern applications designed primarily for mobile devices. They combine the best features of native and mobile web applications. They are characterized by their reliability even in uncertain network conditions, quick response to user interaction and engaging look that gives the feeling of a natural app installed on the device. This thesis describes in detail the way of working and the implementation of basic components that make up a progressive application such as: service workers, application shell architecture, Web App Manifest and push notifications. The benefits of these applications are explained and a brief overview of their impact on the future development of mobile applications is given. A sample application was created for the verification of the claims presented in this thesis.