---
# System prepended metadata

title: Beispiele UML für den Informatikunterricht

---

# Beispiele UML für den Informatikunterricht

## Beispiel Klassendiagramm mit Vererbung

```graphviz
digraph vererbung{
node[shape=record];
	rankdir="BT";
    splines="line";

    klasse1 [label = "{<f0> KLASSE1|<f1> \n  |<f2>  \n   }"];
    klasse2 [label = "{<f0> KLASSE2|<f1> \n  |<f2>   \n  }"];
    klasse3 [label = "{<f0> KLASSE3|<f1> \n  |<f2>   \n   }"];

klasse2->klasse1 [dir="forward"];   
klasse3->klasse1 [dir="forward"];
}
```

## Beispiel Objektdiagramm

```graphviz
digraph objektdiagramm{
node[shape=record];
	rankdir="TB";
    splines="line";

    obj1 [label="{<f0> le1: LISTENELEMENT|<f1> nachfolger \n inhalt}" shape=Mrecord];
    obj2 [label="{<f0> le2: LISTENELEMENT|<f1> nachfolger \n inhalt}" shape=Mrecord];
    obj3 [label="{<f0> k21: KUNDE |<f1> name \n id \n }" shape=Mrecord];
    obj4 [label="{<f0> k38: KUNDE |<f1> name \n id \n }" shape=Mrecord];
    obj5 [label="{<f0> le3: ABSCHLUSS|<f1> \n}" shape=Mrecord];


obj1->obj2 [dir="forward"];
obj1->obj3 [dir="forward"];
obj2->obj4 [dir="forward"];
obj2->obj5 [dir="forward"];
}
```

## Beispiel Sequenzdiagramm

```sequence
MailApp->Server: Sind neue Nachrichten da?
Note right of Server: ... schaut nach...
Server --> MailApp: Es sind 3 neue Nachrichten da
Note left of MailApp: ... klickt auf "abrufen" ...
MailApp -> Server: zeig sie mir!
```

## Weitere Beispiele

https://www.tonyballantyne.com/graphs.html#orgheadline14

## Markdown-Syntax 

https://www.heise.de/mac-and-i/downloads/65/1/1/6/7/1/0/3/Markdown-CheatSheet-Deutsch.pdf

## Über Graphviz

https://graphviz.org/

## Über hackmd, codiMD und Hedgedoc

https://docs.hedgedoc.org/

## Tools für kollaboratives Arbeiten

https://www.bpb.de/lernen/digitale-bildung/werkstatt/307347/bildnerinnen-und-bildner-empfehlen-tools-fuer-kollaboratives-arbeiten
