KNEU Logo Публікації КНЕУ імені Вадима Гетьмана Publications of KNEU named after Vadym Hetman
Switch to Ukrainian Switch to English
Modeling and Information System in Economics

Modeling and Information System in Economics

ISSN 2708-9746
Корзаченко Ольга Володимирівна  
Olha Korzachenko  
Чернявський К. І.
K. Cherniavskyi

Progressive Web applications: революційні зміни у веб розробці

Progressive Web applications: revolutionary changes in web development

DOI:

10.33111/mise.99.8

Анотація: Стаття присвячена дослідженню теоретико-методичних засад та практичних аспектів використання нової технології створення веб додатків — Progressive Web Applications (PWA), яка була анонсована Google у 2015 році. PWA — це сучасні веб-сайти, які наділені характеристиками нативних додатків: можливістю запуску з робочого столу девайсу із доступом до його вбудованих функцій, спроможністю роботи offline, наявністю push-сповіщень тощо. Визначено особливості архітектури PWA та взаємодії її основних компонентів: Service Worker, Web App Manifest і Application Shell. Також виявлено функціонально-технічні переваги та недоліки прогресивних веб додатків. З метою визначення перспектив широкого застосування цієї технології як уніфікованої у веб розробці проведено порівняльний аналіз PWA з нативними додатками, адаптивними сайтами і мобільними додатками, а також із розширеними можливостями, які надаються стратегією Trusted Web Activities. Виявлено, що особливі переваги від використання PWA можуть отримати компанії у сфері e-commerce й інформаційного бізнесу. Зручність використання таких додатків, високий рівень UI/UX, їх швидкодія та невибагливість до ресурсів, можливість роботи без підключення до інтернету сприяють розширенню мобільної присутності компаній у веб просторі, зростанню конверсії та збільшенню доходів, які надходять з інтернет-каналів. Важливою перевагою є невисока вартість розробки та супроводу PWA у порівнянні з їх нативними аналогами, що пояснюється кросплатформеністю готового продукту.
Abstract: The article is devoted to the exploration of theoretical and methodological principles and practical aspects of using a new technology for creating web applications — Progressive Web Applications (PWA), which was announced by Google in 2015. PWA is a modern website, which is endowed with the characteristics of native applications: the ability to run from the desktop a device with access to its built-in functions, the ability to work offline, the presence of push notifications and more. The peculiarities of PWA architecture and interaction of its main components are determined: Service Worker, Web App Manifest and Application Shell. Functional and technical advantages and disadvantages of progressive web applications are also revealed. In order to determine the prospects for widespread use of this technology as unified in web development, a comparative analysis of PWA with native applications, adaptive sites and mobile applications, as well as with the advanced features provided by the strategy Trusted Web Activities. It was found that special benefits from the use of PWA can benefit companies in the field of e-commerce and information business. Ease of use of such applications, high level of UI/UX, their speed and unpretentiousness to resources, the ability to work without an Internet connection contribute to the expansion of mobile presence of companies in the web space, increase conversions and increase revenue from Internet channels. An important advantage is the low cost of development and maintenance of PWA compared to their native counterparts, due to the cross-platform nature of the finished product
Ключові слова: веб розробка, кросплатформенна розробка, прогресивний веб додаток, PWA, нативний додаток, адаптивний сайт, веб-сайт мобільний веб додаток, Trusted Web Activities, TWA, Service Worker, Web App Manifest, Application Shell, offline, push-сповіщення, інтерфейс користувача
Key words: web development, cross-platform development, Progressive Web Application, PWA, Native application, Adaptive web site, web site, Mobile application, Trusted Web Activities, TWA, Service Worker, Web App Manifest, Application Shell, offline, push-notification, User Interface, User Experience.
УДК: 004.4
UDC: 004.4
To cite paper
In APA style
Korzachenko, O., & Cherniavskyi, K. (2020). Progressive Web applications: revolutionary changes in web development. Modeling and Information System in Economics, 99, 92-101. http://doi.org/10.33111/mise.99.8
In MON style
Корзаченко О.В., Чернявський К.І. Progressive Web applications: революційні зміни у веб розробці. Моделювання та інформаційні системи в економіці. 2020. № 99. С. 92-101. http://doi.org/10.33111/mise.99.8 (дата звернення: 11.04.2025).
With transliteration
Korzachenko, O., Cherniavskyi, K. (2020) Progressive Web applications: revoliutsiini zminy u veb rozrobtsi [Progressive Web applications: revolutionary changes in web development]. Modeling and Information System in Economics, no. 99. pp. 92-101. http://doi.org/10.33111/mise.99.8 [in Ukrainian] (accessed 11 Apr 2025).
# 99 / 2020 # 99 / 2020
Download Paper
88
Views
29
Downloads
0
Cited by

  1. Мурзакова А.А., Мурзакова Е.А., Желудкова О.В., Акимова М.М. Безопасность PWA-приложений на примере реализации сервиса S2W. Математическое и информационное моделирование. Cборник научных трудов. Тюмень, 2017. C. 262–272.
  2. Проникнення інтернету в Україні. 2019. URL: https://inau.ua/sites/ default/files/file/1910/dani_ustanovchyh_doslidzhen_iii_kvartal_2019_roku.pdf.
  3. Add a web app manifest. 2020. URL: https://developers.google.com/ web/fundamentals/web-app-manifest/.
  4. Biørn-Hansen A., Grønli T.-M., Majchrzak T.A. Progressive Web Apps: the Definite Approach to Cross-Platform Development. Proceedings of the 51st Hawaii International Conference on System Sciences. 2018. P. 5735 — 5744.
  5. Biørn-Hansen A., Majchrzak T.A., Grønli T.-M. Progressive web apps for the unified development of mobile applications. WEBIST 2017. LNBIP. 2018. Vol. 322. P. 64 — 86. URL: https://doi.org/10.1007/978-3- 319-93527-0_4.
  6. Delia L., Arai K., Kapoor S., Bhatia R. Development approaches for mobile applications: comparative analysis of features. SAI 2018. AISC. Springer, Cham, 2019. Vol. 857. P. 470 — 484. URL: https://doi.org/ 10.1007/978-3-030-01177-2_34.
  7. Hume D.A. Progressive Web Apps. Manning Publications Co, 2018. 200 p.
  8. Lancôme rebuilds their mobile website as a PWA, increases conversions 17 %. URL: https://developers.google.com/web/showcase/2017/lancome.
  9. Pesado P., Arroyo M. PWA and TWA: Recent Development Trends. Computer Science — CACIC 2019. Springer Nature Switzerland AG, 2020. P. 205–214.
  10. Share of e-commerce companies worldwide that are planning to invest in progressive web apps (PWA) in 2020. URL: https://www.statista.com/stat istics/1174534/investing-pwa-ecommerce-companies-worldwide/. 101
  11. State of Progressive Web Apps (PWAs) Q1 2020 https://www.lumava te.com/wp-content/uploads/2020/02/The-State-of-Progressive-Web-AppsQ1-2020.pdf.
  12. Tandel S.S., Jamadar A. Impact of Progressive Web Apps on Web App Development. International Journal of Innovative Research in Science, Engineering and Technology (A High Impact Factor, Monthly, Peer Reviewed Journal). 2018. Vol. 7. Issue 9. P. 9439 — 9444.
  13. The State of Mobile: Insights into Emerging Behaviours on Mobile Devices. 2019. URL: https://www.comscore.com/Insights/Presentations-andWhitepapers/2019/Global-State-of-Mobile.
  14. What makes a good Progressive Web App? 2020. URL: https://developers.google.com/web/progressive-web-apps/checklist.
  15. 7 Awesome PWA Statistics That You Should Know in 2020. URL: https://www.beezer.com/blog/important-pwa-statistics/.