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

Question

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

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

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

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

С уважением,

Chris

Answer 1

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

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

Answer 2

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

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

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

Answer 3

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

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

Answer 4

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

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

Answer 5

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

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

_{(источник: agilemodeling.com )}

Answer 6

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

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

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

Answer 7

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

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