======GUI======
Während der Projekt arbeit war es uns bewusst, dass man für einen flüssigen und übersichtlichen Arbeitsablauf sinnvoll ist eine graphische Benutzeroberfläche zu haben, da wir bisher nur eine Kommandozeilenanwendung hatten und diese nicht besonders interaktiv war. ((J. Zerbian))

Folge Anforderungen hatten wir ursprünglich an das Gui gestellt:
  * Auswahl der Videodatei mithilfe eines "Öffnen"-Dialoges
  * zu trackende Pucks auswählen
  * den Tracking Prozess starten und unterbrechen
  * rohe Puckdaten als Tabellendatei mit einem "Speichern"-Dialog exportiern

=====erstes GUI=====
{{ :ss18:teilprojekte:gui1.png?200|erstes GUI}}Wie man hier sieht gibt eine große Schaltfläche zum einlesen des Videos (was auch funktioniert), allerdings passiert noch nichts wenn man die "Analyse starten"-Schaltfläche drückt. Dieses erste GUI war für uns ein erster Test, was man mit dem GUI machen könnte und wie man es vor allem zum laufen bekommt, dass man über einen "Öffnen"-Dialog ein Video wählen kann.

=====zweites GUI=====
{{ :ss18:teilprojekte:gui2.png?200|zweites GUI}}Das zweite GUI war vom Design noch sehr ans erste angelehnt: eine Seite auf der Schaltflächen dargestellt werden. Jedoch war das zweite GUI von der Funktionalität deutlich ausgereifter als das erste, denn das Zweite konnt die Grundlegenen Funktionen ausführen:
  * Auswahl des Video
  * manuelles Auswählen der Pucks
  * Trackingvorgang starten und unterbrechen (und wieder fortführen)
  * Ausgabe der rohen Positionsdaten der Pucks in einer Tabellendatei

Somit war dieses GUI technische gesehen schon sehr weit fortgeschritten, jedoch fehlten noch die Möglichkeit die Pucks automatisch zu erkennen und das wir die aufgenommenen Daten weiter verarbeiten (z.B. für die Heatmap oder die Maxwell-Boltzmann Verteilung).

=====drittes GUI=====
Beim dritten GUI haben wir uns darauf geeinigt, dass wir die verschieden Schritte (Video einlesen, Pucks erkennen, Pucks tracken, usw..) visuell voneinander trennen wollen. Diese Aufteilung haben zunächst skizziert und dann auch später im Programm umgesetzt:

===Tafelskizze===
{{:ss18:teilprojekte:tafel1.png?200|}}{{:ss18:teilprojekte:tefl2.png?280|}}

===Programmumsetzung===
{{:ss18:teilprojekte:gui3_1.png?100|}}{{:ss18:teilprojekte:gui3_2.png?100|}}{{:ss18:teilprojekte:gui3_3.png?100|}}{{:ss18:teilprojekte:gui3_4.png?100|}}

{{:ss18:teilprojekte:gui3_5.png?100|}}{{:ss18:teilprojekte:gui3_6.png?100|}}{{:ss18:teilprojekte:gui3_7.png?100|}}

Die Struktur, wie die einzelnen Seiten im Programm eingebunden, erleichert es auch parallel an verschiedenen Seiten zu arbeiten. Somit kann die Seite der Heatmap unabhängig von der Startseite bearbeitet werden.

Das GUI bietet jetzt die wichtigsten Features, die wir uns als erste Zeil gesetzt haben, und die Struktur erlaubt es und neue Inhalt und Funktionen relativ leicht mit einzupflegen.