title: Ð Ð°Ð·ÑÐ°Ð±Ð¾ÑÐºÐ° Ð¸Ð½ÑÑÑÑÐ¼ÐµÐ½ÑÐ° Ð´Ð»Ñ Ð¿Ð»Ð°Ð½Ð¸ÑÐ¾Ð²Ð°Ð½Ð¸Ñ ÑÐ¾Ð±ÑÑÐ¸Ð¹ Ð½Ð° Ð²ÑÐµÐ¼ÐµÐ½Ð½Ð¾Ð¹ ÑÐºÐ°Ð»Ðµ
title: Ð²ÑÐ¿ÑÑÐºÐ½Ð°Ñ ÐºÐ²Ð°Ð»Ð¸ÑÐ¸ÐºÐ°ÑÐ¸Ð¾Ð½Ð½Ð°Ñ ÑÐ°Ð±Ð¾ÑÐ° Ð±Ð°ÐºÐ°Ð»Ð°Ð²ÑÐ°
titleType: Subtitle
title: Development of a tool for planning events on a timeline
Creators: name: ÐÑÐ·ÑÐ¼Ð¸Ð½, ÐÐ»ÐµÐ³
Publisher: name: Ð¡Ð°Ð½ÐºÑ-ÐÐµÑÐµÑÐ±ÑÑÐ³ÑÐºÐ¸Ð¹ Ð¿Ð¾Ð»Ð¸ÑÐµÑÐ½Ð¸ÑÐµÑÐºÐ¸Ð¹ ÑÐ½Ð¸Ð²ÐµÑÑÐ¸ÑÐµÑ ÐÐµÑÑÐ° ÐÐµÐ»Ð¸ÐºÐ¾Ð³Ð¾
Year: 2020
Subjects: it-ÑÐµÑ Ð½Ð¾Ð»Ð¾Ð³Ð¸Ð¸
Ð¸Ð½ÑÐ¾ÑÐ¼Ð°ÑÐ¸Ð¾Ð½Ð½Ð°Ñ ÑÐ¸ÑÑÐµÐ¼Ð°
Ð²ÐµÐ±-Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ðµ
Ð¿ÑÐ¾ÐµÐºÑÐ¸ÑÐ¾Ð²Ð°Ð½Ð¸Ðµ
Ð¿Ð¾Ð»ÑÐ·Ð¾Ð²Ð°ÑÐµÐ»ÑÑÐºÐ¸Ð¹ Ð¸Ð½ÑÐµÑÑÐµÐ¹Ñ
javascript
typescript
angular
it technologies
information system
web-application
design
user interface

description: Ð¢ÐµÐ¼Ð° Ð²ÑÐ¿ÑÑÐºÐ½Ð¾Ð¹ ÐºÐ²Ð°Ð»Ð¸ÑÐ¸ÐºÐ°ÑÐ¸Ð¾Ð½Ð½Ð¾Ð¹ ÑÐ°Ð±Ð¾ÑÑ: Â«Ð Ð°Ð·ÑÐ°Ð±Ð¾ÑÐºÐ° Ð¸Ð½ÑÑÑÑÐ¼ÐµÐ½ÑÐ° Ð´Ð»Ñ Ð¿Ð»Ð°Ð½Ð¸ÑÐ¾Ð²Ð°Ð½Ð¸Ñ ÑÐ¾Ð±ÑÑÐ¸Ð¹ Ð½Ð° Ð²ÑÐµÐ¼ÐµÐ½Ð½Ð¾Ð¹ ÑÐºÐ°Ð»ÐµÂ».
ÐÐ°Ð½Ð½Ð°Ñ ÑÐ°Ð±Ð¾ÑÐ° Ð¿Ð¾ÑÐ²ÑÑÐµÐ½Ð° ÑÐµÐ¼Ðµ Ð¿ÑÐ¾ÐµÐºÑÐ¸ÑÐ¾Ð²Ð°Ð½Ð¸Ñ Ð¸ ÑÐ°Ð·ÑÐ°Ð±Ð¾ÑÐºÐ¸ Ð²ÑÑÑÐ°Ð¸Ð²Ð°ÐµÐ¼Ð¾Ð³Ð¾ ÐºÐ¾Ð¼Ð¿Ð¾Ð½ÐµÐ½ÑÐ° Ð´Ð»Ñ ÑÐ°Ð±Ð¾ÑÑ Ñ ÑÐ¾Ð±ÑÑÐ¸ÑÐ¼Ð¸ Ð½Ð° Ð²ÑÐµÐ¼ÐµÐ½Ð½Ð¾Ð¹ ÑÐºÐ°Ð»Ðµ Ð² Ð³ÑÐ°ÑÐ¸ÑÐµÑÐºÐ¾Ð¼ ÑÐµÐ¶Ð¸Ð¼Ðµ. Ð Ð°Ð·ÑÐ°Ð±Ð¾ÑÐ°Ð½Ð½ÑÐ¹ ÐºÐ¾Ð¼Ð¿Ð¾Ð½ÐµÐ½Ñ ÑÐ²Ð»ÑÐµÑÑÑ Ð²ÑÑÑÐ°Ð¸Ð²Ð°ÐµÐ¼ÑÐ¼ Ð±Ð»Ð¾ÐºÐ¾Ð¼, ÐºÐ¾ÑÐ¾ÑÑÐ¹ Ð¿ÑÐ¸Ð·Ð²Ð°Ð½ Ð¾Ð±Ð»ÐµÐ³ÑÐ¸ÑÑ ÑÐ°Ð±Ð¾ÑÑ ÐºÐ»Ð¸ÐµÐ½ÑÐ°Ð¼ Ð²ÐµÐ±-Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ð¹ Ñ Ð»ÑÐ±ÑÐ¼Ð¸ ÑÐ²Ð»ÐµÐ½Ð¸ÑÐ¼Ð¸, Ð²Ð°Ð¶Ð½Ð¾Ð¹ ÑÐ°ÑÐ°ÐºÑÐµÑÐ¸ÑÑÐ¸ÐºÐ¾Ð¹ ÐºÐ¾ÑÐ¾ÑÑÑ ÑÐ²Ð»ÑÐµÑÑÑ Ð²ÑÐµÐ¼Ñ, Ð² ÑÐµÑÐµÐ½Ð¸Ðµ ÐºÐ¾ÑÐ¾ÑÐ¾Ð³Ð¾ Ð¾Ð½Ð¸ Ð¿ÑÐ¾Ð¸ÑÑÐ¾Ð´ÑÑ. ÐÑ Ð½ÐµÐ³Ð¾ Ð¾Ð¶Ð¸Ð´Ð°ÐµÑÑÑ ÑÐ¾Ð¾ÑÐ²ÐµÑÑÑÐ²Ð¸Ðµ ÑÑÐµÐ±Ð¾Ð²Ð°Ð½Ð¸ÑÐ¼ Ð´Ð²ÑÑ Ð²Ð¸Ð´Ð¾Ð²: 
1. ÐÐ¾Ð»ÑÐ·Ð¾Ð²Ð°ÑÐµÐ»ÑÑÐºÐ¸Ð¹ Ð³ÑÐ°ÑÐ¸ÑÐµÑÐºÐ¸Ð¹ Ð¸Ð½ÑÐµÑÑÐµÐ¹Ñ â ÑÑÐµÐ±Ð¾Ð²Ð°Ð½Ð¸Ñ Ð´Ð°Ð½Ð½Ð¾Ð³Ð¾ ÐºÐ»Ð°ÑÑÐ° Ð¾Ð¿ÑÐµÐ´ÐµÐ»ÑÑÑÑÑ Ð½ÑÐ¶Ð´Ð°Ð¼Ð¸ Ð¿Ð¾Ð»ÑÐ·Ð¾Ð²Ð°ÑÐµÐ»Ñ Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ñ, ÑÐ°ÐºÐ¸Ð¼Ð¸ ÐºÐ°Ðº ÑÑÐ½ÐºÑÐ¸Ð¾Ð½Ð°Ð»ÑÐ½Ð¾ÑÑÑ Ð¸ ÑÐ´Ð¾Ð±ÑÑÐ²Ð¾.
2. ÐÐ½ÐµÑÐ½Ð¸Ð¹ Ð¿ÑÐ¾Ð³ÑÐ°Ð¼Ð¼Ð½ÑÐ¹ Ð¸Ð½ÑÐµÑÑÐµÐ¹Ñ â Ð¾Ð¿ÑÐµÐ´ÐµÐ»ÑÑÑ ÑÐ´Ð¾Ð±ÑÑÐ²Ð¾ Ð¸ÑÐ¿Ð¾Ð»ÑÐ·Ð¾Ð²Ð°Ð½Ð¸Ñ Ð¿ÑÐ¾Ð´ÑÐºÑÐ° ÑÐ°Ð·ÑÐ°Ð±Ð¾ÑÑÐ¸ÐºÐ¾Ð¼.
Ð Ð¿ÑÐ¾ÑÐµÑÑÐµ ÑÐ°Ð±Ð¾ÑÑ Ð¿ÑÐ¾Ð¸Ð·Ð²ÐµÐ´ÑÐ½ Ð°Ð½Ð°Ð»Ð¸Ð· ÑÑÑÐµÑÑÐ²ÑÑÑÐ¸Ñ ÑÐµÑÐµÐ½Ð¸Ð¹ Ð¸ Ð¿ÑÐµÐ´Ð¼ÐµÑÐ½Ð¾Ð¹ Ð¾Ð±Ð»Ð°ÑÑÐ¸, Ð²ÑÐ±Ð¾Ñ Ð¼ÐµÑÐ¾Ð´Ð¾Ð² Ð¸ ÑÑÐµÐ´ÑÑÐ² ÑÐµÐ°Ð»Ð¸Ð·Ð°ÑÐ¸Ð¸. ÐÑÐ¸ ÑÐ¾Ð·Ð´Ð°Ð½Ð¸Ð¸ ÐºÐ¾Ð¼Ð¿Ð¾Ð½ÐµÐ½ÑÐ° Ð¸ÑÐ¿Ð¾Ð»ÑÐ·Ð¾Ð²Ð°Ð»Ð¸ÑÑ ÑÐ·ÑÐº Ð¿ÑÐ¾Ð³ÑÐ°Ð¼Ð¼Ð¸ÑÐ¾Ð²Ð°Ð½Ð¸Ñ TypeScript, ÑÐµÑÐ½Ð¾Ð»Ð¾Ð³Ð¸Ð¸ Angular, RxJS, Angular Material, Bootstrap, CSS Element Queries. ÐÐ°Ð¶Ð½ÑÐ¼ ÑÐ°Ð³Ð¾Ð¼ Ð² ÑÐ°Ð±Ð¾ÑÐµ ÑÐ²Ð»ÑÐµÑÑÑ ÑÐ¾ÑÑÐ°Ð²Ð»ÐµÐ½Ð¸Ðµ Ð°ÑÑÐ¸ÑÐµÐºÑÑÑÑ Ð¿ÑÐ¾Ð´ÑÐºÑÐ° Ð½Ð° ÑÐ°Ð·Ð»Ð¸ÑÐ½ÑÑ ÑÑÐ¾Ð²Ð½ÑÑ Ð´ÐµÑÐ°Ð»Ð¸Ð·Ð°ÑÐ¸Ð¸.
 Ð ÐµÐ·ÑÐ»ÑÑÐ°ÑÐ¾Ð¼ Ð¾Ð¿Ð¸ÑÐ°Ð½Ð½Ð¾Ð¹ ÑÐ°Ð±Ð¾ÑÑ ÑÐ²Ð»ÑÐµÑÑÑ Ð¿ÑÐ¾Ð´ÑÐºÑ, ÐºÐ¾ÑÐ¾ÑÑÐ¹ Ð¿ÑÐµÐ´ÑÑÐ°Ð²Ð»ÑÐµÑ ÑÐ¾Ð±Ð¾Ð¹ Ð½Ð°Ð±Ð¾Ñ Ð½ÐµÐ·Ð°Ð²Ð¸ÑÐ¸Ð¼ÑÑ Ð±Ð¸Ð±Ð»Ð¸Ð¾ÑÐµÐº. Ð­ÑÐ¸ Ð±Ð¸Ð±Ð»Ð¸Ð¾ÑÐµÐºÐ¸ ÑÐ°ÑÐ¿ÑÐ¾ÑÑÑÐ°Ð½ÑÑÑÑÑ Ð² Ð²Ð¸Ð´Ðµ npm-Ð¿Ð°ÐºÐµÑÐ¾Ð², Ð´Ð¾ÑÑÑÐ¿Ð½ÑÑ Ð´Ð»Ñ Ð¸ÑÐ¿Ð¾Ð»ÑÐ·Ð¾Ð²Ð°Ð½Ð¸Ñ Ð² ÑÐ°Ð·Ð»Ð¸ÑÐ½ÑÑ Web-Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸ÑÑ.
description: The subject of the graduate qualification work is âDevelopment of a tool for planning events on a timelineâ.
In this work there has been revealed the process of designing and developing an embedded component for working with events on the timeline in graphical mode. The developed component is an embedded block that is designed to make it easier for web application clients to work with any phenomena that have an important characteristic of the time during which they occur. It is expected to meet two types of requirements:
1. graphical User interface-the requirements of this class are determined by the needs of the application user, such as functionality and convenience.
2. External programming interface-determines the usability of the product by the developer.
In the process of work, the analysis of existing solutions and the subject area, the choice of methods and means of implementation is made. When creating the component, we used the TypeScript programming language, Angular, RxJS, Angular Material, Bootstrap, and CSS Element Queries technologies. An important step in our work is to create a product architecture at various levels of detail.
The result of this work is a product that is a set of independent libraries. These libraries are distributed as npm packages that are available for use in various Web applications.