Аннотация 2
ВВЕДЕНИЕ 3
1 Анализ 4
1.1 Основные понятия 4
1.2 Предметная область 6
1.3 Основные требования 8
1.3.1 Функциональные требования 8
1.3.2 Нефункциональные требования 10
1.4 Обзор существующих решений 11
2 Проектирование архитектуры 14
2.1 Технология VDOM 14
2.2 Обзор реализации текущих компонентов интерфейса 20
2.3 Выбор инструмента для управления стилями 21
2.4 Разработка архитектуры компонентов 26
3 Разработка библиотеки компонентов 32
3.1 Реализация класса HtmlElement 32
3.2 Реализация класса HtmlElementBuilder 33
3.3 Реализация класса ComponentFactoryBase 35
3.4 Реализация компонентов интерфейса 36
ЗАКЛЮЧЕНИЕ 50
СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ И ЛИТЕРАТУРЫ 51
С появлением и активным развитием современных технологий и средств разработки приложений важность эффективных и гибких инструментов для создания интерфейса значительно возросла. Одной из важных задач разработчиков веб-приложений является оптимизация кода и управления стилями HTML элементов. В настоящее время компоненты интерфейса в системе VDOM не обладают единой архитектурой, в результате чего во многих функциях происходит дублирование кода. Кроме того, управление стилями HTML элементов в системе VDOM осуществляется с помощью встроенных однострочных стилей, которые переопределяют все внутренние и внешние таблицы стилей, что усложняет процесс разработки и ухудшает взаимодействие пользователя с интерфейсом. Эти проблемы обусловили актуальность исследования.
Целью выпускной квалификационной работы является разработка библиотеки, содержащей базовые компоненты интерфейса для платформы VDOM, что поспособствует упрощению разработки и повышению качества пользовательского опыта.
Для достижения этой цели были сформулированы следующие задачи:
1. Изучение платформы VDOM и ее компонентов.
2. Обзор существующих решений в данной области.
3. Анализ необходимых компонентов для создания целевой библиотеки.
4. Выбор подходящей системы для управления стилями.
5. Проектирование архитектуры компонентов на основе собранных данных.
6. Разработка библиотеки компонентов для платформы VDOM.
Таким образом, выпускная квалификационная работа представляет собой исследование, целью которого является улучшение работы с интерфейсом в системе VDOM, что в свою очередь повысит эффективность разработки и улучшит пользовательский опыт.
Таким образом, в результате работы над библиотекой компонентов были получены следующие результаты:
1. Проведено знакомство с платформой VDOM;
2. Проведен анализ необходимых компонентов библиотеки;
3. Подобрана система для работы со стилями;
4. Спроектирована архитектура компонентов интерфейса на основе полученных данных;
5. Разработана библиотека компонентов, в которой были решены проблемы с системой стилей и был упрощен и сокращен код компонентов.
6. Проведено тестирование компонентов
7. Создан запрос на слияние в репозиторий VDOM на GitHub.
На данный момент ведется тестирование и продолжается доработка библиотеки компонентов для платформы VDOM
