Weekly Documentation - ricardotimmr/praxisprojekt-2025-varia GitHub Wiki

Weekly Documentation – Praxisprojekt Sommersemester 2025

Woche vom 08.04. bis 14.04.2025

Aktivitäten

  • Konkretierung möglicher Projektthemen für das Praxisprojekt im Sommersemester
  • Erste Ausarbeitung eines Projektkonzepts im Bereich interaktive Produktpräsentation auf Webseiten
  • Entscheidung für eine grobe inhaltliche und methodische Ausrichtung (Fokus auf Frontend, UX/UI, Webtechnologien)
  • Diskussion möglicher Zielsetzungen für das Praxisprojekt und die anschließende Bachelorarbeit

Woche vom 15.04. bis 21.04.2025

Aktivitäten

  • Erstellung des GitHub-Repositories inkl. erster Projektstruktur (README, Wiki)
  • Visuelle Konzeption des Projekts begonnen (Miro-Board: Architekturüberlegungen, Komponentenstruktur)

Woche vom 22.04. bis 28.04.2025

Aktivitäten

  • Marktrecherche für beide Projektideen durchgeführt
  • Schriftliche Themenanalyse für beide Projektideen erstellt
  • Stakeholder-Analyse für beide Projektideen durchgeführt
  • Concept Maps für beide Themen erstellt
  • Präsentation für das erste Thema erstellt

Woche vom 29.04. bis 05.05.2025

Aktivitäten Keine projektbezogenen Tätigkeiten durchgeführt

Woche vom 06.05. bis 12.05.2025

Aktivitäten

  • Forschungsfragen konkretisiert und Varianten erstellt
  • Stakeholder genauer ausgearbeitet
  • Funktionale und nichtfunktionale Anforderungen für das modulare Webtool zur interaktiven Produktdarstellung bestimmt
  • Erste Version der ADR ausgearbeitet (noch ohne finale Entscheidung)
  • Namensfindung für das finale Thema durchgeführt
  • Entscheidung über das finale Thema getroffen
  • Proof of Concepts ausgearbeitet

Woche vom 13.05. bis 19.05.2025

Aktivitäten

  • Erste zwei Low-Fidelity-Versionen eines Prototyps für die Main Page erstellt
  • Erste User Flows erstellt
  • Offene Fragen von Volker aus dem letzten Treffen geklärt
  • Personas erstellt

Woche vom 20.05. bis 26.05.2025

Aktivitäten

  • Design 1.0 für die Landing Page erstellt
  • Design 1.0 für die drei Grundmodule der Werkstatt-Page erstellt
  • Hotspot-Grafik als weiteres Proof of Concept aufgenommen

Woche vom 27.05. bis 02.06.2025

Aktivitäten

  • Anforderungen nach Glossar-Vorlage umgeschrieben
  • PoCs enger spezifiziert

Woche vom 03.06. bis 09.06.2025

Aktivitäten

  • PoC 1 – Feature-Slider Modul entwickelt
  • PoC 2 – 360°-Viewer Modul entwickelt
  • PoC 3 – Hotspot-Grafik Modul entwickelt
  • PoC 4 – Live-Preview implementiert
  • PoC 5 – Modul-Bibliothek mit auswählbaren Komponenten entwickelt
  • PoC 6 – CI-Anpassung ermöglichen entwickelt
  • PoC 8 – Responsives Verhalten der Module entwickelt
  • Literatur- und Quellenrecherche für die wissenschaftliche Ausarbeitung durchgeführt

Woche vom 10.06. bis 16.06.2025

Aktivitäten

  • PoC 9 – Inhaltliche Bearbeitung ohne Code entwickelt

Woche vom 17.06. bis 23.06.2025

Aktivitäten

  • PoC 10 – Modul-Presets / Vorlagenfunktion entwickelt

Woche vom 01.07. bis 07.07.2025

Aktivitäten

  • Finales Thema für das Projekt festgelegt

Woche vom 08.07. bis 14.07.2025

  • Literaturrecherche

Woche vom 15.07. bis 21.07.2025

  • Struktur der schriftlichen Ausarbeitung festgelegt
  • Kompakteres Design der Modulkonfiguration

Woche vom 22.07. bis 28.07.2025

  • Kapitel 1 Einleitung verfasst

Woche vom 29.07. bis 04.08.2025

  • Kapitel 2 Theoretischer Hintergrund verfasst

Woche vom 05.08. bis 11.08.2025

  • Kapitel 3 Methodik verfasst

Woche vom 11.08. bis 17.08.2025

  • Tailwind & PostCSS angepasst: Content-Globs auf ts/tsx/js/jsx erweitert, neues PostCSS-Plugin eingebunden, Build-Warnungen behoben
  • Shared-Layer übernommen: utils, use-mobile und use-toast integriert; Imports auf @/… vereinheitlicht
  • UI-Grundbausteine eingebaut: Button, Input, Label, Card usw.
  • Overlays & Menüs integriert: Dialog, Drawer, Popover, Dropdown, Menubar, Kontext-/Navigationsmenü, Sheet

Woche vom 19.08. bis 25.08.2025

Aktivitäten

  • PoC 10 – Exportfunktion der Module fertiggestellt (Export als HTML-Snippet, React-Component und Web Component)
  • Konsistenzcheck der Exportausgabe in Bezug auf Styles (Tailwind-Klassen, Variable Tokens)

Woche vom 26.08. bis 01.09.2025

Aktivitäten

  • Beginn der Zusammenführung aller PoCs in einen einheitlichen Prototypen
  • Technischer Abgleich der unterschiedlichen Codebasen (Feature-Slider / Hotspot-Grafik / 360° Viewer)

Woche vom 02.09. bis 08.09.2025

Aktivitäten

  • Migration der bestehenden Module von React + JavaScript in React + TypeScript
  • Projektstrukturierung für zukünftige Erweiterbarkeit (TailwindCSS konsolidiert)

Woche vom 09.09. bis 15.09.2025

Woche vom 16.09. bis 22.09.2025

Aktivitäten

  • UI-Layout der Werkstatt-Seite verfeinert
  • Interaktionsfluss zwischen Werkzeugleiste und Live-Preview optimiert

Woche vom 23.09. bis 29.09.2025

Aktivitäten

  • Anpassungen zur verbesserten Responsivität der Module (Breakpoint-basierte Layoutsystematik)

Woche vom 30.09. bis 06.10.2025

Aktivitäten

  • Fortschritt an der schriftlichen Ausarbeitung (Kapitel zu PoC-Struktur und Methodik erweitert)
  • Dokumentation der Entwicklungsentscheidungen in ADR-Format ergänzt

Woche vom 07.10. bis 13.10.2025

Aktivitäten

  • Stabilisierung und Testing des Gesamtsystems
  • Vorbereitung der finalen Fertigstellung und Abstimmung des verbleibenden Umfangs

Woche vom 14.10. bis 20.10.2025

Aktivitäten

  • Abstimmung mit Betreuer bzgl. Abschlusszeitplan
  • Abschlussentwicklung der Modul- und Konfigurationsansichten

Woche vom 21.10. bis 27.10.2025

Aktivitäten

  • Finales UI-Polishing (Spacing, Farbe, Abstände)
  • Konsistenztests der Export-Outputs in allen drei Exportformaten

Woche vom 28.10. bis 02.11.2025

Aktivitäten

  • Abschließende Fehlerbehebungen
  • Code-Clean-Up und Refactoring

Woche vom 03.11. bis 09.11.2025

Aktivitäten

  • Neue Funktion ergänzt: Vollbild-Vorschau der konfigurierten Module im Live-Preview
  • Schriftliche Ausarbeitung abgeschlossen
  • Planung und Vorbereitung der Bilddokumentation und des Abschlussvideos