Projektni zadatak MULTIMEDIJALNA eLEARNING PLATFORMAdsp.etfbl.net/multimedia/studenti/2008/bajic_reljic_teofilovic.pdfneko unese pogrešno ime ili lozinku, bilo da je profesor ili

Univerzitet u Banjaluci Elektrotehnički fakultet Katedra za opštu elektrotehniku Multimedijalni sistemi Banjaluka 2008/09

Projektni zadatak

MULTIMEDIJALNA eLEARNING PLATFORMA

Predavač Student prof. dr Zdenka Babić Vladimir Baji ć Asistent Mladen Reljić mr Vladimir Risojevi ć Vedrana Teofilović

Sadržaj 1. Uvod

2

2. Opis aplikacije, storyboard i detaljna funkcionalna specifikacija

3

3. Opis Lingo skriptova

13

4. Završna riječ

16

Literatura

17

Multimedijalni sistemi ___________________________________________________________________

2

1. Uvod

U 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 ovu kratki izlet u svijet multimedije, napravili smo aplikaciju na temu multimedijalna eLearning platforma.

Aplikacija je zamišljena da bude potpuna, sa svim elementima interaktivnosti, od umetanja već formiranih dokumenata bilo kojeg tipa i njihovog pregledanja do kreiranja novih dokumenata, a na najvišem niovu, ove hijerarhije nalazi se test za provjeru znanja studenata.


3

2. Opis aplikacije, storyboard i detaljna funkcionalna specifikacija

Aplikacija je urañena tako da prepoznaje dva tipa korisnika. Prvi tip je profesor, a drugi korisnik. Radi ilustrovanja rada same aplikacije, mi smo napravili po 3 različita korisnika svakog tipa. Detalji o njima nalaze se u dva različita *.txt fajla. Pored korisničkog imena, u njima se nalazi i podatak o lozinkama. Profesori tako imaju varijante profesor1 – lozinka1 i slično, a studenti, studentprvi – passprvi.

Sam ulaz u aplikaciju se sastoji od panela za logovanje korisnika. Ukoliko

neko unese pogrešno ime ili lozinku, bilo da je profesor ili student, na login panelu dobiće poruku o tome.

Nakon što je uneseno korisničko ime i lozinka i nakon izbora na login, korisnik ulazi na svoj portal. Ako je logovan kao student, kao što je ovdje prikazano, ulazimo na studentski portal.

Kao što se vidi na sljedećoj slici, studenti mogu da razgledaju materijal koji je pripremljen samo za njih, ili da se oprobaju u kvizu i tako provjere da li su spremni za ispit. Od materijala ponuñeno je razgledanje, običnih *.txt fajlova, *.doc, *.pdf, *.ptt, od audio tu su *.wav, *.mp3, a od video *.avi, *.wmv.


4

Na sljedećoj slici prikazano je učitavanje slike iz materijala namjenjenog za studente.


5

Ukoliko student želi da pogleda neku Powerpoint prezentaciju opredijeliće se za navigaciono dugme Otvori powerpoint prezentaciju i izborom željenog fajla, pokrenuće se aplikacija Powerpoint i prikazati fajl.

Dugme Nañi powerpoint exe file, je tu postavljeno da bi omogućilo portabilnost aplikaciji. Naime, ukoliko naša aplikacija ne pozove Powerpoint.exe to znači da putanja do nje mu je nepoznata, zbog toga ćemo da putem OpenFileDialogBox - a nañemo gdje je smještena vanjska aplikacija, pa tek onda ponovo idemo na Otvori powerpoint prezentaciju.


6

Kao što se vidi i na prethodnoj slici, korištene su opcije OpenFileDialogBox – a, za pregledanje tekstualnog sadržaja, kao i za traženje *.exe fajlova u kojima će se sadržaj pregledati. Na sljedećoj slici prikazan je izgled scene na kojoj se učitava (pregleda) audio/video sadržaj.

Uočavamo da se na njoj nalaze pored navigacionog dugmeta Učitaj, čiji je zadatak jasan, da učita novi fajl, i navigacioni dugmići za manipulaciju prikazanog materijala play, stop, pause i rewind te njihovu funkciju ne bismo dalje objašnjavali jer je jasna. Već smo pomenuli da je omogućena produkcija različitih formata.

Nakon ponovnog povratka na glavni studentski portal (cijelo vrijeme mu je to omogućeno putem navigacinog dugmeta Nazad na glavni meni) student može da isproba svoje vještine na kvizu.

Kviz je sastavljen iz 10 pitanja i projektovan je tako da student ne može da napusti kviz dok ne stigne do kraja. Što znači da mora da odgovori na sva pitanja da bi stigao do scene koja će da mu ponudi jednu jedinu opciju, a to je, da sačuva njegov rezultat (osvojen broj bodova – pamte se tačni odgovori) i vrati ga na glavni meni.

Takoñe na sceni gdje su pitanja, postoji brojač koji pokazuje studentu na koje pitanje trenutno odgovara i koliko ima do kraja.

Ovo je realizovano na ovakav način iz razloga da bi profesor mogao da provjeri studente, tj. njihove rezultate.

Na sljedeće dvije slike date su scene kviza i završne scene.


7


8

Ukoliko smo se logovali kao profesor na raspolaganju imamo funkcije prikazane na slici u obliku navigacionih dugmadi.

Dugme Unos novih grafičkih materijala će nas odvesti na novu scenu na

kojoj ćemo imati mogućnost izbora, kao profesor, da unesemo neku novu sliku ili powerpoint prezentaciju i snimimo na odreñenu lokaciju.

Zbog nemogućnosti Adobe Directora morali smo da se poslužimo trikom, da

bismo omogućili, da se izabrani materijal zaista snimi, postavili smo još jedno dugme Kopiraj materijal na željenu lokaciju, kojim zapravo koristimo OpenFileDialogBox, u kojem najprije lociramo fajl koji želimo dodati, potom ga selektujemo i kopiramo na način kao što je prikazano na slici, a onda ga prikačimo na lokaciju na koju želimo u studentski folder.

Takoñe, uvijek možemo da vidimo sliku koju želimo dodati u studentski folder na taj način što postoji preview slike. Prezentaciju koju dodajemo možemo najprije pregledati putem Powerpoint aplikacije.

Kao i do sada, profesoru je omogućeno da odustane od umetanja materijala i

vrati se na profesorski portal.

Na sljedećoj slici prikazan je izgled scene koja je upravo opisana.


9

Isti princip imamo i za postavljanje tekstualnog i audio/video materijala.

Samo radi ilustracije, pogledajmo kako izgledaju te scene.


10

Najviši stepen interaktivnosti je bio u ovom dijelu koji slijedi, oko postavke kviza. Kao što smo rekli, kviz ima 10 pitanja. Profesor ima mogućnost da mijenja pitanja.

Naime, proces nije težak, potrebno je da u mali textbox unese broj pitanja koje želi da promjeni, zatim unese pitanje ili njegove izmjene u veliki textbox, tačan odgovor u njegov textbox i snimi izmjenu. Pritiskom na dugme Snimi izmjenu, desiće se to da će da se pozove *.txt fajl u čijem nazivu se nalazi redni broj pitanja, obriše prethodno pitanje, i snimi novi sadržaj u obliku tačan_odgovor space pitanje.

Ovaj način zapisivanja pitanja nam je bio bitan iz razloga što svako pitanje u sebi nosi i tačan odgovor, s tim da je prvi karakter upravo tačan odgovor, a nakon toga slijedi jedan space pa onda tekst pitanja. Ovako smo omogućili sebi da prilikom provjere tačnosti odgovora koje daje student, provjeravamo samo prvi karakter pitanja, dok kod ispisa ( znači onoga što studentu bude prikazano kao pitanje) se vrši od njega. Ako se malo razmisli na ovu temu, shvatiće se da je mnogo jednostavnije bilo ovako organizovati stvar, pa i mnogo elegantnije rješenje, nego da smo pravili posebno pitanje a posebno odgovor.

Profesor ima mogućnost da provjeri rezultate testa nekog studenta, na način da unese korisničko ime studenta. Ukoliko pogriješi u imenu, tada mu se ispiše poruka da takav student ne postoji.

Na sljedećim slikama prikazane su opisane scene, ureñivanja kviza i provjere

rezultata studenata.


11


12

Ukratko, prikazanim scenama prošli smo kroz cijelu aplikaciju. Nismo

pretjerano detaljisali i prikazivali dijelove za koje smatramo da su intuitivno jasni.


13

3. Opis Lingo skriptova

Ni ovdje nećemo ići u širinu i prikazivati kodove za sve moguće dugmiće, ali ćemo prikazati dio koda koji odrañuje login i kviz.

Naime, već na samom početku smo rekli da su i profesorski i studentski nalozi

smješteni u dva *.txt fajla. Radi lakšeg razumijevanja prikazaćemo kako profesorski fajl, a isto ispitivanje se dešava i kod studenta.

hand.openFile(_movie.path & "prof.txt",0) sadrzaj = hand.readFile() member("loginfield").text = sadrzaj brojac = member("loginfield").linecount i = 1 atribut = 0 -- provjera profesorskih lozinki repeat while i < brojac if member("tbime").text = sadrzaj.word[i] then if member("tblozinka").text = sadrzaj.word[i+1] then atribut = 1 else atribut = 3 end if i = i + 2 end repeat hand.closeFile()

Dakle, nakon što otvori željeni fajl, postavlja se brojač koji broji linije sadržaja *.txt fajla. Takoñe postavlja se jedan brojač i na jedinicu i atribut na 0.


14

Atribut je marker koji je definisan u drugom dijelu koga koji ćemo prikazati i u zavisnosti od njegove vrijednosti na ekranu se ispisuje poruka, ili se korisnik pušta da uñe na portal.

Brojač i za neparne vrijednosti provjerava samo imena korisnika, dok za parne provjerava njihove lozinke. Sljedeći dio koda prikazuje, šta se sve može desiti za različite vrijednosti markera atribut. if atribut = 0 then Member("loginporuka").text = "Ne postoji takvo korisnicko ime!" end if if atribut = 3 then member("loginporuka").text = "Pogresna lozinka!" end if if atribut = 2 then Member("loginporuka").text = "" member("tekststudent").text = member("tbime").text _movie.go("glavnimeni") end if if atribut = 1 then Member("loginporuka").text = "" member("tekststudent").text = member("tbime").text _movie.go("glavnimeniprof") end if

Što se tiče realizovanja kviza, već smo pomenuli da su pitanja za kviz napravljena tako da se i tekst pitanja i odgovor na njega nalaze u istom fajlu po principu odogovor je prvi karakter a tekst pitanje u nastavku, kao na slici.

Ispituje se da li je broj pitanja veći od predvidjenih 10, ako nije čita se prvi karakter, a zatim se uporedi uslovno rečeno sa dugmetom koje je izabrano, ako se


15

podudaraju, tada se brojač za tačne odgovore uveća za jedan, kao i brojač pitanja, a ako je odgovor netačan, uvećava se samo brojač pitanja ali ne i brojač tačnih odgovora. Ako je broj pitanja veći od 10, tada se šalje na sljedeću scenu u kojoj se prikazuje broj osvojenih bodova. U prilogu je dat kod koji prikazuje ovu akciju za izbor odgovora pod a. global brojpitanja global odgovor global tacnih on mouseUp me if odgovor = "a" then tacnih = tacnih + 1 end if brojpitanja = brojpitanja + 1 if brojpitanja > 10 then _movie.go("krajkviza") member("tekstbodova").text = string(tacnih) else _movie.go("kviz") member("brojcic").text = string(brojpitanja) hand = new xtra("fileio") hand.openFile(_movie.path & "kviz\pitanje" & brojpitanja & ".txt",0) odgovor = hand.readword() sadrzaj = hand.readFile() member("tbkviz").text = sadrzaj end


16

4. Završna riječ

Adobe Director je programski alat koji služi za razvoj multimedijalnih aplikacija, tj. pravljenje animacija i interaktivnih multimedijalnih filmova. Directorov film može da sadrži različite tipove multimedijalnih objekata (elementarnih medijuma) kao što su zvuk, digitalni video, Flash animacije, tekst i grafika.

U toku rada nailazili smo na sitne probleme koji ipak nisu uspjeli da nas ometu

u radu i naša aplikacija je ugledala svjetlost dana. Interesantno je da u toku razvoja su se sa sličnim problemima susretale manje više sve grupe studenata, stoga uzimamo za pravo da kažemo da smo mišljenja, da možda ovaj programski alat nije baš najbolje rješenje za ovakve projekte. Mada istini za volju, mi smo iskoristili samo djelić mogućnosti koje nudi ovaj programski alat. Istina je takoñe da je realizacija svake funkcije je rañala nove ideje.

Zbog toga se iskreno nadamo da ćemo u vremenu koje dolazi imati priliku ponovo se susresti sa ovim programskim alatom i možda stvoriti još moćniju aplikaciju.


17

Literatura

• Lingo skriptovi korišteni na vježbama iz predmeta Multimedijalni sistemi 2008/2009 god.

• Uputstva za rad sa Lingo skriptom http://dsp.etfbl.net/multimedia/

• Help aplikacija Adobe Director 11 • Internet

Documents

Projektni zadatak MULTIMEDIJALNA eLEARNING PLATFORMAdsp.etfbl.net/multimedia/studenti/2008/bajic_reljic_teofilovic.pdfneko unese pogrešno ime ili lozinku, bilo da je profesor ili