Paper: Aesthetics of Class Diagrams Vorgetragen von Tilmann Bartels Paper von Holger Eichelberger Universität Würzburg Bis jetzt gibt es keine allgemeingültige.

Präsentation zum Thema: "Paper: Aesthetics of Class Diagrams Vorgetragen von Tilmann Bartels Paper von Holger Eichelberger Universität Würzburg Bis jetzt gibt es keine allgemeingültige."—  Präsentation transkript:

1 Paper: Aesthetics of Class Diagrams Vorgetragen von Tilmann Bartels Paper von Holger Eichelberger Universität Würzburg Bis jetzt gibt es keine allgemeingültige Richtlinien zur Ästhetik von UML Diagrammen In diesem Paper werden Ästhetischen Richtlinien auf Grund von Erfahrungen vorgeschlagen.

2 A1: Kanten sollten je nach Typ angeordnet sein. Z.B.: Vererbungs- und Aggregationskanten hierarchisch anordnen. Andere Kanten nicht hierarchisch.

3 A2: Eltern und Kinder Knoten sollten so nah wie möglich zu einander positioniert werden.

4 A3: Knoten sollten sich nicht mit andern Knoten oder Kanten überschneiden

5 A4: Knoten sollten anhand von semantischen Gründen gruppiert werden Z.B.: Paketzugehörigkeit, Assoziationen

6 A5: Kanten sollten sich nicht überschneiden A6: Kanten Eigenschaften Kanten sollten nicht zu kurz und nicht zu lang sein. Kanten sollten nicht zu viele Ecken haben. Knoten die nicht mit Kanten verbunden sind sollte nicht zu nahe beieinander.

7 A8: Eine Assoziations-Klasse sollte so nah wie möglich zur Assoziations-Linie liegen Z.B.: Die Raute bei Assoziationen

8 A9: Kommentare sollten möglichst Nahe zu den Elementen liegen die sie Kommentieren

9 Layout Beispiele Layout das diese ästhetische Richtlinien beachtet. Layout das diese ästhetischen Richtlinien nicht beachtet

10 Automatisches Graph Layout Algorithmus mit Berücksichtigung von Ästhetischer Kriterien Layout Möglichkeit eines Graph Graph als Eingabe Sequenz für den Layout Algorithmus

11 Hierarchische Kanten identifizieren Vererbung Aggregation Frei definierte Hirarchie

12 Knoten werden nach der Verschachtelung sortieren.

13 Wenn Knoten andere Knoten enthalten wird das vorübergehend von Kanten repräsentiert

14 Knoten die Inhaltlich zusammengehören werden gruppiert Kommentare Assoziationen Klassen

15 Nicht hierarchische Kanten und Knoten werden vorübergehend aus dem Graphen entfernt

16 Knoten hierarchisch layouten

17 Nicht hierarchische Knoten und Kanten wieder einfügen

18 Iterativ Abstände zwischen Knoten nach Ästhetischen Kriterien verändern Überknoten wieder Einfügen

19 Gruppierungen aufheben Knoten möglichst optimal Plazieren

20 Layout Vergleich Hand Layout nach Ästhetischen Kriterien Hand Layout ohne Ästhetischen Kriterien Automatisches Layout nach Ästhetischen Kriterien