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


РАЗРАБОТКА ВЕБ-РЕДАКТОРА ДИАГРАММ КЛАССОВ UML

Работа №183190

Тип работы

Бакалаврская работа

Предмет

информатика

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

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


РЕФЕРАТ 2
ОГЛАВЛЕНИЕ 3
ВВЕДЕНИЕ 5
1 Определение и фиксация требований 7
1.1 Функциональные требования 7
1.2 Элементы диаграммы классов 7
1.3 Нефункциональные требования 11
1.4 Анализ существующих решений 12
1.5 Формализация и анализ требований 13
1.6 Модель предметной области 22
1.7 Составление упрощенной метамодели 23
1.7.1 Корневая структура 23
1.7.2 Признаки 24
1.7.3 Классификаторы 26
1.7.4 Связи 27
1.8 Эскизы интерфейса 28
2 Проектирование и реализация 31
2.1 Используемые технологии 31
2.2 Архитектурное строение приложения 34
2.3 Пакет Data Model 36
2.4 Пакет Redux 39
2.5 Пакет Services 40
2.5.1 Пакет Data Services 40
2.5.2 Пакет Auth Service 41
2.5.3 Пакет Model Services 42
2.5.4 Пакет Element Services 43
2.5.5 Обновление данных 44
2.6 Пакет Graphics 45
2.7 Пакет Presentation Model 47
2.8 Пакет Diagram Controller 49
2.9 Пакет Event Manager 53
2.10 Пакет Export 56
2.11 Реализация 57 
ЗАКЛЮЧЕНИЕ
СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ


За последние 20 лет разработка программного обеспечения сильно изменилась с точки зрения сложности выпускаемых систем, а также требований к качеству и скорости разработки. Большинство систем разрабатываются группами разработчиков, каждая из которых отвечает за определенную часть функционала. Разработчикам необходимо общаться между собой, для определения общих архитектурных решений и структуры разрабатываемого продукта. Универсальным языком на котором описываются данные решения является Unified Modeling Language (UML), созданный для визуализации, специфицирования, конструирования и документирования артефактов программных систем [1].
Для описания статического представления системы разработчики используют диаграммы классов языка UML. В небольших проектах разработчикам необходимо простое и удобное средство, при помощи которого можно быстро проектировать структуру приложения. Для этого существует множество различных систем, разного уровня в виде нативных и веб¬приложений. Последние предоставляют пользователю наибольшую мобильность, независимо сть от платформ и отсутствие необходимости установки. Исследуя данные средства можно условно выделить два типа редакторов:
1. Редакторы без поддержки метамодели.
2. Редакторы с поддержкой метамодели.
Редактор без поддержки метамодели представляет некоторый набор скомпонованных графических примитивов, манипулируя которыми можно создавать диаграммы различного уровня сложности. Их достоинством является простота и скорость проектирования. Но при увеличении количества диаграмм и элементов возникают сложности с внесением правок, так как данный вид систем не имеет семантиче ской модели создаваемых данных и трактует все элементы независимо. Поэтому для изменения, к примеру, сигнатуры операции, разработчику необходимо вручную вносить изменения на всех диаграммах, где присутствует данный элемент, что чревато ошибками и рассогласованием диаграмм. Вторым недостатком является отсутствие поддержки целостности диаграмм, которая реализуется при помощи метамодели моделируемых данных. Перечисленные недостатки решает другой тип редакторов с поддержкой метамодели, предоставляющий широкий набор средств для работы с моделями. К сожалению, большинство таких решений достаточно громоздки и запутаны, а также являются платформенно-зависимыми.
Целью данной работы является проектирование и разработка веб-редактора диаграмм классов, который будет сочетать простоту и скорость разработки диаграмм, а также преимущества поддержки метамодели UML.
Для достижения цели необходимо решить следующие задачи:
• Выявить и формализовать требования предъявляемые к редактору.
• Составить упрощенную метамодель UML для диаграмм классов.
• Спроектировать архитектуру приложения.
• Реализовать приложение.

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

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

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


В работе была представлена разработка веб-редактора диаграмм классов UML. В рамках данной работы были выполнены следующие задачи:
• Выявлены и формализованы требования, предъявляемые к редактору.
• Составлена упрощенная метамодель UML для диаграмм классов.
• Спроектирована архитектура приложения.
• Частично реализовано приложение.
К сожалению, не всю функциональность редактора удалось реализовать в отведенное время.
Данный редактор можно применять как быстрое и простое средство для составления набора диаграмм классов с общей моделью элементов.
В дальнейшем планируется:
• Закончить реализацию приложения.
• Добавить новые возможностей форматирования диаграмм.
• Улучшить способа взаимодействия с пользователем.
• Добавить поддержку других типов диаграмм UML.



1. Буч Г. Язык UML. Руководство пользователя. / Г. Буч, Д. Рамбо, И. Якобсон. — М. : ДМК Пресс, 2006. — 496 с.
2. Приемы объектно - ориентированного проектирования. Паттерны проектирования / Э. Гамма [и др.]. — СПб. : Питер, 2015. — 368 с.
3. Wilson C. RaphaelJS. Graphics and Visualization on the Web / Wilson C. — USA : O’Reilly Media, 2014. — 109 c.
4. OMG Unified Modeling Language. Version 2.5. [Электронный ресурс] / Object Management Group. — URL: http://www.omg.org/spec/UML/2.5/(дата обращения: 01.11.2016).
5. Современный учебник JavaScript [Электронный ресурс]. — URL: https://learn.javascript.ru (дата обращения: 03.09.2016).
6. Angular Docs [Электронный ресурс]. — URL: https://angular.io/docs/ts/latest/(дата обращения: 01.10.2016).
7. Raphael Reference [Электронный ресурс]. — URL: http://dmitrybaranovskiy.github.io/raphael/reference.html (дата обращения: 01.09.2016).
8. The Unified Modeling Language [Электронный ресурс]. — URL: http://www.uml-diagrams.org(дата обращения: 20.09.2016).
9. Dependency Injection in Angular 2 [Электронный ресурс]. — URL: http://blog.thoughtram.io/angular/2015/05/18/dependency-injection-in- angular-2.html(дата обращения 25.10.2016).
10. TypeScript Handbook [Электронный ресурс]. — URL: https://www.typescriptlang.org/docs/tutorial.html (дата обращения 01.10.2016).
11. Components, Components, Components!...and Angular 1.5 - Pete Bacon Darwin [Видеозапись]. — USA : ng-conf — URL:
https://www.youtube.com/watch?v=AMwjDibFxno (дата обращения 25.10.2016).
12. Flowchart Maker &Online Diagram Software | Lucidchart [Электронный ресурс]. — URL: https://www.lucidchart.com/(дата обращения: 01.10.2016).
13. Gliffy | Online Diagram and Flowchart Software [Электронный ресурс]. — URL: https://www.gliffy.com/(дата обращения: 01.10.2016).
14. Online Diagram Software to draw Flowcharts, UML & more | Creately [Электронный ресурс]. — URL: https://creately.com/(дата обращения: 01.10.2016).
15. UMLetino - Free Online UML Tool for Fast UML Diagrams [Электронный ресурс]. — URL: http://www.umlet.com/umletino/ (дата обращения: 01.10.2016).
16. Cacoo : Create diagrams online Real time collaboration [Электронный ресурс]. — URL: https://cacoo.com/(дата обращения: 01.10.2016).
17. Flowchart Maker & Online Diagram Software [Электронный ресурс]. — URL: https://www.draw.io/(дата обращения: 01.10.2016).
18. Online Diagram Software | Create UML, BPMN and Database Diagrams Online [Электронный ресурс]. — URL: https://www.genmymodel.com/(дата обращения: 01.10.2016).
19. Ларман К. Применение UML и шаблонов проектирования. / К. Ларман. — М. : Издательский дом «Вильямс», 2004. — 624 с.
20. Rambaugh J. The Unified Modeling Language Reference Manual. Second Edition / J. Rambaugh, I. Jacobson, G. Booch. — USA: Addison-Wesley, 2004. — 722 c.
21. Read Me • Redux [Электронный ресурс]. — URL: https://redux.js.org/(дата обращения: 01.12.2016).


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



Подобные работы


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