Progressive web applications: combining technology for web and native applications

Authors: Kiselev P.V.
Published in issue: #2(43)/2020
DOI: 10.18698/2541-8009-2020-2-583
Category: Informatics, Computer Engineering and Control | Chapter: System Analysis, Control, and Information Processing, Statistics
Keywords: progressive web applications, Service Worker, cross-platform, cross-platform development, mobile Internet, mobile platform, interface, hybrid approach, interpreted approach
Published: 04.03.2020

The paper discusses progressive web applications that can serve as a unifying technology for web and native applications. First, the functions are presented for review, then their performance is carefully examined. For comparison, hybrid, interpretable, and progressive web applications have been developed. Performance testing was carried out according to the following parameters: the amount of memory occupied on the device by the application; application initialization speed; the time elapsed from launching the application to fully rendering the component with the application title. The results of testing revealed that progressive web applications can become a unifier for native web development without the use of cross-platform environments.

References

[1] Perchat J., Desertot M., Lecomte S. Component based framework to create mobile cross-platform applications. Procedia Comput. Sci., 2013, vol. 19, pp. 1004–1011 DOI: https://doi.org/10.1016/j.procs.2013.06.140

[2] Heitkotter H., Majchrzak T.A., Kuchen H. Cross-platform model-driven development of mobile applications with md2. Proc. SAC’13, 2013, pp. 526–533. DOI: https://doi.org/10.1145/2480362.2480464

[3] Majchrzak T.A., Heitkotter H. Status quo and best practices of app development in regional companies. Proc. WEBIST, 2013, pp. 189–206 2014. DOI: https://doi.org/10.1007/978-3-662-44300-2_12

[4] Malavolta I., Ruberto S., Soru T., et al. Hybrid mobile apps in the Google Play Store: an exploratory investigation. Proc. 2nd ACM Int. Conf. Mobile Software Engineering and Systems, 2015, pp. 56–59. DOI: https://doi.org/10.1109/MobileSoft.2015.15

[5] Rahul R., Tolety S.B. A study on approaches to build cross-platform mobile applications and criteria to select appropriate approach. Proc. INDICON, 2012, pp. 625–629. DOI: https://doi.org/10.1109/INDCON.2012.6420693

[6] Puvvala A., Dutta A., Roy R., et al. Mobile application developers’ platform choice model. Proc. 49th HICSS, 2016, pp. 5721–5730. DOI: https://ieeexplore.ieee.org/document/7427896

[7] Mercado I.T., Munaiah N., Meneely A. The impact of cross-platform development approaches for mobile applications from the user’s perspective. Proc. WAMA, 2016, pp. 43–49. DOI: https://doi.org/10.1145/2993259.2993268

[8] Corral L., Janes A., Remencius T. Potential advantages and disadvantages of multiplatform development frameworks–a vision on mobile environments. Procedia Comput. Sci., 2012, vol. 10, pp. 1202–1207. DOI: https://doi.org/10.1016/j.procs.2012.06.173

[9] Heitkotter H., Hanschke S., Majchrzak T.A. Evaluating cross-platform development approaches for mobile applications. Proc. 13th WEBIST, 2017, pp. 344–351. URL: https://www.scitepress.org/Papers/2017/63537/63537.pdf (accessed: 15.10.2019).

[10] Majchrzak T.A., Biørn-Hansen A., Grønli T.-M. Comprehensive analysis of innovative crossplatform app development frameworks. Proc. HICSS, 2017. DOI: https://doi.org/10.24251/HICSS.2017.745

[11] Latif M., Lakhrissi Y., Nfaoui E.H., et al. Cross platform approach for mobile application development: a survey. PROC. IT4OD, 2016. DOI: https://doi.org/10.1109/IT4OD.2016.7479278

[12] Puder A., Tillmann N., Moskal M. Exposing native device APIs to web apps. Proc. MOBILESoft, 2014, pp. 18–26. DOI: https://doi.org/10.1145/2593902.2593908

[13] GitHub: website. URL: https://github.com/Cappy/PWA (accessed: 10.12.2019).

[14] W3C – Push API. w3.org: website. URL: https://www.w3.org/TR/push-api/ (accessed: 01.11.2019).

[15] Knox C.M. Get some latest 2019 trends for cross-platform mobile app development. medium.com: website. URL: https://medium.com/@michael_tech/get-some-latest-2019-trends-for-cross-platform-mobile-app-development-e5dae65115fa (accessed: 04.11.2019).

[16] Osmani A. Getting started with progressive web apps. developers.google.com: website. URL: https://developers.google.com/web/updates/2015/12/getting-started-pwa (accessed: 01.11.2019).

[17] Gaunt M. Service Workers: an introduction. developers.google.com: website. URL: https://developers.google.com/web/fundamentals/primers/service-workers/ (accessed: 04.11.2019).

[18] Archibald J. Instant loading: building offline-first progressive web apps – Google I/O 2016. developers.google.com: website. URL: https://developers.google.com/web/shows/google-io/2016/instant-loading-building-offline-first-progressive-web-apps-google-io-2016 (accessed: 04.11.2019).

[19] Osmani A., Gaunt M. Instant loading web apps with an application shell architecture. developers.google.com: website. URL: https://developers.google.com/web/updates/2015/11/app-shell (accessed: 04.11.2019).