Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen der Seite angezeigt.

--- gf_informatik:programmieren_i_new [2026-04-07 07:12] – hof
+++ gf_informatik:programmieren_i_new [2026-04-14 07:11] (aktuell) – [Flächen füllen] hof
@@ Zeile 5: / Zeile 5: @@
 Ein Computer ist zunächst einfach mal eine Maschine, die wahnsinnig schnell arbeiten (rechnen) kann. Damit man zum Beispiel ein Spiel spielen können, muss irgend jemand dem Computer also sagen, was er denn genau zu tun hat. Jemand muss also ein **Computerprogramm**, oder **Code**, schreiben. Dieses besteht aus //Befehlen, die der Computer auszuführen// hat. Damit der Computer auch versteht, was er machen soll, müssen Programmierer und Computer 'die gleiche Sprache' sprechen. Es gibt sehr viele unterschiedliche solche Programmiersprachen mit unterschiedlichen Anwendungsbereichen und Vor- und Nachteilen.
-Wir wählen hier die Programmiersprache **Python**. Im Jahre 2026 ist diese Sprache sicher in der Top 3 der wichtigsten Programmiersprachen - wenn nicht sogar auf dem ersten Platz. Dazu kommt, dass Python im Vergleich zu anderen Sprachen, z.B. C\+\+ (C Plus Plus), Java oder C# (C Sharp) relativ einfach zu erlernen ist.
+Wir wählen hier die Programmiersprache **Python**. Im Jahre 2026 ist diese Sprache sicher in der Top 3 der wichtigsten Programmiersprachen - wenn nicht sogar auf dem ersten Platz. Dazu kommt, dass Python im Vergleich zu anderen Sprachen, z.B. C\+\+ (C Plus Plus), Java oder C# (C sharp) relativ einfach zu erlernen ist.
 Wenn wir einen Satz mit vielen Schreibfelern und Grammatikfehler lesen, so sind wir meist trotzdem in der Lage, den Satz zu verstehen. Im Gegensatz zu uns ist ein Computer ist nicht in der Lage, einen Text selbst zu interpretieren. Ein Computer kann ein Programm nur ausführen, wenn es gar keine Fehler, sogenannte **Bugs**, hat. Es ist deshalb wichtig, dass man sich an die formalen Vorgaben der Programmiersprache hält.
@@ Zeile 61: / Zeile 61: @@
 ===== - Einfache Bewegungen =====
-<html><script type="module" src="https://bottom.ch/editor/stable/bottom-editor.js"></script></html>
+<html><script type="module" src="https://bottom.ch/editor/latest/bottom-editor.js"></script></html>
-<html><bottom-editor layout='canvas'>
+<html><bottom-editor id="one" layout='canvas'>
 from turtle import *
@@ Zeile 72: / Zeile 72: @@
 Erklärung der Zeilen:
-  - Zuerst musst du das *Modul `turtle` importieren*, damit wir mit Turtlegrafik arbeiten können.
+  - Zuerst musst du das *Modul `turtle` importieren*, damit wir mit Turtle-Grafik arbeiten können.
   - Erzeuge eine neue Turtle mit einem Namen, hier `fritz`. Man nennt dieses auch ein *Turtle-Objekt*.
   - Gib deiner Turtle den Befehl, 100 Pixel vorwärts zu laufen.
@@ Zeile 195: / Zeile 195: @@
   * Ändere den Code ab, um das Bild zu verändern!
-<html><bottom-editor layout='split' session='isolate'>
+<html><bottom-editor layout='split' id='swissflag' session='isolate'>
 # Turtle wird importiert und eine neue Turtle mit
 # dem Namen 'fritz' wird erstellt.
@@ Zeile 442: / Zeile 442: @@
 matteo.circle(-100, 180)
-matteo.circle(-500, 180)
+matteo.circle(-50, 180)
 matteo.circle(50, 180)
 </bottom-editor></html>
@@ Zeile 463: / Zeile 463: @@
 matteo.circle(25, 360)
 matteo.circle(50, 360)
-matteo.circle(10, 70)
+matteo.circle(100, 70)
 </bottom-editor></html>