@@ -10,7 +10,7 @@ Hier kommen alle Infos zu dem neuen Frontend von Venue (ehemals Accelerator).
[[_TOC_]]
## Einführung
Im Rahmen des Projekts Venue (ehemals "Accelerator") haben wir uns zum Ziel gesetzt, das Frontend einem umfassenden Redesign zu unterziehen. Hierfür haben wir eine moderne UI mit einem neuen Logo gestaltet, um die Benutzerfreundlichkeit zu steigern. Zur Erreichung unserer Ziele in diesem Semester haben wir unsere diese wie folgt priorisiert:
Im Rahmen des Projekts Venue (ehemals "Accelerator") haben wir uns zum Ziel gesetzt, das Frontend einem umfassenden Redesign zu unterziehen. Hierfür haben wir eine moderne UI mit einem neuen Logo gestaltet, um die Benutzerfreundlichkeit zu steigern. Zur Erreichung unserer Ziele in diesem Semester haben wir diese wie folgt priorisiert:
| Hauptziele | Nice-to-haves |
| ------ | ------ |
...
...
@@ -21,7 +21,7 @@ Im Rahmen des Projekts Venue (ehemals "Accelerator") haben wir uns zum Ziel gese
| Neues Design | |
| Testing aufsetzen | |
Während dieses Semesters haben wir uns auf die Hauptziele konzentriert, da diese essenziell für die Weiterentwicklung sind. Im Rahmen der Verbesserungsmaßnahmen haben wir verschiedene Bereiche identifiziert, in denen weiteres Optimierungspotential besteht:
Während dieses Semesters haben wir uns auf die Hauptziele konzentriert, da diese essenziell für die Weiterentwicklung sind. Des Weiteren haben wir im Rahmen der Verbesserungsmaßnahmen verschiedene Bereiche identifiziert, in denen weiteres Optimierungspotential besteht:
1.**Icons und ihre Interpretation**: Einige Icons, wie beispielsweise das Icon für das Mikrofon, können missverstanden werden.
2.**Fehlende Anleitung**: Eine ausführliche Anleitung fehlt, insbesondere für spezifische Funktionen wie die 3D-Objekt-Funktion.
3.**Moderatorenrechte**: Derzeit kann der Moderator ohne Vorwarnung das Mikrofon eines Teilnehmers einschalten. Dies sollte überdacht werden, da ähnliche Funktionen bei anderen Plattformen wie Teams oder Zoom auch nicht existieren.
...
...
@@ -29,7 +29,7 @@ Während dieses Semesters haben wir uns auf die Hauptziele konzentriert, da dies
5.**PowerPoint-Upload**: In einigen Fällen konnte eine PowerPoint-Datei nicht hochgeladen werden, obwohl dies in eigen erstellten Räumen funktioniert.
7.**Sichtbarkeit von Räumen**: Eigene Räume sollten für andere Nutzer unsichtbar sein, um die Privatsphäre zu gewährleisten.
In dieser Dokumentation geben wir eine Übersicht über unser Vorgehen, dem Aufbau und Design von Venue sowie unsere Vision für die zukünftige Weiterentwicklung.
In dieser Dokumentation geben wir eine Übersicht über unser Vorgehen, dem Aufbau und Design von Venue sowie unsere Vision für die zukünftige Weiterentwicklung. Zudem haben wir uns mit den genannten Herausforderungen und Verbesserungsmöglichkeiten beschäftigt, um die Benutzererfahrung zu optimieren.
## Vorgehen
### Branching-Strategie
...
...
@@ -48,9 +48,24 @@ Durch diese Struktur können wir neue Funktionen isoliert entwickeln und gleichz
### Guidelines
## Aufbau
- Klassendiagramm
- Frontend Architektur (Verwendung von React)
- Überblick über die Struktur und der Verzeichnisse und Dateien
Für das Redesign von Venue haben wir uns entschieden, React als Framework zu nutzen. Hier ist ein Überblick über die wichtigsten Aspekte unserer Frontend Architektur:
#### Struktur
Unsere Anwendung folgt einer komponentenbasierten Struktur, bei der jede UI-Einheit in isolierte, wiederverwendbare Komponenten aufgeteilt ist. Dies fördert die Wiederverwendbarkeit des Codes und ermöglicht bei Bedarf eine einfachere Erweiterung.
-**Hauptkomponenten**: Diese umfassen die grundlegenden Strukturen der Anwendung wie das Hauptmenü, die Settings und allgemein die Meetingräume.
-**UI-Komponenten**: Diese beinhalten kleinere, wiederverwendbare Elemente wie Buttons, Eingabefelder und Icons.
#### Styling
Für das Styling der Anwendung haben wir eine Kombination aus Tailwind CSS, `ui.shadcn`, und `Lucide Icons` verwendet. Diese Tools ermöglichen eine modulare Herangehensweise an das Styling und die Gestaltung der Benutzeroberfläche.
-**Tailwind CSS**: Ein Utility-First CSS-Framework, das eine schnelle und effiziente Erstellung von Designs ermöglicht.
-**ui.shadcn**: Ein Set von UI-Komponenten, die speziell für die Erstellung moderner und ansprechender Benutzeroberflächen entwickelt wurden.
-**Lucide Icons**: Ein flexibles und anpassbares Icon-Set, das wir für die visuelle Unterstützung nutzen.
