2011-06-03 22 views
6

¿Puedo usar UML para modelar la navegación del sitio web? Si es así, que alguien me dé algunos libros/enlaces para referencia (UML para sitios web como ... !!!). Si no, ¿cuáles son las herramientas para esto? Y, básicamente, soy un programador y cuando diseñé mi sitio web anterior, simplemente esbocé diferentes ideas de diseño de página en papel y opté por la que me pareció adecuada. Luego implementé ese diseño usando html/css desde cero.¿Puedo usar UML para modelar la navegación del sitio web

¿Este es el enfoque generalmente adoptado por todos o tiene herramientas para dibujar los diseños de sitio web a implementar (Tipo de estructura metálica ...)? Es el CMS destinado para esto? Por favor guíame en esto.

Gracias

+0

UML es el concepto de "programación" más abusado en la tierra ... – riwalk

+0

@ Stargazer712 ¿Cómo es exactamente esto un abuso de UML? En la mayoría de los casos, es perfectamente válido conceptualizar la navegación UI como una máquina de estado. –

+1

@CraftBeerHipsterDude, UML y la burocracia son primos hermanos. Las empresas del mundo real que hacen las cosas (énfasis en: ** que hacen las cosas bien **), no usan UML. Por el contrario, usan dibujos informales que describen las relaciones entre los componentes de una manera que es rápida de dibujar pero aún comunica la información. – riwalk

Respuesta

4

De vez en cuando, utilizaré (ab) un diagrama de estado para diseñar un sitio. Cada "estado" representa una página (o grupo de páginas), cada "transición" es un flujo de una página (grupo) a otra.

No trato de capturar toda la navegación: se vuelve poco práctico muy rápidamente. Sin embargo puede ser útil para capturar flujos primario, por ejemplo:

  • Llegada a la página de inicio, seleccione inicio de sesión, vaya a la página de acceso
  • introducir las credenciales
  • Si las credenciales correctas: navegar hasta después de la entrada página de destino
  • lo contrario: permanecen en la página de inicio de sesión

etc.

no es un diagrama de 'adecuado' estado pero puede ser útil. También es posible que desee mirar Garrett Information Architecture. Es una notación personalizada para el mismo problema, pero tiene un conjunto de símbolos más rico.

hth.

1

Si está utilizando UML en otras partes del proceso de diseño, que tiene sentido para asegurarse de que la interfaz de usuario que juntos se adapte a sus casos de uso. Sin embargo, nunca he usado UML para diseñar realmente el diseño o el flujo de un sitio.

Usamos Axure para simular las interfaces de usuario, ya que esto ayuda a que el cliente/usuario juegue con el flujo antes de pasar el tiempo elaborando las páginas reales.

Dicho esto, sigo haciendo el diseño de mi sitio web usando un lápiz y papel.

3

Es posible que desee echar un vistazo a UWE, ya que es lo más cercano posible a UML y puede hacer el trabajo. El único problema es que no hay muchos tutoriales o documentación disponible.

1

Absolutamente.

UML State Diagrams funciona bastante bien para este propósito. He trabajado en grandes empresas donde esto era una práctica estándar, y con gran éxito (incluso si se mantenían dentro de las estrictas normas y prácticas de UML).

La clave es tener en cuenta qué es lo que desea comunicar con su diagrama, y ​​no tratar de modelar muchos aspectos dentro de un solo diagrama. Y también, tenga en cuenta a su audiencia. Si tiene que explicarles a UML cómo funciona UML, entonces UML no es adecuado para su situación.

Estoy totalmente en desacuerdo con aquellos que piensan que esto es un "abuso" de UML. Considere que los diagramas de estados representan los diferentes estados de un sistema y las transiciones entre ellos como provocados por los eventos. Al representar la navegación UI, está presentando formularios UI como acciones de estado y usuario y eventos UI como los eventos que provocan un cambio en el contexto de la instancia de UI del sistema que se presenta al usuario.

Le invitamos a no estar de acuerdo conmigo, pero proporcione pruebas o respalde su argumento.

Cuestiones relacionadas