Banner-EduCamp-Hattingen-2014.png

Flussdiagramme

aus ZUM-Wiki, dem Wiki für Lehr- und Lerninhalte auf ZUM.de
Wechseln zu: Navigation, Suche
Beispiel eines Flussdiagramms (Programmablaufplans)

Ein Flussdiagramm' (auch Programmablaufplan oder Flowchart genannt) ist ein Diagrammtyp, der die Abfolge einzelner Schritte eines Prozesses verdeutlichen kann. Der Begriff Programmablaufplan weist schon darauf hin, dass dieser Diagrammtyp für die Darstellung von Befehlsabfolgen in einem Computerprogramm genutzt werden kann. Flussdiagramme eignen sich aber auch zur Visualisierung anderer Prozesse, zum Beispiel zur Darstellung von Handlungsschritten in einem erzählenden Text oder zur Visualisierung der Argumentationsschritte in einem Sachtext.

Inhaltsverzeichnis

Flussdiagramme mit GraphViz

Eine Möglichkeit, Flussdiagramme im ZUM-Wiki darzustellen, bietet GraphViz. Dies zeigen einige Beispiele:

Flussdiagramm als Navigationshilfe

<graphviz>

digraph G { bgcolor="transparent" node [style=filled, color=black, fillcolor=lightblue shape=box]; node [URL="/\N"] "ZUM-Wiki-Rundgang" -> "Was ist ein Wiki?"; "ZUM-Wiki-Rundgang" -> "Das ZUM-Wiki"; "ZUM-Wiki-Rundgang" -> "Probier es aus!"; "Probier es aus!" -> "Ich will im Wiki schreiben."; "Probier es aus!" -> "Ich will im Wiki etwas finden."; "Probier es aus!" -> "Wiki-Fuehrerschein"; "ZUM-Wiki-Rundgang" -> "Wikis in der Schule?"; }

</graphviz>

Komplexe Flussdiagramme

<graphviz> digraph G {

subgraph cluster_0 { style=filled; color=lightgrey; node [style=filled,color=white]; a0 -> a1 -> a2 -> a3; label = "Teil 1"; }

subgraph cluster_1 { node [style=filled]; b0 -> b1 -> b2 -> b3; label = "Teil 2"; color=blue } start -> a0; start -> b0; a1 -> b3; b2 -> a3; a3 -> a0; a3 -> end; b3 -> end;

start [shape=diamond]; end [shape=box]; } </graphviz>

Mehr unter → Hilfe:Graphviz

Unterrichtsmaterial

  • Markus Niederastroth: Flussdiagramm: Blended Learning in einer Learning-Community im Weblog. Hamburg 2013, ISBN 978-3955498931.

Linkliste

Siehe auch