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
- HTML-Suchformular auf der Startseite mit Python auswerten und Resultate auf der Suchtreffer-Seite anzeigen.
- Durch den Primärschlüssel können die Detailseiten verlinkt werden. Diese zeigen Informationen weitere Informationen an.
- Eigenes Design für die Seiten mit CSS gestalten. Stylesheet in externer CSS-Datei. Passend zum eigenen Logo.
- «Serien-Empfehlung»: auf Startseite eine «featured TV-Serei» bewerben (kann statisch sein, d.h. müssen keine Inhalte aus der DB sein)
- (eigene Ideen: Navigation? immer zurück-Knopf, oder immer Link zur Startseite?)
- (eigene Ideen: Bilder einfügen? Schauspieler, Poster?)
- (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!
- https://wireframe.cc (opens new window) (online wireframe-tool)
- https://www.sketchize.com (opens new window) (vorlagen als PDF)
- …
# 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% |