# 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