В наше время при разработке программного продукта очень важна скорость обработки информации, доступность, хранение и передача. Однако, немалую роль играет создание пользовательского интерфейса (User Interface). Но его часто понимают только как внешний вид программы. Однако через взаимодействие с интерфейсом у человека складывается впечатление о продукте в целом. Разработка пользовательского интерфейса объединяет в себе множество элементов и компонентов, которые способны влиять на реализацию программного продукта. А ещё интерфейс влияет на то, будет ли продукт приносить деньги и любовь аудитории. Таким образом, пользовательский интерфейс представляет собой совокупность используемых в программе средств ввода данных, способов отображения информации и элементов управления. Но, прежде чем создать пользовательский интерфейс, необходимо его спроектировать и разработать.
Процесс проектирования пользовательского интерфейса — это работа с определенной последовательностью, где главной задачей является реализация интерфейса наиболее полезным, интуитивно понятным и максимально простым. Результатом процесса проектирования являются макеты, разметка и сопроводительные материалы, которые можно передать команде разработки. Эффективность работы программного продукта определяется не только его функциональными возможностями, но и доступностью этих возможностей. Эту эффективность обеспечивают специальные десктопные программные обеспечения или интернет-сервисы, которые предназначены для проектирования и разработки пользовательского интерфейса. Последние часто называют веб-редакторами. данные приложения могут быть как и автономными, так и являться частью какой то среды разработки. Последний вариант крайне актуален в последнее время, так как один большой инструмент разработки, который включает в себя все возможности для создания программного продукта, наиболее эффективен по времени. Но не все среды разработки предоставляют нужный функционал.
Так, например, технология VDOM предоставляет программный продукт под названием Web Plugin IDE. Это интегрированная в веб-приложение среда разработки плагинов и сервисов, которая реализована на сервере VDOM. Эти два продукта имеют свой пользовательский интерфейс, но для его разработки и проектирования по-прежнему используются сторонние сервисы, обусловлено это тем, что Web Plugin IDE, и в целом стек технологий VDOM, не приспособлен для быстрой и эффективной разработки пользовательского интерфейса. В свою очередь, для того чтобы прототип интерфейса перенести на платформу VDOM или ее технологии требуется вручную перемещать и настраивать все компоненты, что довольно кропотливая работа.
Таким образом, целью данной работы является разработка веб-приложения для проектирования и разработки пользовательского интерфейса платформы VDOM в текстовом режиме. Данная работа является групповой деятельностью по разработке вебприложения для проектирования и разработки пользовательских интерфейсов с поддержкой режима WYSIWYG.
Для достижения цели необходимо поставить следующие задачи:
1. Провести анализ предметной области, существующих решений и составить требования;
2. Спроектировать прототип пользовательского интерфейса;
3. Спроектировать архитектуру приложения;
4. Разработать веб-приложение;
5. Интегрировать разработанное веб-приложение в Web Plugin IDE.
Таким образом, в результате данной работы, были получены следующие результаты:
1) Разработано SPA приложение на React с применением Redux архитектуры;
2) Реализованы React-компоненты для представления данных;
3) Реализована интеграция веб-приложения в среду разработки Web Plugin IDE;
4) Реализованы API методы для обмена данными между веб-приложением и сервером VDOM.
В заключении к выполненной работы можно сказать, что весь основной функционал, требуемый для работы платформы, был реализован.
На данный момент веб-приложение находится в стадии тестирования, так как для его полноценного использования необходимо интегрировать технологию WYSIWYG и добавить несколько функциональных возможностей, которые облегчат разработку и проектирование пользовательских интерфейсов.
