Существует ли формат визуальной диаграммы для отображения событий графического интерфейса?

Кто-нибудь знает какой-либо вариант UML, который может отображать события в системе с графическим интерфейсом?

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

Я искал что-то, что больше походило бы на интеллект-карту, которая разветвляется повсюду, а не на линейные сценарии.

У кого-нибудь есть идеи?

С уважением,

Крис


modeling diagram uml
person ChrisInCambo    schedule 19.03.2009    source источник

Ответы (7)


arrow_upward
2
arrow_downward

Диаграммы состояний.

Старый и дорогой, но вот отличный текст по моделированию пользовательских интерфейсов с диаграммами состояний. Я стер страницы на своем....

person Aaron    schedule 19.03.2009
comment
См. также stackoverflow.com/questions/1611881/ - person nakosspy; 14.06.2013

arrow_upward
1
arrow_downward

Для быстрых и грязных диаграмм последовательности сообщений вы не можете превзойти цену mscgen. В нем используется исходный текст, вдохновленный синтаксисом пакета Graphviz компании AT&T, который, кстати, является хорошим способом для визуализации произвольных ориентированных и неориентированных графов.

Я часто использую graphviz для документирования своих конечных автоматов, так как мне проще синхронизироваться с реализацией, чем с чертежом Visio.

person RBerteig    schedule 19.03.2009

arrow_upward
1
arrow_downward

книга, которая наконец помогла мне действительно понять диаграммы состояний UML, — это Практические диаграммы состояний в C/C++, в котором есть несколько глав, а также впечатляющая структура реализации для построения систем на основе состояний. Я думаю, что это стоит получить только из-за объяснений того, как думать с диаграммами состояний.

Для создания быстрых диаграмм состояний или аналогичных грубых диаграмм я много работаю с текстовым языком DOT в GraphViz. и часто затем включают эти диаграммы непосредственно в документацию, созданную с помощью doxygen.

person Andy Dent    schedule 19.03.2009

arrow_upward
1
arrow_downward

Диаграммы действий UML и диаграммы состояний могут разветвляться повсюду.

См. http://www.agilemodeling.com/style/stateChartDiagram.htm.

alt text
(источник: гибкое моделирование .com)

person S.Lott    schedule 19.03.2009
comment
На самом деле это похоже на диаграмму конечного автомата, которую я бы предложил для моделирования событий GUI. - person John Saunders; 19.03.2009
comment
Я должен выглядеть как диаграмма конечного автомата... по сути, это и есть диаграммы состояний. - person S.Lott; 19.03.2009

arrow_upward
1
arrow_downward

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

Вы можете просто использовать варианты использования и добавить ключевые слова или обозначить край/линию использования. Не рекомендуется, если это будет поддерживаться и будет больше, чем красивая картинка.

(Изображение немного перегружено, вам не нужна нумерация, и они не должны быть вызовами методов) http://www.agilemodeling.com/artifacts/communicationDiagram.htm
(источник: agilemodeling.com )
http://www.agilemodeling.com/artifacts/communicationDiagram.htm

person Ted Johnson    schedule 24.03.2009
comment
Sic На диаграмме связи может отсутствовать последовательность. Это неправильно. Диаграмма связи требует нумерации для определения порядка сообщений! Пожалуйста, обратитесь к спецификации: Диаграммы связи сосредоточены на взаимодействии между линиями жизни, где архитектура внутренней структуры и то, как это соответствует передаче сообщений, являются центральными. Последовательность сообщений определяется порядковой нумерацией. Источник: omg.org/spec/UML/2.4.1 - person gustavogbc; 14.06.2013

arrow_upward
0
arrow_downward

Еще один формат, о котором я недавно вспомнил, — это динамическая диаграмма в методе Бон. Я написал об этом пост на Artima. Книга Бесшовная объектно-ориентированная архитектура программного обеспечения стала доступна бесплатно в 2003 году.

Отличие этих диаграмм от коммуникационных состоит в выделении шагов в отдельную легенду. Само по себе это может выглядеть как вариант использования, его легко локализовать, а иногда и показать альтернативные объяснения.

Пример из статьи JOT

person Andy Dent    schedule 16.06.2013

arrow_upward
0
arrow_downward

У меня были отличные результаты, используя эту реализацию автоматического минимального связующего дерева на основе D3. Просто передайте ему список ребер графа, и он сгруппирует и нарисует UML-подобную диаграмму:

https://github.com/cpettitt/dagre-d3

Также отлично подходит для диаграмм состояний.диаграмма состояний

person jonincanada    schedule 31.08.2014