Use-Case-Diagramme helfen Teams dabei zu erklären, wie Personen und externe Systeme mit den Funktionen eines Systems interagieren. Jetzt können Sie sie in Mermaid erstellen und in VPasCode vorschauen. Diese neue Funktion erweitert die Diagramm-as-Code-Unterstützung von VPasCode und bietet Ihnen eine weitere Möglichkeit, das Systemverhalten durch Text zu beschreiben, anstatt jedes Element von Hand zu zeichnen.
Verwenden Sie Mermaid bereits für technische Dokumentation? Sie können VPasCode jetzt als Mermaid-Diagramm-Editor für Use-Case-Diagramme neben den anderen unterstützten Diagrammtypen verwenden. Wenn Sie nach einem kostenlosen Use-Case-Diagramm-Editor suchen, um Mermaid-Syntax in ein visuelles Diagramm umzuwandeln, probieren Sie es im VPasCode-Editor.
Was ist neu: Mermaid-Use-Case-Diagramme
VPasCode unterstützte bereits Use-Case-Diagramme, die in PlantUML geschrieben wurden. Mit diesem Update können Sie sie auch in Mermaids usecase-beta Syntax schreiben, die in Mermaid 12.0.0 und später verfügbar ist. Die Syntax stellt Akteure, Use Cases, Systemgrenzen und die Beziehungen zwischen Akteuren und Use Cases dar.
Diese Ergänzung erleichtert es, Use-Case-Modelle im selben textbasierten Workflow wie Ihre anderen Mermaid-Diagramme zu pflegen. Bearbeiten Sie die Quelle, rendern Sie eine Vorschau und überarbeiten Sie das Diagramm, wenn sich Ihre Anforderungen ändern.
Beispiel: Use-Case-Diagramm für ein Geldautomatensystem
Das unten gezeigte Beispiel zeigt zwei Akteure und die Geldautomatenfunktionen, auf die sie zugreifen können. Die Systemgrenze gruppiert die Use Cases, die zum Geldautomatensystem gehören.
usecase-beta
direction LR
actor User("Benutzer")
actor Technician("Techniker")
systemBoundary "Geldautomatensystem"
Withdraw("Bargeld abheben")
Transfer("Geld überweisen")
Deposit("Bargeld einzahlen")
SettleBills("Rechnungen begleichen")
Repair("Geldautomat reparieren")
end
User --> Withdraw
User --> Transfer
User --> Deposit
User --> SettleBills
Technician --> RepairHier actor definiert die Personen, die mit dem System interagieren, und jeder benannte Use Case stellt eine Funktion dar. Das systemBoundary gruppiert diese Funktionen unter dem Geldautomatensystem. Die Pfeile zeigen, auf welche Funktionen jeder Akteur zugreifen kann, während direction LR ein links-nach-rechts-Layout anfordert.
Warum Mermaid für Use-Case-Diagramme verwenden?
Ein textbasiertes Diagramm kann praktisch sein, wenn Sie ein Modell benötigen, das neben Anforderungen, Dokumentation oder Code leicht überarbeitet werden kann. Anstatt Formen manuell neu anzuordnen, können Sie ein Label ändern, einen Akteur hinzufügen oder eine Beziehung in der Quelle aktualisieren. Das macht Mermaid sowohl für frühe Designbesprechungen als auch dafür nützlich, Diagramme aktuell zu halten, während sich ein System weiterentwickelt.
Anwendungsfalldiagramme können Produktmanagern, Business Analysten, Entwicklern, Architekten und Stakeholdern dabei helfen, ein gemeinsames Bild des Systemumfangs zu erstellen. Sie erleichtern die Diskussion von Fragen wie:
- Wer interagiert mit dem System?
- Welche Funktionen bietet das System?
- Welche Funktionen stehen jedem Akteur zur Verfügung?
- Wo beginnt und endet der Umfang des Systems?
VPasCode: Ein Diagramm-als-Code-Editor in Ihrem Browser
VPasCode ist eine Online-Plattform für Diagramm-als-Code für Entwickler, Architekten und technische Teams. Sie wandelt unterstützte textbasierte Diagrammsprachen und strukturierte Daten in visuelle Diagramme um, alles innerhalb eines Editors und einer Live-Vorschau. Sie wurde entwickelt, um den Wechsel zwischen Diagramm-Quellcode und dem gerenderten Ergebnis einfach zu gestalten.
Um zu beginnen, fügen Sie Ihren Diagrammcode in den Editor ein oder schreiben Sie ihn dort. VPasCode erkennt automatisch unterstützte Formate, sodass Sie keine Sprache manuell auswählen müssen. Während Sie bearbeiten, wird die Vorschau in Echtzeit aktualisiert, was Ihnen hilft, Änderungen zu erkennen und Ihr Diagramm zu verfeinern.
Über Mermaid hinaus unterstützt VPasCode PlantUML und andere Diagramm- und Visualisierungsformate, darunter D2, Graphviz, Markmap und ECharts. Es arbeitet auch mit strukturierten Datenformaten und Programmiersprachen. Dies macht es zu einem nützlichen einzigen Arbeitsbereich für Teams, die Systeme in mehr als einer Notation dokumentieren.
Mehr als eine Live-Vorschau
VPasCode umfasst praktische Werkzeuge für die Arbeit mit Diagrammen nach deren Darstellung:
- Diagramme teilen:Erstellen Sie teilbare URLs, generieren Sie QR-Codes oder teilen Sie über unterstützte soziale Kanäle.
- Bilder exportieren:Laden Sie Diagramme als SVG oder PNG für Dokumentation, Präsentationen und anderes Material herunter.
- Syntax mit KI korrigieren:Mit Zugriff auf die entsprechenden Premium-Funktionen können Sie „Fix by AI“ verwenden, um Syntaxfehler zu reparieren und einen Code-Diff sowie eine Erklärung der Änderungen zu überprüfen.
- Diagrammetiketten übersetzen:Premium-KI-Funktionen können Diagrammtex t direkt im Editor in andere Sprachen übersetzen.
- Diagramme an OpenDocs senden:Mit dem entsprechenden Premium-Zugang können Sie Diagramme an Visual Paradigm OpenDocs senden, um sie in technischer Dokumentation zu verwenden.
Grundlegendes Bearbeiten, Live-Rendern, Bildexport und Teilen sind kostenlos nutzbar. KI-Funktionen und die OpenDocs-Integration sind über qualifizierte Visual Paradigm-Pläne verfügbar. Für weitere Informationen zur Plattform besuchen Sie die VPasCode-Funktionsübersicht.
Probieren Sie Mermaid-Anwendungsfalldiagramme in VPasCode aus
Egal, ob Sie ATM-Dienste kartieren, einen Online-Kaufprozess beschreiben oder die Akteure und Fähigkeiten eines Softwareprodukts dokumentieren – VPasCode bietet Ihnen einen praktischen Ort zum Schreiben und Vorschauen Ihres Diagramms. Verwenden Sie es als kostenlosen Anwendungsfalldiagramm-Editorfür unterstützte Mermaid-Syntax oder als Mermaid-Diagramm-Editorfür einen breiteren Diagramm-als-Code-Arbeitsablauf.
Öffnen Sie VPasCode und erstellen Sie ein Mermaid-Use-Case-Diagramm. Um mehr über die unterstützten Formate und Funktionen zu erfahren, sehen Sie sich die VPasCode-Übersicht.