Введение. 
Конструирование веб-приложений на основе графического интерфейса

веб приложение интерфейс редактор В наше время, когда информационные технологии развиваются с большой скоростью, появляется множество инструментов для работы на компьютере. Они стали для нас неотъемлемой частью в обыденной жизни. Компьютер выполняет самые разные задачи, а для выполнения задач требуется различное программное обеспечение. В последние годы программное обеспечение все больше и больше «переходит» в интернет, растет количество веб-приложений [7].

Веб-приложения имеют ряд положительных аспектов:

• — Для полноценной работы веб-приложения нужен только браузер и доступ в интернет.
• — Для работы веб-приложений требуется аппаратная платформа, не обладающая большими вычислительными мощностями.
• — Для конечного пользователя обновление веб-приложений происходит автоматически, не занимая времени и сил пользователя.
• — Веб-приложения обеспечивают высокую мобильность [31].

Разработка веб-приложения, реализующего сложный функционал, является не простой задачей. Пользователи приложений даже не подозревают, что, когда они заходят на сайт и выполняют какие-либо действия, где-то на сервере происходит сложные вычислительные процессы, которые, возможно, их персональный компьютер не смог бы обработать [17].

Для создания веб-приложений привлекаются разработчики, которые «с нуля» пишут код, используют готовые библиотеки кода, фреймворки и другие необходимые инструменты. Однако есть альтернативные решения. Например, генерация приложений, основанная на построении визуальных моделей с использованием языков моделирования, таких как UML. Человек строит необходимые диаграммы по определенным заранее заданным правилам, а на следующем шаге он запускает генерацию исходного кода приложения на основе созданных диаграмм [16, 22]. Примерами, такого типа программного обеспечения являются Flexberry и инструменты компании PragmaDev, RISE Editor, Timing-Architects Tool Suite.

Такие программные продукты позволяют сократить время на разработку, при этом не требуются программисты, которые пишут именно код. Для использования таких инструментов требуется человек, знающий правила построения диаграмм для конкретного продукта, который может «разработать» приложения.

Данные продукты являются хорошей альтернативой разработке приложений «с нуля», тем не менее, они обладают рядом недостатков:

• — программные продукты запускаются на определенной операционной системе,
• — продукты используют языки моделирования, что является с одной стороны наглядным, но с другой стороны, для некоторых людей, не совсем ясным и понятным,
• — требуются определенные знания в проектировании и моделировании, а также в использовании языков моделирования и построении диаграмм.

Данные недостатки приводят к тому, что продукты не находят широкого применения, а используются в узких кругах.

Для устранения недостатков вышеописанных программных продуктов было решено разработать веб-приложение, которое будет строить модель приложений на основе пользовательского интерфейса, т. е. пользователь на сайте инструмента создает визуальный вид приложения, дополняя его небольшим количеством метаданных, и на основе созданной пользователем модели веб-странички строится модель приложения.

Объектом данного исследования является процесс разработки веб-приложений на основе графического интерфейса. Предметом исследования является инструментальное средство конструирования веб-приложений.

Целью работы является реализация редактора графического интерфейса инструментального средства конструирования веб_приложений.

Для достижения цели были поставлены следующие задачи:

• 1. Проанализировать системы, использующие языки моделирования для построения веб-приложений.
• 2. Составить техническое задание.
• 3. Описать архитектуру с помощью диаграммы развертывания и компонентов.
• 4. Выполнить проектирование базы данных.
• 5. Описать статическую структуру приложения с помощью диаграмм классов и сотрудничества.
• 6. Выбрать цветовую схему для редактора графического интерфейса инструментального средства конструирования веб_приложений.
• 7. Создать прототип, макет интерфейса и сверстать каркас редактора графического интерфейса.
• 8. Реализовать функции и провести альфа_тестирование редактора графического интерфейса. Под функциями понимается реализация возможности создания веб_страниц при помощи добавления элементов на рабочую область, изменение стилей элементов, сохранение, загрузка и удаление проектов на локальном компьютере.