... | ... | @@ -87,37 +87,37 @@ In diesem Beispiel wird bei den Elementen die Konformitätsstufe AAA angezeigt, |
|
|
|
|
|
Im Folgenden werden die Umsetzungsergebnisse des Projektes anhand von Gifs demonstriert.
|
|
|
|
|
|
Startseite
|
|
|
_Startseite_
|
|
|
|
|
|
Die Startseite ist die erste Seite, die nach dem Öffnen des Accelerator erscheint. Nutzer:innen können hier den Namen eingeben und beim Anklicken des Schloss-Buttons öffnet sich die Seite für die Raumauswahl. Auf der Startseite wurde das Farbschema angepasst und die Icons wurden durch Material Design Icons ersetzt.
|
|
|
|
|
|

|
|
|
|
|
|
Raumauswahl
|
|
|
_Raumauswahl_
|
|
|
|
|
|
In der Raumauswahl können Räume ausgewählt werden, die betretet werden möchten. Unter der Überschrift haben Nutzer:innen die Möglichkeit, das Media Setup einzustellen. In der Raumübersicht können die Anzahl der Räume und die Anzahl der Teilnehmer:innen eingesehen werden oder ein Raum hinzugefügt werden. Die Erstellung eines Raumes ist mit oder ohne Passwort möglich. Alle klickbaren Icons und Buttons wurden hierbei blau und alle nicht klickbaren Icons grau dargestellt. Bei der Raumauswahl wurde das Farbschema angepasst und alle Icons wurden durch Material Design Icons ersetzt. Zudem wurde eine neue Funktion und zwar die Sortierfunktion hinzugefügt.
|
|
|
|
|
|

|
|
|
|
|
|
Raumauswahl - Sortierfunktion
|
|
|
_Raumauswahl - Sortierfunktion_
|
|
|
|
|
|
In der Raumauswahl gibt es wie bereits erwähnt zusätzlich die Funktion, die bestehenden Räume alphabetisch von A-Z zu sortieren, in dem der Sortierbutton (AZ-Button) unter Room Overview angeklickt wird. Beim Hinzufügen eines neuen Raumes wird dieser Raum zufällig angeordnet. Um den neuen Raum ebenfalls in der Liste zu sortieren, muss der Button erneut angeklickt werden.
|
|
|
|
|
|

|
|
|
|
|
|
Raumansicht - Untere Buttons
|
|
|
_Raumansicht - Untere Buttons_
|
|
|
|
|
|
Beim Betreten eines Raumes öffnet sich die Raumansicht. Im unteren Menü wurden alle Icons durch Material Design Icons ersetzt. Zudem wurde das Farbschema auf dieser Seite angepasst. In der vorherigen Version vom Accelerator gab es ein Horn Icon. Dieses Icon wurde durch das typische Mikrofon Icon ersetzt. Der Grund hierfür war, dass andere Tools wie Zoom oder Microsoft Teams die Ein- und Ausschaltfunktion (Mikrofon an und Mikrofon aus) anbieten und Nutzer:innen generell an diese Zeichen gewohnter sind als an das Horn. Außerdem wurd das Icon mit den klatschenden Hände durch ein Feier-Icon ersetzt, da Material Design kein Icon anbietet, das das Klatschen darstellt.
|
|
|
|
|
|

|
|
|
|
|
|
Raumansicht - Moderationsansicht
|
|
|
_Raumansicht - Moderationsansicht_
|
|
|
|
|
|
In der Moderationsansicht sind ebenfalls alle Icons an die Material Design Icons angelehnt. Auch hier wurden die Elemente anhand des Farbschemas angepasst.
|
|
|
|
|
|

|
|
|
|
|
|
Raumansicht - Whiteboard und Draggables
|
|
|
_Raumansicht - Whiteboard und Draggables_
|
|
|
|
|
|
Im Whiteboard ist es möglich mit verschiedenen Elementen auf das Whiteboard etwas zu platzieren oder etwas zu zeichnen.
|
|
|
|
... | ... | |