Mermaid-Extension installieren: Unterschied zwischen den Versionen

Aus Validad
Zur Navigation springen Zur Suche springen
K (Symbol durch Template ersetzt)
(Beschreibung in "HOWTO" ausgelagert.)
Zeile 3: Zeile 3:


;Lösung
;Lösung
:Installation der [https://www.mediawiki.org/wiki/Extension:Mermaid „Mermaid‟]-Erweiterung, siehe [https://mermaid-js.github.io/mermaid/#/ Beschreibung].
:Installation der [https://www.mediawiki.org/wiki/Extension:Mermaid „Mermaid“]-Erweiterung, siehe „[[Diagramme erstellen]]“.


;Status
;Status
:{{Erledigt}}
:{{Erledigt}}
== Tests ==
=== Sequenzdiagramm ===
{{#mermaid:sequenceDiagram
participant Alice
participant Bob
  Alice->John: Hello John, how are you?
  loop Healthcheck
      John->John: Fight against hypochondria
  end
  Note right of John: Rational thoughts <br/>prevail...
    John-->Alice: Great!
    John->Bob: How about you?
    Bob-->John: Jolly good!
}}
=== Tortendiagramm ===
{{#mermaid:pie title NETFLIX
        "Time spent looking for movie" : 90
        "Time spent watching it" : 10
}}
=== ER-Diagramm ===
{{#mermaid:erDiagram
          CUSTOMER }|..|{ DELIVERY-ADDRESS : has
          CUSTOMER ||--o{ ORDER : places
          CUSTOMER ||--o{ INVOICE : "liable for"
          DELIVERY-ADDRESS ||--o{ ORDER : receives
          INVOICE ||--|{ ORDER : covers
          ORDER ||--|{ ORDER-ITEM : includes
          PRODUCT-CATEGORY ||--|{ PRODUCT : contains
          PRODUCT ||--o{ ORDER-ITEM : "ordered in"
}}
=== Klassendiagramm ===
{{#mermaid:classDiagram
  direction RL
  class Student {
    -idCard : IdCard
  }
  class IdCard{
    -id : int
    -name : string
  }
  class Bike{
    -id : int
    -name : string
  }
  Student "1" --o "1" IdCard : carries
  Student "1" --o "1" Bike : rides
}}


[[Category:Aufgabe-Erledigt]]
[[Category:Aufgabe-Erledigt]]

Version vom 14. Juli 2022, 13:36 Uhr

Problem
Es sollte möglich sein, vektorbasierte Diagramme (wie Fluß-, Sequenz-, Klassen-, Zustands-, Entity-Relationship-, User-Journey-, Gantt-, Requirementdiagramme und viele weitere) direkt im Wiki anzulegen und zu editieren. Solche Diagramme lassen sich in Wikitext weitaus einfacher gemeinsam bearbeiten und versionieren, als wenn sie von verschiedenen externen Programmen erst erzeugt und dann semantikarm binär importiert würden.
Lösung
Installation der „Mermaid“-Erweiterung, siehe „Diagramme erstellen“.
Status
✔ Erledigt.
Abgerufen von „http:///index.php?title=Mermaid-Extension_installieren&oldid=487“