Тема выпускной квалификационной работы: «Разработка инструмента для планирования событий на временной шкале». Данная работа посвящена теме проектирования и разработки встраиваемого компонента для работы с событиями на временной шкале в графическом режиме. Разработанный компонент является встраиваемым блоком, который призван облегчить работу клиентам веб-приложений с любыми явлениями, важной характеристикой которых является время, в течение которого они происходят. От него ожидается соответствие требованиям двух видов: 1. Пользовательский графический интерфейс – требования данного класса определяются нуждами пользователя приложения, такими как функциональность и удобство. 2. Внешний программный интерфейс – определяют удобство использования продукта разработчиком. В процессе работы произведён анализ существующих решений и предметной области, выбор методов и средств реализации. При создании компонента использовались язык программирования TypeScript, технологии Angular, RxJS, Angular Material, Bootstrap, CSS Element Queries. Важным шагом в работе является составление архитектуры продукта на различных уровнях детализации. Результатом описанной работы является продукт, который представляет собой набор независимых библиотек. Эти библиотеки распространяются в виде npm-пакетов, доступных для использования в различных Web-приложениях.

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.

• Список иллюстраций
• Список сокращений
• Введение
• Глава 1. Обзор предметной области
• 1.1. Анализ аналогов
• Глава 2. Постановка задачи
• 2.1. Задача
• Глава 3. Проектирование и разработка
• 3.1. Проектирование интерфейса
• 3.2. Выбор средств реализации
• 3.2.1. Фреймворк Angular 9
• 3.2.2. TypeScript
• 3.2.3. HTML 5
• 3.2.4. CSS3
• 3.2.5. Библиотека Angular Material
• 3.2.6. Набор инструментов Bootstrap 4
• 3.2.7. CSS Element Queries
• 3.3. Компонентный подход к разработке
• 3.3.1. Компонент в web-разработке
• 3.3.2. Компоненты фреймворка Angular
• 3.4. Проектирование модулей
• 3.5. Проектирование подсистем
• 3.6. Внешний интерфейс
• 3.7. Реализация
• Глава 4. Тестирование
• Заключение
• Список использованных источников