---

Lieber Projektkurs,
kurze Vorrede: Auch wenn die Aufgabe heute nach "Programmierung" aussieht: Keine Angst! Es geht um eine von mir erdachte "Programmiersprache", die ich auch in Klasse 6 einsetze, um bestimmte Konzepte zu verdeutlichen. Solche Konzepte (z.B. dass Befehle hintereinander ausgeführt werden, oder dass Systeme zu bestimmten Zeitpunkten der Ausführung bestimmte Zustände haben) werdet ihr auch in diesem Projektkurs immer wieder benötigen.

Die Aufgabe für Euch lautet:
* Lest den untenstehenden Text zum "Ornamentroboter" durch und bearbeitet die Aufgaben 1a bis 1h.
* Findet mit einer KI eurer Wahl irgendwie eine Möglichkeit, die von Euch erzeugten Ergebnisse zu reproduzieren. Lasst Euch etwas einfallen! Falls es Euch nach mehrmaligen Ansätzen nicht gelingt, so notiert bitte, was nicht geklappt hat und warum es nicht geklappt hat.

Viel Erfolg!

Der Ornamentroboter

Der Ornamentroboter ist ein gedachter Roboter, der mit einer sehr einfachen Programmiersprache so programmiert werden kann, dass er Ornamente auf Kästchenpapier zeichnet. Wir begeben uns zunächst selbst in die Rolle des Ornamentroboters und führen dessen Befehle aus. Dabei zeichnen wir auf dem Kästchenpapier entweder entlang der gedruckten Linien oder wir zeichnen diagonal durch ein Kästchen hindurch.

Der Ornamentroboter versteht die folgenden grundlegenden Befehle:

v= Schritt Vorwärts
r= Rechtsdrehung um 90 Grad
/= (halb)Rechtsdrehung um 45 Grad
l= Linksdrehung um 90 Grad
\= (halb)Linksdrehung um 45 Grad
z= Zeichenposition einnehmen (oder Stift aufs Papier setzen)
s= Schwebezustand einnehmen (oder Stift vom Papier anheben)


Das "Startprogramm" heißt A.
Dann gibt es noch die Befehle B,C,D,E und F, welche als "Unterprogramme" fungieren.

Der Stift hat immer eine Richtung. Wir starten mit Richtung "oben".
Der Stift ist immer entweder im Zustand "Zeichnen" oder im Zustand "nicht zeichnen".

Schau dir das folgende 10minütige Video an, und es wird damit hoffentlich klar, wie der Ornamentroboter funktioniert:
https://www.plusplanet.de/video/20260909_ornamentroboter_intro.mp4
(Bitte die ganzen 10 Minuten schauen: Es hat eine kleine Pause nach 3 Minuten, aber danach kommen noch zwei weitere wichtige Beispiele!)

Noch drei Beispiele:

Bsp 1: Folgendes Progamm zeichnet ein kleines Quadrat:

A = v,r,v,r,v,r,v

Bsp 1b: Folgendes Progamm zeichnet das gleiche Quadrat, mit Hilfe eines Unterprogramms:

A = B,r,B
B = v,r,v

Manchmal haben unterschiedliche Programme das gleiche Ergebnis! (Das ist auch bei großen Programmen so, dass man ein und das gleiche Ziel auf unterschiedliche Arten erzeugen kann)

Bsp 2:Folgendes Progamm zeichnet ebenfalls ein kleines Quadrat, aber schräg:

A = /,v,r,v,r,v,r,v

Bsp 3:Folgendes Progamm zeichnet ein Quadrat mit gestrichelten Linien:

A = B,r,B,r,B,r,B
B = s,v,z,v,s,v,z,v,s,v

Aufgaben:

Aufgabe 1: Führe folgende Programme selbst aus:

Programm 1a:

A = "B,B,B,B";
B = "v,s,v,z";

Programm 1b:

A = "B,r,B,r,B,r,B,r";
B = "v,s,v,z";

Programm 1c:

A = "B,B,B,B";
B = "v,r,s,v,r,v,r,r,z";

Programm 1d:

A = "B,B,B,B";
B = "v,r,v,l";

Programm 1e:

A = "B,B,B,B";
B = "v,r,v";

Programm 1f:

A = "B,v,B,v,B,v,B,v";
B = "v,r,v";

Programm 1g:

A = "B,s,v,z,B,s,v,z,B,s,v,z,B,s,v,z";
B = "v,r,v";

Programm 1h:

A = "B,B,B,B";
B = "C,/,C,/";
C = "v,r,v,r,v,r,r";

---

Projektkurs in der Q1 bei Herrn Töns

• Standard Bewertungskriterien: Qualität der Mitarbeit, (ggf. auch Quantität, falls themenbezogen), Fachsprache, Selbständigkeit, bei Hausaufgaben: Ernsthafte Ansätze müssen erkennbar sein!
• Besondere Bewertungskriterien des Projektkurses: Verständnis(!) des Endprojekts, Nachweis der Erarbeitung von Konzepten
• Bitte einen USB-Stick anschaffen!

Ankündigungstext des Projektkurses

06-M/If Webentwicklung und Datenvisualisierung mit KI
REFERENZFACH in der Q1: Informatik und Mathematik

Erläuterung zum thematischen Schwerpunkt:

In diesem Projektkurs entwickelst du eigene digitale Projekte – von modernen Webseiten über interaktive Anwendungen bis hin zu spannenden Datenvisualisierungen.
Dabei lernst du nicht nur klassisches Webdesign mit HTML, CSS und JavaScript kennen, sondern nutzt auch moderne KI-Tools, um schneller und kreativer zu programmieren („Vibe Coding“). So können in kurzer Zeit beeindruckende Ergebnisse entstehen – auch ohne große Programmiererfahrung.

Mögliche Schwerpunkte sind:
* moderne Websites gestalten,
* mit KI eigene Web-Apps entwickeln,
* Daten recherchieren, auswerten und visualisieren,
* interaktive Karten, Diagramme und Infografiken erstellen,

Für alle, die kreativ sind, sich für Technik interessieren oder einfach wissen möchten, wie moderne Websites und Visualisierungen mit KI-Hilfe entstehen. Programmierkenntnisse sind nicht erforderlich – Neugier genügt.
Leistungsbewertung:

Die Leistungsbewertung orientiert sich vor allem am Arbeitsprozess und am eigenen Projekt. Dazu gehören regelmäßige Mitarbeit, sorgfältige Dokumentation der Arbeitsschritte sowie die Entwicklung und Präsentation eines eigenen digitalen Produkts. Auch Problemlösefähigkeiten und die Fähigkeit, das Projekt weiterentwickeln zu können, fließen in die Bewertung ein.

Produkt: Ein eigenes Webseiten-Projekt, welches trotz ggf. KI-erzeugter Anteile verstanden werden muss.
Dazu kommt eine kurze Dokumentation.

prozessbegleitende Schülerleistung: ggf. Referate, selbstständige Erarbeitung einschlägiger (auch englischer) Lektüre, Einarbeitung in neue (auch technische) Zusammenhänge

Empfehlenswert – aber nicht Voraussetzung - ist ein Zugang zu einem eigenen Rechner daheim.

Schickt mir eine Rückmeldung über folgendes Formular (es muss ein Name angegeben werden - Du darfst aber gerne ein Pseudonym angeben)

Dein Name / Eure Namen:
Gib hier deinen Text ein:
Bewerte auf einer Skala von 1 bis 10 (1=gar nicht bis 10=total), wie interessiert Du an diesem Projektkurs bist: Ich habe einen Windows-PC zur Verfügung, an dem ich regelmäßig arbeiten kann (ja/nein): Ich habe einen Apple-PC zur Verfügung, an dem ich regelmäßig arbeiten kann (ja/nein): Ich habe einen Linux-PC zur Verfügung, an dem ich regelmäßig arbeiten kann (ja/nein): Folgende Themen im Themenbereich "Webentwicklung und Datenvisualisierung mit KI" interessieren mich und ich würde im Rahmen des Unterrichts mehr darüber erfahren:

Grundlagen Windows

Ich will sehen, wie gut ihr mit Windows umgehen könnt:

• Erstelle auf dem Desktop ein Verzeichnis mit dem Namen "Informatikhelden"
• Erstelle ein Dokument (ein einfacher Kurztext wie "Hallo Informatik" genügt) in der Textverarbeitungssoftware "Open-Office" und speichere es ab in dem Ordner "Informatikhelden"
• Erstelle ein Dokument in dem Programm "Notepad" oder "Notepad++" (beides auf dem Desktop zu finden) mit dem gleichen Text wie in der vorigen Aufgabe. Auch Dieses Dokument soll wieder in dem Verzeichnis "Informatikhelden" abgespeichert werden.
• Schaue Dir den Inhalt des Ordners "Informatikhelden" mit dem Datei-Explorer an und erkläre, welche Unterschiede die beiden abgespeicherten Dateien besitzen.
• Tastaturtraining: Erstelle in Notepad++ eine Kopie von folgenden Tierchen:







• Kopiere dieses Bärchen in das Open-Office-Dokument hinein und erkläre, warum die Grafik nicht mehr schön aussieht.
• Daten im Zahlenformat anzeigen Dafür gibt es z.B. einen Dienst im Internet: https://hexed.it/ Betrachte die txt-Datei und die odt-Datei mit diesem Programm
• Wie funktioniert ein QR-Code?
• Ein IPhone12 Pro aus dem Jahr 2020 besitzt 6 Gigabyte RAM. Wie groß müsste ein QR-Code (Pixelgröße 1mm) sein, der diese Datenmenge speichern könnte?
• Lösche das Verzeichnis "Informatikhelden". Sind die Daten wirklich weg?


Unterschiede zwischen TXT-Dateien und doc-Dateien (oder odt-Dateien)

TXT-Dateien sind i.d.R. kleiner als Office-Dateien, da in den Office-Dateien Zusatzinformationen (Schriftgöße, Schrifart, Abstände etc.) gespeichert sind.

Bei TXT-Dateien wird für jedes Symbol (Buchstabe oder Zeilenumbruch etc.) genau ein Byte auf die Festplatte geschrieben. D.h. in der Regel kann ich für jede "Stelle" in einer Textdatei eines von 256 Symbolen auswählen, weil ein Byte Werte von 0 bis 255 annehmen kann.

Zahlensysteme
Dezimalsystem: Das System, welches wir kennen. Es gibt 10 Ziffern, nämlich 0,1,2,3,4,5,6,7,8,9. Mit diesen Ziffern kann man alle Zahlen auf bekannte Art und Weise bilden!
Oktalsystem: Hier hat man nur 8 Ziffern zur Verfügung: 0,1,2,3,4,5,6,7. Nach der Zahl 7 im Oktalsystem kommt die 10 im Oktalsystem, da die Ziffer 8 nicht existiert. Siehe auch: https://de.wikipedia.org/wiki/Oktalsystem
Binärsystem: Hier hat man nur 2 Ziffern zur Verfügung: 0 und 1. Siehe auch https://de.wikipedia.org/wiki/Dualsystem
Hexadezimalsystem: Hier hat man 16 Ziffern zur Verfügung: 0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f. Siehe auch https://de.wikipedia.org/wiki/Hexadezimalsystem

Um Zahlen in verschiedenen Systemen auseinanderzuhalten, kann man jeweils an die Zahl eine Kennzeichnung anhängen. Beispiel:

10(dez) = 12(okt) = 1010(bin) = a(hex)

Ergänze:

11(dez) = ___(okt) = _ ___(bin) = ___(hex)
__(dez) =  11(okt) =  ____(bin) = ___(hex)
__(dez) = ___(okt) = 11101(bin) = ___(hex)
__(dez) = ___(okt) =  ____(bin) =  23(hex)
__(dez) = ___(okt) =  ____(bin) =  ff(hex)






"Why do programmers always mix up Halloween and Christmas?"

---