Каков наилучший способ графического представления потока страниц, применимого к веб-приложению, ориентированному на действия?

Каков наилучший способ графического представления потока страниц, применимый к веб-приложению, ориентированному на действия?

Какую модель вы используете для представления потоков страниц (схемы потоков страниц), охватывающих страницы (представления), действия пользователя над этими представлениями (событиями) и процессами?

Эти диаграммы должны служить отправной точкой для понимания между экспертом бизнес-домена (например, кто-то, определяющим веб-сайт электронной коммерции), техническим аналитиком (кто-то ответственным за проектирование веб-приложения) и веб-разработчиком (кто-то ответственный за реализуя решение)

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

Я, однако, ищу хорошую схему для рисования потока страниц с помощью карандаша и бумаги

Например, хороший ответ может быть следующим:

  • Прямоугольник с меткой в ​​CAPS представляет страницу
  • Стрелка с меткой в ​​нижнем регистре представляет действие пользователя
  • Алмаз с меткой в ​​CAPS представляет собой процесс
  • Точки входа всегда слева (стрелки попадают на страницу слева)
  • Выйти из точек всегда справа (стрелки выходят из страницы вправо)

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

В духе, одна схема для каждого ответа, пожалуйста, и голоса, а не дубликаты

Ответ 2

Проверьте nAML (язык моделирования приложений .NET). Он включает трафарет Visio и очень интересен и выразителен.

http://code.msdn.microsoft.com/naml

Ответ 3

Я обнаружил, что изменение диаграммы диаграммы состояний наиболее полезно для этой цели. Я представляю визуальный ресурс (html или jsp page) в качестве состояния, а переходы - это действия, которые пользователь может выполнять на этой странице.

Затем я вводим другой символ для действий между визуальными страницами.

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

Ответ 4

взгляните на yuml.me, так как это довольно легко использовать и генерирует приятные "неряшливые" диаграммы