Informacione tehnologije, obrazovanje i preduzetništvo ITOP17

451

UDK: 004:371.6 Stručni rad

ANIMIRAJ SVOJE ĐAKE, OBRNI UČIONICU

MOOVE YOUR STUDENTS, FLIPP THE CLASSROOM

Jelena Milosavljević1, Veselinka Stanković2, Edita Aleksov3 OŠ „Desanka Maksimović“ Čokot

1jekazeka@hotmail.com, 2veselinkas@hotmail.com, 3editaleksov@gmail.com

Rezime: Stalni tehnološki razvoj nas obavezuje da kod učenika razvijamo kompetencije neophodne za život u savremenom društvu. Korelacija nastave informatike i računarstva sa drugim predmetima i primena IKT je imperativ novih trendova u obrazovanju. U ovom radu je prikazana primena programa Moovly i koncepta obrnute učionice pri obradi nastavne jedinice Grafičko predstavljanje statističkih podataka. Data je skica časa pomenute nastavne jedinice i prikazani su najznačajniji koraci za izradu animiranog videa u programu Moovly. Za postavljanje edukativnih materijala i komunikaciju sa učenicima korišćena je obrazovna platforma Edmodo. Ovakva organizacija rada i animirani video podižu motivaciju učenika i nastavu čine efikasnijom i interesantnijom. Upoznavanjem sa programom Moovly učenici se podstiču da samostalno kreiraju svoje video animacije. Ključne reči: Moovly, Obrnuta učionica, Grafičko predstavljanje statističkih podataka. Abstract: Continuous technological development obliges us to help students develop competencies that are becoming necessary for life in contemporary society. Correlating Information Technology and Computing classes with other subjects, as well as its

application are both necessary in modern education. In this paper, we present the

application of Moovly software and the concept of the flipped classroom in covering

Graphical representation of statistical data lesson unit. A schematic sketch of the lesson

unit is given, as well and the most important steps for developing an animated video in

Moovly software. For setting up the educational materials and communication with

students, we employed the educational platform Edmodo. This kind of work organization

and video animation boost students’ motivation and make a lesson more efficient and

interesting. Introducing students to Moovly software renders them motivated to create

their own video animations.

Key words: Moovly, Inverted classroom, Graphical representation of statistical data.

Informacione tehnologije, obrazovanje i preduzetništvo ITOP17

452

1. OBRNUTA UČIONICA (FLIPPED CLASSROOM)

Ovaj koncept u obrazovanju je već neko vreme aktuelan u svetu. Zahvaljujući

tehniloškom napretku sve su veće mogućnosti za njegovu primenu. Jedan od pionira

obrnute učionice je Jonathan Bergmann.

Klasični koncept podrazumeva da se čas koristi za predavanje nastavnika, izlaganje

novih sadržaja, dok se zadaci rade samostalno, kod kuće. Ovde je obrnuto, proces učenja

počinje samostalno, kod kuće, uz pomoć video predavanja i drugih materijala koje

nastavnik priprema i postavlja za učenike, dok se na času realizuju razne aktivnosti i

zadaci. Učenici mogu da ih realizuju uspešnije zato što su se pripremili kod kuće i imaju

potrebno predznanje.

Prednosti Obrnute učionice su:

· Učenik uči kada hoće

· Predavanje traje kratko

· Postavljeni materijal se može pogledati više puta

· Učenik uči svojim tempom

· Više vremena za interakciju na samom času i saradnju medju učenicima

· Prilikom rada na zadacima nastavnik ima mogućnost da usmerava i pomaže

Upravo da bi nastavu učinile interesantnijom i dodatno motivisale učenike osmog

razreda, izabrale smo obrnutu učionicu. Koristile smo obrazovnu društvenu mrežu

Edmodo kao mesto za učenje i pripremu, ali i za testiranje koliko je naučeno. Od

pripremljenog materijala, najefektniji je animirani film koji je napravljen uz pomoć

softvera Moovly. Moderna nastava podrazumeva primenu modernih nastavnih stredstava

i metoda nastave. Animirani film ima vodeću ulogu u izobilju nastavnih sredstava koji

bude audiovizuelnu percepciju učenika i ostvaruje princip očiglednosti. Prikazivanje

animiranog filma u nastavi pogodno je u svim etapama nastavnoga časa, ali i kao zadatak

za učenje kod kuće (obrnuta učionica). Neki od ciljeva i mogućnosti upotrebe ovih

medija u nastavi su:

· povećanje motivacije i angažovanja učenika

· pomoć u razumevanju pojava i procesa

· prikazivanje pojava koje je nemoguće izvesti u učionici

2. OPIS ČASA

Za učenike čas realno počinje kod kuće proučavanjem sadržaja koji je postavljen na

Edmodu (autorski film urađen u programu Moovlu i video lekcija Matematičke školeplus

https://www.youtube.com/watch?v=hTJcNIMtRy0). Da bi se obezbedilo da učenici pogledaju sadržaj postavljen im je i test na Edmodu. Cilj testa je da se učenici dodatno motivišu, da prouče ponuđeni sadržaj i da se proveri koliko su razumeli lekciju. Na osnovu rezultata testa nastavnik može nastavu prilagoditi svakom odeljenju tako što će posebno obratiti pažnju na one delove sadržaja koji su ostali nejasni. U uvodnom delu časa frontalno se realizuje kratka diskusija o pitanjima koja su na testu slabije urađena. Ta diskusija je moguća jer učenici već imaju svoje stavove o temi.

Informacione tehnologije, obrazovanje i preduzetništvo ITOP17

453

U glavnom delu časa učenici u grupama dobijaju zadatak da na osnovu zadate tabele nacrtaju različite vrste dijagrama (stubični, trakasti, linijski, kružni). Svaka grupa prikazuje svoj rad. Nakon kratkog podsećanja učenika da su u okviru predmeta Informatika i računarstvo radili program Excel treba im predočiti da je sve to što su oni radili crtežom, a i mnogo više, moguće uraditi u ovom programu. Kao ilustraciju upotrebe mogu se pozvati da se dizanjem ruku izjasne o omiljenom sportu, a dobijene podatke nastavnik unositi u Excel tabelu i demonsratirajući rad prikazati ih različitim vrstama dijagrama. Dobijeni dijagrami mogu se kroz diskusiju uporediti sa onim dijagramima koje su učenici nacrtali. Za analizu dijagrama pogodno je izabrati dijagram Republičkog zavoda za statistiku Srbije iz 2011. godine napravljenog u cilju prikazivanja školske spreme građana Srbije. Čitanjem podataka sa dijagrama doći do zaključka da je podatke u obliku procenata lakše pročitati iz kružnog dijagrama, dok je upoređivanje dva ili više podataka lakše sprovesti iz trakastog dijagrama. Ovaj dijagram se može iskoristiti i za kratku diskusiju na temu značaja obrazovanja kroz pitanja: Da li smatrate da je broj nepismenih veliki? (Svaki 50-ti čovek u Srbiji je nepismen, a svaki 7-mi nije završio osnovu školu.) Da li poznajete nekoga ko nije završio osnovnu školu? Koje pravo je uskraćeno tim ljudima? Šta je po Vašem mišljenju centralni problem? U završnom delu časa učenici dobijaju zadatak da naprave anketni listić i anketiraju 15 ljudi (ispitanika), a potom rezultate ankete predstave tabelarno i dijagramima koristeći Excel. (Na Edmodu im je bio postavljen link ka tutorijalima za Excel). Učenica koja radi po IOP-u 2 tokom ovog časa je u prvom delu časa bila uključena u rad grupe, tako da je u drugom delu časa bila u mogućnosti da čita podatke sa dijagrama. Njen domaći zadatak je bio da na osnovu zadatih dijagrama popuni odgovarajuće tabele. Učenici koji rade po IOP-u 3 dobili su i zadatak da kreiraju Excel dokument za popunjavanje tabele na zadnjoj strani Dnevnika obrazovno-vaspitnog rada u osnovnoj školi. 3. PROGRAM MOOVLY Moovly je Web 2.0 platforma za izradu animiranih video isečaka (program ih naziva Moovs), a nalazi se na adresi http://www.moovly.com/. Program pruža mogućnost izrade animiranih prezentacija, interaktivnih infografika, video isečaka (samo komercijalna licenca), e-čestitki i reklamnih poruka. Za početak rada u Moovlyju potrebna je registracija. Na početnoj stranici (u gornjem desnom uglu) biramo mogućnost Sign Up. Sledeći put kod pristupa programu za prijavu biraćemo taster Login.

Slika 1: Registracija u Moovly

Informacione tehnologije, obrazovanje i preduzetništvo ITOP17

454

Nakon toga pojavljuje se stranica Pricing gde biramo licencu koja odgovara našim potrebama. U ovom radu prikazaćemo mogućnosti besplatne licence i zbog toga biramo licencu Free i taster Subscribe. Važno je napomenuti da besplatna verzija ima mogućnost neograničenog broja animacija rezolucije 480 piksela, a čuvanje multimedijalnih objekata u Ličnoj biblioteci (Personal Library) je ograničeno na 100 MB ili 20 datoteka i na animaciji se pojavljuje natpis Moovly.

Slika 2: Izbor besplatne licence

Nakon popunjavanja obrasca neophodno je označiti mogućnost I accept the Privacy

Statement and the Terms & Conditions (Prihvatam izjavu o zaštiti privatnosti i Uslove i Odredbe.) Registraciju se završava klikom na taster Sign Up. Na vašu e-poštu stići će pismo sa linkom koji treba potvrditi kako biste sledeći puta mogli pristupiti programu. U radnom okruženju otvara se stranica My Moovs koja sadrži sve vaše radove i šablone (My Templates) za izradu animacija. Izborom tastera New project označenog sa zanakom + započinje izrada nove animacije.

Slika 3: Naziv i opis novog animiranog videa (Moov)

Sledeći korak je izbor vrste videa (Moov). Moguće je izraditi animirani video, prezentaciju ili promotivnu poruku, a može se jednostavno nastaviti izborom tastera Just

let me in pa kasnije odabrati vrstu videa. Razlika između animiranog videa i prezentacije je u tome što se prezentacija zaustavlja u pojedinim sekvencama što govorniku omogućava davanje dodatnih objašnjenja ili interakcije sa učenicima. Prezentacija je pogodna kod izrade digitalnog nastavnog materijala za metodu obrnute učionice, jer se učenik može lakše vraćati na sekvence objašnjenja nekog obrazovnog sadržaja.

Informacione tehnologije, obrazovanje i preduzetništvo ITOP17

455

U novom prozoru otvara se uređivač video animacije (Moovly Editor). Centralni deo uređivača je pozornica, a oko nje su paneli za uređivanje animiranog filma. Paneli se mogu zatvarati, odnosno prošivirati klikom na strelicu.

Slika 4: Uređivač animacije (Moovly Editor)

1. Pozornica (Stage) Može se zamisliti da je to list papira na kome se dešava radnja animiranog video klipa. Na pozornicu se prenose multimedijalni objekti iz biblioteke (Library) i kreira se radnja videa. Kada kliknemo mišem na neki lik (objekat) koji je na prozornici, on postaje označen te se može premeštati po pozornici, može mu se određivati veličina, okretati, kopirati ili izbrisati. Desnim klikom miša pojavljuje se padajući meni gde biramo opcije za lik. Objekat se može iseći (Cut item), kopirati (Copy item), lepiti na drugo mesto (Paste item), staviti ispred (Bring to front, Bring forward) ili iza drugog objekta (Send

backward, Send to back), zatim rotirati horizontalno (Flip Horizontal) i vertikalno (Flip

Vertical). 2. Klikom na pozornicu moguće je izmeniti svojstva (Properties) pozornice (na desnoj strani prozora uređivača), boju pozadine, izbor video režima (prezentacija ili video). Na isti način svakom objektu na pozornici mogu se menjati svojstva. 3. Biblioteka Svi multimedijalni objektni se nalaze u biblioteci (Library) koja se sastoji od dva dela. Prvi deo čine standardni Moovly likovi (Moovly Library), a u drugom delu se čuvaju sopsteveni crteži, fotografije, zvuk, muzika i video klipovi (Personal Library). Prolaskom miša po objektima u standardnoj biblioteci može se proveriti da li lik ima unapred definisanu animaciju (na primer; pokret, okretanje, pojavljivanje). Odabrani likovi se prenose mišem na pozornicu iz biblioteke (drag & drop). Standardna Moovly

Informacione tehnologije, obrazovanje i preduzetništvo ITOP17

456

biblioteka ima likove na tridesetak kartica koje se mogu pregledati klikom strelice na dnu biblioteke. 4. Scene Scene (Scenes) su kadrovi animiranog videa, a njihov broj i dužina trajanja zavisice od zamišljenog scenarija. Scene se dodaju odabirom ikonice sa oznakom plus (+), a brišu na ikonicu kante za smece. Ako se odabere prezentacija kao video režim, tada svaka scena predstavlja jedan slajd i na scene se dodaju oznake za zaustavljanje videa u željenom trenutku.

Slika 5: Scene u režimu prezentacije

5. Kazaljka Kroz animirani video se krecemo pomeranjem crvene vertikalne linije - kazaljke. Video se može pregledati u celosti izborom ikonice ( ). Scene je moguce i podeliti tako da se odabere željeno mesto u animaciji koje odredimo pomeranjem kazaljke i klikom desnog tastera miša pojavice se padajući meni na kojem se odabere opcija Split scene. Ukoliko u animiranom videu postoji više scena, moguce im je zameniti mesta tako što levim tasterom miša označimo scenu i držeci je prenosimo na drugo mesto (drag & drop). 6. Vremenska linija Svi objekti, vreme njihovog pojavljivanja i dužina trajanja u video animaciji grafički su prikazani sivom trakom na vremenskoj liniji. Levim klikom miša na vremensku traku objekta određuje se trenutak njegovog pojavljivanja u videu.

Slika 6: Izbor momenta pojavljivanja objekta

7. Animacije Označavanjem objekta na vremenskoj traci pojavice se opcija sa natpisom Choose

animation.

Slika 7: Izbor menija za animacije

Izborom opcije Choose animation pojavljuje se meni standardnih animacija kao i animacije specifične za odgovarajuci lik. Standardne animacije uključuju zumiranje, iskakanje, isčezavanje, okretanje, brisanje, promena veličine, nestajanje i pojavljivanje, a

Informacione tehnologije, obrazovanje i preduzetništvo ITOP17

457

posebnost Moovlija su animacije sa prikazom ruke koja donosi, povlači ili crta objekat, to jest piše tekst. Jedan objekat može imati više animacija. Specifične animacije za određeni lik nalaze se na dnu menija animacija te ih je potrebno uključiti. Na primer, globus ima animaciju okretanja - spin. Na vremenskoj traci animacije su označene sa linijom omeđenom tačkama. Poput objekata i animacije se mogu kretati levo - desno na vremenskoj liniji, a vecini objekata produžiti ili skratiti vreme trajanja animacije. Animacije se mogu ukloniti izborom ikonice kante za smece. 8. Traka alata U traci sa alatkama koja se nalazi na vrhu prozora uređivača, nalaze se uobičajni alati za uređivanje. Klikom na taster "T" u traci sa alatkama na pozornici može se upisati tekst u označeno polje Tipe Here. Istovremeno u svojstvima (Properties) pojavice se kartica sa opcijama za određivanje fonta, veličinu i boju slova, centriranje teksta. Rad u uređivaču animiranog videa završavamo klikom na ikonicu diskete za snimanje video animacije (u gornjem levom uglu) i zatvaranjem prozora. Tokom rada uređivač automatski snima video animaciju. Upravljanje animiranim videom Na stranici My Moovs nalaze se naše video animacije i možemo upravljati njima. Prelaskom miša preko videa pokazace se opcije pregleda, uređivanja i brisanja. Kada odaberemo mogucnost pregleda pojavice se stranica na kojoj možemo pregledati video, ponovo ga uređivati, preuzeti na računar, objaviti na YouTube-u i Facebook-u ili deliti sa drugim korisnicima. Video preuzimamo tasterom Download i tada ce se pojaviti dve mogucnosti - preuzimanje kao video (mp4 format) ili kao flash.

Slika 8: Preuzimanje videa

Ako je video animacija izrađena kao prezentacija, tada svakako treba odabrati opciju flash kako bi se prezentacija zaustavljala u određenim sekvencama. U tri sledeca koraka bira se rezolucija videa i način prikaza, a kako je reč o besplatnoj licenci potvrđujemo jedinu ponuđenu opciju Next step, a na kraju treceg koraka Finish

export. Nakon nekoliko minuta (vreme zavisi od veličine video animacije) na prijavljenu adresu e-pošte stici ce link za preuzimanje videa. Teškoće u radu: Potrebno je odvojiti vreme za savladavanje softvera Moovly i izradu animacija. Nemaju svi učenici podjednake tehničke mogućnosti za pripremni rad kod kuće (nemaju internet, pokvaren računar i sl).

Informacione tehnologije, obrazovanje i preduzetništvo ITOP17

458

LITERATURA

[1] N. Ikodinović., S. Dimitrijević.(2011). Udžbenik za osmi razred osnovne škole, Klett

[2] The Flipped Class: Myth vs Reality

[3] Are You Ready to Flip?

[4] The Flipped Class Revealed: What Does a Good One Look Like

[5] https://www.moovly.com

[6] https://www.youtube.com/watch?v=uWZiCnjGFRs

[7] ICT Edu – modul 4. Moovly – izrada animiranog videa