Hinweis : Ablauf und Abgabefrist

siehe Teams!

# Projektschritte

  • Gruppen bilden (zu zweit oder alleine)
  • Projektantrag schreiben und einreichen
  • Arbeit an Projekt, Führen des Arbeitsjournals
  • Schreiben Projektbericht
  • Abgabe Projektbericht und Webseite
  • Kurzes Vorstellen der Webseite

# Anforderungsspezifikation Auftraggeber

Der Auftraggeber wünscht einen Webauftritt für ein TV-Serien-Katalog mit mindestens den folgenden 4 Seiten:

# Startseite

  • eigenes Logo
  • Anzeige «Serien-Empfehlung»
  • Suchformular, um nach Serien zu suchen

# Suchtreffer-Seite

  • Treffer-Liste anzeigen
  • pro Treffer Link zur Detailseite «Serie»

# Detailseite «Serie»

  • Informationen zu dieser Serie anzeigen (Beschreibung, Schauspieler, …)
  • pro Season Link zu Detailseite «Season»

# Detailseite «Season»

  • Alle Episoden dieser Season auflisten

Das Ganze soll einheitlich und schön gestaltet sein und auf dem Smartphone gut funktionieren.

# Zusätzliche Anforderungen

Wir realisieren dieses Projekt mit Flask, Python und der zur Verfügung stehenden Datenbank «theTVDB».

# Fachspezifikation (Vorschlag)

Realisationsvorschläge der Gruppe

  1. HTML-Suchformular auf der Startseite mit Python auswerten und Resultate auf der Suchtreffer-Seite anzeigen.
  2. Durch den Primärschlüssel können die Detailseiten verlinkt werden. Diese zeigen Informationen weitere Informationen an.
  3. Eigenes Design für die Seiten mit CSS gestalten. Stylesheet in externer CSS-Datei. Passend zum eigenen Logo.
  4. «Serien-Empfehlung»: auf Startseite eine «featured TV-Serei» bewerben (kann statisch sein, d.h. müssen keine Inhalte aus der DB sein)
  5. (eigene Ideen: Navigation? immer zurück-Knopf, oder immer Link zur Startseite?)
  6. (eigene Ideen: Bilder einfügen? Schauspieler, Poster?)
  7. (eigene Ideen: …)

# Wireframes/Mockups

Wireframes von Webseiten sind Skizzenhafte Layout-Anordnungen der einzelnen Seite. Es soll grob gesagt werden, wo welche Elemente auftauchen. Die etwas detailierteren Mockups führen das Layout dann genauer aus und fügen ein Design dazu.
Wireframes/Mockups können entweder auf Papier von Hand erstellt und eingescannt/fotografiert werden. Dazu existieren Vorlagen für bestimmte Formate. Man kann dies natürlich auch mit einem Zeichenprogramm, oder mit Powerpoint oder mit spezialisierten Apps/Webseiten erstellen!

# Projektantrag

Der zu Beginn einzureichende Projektantrag umfasst die folgenden Punkte:

  • Erweiterte Fachspezifikation (siehe Vorschlag oben, anpassen und erweitern)
  • Titel der Webseite/des Projektes
  • alle Gruppenmitglieder aufführen
  • Arbeitsplan (Teilaufgaben, Tests, Zwischenziele, …)
  • Wireframes/Mockups der Webseiten (Start-, Suchtreffer- und Detailseite sowie deren Abhängigkeiten)

Der Projektantrag ist als PDF per E-Mail an den Auftraggeber einzureichen.

# Arbeitsjournal

Wird mit der LK geteilt, beinhaltet Antwort auf die folgenden Fragen (Ende jedes Arbeitsblock):

  • Was haben wir heute erreicht?
  • Wo sind wir auf Probleme gestossen?
  • Wo stehen wir in unserem Zeitplan und was sind unsere nächsten Schritte?

# Projektbericht

Der Projektbericht setzt sich aus den folgenden Teilen zusammen und muss am Ende des Projektes eingereicht werden:

  • Projektbericht (als PDF per E-Mail an Auftraggeber):
    • Zusammenstellung der vervollständigten Anforderungs- und Fachspezifikation.
    • Bericht über erreichtes Resultat und offen gebliebene Punkte.
    • Bericht über die Arbeitsresultate der einzelnen Gruppenmitglieder
      («wie habt Ihr Euch organisiert?»)
    • Dokumentation der Webseiten-Struktur
  • funktionierende Website (Ordner mit allen Dateien als ZIP-Datei)

# Bewertung

Das Projekt wird bewertet. Die Note setzt sich wie folgt zusammen:

Gebiet Anteil Gesamtnote
Arbeitsweise (Projektantrag, Arbeitsjournal, Termineinhaltung) 20%
Webseite (Vollständigkeit, Navigation, Design, Code, Originalität) 60%
Projektbericht (Vollständigkeit, erreichte Resultate, Bericht der Arbeitsresultate, Dokumentation der Webseite) 20%
Letzte Änderung: 4.5.2020, 12:32:06