lehrkraefte:snr:informatik:glf22:html-css:projekt [https://fginfo.ksbg.ch Fachgruppe Informatik der KSBG]

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.
~~NOTOC~~

nächstes Mal besser machen: 
  * Abgabe früher im Jahr, damit alle es auf den Server laden müssen! (Statt emails oder zip-Dateien, die nur Mehraufwand bedeuten.)
  * Inhalt sollte zumindest Bonuspunkte geben.
  * Gute Strukturiertheit der Dateien belohnen. Wirkt eventuell auch gegen stupide ChatGPT-Benutzung. 
  * Zwischenstand checken (und in Benotung berücksichtigen):  
    * Upload auf Tech-Lab-Server bereits nach zwei Wochen, damit "Kinderkrankheiten" (wie Links auf lokale Dateien oder Bilder mit lokalem Pfad) frühzeitig beseitigt werden.
    * HTML-Hauptdatei ''index.html'' bei jedem anschauen, damit schreckliche Fehler (etwa fünfmal ''body'' etc.) beseitigt werden.
  * Am Ende Präsentation! Hat diverse Vorteile, u.a. geben sich einige hoffentlich mehr Mühe.

====== 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). 

<!--  * Zweiergruppen sind ebenfalls erlaubt - die beiden vorigen Punkte gelten sinngemäss.-->

<!-- 
===== Wer von zu Hause aus arbeiten möchte =====

Du kannst einen beliebigen Editor verwenden, um die HTML- und CSS-Dateien zu erstellen. Du kannst aber auch auf deinem Privatrechner Visual Studio Code installieren. VS Code hat den Vorteil, "intelligente" Vervollständigungsvorschläge zu machen.

Das Hochladen deiner Dateien mit FileZilla sollte von zu Hause aus funktionieren - unter den aktuellen Einstellungen ist deine Website aber nur aus dem Schulnetz anzeigbar. Man kann dies ändern, siehe [[https://ofi.tech-lab.ch/2022/teach/0cc6ccab/]]. Beachte dann aber, dass deine Dateien weltweit zugänglich werden und du aufpassen musst, dass du dich nicht strafbar machst (Copyright-Verletzungen etc.).
-->

<WRAP center round important>
Bitte juristisch korrekt verhalten! Bei Bildern, Videos, Audios und ähnlichem ist die Quelle anzugeben. Ich empfehle einen Link zur Herkunfts-Webpage, etwa in der Abbildungsbeschreibung eines Bildes.((Denn manchmal ist es gar nicht so einfach herauszufinden, wie man eine Datei verwenden darf, d.h. welche Lizenzen zu beachten sind. Bei Dateien auf der Wikipedia findet man dies meist als "kopierbare" Information mit wenigen Klicks.))

Z.B.: Eigene Bilder bzw. "creative commons" Bilder statt copyright-geschützter Bilder verwenden. (Wenn man die Webseite weltweit zugänglich macht, kann dies sonst teuer werden; solange alles im Schulnetz bleibt, ist diese Gefahr gering.)
</WRAP>

===== Abgabe =====

<!-- (Nächstes Jahr anders machen: Genug Zeit am Ende. Jeder muss hochladen, es muss dort funktionieren. Manche hatten mir ge-zip-te Folder geschickt, wo Bilder/Videos fehlten und die internen Links nicht funktionierten - ich war relativ grosszügig, da alles zeitlich knapp war. Irgendwie ausschliessen, dass Leute Content-Management-Systeme verwenden. Auch sollten nicht zu viele Sachen aus den Vorlagen kopiert werden. Gut wäre, Hintergrund-Bild zu erklären, bei float auf alle Fälle ''clear: both;'' erklären. Punkteraster und Benotung war recht grosszügig.) -->

Abgabetermine (in dem Sinne, dass die Website danach nicht mehr geändert werden soll): 
<!--  * (voraussichtlich gebe ich 6-7 Wochen Zeit für das Thema HTML+CSS: 2-3 Wochen für das Durcharbeiten meiner Unterlagen, 4 Wochen für das Erstellen der eigenen Website)-->
  * 2lW:  Montag, 12. Juni, 23:59 Uhr;
  * 2kWG:  Montag, <del>12. Juni,</del> 19. Juni, 23:59 Uhr;
  * 2aLIM:  Dienstag, <del>13. Juni,</del> 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: [[lehrkraefte:snr:informatik:glf22:html-css:filezilla|Hochladen der Website auf den Tech-Lab-Server]]

<hidden Wer den Upload nicht hinbekommt:>
Packe deinen Projekt-Ordner in eine zip-Datei und schicke mir diese per Email (als Anhang oder, falls zu gross, durch Angabe eines Links, unter dem ich die zip-Datei finde).
Abgaben über Teams werden ignoriert.

**Dein Projekt-Ordner alias die zip-Datei enthält alle Bilder, Videos, Audios, die zu deiner Website gehören**, und keine überflüssigen Dateien (so dass deine Website bis auf externe Links auch funktioniert, wenn man nicht online ist).
<!-- Die zip-Datei sollte eine vernünftige Grösse haben (d.h. z.B. nur wenige kurze Videos).-->
</hidden>

<!-- Ich werde mir die Websites voraussichtlich am Tag nach dem Abgabetermin herunterladen. Bitte ändere deine Seiten nach der Abgabe nicht mehr - sonst bewerte ich eventuell eine nicht von dir gewünschte Version. 

Ich suche Eure Websites von 

[[https://ofi.tech-lab.ch/2023/]] 

aus, indem ich von dort in Euer Klassenverzeichnis und dann in Euer Verzeichnis (der Name ist die Zahlen-/Buchstabenkombination, die ihr bekommen habt) wechsle.

**Ist keine Website vorhanden, gibt es die Note 1.0.** Bei Problemen beim Hochladen: Mir per Email alle relevanten Dateien senden.
-->

===== Bewertungskriterien =====

((Die Kriterien sind motiviert durch das Bewertungsraster auf [[https://www.swisseduc.ch/geschichte/methodik/webseiten/]]))

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

<!--  * **Bei Partnerarbeit (nur in Ausnahmefällen mit meiner Zustimmung):** Die gemeinsam erstellte Seite wird von einem Partner veröffentlicht, der andere setzt auf seiner Seite einen Link auf die gemeinsam erstellte Seite.
--> 
  * 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. [[lehrkraefte:snr:informatik:glf22:html-css:projekt-anregungen|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. [[lehrkraefte:snr:informatik:glf22:html-css:filezilla|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.((Die Quellen https://www.w3schools.com/html/default.asp und https://www.w3schools.com/css/default.asp wie auch meine Erläuterungen https://fginfo.ksbg.ch/dokuwiki/doku.php?id=lehrkraefte:snr:informatik:glf22:html-css kannst du, musst du aber nicht angeben (denn es handelt sich um "Lehrbuchwissen").)) 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((Nicht verlangt, aber wissenschaftlich korrekt wäre ein pdf der Konversation)). Wer ein [[https://en.wikipedia.org/wiki/Web_content_management_system|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$.)




===== Ehrlichkeit  =====
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 ''<nowiki><!-- Kommentar --></nowiki>'', 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. <!--(Kopien längerer Codefragmente etwa von [[https://www.w3schools.com/html/default.asp]] müssen aber gekenzzeichnet werden).-->
  * Wer Sachen kopiert, muss mir Fragen zum Code beantworten können; zumindest sollte klar sein, was passiert, wenn man den Code leicht variiert.

===== Link zur Kursseite =====

[[lehrkraefte:snr:informatik:glf22|Zur Kursseite]]