13
Univerzitet u Banjaluci Elektrotehnički fakultet Katedra za opštu elektrotehniku Multimedijalni sistemi Banjaluka 2009/10 Projektni zadatak Interaktivno učenje Predavač: Studenti: prof. dr Zdenka Babić Željko Radulović 75/04 Asistent: Stojan Kukrika 66/04 mr Vladimir Risojević 1

Projektni zadatak Interaktivno učenje - dsp.etfbl.netdsp.etfbl.net/multimedia/studenti/2009/radulovic_kukrika/radulovic_kukrika.pdf · 1.Uvod U okviru vježbi iz predmeta Multimedijalni

  • Upload
    others

  • View
    2

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Projektni zadatak Interaktivno učenje - dsp.etfbl.netdsp.etfbl.net/multimedia/studenti/2009/radulovic_kukrika/radulovic_kukrika.pdf · 1.Uvod U okviru vježbi iz predmeta Multimedijalni

Univerzitet u BanjaluciElektrotehnički fakultetKatedra za opštu elektrotehnikuMultimedijalni sistemiBanjaluka 2009/10

Projektni zadatak

Interaktivno učenje

Predavač: Studenti:prof. dr Zdenka Babić Željko Radulović 75/04Asistent: Stojan Kukrika 66/04mr Vladimir Risojević

1

Page 2: Projektni zadatak Interaktivno učenje - dsp.etfbl.netdsp.etfbl.net/multimedia/studenti/2009/radulovic_kukrika/radulovic_kukrika.pdf · 1.Uvod U okviru vježbi iz predmeta Multimedijalni

Sadržaj

1. Uvod ................................................................................................................32. Storyboard ........................................................................................................43. Opis navigacije i mogućnosti aplikacije .............................................................64. Detaljan pregled koncepata korištenihu projektovanju aplikacije...................115. Završna riječ......................................................................................................13

2

Page 3: Projektni zadatak Interaktivno učenje - dsp.etfbl.netdsp.etfbl.net/multimedia/studenti/2009/radulovic_kukrika/radulovic_kukrika.pdf · 1.Uvod U okviru vježbi iz predmeta Multimedijalni

1.UvodU okviru vježbi iz predmeta Multimedijalni sistemi upoznali smo se sa programskim alatom Adobe Director kao i sa elementima Lingo programiranja.Da bi zaokružili ovaj kratki kurs u svijetu multimedije, napravili smo aplikaciju na temu Interaktivno učenje koja će da prikaže i na najjednostavniji način pokuša da korisnika ove aplikacije nauči dijelu gradiva obuhvaćenog ovim predmetom.Aplikacija je zamišljena da bude potpuna, sa svim elementima interaktivnosti,od izbora lekcija do izbora kvizova ali i interaktivno kretanje kroz iste ponuđenih lekcija.Kroz lekcije koje su ovdje predstavljene nastojalo se da se na što je moguće jednostavniji način omogući korisnicima učenje oblasti iz ovog predemta,što ćemo nadamo se i postići. Detaljnije o opisu i funckiji same aplikacije možete saznati u poglavljima koja slijede.Da bi koristili ovu palikaciju potreban vam je intaliran Microsoft Windows XP/Vista/W7 operativni sistem,a da biste mjenjali i radili na ovoj našoj aplikaciji potreban vam je Adobe Direktor 11.5 i novije verzije.

3

Page 4: Projektni zadatak Interaktivno učenje - dsp.etfbl.netdsp.etfbl.net/multimedia/studenti/2009/radulovic_kukrika/radulovic_kukrika.pdf · 1.Uvod U okviru vježbi iz predmeta Multimedijalni

2.Storyboard Prilikom startovanja aplikacije dobije se prozor kao na slici 1.

slika 1.slika početne stranice

Daljnje kretanje kroz aplikaciju je krajnje jednostavno i ostvaruje se klikoma na odredjeni dugmić u pocetnom prozoru,kao na slici 2. Tako se stiže do lekcija i testova,pored informacija o aplikaciji i autorima, kroz koje se takođe lako kreće uz pomoć dumića.U lekcijama se nalazi nekoliko lekcija koje smo smatrali da bi korisniku aplikacije bilo korisno i interesantno da sazna i nauči,nakon čega svoje stečeno znanje iz tih lekcija može da provjeri u kvizovima. U sklopu svake lekcije se nalazi se i animacija ili primjer koji potkrepljuje tekst i olakšava korisniku prihvatanje novih znanja.

4

Page 5: Projektni zadatak Interaktivno učenje - dsp.etfbl.netdsp.etfbl.net/multimedia/studenti/2009/radulovic_kukrika/radulovic_kukrika.pdf · 1.Uvod U okviru vježbi iz predmeta Multimedijalni

slika 2.-storybord sa glavne stranice

5

Page 6: Projektni zadatak Interaktivno učenje - dsp.etfbl.netdsp.etfbl.net/multimedia/studenti/2009/radulovic_kukrika/radulovic_kukrika.pdf · 1.Uvod U okviru vježbi iz predmeta Multimedijalni

3. Opis navigacije i mogućnosti aplikacije Pa da krenemo sa opisom mogućnosti ove naše aplikacije,krenućemo od vrha, tj.od kvizova(slika 3.).

slika 3.-početna stranica kvizova

Izborom određenog kviza(nismo željeli da pretrpavamo aplikaciju pa smo napravili samo tri,mada ako se aplikacija bude dalje razvijala lako se doda još kvizova i još pitanja) pojavljuju se pitanja,kao na slici 4. Nakon što se odgovori na sva pitanja pojavljuje se izgled kao na slici 5, koji prikazuje broj tačno i netačno odgovorenih pitanja,uzeli smo da je potrebano uraditi ispravno preko 70% da bi se test položio.

6

Page 7: Projektni zadatak Interaktivno učenje - dsp.etfbl.netdsp.etfbl.net/multimedia/studenti/2009/radulovic_kukrika/radulovic_kukrika.pdf · 1.Uvod U okviru vježbi iz predmeta Multimedijalni

slika 4.-pitanje u odaranom testu

slika 5.-rezultati nakon riješenog testa

7

Page 8: Projektni zadatak Interaktivno učenje - dsp.etfbl.netdsp.etfbl.net/multimedia/studenti/2009/radulovic_kukrika/radulovic_kukrika.pdf · 1.Uvod U okviru vježbi iz predmeta Multimedijalni

U slučaju da je korisnik izabrao lekcije,dobija ekran kao na slici 6.

slika 6.-početna slika za lekcije

Izborom određene lekcije prikazuje se sadržaj te lekcije a pored te lekcije lako se može vratiti na početnu stranicu sa listom ponuđenih lekcija ali i da se kreće od lekcije do lekcije preko dugmića u dnu aplikacije, npr. ako se odabere širenje zvuka u vremenu dobije se izgled kao na slici 7. Tu se pored teksta pojvljuje i animacija koja ilustruje refrakcija zvučnog talasa,naravno ta animacija može u svakom trenutku da se zaustavi i nastavi. Ako se odabere “Konvolucioni integral-animacija” (slika 8.) tu je predstavljeno pomoću Flash animacije računanje konvolucionog integrala (sume) za nekoliko ulaznih funkcija i inpulsnih odziva pa se pomjeranjem klizača (konvolucioni klizač) pomjera vremenska osa,tj, vidi se kako se izlazni signal mjenja u vremenu, a i ispisuje se vrijednost tog izlaza u određenom vremenskom odmjerku.

8

Page 9: Projektni zadatak Interaktivno učenje - dsp.etfbl.netdsp.etfbl.net/multimedia/studenti/2009/radulovic_kukrika/radulovic_kukrika.pdf · 1.Uvod U okviru vježbi iz predmeta Multimedijalni

slika 7.-jedna od lekcija-širenje zvuka u prostoru

slika 8.-Konvolucioni integral-animacija

9

Page 10: Projektni zadatak Interaktivno učenje - dsp.etfbl.netdsp.etfbl.net/multimedia/studenti/2009/radulovic_kukrika/radulovic_kukrika.pdf · 1.Uvod U okviru vježbi iz predmeta Multimedijalni

4. Detaljniji pregled koncepata korištenih u projektovanju aplikacije

Kao što smo već spomenuli ovu palikaciju smo razvijali koristeći programski alat Adobe Director 11.5 i njegovog programskog jezika Lingo,mada je zadnja animacija (Konvolucioni integral-animacija sa slike 8.) rađena u Adobe Flash-u,jer nismo znali kako da tako nešto napravimo u Director-u.Kao što se vidi na slici 9 naša aplikacija se sastoji iz mnogo sitnih djelova,poput dumića,skripti,slika i sl.stvari koje smo korititli u ovom projektu.Sve smo te svari inportovali direktno u aplikaciju iz rasloga što ni jedna od njih nije toliko velika da bi izvršni fajl bio velik ali i da bi se onemogućilo slučano ili najmerno mjenjanje materijala korištenom u ovom projektu.

slika 9.-početak,nakon pokretanja projekta u Direktoru

Na slici 10 je prikazano skup nekih cast-membre-a i nekih markera koji su pobili potrebni za normalan i lakši rad aplikacije.

10

Page 11: Projektni zadatak Interaktivno učenje - dsp.etfbl.netdsp.etfbl.net/multimedia/studenti/2009/radulovic_kukrika/radulovic_kukrika.pdf · 1.Uvod U okviru vježbi iz predmeta Multimedijalni

Slika 10.

Na slikama ispod je prikazano nekoliko Lingo kodova koje smo koristili u aplikaciji.

slika 11.-komentar nakon riješavanja odabranog testa

11

Page 12: Projektni zadatak Interaktivno učenje - dsp.etfbl.netdsp.etfbl.net/multimedia/studenti/2009/radulovic_kukrika/radulovic_kukrika.pdf · 1.Uvod U okviru vježbi iz predmeta Multimedijalni

slika 12.-uklanjanje sata iz prozora aplikacije,nalazi se na dnu Upustva za aplikaciju

slika 13.-definisanje globalnih promjenljivih prije početka riješavanja nekog kviza

slika 14.pauziranje i puštanje animacije koja predstavlja refrakciju zvuka sa slike 7.

12

Page 13: Projektni zadatak Interaktivno učenje - dsp.etfbl.netdsp.etfbl.net/multimedia/studenti/2009/radulovic_kukrika/radulovic_kukrika.pdf · 1.Uvod U okviru vježbi iz predmeta Multimedijalni

5.Završna riječ Adobe Director je programski alat koji služi za razvoj i brzo pravljenje multimedijalnih aplikacija, tj. pravljenje animacija i interaktivnih multimedijalnih filmova. Directorovfilm može da sadrži različite tipove multimedijalnih objekata (elementarnih medijuma) kao što su zvuk, digitalni video, Flash animacije, tekst i grafika.Tokom rada na ovom programskom alatu susretali s neobjašnjivim stvarima da na primjer jednom skripta radi a da drugi put neće,da program jednostavno zamrzne u toku običnog kucanja Lingo naredbi i sličnim stvarima.Najinteresantinije je bilo kad je program obijao da se startuje,da bi nakon deinstalacije pokrenuli instalaciju i program nikako nije mogao da završi instalaciju, jedini spas bilo je "obaranje" sistema i ponovna instalacija svih programa i naravno Direktor-a. Iskreno nadamo da nismo jedini koji su se nanervili oko njega, mada po priči drugih kolega mislim da se to svima nama to desilo barem jednaput, tako da smatramo da ovo nije baš neko najsrećnije riješenje za naše probleme i iskreno se nadamo da se baš nećemo morati susretati s njim u budućnosti.Ali pošto smo imali vrlo malo vremena da s njim radimo, jer smo bili u bavezama za druge predmete, smatramo da on ima i dobrih osobina i da nije tako loš kao što se čini na prvi pogled.

13