Vidi Project X #93:
PictoBlox 1.2 – Windows instalacija

Oduvijek je bilo izazovno najmlađu populaciju zainteresirati za programiranje. Odgovor je pronađen u blokovskom programiranju tj. Scratch alatima.

 

Programiranje za najmlađi naraštaj

PictoBlox je grafičko razvojno sučelje temeljeno na Scratch 3.0 alatu za programiranje blokovima i idealan je za ostvarivanje prvog koraka u svijetu programiranja. Kako Scratch alat ne podržava Vidi X mikroračunalo niti ESP32 procesor, odabrali smo PictoBlox koji ih podržava.

Korisničko sučelje i korištenje drag & drop (povlačenje i ispuštanje) programskih blokova zaobilaze potrebu za pamćenjem sintakse programskog jezika.

Sintakse programskih jezika prečesto mogu biti nepotrebno komplicirane te će uplašiti djecu koja se prvi puta susreću s programskim jezikom, a neodlučnost tipa staviti dvotočke ili ne na kraju retka C ili C++ programskog jezika rezultirat će odbijanjem djeteta od nastavka programiranja.

Vidi X možete programirati u PictoBlox programskom sučelju prilagođenom početnicima ili djeci koja uz pomoć povlačenja nekoliko blokova mogu napravi program koji će riješiti zadani problem.

Uz pomoć PictoBlox-a djeca se fokusiraju na razvijanje vještina kao što su logičko razmišljanje i rješavanje problema.

Kako biste započeli s vrlo jednostavnim primjerom blinkanja LED-ice, prvo trebate preuzeti PictoBlox s adrese https://thestempedia.com/product/pictoblox.

 

 

Da bi se pojavili blokovi potrebni za programiranje Vidi X-a, prvo trebate odabrati razvojnu pločicu za koju pišete kôd. S izbornika „Bord“ odaberite „ESP32“.

Ukoliko vaš VIDI X nije spojen s računalom, spojite ga te kliknite na Osvježi kako bi se na popisu pojavio COM port na kojeg je VIDI X spojen. Kliknite Poveži.

 

Ne pojavi li vam se Poveži gumb, moguće je da je potrebno instalirati USB driver za Vidi X. Preuzmite ga i instalirajte sa linka https://www.ftdichip.com/Drivers/CDM/CDM21228_Setup.zip ili ga preuzmite sa GitHub repozitorija https://github.com/VidiLAB-com/Vidi-X/tree/master/Alati-za-prvi-setup

Sada odvucite „wehen ESP32 starts up“ blok na radnu površinu te pokušajte spremiti projekt klikom na izbornik „Datoteka“, a zatim „Spremi kao“.

Vrlo vjerojatno prvi puta nećete moći te će vam Windowsi izbaciti sigurnosno upozorenje da ta operacije nije dozvoljena od strane administratora na ovom računalu.

 

 

Primijetite da u opisu akcije piše da je blokirana aplikacija Pictoblox te prema tome možete znati da ovu akciju bez straha možete dopustiti. Kliknite na gumb „Akcije“ i dozvolite pristup mapi za ovu aplikaciju.

Sada spremite vaš program, a ako je uspješno pospremljen, možete nastaviti s programiranjem.

 

Savjet: Ako vam je „wehen ESP32 starts up“ blok zasivljen te nije aktivan, morate se prebaciti iz prozora scene u prozor za programiranje. Gumb opcije za prebacivanje se nalazi u gornjem desnom kutu. Pogledajte opis prve slike sučelja s početka teksta i pronađite “Prebacivanje između prozora scene i programskog prozora”.

 

 

Kako se naša LED-ica nalazi na Pinu broj 2, prvo možete postaviti blok koji će taj pin postaviti na High te time upaliti LED-icu spojenu na pin 2. Zatim možete do njega spojiti blok koji će napraviti pauzu od pola sekunde da bi za to vrijeme LED-ica svijetlila.

Ta dva spojena bloka možemo duplicirati te samo promijeniti Output i time ga postaviti na Low stanje da bismo ugasili LED-icu. Kreirane blokove trebamo postaviti u petlju koja će ih ponoviti 3 puta za redom da bismo dobili sljedeće stanje.

 

 

Time smo postigli blinkanje LED-ice u razmacima od pola sekunde. Dupliciramo li taj kompletan blok te ako promijenimo prvu vrijednost čekanja na jednu sekundu, dobit ćemo stanje.

 

 

Time smo postigli da LED-ica svijetli jednu sekundu dok razmak između svijetljenja ostaje pola sekunde. Ovaj blok označavao bi crtu u Morseovoj abecedi, a s obzirom na duže trajanje stanja kad je LED-ica upaljena.

Kopirajmo još jedom onaj novokreirani blok koji koristimo kao sinonim za točkicu s trajanjem upaljenog stanje LED-ice od pola sekunde.

Spojimo ih logički kao . . . – – – . . . i dobili smo Morseov kôd za SOS. Na kraj tog niza možemo postaviti pauzu od 3 sekunde i onda kompletno sve postaviti u blok beskonačne petlje „ponavljaj“ da bismo dobili sljedeće stanje.

 

 

Rezultat svega je kod koji izgleda ovako:

void _setup() {
pinMode(2, OUTPUT);}

void _loop() {
}

void setup() {
_setup();
}

void loop() {
_loop();
for(int i = 0; i < 3; i++) {
digitalWrite(2, true);
delay(.5 * 1000);
digitalWrite(2, false);
delay(.5 * 1000);
}

for(int i = 0; i < 3; i++) {
digitalWrite(2, true);
delay(1 * 1000);
digitalWrite(2, false);
delay(.5 * 1000);
}

for(int i = 0; i < 3; i++) {
digitalWrite(2, true);
delay(.5 * 1000);
digitalWrite(2, false);
delay(.5 * 1000);
}

delay(3 * 1000);
}

 

Klikom na upload ikonicu, kôd će se učitati na Vidi X pločicu i počet će blinkati plava LED-ica u ritmu SOS poruke. Cilj PictoBlox razvojnog sučelja je da se najmlađi naraštaji ne opterećuju kôdom i njegovom sintaksom, ali on je ipak tu za one koji žele saznati više o programiranju te da bi ta stepenica između početnog i malo naprednijeg programiranja ipak bila što bezbolnija.

 

 

Vidjeti sretno i zadovoljno dijete nakon što je postiglo da njegove LED-ice blinkaju, neprocjenjivo je iskustvo. Nadamo se da vam je ovaj tekst pomogao da vašim najmlađima olakšate postizanje tog cilja uz pomoć Vidi X mikro računala.

PRIJTELJI PROJEKTA

bez kojih sve ovo ne bi bilo moguće.

SVA PRAVA PRIDRŽANA - VIDI TO 2020.

Niti jedan dio ovog web site-a ne smije se u bilo kojem obliku ili radi bilo koje namjene reproducirati bez prethodne pismene suglasnosti izdavača, Svi tekstovi objavljeni na www.vidi-x.com pripremljeni su s osobitom pažnjom i kontrolirani na više razina. Redakcija www.vidi-x.com međutim, ni u kojem slučaju ne može odgovarati za moguće štete bilo kakve vrste nastale na osnovu savjeta, tekstova, slika ili drugog redakcijskog ili oglašivačkog materijala objavljenog na www.vidi-x.com ili na drugi način datog od strane zaposlenika ili suradnika izdavača.