Mission 1-01: "Hallo_Welt"

Website: BBSI Technik Kaiserslautern
Kurs: TG13 GK IV (Wehner)
Buch: Mission 1-01: "Hallo_Welt"
Gedruckt von: Gast
Datum: Sonntag, 24. November 2024, 01:25

1. Kurzbeschreibung der Vorbereitungsmission

Bei den Programmierern gibt es eine gute alte Tradition, die fast schon bis in die Antike zurückreicht.

Jeder Rookie beginnt beim Erlernen einer neuen Programmiersprache mit einem ganz einfachen Programm,
das nichts anderes macht, als "Hallo Welt!" auf dem Bildschirm auszugeben.

Beginnen wir also mit dem guten alten "Hallo Welt!"-Programm.

2. Inhalte

In dieser Einheit  ...
1. ... erstellen wir unser erstes Programm mit dem Namen "Hallo_Welt.hex".
2. ... bekommen wir eine Einführung in die online-IDE "JavaScript Blocks Editor".
3. ... führen wir einen Vorabtest unseres ersten Programms mit dem Simulator in der online-IDE "JavaScript Blocks Editor" durch.
4. ... überspielen wir unser erstes Programm auf den micro:bit-Computer.

In dieser Einheit lernen wir ...

1. ... das Ausführen von Programmcode direkt nach dem Einschalten des micro:bit: "on start"/"beim Start".
2. ... die Ausgabe von Text: "show string"/"Zeige Zeichenfolge".

3. Einführung in die online-IDE "JavaScript Blocks Editor"

Eine detaillierte Vorgehensweise finden Sie in den nachfolgenden Unterkapiteln.

3.1. Start der online-IDE "JavaScript Blocks Editor"

Für den micro:bit werden gleich mehrere Programmiersprachen mit der jeweils passenden Entwicklungsumgebung
(IDE) zur Verfügung gestellt.

Zur Softwareentwicklungsumgebungen kommen wir über die  URL "http://microbit.org/code/".

Wie zuvor angeküdigt werden wir in den Projekttagen mit Hilfe des "JavaScript Blocks Editor", einer online-IDE des Herstellers
Microsoft programmieren. Die Nutzung ist für Jedermann kostenfrei und ohne Anmeldung möglich.

Starten wir also nun die IDE "JavaScript Blocks Editor" in einem neuen Tab des Internetbrowsers!

Klicken wir hierzu einfach mit der linken Maustaste auf den oben angegebenen, orange hinterlegten Link und wählen auf der
sich öffnenden Internetseite den Button "Let`s Code" aus!


3.2. Die online-IDE "JavaScript Blocks Editor"

Nach dem Start des "JavaScript Blocks Editor" das Fenster der Entwicklungsumgebung.

An dieser Stelle ist ein Bild als Erklärung völlig ausreichend. Alles weitere klärt sich von selbst bei der Umsetzung
der weiteren Missionen (Lernprojekte).

4. Die Erstellung des Programms "Hallo Welt!"

Eine detaillierte Vorgehensweise finden Sie in den nachfolgenden Unterkapiteln.

4.1. Benötigte Elemente und Befehlsblöcke

Hinweis:
Um mehr über die einzelnen Elemente und Befehlsblöcke zu erfahren, können wir im Handbuch
"Die Programmierung des micro:bit-Computer in JavaScript Blocks" nachschlagen.


1. Das Element "on start"



2. Der Befehlsblock "show string"

4.2. Hinweise zur Programmerstellung

Schritt 1:
Der von der IDE angebotene Befehlsblock "forever" wird nicht benötigt.
Löschen wir also zunächst den Befehlsblock "forever".

Schritt 2:
Ziehen wir uns als nächstes einen Befehlsblock "show string ..." aus dem Bereich "Basic" in das Programmfenster!

Schritt 3:
Positionieren wir den Befehlsblock nun so, dass er direkt nach dem Einschalten des micro:bit-Computers ausge-
führt wird.

Schritt 4:
Im letzten Schritt müssen wir nur noch die Ausgabe auf die Zeichenkette "Hallo Welt!" anpassen.
Schon sind wir fertig!

Da die Übertragung von Programmen auf den micro:bit ziemlich viel Zeit in Anspruch nimmt, ist ein Funktionstest
im Vorfeld immer sinnvoll. Hierzu bietet die Entwicklungsumgebung einen recht brauchbaren Simulator an.

Lesen wir also vorab Kapitel 5 "Die Simulation des Programms" bevor wir zur Übvertragung des Programms kommen.

5. Die Simulation des Programms "Hallo_Welt"

Die online-IDE "JavaScript Blocks Editor" verfügt über einen integrierten micro:bit-Simulator,
auf welchem wir das Verhalten unseres Programms schon sehen können, bevor wir es auf
den micro:bit herunterladen.

Eine detaillierte Vorgehensweise finden Sie in den nachfolgenden Unterkapiteln.

5.1. Der micro:bit-Simulator

Die Bedienung des Simulators auf der linken Seite der Entwicklungsumgebungs erklärt sich quasi von selbst.

5.2. Die Simulation des Programms "Hallo_Welt"

Nach dem Start der Simulation durch Drücken des linkes Buttons (siehe Bild 1) läuft der Text "Hallo Welt!"
als Laufschrift durch die LED-Anzeige des micro:bit-Computers (siehe Bild 2).

Bild 1: Starten der Simulation                                 Bild 2: Die laufende Simulation                          Bild 3: Neustart der Simulation

Nach einem Durchlauf ist das Programm "Hallo_Welt.txt" beendet und die Anzeige bleibt letztendlich dunkel.
Für einen Neustart der Simulation klicken wir auf den entsprechenden Button (siehe Bild 3).

5.3. Herunterladen und Starten des Programms "Hallo_Welt"

1. Geben Sie Ihrem Programm nun den Namen "Hallo_Welt" und laden Sie es auf Ihrem PC herunter.

   

    Ihr Programm wird als sogenanntes ".hex-file" im download-Ordner Ihres Internetbrowsers gespeichert.

   


2. Verbinden Sie den micro:bit-Computer mit Ihrem PC über die bereitgestellte USB-Leitung.
    Danach öffnet sich das folgende Fenster.
   

3. Öffnen Sie den download-Ordner Ihres Internet-Browsers und ziehen Sie Ihr Programm "Hallo_Welt" in den Ordner "MICROBIT1"!
    Ihr Programm wird nun innerhalb der nächsten 10 Sekunden auf den micro:bit-Mikrocomputer geladen und startet automatisch.
   

6. Musterlösung

Musterlösungen werden nur im Ausnahmefall bereit gestellt. Natürlich steht die Welt auf dem
Kopf, wenn die Lösung von einem Lehrer kommt. :-(