Abstract | U današnje vrijeme kada se tehnologija sve brže razvija, više od 5 milijardi ljudi spojeno je na Internet. Najveći broj interakcija na Internetu odvija se kroz web preglednike, međutim, bez obzira na to, nativne aplikacije još uvijek dominiraju kada se govori o vremenu provedenom u toj interakciji. Upravo su progresivne web aplikacije one koje nastoje premostiti tu prepreku. Uspoređujući PWA s klasičnom web aplikacijom, uviđa se da je ona zapravo njezina nadogradnja. Sve funkcionalnosti klasične web aplikacije sadržane su također u progresivnoj. Progressive Web Apps (PWA) izraz je koji je Google prvi put uveo 2015. godine. Brzo se učitavaju, odlikuje ih brza reakcija na interakcije korisnika, pouzdan rad čak i kada veza na Internet nije moguća te, posljedično, napredno korisničko iskustvo. Za razvoj progresivne web aplikacije potrebno je osigurati nekoliko uvjeta kako prilikom rada aplikacije ne bi dolazilo do poteškoća, a to su: service workers, moderni preglednik, HTTPS, manifest. Iako postoje tek nekoliko godina područje njihovih mogućnosti širi se velikom brzinom.
U ovom je radu dat prikaz osnovnih informacija o samim progresivnim web aplikacijama, značajke izvanmrežnog načina rada, opis njihovog razvoja kao i poteškoća u tom procesu te su istaknute mogućnosti kako prevladati iste. Naposljetku, u sklopu ovog završnog rada, izrađena je vlastita ogledna progresivna aplikacija. Cilj ove aplikacije jest pokazati koje karakteristike ima jedna takva aplikacija, odnosno pokazati kako ostvariti i implementirati te karakteristike. |
Abstract (english) | Nowadays, as technology evolves, more than 5 billion people are connected to the Internet. Most interactions on the Internet take place through web browsers, however, native applications are still dominant when it comes to time spent in that interaction. It is progressive web applications that seek to overcome this obstacle. Comparing PWA to a classic web application, PWAs can actually be considered as an upgrade. All the functionality of the classic web application is also contained in progressive. Progressive Web Apps (PWA) is the term that Google first introduced in 2015. They are quickly loaded, characterized by a quick response to user interactions, reliable operation even when an Internet connection is not possible and, consequently, an advanced user experience. For the development of a progressive web application it is necessary to provide several requirements in order to avoid difficulties during running the application, such as: service workers, modern browser, HTTPS, manifest. Although PWAs are only a few years old, their capabilities are expanding quickly.
This bachelor thesis presents basic information about the progressive web applications, features of running them in offline mode, a description of their development, as well as difficulties in the development. Finally, as part of this bachelor thesis, a demo progressive application was created. The purpose of this application is to show what features such application has, and to show how to achieve and implement those features. |