Postfuse Eclipse Plugin zum Visualisieren von Graphen. Bachelorpraktikum - Review 2 - Design Gruppe: G 222

Transkript

1 Postfuse Eclipse Plugin zum Visualisieren von Graphen Bachelorpraktikum - Review 2 - Design Gruppe: G 222

2 Gliederung Design Überlegungen Architektur Use-Cases Realisierungen Stand der Dinge

3 Gliederung Design Überlegungen Architektur Use-Cases Realisierungen Stand der Dinge

4 Design Überlegungen Benutzercharakteristik - GUI Der GUI-Benutzer weiß was ein Graph ist ist in der Lage Eclipse zu benutzen ist in der Lage ein Plugin von einer Update Site zu installieren ist in der Lage eine GUI zu benutzen

5 Design Überlegungen Benutzercharakteristik - API Der API-Benutzer... (wie GUI-Benutzer) kann Java Programmieren ist in der Lage ein Eclipse Plugin zu erstellen weiss wie man auf die APIs von anderern Plugins zugreift

6 Design Überlegungen Standards Betrifft hauptsächlich Dateiformate GraphML für Graph-Dateien XML konform erweitern Bild Export: SVG, PNG Plugin-Standards Update Site Format

7 Design Überlegungen sonstige Anforderungen QS: Funktionalität QS: Benutzbarkeit freie Lizenz (BSD)...

8 Gliederung Design Überlegungen Architektur Use-Cases Realisierungen Stand der Dinge

9 Architektur Subsysteme und ihre Aufgaben G222-Feature Prefuse-Plugin Batik-Plugin Example-Feature Demo Eclipse Plugin das Postfuse nutzt Postfuse-Plugin API Ext (Postfuse Standalone) Script-Feature BeanShell-Plugin Groovy-Plugin

10 Architektur Die API

11 Architektur Die API - Filter

12 Architektur Die API des Plugins

13 Architektur Die GUI

14 Architektur Erweiterungspunkte Andere Skriptsprachen Eigene Filter (Prädikate) Umgebungen in denen die Skripts ausgeführt werden Prefuse Erweiterbarkeit (teilweise) beibehalten Layouter Design der Elemente

15 Gliederung Design Überlegungen Architektur Use-Cases Realisierungen Stand der Dinge

16 Use-Cases Realisierungen Graph erstellen und anzeigen API-Benutzer Postfuse-Plugin RootGraph creategraph() RootGraph erzeugen showgraph Graph bearbeiten

17 Use-Cases Realisierungen Knoten & Kanten erstellen API-Benutzer Graph Node Edge Knoten hinzuf. 1 Knoten erzeugen hinzugef. Knoten 1 Knoten Knoten hinzuf. 2 Knoten erzeugen hinzugef. Knoten 2 Knoten Kante hinzufügen hinzugef. Kante Kante erzeugen Kante

18 Use-Cases Realisierungen Skripte Benutzer GView EdgePopupControl Script Rechtsklick auf Knoten Kontextmenü zeigen Kontextmenü erzeugen Kontextmenü Skript ausführen Skript starten Skript beendet Resultat des Skripts

19 Use-Cases Realisierungen Filter API-Benutzer Predicate RootGraph Prädikat erstellen clearfilter() setfilter(filter)

20 Use-Cases Realisierungen Laden / Speichern API-Benutzer RootGraph speichern exportsvg exportpng Graph laden geladener Graph

21 Use-Cases Realisierungen Knotenfaltung API-Benutzer Node prefusenode GNodeRenderer ausfalten folded-flag löschen folded-flag lesen folded-flag

22 Gliederung Design Überlegungen Architektur Use-Cases Realisierungen Stand der Dinge

23 Stand der Dinge Was geht bereits / Demo Export: SVG, PNG Laden / Speichern GraphML (noch nicht endgültiges Dateiformat) Anzeigen von Graphen ohne Subgraphen incl. Zoom und Pan Auf- und Zuklappen von Knoten Skripte ausführen Eclipse: Update Site Installation Eclipse: MultiView mit *.gml Dateiassoziation...

24 Stand der Dinge Was geht noch nicht? Subgraphen (Layout) HTML in Nodes MacOSX...

25 Stand der Dinge Arbeitszeiten 1000 h Zielmarke 390 h Bisher 5% Qualitätssicherung 20% Treffen für Designfragen & Pariprogramming 25% Ausarbeitung des Designs 20% Toolsuche und Installation 30% Implementierung Schwerpunkt auf die Semesterferien gelegt

26 Stand der Dinge Weitere Planungen Subgraphen Komponenten erfordern große Änderugen (neue Module) Neuer Layouter (Mehrfachkanten, nichtüberlappende Knoten, Subgraphen) Renderer für Subgraphen bessere Eclipse Integration (z.b. Extension-Points)

27 Fragen?...