Skip to content

Konzeptpapier

Tim Buchholz edited this page Jan 13, 2020 · 3 revisions

Projektarbeit/Prüfungsleistung in Frameworkbasierte UI-Entwicklung

Wintersemester 2019/2020

Projektname

6-3-5 Brainwriter

Grundidee der Anwendung

Zur Unterstützung bei der Durchführung der Kreativmethode 6-3-5 soll eine Web-Applikation entwickelt werden. Diese soll die Arbeit mit Stift und Papier ersetzen.

Features der Anwendung

Grundfunktionalität
  • Synchrone Zeitgebung
  • Zeilen sollen rundenweise freigegeben werden
  • Thema/Überschrift muss jederzeit ersichtlich sein
  • Beitrittsmöglichkeit anbieten (Code, QR, URL, etc...)
  • Lesezeit zwischen runden (~ 10 Sekunden)
  • Moderator-Ansicht (Starten, Pausieren, Thema wählen, etc.)
  • Übersichts-Seite nach erfolgreichem Abschluss
  • Zielplatform: Desktop-Browser
  • 6-3-5 Standardablauf muss absolvierbar sein
Zusatzfeatures
  • Parameterkonfiguration
    • Zeit pro Runde
    • Anzahl teilnehmender Personen
    • Anzahl Ideen pro Person
    • Lesezeit pro Runde
  • Mehrere Kleingruppen pro Thema
  • Export der Übersichts-Seite
  • Voting System
    • Präsentation der Ideen nach Ranking
  • Historie über vergangene 6-3-5 Runden
    • Über Join-Code
    • Über Historie in Account
  • Multilingual
  • Responsives Design

Verwendete Technologie und Framework

React & Express:

Express ist eine der gängigsten Backend-Lösungen für Web-Development. Es baut auf NodeJS auf und bietet zusätzlich noch Features speziell für Web-Development, welche darauf abzielen den Code einfacher zu gestalten und doppelten Code zu vermeiden.

Express wird dabei im Frontend meistens von Angular oder React ergänzt (siehe MEAN-Stack und MERN-Stack). Hierbei sind für die angedachten Zwecke beide Frameworks angemessen. React zeichnet sich jedoch durch die (angebliche) schnelle Erlernbarkeit aus, welche für unser Projektteam essentiell ist.