Methoden zur Visualisierung von ereignisdiskreten Analysedaten

Transkript

1 Fakultät Informatik, Institut für Angewandte Informatik, Professur Technische Informationssysteme Methoden zur Visualisierung von ereignisdiskreten Analysedaten Referent: Hendrik Freund Betreuer: Vladimir Vasyutynskyy Dresden,

2 Warum Visualisierungsmethoden? TU Dresden, Methoden zur Visualisierung von Folie 1 von 24

3 Inhalt 1. Definition und Motivation 2. Arten der Visualisierung Graphen Diagramme 3. Vergleich der Frameworks TU Dresden, Methoden zur Visualisierung von Folie 2 von 24

4 1. Definition und Motivation Definition - ereignisdiskret: Ereignisse verändern absolute Daten - Ereignisdiskrete Systeme erzeugen ereignisdiskrete Daten - verändern ihren Zustand durch diskrete Ereignisse - Beispiel: application specific integrated circuit (ASIC) Folie 3 von 24

5 Motivation - Struktur: einerseits Überblick, andererseits Detailsicht - Interaktivität: Zoom - Debugging: A Tool for Event ManiPulaTion (ATEMPT) -> Vermindungerung von visuellen Informationen Folie 4 von 24

6 Beispiele - Visualisierung von Computernetzwerken - Hierarchisierung - Medizin - Data Mining - Entscheidungsbaumanalyse Folie 5 von 24

7 2. Arten der Visualisierung Einteilung der Visualisierungsarten Arten Graphen Diagramme - zyklisch oder Baum - gerichtet oder ungerichtet - einfach oder mutlipel - Gantt-Diagramm - Sequenzdiagramm - Zeitverhaltensdiagramm - Zustandsdiagramm Folie 6 von 24

8 Graphen Einfache Graphen - bestehen aus Knoten und Kanten - einfache Korrelation zwischen Knoten mit Hilfe von Kanten Multigraphen - Auch mehrfache Korrelation zwischen Knoten mit Hilfe von Kanten Folie 7 von 24

9 Gerichtete Graphen - Kanten werden durch Pfeile markiert - zyklisch Baum - nicht zyklisch - Besitzt Knoten und Blätter Folie 8 von 24

10 Diagramme Gantt-Diagramm - Instrument des Projektmanagements - benannt nach Henry L. Gantt ( ) - Ziel: grafische Darstellung zeitlicher Abfolgen von Aktivitäten in Form von Balken auf einer Zeitachse - für Projekte mit geringer oder mittlerer Anzahl an Aktivitäten Folie 9 von 24

11 Gantt-Diagramm Folie 10 von 24

12 Sequenz-Diagramm - Verhaltensdiagramm der UML - beschreibt Austausch von Nachrichten über eine Dauer mit Hilfe von Lebenslinien - Nachricht mit Pfeil dargestellt Folie 11 von 24

13 Zeitverlaufsdiagramm (Timing Diagram) - Verhaltensdiagramm der UML - zeigt bestimmte Sicht auf dynamische Aspekte - für Entwurf von Echtzeitsystemen - concise/robust notation Concise Notation Folie 12 von 24

14 Timeline2 Definition und Motivation Arten der Visualisierung Zeitverlaufsdiagramm Concise Notation td State Lifeline State 1 State 2 State 3 State 4 {Time Constraint} {Duration Constraint} Event Folie13 von 24

15 Zeitverlaufsdiagramm Robuste Notation Folie 14 von 24

16 Zustandsdiagram (State Diagram) - Verhaltensdiagramm der UML - zeigt Zustände eines Automaten (z.b. Teilsystem) Folie 15 von 24

17 3. Einteilung der Frameworks Frameworks Graphen Diagramme - Graphviz - JGraphX - IBM ILOG - JSGantt - JFreechart - IBM ILOG Folie 16 von 24

18 Graphen Graphviz - Open source Tool zur Erstellung von Graphen - Code basiertes Framework (dot, circo, sfdp, ) oder mit Hilfe einer GUI - Darstellungsarten: Programmablaufpläne, Netzpläne, Klassendiagramme - Plattform: Unix, Windows (keine GUI, nur textbasiert) - Features: Circuläres Layout, radiales Layout Folie 17 von 24

19 Graphviz Folie 18 von 24

20 JGraphX - Open Source Tool - Code basiertes Framework (Java) - plattformunabhängig - Projekt von Gaudenz Alder von der Universität ETH Zürich 2000 entwickelt - Eigenständiges Programmieren erforderlich - Features: Zoom, Visibility (Hide) Folie 19 von 24

21 IBM ILOG - Open Source Tool - Projekt von IBM - GUI-Drag&Drop - plattformunabhängig - Plugin für Eclipse mit Hilfen und Tutorials - Feature: Symbol Editor IBM ILOG für Gantt Diagramme Folie 20 von 24

22 Diagramme JFreechart - Java Chart Bibliothek - codebasiert - plattformunabhängig - Eigenständiges Programmieren erforderlich - Features: eine menge anderer Diagrammarten (Pie Chart, Timechart) Folie 21 von 24

23 JSGantt - Open Source, für Webapplikationen - Codebasiert (Javascript,CSS, HTML) - plattformunabhängig, eigenständiges Programmieren erforderlich - Feature: externes Laden von Gantt-Diagramm via XML Folie 22 von 24

24 Vergleich der Frameworks Lizenz Komplexität Erstellungsstil Funktionalität Leistung Graphviz ( ) frei codebasiert aber leicht implementierbar Code/Drag&Drop nur Erstellen des Graphen schnell, große BMP - >980MB Ram JGraphX (2009) frei viele Klassen und Methoden sind zu implementieren Code nur Erstellen des Graphen schnell, wenig Speicher,IBM ILOG (August 2009) Graph: frei Gantt: trials, Preisinformation nicht direkt angegeben keine Implementierungen nötig, aber möglich Drag&Drop Zoom, Tool Palette, Hilfen schnell, wenig Speicher Jfreechart ( ) JSGantt (2008) frei frei leicht zu implementieren leicht zu implementieren Code Code Nur Erstellen des Graphen Einbinden in HTML, CSS, AJAX schnell. 500 Charts in weniger als 10 Sek. Bei mehr als 100 Aktivitäten langsam - Frameworks, die geeignet sind für kleine Projekte: Graphviz, JGraphX, Jfreechart, JSGantt für Webprojekte Folie 23 von 24

25 Vielen Dank für die Aufmerksamkeit Folie 24 von 24