modul:m287:learningunits:lu00:lb02-projektbeschreibung

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen Revision Vorhergehende Überarbeitung
Nächste Überarbeitung		 Vorhergehende Überarbeitung
modul:m287:learningunits:lu00:lb02-projektbeschreibung [2025/05/23 06:37] – kdemircimodul:m287:learningunits:lu00:lb02-projektbeschreibung [2025/05/23 08:23] (aktuell) – kdemirci
Zeile 1: Zeile 1:
-====== LU00f - LB02 Projektbeschreibung [TBD] ======+====== LU00g - LB02 Projektbeschreibung ======
 ===== Projekt 1: Kochrezepte-Plattform ===== ===== Projekt 1: Kochrezepte-Plattform =====
  
Zeile 8: Zeile 8:
   - Nutzer*innen können nach Kategorien (z. B. Vorspeise, Hauptgericht, Dessert) filtern und passende Rezepte anzeigen lassen.     - Nutzer*innen können nach Kategorien (z. B. Vorspeise, Hauptgericht, Dessert) filtern und passende Rezepte anzeigen lassen.  
   - Jede Rezeptseite zeigt ein ansprechendes Bild, eine Zutatenliste, eine Schritt-für-Schritt-Anleitung sowie ein eingebettetes Kochvideo.     - Jede Rezeptseite zeigt ein ansprechendes Bild, eine Zutatenliste, eine Schritt-für-Schritt-Anleitung sowie ein eingebettetes Kochvideo.  
-  - Die Startseite präsentiert ausgewählte "Rezept des Tages"-Empfehlungen in einem Carousel.   +  - Die Startseite präsentiert ausgewählte "Rezept des Tages"-Empfehlungen in einem Carousel (Bootstrap Carousel-Komponente).   
-  - Ein responsives Grid zeigt Rezeptkarten mit kurzen Teasern und einem "Mehr erfahren"-Button.  +  - Ein responsives Grid zeigt Rezeptkarten mit kurzen Teasern und einem "Mehr erfahren"-Button (z. B. Bootstrap Cards).  
   - Eine Kontaktseite ermöglicht Nutzer*innen das Einsenden eigener Rezepte inklusive Bild-Upload.   - Eine Kontaktseite ermöglicht Nutzer*innen das Einsenden eigener Rezepte inklusive Bild-Upload.
  
Zeile 20: Zeile 20:
  
 **Use Cases:**   **Use Cases:**  
-  - Eine Galerie zeigt Bilder der Werke, die beim Anklicken in einer Lightbox grösser dargestellt werden.  +  - Eine Galerie zeigt Bilder der Werke, die beim Anklicken in einer Lightbox grösser dargestellt werden (z. B. Bootstrap Modal).  
   - Eine Über-mich-Seite stellt die Künstlerin mit Foto, Biografie und künstlerischer Laufbahn vor.     - Eine Über-mich-Seite stellt die Künstlerin mit Foto, Biografie und künstlerischer Laufbahn vor.  
   - Ein Bereich für aktuelle oder vergangene Ausstellungen mit Veranstaltungsdaten und Flyern als Download.     - Ein Bereich für aktuelle oder vergangene Ausstellungen mit Veranstaltungsdaten und Flyern als Download.  
   - Kontaktformular mit Betreffauswahl (Anfrage für Ausstellung, Kaufanfrage, Presse).     - Kontaktformular mit Betreffauswahl (Anfrage für Ausstellung, Kaufanfrage, Presse).  
-  - Ein Blog-Bereich, in dem die Künstlerin Einblicke in ihren Schaffensprozess gibt.+  - Ein Blog-Bereich, in dem die Künstlerin Einblicke in ihren Schaffensprozess gibt (z. B. mit Bootstrap Accordion für Artikelübersicht).
  
 ---- ----
Zeile 34: Zeile 34:
  
 **Use Cases:**   **Use Cases:**  
-  - Speisekarte mit Tagesangeboten, dargestellt über stylische Karten-Elemente.   +  - Speisekarte mit Tagesangeboten, dargestellt über stylische Karten-Elemente (z. B. Bootstrap Cards).   
-  - Startseite mit Hero-Bild des Cafés und einer kurzen Vorstellung.  +  - Startseite mit Hero-Bild des Cafés und einer kurzen Vorstellung (z. B. Jumbotron oder Grid-Layout).  
   - Galerie mit Bildern vom Interieur, den Speisen und Getränken.     - Galerie mit Bildern vom Interieur, den Speisen und Getränken.  
   - Google Maps Einbettung mit Anfahrtsbeschreibung.     - Google Maps Einbettung mit Anfahrtsbeschreibung.  
-  - Kontaktformular für Reservationen und Anfragen.+  - Kontaktformular für Reservationen und Anfragen (z. B. mit Bootstrap Form Controls).
  
 ---- ----
Zeile 48: Zeile 48:
  
 **Use Cases:**   **Use Cases:**  
-  - Vorstellung des Line-ups mit Bandinfos und Spielzeiten pro Tag.  +  - Vorstellung des Line-ups mit Bandinfos und Spielzeiten pro Tag (z. B. mit Bootstrap Tabs oder Accordion).  
   - Interaktive Festival-Karte mit Standorten von Bühnen, WC, Foodtrucks etc.     - Interaktive Festival-Karte mit Standorten von Bühnen, WC, Foodtrucks etc.  
-  - Video-Trailer und Aftermovies vergangener Festivals.  +  - Video-Trailer und Aftermovies vergangener Festivals (z. B. eingebettetes YouTube-Video im Modal).  
   - Ticketinfos mit Preisstaffelung, Link zur Bestellung und Rabatthinweisen.     - Ticketinfos mit Preisstaffelung, Link zur Bestellung und Rabatthinweisen.  
   - Festivalguide als Download-PDF.   - Festivalguide als Download-PDF.
Zeile 62: Zeile 62:
  
 **Use Cases:**   **Use Cases:**  
-  - Vermittlungsseite mit Tierprofilen (Bild, Beschreibung, Verträglichkeit, Vermittlungsstatus).  +  - Vermittlungsseite mit Tierprofilen (Bild, Beschreibung, Verträglichkeit, Vermittlungsstatus; z. B. als Cards angelegt).  
   - Vorstellung des Vereins mit Teamfotos und Jahresrückblick.     - Vorstellung des Vereins mit Teamfotos und Jahresrückblick.  
-  - Spenden-Seite mit Formular und verschiedenen Unterstützungsoptionen.  +  - Spenden-Seite mit Formular und verschiedenen Unterstützungsoptionen (z. B. mit Bootstrap Input-Groups).  
   - Erfahrungsberichte erfolgreicher Adoptionen.     - Erfahrungsberichte erfolgreicher Adoptionen.  
-  - Veranstaltungskalender für Infotage und Aktionen.+  - Veranstaltungskalender für Infotage und Aktionen (z. B. als Table-Komponente).
  
 ---- ----
Zeile 76: Zeile 76:
  
 **Use Cases:**   **Use Cases:**  
-  - Startseite mit neuesten Blogbeiträgen und motivierenden Zitaten.  +  - Startseite mit neuesten Blogbeiträgen und motivierenden Zitaten (z. B. mit Bootstrap Card-Gruppen).  
   - Artikel zu verschiedenen Themenkategorien mit Tags und Suchfunktion.     - Artikel zu verschiedenen Themenkategorien mit Tags und Suchfunktion.  
-  - Eingebettete Workout-Videos oder Podcasts.  +  - Eingebettete Workout-Videos oder Podcasts (z. B. über Bootstrap Responsive Embed).  
   - Monats-Challenge mit Fortschrittsanzeige oder Downloadplan.     - Monats-Challenge mit Fortschrittsanzeige oder Downloadplan.  
-  - Kontaktseite für Fragen, Feedback oder Themenvorschläge.+  - Kontaktseite für Fragen, Feedback oder Themenvorschläge (z. B. mit Bootstrap Formularelementen).
  
 ---- ----
Zeile 90: Zeile 90:
  
 **Use Cases:**   **Use Cases:**  
-  - Kollektion präsentieren: Slideshow mit Looks und Beschreibung der Idee dahinter.  +  - Kollektion präsentieren: Slideshow mit Looks und Beschreibung der Idee dahinter (z. B. mit Bootstrap Carousel).  
   - Designer-Team vorstellen: Fotos, Kurzporträts und Statements.     - Designer-Team vorstellen: Fotos, Kurzporträts und Statements.  
-  - Style-Beratung: Artikel oder Quiz zur Findung des passenden Stils.  +  - Style-Beratung: Artikel oder Quiz zur Findung des passenden Stils (z. B. mit Bootstrap Cards und Buttons).  
   - Blog mit Neuigkeiten zur Marke und Modetrends.     - Blog mit Neuigkeiten zur Marke und Modetrends.  
-  - Kontaktseite mit Anfragemöglichkeit für Kooperationen oder Presse.+  - Kontaktseite mit Anfragemöglichkeit für Kooperationen oder Presse (z. B. Modal mit Kontaktformular).
  
 ---- ----
Zeile 105: Zeile 105:
 **Use Cases:**   **Use Cases:**  
   - Interaktive Karte mit Hotspots und Kurzinfos zu jedem Ort.     - Interaktive Karte mit Hotspots und Kurzinfos zu jedem Ort.  
-  - Themenspezifische Erlebniswelten (z. B. Natur, Kultur, Familie).   +  - Themenspezifische Erlebniswelten (z. B. Natur, Kultur, Familie).   
-  - Galerie mit Impressionen der Region.  +  - Galerie mit Impressionen der Region (z. B. im Card-Layout mit Bootstrap Grid).  
   - Downloadbare PDF-Broschüre mit Reiserouten.     - Downloadbare PDF-Broschüre mit Reiserouten.  
-  - Kontaktformular für individuelle Fragen oder Gruppenanfragen.+  - Kontaktformular für individuelle Fragen oder Gruppenanfragen (z. B. Bootstrap Form mit Validierung).
  
 ---- ----
Zeile 118: Zeile 118:
  
 **Use Cases:**   **Use Cases:**  
-  - Artikelvorschau auf Startseite mit Kategorie-Labels (Politik, Kultur, Sport etc.).  +  - Artikelvorschau auf Startseite mit Kategorie-Labels (z. B. als Cards mit Badges in Bootstrap).  
   - Detaillierte Artikelseiten mit eingebetteten Medien.     - Detaillierte Artikelseiten mit eingebetteten Medien.  
-  - Filterfunktion nach Datum, Thema oder Autor.  +  - Filterfunktion nach Datum, Thema oder Autor (z. B. mit Dropdowns und Selects).  
   - Kommentare oder Reaktionen zu Beiträgen (optional).     - Kommentare oder Reaktionen zu Beiträgen (optional).  
-  - Newsletter-Anmeldung für wöchentliche Zusammenfassungen.+  - Newsletter-Anmeldung für wöchentliche Zusammenfassungen (z. B. via Bootstrap Input Group mit Button).
  
 ---- ----
Zeile 133: Zeile 133:
 **Use Cases:**   **Use Cases:**  
   - Virtuelle Ausstellung mit interaktivem Rundgang.     - Virtuelle Ausstellung mit interaktivem Rundgang.  
-  - Detailseiten für Exponate mit Bild, Text, Audioerklärung.  +  - Detailseiten für Exponate mit Bild, Text, Audioerklärung (z. B. mit Cards und Tabs).  
   - Kalender für kommende Online-Events oder Workshops.     - Kalender für kommende Online-Events oder Workshops.  
-  - Downloadbereich für Arbeitsblätter oder Zusatzmaterial.  +  - Downloadbereich für Arbeitsblätter oder Zusatzmaterial (z. B. über Bootstrap List-Groups).  
   - Feedbackformular zur Verbesserung des digitalen Angebots.   - Feedbackformular zur Verbesserung des digitalen Angebots.
  
Zeile 146: Zeile 146:
  
 **Use Cases:**   **Use Cases:**  
-  - Spieleseiten mit Beschreibung, Screenshots, Trailer.  +  - Spieleseiten mit Beschreibung, Screenshots, Trailer (z. B. mit Cards und Carousel für Screenshots).  
   - Entwicklerporträts mit Biografie und Projektinfos.     - Entwicklerporträts mit Biografie und Projektinfos.  
   - Blog über Entwicklungsfortschritte und technische Hintergründe.     - Blog über Entwicklungsfortschritte und technische Hintergründe.  
   - Kommentarfunktion für Feedback und Community-Austausch.     - Kommentarfunktion für Feedback und Community-Austausch.  
-  - Bereich mit Download-Demos oder Links zu Plattformen (Steam, itch.io).+  - Bereich mit Download-Demos oder Links zu Plattformen (z. B. mit Badges und Buttons in Bootstrap).
  
 ---- ----
Zeile 160: Zeile 160:
  
 **Use Cases:**   **Use Cases:**  
-  - Projektgalerie mit Vorher-Nachher-Vergleichen.  +  - Projektgalerie mit Vorher-Nachher-Vergleichen (z. B. mit Bootstrap Grid oder Carousel).  
   - Detaillierte Projektseiten mit Grundrissen, Fotos und Beschreibung.     - Detaillierte Projektseiten mit Grundrissen, Fotos und Beschreibung.  
-  - Teamseite mit Kurzvorstellungen der Architekt*innen.  +  - Teamseite mit Kurzvorstellungen der Architekt*innen (z. B. als Cards mit Bildern und Text).  
   - Newsbereich mit aktuellen Bauprojekten oder Wettbewerbsteilnahmen.     - Newsbereich mit aktuellen Bauprojekten oder Wettbewerbsteilnahmen.  
-  - Kontaktformular mit Möglichkeit zur Projektanfrage oder Bewerbungen.+  - Kontaktformular mit Möglichkeit zur Projektanfrage oder Bewerbungen (z. B. mit Validierung und Input-Groups). 
 + 
 +---- 
 + 
 +[[https://creativecommons.org/licenses/by-nc-sa/4.0/|{{https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png}}]] Kamil Demirci
  
  • modul/m287/learningunits/lu00/lb02-projektbeschreibung.1747975065.txt.gz
  • Zuletzt geändert: 2025/05/23 06:37
  • von kdemirci