Java Script Blocks Editor

Op deze pagina staat aan de hand van een concreet voorbeeld – Een naambutton maken –  stap-voor-stap beschreven hoe u m.b.v. de Java Script Blocks Editor een programma schrijft, uploadt naar de Micro:bit en daarop afspeelt.


Script schrijven m.b.v. Java Script Blocks Editor
1. Surf naar http://microbit.org/
2. Selecteer rechts bovenin bij ‘Language’ de taal ‘Nederlands’.
c. Klik op de knop ‘Aan de slag’.
d. Klik bij ‘Java Script Blocks Editor (PXT)’ op de knop ‘Aan de slag’.
4. Klik links boven op de knop ‘Projecten’ en daarna op de knop ‘Nieuw Project’.
5. Klik onderaan de pagina, links van het icoontje van de diskette, op de tekst ‘Zonder
titel’ en voer daar als titel in ‘Naambutton’.
6. Klik in het menu op ‘Invoer’ en sleep het codeblok pin 0
naar het witte werkveld aan de rechterzijde van het scherm.
7. Klik in het codeblok op het pijltje rechts van de A en selecteer B.
8. Klik nu in het menu op ‘Basis’ en sleep het codeblok hello
naar het witte werkveld en plaats het als volgt in het reeds aanwezige codeblok.
code
9. Klik op de tekst ‘Hello’ en verander die in je eigen naam.
Het script voor de naambutton is nu klaar en ziet er als volgt uit.
naam
NB. Alle wijzigingen die je aanbrengt worden automatisch opgeslagen op de site.
Hiervoor worden cookies gebruikt. Zolang je die cookies niet van je pc verwijdert kun je geschreven programma’s later weer terugvinden onder de knop ‘Projecten’.


Testen van het programma
Programma’s die zijn geschreven met JavaScript Blocks Editor kunnen in de programmeeromgeving worden getest.
1. Aan de linkerzijde van het scherm bevindt zich een afbeelding van de Micro:bit.
2. Klik in deze afbeelding op de knop waarmee het programma kan worden gestart. In ons voorbeeld is dat knop ‘B’.  Op de afbeelding van de Micro:bit wordt getoond wat gebeurt. In ons voorbeeld scrolt de ingevoerde naam voorbij.


Uploaden naar de Micro:bit
1. Sluit de Micro:bit m.b.v. de USB-kabel aan op de pc.
2. Wacht even en de Verkenner met daarin de Micro:bit-drive wordt geopend.
3. Laat de Verkenner open staan.
4. Keer terug naar de programmeeromgeving en klik linksonder op de knop ‘Downloaden’.
5. Wacht tot het downloaden is voltooid en daarna klik op de groene knop ‘Klaar’.
6. Versleep het bestand naar het icoontje van de Verkenner in de taakbalk. Wacht tot de Micro:bit drive zichtbaar wordt en sleep het bestand daar naar toe. Het bestand wordt nu weggeschreven op de Micro:bit.
6. Is het programma op de Micro:bit geplaatst koppel dan de USB-kabel los en verbindt de Micro:bit met de accu.
7. Klik op de Micro:bit op de startknop (in ons voorbeeld op de knop B) en het programma wordt afgespeeld.
NB. Afhankelijk van de Browser en het computersysteem dat je gebruikt kan het downloadproces mogelijk net iets anders verlopen.
Hoe het ook werkt, het blijft steeds de bedoeling dat het programma naar de Micro:bit wordt weggeschreven.  


Hieronder een link naar een filmpje waarin alles nog eens rustig is te bekijken.
De programmacode die in het filmpje wordt gebruikt is net even iets anders dan het hierboven beschreven voorbeeld, maar doet vrijwel hetzelfde.
https://www.youtube.com/watch?v=bGCh1idLUpA&t=200s