A Web-Based Augmented Reality System

Kevin Francis McNally; Hoshang Koviland

doi:10.4108/eetsis.5481

Authors

Kevin Francis McNally Liverpool John Moores University
Hoshang Koviland Liverpool John Moores University

DOI:

https://doi.org/10.4108/eetsis.5481

Keywords:

AR, Web-Based AR, Vectary, Blippar, Model Viewer, World Cast AR

Abstract

Web-based augmented reality (AR) systems have many use cases and opportunities in Product Visualisation, Education and Training, Advertising and Marketing, Navigation and Wayfinding, Virtual Try-On, Interactive Storey Telling, Museums and Cultural Heritage, Training and Simulation, Gamification and more. As such, this research paper, A Web-Based Augmented Reality System, will explore these technologies and their use cases in the form of a literature review and several examples utilising the likes of Vectary, Blippar, Model Viewer and World Cast AR. The purpose of which, is to demonstrate a level of understanding of these virtual technologies, to develop them and to develop their future with practical use cases.

References

Jun-Phil Uhm, Sanghoon Kim, Chanwook Do, and HyunWoo Lee. How augmented reality (AR) experience affects purchase intention in sports e-commerce: Roles of perceived diagnosticity, psychological distance, and perceived risks. Journal of Retailing and Consumer Services, 67:103027, 2022.

Gustav Burstrom, Oscar Persson, Erik Edstr¨ om, and¨ Adrian Elmi-Terander. Augmented reality navigation in spine surgery: a systematic review. Acta Neurochirurgica, 163:843–852, 2021.

Medan Crew, Sanusi Hasibuan, Chairul Azmin, Muhammad Faisal Ansari Nasution, and Muhammad Chairad. Development of anatomy web-based assessment based augmented reality (ar). Journal of Education, Health and Sport, 12(9):68–74, 2022.

Yuliya V Kharchenko and Olena M Babenko. Using Blippar to create augmented reality in chemistry education. CEUR Workshop Proceedings, 2021.

Ivan Jie Xiong Ang and King Hann Lim. Enhancing stem education using augmented reality and machine learning. In 2019 7th International Conference on Smart Computing & Communications (ICSCC), pages 1– 5. IEEE, 2019.

RangsanSaengsook. Learning theories and e-learning, third international conference on eLearning for a knowledge-based society, Bangkok - Thailand. 2006.

DA Karnishyna, TV Selivanova, PP Nechypurenko, TV Starova, and VG Stoliarenko. The use of augmented reality in chemistry lessons in the study of oxygen-containing organic compounds using the mobile application Blippar. In Journal of Physics: Conference Series, volume 2288, page 012018. IOP Publishing, 2022.

Philipp A Rauschnabel, Barry J Babin, M Claudia tom Dieck, Nina Krey, and Timothy Jung. What is augmented reality marketing? its definition, complexity, and future, 2022.

John V Pavlik and Frank Bridges. The emergence of augmented reality (AR) as a storytelling medium in journalism. Journalism & Communication Monographs, 15(1):4–59, 2013.

P Jomsri. Implementing virtual 3d model and augmented reality navigation for the library in the university. International Journal of Modeling and Optimization, 8(6):315–317, 2018.

Jesus Ivan Rubio-Sandoval, Jose L Martinez-Rodriguez, Ivan Lopez-Arevalo, Ana B Rios-Alvarado, Adolfo Josue Rodriguez-Rodriguez, and David Tomas VargasRequena. An indoor navigation methodology for mobile devices by integrating augmented reality and semantic web. Sensors, 21(16):5435, 2021.

B. Yuan, Y. Chen, and S. Ye. A lightweight augmented reality system for see-through cars. In 2018 7th International Congress on Advanced Applied Informatics (IIAIAAI), pages 855–860.

Mark Yi-Cheon Yim and Sun-Young Park. “I am not satisfied with my body, so I like augmented reality (AR)”: Consumer responses to AR-based product presentations. Journal of Business Research, 100:581–589, 2019.

Marc Riar, Nannan Xi, Jakob J Korbel, Ruediger Zarnekow, and Juho Hamari. Using augmented reality for shopping: a framework for ar induced consumer behaviour, literature review and future agenda. Internet research, 2022.

Saifeddin Alimamy and Juergen Gnoth. I want it my way! the effect of perceptions of personalization through augmented reality and online shopping on customer intentions to co-create value. Computers in Human Behavior, 128:107105, 2022.

Ayanna Seals, Monsurat Olaosebikan, Jennifer Otiono, Orit Shaer, and Oded Nov. Effects of self-focused augmented reality on health perceptions during the COVID-19 pandemic: a web-based between-subject experiment. Journal of medical Internet research, 23(6):e26963, 2021.

Hyekyung Imottesjo and Jaan-Henrik Kain. The urban cocreation labaˆC” an integrated platform for remote and simultaneous collaborative urban planning and design through web-based desktop 3d modelling, head-mounted virtual reality and mobile augmented reality: prototyping a minimum viable product and developing specifications for a minimum marketable product. Applied Sciences, 12(2):797, 2022.

O. Shah. Blippar on the brink.” the Sunday Times. https://bit.ly/37tts0o (accessed 20/05/2020, 2020), 2016.

C. Reports. ”how to use the blippar app - watch out stories leap off the page” cr consumer reports. https://bit.ly/34cwefq (accessed 20/05/2020, 2020), 2018.

M Viewer. Easily display interactive 3d models on the web in ar.” model viewer. https://modelviewer.dev/ (accessed 29/05/2023, 2023), 2023.

C. Cao and J. Sun. Perceptual Mr. Space: Interactive toolkit for efficient environment reconstruction in mobile mixed reality. In 2019 IEEE International Symposium on Mixed and Augmented Reality Adjunct (ISMAR-Adjunct), pages 353–357.

Micheal Lanham. Learn ARCore-Fundamentals of Google ARCore: Learn to build augmented reality apps for Android, Unity, and the web with Google ARCore 1.0. Packt Publishing Ltd, 2018.

Fabr´ıcio Herpich, Renan Luigi Martins Guarese, and Liane Margarida Rockenbach Tarouco. A comparative analysis of augmented reality frameworks aimed at the development of educational applications. Creative Education, 8(09):1433, 2017.

Jolanda-Pieta Joey van Arnhem. Mobile apps for libraries: Exploring blippar for education. The Charleston Advisor, 17(4):53–57, 2016.

Alba Rusillo-Magdaleno, Alberto Ruiz-Ariza, Sara Suarez-Manzano, and Teresa Mart´ ´ınez-Redecillas. Artificial Intelligence, Augmented Reality and Education, pages 93–121. Springer Nature Switzerland, Cham, 2023.

Jolanda-Pieta Joey van Arnhem. Mobile apps for libraries: Exploring blippar for education. The Charleston Advisor, 17(4):53–57, 2016.

Pei Ren, Xiuquan Qiao, Yakun Huang, Ling Liu, Schahram Dustdar, and Junliang Chen. Edge-assisted distributed dnn collaborative computing approach for mobile web augmented reality in 5g networks. IEEE Network, 34(2):254–261, 2020.

Sin Nee Ong and Noradila Nordin. Etr-ar: Augmented reality intervention in a web-based card game of the emerging technology revolution concepts. Multidisciplinary Applied Research and Innovation, 2(3):107–111, 2021.

Maher Al-Baghdadi. 3d scanning, 3d virtual reality, and 3d printing for Najaf holy city’s cultural heritage and identity. International Journal of Energy and Environment, 9(5):515–528, 2018.

U. o. Washington. Science Daily, new tools to minimize risks in shared, augmented-reality environments.” the University of Washington. https://bit.ly/2zml7bj (accessed 16.5.2020), 2019.

Guo Yantong, Xia Bing, and Xu Xiaofeng. Design experiment of the spatial dimension of infographics in the background of ar—take the Beijing 2022 Winter Olympics as an example. In 2020 IEEE International Conference on Advances in Electrical Engineering and Computer Applications (AEECA), pages 939–942. IEEE.

H. Adams, J. Stefanucci, S. Creem-Regehr, G. Pointon, W. Thompson, and B. Bodenheimer. Shedding light on cast shadows: An investigation of perceived ground contact in ar and vr. IEEE Transactions on Visualization and Computer Graphics, 28(12):4624–4639, 2022.

S. Jiddi, P. Robert, and E. Marchand. [poster] illumination estimation using cast shadows for realistic augmented reality applications. In 2017 IEEE International Symposium on Mixed and Augmented Reality (ISMARAdjunct), pages 192–193.

Mirror. Mirror networking, a high-level networking library for unity, optimized for ease of use and probability of success. https://mirror-networking.gitbook.io/docs/. 2023.

Photon. We make multiplayer simple. https://www. photonengine.com/. Accessed: 2023-06-05.

Sneha kasetty sudarshan. AUGMENTED REALITY IN MOBILE DEVICES. Thesis, 2017.

Misaki Takeda, Takanori Sato, Hisashi Saito, Hiroshi Iwasaki, Isao Nambu, and Yasuhiro Wada. explanation of Fitts’ law in reaching movement based on human arm dynamics. Scientific reports, 9(1):1–12, 2019.

Zhuldyz Sakenova and Asemgul Serikovna. Prospects for using Flutter with the unity3d ar foundation to create a high-performance mobile app UI for both Android and iOS operating systems. InterConf, 2020.

Alexander Meijers. Unity, pages 87–119. Springer, 2020.

Putri Mandarani, Agung Putra Wilis, and Ganda Yoga Swara. Pengaruh point vuforia object scanner terhadap karakteristik 3d object untuk menampilkan informasi berbasis augmented reality. Journal of Computer System and Informatics (JoSYC), 2(4):304–309, 2021.

V Strasza. Unity: Vuforia – official vuforia employee, https://bit.ly/2fhpjsx, 2018.

Kong Ruan and H. Jeong. An augmented reality system using QR code as a marker in Android smartphones. 2012 Spring Congress on Engineering and Technology, pages 1–3, 2012.

Behrang Parhizkar, Zahra Gebril, Waqas Obeidy, Mike Ngan, Shahan Chowdhury, and Arash Habibi Lashkari. Android mobile augmented reality application based on different learning theories for primary school children. 2012.

Ivano Malavolta, Eoin Martino Grua, Cheng-Yu Lam, Randy de Vries, Franky Tan, Eric Zielinski, Michael Peters, and Luuk Kaandorp. A framework for the automatic execution of measurement-based experiments on Android devices. In 35th IEEE/ACM International Conference on Automated Software Engineering Workshops (ASEW’20), pages 61–66.

M. A. Hamid, S. A. Rahman, I. A. Darmawan, M. Fatkhurrokhman, and M. Nurtanto. Performance efficiency of virtual laboratory based on Unity 3d and Blender during the covid-19 pandemic. Journal of Physics: Conference Series, 2111(1):012054, 2021.

Jamal Ashoori, Mohammad Bagher Kajbaf, Gholam Reza Manshaee, and Hoshang Talebi. Comparison

of the effectiveness of web-based, cooperative learning and traditional teaching methods in achievement motivation and academic achievement in the biology course. Interdisciplinary Journal of Virtual Learning in Medical Sciences, 5(2):25–34, 2020.

Eko Junirianto. Web design and application programming interface (API) smart farming application.

MND. Xrsession: dom overlay state property., 2023.

W3C. Webxr dom overlays module., 17/11/2022 2022.