Projektphase: Websites

• Du erstellst eine eigene Website, machst sie auf dem Tech-Lab-Server schulintern zugänglich und schickst sie mir als zip-Datei.
• Du darfst das Thema deiner Website frei wählen (solange es eines Kanti-Schülers/einer Kanti-Schülerin würdig ist).
• Wer mit jemand anderem eng zusammenarbeitet, teilt mir dies bitte möglichst frühzeitig mit (siehe auch Bewertungskriterium J weiter unten).

Abgabetermine (in dem Sinne, dass die Website danach nicht mehr geändert werden soll):

• 2lW: Montag, 12. Juni, 23:59 Uhr;
• 2kWG: Montag, 12. Juni, 19. Juni, 23:59 Uhr;
• 2aLIM: Dienstag, 13. Juni, 14. Juni, 23:59 Uhr;
• 2rG: Montag, 19. Juni, 23:59 Uhr.

Als Abgabe wir das gewertet, was ich in deinem Unterverzeichnis von https://ofi.tech-lab.ch/2023 kurz nach dem Abgabetermin finde (keine Abgabe führt zur Note 1.0; voraussichtlich kopiere ich alle Webprojekte kurz nach dem Abgabetermin zur Bewertung auf meinen Rechner).

Bitte teste, ob deine Website dort wie gewünscht funktioniert! Werden alle Bilder angezeigt? Funktionieren alle Links?

Wie der Upload funktioniert, ist hier erklärt: Hochladen der Website auf den Tech-Lab-Server

²⁾

Maximalpunktzahl 35; voraussichtlich reichen 30 Punkte für die Note 6.0:

• Bewertungskriterium A, 5 Punkte: Mindestens drei HTML-Seiten sind vorhanden, unter ihnen die Hauptseite index.html und eine Seite quellen.html. Von index.html aus müssen alle anderen Seiten durch sinnvoll beschriftete und gut erkennbare Links erreichbar sein. (Falls jemand ein Menü verwendet und der Eindruck von drei verschiedenen Seiten entsteht, obwohl diese sich alle in einer HTML-Datei (oder gar PHP-Datei) befinden, ist dies auch okay.)
• B, 2 Punkte: Mindestens zwei Links zu anderen Websites im Internet existieren.
• C, 2 Punkte: Mindestens zwei Links zu Websites anderer Schüler oder Schülerinnen existieren und funktionieren; sie müssen sinnvoll beschriftet und erkennbar sein. Diese Links sollen sich in einem neuen Tab öffnen.
• D, 5 Punkte: Titel (im HTML-Element title), Überschriften und Text (im HTML-Element p) sind auf jeder Seite (= web page) der Website vorhanden. Insgesamt sind mindestens zwei der folgenden Elemente eingebunden (zwei Bilder tun's beispielsweise auch): ein Bild (oder eine Grafik), ein Video, ein Audio. (Diese bisher genannten Bedingungen sichern ab, dass mindestens 5 verschiedene HTML-Elemente verwendet werden.)
• E, 5 Punkte: Die Gestaltung funktioniert über eine (oder mehrere) CSS-Dateien. Mindestens 5 verschiedene CSS-Selektoren werden verwendet.
• F, 6 Punkte: Die Website ist ansprechend gestaltet (was immer das genau heisst …), was Inhalt und Form angeht. Link zur Seite mit Anregungen fürs Layout! Dabei geht es um das Aussehen in einem Browser in einem maximal grossen Fenster bei “normaler” Schriftgrösse.
• G, 2 Punkte: Die HTML- und CSS-Dateien sind “grammatikalisch” korrekt - die Validatoren https://validator.w3.org/ und https://jigsaw.w3.org/css-validator/ liefern keine Fehler (höchstens Warnungen).
• H, 2 Punkte: Deine Seite ist schulintern über den Tech-Lab-Server abrufbar (vgl. Hochladen der Website auf den Tech-Lab-Server).
• Auf der Seite quellen.html finden sich die folgenden Angaben:
  • I, 2 Punkte; Hilfsmittel: In einer Liste (HTML-Element ul oder ol) sind alle Hilfsmittel möglichst genau angegeben, von denen du wesentlich profitiert hast.³⁾ Wenn du beispielsweise mehr als 10 Zeilen Code von einer Webseite verwendet oder gar kopiert hast, solltest du die entsprechende Quelle angeben. Hast du ChatGPT oder ein ähnliches Programm verwendet, solltest du das auch hier angeben⁴⁾. Wer ein Web content management system verwendet hat, teilt dies hier ebenfalls mit. Hast du keine Hilfsmittel dieser Art verwendet, schreibst du etwas wie “Nur Lehrbuchwissen verwendet.”
  • J, 2 Punkte; Quellen: In einer Liste gibst du für jede(s) Foto/Abbildungen/Video/Audio die Quelle an (oft wird dies eine Webpage sein, in diesem Fall inklusive Link). Ausnahme: Die entsprechende Angabe steht bereits direkt bei der entsprechenden Datei (etwa in der Beschriftung figcaption einer Abbildung figure'). Die Liste der Quellen kann auch leer sein, wenn bereits alle Quellenangaben anderweitig existieren.
  • Autor(in): Hier steht, dass du der Autor/die Autorin der Website bist (Lizenz, Copyright).
  • K, 2 Punkte; Selbstbewertung: Du gibst an, wie viele Punkte du für jedes der Bewertungskriterien für angemessen hältst und welche Gesamtpunktzahl das ergibt. Wenn du willst, kannst du auch eine Note vorschlagen. Hier ist auch Platz für eventuelle Mitteilungen an mich (z. B. “Ich habe eng mit … zusammengearbeitet.” oder “Das Besondere an meiner Website ist …”).

Beispiel: A5, B2, C2, D5, E0, F0, G0, H0, I2, J0, K2; Gesamtpunktzahl 18 Punkte; Notenvorschlag: 4.0 (Der Notenvorschlag wurde hier mit der Formel $1+5 \cdot\frac{\text{erreichte Punktzahl}}{\text{Punktzahl für Note $6.0$}}$ berechnet: $1+ 5 \cdot \frac {18}{30}=4.0$.)

alias “Abschreiben verboten” alias (an der Uni) “wissenschaftlich korrektes Arbeiten”

• Jeder/jede bearbeitet sein/ihr Projekt eigenständig. Ausdrücklich erlaubt ist es, Hilfe von Lehrpersonen, Klassenkameraden, Verwandten, Freunden etc. einzuholen, solange diese “beratend” ist.
• Inspiration darf man sich überall holen. Wesentliche Inspirationsquellen müssen aber offen benannt werden (siehe Bewertungskriterium H). Guter Stil ist ein Kommentar im Quellcode. (Etwa: “Die Idee für diesen Programmteil kommt von der folgenden Web-Seite.” oder “Dieser Programmteil ist wesentlich beeinflusst von …”. Kommentare in HTML schreibt man per <!-- Kommentar -->, in CSS per /* Kommentar */.)
• Verboten ist es beispielsweise, einfach Code-Fragmente ohne Angabe der Quelle aus dem Internet zu kopieren (Plagiat). Statt stupidem Kopieren empfehle ich zumindest “mitdenkendes Abschreiben mit kleinen Veränderungen” samt Angabe der Quelle. Durch leichtes Abändern von Code-Fragmenten aus dem Internet (oder reduzieren solcher Fragmente auf ein minimal working example) kann man sehr viel lernen!
• “Lehrbuchwissen” darf ohne Angabe der Quelle verwendet werden.
• Wer Sachen kopiert, muss mir Fragen zum Code beantworten können; zumindest sollte klar sein, was passiert, wenn man den Code leicht variiert.

Zur Kursseite