Home

Aufgabe · Mobile Menu

Ausgangslage

In fast jedem Web-Projekt gibt es ein «Hamburger-Menü». Nun da die Studierenden in der lage sind einfache JavaScript-Arbeiten zu realisieren, kann ein Mobile-Menü mit «ausfahrendem» Inhalt realisiert werden.

Termin

Am 18. Januar 2019 muss die Website mittels gh-pages online sein. Zusätzlich muss im Unterricht die Person und das Design kurz (5 min.) präsentiert werden.

Aufgabe

Jede Person schreibt einen Text über eine bekannte «Internet-Persönlichkeit» im Umfang von etwa 1000 Zeichen. Quellen müssen korrekt und vollständig angegeben werden. Ein kritischer Umgang mit der Zuverlässigkeit der Quellen ist gefordert. Dieser Text soll als HTML-Dateien abgegeben werden. Bitte nur Text und Textstruktur verwenden. Keine Bilder, Videos, ... Plagiate werden mit der Note 1 bewertet. Für die Übersichtsseite muss zusätzlich ein Foto der Person im Format 1200 ✕ 900 px abgegeben werden. Bitte Quelle im Text deutlich vermerken. Lizenzen für Bild beachten!

Einige Personen, die man berücksichtigen könnte. Ich bitte Frauen wo möglich zu bevorzugen:

Seitenstruktur

Die ganze Klasse arbeitet in einem Repository. Die Studierenden erstellen jeweils;

docs/{Nachname der Internet-Persönlichkeit}/
   ├── index.html      → html-File des Texts & Hamburger-Menü
   ├── styles.css      → Formatierung
   ├── script.js       → JavaScript
   ├── preview.jpg     → Bild der Person
   └── preview.md      → Quelle des Bildes
   ...

index.html

Dieser Seite besteht aus Text und «Hamburger-Menü». Das selbe Menü wird auch auf Desktop angezeigt. Im Hamburger-Menü wird auf die jeweiligen Klassenkammeraden verlinkt. Die Link-Ziele und Texte weren am Tag der Abgabe eingefügt. Bitte mit 12 Dummy-Links (nicht nur Text) arbeiten. Das Markup (Code) muss möglichst minimal aufgebaut sein.

style.css & script.js

Enthält die Formatierung und die Interaktion für die Seite.

Bewertung

Technik (40%)

Inhalt (20%)

Führung/Menü (10%)

Grafisches Konzept (30%)