title: ÐÑÑÐ»ÐµÐ´Ð¾Ð²Ð°Ð½Ð¸Ðµ Ð¸ ÑÐ°Ð·ÑÐ°Ð±Ð¾ÑÐºÐ° Ð¼ÐµÑÐ¾Ð´Ð¸ÐºÐ¸ Ð²Ð½ÐµÐ´ÑÐµÐ½Ð¸Ñ 3D ÐºÐ¾Ð½ÑÐµÐ½ÑÐ° Ð¸ ÑÐ»ÐµÐ¼ÐµÐ½ÑÐ¾Ð² Ð´Ð¾Ð¿Ð¾Ð»Ð½ÐµÐ½Ð½Ð¾Ð¹ ÑÐµÐ°Ð»ÑÐ½Ð¾ÑÑÐ¸ Ð² Ð²ÐµÐ±-Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ðµ
title: Ð²ÑÐ¿ÑÑÐºÐ½Ð°Ñ ÐºÐ²Ð°Ð»Ð¸ÑÐ¸ÐºÐ°ÑÐ¸Ð¾Ð½Ð½Ð°Ñ ÑÐ°Ð±Ð¾ÑÐ° Ð¼Ð°Ð³Ð¸ÑÑÑÐ°
titleType: Subtitle
title: The methodology for developing a web application with interactive 3D content and elements of augmented reality
Creators: name: ÐÑÐ·ÑÐµÐ²Ð°, ÐÐµÑÐ¾Ð½Ð¸ÐºÐ°
Publisher: name: Ð¡Ð°Ð½ÐºÑ-ÐÐµÑÐµÑÐ±ÑÑÐ³ÑÐºÐ¸Ð¹ Ð¿Ð¾Ð»Ð¸ÑÐµÑÐ½Ð¸ÑÐµÑÐºÐ¸Ð¹ ÑÐ½Ð¸Ð²ÐµÑÑÐ¸ÑÐµÑ ÐÐµÑÑÐ° ÐÐµÐ»Ð¸ÐºÐ¾Ð³Ð¾
Year: 2020
Subjects: Ð´Ð¾Ð¿Ð¾Ð»Ð½ÐµÐ½Ð½Ð°Ñ ÑÐµÐ°Ð»ÑÐ½Ð¾ÑÑÑ
3D
Ð²ÐµÐ±-ÑÐ°Ð·ÑÐ°Ð±Ð¾ÑÐºÐ°
Ð¼ÐµÑÐ¾Ð´Ð¸ÐºÐ°
Ð²Ð½ÐµÐ´ÑÐµÐ½Ð¸Ðµ
argument reality
web development
methodology
implementation

description: Ð Ð´Ð°Ð½Ð½Ð¾Ð¹ ÑÐ°Ð±Ð¾ÑÐµ Ð¸Ð·Ð»Ð¾Ð¶ÐµÐ½Ð° Ð¼ÐµÑÐ¾Ð´Ð¸ÐºÐ° Ð²Ð½ÐµÐ´ÑÐµÐ½Ð¸Ñ ÑÐ»ÐµÐ¼ÐµÐ½ÑÐ¾Ð² Ð´Ð¾Ð¿Ð¾Ð»Ð½ÐµÐ½Ð½Ð¾Ð¹ ÑÐµÐ°Ð»ÑÐ½Ð¾ÑÑÐ¸ Ð¸ 3D ÐºÐ¾Ð½ÑÐµÐ½ÑÐ° Ð² Ð²ÐµÐ±-Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ðµ. ÐÐ¿Ð¸ÑÐ°Ð½Ð¾ Ð¿ÑÐ¾Ð²ÐµÐ´ÐµÐ½Ð¸Ðµ Ð¸ÑÑÐ»ÐµÐ´Ð¾Ð²Ð°Ð½Ð¸Ñ ÑÐ°Ð·ÑÐ°Ð±Ð¾ÑÐ°Ð½Ð½ÑÑ ÑÐ°Ð½ÐµÐµ Ð¼ÐµÑÐ¾Ð´Ð¸Ðº, Ð²ÑÑÐ²Ð»ÐµÐ½Ñ Ð¸Ñ ÑÐ»Ð°Ð±ÑÐµ Ð¸ ÑÐ¸Ð»ÑÐ½ÑÐµ ÑÑÐ¾ÑÐ¾Ð½Ñ, Ð° ÑÐµÐºÐ¾Ð¼ÐµÐ½Ð´Ð°ÑÐ¸Ð¸ Ð²ÑÐ½ÐµÑÐµÐ½Ñ Ð² Ð¾ÑÐ´ÐµÐ»ÑÐ½ÑÑ ÑÐ°Ð±Ð»Ð¸ÑÑ Ð¿ÑÐµÐ´Ð¿Ð¾ÑÑÐµÐ½Ð¸Ð¹. ÐÐ¾ÑÑÐ°Ð¿Ð½Ð¾ Ð¾Ð¿Ð¸ÑÐ°Ð½Ð° ÑÐ°Ð·ÑÐ°Ð±Ð¾ÑÐºÐ° Ð¸ Ð²Ð½ÐµÐ´ÑÐµÐ½Ð¸Ðµ ÑÐ»ÐµÐ¼ÐµÐ½ÑÐ¾Ð² Ð´Ð¾Ð¿Ð¾Ð»Ð½ÐµÐ½Ð½Ð¾Ð¹ ÑÐµÐ°Ð»ÑÐ½Ð¾ÑÑÐ¸. ÐÑÐµÐ´Ð»Ð¾Ð¶ÐµÐ½Ð¾ ÑÐ°Ð·Ð´ÐµÐ»Ð¸ÑÑ ÑÐ°Ð·ÑÐ°Ð±Ð¾ÑÐºÑ Ð½Ð° ÑÑÐ¸ ÑÐ¾ÑÑÐ°Ð²Ð»ÑÑÑÐ¸Ðµ, ÑÑÐµÐ´Ð¸ ÐºÐ¾ÑÐ¾ÑÑÑ ÑÑÐ½ÐºÑÐ¸Ð¾Ð½Ð°Ð» Ð¿Ð°Ð½ÐµÐ»Ð¸ Ð°Ð´Ð¼Ð¸Ð½Ð¸ÑÑÑÐ°ÑÐ¾ÑÐ°, Ð´Ð¾ÑÑÑÐ¿ Ð¿Ð¾Ð»ÑÐ·Ð¾Ð²Ð°ÑÐµÐ»Ñ Ðº ÑÐ°Ð¹ÑÑ ÑÐµÑÐµÐ· Ð¼Ð¾Ð±Ð¸Ð»ÑÐ½Ð¾Ðµ ÑÑÑÑÐ¾Ð¹ÑÑÐ²Ð¾ Ð¸ ÑÐµÑÐµÐ· Ð±ÑÐ°ÑÐ·ÐµÑ Ð¿ÐµÑÑÐ¾Ð½Ð°Ð»ÑÐ½Ð¾Ð³Ð¾ ÐºÐ¾Ð¼Ð¿ÑÑÑÐµÑÐ°. ÐÐ¾Ð´ÑÐ¾Ð±Ð½Ð¾ Ð¾Ð¿Ð¸ÑÐ°Ð½Ð° Ð²Ð¾Ð·Ð¼Ð¾Ð¶Ð½Ð¾ÑÑÑ Ð´ÐµÐºÐ¾Ð¼Ð¿Ð¾Ð·Ð¸ÑÐ¸Ð¸ Ð²Ð½ÐµÐ´ÑÑÐµÐ¼Ð¾Ð³Ð¾ ÑÑÐ½ÐºÑÐ¸Ð¾Ð½Ð°Ð»Ð° Ð½Ð° ÑÐ¾ÑÑÐ°Ð²Ð»ÑÑÑÐ¸Ðµ Ñ ÑÐµÐ»ÑÑ Ð¾Ð¿ÑÐ¸Ð¼Ð¸Ð·Ð°ÑÐ¸Ð¸ ÑÐ°Ð±Ð¾ÑÐµÐ³Ð¾ Ð¿ÑÐ¾ÑÐµÑÑÐ°. Ð ÑÐ°Ð±Ð¾ÑÐµ Ð¿ÑÐµÐ´Ð»Ð¾Ð¶ÐµÐ½ ÑÑÐ´ ÑÐµÐºÐ¾Ð¼ÐµÐ½Ð´Ð°ÑÐ¸Ð¹ Ð¿Ð¾ ÑÐ²ÐµÐ»Ð¸ÑÐµÐ½Ð¸Ñ ÑÐºÐ¾ÑÐ¾ÑÑÐ¸ Ð´Ð¾ÑÑÑÐ¿Ð° Ð¿Ð¾Ð»ÑÐ·Ð¾Ð²Ð°ÑÐµÐ»Ñ Ñ Ð´Ð¾Ð¿Ð¾Ð»Ð½ÐµÐ½Ð½Ð¾Ð¹ ÑÐµÐ°Ð»ÑÐ½Ð¾ÑÑÐ¸ Ð¸ ÑÐ¾ÐºÑÐ°ÑÐµÐ½Ð¸Ñ ÐºÐ¾Ð»Ð¸ÑÐµÑÑÐ²Ð° Ð¼Ð¸ÐºÑÐ¾Ð²Ð·Ð°Ð¸Ð¼Ð¾Ð´ÐµÐ¹ÑÑÐ²Ð¸Ð¹ Ñ ÑÐ°Ð¹ÑÐ¾Ð¼. ÐÐ¾Ð¼Ð¸Ð¼Ð¾ Ð²ÑÐµÐ³Ð¾ Ð²ÑÑÐµÐ¿ÐµÑÐµÑÐ¸ÑÐ»ÐµÐ½Ð½Ð¾Ð³Ð¾, Ð¿ÑÐ¾Ð²ÐµÐ´ÐµÐ½Ð¾ ÑÐµÑÑÐ¸ÑÐ¾Ð²Ð°Ð½Ð¸Ðµ, Ð¸Ð»Ð»ÑÑÑÑÐ¸ÑÑÑÑÐµÐµ Ð¿ÑÐµÐ¸Ð¼ÑÑÐµÑÑÐ²Ð¾ Ð½Ð¾Ð²Ð¾Ð¹ Ð¼ÐµÑÐ¾Ð´Ð¾Ð»Ð¾Ð³Ð¸Ð¸ Ð¿Ð¾ ÑÐºÐ¾ÑÐ¾ÑÑÐ¸ Ð²Ð½ÐµÐ´ÑÐµÐ½Ð¸Ñ Ð¸ ÑÐºÐ¾ÑÐ¾ÑÑÐ¸ Ð²Ð·Ð°Ð¸Ð¼Ð¾Ð´ÐµÐ¹ÑÑÐ²Ð¸Ñ Ð¿Ð¾Ð»ÑÐ·Ð¾Ð²Ð°ÑÐµÐ»Ñ Ñ Ð¸Ð½ÑÐµÑÑÐµÐ¹ÑÐ¾Ð¼. ÐÐ°Ð½Ð½ÑÐµ Ð½Ð°ÑÐ°Ð±Ð¾ÑÐºÐ¸ Ð² Ð±ÑÐ´ÑÑÐµÐ¼ Ð¼Ð¾Ð¶Ð½Ð¾ Ð¸ÑÐ¿Ð¾Ð»ÑÐ·Ð¾Ð²Ð°ÑÑ Ð¿ÑÐ¸ ÑÐµÑÐµÐ½Ð¸Ð¸ Ð·Ð°Ð´Ð°Ñ Ð²Ð½ÐµÐ´ÑÐµÐ½Ð¸Ñ Ð´Ð¾Ð¿Ð¾Ð»Ð½ÐµÐ½Ð½Ð¾Ð¹ ÑÐµÐ°Ð»ÑÐ½Ð¾ÑÑÐ¸ Ð½Ð° Ð³Ð¾ÑÐ¾Ð²ÑÐ¹ ÑÐ°Ð¹Ñ Ð¸Ð»Ð¸ Ð¿ÑÐ¾ÐµÐºÑÐ¸ÑÐ¾Ð²Ð°Ð½Ð¸Ñ Ð½Ð¾Ð²Ð¾Ð³Ð¾ Ð²ÐµÐ±-Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ñ.
description: In this paper, we describe a methodology for introducing elements of augmented reality and 3D content into a web application. A study of previously developed methods is described, their strengths and weaknesses are identified, and recommendations are made in a separate table of preferences. The development and implementation of augmented reality elements is described in stages. It is proposed to divide the development into three components, among which the functionality of the admin panel, user access to the site through a mobile device and through the browser of a personal computer. The possibility of decomposing the implemented functionality into components in order to optimize the workflow is described in detail. The paper offers a number of recommendations to increase the speed of user access with augmented reality and reduce the number of microinteractions with the site. In addition to all of the above, testing was carried out to illustrate the advantage of the new methodology in terms of implementation speed and speed of user interaction with the interface. These developments in the future can be used in solving problems of implementing augmented reality on a ready-made website or designing a new web application.