Hasse Diagramme in 3D

1. More clarity for inspecting Hasse diagrams
Peter Koppatz, Markus Pape, Rainer Bruggemann, Valentin Pratz
UAS Wildau – Germany
30. April 2017
Peter Koppatz, Markus Pape, Rainer Bruggemann, Valentin Pratz (UAS Wildau – Germany)More clarity for inspecting Hasse diagrams 30. April 2017 1 / 14

2. Inhaltsverzeichnis
1 Wer ist wer?
Helmut Hasse
PyHasse-Team
2 Entwicklung
Edition 2.x
Web-Version I (HD2D)
Web-Version II (HD2D + HD3D)
3 PyHasse 3D
4 Demo + Zukunft
Peter Koppatz, Markus Pape, Rainer Bruggemann, Valentin Pratz (UAS Wildau – Germany)More clarity for inspecting Hasse diagrams 30. April 2017 2 / 14

3. Über das Projekt
Mathematiker: Helmut Hasse
Helmut Hasse
(* 25. August 1898 in Kassel;
† 26. Dezember 1979 in Ahrensburg bei
Hamburg)
war ein deutscher Mathematiker und gilt als
einer der führenden Algebraiker und
Zahlentheoretiker seiner Zeit.
Quelle: https://de.wikipedia.org/wiki/Helmut_Hasse
Peter Koppatz, Markus Pape, Rainer Bruggemann, Valentin Pratz (UAS Wildau – Germany)More clarity for inspecting Hasse diagrams 30. April 2017 3 / 14

4. Unser Team
Alle aktiven Entwickler (2017)
Rainer Bruggemann
(Mathematik)
Peter Koppatz
(Koordination)
Valentin Pratz (HD2D)
Markus Pape (HD3D)
Peter Koppatz, Markus Pape, Rainer Bruggemann, Valentin Pratz (UAS Wildau – Germany)More clarity for inspecting Hasse diagrams 30. April 2017 4 / 14

5. Über das Projekt
Der Anfang
Dr. Rainer Brüggemann ein Wissenschaftler im (Un)-Ruhestand, zuletzt
tätig für das Leibniz-Institut für Gewässerökologie und Binnenfischerei,
Abtlg: Ökohydrologie.
Er entwickelte die Software »PyHasse«, welche die Möglichkeiten der
Graphentheorie und deren Visualisierung nutzt.
Das Software-Paket verwendet den Präfix »Py« weil die
Programiersprache »Python«, verwendet wird:
Python 2.6.x
Tcl/Tk für die Visualisierung
Was haben wir gelernt?
Prototyping mit Python ist leicht
Verbreitung der Software ist umständlich, ohne
den Einsatz von pip, git, mercurial, . . .
Peter Koppatz, Markus Pape, Rainer Bruggemann, Valentin Pratz (UAS Wildau – Germany)More clarity for inspecting Hasse diagrams 30. April 2017 5 / 14

6. Über das Projekt
PyHasse (1. Browser-Version)
Die Neuentwicklung zielte auf eine Nutzung im Browser:
Python 3.x
Client/Server für die Generierung von HTML-Seiten
D3 für die graphische Darstellung der Hasse-Diagramme
Was haben wir gelernt?
Pep8, Tests erhöhen die Qualität der Software
durch Tests ist der Progammcode besser zu
verstehen
Trennung von Model und View ist nicht
vollständig gelungen!
Peter Koppatz, Markus Pape, Rainer Bruggemann, Valentin Pratz (UAS Wildau – Germany)More clarity for inspecting Hasse diagrams 30. April 2017 6 / 14

7. Über das Projekt
PyHasse 3D (2. Browser-Version)
Python 3.x
Client/Server für die Arbeit im Browser
Vue-Framework UI (front-end)
Python (back-end)
Datenaustausch erfolgt mittels JSON
D3 für die Darstellung der Hasse-Diagramme in 2D
Blend4Web für die Darstellung der Hasse-Diagramme in 3D
Was haben wir gelernt?
3D-Diagramme sind sexy und erleichtern die
Inspektion von Berechnungsergebnissen!
Peter Koppatz, Markus Pape, Rainer Bruggemann, Valentin Pratz (UAS Wildau – Germany)More clarity for inspecting Hasse diagrams 30. April 2017 7 / 14

8. Warum 3D and not only 2D?
Ein Hasse Diagram kann komplex werden:
Problem!
Kreuzende Linien erschweren die
Inspektion/Interpretation!
Peter Koppatz, Markus Pape, Rainer Bruggemann, Valentin Pratz (UAS Wildau – Germany)More clarity for inspecting Hasse diagrams 30. April 2017 8 / 14

9. Warum 3D and not only 2D?
Ein Hasse Diagram kann noch viel komplexer werden:
Problem!
Kreuzende Linien erschweren die
Inspektion/Interpretation!
Peter Koppatz, Markus Pape, Rainer Bruggemann, Valentin Pratz (UAS Wildau – Germany)More clarity for inspecting Hasse diagrams 30. April 2017 9 / 14

10. Verbesserungen durch eine 3D-View
Neue Navigationsmöglichkeiten:
Rotation in allen Achsen
Autorotation
Vollbild-Modus
Peter Koppatz, Markus Pape, Rainer Bruggemann, Valentin Pratz (UAS Wildau – Germany)More clarity for inspecting Hasse diagrams 30. April 2017 10 / 14

11. Verbesserungen durch eine 3D-View
Skalierbarkeit/Annotationen
unterschiedliche Qualitäten des Renderns
zusätzliche Informationen zu den Objekten
Peter Koppatz, Markus Pape, Rainer Bruggemann, Valentin Pratz (UAS Wildau – Germany)More clarity for inspecting Hasse diagrams 30. April 2017 11 / 14

12. Wunschliste
Sie ist sehr, sehr lang... und zielt auf eine benutzerfreundliche Navigation
unterschiedliche Kamera-Views
begehbarer Graph
selektieren/deselektieren wichtiger/unwichtiger Teile des Graphen
dynamisches Ändern von Eingabeparametern für
Was-wäre-wenn-Analyse (wichtig für Entscheider)
(Ihre Ideen/Ihre Wünsche?)
Peter Koppatz, Markus Pape, Rainer Bruggemann, Valentin Pratz (UAS Wildau – Germany)More clarity for inspecting Hasse diagrams 30. April 2017 12 / 14

13. Warum ist das möglich?
Alle verwendeten Programm sind OpenSource:
Python (server)
Blender (graphics)
Blend4Web (graphics for the web)
PyHasse (toolbox)
JavaScript (language at client side)
Vue (GUI-Framework at client side)
Mercurial (code repository)
Peter Koppatz, Markus Pape, Rainer Bruggemann, Valentin Pratz (UAS Wildau – Germany)More clarity for inspecting Hasse diagrams 30. April 2017 13 / 14

14. Demo
Eine Demo (Prototyp) ausprobieren:
https://hd3d-demo.pyhasse.org
Infos zum PyHasse-Projekt
https://pyhasse.org
Peter Koppatz, Markus Pape, Rainer Bruggemann, Valentin Pratz (UAS Wildau – Germany)More clarity for inspecting Hasse diagrams 30. April 2017 14 / 14

15. Fragen?
Ich danke für Ihre Aufmerksamkeit
Eine Antwort vorweg:
Quellen und Programm der neuen Version sind noch nicht verfügbar, weil
Tests und Dokumentation unvollständig sind. Wir planen noch 2017 die
Ablösung der aktuellen Version. . .
Peter Koppatz, Markus Pape, Rainer Bruggemann, Valentin Pratz (UAS Wildau – Germany)More clarity for inspecting Hasse diagrams 30. April 2017 15 / 14