simbologia sencillos objetos entre ejemplos diseño diferencia diagramas diagrama clases class interface user uml diagrams

class - sencillos - ¿Las interfaces de usuario deberían incluirse en el diagrama de clases y el diagrama de secuencia?



diagramas uml ejemplos (3)

Tengo un proyecto y estoy obligado a producir la clase y el diagrama de secuencia. Es un sitio web de adquisiciones. Mi único problema es que no sé cómo asociar las páginas web (interfaces de usuario) a estos diagramas. Si no se necesitan, ¿cuál es la forma correcta de incluirlo en los diagramas porque de un libro que he leído hay clases de "UserInterface", por lo que otra pregunta, ¿qué debería haber dentro de estas clases de UI? ¿Puede alguien darme un ejemplo? . ¡Gracias!


En su diagrama de clase, normalmente describirá / diseñará la parte del modelo (datos) de su aplicación, mientras que la interfaz de usuario (UI) se corresponde con la parte de vista dentro de una arquitectura modelo-vista-controlador (MVC). Como una IU no se puede diseñar con un diagrama de clases, no puedo ver ningún significado para una clase de "Interfaz de usuario".

Sin embargo, existe un nuevo lenguaje de modelado para modelar interfaces de usuario: el Lenguaje de Modelado de Flujo de Interacción (IFML) , que ha sido adoptado como estándar por OMG en marzo de 2013. Si usted es serio sobre el modelado de UI, entonces debe usar ese lenguaje .


Hay varios niveles de abstracción para el modelado de UI.

  • Casos de uso y máquinas de estado. Estos diagramas están hechos en términos humanos.
  • Planificación en el servidor / página / nivel de fotograma. Aquí la implementación de UML y los diagramas de componentes son útiles.
  • Planificación del contenido de la IU, definiendo elementos y funcionalidades y conexiones entre ellos SIN elegir los componentes concretos. No es un estándar para esta etapa extremadamente importante. Usa diagramas que te gusten Los de clase son utilizables, pero no de lectura estándar.
  • Planificación del contenido de los elementos de la pantalla CON elección de los componentes de la interfaz de usuario (marcos, botones, etc.) y conectándoles funciones. En este nivel, puede usar diagramas de clase y secuencia.
  • Dibujos de las capturas de pantalla planificadas. Para este nivel no hay diagramas UML. Y un estándar común no existe.

Estos niveles requieren MUCHOS diagramas. Cuanto menor sea el nivel, más diagramas necesitará. Poner interfaces de usuario en un diagrama de clase es posible para un proyecto minúsculo, pero no se puede decir que DEBERÍA hacerse.


Las clases de IU se pueden modelar como clases UML ordinarias. Puede crear un estereotipo de "página web" si lo desea, por supuesto. Si es necesario para definir la estructura interna de la clase de UI, use la composición. En el diagrama de secuencia, puede definir la interacción entre instancias de clases de IU de forma común.

Ejemplo: