Update

Die Arbeit wird wegen Zeitmangel nicht bewertet!
Alle geben den aktuellen Stand ab bis spätestens Freitag, 9.6.2023, 23.59 Uhr. Ich werde diese Anschauen und eine Rückmeldung (ohne Note) liefern.

Wer die Arbeit trotzdem mit Note bewertet haben möchte, schreibt mir dies bei der Abgabe!
(Es ist auch möglich die Arbeit für einen Teil der Gruppe zu bewerten.)

Lernziele

Du lernst…

• wie eine grössere Anwendung geplant werden kann
• projektorientiertes Arbeiten in einem kleinen Team
• Zusammenhänge zwischen Server und Client sowie verschiedenen Technologien zu erkennen und zu verstehen

Idee

• Wir wollen eine öffentliche REST-Schnittstelle verwenden, um eine WebApp zu programmieren
• Die WebApp soll für Smartphones optimiert sein
• es handelt sich um eine Paar- oder Einzelarbeit
• das Projekt wird benotet

Theorie

Einige Dinge werden wir zusammen anschauen, andere sollt ihr selbständig nachlesen und erarbeiten.

👉 Skript HTML, CSS und JS

Projektantrag

Der zu Beginn einzureichende Projektantrag umfasst die folgenden Punkte:

• Erweiterte Spezifikationen der App (siehe WebApp, ergänzen 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 einzureich

Wireframes/Mockups

Wireframes von Webseiten sind skizzenhafte Layout-Anordnungen der einzelnen Seite. Es soll grob gesagt werden, wo welche Elemente auftauchen. Die etwas detaillierteren 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 (online wireframe-tool)
👉 https://www.sketchize.com (vorlagen als PDF)
👉 …

Arbeitsjournal

Wird mit der LK geteilt (z.B. per E-Mail), beinhaltet Antworten 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 als PDF eingereicht werden:

• Zusammenstellung der vervollständigten Spezifikation
• Bericht über erreichtes Resultat und offen gebliebene Punkte
• Bericht über die Arbeitsresultate der einzelnen Gruppenmitglieder
  («wie habt Ihr Euch organisiert?»)
• Dokumentation der Webseiten-Struktur

Abgabe

Abgegeben wird neben dem Projektbericht (als PDF) das Endprodukt der WebApp (Ordner mit allen Dateien, als ZIP-Datei) bis Freitag, 9.6.2023, 23.59 Uhr.

Bewertung

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

20%

Arbeitsweise (Projektantrag, Arbeitsjournal, Einhaltung Termine)

60%

Webseite (Vollständigkeit, Navigation, Design, Code, Originalität)

20%

Projektbericht (Vollständigkeit, erreichte Resultate, Bericht der Arbeitsresultate, Dokumentation der Webseite)