Skip to content
Snippets Groups Projects

Changes

Page history
  • New page
  • Templates
    • Update Timer authored by Georgia Marie-Theres König's avatar Georgia Marie-Theres König
    Hide whitespace changes
    Inline Side-by-side
    Showing
    with 11 additions and 9 deletions
    Timer.md
    View page @ 5af9a073
    ......@@ -149,15 +149,8 @@ Zudem zeigt das Video einen Bug, der zu Zeitpunkt der Aufnahme noch bestand, inz
    ## 4.1 Timer Settings Modal
    **Timer Button**
    Das Settings Modal wird über den Timer-Button geöffnet. Dieser befindet sich in der Toolbar, die der Rolle des Moderators zur Verfügung steht. Der Button ist aktuell neben dem Clock-Button platziert, dies kann jedoch sehr leicht geändert werden.
    Das Settings Modal wird über den Timer-Button geöffnet. Dieser befindet sich in der Toolbar, die der Rolle des Moderators zur Verfügung steht. Der Button ist aktuell neben dem Clock-Button platziert, dies kann jedoch sehr leicht geändert werden. Die Sanduhr als Symbol wurde für den Timer ausgewählt, da eine Uhrdarstellng schon existierte. Das Zahnrad deutet darauf hin, dass hier weitere Einstellungen ausgewählt werden können. Ein Klick auf den Timer Button öffnet das zugehörige Modal, in welchem es möglich ist, verschiedene Einstellungen festzulegen.
    [Screenshot Timer Button]
    Die Sanduhr als Symbol wurde für den Timer ausgewählt, da eine Uhrdarstellng schon existierte. Das Zahnrad deutet darauf hin, dass hier weitere Einstellungen ausgewählt werden können.
    Ein Klick auf den Timer Button öffnet das zugehörige Modal, in welchem es möglich ist, verschiedene Einstellungen festzulegen.
    [Screenshot Modal]
    Dazu gehört folgendes:
    ......@@ -174,7 +167,6 @@ Das Settings Modal enthält auch einen Button, um den Timer zu löschen und dess
    Nach Ausführen dieses Buttons, läuft der Timer je nach Sichtbarkeit für den Moderator oder für alle gleichzeitig herunter. Mit Hilfe der Methode `setInterval` kann angegeben werden, wie oft eine bestimmte Methode ausgeführt wird. Bei der Erstellung des Timers wird die Anzahl der Darstellungselemente (Punkte) dynamisch festgelegt. Aktuell ist die maximale Anzahl an Punkten 14. Dies kann bei Bedarf geändert werden. Bei der Breite des Timers ist immer darauf zu achten, dass diese nicht länger ist als die Höhe des Fensters (aufgrund der vertikalen Ausrichtung).
    ## 4.2 Timer
    Zuerst wurde eine simple Erstversion eines Timers implementiert, um die Logik zu entwicklen und mit dem Code des Accelerator vertraut zu werden.
    ......@@ -203,6 +195,7 @@ Der Timer lässt sich bei Bedarf pausieren. Dazu werden jeweils Buttons zur Verf
    Während der Bearbeitung des Timers kamen uns ein paar Ideen für Erweiterungen:
    * Eine Stoppuhr-Funktionalität könnte hinzugefügt werden. Diese könnte ebenfalls über den Timer Button eingestellt und gestartet werden.
    * Der Timer könnte in der Art erweitert werden, dass er vor einer Präsentation in Abhängigkeit zu einer einzelnen Folie konfiguriert wird. Dann könnte der Vortragende informiert werden, wie viel Zeit er für eine jeweilige Folie noch hat.
    * Leider kam uns zu spät die Idee, aber wir hätten den Timer gern auch in einer Pacman-Variante angeboten. Für das Design könnte sich an diesem Video orientiert werden : [Pacman-Timer](https://www.youtube.com/watch?v=NUlgyQsYznI&t=71s).
    Generell kann der Timer um andere Styles erweitert werden. Statt Punkten könnten z.B: andere Formen ausprobiert werden. Diese alternativen Styles könnten in einem Drop-Down-Menü im Settings Modal parallel zu unserem Timer angeboten werden.
    ......@@ -210,3 +203,12 @@ Generell kann der Timer um andere Styles erweitert werden. Statt Punkten könnte
    ## 5.2 Lessons learned
    Trotz des verhältnismäßig geringen Umfangs des Timers an sich, erforderte dieser mehr Zeit als erwartet. Die Einarbeitung in die relevanten Funktionen und Dateien (besonders bezüglich der Server-Konfiguration) war recht zeitintensiv. Deshalb empfehlen wir künftigen Iterationen sich lieber auf kleine Idee / Features zu fokussieren, diese dafür aber umfassend zu testen, damit der Code in Accelerator ausgerollt werden kann. Dabei war es für uns sehr hilfreich von Anfang an Testfälle zu schreiben und zu teilen. Diese dienen dann bei der Entwicklung als Leitfaden, ebenso wie Mockups bei der Entwicklung als Leitfaden für das Design dienen sollten.
    ## 5.3 Anhang
    Abschlusspräsentation:
    [KS_Abschlusspräsentation.pdf](uploads/5aa1c74119be19f5543d076708d81e9f/KS_Abschlusspräsentation.pdf)
    Testfallspezifikation mit Ergebnissen:
    [Timer_Testfälle_19.01.docx](uploads/b287bb91ba0e9c602ea2ad9ff32fbcd9/Timer_Testfälle_19.01.docx)
    [Timer_Testfälle_07.01.docx](uploads/6542faa364df5edee5fbe321b93795da/Timer_Testfälle_07.01.docx)