title: Ð Ð°Ð·ÑÐ°Ð±Ð¾ÑÐºÐ° ÐºÐ»Ð¸ÐµÐ½ÑÑÐºÐ¾Ð¹ ÑÐ°ÑÑÐ¸ Ð²ÐµÐ±-Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ñ Ð´Ð»Ñ Ð°Ð²ÑÐ¾Ð¼Ð°ÑÐ¸Ð·Ð°ÑÐ¸Ð¸ ÑÐ¾ÑÐ¼Ð¸ÑÐ¾Ð²Ð°Ð½Ð¸Ñ Ð¾ÑÑÐµÑÐ½Ð¾Ð¹ Ð´Ð¾ÐºÑÐ¼ÐµÐ½ÑÐ°ÑÐ¸Ð¸ Ð¿ÑÐ¾ÐµÐºÑÐ½Ð¾-Ð¸Ð·ÑÑÐºÐ°ÑÐµÐ»ÑÑÐºÐ¸Ñ ÑÐ°Ð±Ð¾Ñ Ð² ÑÑÑÐ¾Ð¸ÑÐµÐ»ÑÑÑÐ²Ðµ
title: Ð²ÑÐ¿ÑÑÐºÐ½Ð°Ñ ÐºÐ²Ð°Ð»Ð¸ÑÐ¸ÐºÐ°ÑÐ¸Ð¾Ð½Ð½Ð°Ñ ÑÐ°Ð±Ð¾ÑÐ° Ð±Ð°ÐºÐ°Ð»Ð°Ð²ÑÐ°
titleType: Subtitle
title: Development of the client side of a web application for automating the creation of reporting documentation for design and survey work in construction
Creators: name: ÐÐ±ÑÑÐµÐ²Ð°, ÐÐ»Ð¸Ð½Ð°
Publisher: name: Ð¡Ð°Ð½ÐºÑ-ÐÐµÑÐµÑÐ±ÑÑÐ³ÑÐºÐ¸Ð¹ Ð¿Ð¾Ð»Ð¸ÑÐµÑÐ½Ð¸ÑÐµÑÐºÐ¸Ð¹ ÑÐ½Ð¸Ð²ÐµÑÑÐ¸ÑÐµÑ ÐÐµÑÑÐ° ÐÐµÐ»Ð¸ÐºÐ¾Ð³Ð¾
Year: 2024
Subjects: ÐºÐ»Ð¸ÐµÐ½ÑÑÐºÐ°Ñ ÑÐ°ÑÑÑ
Ð²ÐµÐ±-Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ðµ
Vue
SPA
TypeScript
Ð¾ÑÑÐµÑÐ½Ð°Ñ Ð´Ð¾ÐºÑÐ¼ÐµÐ½ÑÐ°ÑÐ¸Ñ
ÑÐµÑ Ð½Ð¸ÑÐµÑÐºÐ¾Ðµ Ð¾Ð±ÑÐ»ÐµÐ´Ð¾Ð²Ð°Ð½Ð¸Ðµ
Docker
Nginx
client side
web application
reporting documentation
technical inspection

description: ÐÐ°Ð½Ð½Ð°Ñ ÑÐ°Ð±Ð¾ÑÐ° Ð¿Ð¾ÑÐ²ÑÑÐµÐ½Ð° ÑÐ°Ð·ÑÐ°Ð±Ð¾ÑÐºÐµ ÐºÐ»Ð¸ÐµÐ½ÑÑÐºÐ¾Ð¹ ÑÐ°ÑÑÐ¸ Ð²ÐµÐ±-Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ñ Ð´Ð»Ñ Ð°Ð²ÑÐ¾Ð¼Ð°ÑÐ¸Ð·Ð°ÑÐ¸Ð¸ ÑÐ¾ÑÐ¼Ð¸ÑÐ¾Ð²Ð°Ð½Ð¸Ñ Ð¾ÑÑÐµÑÐ½Ð¾Ð¹ Ð´Ð¾ÐºÑÐ¼ÐµÐ½ÑÐ°ÑÐ¸Ð¸ Ð¿ÑÐ¾ÐµÐºÑÐ½Ð¾-Ð¸Ð·ÑÑÐºÐ°ÑÐµÐ»ÑÑÐºÐ¸Ñ ÑÐ°Ð±Ð¾Ñ Ð² ÑÑÑÐ¾Ð¸ÑÐµÐ»ÑÑÑÐ²Ðµ. Ð ÑÐ¾Ð´Ðµ ÑÐ°Ð·ÑÐ°Ð±Ð¾ÑÐºÐ¸ ÑÐµÑÐ°Ð»Ð¸ÑÑ ÑÐ»ÐµÐ´ÑÑÑÐ¸Ðµ Ð·Ð°Ð´Ð°ÑÐ¸: 1. ÐÐ½Ð°Ð»Ð¸Ð· Ð¿ÑÐµÐ´Ð¼ÐµÑÐ½Ð¾Ð¹ Ð¾Ð±Ð»Ð°ÑÑÐ¸ 2. Ð¤Ð¾ÑÐ¼Ð¸ÑÐ¾Ð²Ð°Ð½Ð¸Ðµ ÑÑÐµÐ±Ð¾Ð²Ð°Ð½Ð¸Ð¹ Ðº ÐºÐ»Ð¸ÐµÐ½ÑÑÐºÐ¾Ð¹ ÑÐ°ÑÑÐ¸ Ð²ÐµÐ±-Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ñ 3. ÐÐ½Ð°Ð»Ð¸Ð· Ð¸ Ð²ÑÐ±Ð¾Ñ Ð¼ÐµÑÐ¾Ð´Ð¾Ð² Ð¸ ÑÐµÑÐ½Ð¾Ð»Ð¾Ð³Ð¸Ð¹ Ð´Ð»Ñ ÑÐ°Ð·ÑÐ°Ð±Ð¾ÑÐºÐ¸ ÐºÐ»Ð¸ÐµÐ½ÑÑÐºÐ¾Ð¹ ÑÐ°ÑÑÐ¸ Ð²ÐµÐ±-Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ñ 4. Ð Ð°Ð·ÑÐ°Ð±Ð¾ÑÐºÐ° ÐºÐ»Ð¸ÐµÐ½ÑÑÐºÐ¾Ð¹ ÑÐ°ÑÑÐ¸ Ð²ÐµÐ±-Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ñ 5. Ð¢ÐµÑÑÐ¸ÑÐ¾Ð²Ð°Ð½Ð¸Ðµ ÐºÐ»Ð¸ÐµÐ½ÑÑÐºÐ¾Ð¹ ÑÐ°ÑÑÐ¸ Ð²ÐµÐ±-Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ñ ÐÐ»Ð¸ÐµÐ½ÑÑÐºÐ°Ñ ÑÐ°ÑÑÑ Ð²ÐµÐ±-Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ñ ÑÐ°Ð·ÑÐ°Ð±Ð°ÑÑÐ²Ð°Ð»Ð°ÑÑ ÑÐ¾Ð³Ð»Ð°ÑÐ½Ð¾ Ð°ÑÑÐ¸ÑÐµÐºÑÑÑÐµ Single Page Application. ÐÐ»Ñ ÑÐ°Ð·ÑÐ°Ð±Ð¾ÑÐºÐ¸ Ð¸ÑÐ¿Ð¾Ð»ÑÐ·Ð¾Ð²Ð°Ð»Ð¸ÑÑ ÑÐ»ÐµÐ´ÑÑÑÐ¸Ðµ Ð¸Ð½ÑÑÑÑÐ¼ÐµÐ½ÑÑ: ÑÑÐµÐ¹Ð¼Ð²Ð¾ÑÐº Vue, ÑÐ·ÑÐº Ð¿ÑÐ¾Ð³ÑÐ°Ð¼Ð¼Ð¸ÑÐ¾Ð²Ð°Ð½Ð¸Ñ TypeScript. ÐÐ»Ñ ÑÐ±Ð¾ÑÐºÐ¸ Ð¿ÑÐ¾ÐµÐºÑÐ° Ð¸ÑÐ¿Ð¾Ð»ÑÐ·Ð¾Ð²Ð°Ð»ÑÑ Ð¸Ð½ÑÑÑÑÐ¼ÐµÐ½Ñ Vite. ÐÐ»Ñ ÑÐ°Ð·Ð²ÐµÑÑÑÐ²Ð°Ð½Ð¸Ñ Vue-Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ñ Ð¸ÑÐ¿Ð¾Ð»ÑÐ·Ð¾Ð²Ð°Ð»Ð¾ÑÑ Ð¿ÑÐ¾Ð³ÑÐ°Ð¼Ð¼Ð½Ð¾Ðµ Ð¾Ð±ÐµÑÐ¿ÐµÑÐµÐ½Ð¸Ðµ Docker Ð¸ Ð²ÐµÐ±-ÑÐµÑÐ²ÐµÑ Nginx. Ð ÐµÐ·ÑÐ»ÑÑÐ°ÑÐ¾Ð¼ ÑÐ°Ð±Ð¾ÑÑ ÑÐ²Ð»ÑÐµÑÑÑ ÐºÐ»Ð¸ÐµÐ½ÑÑÐºÐ°Ñ ÑÐ°ÑÑÑ Ð²ÐµÐ±-Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ñ Ð´Ð»Ñ Ð°Ð²ÑÐ¾Ð¼Ð°ÑÐ¸Ð·Ð°ÑÐ¸Ð¸ ÑÐ¾ÑÐ¼Ð¸ÑÐ¾Ð²Ð°Ð½Ð¸Ñ Ð¾ÑÑÐµÑÐ½Ð¾Ð¹ Ð´Ð¾ÐºÑÐ¼ÐµÐ½ÑÐ°ÑÐ¸Ð¸ Ð¿ÑÐ¾ÐµÐºÑÐ½Ð¾-Ð¸Ð·ÑÑÐºÐ°ÑÐµÐ»ÑÑÐºÐ¸Ñ ÑÐ°Ð±Ð¾Ñ Ð² ÑÑÑÐ¾Ð¸ÑÐµÐ»ÑÑÑÐ²Ðµ, ÑÐ²Ð»ÑÑÑÐ°ÑÑÑ ÑÐ²ÑÐ·ÑÑÑÐ¸Ð¼ Ð·Ð²ÐµÐ½Ð¾Ð¼ Ð¼ÐµÐ¶Ð´Ñ ÐºÐ¾Ð½ÐµÑÐ½ÑÐ¼ Ð¿Ð¾Ð»ÑÐ·Ð¾Ð²Ð°ÑÐµÐ»ÐµÐ¼ Ð¸ ÑÐµÑÐ²ÐµÑÐ¾Ð¼ Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ñ, Ð¿ÑÐµÐ´Ð¾ÑÑÐ°Ð²Ð»ÑÑÑÐ°Ñ Ð²Ð¾Ð·Ð¼Ð¾Ð¶Ð½Ð¾ÑÑÑ Ð¿Ð¾Ð»ÑÐ·Ð¾Ð²Ð°ÑÐµÐ»Ñ Ð·Ð°Ð³ÑÑÐ¶Ð°ÑÑ Ð´Ð°Ð½Ð½ÑÐµ Ð¸ Ð¼Ð°ÑÐµÑÐ¸Ð°Ð»Ñ ÑÐµÑÐ½Ð¸ÑÐµÑÐºÐ¾Ð³Ð¾ Ð¾Ð±ÑÐ»ÐµÐ´Ð¾Ð²Ð°Ð½Ð¸Ñ Ð·Ð´Ð°Ð½Ð¸Ñ Ð¸Ð»Ð¸ ÑÐ¾Ð¾ÑÑÐ¶ÐµÐ½Ð¸Ñ Ð¸ Ð¿Ð¾Ð»ÑÑÐ°ÑÑ Ð½Ð° Ð²ÑÑÐ¾Ð´Ðµ Ð³Ð¾ÑÐ¾Ð²ÑÑ Ð¾ÑÑÐµÑÐ½ÑÑ Ð´Ð¾ÐºÑÐ¼ÐµÐ½ÑÐ°ÑÐ¸Ñ.
description: This work is devoted to the development of the client side of a web application for automating the creation of reporting documentation for design and survey work in construction. During the development, the following tasks were addressed: 1. Analysis of the subject area 2. Formulation of requirements for the client side of the web application 3. Analysis and selection of methods and technologies for developing the client side of the web application 4. Development of the client side of the web application 5. Testing of the client side of the web application The client side of the web application was developed according to the Single Page Application architecture. The following tools were used for development: Vue framework, TypeScript programming language. The project build tool used was Vite. For deploying the Vue application, Docker software and the Nginx web server were used. The result of the work is the client side of a web application for automating the creation of reporting documentation for design and survey work in construction, acting as a bridge between the end user and the application server, providing the user with the ability to upload data and materials from the technical inspection of a building or structure and obtain ready-made reporting documentation.