Crtanje po zraku uz UI

kristina_slisuric

Kristina Slišurić

Uvod

Umjetnost i umjetna inteligencija imaju mnogo dodirnih točaka. U ovoj radionici dotaknut ćemo se i jednog i drugog i uvesti učenike u svijet crtanja po zraku. Ovo je prva ovogodišnja aktivnost koju je Udruga suradnici u učenju (https://ucitelji.hr ) provela tijekom mjeseca listopada, a povodom obilježavanja Europskog tjedna programiranja u sklopu projekta Meet and Code. Radionica pod nazivom Crtanje po zraku uz UI održala se 7. 10. 2022. godine.

Radionicu je pripremila i vodila učiteljica Kristina Slišurić. U radionici su aktivno sudjelovali učenici sedmog razreda Prve osnovne škole u Ogulinu, Područne škole Bernarda M. Luketića Zagorje sa svojom učiteljicom Valentinom Blašković.

Ključne riječi: umjetna inteligencija, UI, AI, prepoznavanje ljudskog tijela (human body detection), računalni vid, Pictoblox, Meet and Code, ucitelji.hr, programiranje.

Središnji dio

Radionica se održala korištenjem alata MS Teams.

Ishodi radionice bili su:

  • Razumjeti pojam inteligencije.
  • Razlikovati ljudsku i umjetnu inteligenciju.
  • Nabrojati primjere korištenja umjetne inteligencije.
  • Napisati program uz korištenje proširenja za prepoznavanje ljudskog tijela za prepoznavanje kretanja prstiju ispred kamere i prijenos kretanja prstiju na pozornicu programa.
U uvodnom dijelu radionice pomoću pripremljene prezentacije (slika) učenici su upućeni na pripremljenu digitalnu ploču koja se nalazi na adresi https://bit.ly/crtanjeui gdje su učenici mogli naći poveznice na mrežne stranice korištene tijekom radionice, a također i za postavljanje radova na kraju radionice.
clip_image002
Slika 1. Prezentacija
clip_image004
Slika 2. Digitalna Padlet ploča za suradnju

U početnom dijelu radionice razgovarali smo o poimanju pojma inteligencije. Učenici su naveli neke situacije kada smatraju da su oni inteligentni (kada pobjede u šahu, kada dobro riješe problemske zadatke, kada slože Rubikovu kocku). Zaključili smo da je ljudska inteligencija sposobnost čovjeka da razumije, uči, bude svjestan, emocionalno se razvija, planira, razimagematra i nudi kreativna rješenja različitih problema. Kao uvod u današnju radionicu prisjetili smo se i Quick, draw! aplikacije za prepoznavanje nacrtanih crteža, a s kojom su se učenici već susreli.
Slika 3. Videosastanak uz pomoć Teamsa
U sljedećoj aktivnosti učenicima su pokazani neki eksperimenati umjetne inteligencije za crtanje. Prvi primjer je aplikacija Autodraw. Ovaj alat nakon nekoliko poteza crtača pokušava na temelju velike baze vektorskih crteža koje posjeduje pogoditi što crtač želi nacrtati te nudi svoje pravilne crteže iz baze crteža koje korisnik onda bira ako mu se vlastiti crtež ne sviđa, a ne zna ga nacrtati drugačije.
Isprobali smo i Google eksperiment Rukopis u kojem aplikacija generira poteze na temelju našeg stila rukopisa.
Čarobna ploča za crtanje aplikacijaslika3 je koja dovršava započeti crtež. Korisnik bira kategoriju crtanja i započinje crtanje. Kad korisnik prvi puta podigne olovku (miš), aplikacija završava započeti crtež. Učenici su isprobali kako rade sve navedene aplikacije i iznijeli svoje dojmove.

Slika 4. Isprobavanje Autodraw aplikacije
Središnji dio radionice najavila sam učenicima riječima: Umjetnost je u zraku, i to doslovno! Uslijedio je najzanimljiviji dio, pisanje programa za crtanje po zraku.
Nakon što smo pokrenuli program Pictoblox (https://pictoblox.ai )učenici su zaključili da je izgledom, blokovima skripti i načinom rada isti kao i Scratch kojeg oni već poznaju. U program smo učitali proširenje Human Body Detection koje će nam svojim naredbama omogućiti prepoznavanje dijelova ruke ispred uključene kamere te proširenje Olovka za crtanje. Na praznu pozornicu dodali smo i prilagodili lik Olovke te smo nacrtati još tri lika: Olovka gore (za pomicanje prsta po ekranu bez ostavljanja crte), Olovka dolje (za spuštanje olovke i crtanje) te Obriši sve (za brisanje nacrtanog crteža). Slijedilo je programiranje Olovke da slijedi prst (kažiprst) koji pomičemo po z

raku ispred uključene kamere. Koristili smo blok za ponavljanje i blok za ispitivanje uvjeta gdje smo provjerili da li prslika10ogram prepoznaje ruku ispred kamere, i ako da, onda smješta olovku na poziciju našeg prsta. Program i napravljene likove pogledajte na slici.

Slika 5. Program za Olovku

Nakon toga programirali smo i ostale likove – gumbiće: Olovka gore (da podigne olovku kad se na njega klikne), Olovka dolje (da spusti olovku kad se na njega klikne) i Obriši sve (da obriše nacrtani crtež s pozornice).
Uslijedilo je i testiranje programa tslika4ijekom kojeg smo shvatili kako nije lako biti umjetnik koji crta prstom po zraku jer su naši crteži izgledali neuredno te smo zaključili da moramo vježbati.
Slika 6. Crtanje

slika5slika6
Slika 7. Crtanje po zraku          Slika 8. Crtanje po zraku

slika8slika7
Slika 9. Testiranje programa    Slika 10. Radionica u kojoj smo puno mahali rukama

Učenicima su na kraju dobili izazov u kojem su u program trebali dodati promjenu boje olovke u zelenu te promjenu debljine boje te su morali uvježbati crtanje drveta. Nakon rada testirali su program i crteže svojih stabala postavili na Padlet ploču.
Učenici su kao završnu aktivnost pisali na Padlet ploču kako im je bilo na današnjoj radionici. Svi su učenici radionicom jako zadovoljni, ponajviše stoga što su naučili nešto novo i pritom se dobro zabavili. Na kraju radionice svi su učenici bili veseli i tražili još sličnih radionica.
clip_image002[5]
Slika 11. Učiteljice, dođite nam opet!

Zaključak

Tijekom radionice učenici su naučili što je inteligencija i po čemu se razlikuju inteligencija čovjeka i inteligencija stroja. Učenici su vidjeli neke primjere korištenja umjetne inteligencije u svakodnevnom životu. Umjetna inteligencija koristi se u mnogim sustavima za prepoznavanje objekata – samovozećim automobilima, sigurnosnim sustavima, industrijskim robotima. Prepoznavanje govora, prepoznavanje teksta, strateške igre (šah), prepoznavanje rukopisa – sve su to područja u kojima se umjetna inteligencija svakodnevno koristi.
Ovom radionicom učenike smo upoznali s novim tehnologijama na njima pristupačan i zanimljiv način, što je i osnovna svrha svih Meet and Code aktivnosti.

AI protiv čovjeka – Kamen, škare, papir

kristina_slisuric

Kristina Slišurić

Uvod

Razmišljamo li o budućnosti i razvoju IKT tehnologije, teško je zamisliti što možemo očekivati za koju godinu – hoće li to uz samovozeće automobile biti automobili koji lete, hoće li poslove koje danas radimo raditi roboti, hoće li našim aktivnostima upravljati virtualni pomoćnici? Odgovore na ta pitanja ne znamo, ali nam se ona već sada nameću što pokazuje sveprisutnost umjetne inteligencije u našem današnjem životu. Zato je važno da djeca razumiju pojam i važnost umjetne inteligencije te načine kako se ona može koristiti u obrazovanju.

Ključne riječi: umjetna inteligencija, UI, AI, strojno učenje, model, Meet and Code, ucitelji.hr, programiranje, igra, Pictoblox.

Na tragu navedenih spoznaja, jedna od aktivnosti koju je Udruga suradnici u učenju (https://ucitelji.hr ) provela tijekom mjeseca listopada, a povodom obilježavanja Europskog tjedna programiranja u sklopu projekta Meet and Code bila je i online radionica – webinar pod nazivom AI protiv čovjeka – Kamen, škare, papir koja se održala u dva dijela, kao što slijedi.

11.10.2021. – 1. dio – Strojno učenje i upoznavanje s alatom Pictoblox

U prvom dijelu ove radionice učenici su upoznali osnovne koncepte umjetne inteligencije i vidjeli nekoliko primjena iste te samostalno izradili projekt koji uključuje neke koncepte umjetne inteligencije.

18.10.2021. – 2. dio – Programiranje igre

U drugom dijelu webinara učenici su uz vođenje učiteljice programirali igru Kamen, škare, papir koju će moći igrati čovjek protiv računala, a koristeći pripremljeni model s prvog dijela radionice.

Oba webinara vodila je učiteljica Kristina Slišurić. Webinar su slušali i u njemu aktivno sudjelovali učenici osmog razreda Prve osnovne škole u Ogulinu sa svojom učiteljicom Valentinom Blašković. Tehničku podršku pružali su nam Lidija Kralj i Darko Rakić iz udruge Suradnici u učenju.

Središnji dio

Webinari su se održali korištenjem alata MS Teams. Slijedi opis aktivnosti oba webinara.

Webinar 1. Strojno učenje i upoznavanje s alatom Pictoblox

Ishodi prvog dijela radionice bili su:

  • Shvatiti kako je strojno učenje slično ljudskom učenju
  • Shvatiti kako funkcionira ciklus strojnog učenja
  • Napraviti model strojnog učenja koristeći Teachable Machine
  • Upoznati alat Pictoblox i uvesti napravljeni model u projekt.
U uvodnom dijelu radionice učenike sam uputila na pripremljenu digitalnu ploču koju sam pripremila koristeći Padlet i koja se nalazi na adresi https://bit.ly/ui8igra gdje smo kao uvodnu aktivnost koristeći Mentimeter upisali jednu riječ koja nam prva padne na pamet kad se spomene umjetna inteligencija. Našle su se na ploči riječi: kreativnost, robotika, Internet, informatika. Nakon toga učenike sam kroz prezentaciju upoznala s pojmom ljudske inteligencije, razgovarali smo o tome kada se za ljude kažu da su inteligentni, te smo raspravljali o tome jesu li i kada računala inteligentna. Pokazala sam učenicima primjere kada možemo reći da su računala inteligentna kroz prikaz samovozećih automobila, prepoznavanja govora, lica, objekata, emocija, primjera chatbotova.

image
Slika 1. Prezentacija

Zaključili smo da se računalo smatra inteligentnim ako ima sposobnost prikupljanja informacija, analize za donošenje odluka i djelovanja za automatsko dovršavanje zadatka uz vrlo malo ili bez ikakve ljudske intervencije. Učenicima sam također objasnila pojam strojnog učenja kao dijela umjetne inteligencije. Umjetna inteligencija pokriva sve što se odnosi na stvaranje strojeva pametnim ili inteligentnim. Strojno učenje obično se koristi uz AI, ali to nisu iste stvari. Strojno učenje se odnosi na sustave koji mogu sami učiti, koji s vremenom postaju sve pametniji i pametniji bez ljudske intervencije.
Pomoću strojnog učenja mogu se napraviti klasifikatori poput klasifikatora životinja, koji mogu identificirati životinje analizirajući njihovu sliku ili primjera u kojem računalo prepoznaje marke automobila, što sam učenicima pokazala na primjeru aplikacije. U nastavku radionice učenicima sam pokazala kako se koristi Teachable Machine na poveznici https://teachablemachine.withgoogle.com – alat koji omogućuje brzo i jednostavno stvaranje modela strojnog učenja za raznovrsne projekte. Alat ne zahtijeva nikakvo kodiranje što ga čini pogodnim za početnike bez ili s malo iskustva u kodiranju za učenje strojnog učenja. Pomoću njega možemo naučiti računalo da prepoznaje slike, zvukove i poze.
Za potrebe našeg projekta pristupili smo izradi modela od slika. Stvorili smo tri klase: Kamen, Škare i Papir i za svaku od njih snimili 400 fotografija putem kamere.

slika2slika3
Slika 2. Stvaranje klasa za treniranje modela     Slika 3. Važna je čista pozadina

Učenici su dobili uputu za izradu što kvalitetnijeg modela, a one uključuju čistu pozadinu snimanja, veći broj slika, isti broj slika za svaku klasu te različite pozicije ruku (odmak, približavanje, okretanje). Nakon snimanja svih fotografija izvršili smo treniranje modela, a nakon toga smo model i testirali. Nakon uspješnog testiranja, naš smo model izvezli, postavili na mrežu i kopirali poveznicu koju smo u nastavku učitali u alat koji će nam poslužiti za izradu programa.

imageSlika 4. Testiranje modela

Alat Pictoblox koji koristimo za izradu programa je dostupan i u online (beta) verziji na poveznici https://pictoblox.ai/. Kako bismo svoje projekte mogli spremiti, učiteljica Valentina je za sve svoje učenike pripremila korisnička imena i lozinke te su se oni prijavili, učitali proširenje za strojno učenje (Machine Learning) te učitali svoj model i spremili projekt.
Na kraju današnje radionice učenici su se vratili prvoj aktivnosti i Mentimetru te su ponovo upisali nekoliko riječi koje im padaju na pamet o umjetnoj inteligenciji na kraju ove radionice. Riječi je bilo mnogo više nego na početku.
clip_image002[4]

Webinar 2. Programiranje igre

Ishodi drugog dijela radionice bili su:

  • Detaljnije upoznati alat Pictoblox
  • Postaviti pozornicu i likove
  • Napraviti i inicijalizirati varijable
  • Inicijalizirati igru
  • Identificirati pokrete igrača
  • Programirati slučajne pokrete umjetne inteligencije
  • Programirati konačni rezultat igre
U uvodnom dijelu drugog dijela ove radionice prisjetili smo se strojnog učenja i kako smo izradili model za igru Kamen, škare, papir. U programu Pictoblox (https://pictoblox.ai/ ) otvorili smo projekt započet tijekom prvog dijela radionice u koji smo učitali pripremljeni model koristeći proširenje machine learning. Nakon toga dodali smo likove u program i izradili varijable: AI bodovi, Igrač bodovi, AI potez, Igrač potez i Slučajni broj (za slučajni odabir poteza AI). Varijable AI bodovi i Igrač bodovi postavili smo na 0, a nakon toga koristeći naredbe iz proširenja strojnog učenja programirali:
  • Identificiranje poteza igrača (prepoznavanje s kamere)
  • Biranje (slučajno) i identificiranje poteza računala (AI)
  • Izrada blokova za identifikaciju tko pobjeđuje krug:
    • Provjera je li pobjeđuje igra
    • Provjera je li pobjeđuje
    • Provjera je li izjednačeno
  • Dodavanje blokova programu
  • Podešavanje pozornice
  • Programiranje konačnog rezultata i završetka igre
clip_image002clip_image004
Slika 7. Osmaši spremni za programiranje           Slika 8 . Testiranje programa
clip_image006clip_image008
Slika 9. Programiranje               Slika 10. Pažljivo slijedim upute
clip_image010clip_image012
Slika 11. Dio programa             Slika 12. Testiranje i igra
Uslijedilo je testiranje programa i ono što smo najviše i čekali – igranje! I to igre koju smo sami programirali.
U završnom dijelu učenici su izrazili svoje osjećaje pišući na ploču jednu rečenicu u kojoj su trebali sažeti što im se svidjelo na održanim radionicama.

Zaključak

Prednosti umjetne inteligencije za djecu i važnost umjetne inteligencije u današnjem svijetu su neosporne.

Utjecaj umjetne inteligencije i novih tehnologija u sadašnjosti samo naglašava važnost koju će imati u budućnosti. Kako bismo našu djecu pripremili za tehnološki napredan svijet, od velike je važnosti da ih upoznamo s AI i srodnim pojmovima u ranoj dobi kako bi se mogli razvijati zajedno s tim tehnologijama.
Učenje o umjetnoj inteligenciji stoga je od iznimne važnosti, a neki od razloga su i:

  • razvijanje interesa za STEM područja
  • poučavanje umjetne inteligencije u ranoj dobi pomaže kod djece razviti sklonost prema STEM-u što pomaže da djeca u budućnosti postanu otvorenog uma, znatiželjni i uvijek na putu inovacija,
  • izloženost novim tehnologijama – programiranje, robotika, IOT,
  • povećanje mentalnih sposobnosti – nove tehnologije omogućene razvojem umjetne inteligencije otvaraju neograničene mogućnosti istraživanja svima koji su znatiželjni i željni novih znanja i učenja,
  • vještina razmišljanja izvan okvira, logičkog zaključivanja, rješavanja problema, vježbanje strpljenja i upornosti.

Ovakvim radionicama učenici pristupaju s velikom dozom ushita, radosti i znatiželje što je učiteljima danas najvažnije, a ponekad i najteže postići.

image

AI i mBlock – Koliko staro izgledam?

kristina_slisuric

Kristina Slišurić

Uvod

Što je to inteligencija? Što ljude čini inteligentnima? Možemo li za stroj reći da je inteligentan? Navedena pitanja nameću nam se kad čujemo pojam umjetne inteligencije, a danas ga čujemo gotovo svakodnevno. Umjetna inteligencija dio je naših svakodnevnih života i rutina što prije samo nekoliko godina nismo ni zamišljali. Razvoj umjetne inteligencije i novih tehnologija odvija se zastrašujućom brzinom, stoga je važno biti ukorak s novim saznanjima.

Ključne riječi: umjetna inteligencija, UI, AI, prepoznavanje lica, računalni vid, mBlock, Meet and Code, ucitelji.hr, programiranje

Kako bi učenike mlađe školske dobi uveli u svijet umjetne inteligencije, jedna od aktivnosti koju je Udruga suradnici u učenju (https://ucitelji.hr ) provela tijekom mjeseca listopada, a povodom obilježavanja Europskog tjedna programiranja u sklopu projekta Meet and Code bila je i online radionica – webinar pod nazivom AI i mBlock – Koliko staro izgledam koja se održala 14.10.2021. godine.

Radionicu je pripremila i vodila učiteljica Kristina Slišurić. Webinar su slušali i u njemu aktivno sudjelovali učenici četvrtog razreda Prve osnovne škole u Ogulinu sa svojom učiteljicom Valentinom Blašković. Tehničku podršku pružali su nam Lidija Kralj i Darko Rakić iz udruge Suradnici u učenju.

Središnji dio

Webinar se održao korištenjem alata MS Teams. Slijedi opis aktivnosti.

Ishodi radionice bili su:

  • Razumjeti pojam inteligencije.
  • Razlikovati ljudsku i umjetnu inteligenciju.
  • Prepoznati kada je računalo inteligentno.
  • Nabrojati primjere korištenja umjetne inteligencije.
  • Preuzeti proširenja na mBlock 5 pomoću kojeg će biti prikupljena i analizirana slika snimljena kamerom.
  • Kodiranje jednostavnim blokovima u nekoliko linija koda.
clip_image002
U uvodnom dijelu radionice pomoću pripremljene prezentacije učenike sam uputila na pripremljenu digitalnu ploču koju sam pripremila koristeći Padlet i koja se nalazi na adresi https://bit.ly/2021ksi gdje smo kao uvodnu aktivnost za razbijanje treme pisali kako se osjećamo. Nakon što smo vidjeli da smo svi sretni, veseli i zainteresirani, krenuli smo s radom.
clip_image004clip_image006
Slika 1. Videosastanak uz pomoć Teamsa    Slika 2. Digitalna ploča za suradnju
Učenike sam pitali što misle kada se za ljude kažu da su inteligentni. Učenici su dali zanimljive i točne odgovore: kada dobiju dobru ocjenu, kada pobijede u šahu nekog tko je stariji, kada riješe neku tešku zagonetku ili problem na svoj način, kada uspijevaju ispričati dobre šale na koje se svi nasmiju. Zaključili smo da je inteligencija nečija sposobnost razumijevanja, samosvijesti, učenja, emocionalnog znanja, planiranja, kreativnosti i rješavanja problema. Nakon toga pitala sam učenike što misle možemo li računala smatrati inteligentnima. Sjetili su se robota koje su već spominjali na satovima informatike i odgovorili potvrdno. Objasnila sam učenicima da su računala inteligentna ovisno o tome što rade. Ukoliko na računalu gledamo film, tada računalo čita video datoteku s tvrdog diska i prikazuje je na ekranu pomoću nekog programa, to se ne smatra inteligentnom radnjom, jer računalo radio ono za što je programirano, slijedni neki skup unaprijed definiranih uputa. No, kad su računala opremljena programom koji uči i djeluje na temelju svog okruženja, tada se mogu smatrati inteligentnima. Pokazala sam učenicima primjer samovozećeg automobila koji na temelju računalnog vida i prepoznavanja objekata iz okruženja u kojem se nalazi može samostalno upravljati i kretati se cestama. Kao primjer inteligentnog ponašanja stroja navela sam i primjer prepoznavanja lica za otključavanje zaslona mobitela, prepoznavanje govora ili crtanja kod različitih chatbota, a kao primjer pokazala sam Quick, draw! aplikaciju (https://quickdraw.withgoogle.com/ ) za prepoznavanje ručno napravljenih crteža.
Ponovili smo što su učenici već naučili kroz ostvarivanje ishoda OŠ INF A.4.2 i OŠ INF D.4.2 iz predmeta Informatike u četvrtom razredu kada su analizirali čimbenike koji razlikuju ljude os strojeva te proučavali načine interakcije čovjek – stroj (A.4.2) kao i analizirajući širok spektar poslova koji zahtijevaju znanje ili uporabu IKT-a. Učenici su tako samo naveli po čemu se sve razlikuju ljudi od strojeva, a pritom su nabrojili i mnoge prednosti koje strojevi imaju nad ljudima, a to su: brzina izvođenja radnji, bolje pamćenje, nema potrebe za snom, odmorom, visoka točnost i preciznost, nepristranost.
Učenicima sam pokazala fotografiju na kojoj se nalazi četvero ljudi te sam ih pitala da identificiraju spol i dob ljudi na slici. Zadatak su obavili bez teškoća. Slijedilo je pitanje može li stroj prepoznati to isto? Kako? U posljednjih nekoliko godina prepoznavanje lica postalo je jedna od najperspektivnijih aplikacija računalnog vida. Metoda prepoznavanja lica na slikama komplicirana je jer se ljudska lica uvelike razlikuju – mogu imati različite poze, izraze, položaj, orijentaciju, boju kože, kosu na licu i preko lica, naočale, itd. Prepoznavanje lice je radnja u kojoj računalo locira ljudsko lice na slici i vraća različite vrste podataka povezanih s licem, primjerice dob i spol. Slijedila je izrada programa korištenjem mBlock-a kojim će računalo prepoznati našu dob, spol i još neke sitnice.
U program mBlock učitali smo proširenje Cognitive Services koje će nam dodati blokove za uključivanje kamere i očitanje različitih karakteristika na temelju slike. Nakon što sam učenicima pokazala kako će dodati blokove za prepoznavanje dobi, testirali smo program i dobili još nekoliko izazova – dodati blokove za prclip_image008epoznavanje spola, intenziteta sreće na licu (koliko se osoba smije), prepoznavanje boje kose te prepoznavanje nosi li osoba naočale i ako da jesu li to naočale za čitanje ili sunčane naočale. Učenici su s veseljem i ushitom samostalno izrađivali program, a najviše su uživali testirajući ga.
Slika 3. Programiranje, Testiranje
clip_image010clip_image016
Slika 4. Atmosfera Slika                5. Prepoznavanje sunčanih naočala
clip_image012clip_image014
Slika 6. Rješavanje izazova             Slika 7. Konačni projekt
Na kraju smo isprobali i naredbe iz proširenja Face Sensing u Scratchu (https://lab.scratch.mit.edu/face/ ) gdje sclip_image018mo u nekoliko linija koda izradili program u kojem lik (učiteljica je izabrala zvijezdu, a učenici lopticu) slijedi naš nos po pozornici, odnosno kreće se onako kako mi pomičemo nos, uz uključenu kameru.
Slika 8. Isprobavanje proširenja Face Sensing u Scratchu
Učenici su kao završnu aktivnost crtali kako se osjećaju i svi su bili sretni, kao i obje učiteljice.

clip_image020

Zaključak

Tijekom radionice učenici su shvatili kada za računalo kažemo da je inteligentno, a kada ne, te što je umjetna inteligencija i neke mogućnosti njene primjene. Također smo vidjeli i neke prednosti koje računala s umjetnom inteligencijom imaju u odnosu na ljude. Broj aplikacija koje koriste umjetnu inteligenciju svakodnevno raste. Umjetna inteligencija koristi se u mnogim sustavima za prepoznavanje objekata – samovozećim automobilima, sigurnosnim sustavima, industrijskim robotima, kao i za otkrivanje i prepoznavanje lica sa slika (Facebook ga koristi za identifikaciju i označavanje ljudi na fotografijama). Prepoznavanje govora, prepoznavanje teksta, strateške igre (šah), prepoznavanje rukopisa – sve su to područja u kojima se umjetna inteligencija svakodnevno koristi.
Ovakva radionica jedan je način kako učenike u ranoj dobi upoznati s novim tehnologijama na zanimljiv i njima pristupačan način.

Programiranje za najmlađe – I. dio

kristina_slisuric
Kristina Slišurić

Uvod

Tijekom listopada obilježava se raznim aktivnostima Europski tjedan programiranja, a cijeli listopad radi se na promicanju programiranja i davanju poticaja učenicima za aktivnim uključivanjem u različite vidove programiranja i povezivanje s drugim ljudima zaljubljenima u programiranje. U okviru projekta Meet and Code udruge, u ponedjeljak 12. 10. 2020. održana je online interaktivna radionica Programiranje za najmlađe koji je održala učiteljica Kristina Slišurić. U radionici su sudjelovali je učenici trećeg razreda Osnovne škole u Ogulinu sa svojom učiteljicom Valentinom Blašković.

Ključne riječi: programiranje, djeca, Meet and Code, code, EU Code Week

Središnji dio

Aktivnosti:

  • Uvod – Tko je programer?
  • Uvod u programiranje – grafičko programiranje
  • Algoritamske strukture u programiranju
  • Završno ponavljanje
  • Samovrednovanje

Interaktivna online radionica  se održala korištenjem alata MS Teams. U njemu smo koristili mogućnost videoprijenosa u realnom vremenu te istovremene komunikacije slikom i govorom koristeći kameru i mikrofon te pisanjem koristeći mogućnosti Čavrljanja.


Nakon uvodnog pozdrava učiteljica je koristeći prezentaciju (slika 1.) pitala učenike jesu li se ikad susreli s pojmom programiranja i prepoznaju li osobu koja je programer na slici. Učenici su koristeći pripremljenu digitalnu ploču (slika 2), označili sliku na kojoj je programer. Digitalnu ploču učiteljica je pripremila koristeći alat Padlet i nalazi se ovdje.


Koristili smo je za komunikaciju i kao mjesto sa svim poveznicama koje su tijekom webinara potrebne. Nakon što smo ponovili što znači programirati, što je program i tko su programeri, krenuli smo u svoje prve programerske korake. Za to je učiteljica odabrala mrežnu stranicu code.org (slika 3.) i Tečaj 2 (slika 4.). Tečaj je zamišljen za samostalni rad učenika koji znaju čitati, a nemaju prethodnog programerskog iskustva. Učiteljica je učenika vodila kroz nivoe tečaja u kojem su kroz igru i pomaganje likovima iz priče, naredbama u obliku blokova koristili različite algoritamske strukture: slijed, ponavljanje i grananje.

Za uvođenje u rad napravili smo nekoliko zadataka grafičkog programiranja i algoritama iz svakodnevnog života (slika 5.).

Nakon toga započeli smo sa slijednim naredbama gdje su učenici poput slagalici tehnikom  „povuci i spusti“ nizali svoje prve naredbe u slijed, a pritom vježbali orijentaciju u prostoru i pomagali ptičici kako bi stigla do svinje (slika 6.), i pčelici kako bi stigla do cvijeta i pokupila nektar.

Nakon toga uveli smo algoritamsku strukturu ponavljanja i blok za ponavljanje uz pomoć koje su učenici uvidjeli da njome mogu skratiti sami program  (slika 7.).

Na kraju smo u naše programe uveli i  odluke te algoritamsku strukturu grananja, kada je pčelica provjeravala ima li na cvijetu nektara i samo ako ga ima (ako je nektar=1) onda je pokupila isti sa cvijeta (slika 8.).


Završno ponavljanje napravili smo vježbom na digitalnoj ploči gdje smo ponovili sve tri algoritamske strukture. Učiteljica je postavila slikovno pitanje, a učenici su svoje odgovore pisali u komentare.
Samovrednovanje na kraju webinara provedeno je na način da učenici na digitalnu ploču napišu ili nacrtaju kako se osjećaju nakon webinara. Svi su se osjećali sretno što su napisali, a neki su učenici i nacrtali. (slika 9.)

Zaključak

Uključivanje učenika u ovaj vid suradničkog poučavanja u kojem je jedna učiteljica u razredu s učenicima, a druga učiteljica na udaljenoj lokaciji i kroz online radionicu vodi učenike i razgovara s njima, korak je naprijed prema uspješnoj integraciji informacijsko komunikacijske tehnologije u svakodnevni rad i život učenika. Za učenike je ovaj vid rada bio motivirajuće i  zanimljivo iskustvo. Učenici su također mogli iskusiti kako je programiranje kreativan i nadasve zanimljiv proces koji razvija naš mozak i naše logičko razmišljanje, uči nas postupnosti, sistematičnosti, a uz to se i igramo i zabavljamo te upoznajemo nove ljude i mogućnosti.

Programiranje za najmlađe – prezentacija s interaktivne radionice Programiranje za najmlađe, 1. dio

Programi(g)ranje – I. dio

kristina_slisuric

Kristina Slišurić

Uvod

Jedna od aktivnosti koju je Udruga suradnici u učenju provela tijekom mjeseca listopada, a povodom obilježavanja Europskog tjedna programiranja bila je i interaktivna online radionica pod nazivom Programi(g)ranje u kojoj su učenici početnici u programiranju koristeći vizualno jednostavno okruženje programirali svoje prve samostalne igre – od početne ideje, razvijanja iste do konačne realizacije,  i uvodili se u zanimljiv i nadasve kreativan proces programiranja.

Interaktivna online radionica je održana u ponedjeljak 19. 10. 2020., a vodila ga je učiteljica Kristina Slišurić, a sudionicu su bili učenici trećeg razreda Osnovne škole u Ogulinu sa svojom učiteljicom Valentinom Blašković.

Ključne riječi: programiranje, igra, Meet and Code, code, EU Code Week, Scratch

Središnji dio

Interaktivna radionica se održala korištenjem alata MS Teams uz pomoć kojeg smo se vidjeli, čuli i uspješno komunicirali i ostvarivali dijalog iako smo se fizički nalazili daleko jedni od drugih.

Glavni cilj ove interaktivne radionice bio je da učenici stvore programe koristeći vizualno okruženje Scratcha, a u kojem će se koristiti slijedom, ponavljanjem i odlukom te ulaznim vrijednostima uz poticanje učenika na kreativnost i inovativnost u rješavanju problemskih zadataka i korištenje informacijsko komunikacijske tehnologije u njihovom rješavanju.
Nakon uvodnog pozdrava učiteljica je ponovila s učenicima tri osnovne algoritamske strukture koje smo naučili i uvježbali  na prošloj online interaktivnoj radionici Programiranje za najmlađe, 1. dio koja je održan tjedan dana ranije. Nakon toga smo koristeći digitalnu ploču zajedno pogledali što će biti cilj današnjeg rada odnosno kako će izgledati program koji ćemo zajedno napraviti. Digitalnu ploču učiteljica je pripremila koristeći alat Padlet i nalazi ovdje.


Učiteljica je pokazala učenicima simulaciju igre koju planiramo izraditi. Igra je dostupna na poveznici.

Nakon pogledane igre učiteljica je učenicima pokazala algoritam za izradu programa uz objašnjavanje zašto se u pojedinim koracima rješavanja problema trebaju koristiti određene algoritamske strukture. Učenici su pratili učiteljicu i odgovarali na pitanja koja je učiteljica postavljala kako bi pratila njihovo razumijevanje algoritma.

Nakon analize algoritma slijedilo je prevođenje algoritma u program, kada smo korak po korak, uz detaljnu analizu, tražili blokove naredbi u skriptama i dovodili ih u naš program, a prije toga odabrali smo željeni lik i pozornicu za provođenje igre.

Posebnu pažnju posvetili smo pojmu ulaznih vrijednosti i varijabli jer je to prvi puta da se učenici susreću s istim. Zamislili smo ih kao kućice u kojima spremamo brojeve koje program mora zapamtiti. Cijeli program može se pogledati i na slici.

Nakon izrade programa slijedilo je njegovo testiranje, a na kraju i izazov. Učiteljica je pozvala učenike da na ovaj način izrade igru s drugačijim pitanjima ili da animiraju svoje ime, izrade priču i animiraju lektiru ili realiziraju neku drugu svoju ideju.

Samovrednovanje na kraju radionice proveli smo čarobnim kotačem u kojem su učenici svaki za sebe zavrtili kotač te redom eliminirali izjave koje su sadržavale aktivnosti provedene tijekom radionice. Učenici su iz kotača eliminirali sve izjave što je značilo da su sve zamišljene aktivnosti uspješno odradili. Posebno bih istaknula kako su svi dobili neku novu ideju za izradu programa.

Zaključak

Početno programiranje u razrednoj nastavi od iznimne je važnosti za stvaranje temelja logičkog razmišljanja i rješavanja problema iz svakodnevnog života koji zahtijevaju preciznost, sustavnost i analizu. Vježbanje računalnog razmišljanja od malih nogu i poticanje učenika na kreativnost u izradi jednostavnih programa kao u ovom slučaju edukativne igre priprema učenike od malih nogu na cjelokupan programerski proces koji uključuje ideju, dizajn, odabir likova i pozornice i sve to uz igru. Učenici uz to razvijaju svoje samopouzdanje, surađuju u online okruženju, testiraju jedni drugima programe i zajednički su usmjereni prema postizanju istog cilja.

Program(i)granje – prezentacija s interaktivne radionice Program(i)granje, 1. dio