diagram - representacion - representación gráfica en el análisis de datos pdf
¿Cuál es la mejor manera de representar gráficamente el flujo de páginas, según corresponda a una aplicación web orientada a la acción? (4)
Siempre me ha gustado el lenguaje visual de Jesse James Garret .
¿Cuál es la mejor manera de representar gráficamente el flujo de páginas, según corresponda a una aplicación web orientada a la acción?
¿Qué modelo usas para representar los flujos de página (diagramas de flujo de página) que abarcan páginas (vistas), acciones del usuario en esas vistas (eventos) y procesos?
Estos diagramas deben actuar como punto de partida para la comprensión entre un experto en dominio empresarial (digamos alguien que especifica un sitio web de comercio electrónico), un analista técnico (alguien responsable del diseño de la aplicación web) y un desarrollador web (alguien responsable de implementar la solución) )
No estoy buscando una solución de software que me ayude a dibujar esos diagramas, ni estoy buscando un marco de flujo web que me permita implementar estos flujos de página en el software.
Sin embargo, estoy buscando un buen esquema para dibujar un flujo de página usando lápiz y papel
Por ejemplo, una buena respuesta podría ser la siguiente
- Rectángulo con etiqueta en CAPS representa página
- La flecha con la etiqueta en minúscula representa la acción del usuario
- Diamante con etiqueta en CAPS representa un proceso
- Puntos de entrada siempre desde la izquierda (las flechas entran en una página desde la izquierda)
- Puntos de salida siempre desde la derecha (las flechas salen de una página a la derecha)
Si hay un estándar aceptado, o si este espacio problema es en realidad un caso específico de un espacio problemático más grande para el cual existe un estándar, por favor resalte esto.
En el espíritu de Stack Overflow, un esquema por respuesta, por favor, y votos en lugar de duplicados
Consulte nAML (.NET Application Modeling Language). Incluye una plantilla de Visio y es muy interesante y expresiva.
Descubrí que la modificación del diagrama de gráfico de estado es más útil para este propósito. Represento un recurso visual (página html o jsp) como un estado y las transiciones son las acciones que el usuario puede realizar en esa página.
Luego presento otro símbolo para las acciones entre las páginas visuales.
Los diagramas de estado son fáciles de seguir para la persona no técnica y lo suficientemente expresivos para capturar algunas interacciones complejas.
échale un vistazo a yuml.me ya que es bastante fácil de usar y genera buenos diagramas "desaliñados"