ВВЕДЕНИЕ 7
1 Обзор существующих решений 9
1.1 VDOM IDE 9
1.2 Плагин HtmlGenerator для Figma 10
2 Анализ требований 13
2.1 Функциональные требования 13
2.2 Нефункциональные требования 13
2.3 Варианты использования 13
2.3.1 Диаграмма вариантов использования 13
2.3.2 Сценарии вариантов использования 14
3 Сервис Figma 18
3.1 Общее устройство сервиса 18
3.2 Использование компонентов Figma 19
3.3 Описание возможностей сервиса для разработки плагина 22
3.3.1 Начало разработки плагина 22
3.3.2 Взаимодействие плагина с сервисом Figma 25
4 Интерфейс активного письма 28
4.1 Общее устройство приложений, использующих технологию VDOM .. 29
4.2 Объекты VDOM и язык разметки VDOM XLM 32
Основные типы объектов и их описание 33
5 Проектирование 37
5.1 Архитектура плагина 37
5.2 Диаграмма классов 38
5.3 Диаграммы пакетов 39
6 Реализация 43
6.1 Используемые инструменты и технологии 43
6.2 Поддерживаемые объекты VDOM 43
6.3 Интерфейс плагина 45
ЗАКЛЮЧЕНИЕ 47
СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ 48
Активные электронные сообщения — это полноценные веб¬приложения, которые способны уместиться в рамках электронной почты. Возможности, которые открывают активные электронные сообщения могут значительно упростить взаимодействия сотрудников корпоративной среды, например, есть возможность для редактирования документов прямо в окне сообщения, поставить электронную подпись в документ или заполнить некоторые данные в таблицу, нет надобности скачивать или распечатывать документ, потом редактировать и загружать в новое сообщение. Вне корпоративной среды для пользователя появится возможность заполнять формы, оформлять заказы, все что возможно поместить на обычную веб - страницу.
Для нашего времени очень актуальна тема автоматизации разработки приложений. Все рутинные задачи стараются переложить на программное обеспечение, что в итоге помогает сокращать время разработки и избежать ошибок, связанных с невнимательностью. Для разработки интерфейсов активных писем требуется платформа VDOM, она существенно упрощает создание веб-приложений, предоставляя готовый функционал сервера и компонентов, из которых можно создать веб-приложение. Но для создания макетов и прототипов интерфейса по-прежнему используются сторонние сервисы, например, Figma, обусловлено это тем, что стек технологий VDOM не приспособлен для быстрой и эффективной работы по созданию прототипов интерфейсов. В свою очередь, для того чтобы прототип интерфейса перенести на платформу VDOM требуется вручную переносить и настраивать все компоненты, что довольно кропотливая работа.
Разрабатываемый мной плагин сможет автоматически генерировать описание объектов в формате VDOM XML из объектов представления Figma.
Это существенно сократит время разработки приложений VDOM для создания активных писем.
Целью данной работы является разработать плагин сервиса прототипирования Figma для автоматической генерации интерфейса активных писем.
Для выполнения данной цели были поставлены следующие задачи:
1. Проанализировать аналоги к разрабатываемому плагину.
2. Сформировать требования к разрабатываемому плагину.
3. Изучить возможности, которые предоставляются сервисом Figma для разработки плагинов.
4. Изучить строение приложения, построенного на технологии VDOM.
5. Спроектировать плагин.
6. Реализовать плагин.
В ходе работы проанализированы аналоги разрабатываемого плагина, сформированы требования к плагину, изучены возможности, предоставляемые сервисом Figma для разработки плагина, изучено строение приложений технологии VDOM.
В результате выполнения работы спроектирован и реализован плагин сервиса прототипирования Figma для автоматической генерации интерфейса активных писем.
