Diagrammes de cas d’utilisationaident les équipes à expliquer comment les personnes et les systèmes externes interagissent avec les fonctions fournies par un système. Désormais, vous pouvez les créer dans Mermaid et les prévisualiser dans VPasCode. Cette nouvelle fonctionnalité étend la prise en charge des diagrammes en code de VPasCode et vous offre une autre manière de décrire le comportement d’un système à l’aide de texte plutôt que de dessiner chaque élément manuellement.
Utilisez-vous déjà Mermaid pour la documentation technique ? Vous pouvez désormais utiliser VPasCode comme unéditeur de diagrammes Mermaidpour les diagrammes de cas d’utilisation, aux côtés des autres types de diagrammes pris en charge. Si vous recherchez unéditeur de diagrammes de cas d’utilisation gratuitpour convertir la syntaxe Mermaid en un diagramme visuel, essayez-le dans l’éditeur VPasCode.
Nouveautés : diagrammes de cas d’utilisation Mermaid
VPasCode prenait déjà en charge les diagrammes de cas d’utilisation écrits en PlantUML. Avec cette mise à jour, vous pouvez également les écrire dans la syntaxeusecase-betadisponible dans Mermaid 12.0.0 et versions ultérieures. Cette syntaxe représente les acteurs, les cas d’utilisation, les limites du système et les relations entre les acteurs et les cas d’utilisation.
Cette fonctionnalité facilite le maintien des modèles de cas d’utilisation dans le même flux de travail basé sur du texte que vos autres diagrammes Mermaid. Modifiez la source, générez un aperçu et révissez le diagramme au fur et à mesure que vos exigences évoluent.
Exemple : diagramme de cas d’utilisation d’un système de distributeur automatique de billets (DAB)
L’exemple ci-dessous montre deux acteurs et les fonctions du DAB auxquelles ils peuvent accéder. La limite du système regroupe les cas d’utilisation appartenant au système DAB.
usecase-beta
direction LR
actor User("Utilisateur")
actor Technician("Technicien")
systemBoundary "Système DAB"
Withdraw("Retirer de l'argent")
Transfer("Transférer de l'argent")
Deposit("Déposer de l'argent")
SettleBills("Régler les factures")
Repair("Réparer le DAB")
end
User --> Withdraw
User --> Transfer
User --> Deposit
User --> SettleBills
Technician --> RepairIci,actordéclare les personnes qui interagissent avec le système, et chaque cas d’utilisation nommé représente une fonction. LesystemBoundaryregroupe ces fonctions sous le système DAB. Les flèches indiquent quelles fonctions chaque acteur peut accéder, tandis quedirection LRdemande une disposition de gauche à droite.
Pourquoi utiliser Mermaid pour les diagrammes de cas d’utilisation ?
Un diagramme basé sur du texte peut être pratique lorsque vous souhaitez un modèle facile à réviser en même temps que les exigences, la documentation ou le code. Au lieu de repositionner manuellement les formes, vous pouvez modifier une étiquette, ajouter un acteur ou mettre à jour une relation dans la source. Cela rend Mermaid utile pour les premières discussions de conception, ainsi que pour maintenir les diagrammes à jour au fur et à mesure que le système évolue.
Les diagrammes de cas d’utilisation peuvent aider les chefs de produit, les analystes d’affaires, les développeurs, les architectes et les parties prenantes à se faire une image commune de la portée du système. Ils facilitent la discussion sur des questions telles que :
- Qui interagit avec le système ?
- Quelles fonctions le système fournit-il ?
- Quelles fonctions sont disponibles pour chaque acteur ?
- Où commence et où se termine la portée du système ?
VPasCode : un éditeur de diagrammes en code dans votre navigateur
VPasCode est une plateforme en ligne de diagrammes en code destinée aux développeurs, aux architectes et aux équipes techniques. Elle transforme les langages de diagrammes basés sur du texte pris en charge et les données structurées en diagrammes visuels, le tout dans un éditeur et un aperçu en direct. Elle est conçue pour faciliter le passage entre la source du diagramme et le résultat rendu.
Pour commencer, collez ou écrivez votre code de diagramme dans l’éditeur. VPasCode détecte automatiquement les formats pris en charge, vous n’avez donc pas besoin de choisir un langage manuellement. Pendant que vous éditez, l’aperçu se met à jour en temps réel, vous aidant à repérer les modifications et à affiner votre diagramme.
Au-delà de Mermaid, VPasCode prend en charge PlantUML et d’autres formats de diagrammes et de visualisation, notamment D2, Graphviz, Markmap et ECharts. Il fonctionne également avec des formats de données structurées et des langages de programmation. Cela en fait un espace de travail unique utile pour les équipes qui documentent des systèmes dans plus d’une notation.
Plus qu’un aperçu en direct
VPasCode inclut des outils pratiques pour travailler avec les diagrammes après leur rendu :
- Partager des diagrammes :Créez des URL partageables, générez des codes QR ou partagez via des canaux sociaux pris en charge.
- Exporter des images :Téléchargez les diagrammes au format SVG ou PNG pour la documentation, les présentations et d’autres supports.
- Corriger la syntaxe avec l’IA :Avec l’accès aux fonctionnalités premium applicables, utilisez « Corriger par l’IA » pour réparer les erreurs de syntaxe et examiner une différence de code ainsi qu’une explication des modifications.
- Traduire les étiquettes de diagramme :Les fonctionnalités IA premium peuvent traduire le texte du diagramme vers d’autres langues directement dans l’éditeur.
- Envoyer des diagrammes vers OpenDocs :Avec l’accès premium applicable, envoyez les diagrammes à Visual Paradigm OpenDocs pour une utilisation dans la documentation technique.
L’édition de base, le rendu en direct, l’exportation d’images et le partage sont gratuits. Les fonctionnalités IA et l’intégration OpenDocs sont disponibles via les plans Visual Paradigm éligibles. Pour plus d’informations sur la plateforme, visitez la Aperçu des fonctionnalités de VPasCode.
Essayez les diagrammes de cas d’utilisation Mermaid dans VPasCode
Que vous cartographiez des services de distributeur automatique, décriviez un processus de paiement en ligne ou documentiez les acteurs et les capacités d’un produit logiciel, VPasCode vous offre un endroit pratique pour écrire et prévisualiser votre diagramme. Utilisez-le comme un éditeur gratuit de diagrammes de cas d’utilisation pour la syntaxe Mermaid prise en charge, ou comme un éditeur de diagrammes Mermaid pour un flux de travail de diagrammes en code plus large.
Ouvrez VPasCode et créez un diagramme de cas d’utilisation Mermaid. Pour en savoir plus sur les formats et les fonctionnalités pris en charge, consultez le Aperçu de VPasCode.