Тип работы:
Предмет:
Язык работы:


РАЗРАБОТКА WYSIWYG РЕДАКТОРА ВЕБ-КОМПОНЕНТОВ НА БАЗЕ ТЕХНОЛОГИИ SVG

Работа №183477

Тип работы

Дипломные работы, ВКР

Предмет

прикладная информатика

Объем работы63
Год сдачи2022
Стоимость4600 руб.
ПУБЛИКУЕТСЯ ВПЕРВЫЕ
Просмотрено
4
Не подходит работа?

Узнай цену на написание


Аннотация
ПЕРЕЧЕНЬ УСЛОВНЫХ ОБОЗНАЧЕНИЙ 7
ПЕРЕЧЕНЬ СОКРАЩЕНИЙ 9
ВВЕДЕНИЕ 10
1 АНАЛИЗ 11
1.1 Обзор платформы VDOM 11
1.1.1 Общее устройство VDOM приложений 11
1.1.2 VDOM TYPE 14
1.1.3 VDOM SERVER V2 15
1.2 Предметная область 22
1.3 Основные требования 22
1.3.1 Функциональные требования 22
1.3.2 Нефункциональные требования 23
1.4 Обзор существующих решений 23
1.4.1 Figma 24
1.4.2 Elementor 25
1.4.3 Tilda Publishing 29
2 АРХИТЕКТУРА РЕДАКТОРА 33
2.1 Интеграция в VDOM PLUGIN IDE 33
2.2 Концепция WYSIWYG 33
2.3 Технология SVG 34
2.4 VDOM API 36
2.5 Технология DRAG&DROP 37
2.6 Архитектура отрисовки 39
3 РЕАЛИЗАЦИЯ 41
3.1 ВАРИАНТЫ ПРОВЕРЕННЫЕ В ХОДЕ РАБОТЫ 41
3.1.1 Варианты реализации технологии DRAG&DROP 41
3.1.2 Выбор способа отрисовки 43
3.2 Обработка XML 45
3.3 Отрисовка компонентов на JavaScript 48
3.4 Реализация JQUERY UI 49
3.5 Реализация оставшихся функциональных требований 51
3.5.1 Отображение результата в отдельном блоке 51
3.5.2 Выгрузка отрисованного файла 53
3.6 Интеграция в VDOM IDE 54
ЗАКЛЮЧЕНИЕ 57
СПИСОК ИСПОЛЬЗОВАННОЙ ЛИТЕРАТУРЫ 58

В настоящее время на рынке создания WEB-приложений, преобладает создание с помощью визуальных редакторов, однако данные редакторы в большинстве своем не совершенны и имеют ряд минусов:
1. Конечный результат отличается от представления в редакторе;
2. Компоненты, используемые в редакторах, имеют малую
вариативность в использовании и стилизации.
Данная работа призвана устранить данные минусы с помощью технологии SVG и создать визуальный редактор, с помощью которого получится добиться корректного отображения WEB - приложений во время и после разработки.

Возникли сложности?

Нужна помощь преподавателя?

Помощь в написании работ!


Таким образом, в результате данной работы, были получены следующие результаты:
1) Разработан WYSIWYG-редактор, работающий с компонентами системы VDOM;
2) Реализован модуль отображения компонентов в формате SVG;
3) Реализована возможность изменения позиции и размеров объектов;
4) Реализована интеграция веб-приложения в среду разработки VDOM PLUGIN IDE;
В заключении к выполненной работы можно сказать, что весь основной функционал, требуемый для работы платформы, был реализован.
На данный момент веб-приложение находится в бета версии, так как для его полноценного использования необходимо провести тест на работу со всеми компонентами системы VDOM.


1. Википедия WYSIWYG [Электронный ресурс]. — 2022. — URL: https://ru.wikipedia.org/wiki/WYSIWYG (дата обращения 13.04.2022)
2. SVG — учебное руководство [Электронный ресурс]. — 2022. — URL: https://developer.mozilla.org/ru/docs/Web/SVG/Tutorial (дата обращения 13.04.2022)
3. Википедия XML [Электронный ресурс]. — 2022. — URL: https://ru.wikipedia.org/wiki/XML (дата обращения 13.04.2022)
4. Korboulewsky N. V.D.O.M BOX. Technology V.D.O.M. /V.D.O.M. v2 — W.H.O.L.E. v1 - EI. V.D.O.M. v1. — 7 rue Saint Henri 31000 Tolouse, 2007. —
P. 76
5. Vdom types Документация к ПО. — V.D.O.M. BOX RESEARCH. —c.4
6. Веб-компоненты [Электронный ресурс]. — 2022. — URL: https://developer.mozilla.org/ru/docs/Web/Web_Components (дата обращения 14.04.2022)
7. Wikipedia JavaScript [Электронный ресурс]. — 2022. — URL: https://en.wikipedia.org/wiki/JavaScript (дата обращения 14.04.2022)
8. Википедия PYTHON [Электронный ресурс]. — 2022. — URL: https://ru.wikipedia.org/wiki/Python (дата обращения 14.04.2022)
9. Википедия JSON [Электронный ресурс]. — 2022. — URL: https://ru.wikipedia.org/wiki/JSON (дата обращения 14.04.2022)
10. Korboulewsky eApp Builder General specifications. — Oct 2016. — P. 18-24
11. Википедия Figma [Электронный ресурс]. — 2022. — URL: https://ru.wikipedia.org/wiki/Figma (дата обращения 21.04.2022)
12. Wikipedia Elementor [Электронный ресурс]. — 2022. — URL: https://en.wikipedia.org/wiki/Elementor (дата обращения 21.04.2022)
13. Википедия Tilda Publishing [Электронный ресурс]. — 2022. — URL: https://ru.wikipedia.org/wiki/Tilda_Publishing (дата обращения 21.04.2022)


Работу высылаем на протяжении 30 минут после оплаты.




©2025 Cервис помощи студентам в выполнении работ