title: Ð Ð°Ð·ÑÐ°Ð±Ð¾ÑÐºÐ° Ð¸Ð½ÑÐµÑÐ°ÐºÑÐ¸Ð²Ð½Ð¾Ð³Ð¾ Ð¸Ð½ÑÑÑÑÐ¼ÐµÐ½ÑÐ° Ð²Ð¸Ð·ÑÐ°Ð»Ð¸Ð·Ð°ÑÐ¸Ð¸ ÑÑÑÑÐºÑÑÑÑ Ð¿ÑÐ¾Ð³ÑÐ°Ð¼Ð¼Ð½ÑÑ ÑÐ¸ÑÑÐµÐ¼
title: Ð²ÑÐ¿ÑÑÐºÐ½Ð°Ñ ÐºÐ²Ð°Ð»Ð¸ÑÐ¸ÐºÐ°ÑÐ¸Ð¾Ð½Ð½Ð°Ñ ÑÐ°Ð±Ð¾ÑÐ° Ð±Ð°ÐºÐ°Ð»Ð°Ð²ÑÐ°
titleType: Subtitle
title: Development of the interactive tool for visualizing the structure of software systems
Creators: name: ÐÐ¸ÑÐ¸Ð³Ð¸Ð½, Ð®ÑÐ¸Ð¹
Publisher: name: Ð¡Ð°Ð½ÐºÑ-ÐÐµÑÐµÑÐ±ÑÑÐ³ÑÐºÐ¸Ð¹ Ð¿Ð¾Ð»Ð¸ÑÐµÑÐ½Ð¸ÑÐµÑÐºÐ¸Ð¹ ÑÐ½Ð¸Ð²ÐµÑÑÐ¸ÑÐµÑ ÐÐµÑÑÐ° ÐÐµÐ»Ð¸ÐºÐ¾Ð³Ð¾
Year: 2023
Subjects: ÑÑ ÐµÐ¼Ð°
svg
Java
Ð°ÑÑ Ð¸ÑÐµÐºÑÑÑÐ° ÐÐ
OAuth
schema
software architecture

description: Ð¦ÐµÐ»ÑÑ ÑÐ°Ð±Ð¾ÑÑ ÑÐ²Ð»ÑÐµÑÑÑ ÑÐ¾Ð·Ð´Ð°Ð½Ð¸Ðµ Ð¸Ð½ÑÐµÑÐ°ÐºÑÐ¸Ð²Ð½Ð¾Ð³Ð¾ Ð¸Ð½ÑÑÑÑÐ¼ÐµÐ½ÑÐ° Ð²Ð¸Ð·ÑÐ°Ð»Ð¸-Ð·Ð°ÑÐ¸Ð¸ ÑÑÑÑÐºÑÑÑÑ Ð¿ÑÐ¾Ð³ÑÐ°Ð¼Ð¼Ð½ÑÑ ÑÐ¸ÑÑÐµÐ¼ Ð´Ð»Ñ ÐºÐ¾Ð¼Ð°Ð½Ð´Ñ Ð±Ð¸Ð»Ð»Ð¸Ð½Ð³Ð° Ð¯Ð½Ð´ÐµÐºÑ.ÐÐ°ÑÐºÐµÑÐ°. Ð Ð´Ð°Ð½Ð½Ð¾Ð¹ ÑÐ°Ð±Ð¾ÑÐµ Ð±ÑÐ» Ð¿ÑÐ¾Ð¸Ð·Ð²ÐµÐ´ÐµÐ½ Ð¾Ð±Ð·Ð¾Ñ ÑÑÑÐµÑÑÐ²ÑÑÑÐ¸Ñ ÑÐµÑÐµÐ½Ð¸Ð¹ Ð´Ð»Ñ Ð¿ÑÐ¾ÑÐ¼Ð¾ÑÑÐ° ÑÑÐµÐ¼, Ð¸Ñ ÑÑÐ°Ð²Ð½ÐµÐ½Ð¸Ðµ, Ð° ÑÐ°ÐºÐ¶Ðµ Ð²ÑÐ´Ð²Ð¸Ð¶ÐµÐ½Ð¸Ðµ ÑÑÐµÐ±Ð¾Ð²Ð°Ð½Ð¸Ð¹ Ðº ÑÐ°Ð·ÑÐ°Ð±Ð°ÑÑ-Ð²Ð°ÐµÐ¼Ð¾Ð¼Ñ Ð¸Ð½ÑÑÑÑÐ¼ÐµÐ½ÑÑ. Ð ÑÐ¾Ð´Ðµ Ð²ÑÐ¿Ð¾Ð»Ð½ÐµÐ½Ð¸Ñ ÑÐ°Ð±Ð¾ÑÑ Ð±ÑÐ»Ð¸ Ð¸Ð·ÑÑÐµÐ½Ñ Ð¸ Ð²ÑÐ±ÑÐ°Ð½Ñ Ð¿Ð¾Ð´ÑÐ¾Ð´Ñ Ð¿Ð¾ Ð°ÑÑÐ¸-ÑÐµÐºÑÑÑÐµ ÑÐ°Ð·ÑÐ°Ð±Ð°ÑÑÐ²Ð°ÐµÐ¼Ð¾Ð³Ð¾ Ð¸Ð½ÑÑÑÑÐ¼ÐµÐ½ÑÐ°, Ð¿ÑÐ¸Ð²ÐµÐ´ÐµÐ½Ñ ÑÐ°Ð·Ð»Ð¸ÑÐ½ÑÐµ ÑÑÐµÐ¼Ñ Ð°ÑÑÐ¸ÑÐµÐº-ÑÑÑÑ: ÑÑÑÑÐºÑÑÑÐ½Ð°Ñ Ð´Ð¸Ð°Ð³ÑÐ°Ð¼Ð¼Ð°, Ð´Ð¸Ð°Ð³ÑÐ°Ð¼Ð¼Ñ Ð¿Ð¾ÑÐ»ÐµÐ´Ð¾Ð²Ð°ÑÐµÐ»ÑÐ½Ð¾ÑÑÐµÐ¹ Ð¸ Ð´Ð¸Ð°Ð³ÑÐ°Ð¼Ð¼Ð° Ð¿Ð¾ÑÐ¾ÐºÐ¾Ð² Ð´Ð°Ð½Ð½ÑÑ. Ð¢Ð°ÐºÐ¶Ðµ Ð±ÑÐ»Ð¸ ÑÐ°Ð·Ð¾Ð±ÑÐ°Ð½Ñ Ð½ÐµÐºÐ¾ÑÐ¾ÑÑÐµ Ð½ÑÐ°Ð½ÑÑ Ð²ÐµÐºÑÐ¾ÑÐ½Ð¾Ð³Ð¾ ÑÐ¾Ñ-Ð¼Ð°ÑÐ° ÑÑÐ°Ð½ÐµÐ½Ð¸Ñ Ð¸Ð·Ð¾Ð±ÑÐ°Ð¶ÐµÐ½Ð¸Ð¹ SVG Ð¸ ÐµÐ³Ð¾ Ð¸ÑÐ¿Ð¾Ð»ÑÐ·Ð¾Ð²Ð°Ð½Ð¸Ðµ. Ð¢Ð°ÐºÐ¶Ðµ Ð±ÑÐ»Ð¸ ÑÐ°Ð·ÑÐ°Ð±Ð¾-ÑÐ°Ð½Ñ Ð¸ ÑÐµÐ°Ð»Ð¸Ð·Ð¾Ð²Ð°Ð½Ñ Ð°Ð»Ð³Ð¾ÑÐ¸ÑÐ¼Ñ Ð´Ð»Ñ Ð²Ð°Ð»Ð¸Ð´Ð°ÑÐ¸Ð¸ Ð¸ÑÑÐ¾Ð´Ð½ÑÑ ÑÐ°Ð¹Ð»Ð¾Ð² ÑÑÐµÐ¼. Ð ÐºÐ¾-Ð½ÐµÑÐ½Ð¾ Ð¶Ðµ Ð±ÑÐ» Ð½ÐµÐ¿Ð¾ÑÑÐµÐ´ÑÑÐ²ÐµÐ½Ð½Ð¾ ÑÐ°Ð·ÑÐ°Ð±Ð¾ÑÐ°Ð½ Ð¸ Ð²Ð½ÐµÐ´ÑÐµÐ½ ÑÐ°Ð¼ Ð¸Ð½ÑÑÑÑÐ¼ÐµÐ½Ñ. Ð ÐµÐ·ÑÐ»ÑÑÐ°ÑÐ¾Ð¼ ÑÐ°Ð±Ð¾ÑÑ ÑÑÐ°Ð» Ð¸Ð½ÑÐµÑÐ°ÐºÑÐ¸Ð²Ð½ÑÐ¹ Ð¸Ð½ÑÑÑÑÐ¼ÐµÐ½Ñ Ð²Ð¸Ð·ÑÐ°Ð»Ð¸Ð·Ð°ÑÐ¸Ð¸ ÑÑÑÑÐºÑÑÑÑ Ð¿ÑÐ¾Ð³ÑÐ°Ð¼Ð¼Ð½ÑÑ ÑÐ¸ÑÑÐµÐ¼ Ð¸ Ð¸Ð½ÑÑÐ°ÑÑÑÑÐºÑÑÑÐ° Ð´Ð»Ñ ÐµÐ³Ð¾ ÑÑÐ½ÐºÑÐ¸Ð¾Ð½Ð¸ÑÐ¾Ð²Ð°Ð½Ð¸Ñ.
description: The purpose of the work is to create an interactive tool for visualizing the structure of software systems for the Yandex.Market billing team. In this paper, an overview of existing solutions for viewing schemes was made, their comparison, as well as the requirements for the tool being developed. In the course of the work, approaches to the architecture of the tool being de-veloped were studied and selected, various architecture schemes were given: a struc-tural diagram, sequence diagrams and a data flow diagram. Some nuances of the SVG vector image storage format and its use were also analyzed. Algorithms have also been developed and implemented to validate the source schema files. And of course, the tool itself was directly developed and implemented. The result of the work was an interactive tool for visualizing the structure of software systems and the infrastructure for its functioning.