Endlich können wir uns wieder den Microbits zuwenden! In den Lektionen vor den Sommerferien setzt Ihr euer eigenes Projekt in 2er-Gruppen um!

1. Das Projket muss eigenen Code enthalten: Wenn ihr bestehenden Code übernehmt, müsst ihr eure eigenen Zusatzfunktionen implementieren.
2. Das Projekt soll nicht bloss aus einem Mircobit bestehen:
   1. Schliesst zusätzliche Hardware an (wie LEDs, Knöpfe, Regler, Sensoren) oder
   2. bauet den Microbit in ein selbstgebasteltes und schön gestaltetes Gerät (aus Karton oder Holz) ein.
   3. Oder beides.
3. Im Projekt können auch mehrere Microbits zum Einsatz kommen.

1. Bastelmaterial wie Karton, Styropor, Holz, buntes Papier, Scheren, Leim, Farbstifte etc.
2. Elektronikmateiral wei LEDs, LED-Streifen, Kabel, Sensoren, Schalter etc.

1. Projekt ausdenken (siehe auch Projektideen) und kurz mit der Lehrperson besprechen, ob das machbar ist: Bis 15.06.22. (Ende der Lektion)
2. Auf Papier Projekt skizzieren. Bis 20.06.22 (Ende der Lektion)
   1. Wie sieht das Produkt grob aus?
      1. Skizze.
      2. Welche Komponenten/Funktionen des Microbits werden benötigt?
      3. Welches zusätzliche Material wird benötigt?
   2. Wie sieht der Aufbau des Programms (Code) grob aus?
      1. Skizze/Struktogramm.
      2. Welche Variablen & Funktionen werden benötigt?
   3. Mit der Lehperson besprechen und evtl. überarbeiten.
3. Programmieren und bauen/basteln.
4. Testen, Fehler suchen, verbessern. Bis 22.06.22 (Ende der Lektion)
5. In der Klasse kurz präsentieren. Am 29.06.22

1. Musikinstrument aus Karton.
2. Bunte Lichter, die auf Musik reagieren (Discolicht).
3. Nachtbeleuchtung: Je dunkler die Umgebung, desto heller leuchtet das Licht.
4. Jukebox, die verschiedene Melodien spielt, evtl. mit Lautsprecher oder angeschlossenen mobilen Boxen.
5. Lautstärke-Messer mit visueller Warnung, wenn es zu laut ist.
6. Temperaturanzeige oder -aufzeichnung, evtl. mit drahtloser Übertragung auf anderen Microbit.
7. Lufteuchtigkeitsanzeige oder -aufzeichnung, evtl. mit drahtloser Übertragung auf anderen Microbit.
8. Schrittzähler
9. Abstimmung / Anonyme Umfragen mit LED-Anzeige des Resultats (wie in Aufgabe E6/E7 hier: Microbit programmieren)

Ihr findet viele weitere Ideen, wenn ihr zum Beispiel „Mircobit projects“ in der Google-(Bilder)-Suche eingebt. Falls ihr ein Bild eines interessanten Projekts entdeckt: Seht auch zu, dass ihr ausreichend Informationen zu diesem Projekt findet.

• Prüfung am PC, mit Sheets/Excel.
• Alle Bildschirme mit maximaler Helligkeit –> Ladegerät mitnehmen!
• Alle schauen zur Rückwand des Schulzimmers –> frühzeitig erscheinen zum Einrichten.
• Ablauf:
  1. Datei mit Aufgabenstellung öffnen (Link).
  2. Kopie der Datei erstellen und diese umbenennen: Mit eigenem Namen ergänzen.
  3. Datei bearbeiten, Aufgaben lösen.
  4. Sobald fertig: Datei mit LP teilen und Laptop zuklappen.
• Lernziele:
  1. Grundkenntnisse Sheets/Excel (Datenbearbeitung):
     1. Formeln erstellen und
     2. Autofill nutzen und
     3. dabei relative und absolute Bezüge richtig verwenden.
     4. Grundlegende Funktionen (SUM, AVERAGE etc.) in Formeln verwenden.
     5. Zahlenformate für die Anzeige oder für weitere Bearbeitung anpassen.
     6. Bedingte Formatierungen implementieren.
  2. Diagramme (Daten-Darstellung):
     1. Linien- und Säulendiagrammen erstellen.
     2. Daten für Diagramme aufbereiten.
     3. Achsen kürzen.
     4. Diagramme einordnen und kritisch hinterfragen.

• Schriftliche Prüfung auf Papier. Keine Hilfsmittel.
• Inhalte: Social Engineering, Authentifzierung, Verschlüsselung.
• Lernziele:
  1. Social Engineering:
     1. Erklären können, was Social Engineering ist, wie es funktioniert, wie es sich von Hacking unterscheidet.
     2. Unterschiedliche Social-Engineering-Vektoren sowie deren Vor- und Nachteile (aus Anfreifer:innen-Sicht) nennen können.
     3. Manipulative Methoden bzw. „Tricks“, die beim Social-Engineering zum Einsatz kommen, beschreiben können.
     4. Ansätze zum Schutz vor Social-Engineering-Angriffen nennen können.
  2. Authentifizierung:
     1. Erklären können, was Authentifzierung ist und in welchen Formen sie in der realen Welt und im Netz (virtuelle Welt) erfolgt.
     2. Multi-Faktor-Authentifizierung (MFA) beschreiben und deren Vorteile erklären können.
     3. Erklären können, wann und warum MFA nötig ist.
     4. Drei Arten von Faktoren der MFA inkl. Beispiele nennen können.
  3. Verschlüsselung:
     1. Begriffe kennen (siehe Wiki).
     2. Von folgenden Verschlüsselungsverfahren die Funktionsweise verstehen und die Verfahren vergleichen können (Gemeinsamkeiten, Unterschiede, Einschätzung der Sicherheit):
        1. Caesar-Verschlüsselung
        2. Vigenère-Verschlüsselung
        3. XOR-Verschlüsselung
     3. Methoden zur Entschlüsselung monoalphabetischer Verfahren verstehen (Durchprobieren, Häufigkeitsanalyse).
     4. Dezimalzahlen ohne Taschenrechner in binäre wandeln können – und umgekehrt.
     5. Mit ASCII-Codes, XOR-Operation umgehen können.
  4. Programmieren (python):
     1. Funktionen für die Caesar-, Vigenère- und XOR-Verschlüsselung verstehen.
     2. Grundlegende Programmier-Werkzeuge wie for-Schleife, if-Verzweigung, Funktionen, Variablen etc. anwenden können, d.h:
        1. damit Änderung oder Ergänzungen an bestehenden python-codes vornehmen können
        2. damit eigene kurze python-codes (mit wenigen Code-Zeilen) erstellen.
• Lernresourcen:
  • Phishing und Social engineering
  • Authentifizierung
  • Verschlüsselung 2Mab

• Erlaubte Hilfsmittel:
  • Microbit Wiki inkl. verlinkte Seiten.
  • A5 Spickzettel handgeschrieben.
• Modus:
  • Die Aufgaben werden grösstenteils mit PC (Mu oder online Editor) und Microbit, aber auch auf Papier gelöst.
  • Abgabe der PC-Aufgaben über Teams.
• Inhalte:
  • Python Code schreiben:
    • If, elif, else
    • Schleifen: while, for in range(...)
    • Funktion definieren und aufrufen
  • Python Code lesen:
    • Code lesen und in natürlicher Sprache beschreiben, was passiert.
  • Microbit programmieren, siehe behandelte Aufgaben im Wiki.
  • Robotik:
    • Was ist ein Roboter?
    • Vor- und Nachteile? Gefahren und Möglichkeiten?
• Zusätzliche Lernressourcen:
  • Python Tutorial
  • Präsentation Roboter 1
  • Präsentation Roboter 2

Setzt euch in 2er bis 3er-Gruppen zusammen und:

1. Überlegt zusammen und macht ein paar Notizen:
   1. Was für einen Roboter oder was für eine roboter-artige Maschine würden wir bauen (bzw. bauen lassen), wenn wir die Mittel dazu hätten? Weil wir das toll fänden und weil wir denken, dass sich das gut verkaufen würde.
   2. Was wären die Features dieses Roboters/dieser Maschine?
   3. Welche Leute würden das Ding kaufen (Zielgruppen)?
   4. Wie macht ihr dafür Werbung?
2. Erstellt ein kleines Werbeplakat mit mindestens folgenden Elementen:
   1. Name eures Produkts (Überschrift)
   2. Eine schöne Zeichnung eures Roboters/eurer Maschine
   3. Nennung der wichtigsten Features, evtl. Bezüge zur Zeichnung
   4. evtl. Werbesprüche, die die Vorteile des Produkts hervorheben
   5. Preis
   6. etc.

• Der fertige Lebenslauf wird abgegeben (via Teams, als Zip-Datei) und bewertet.
• Die Bewertung des Lebenslaufs wird als Rundungs-Bonus in die Semesternote einbezogen.
• Abgabe bis 21. November 2021
• Bewertungskriterien:
  • Inhalt:
    • Lebenslauf muss für die richtige Person sein (kein Fantasieprodukt)
    • würden Sie einer Firma senden für eine Bewerbung.
  • HTML:
    • Enthält Foto, Hyperlink, Überschriften, Liste
    • Struktur-Elemente werden konsistent verwendet (Überschriften…)
    • korrekter HTML <head>: Titel, CSS-Einbindung…
  • CSS:
    • ansprechende Formatierung
    • benützt Farbe, Schriftart, Rahmen
• ein paar Hinweise (ist alles nicht Bedingung!):
  • Elemente wie Bilder links oder rechts positionieren
  • Verhindern, dass der Inhalt zu breit wird: Geben Sie dem <body> eine max-width von vielleicht 20cm.
  • Breite von Elementen steuern über width
  • Achtung, nicht ganz trivial: Grid-Layout
  • Beispiel-Lebenslauf (Tigerente) hier

• Schaue dieses Video zu HTTP und HTML und lese evtl. auch den bisher vorhandenen Wiki-Artikel zu Internet und Netzwerken.
• Überlege, wie du deinem Bruder/deiner Schwester/deinen Grosseltern erklären würdest, wie das Internet funktioniert und was passiert, wenn wir „ins Internet gehen“ bzw. eine Webseite aufrufen. Gehe deine Erklärung in Gedanken durch, mache dir vielleicht Notizen oder eine Skizze dazu, schaue ggf. das Video erneut.
• Wenn du das machst, fällt dir vielleicht etwas auf, was du noch nicht ganz verstanden hat.
• Schreibe nun eine Frage oder eine besondere Erkenntnis zu dem, was du geschaut (oder gelesen) hast, in den Teams-Kanal „Internet und Netzwerke“. Oder du antwortest auf einen bereits vorhandenen Beitrag. Erledige das am besten so früh wie möglich, spätestens bis Sonntagabend (28.11.21).

• Schriftliche Prüfung auf Papier. Keine Hilfsmittel.
• Inhalte: HTML/CSS, Internet und Netzwerke, Gesellschaftliche Aspekte des Internets.
• Lernziele
  1. Gesellschaftliche Bedeutung des Internet:
     1. Wissen, wie das Internet die Wirtschaft und Wissenschaft revolutionierte.
     2. Fakenews: Strategien zum Erkennen von Fakenews nennen können.
  2. Web-Technologien:
     1. Grundlagen von HTML und CSS kennen:
        1. HTML: Wichtigste Inline- und Block-Elemente, Attribute, HTML-Grundstruktur, Einbindung einer CSS-Datei
        2. CSS: CSS-Struktur, korrekte Schreibweise und Funktionsweise von Selektoren und Formatierungsregeln
     2. Grundlagen von HTML und CSS anwenden können, zum Beispiel:
        • CSS-Regeln nach bestimmten Anforderungen formulieren,
        • Fehler in HTML- oder CSS-Datei finden
  3. Netzwerk-Wissen:
     1. Schichtenmodell verstehen, Analogie des Post-Versands verstehen und erklären können.
     2. Erklären können, was ein Protokoll ist.
     3. 4 Schichten und ihre Analogie benennen können.
     4. Adressen und Routing in der Vermittlungsschicht verstehen.
     5. Die folgenden Anwendungsprotokolle kennen: HTTP, DNS
• Lernresourcen:
  • Wiki
  • Zusätzliche Videos, falls hilfreich (enthalten mehr Infos als in der Prüfung gefragt):
    • Zur Anwendungsschicht: HTTP & HTML
    • Zur Transportschicht: Packets, Routing & Reliability
    • Zur Vermittlungsschicht: IP Addresses & DNS
    • Zur physikalischen Schicht: Wires, Cables & Wifi
    • Zum OSI-Modell, welches hilft, das TCP/IP-Modell (Schichten-Modell) zu verstehen.

• In 2er- bis 3er-Gruppen
• Erstellt eine Lernkarte zu dem euch zugewiesenen Lernziel oder Thema aus dieser Liste:
  1. HTML: Übersicht über Struktur und wichtigste Elemente
  2. CSS: Übersicht über Struktur (Selektor, Formatierungsregel), wichtigste Eigenschaften und Werte
  3. Anwendungsschicht: Was wird ausgetauscht? Protokolle, Abstraktionen, Analogie Postversand
  4. Transportschicht: Was wird ausgetauscht? Was wird geregelt? Protokolle, Abstraktionen, Analogie Postversand
  5. Vermittlungsschicht: Was wird ausgetauscht? Protokolle, Abstraktionen, Analogie Postversand, Adressen
  6. Physikalische Schicht: Was wird ausgetauscht? Protokolle, Abstraktionen, Analogie Postversand, Adressen
  7. Protokoll: Definition, Zweck, Beispiele im Alltag, Beispiele HTTP und DNS
  8. IP-Adressen: Definition, Zweck, Besonderheiten, Vergabe, v4 vs v6.
  9. Routing: Funktionsweise, Zweck und Besonderheiten eines Routers; Wie gelangt Paket von A nach B in einem Netz aus mehreren Subnetzen?
• Inhalt:
  • Wichtigste Informationen zum Thema verständlich erklärt.
  • Text und Bilder selber erstellen, nicht kopieren!
• Form:
  • A4 Querformat
  • Mit Powerpoint (oder Keynote) oder auf Papier (dann fotografiert).
  • Schriftgrösse mindestens 18 pt (falls von Hand: Zeilenhöhe mindestens 8 mm (zwei Hüsli)).
• Beispiel: Lernkarte 10, Seitenaufruf auf vier Schichten
• Vorgehen:
  1. Recherchieren (5-10'): Jede/r recherchiert für sich. Auf dem Wiki und evtl. mittels Videos.
  2. Austauschen, Fragen notieren, skizzieren (5-10'): Notiert gemeinsam, welche Fragen ihr auf eurer Lernkarte beantworten wollt und erstellt von Hand eine grobe Skizze der Lernkarte.
  3. Besprechen (1-3'): Besprecht mit der Lehrperson euren Plan. Nehmt evtl. Ergänzungen vor.
  4. Erstellen (20-30'): Erstellt die Lernkarte gemeinsam, teilt euch evlt. auf in Text- und Bild-Erstellung.
  5. Vorbereiten und Präsentieren (3-7'): Überlegt, wie ihr die Lernkarte präsentiert (wer was sagt). Stellt sie der Klasse vor (max. 3 Minuten).

1. Erstelle an passender Stelle in deiner Ordnerstruktur einen Ordner namens „Buttons“.
2. Öffne Visual Studio Code (VSC) und öffne dort diesen Ordner.
3. Erstelle in VSC innerhalb des Ordners „Buttons“ vier neue Dateien: index.html, style.css, red.html und blue.html
4. Erstelle in index.html die html-Grundstruktur mit den Tags html, head, title, body.
5. Binde in index.html die Datei style.css ein.
6. Bearbeite index.html und style.css so, dass die html-Datei möglichst genau so aussieht:
7. Wenn du auf den roten Button klickst, wird die Seite red.html geöffnet, wenn du auf die blauen Button klickst, wird die Seite blue.html geöffnet.
8. Beide Dateien zeigen eine beliebige Nachricht in grosser, weisser Schrift. Die Hintergrundfarbe von red.html ist rot, diejenige von blue.html blau.

• Verwende Links als Buttons. Mit CSS-Eigenschaften wie padding, border-style, background-color, text-decoration, text-align etc. kannst du die Links wie Buttons aussehen lassen.

Erweitere die CSS-Datei so, dass die Buttons die Farbe wechseln, wenn du den Mauszeiger darüber bewegst.

• Der rote Button soll heller werden (coral), seine Schrift dunkel (darkred)
• Der blaue Button soll heller werden (cornflowerblue), seine Schrift dunkel (darkblue)

Siehe ganz oben.