Diagramas de casos de uso ayuda a los equipos a explicar cómo las personas y los sistemas externos interactúan con las funciones que proporciona un sistema. Ahora puedes crearlos en Mermaid y previsualizarlos en VPasCode. Esta nueva capacidad amplía el soporte de diagramas como código de VPasCode y te ofrece otra forma de describir el comportamiento del sistema utilizando texto en lugar de dibujar cada elemento manualmente.
¿Ya usas Mermaid para documentación técnica? Ahora puedes usar VPasCode como un editor de diagramas de Mermaid para diagramas de casos de uso, junto con los otros tipos de diagramas admitidos. Si buscas un editor gratuito de diagramas de casos de uso para convertir la sintaxis de Mermaid en un diagrama visual, pruébalo en el editor de VPasCode.
Novedades: Diagramas de casos de uso con Mermaid
VPasCode ya admitía diagramas de casos de uso escritos en PlantUML. Con esta actualización, también puedes escribirlos en la sintaxis usecase-beta de Mermaid, disponible en Mermaid 12.0.0 y versiones posteriores. La sintaxis representa actores, casos de uso, límites del sistema y las relaciones entre actores y casos de uso.
Esta incorporación facilita mantener los modelos de casos de uso en el mismo flujo de trabajo basado en texto que tus otros diagramas de Mermaid. Edita el código fuente, genera una vista previa y revisa el diagrama según cambien tus requisitos.
Ejemplo: Diagrama de casos de uso del sistema de cajero automático
El ejemplo de abajo muestra dos actores y las funciones del cajero automático a las que pueden acceder. El límite del sistema agrupa los casos de uso que pertenecen al Sistema de Cajero Automático.
usecase-beta
direction LR
actor User("Usuario")
actor Technician("Técnico")
systemBoundary "Sistema de Cajero Automático"
Withdraw("Retirar Efectivo")
Transfer("Transferir Efectivo")
Deposit("Depositar Efectivo")
SettleBills("Pagar Facturas")
Repair("Reparar Cajero Automático")
end
User --> Withdraw
User --> Transfer
User --> Deposit
User --> SettleBills
Technician --> RepairAquí, actor declara las personas que interactúan con el sistema, y cada caso de uso con nombre representa una función. El límite del sistema agrupa esas funciones bajo el Sistema de Cajero Automático. Las flechas muestran qué funciones puede acceder cada actor, mientras que dirección LR solicita un diseño de izquierda a derecha.
¿Por qué usar Mermaid para diagramas de casos de uso?
Un diagrama basado en texto puede ser práctico cuando deseas un modelo que sea fácil de revisar junto con los requisitos, la documentación o el código. En lugar de reposicionar formas manualmente, puedes cambiar una etiqueta, agregar un actor o actualizar una relación en el código fuente. Esto hace que Mermaid sea útil tanto para discusiones tempranas de diseño como para mantener los diagramas actualizados a medida que evoluciona el sistema.
Los diagramas de casos de uso pueden ayudar a los gerentes de producto, analistas de negocio, desarrolladores, arquitectos y partes interesadas a construir una visión compartida del alcance del sistema. Pueden facilitar la discusión de preguntas como:
- ¿Quién interactúa con el sistema?
- ¿Qué funciones proporciona el sistema?
- ¿Qué funciones están disponibles para cada actor?
- ¿Dónde comienza y termina el alcance del sistema?
VPasCode: un editor de diagramas como código en tu navegador
VPasCode es una plataforma en línea de diagramas como código para desarrolladores, arquitectos y equipos técnicos. Convierte lenguajes de diagramas basados en texto y datos estructurados compatibles en diagramas visuales, todo dentro de un editor y una vista previa en vivo. Está diseñado para facilitar el movimiento entre el código fuente del diagrama y el resultado renderizado.
Para comenzar, pega o escribe tu código de diagrama en el editor. VPasCode detecta automáticamente los formatos compatibles, por lo que no necesitas elegir un lenguaje manualmente. Mientras editas, la vista previa se actualiza en tiempo real, lo que te ayuda a identificar cambios y refinar tu diagrama.
Más allá de Mermaid, VPasCode admite PlantUML y otros formatos de diagramas y visualización, incluidos D2, Graphviz, Markmap y ECharts. También funciona con formatos de datos estructurados y lenguajes de programación. Esto lo convierte en una herramienta útil como espacio de trabajo único para equipos que documentan sistemas en más de una notación.
Más que una vista previa en vivo
VPasCode incluye herramientas prácticas para trabajar con diagramas después de que se renderizan:
- Compartir diagramas:Crea URLs compartibles, genera códigos QR o comparte a través de canales sociales compatibles.
- Exportar imágenes:Descarga diagramas como SVG o PNG para documentación, presentaciones y otros materiales.
- Corregir sintaxis con IA:Con acceso a las funciones premium aplicables, utiliza “Corregir con IA” para reparar errores de sintaxis y revisar un diff de código y una explicación de los cambios.
- Traducir etiquetas de diagramas:Las funciones premium de IA pueden traducir el texto del diagrama a otros idiomas directamente en el editor.
- Enviar diagramas a OpenDocs:Con el acceso premium aplicable, envía diagramas a Visual Paradigm OpenDocs para su uso en documentación técnica.
La edición básica, la renderización en vivo, la exportación de imágenes y el compartir son gratuitos. Las funciones de IA y la integración con OpenDocs están disponibles a través de planes de Visual Paradigm calificados. Para más información sobre la plataforma, visita Resumen de funciones de VPasCode.
Prueba diagramas de casos de uso Mermaid en VPasCode
Ya sea que estés mapeando servicios de cajeros automáticos, describiendo un proceso de pago en línea o documentando los actores y capacidades de un producto de software, VPasCode te ofrece un lugar conveniente para escribir y previsualizar tu diagrama. Úsalo como un editor gratuito de diagramas de casos de uso para la sintaxis compatible de Mermaid, o como un editor de diagramas Mermaid para un flujo de trabajo de diagramas como código más amplio.
Abre VPasCode y crea un diagrama de casos de uso Mermaid. Para obtener más información sobre los formatos y capacidades compatibles, consulta la Visión general de VPasCode.