65
Centar za razvoj i primenu nauke, tehnologije i informatike Prikupljanje i prikazivanje multimedijalnih sadržaja u nastavi Žarko Braunović Novi Sad, 2008. godine

Prikupljanje multimedijalnih materijala za nastavu

  • Upload
    zarkob

  • View
    618

  • Download
    3

Embed Size (px)

Citation preview

Page 1: Prikupljanje multimedijalnih materijala za nastavu

Centar za razvoj i primenu nauke, tehnologije i informatike

Prikupljanje i prikazivanje multimedijalnih sadržaja u nastavi

Žarko Braunović

Novi Sad, 2008. godine

Page 2: Prikupljanje multimedijalnih materijala za nastavu

.......................................................................................................................................... 1 Uvod ................................................................................................................................. 3 ........................................................................................................................................ 3 Pretraživanje Web-a (pomoću IE6) .............................................................................. 4 Neke vrste fajlova ......................................................................................................... 41 Software za kreiranje testova ...................................................................................... 44 Kako ugraditi flash fajl (swf) u Powerpoint ............................................................... 59 Kako u PowerPoint-u kontrolisati prikaz videa ........................................................ 61 Kako u PowerPoint ugraditi web stranicu ................................................................. 63

2

Page 3: Prikupljanje multimedijalnih materijala za nastavu

UvodUvodOvo je prateća skripta za seminar Metodika primene multimedije u nastavi. Predstavlja osnovne načine prikupljanja i prikazivanja multimedijalnih sadržaja.

Zajedno sa prezentacijama, koje govore o samoj temi seminara i sa velikom kolekcijom multimedijalnih sadržaja, čini jednu zaokruženu celinu.

Kada se govori o multimediji, misli se na primenu više vrsta sadržaja: tekst, slika, zvuk, film, interaktivni sadržaj – simulacije.Na Internetu imamo mnoštvo materijala, nadohvat ruke. Treba ga pronaći, izvšiti selekciju i prikazati na odgovarajući način.

Vizualizaciju pojedinih fenomena možemo postići samo prikazom animacija ili simulacija. Interaktivni sadržaji su dragoceni, naročito za samostalan rad učenika ili kao priprema za eksperimentalne vežbe.

Tekst se bavi praktičnim pitanjima:• Kako pronaći sadržaje?• Kojim softverom ih prikazati?• Kako napraviti test ili vežbu u elektronskom obliku?

3

Page 4: Prikupljanje multimedijalnih materijala za nastavu

Pretraživanje Web-a (pomoću IE6)Pretraživanje Web-a (pomoću IE6)

Microsoft Internet Explorer je najpopularniji web browser (web čitač). Postoji još mnogo, isto tako kvalitetnih browser-a (Opera, Mozilla Firefox, Safari, Netscape, Maxthon…), ali je najveći broj web stranica prilagođen prikazivanju u Internet Explorer-u.

Search Engines (mašine za pretragu)Razlikujemo 4 vrste:

1. Web direktorijumi (primer http: //dir.yahoo.com ). Postoji katalog tema i sajtova koji se mogu pregledati.

sl. 1 - Polje adrese i polje za pretragu na stranici YAHOO! DIRECTORY

4

Page 5: Prikupljanje multimedijalnih materijala za nastavu

sl. 2 - Tri koraka (Science>Engineering>Electrical Engineering) do tema iz elektrotehnike, elektronike i sl.

2. Mašine za pretragu koje koriste ključne reči (na primer Google,

http://www.google.com). To je danas najpopularnija mašina za pretragu. Vrši pretragu po ključnim rečima. Rezultate slaže prema broju pronađenih ključnih reči na stranici (pod uslovom da ste zadali više ključnih reči). Rezultati su složeni i prema popularnosti sajta, a ona zavisi od broja poseta i broja linkova ka tom sajtu,… Sajtovi koji su duže na Web-u obično imaju veću popularnost. Zbog takvog slaganja rezultata, kada pretražujete Web pomoću Google-a, nemojte se zaustaviti na prvoj strani sa rezultatima. Ukoliko unesete ključnu reč pogrešno, Google search engine ponudiće ispravku.

5

Page 6: Prikupljanje multimedijalnih materijala za nastavu

sl. 3 - Google nudi reč engineering umesto enginering.

Još jedna korisna opcija na Google-u je pretraživanje slika i daje interesantne rezultate – često se dobiju sajtovi koje ne biste pronašli na uobičajen način:

6

Page 7: Prikupljanje multimedijalnih materijala za nastavu

sl. 4 - Pretraga slika na osnovu upita electrical engineering. Postavljeni su i linkovi za stranice na kojima se slike nalaze

Savet: unesite što više ključnih reči, nemojte pretragu zaustaviti posle pregledane prve strane sa rezultatima pretrage, koristite pretragu slika i operatore i fraze (dalje u tekstu će biti objašnjeni operatori i fraze).

3. Metapretraživači (npr. http://www.excite.com) upućuju Vaš zahtev drugim mašinama za pretraživanje i vraćaju rezultate pretrage zajedno sa naznakom, koja mašina za pretragu ih je pronašla.

sl. 5 - Uočite u dnu slike da su navedene mašine za pretragu na kojima je pronađena web stranica

7

Page 8: Prikupljanje multimedijalnih materijala za nastavu

4. Mašine za pretragu kojima upit zadajete na običnom govornom jeziku (engleskom, španskom,… srpski zasad nije na toj listi) (http://www.ask.com). Možete postaviti pitanje: „Who is the president of serbia?“.

sl. 6 - Dok ispisujete pitanje prikazuje se i sugestija koja može da pomogne u formulaciji pitanja

Rezultati pretrage biće:

sl. 7 - Uočite u oknu sa leve strane savete kako da suzite pretragu

Ključne rečiRezultati pretrage na srpskom biće različiti u zavisnosti od toga da li, prilikom upita, koristite ćirilično ili latinično pismo. Ako tražite stranicu na srpskom ili sličnim jezicima, upit postavite tri puta (ćirilicom, latinicom ne koristeci nasa slova i latinicom sa našim slovima – č, đ, ž, …) Pretraga na engleskom daje mnogo više rezultata, ali problem može biti da se setite određene ključne reči. Savet: koristite online rečnike, npr: Krstaricin srpsko-engleski rečnik (http://www.krstarica.com/recnik/srpsko-engleski ), računarski rečnik Mikro knjige (http://www.mk.co.yu/pub/rmk ) i koristite Yahoo!Directory, dok ne

8

Page 9: Prikupljanje multimedijalnih materijala za nastavu

pronađete englesku reč koja Vam treba. Naravno postoje odlični besplatni rečnici (englesko-srpski i srpsko-engleski), kao na primer Di rečnik, čija se ikonica nakon instalacije nalazi u systray-u.Pokušajte pretragu sa sledećim ključnim rečima: electrical engineering, electronics, power engineering, physics, multimedia, multimedija, simulation, applets, java, flash, flashlet i isprobajte kombinacije tih ključnih reči npr. physics java applets, engineering applets itd,…

Korišćenje operatora i frazaU pretraživanju se mogu koristiti logički operatori AND, NOT ili umesto njih odgovarajući znaci + i -. Pokazaćemo korišćenje operatora NOT, na sledećem primeru. Tražimo informacije o probijanju zvučnog zida. Za primer ćemo uzeti pretragu na engleskom i naš upit će biti sonic boom (na Google-u podrazumeva se). Kada unesete sonic boom u polje za pretragu, kao rezultat ćete dobiti i stranice, koje se ondose na muzičke sastave sa tim nazivom, na diskografske kuće, koje u nazivu imaju sonic boom i sl. Ako želite rezultate pretrage bez tih stranica, upit treba zadati pomoću operatora NOT tj. znaka minus: sonic boom -music -records –discography (između minusa i sledeće reči nema razmaka)Unesite upit multimedija u nastavi, a zatim koristeći znake navoda postavite upit „multimedija u nastavi“ i uporedite. Rezultati će biti isfiltrirani i biće prikazane samo stranice u kojima se pojavljuje tražena fraza (tj. reči jedna za drugom). Google-ov interfejs danas sadrži sve mogućnosti za naprednu pretragu, pa ne morate pamtiti korišćenje operatora.

Da li je tačno sve što ste pronašli?Uvek istražite o autoru strane. Čak i da je autor poznati naučnik, ako se radi o oblasti koju nedovoljno poznajete, pregledajte više izvora. O svakoj temi temeljno istražite. Nije isto da li ste tekst pronašli na nečijoj ličnoj stranici ili na sajtu nekog instituta, fakulteta i sl. Prava riznica znanja je Wikipedia – otvorena višejezična enciklopedija, ali Vikipedija ne garantuje potpunost ni tačnost informacija.

9

Page 10: Prikupljanje multimedijalnih materijala za nastavu

sl. 8 - Informacije pronađene na Vikipediji ne moraju biti tačne. Što više ljudi prati i kontroliše članke to su oni pouzdaniji. Ima i vandalizama tj. zlonamernih izmena. U Vikipediji na engleskom, zbog velikog broja urednika i čitaoca, vandalizmi se ispravljaju u proseku za 5 minuta

Google Scholar (http://scholar.google.com) – pretraga kojom se od biblioteka i profesionalnih udruženja dobijaju članci, apstrakti, teze, drugim rečima - pouzdani sadržaji. Većinu članaka ćete moći da vidite, samo ako ste pretplatnik određene biblioteke. Jedna od takvih biblioteka (bolje rečeno udruženje biblioteka) je KoBSON - Konzorcijum biblioteka Srbije za objedinjenu nabavku. Od 2006. godine u Google Scholar je uključen i KoBSON. KoBSON-u možete pristupiti i preko adrese http://nainfo.nbs.bg.ac.yu , ali ne možete koristiti sve elektronske servise i videti članke u punom tekstu, ako ne pristupate preko Akademske mreže ili ako nemate svoje korisničko ime i lozinku za pristup proxy serverima Narodne biblioteke Srbije. Možete dobiti korisničko ime i lozinku za pristup preko komercijalnih provajdera tj. izvan Akademske mreže, uz poseban zahtev, ako ste zaposleni na institutu, fakultetu ili ste lekar zaposlen u zdravstvenoj ustanovi čiji je osnivač Republika.

Bookmark (obeležavanje) web straniceBookmark znači obeleživač stranice (u knjizi). Stranice na Web-u takođe možemo obeležiti (snimiti njihovu adresu za kasnije brže pronalaženje). Kada naiđete na stranicu, koju želite da obeležite, kliknite na Favorites (omiljene) u liniji menija, a zatim na stavku Add to Favorites (dodaj u omiljene). Otvoriće se prozor za dijalog (sl. 9) i kliknite na OK:

10

Page 11: Prikupljanje multimedijalnih materijala za nastavu

sl. 9 - Ako želite da pregledate sadržaj stranice i kada niste konektovani popunite polje za potvrdu uz Make available offline (Učini dostupno u offline modu).

Povezane web stranice takođe možete učiniti dostupnim u offline režimu, ako dalje kliknete na dugme Customize (sl. 9). Nakon toga će se otvoriti okvir za dijalog Offline Favorite Wizard (sl. 10). NAPOMENA: Ova opcija više ne postoji u Internet Exploreru 7.

sl. 10 – Izaberite koliko linkova duboko želite da snimite za offline režim

Stranice za pregled u Offline režimu podrazumevano se ažuriraju kada se izabere Tools>Synchronize.Označenu (bookmarked) stranicu, možemo pregledati ako kliknemo na Favorites, a zatim na naziv stranice u padajućem meniju.Adrese srodnih stranica mogu se grupisati u posebne direktorijume u okviru foldera Favorites izborom stavke Organize Favorites.Za pregled sajtova u offline režimu mogu se koristiti programi koji download-uju ceo sajt za offline pregledanje. Ovi programi se zovu offline browser-i.

11

Page 12: Prikupljanje multimedijalnih materijala za nastavu

Snimanje web straniceStranica se može snimiti na određenu lokaciju preko File>Save As. U prozoru koji se otvori, biramo lokaciju na koju se snima, ime i tip datoteke. Prirodni format web stranica je html.

sl. 11 – U polju Save as type odaberite Web Page, complete

sl. 12 - Kada snimite web stranicu na određenu lokaciju, na istoj lokaciji videćete i direktorijum koji se zove isto kao i stranica (stranica je u html formatu). Taj direktorijum sadrži grafičke (i još neke) elemente stranice.

HTML kod je najprisutniji na web stranicama. Pomoću HTML (Hypertext Markup Language) određuje se struktura tekstualnih informacija u dokumentu, tako što se određeni tekst označava kao naslov, paragraf, listu, tabelu itd. Za označavanje se koriste takozvani tag-ovi. Na primer, tekst koji stoji između sledeća dva taga će biti naslov:<TITLE> ovo je naslov </TITLE>Određeni tagovi se koriste i za pozivanje slika i ostalih multimedijalnih elemenata, a oni se nalaze u određenom direktorijumu na web serveru, a ne u samom HTML dokumentu. HTML kod, web stranice, možete videti ako kliknete desnim tasterom miša na stranicu koja vas zanima (ili na deo stranice, ako se koriste frame-ovi) i odaberete View Source.

Često želimo da snimimo stranicu koja sadrži animacije, filmove i sl. Otvorimo direktorijum gde su snimljeni „prateći“ elementi stranice i sledi razočarenje – statične slike se nalaze u direktorijumu, ali ono što ste najviše želeli (filmovi, animacije i sl.) nije tu. Sledi čeprkanje po cache-u.

12

Page 13: Prikupljanje multimedijalnih materijala za nastavu

Šta je cacheSadržaj koji pregledate pomoću Vašeg web browser-a, skladišti se u određenom direktorijumu, na hard disku Vašeg računara (Temporary Internet files folder). Taj direktorijum se naziva cache (keš). U njemu se nalazi skoro sve što je pregledano. NAPOMENA: Java apleti i aplikacije se keširaju na drugoj lokaciji.U cache-u se lako mogu pronaći flash fajlovi (.swf), QuickTime filmovi (.mov) i Macromedia Director fajlovi (.dir).U cache-u se nalaze i kolačići (cookies). To su tekstualni fajlovi, koje posećene web lokacije snimaju na Vašem računaru, a u njima beleže podatke o Vama kao posetiocu stranice (koji pretraživač koristite, koje informacije tražite itd...). Ovi podaci pomažu web serveru da sledećeg puta pripremi stranicu za Vas. Kolačići su korisni, ali ako ste suviše zabrinuti za Vašu privatnost (paranoični) možete i zabraniti web browser-u da prihvata kolačiće (Tools>Internet Options>Privacy>u okviru Settings pomoću klizača podesite Block All Cookies).Fajlove, koji su u kešu, možete pregledati ako u Internet Explorer-u idete na Tools>Internet Options>General>Settings>ViewFiles. Do njih se može doći i pregledanjem sadržaja korisničkog profila. Putanja im je C:\Documents and Settings\[korisničko ime]\Local Settings\Temporary Internet Files. NAPOMENA: Ako koristite drugi način morate omogućiti da se vide skriveni fajlovi.Internet Explorer se može podesiti da kešira fajlove na jedan od četiri načina. Tools>Internet Options>General>Settings i otvoriće se prozor prikazan na sl.13. Načini ažuriranja keširanog sadržaja (ponuđeni u prozoru Settings) su:

• Every visit to the page – prilikom svake posete stranici vrši se novo keširanje. Ova opcija troši vreme i protok, ali uvek imate najnoviju verziju stranice u kešu.

• Every time you start Internet Explorer – razlikuje se od prethodne stavke u tome što neće stranicu iznova keširati baš prikom svake posete, već samo jednom u toku jedne sesije pretraživanja.

• Automaticaly – prepuštate Internet Explorer-u da na osnovu ugrađenog algoritma učitava stranice u keš.

• Never – stranica koja je već u kešu nikad više se neće ažurirati. Izborom ove stavke štedite vreme učitavanja i protok, ali nećete videti sveže verzije stranica.

13

Page 14: Prikupljanje multimedijalnih materijala za nastavu

sl. 13

Snimanje flash simulacija/animacija pomoću SWF Catcher-aKada govorimo o animacijama na web stranicama najviše je flash sadržaja. Flash fajlovi imaju .swf ekstenziju. Ti sadržaji mogu biti i interaktivni. Interaktivnost se postiže ugrađivanjem ActionScript koda u flash animacije. ActionScript je programski jezik (skript jezik) ugrađen u Adobe Flash. (Skript jezici se izvršavaju komandu po komandu, tj. programi se ne moraju kompletno kompajlirati pre izvršavanja.) Primer flash interaktivne simulacije možete videti na adresi http://phet.colorado.edu/sims/faraday-mx/faraday-mx.swf . Primere flash interaktivnih animacija možete naći na http://faraday.physics.utoronto.ca/GeneralInterest/Harrison/Flash/. Najlakše je snimiti swf fajlove korišćenjem Sothink SWF Catcher-a. To je dodatak za Internet Explorer, nakon čije instalacije u liniju standardnih

dugmadi možete dodati dugme , kojim se snima flash sadržaj na stranici. Kada to dugme kliknete, otvara se prozor za dijalog, kao na sl. 14.

14

Page 15: Prikupljanje multimedijalnih materijala za nastavu

sl. 14 – U polju Save to treba izabrati direktorijum u koji se snima swf fajl. U levom oknu je spisak swf fajlova na web stranici (u ovom slučaju samo jedan fajl)

Nakon snimanja swf fajla na proizvoljnu lokaciju, on se može pokretati pomoću web browser-a ili nekog flash plejera (npr. pomoću besplatnog Flash Movie Player-a). Ako želite da prevedete tekst, koji se pojavljuje u flash simulacijama ili animacijama, biće Vam potreban softver koji se zove Flash Decompiler (ima ih više). On prevodi swf fajlove u fla format, koji se dalje može obrađivati u Adobe Flash-u.

NAPOMENA: Ako želite da koristite u svojim radovima materijal, koji su drugi napravili, i da te, svoje radove distribuirate, morate voditi računa o autorskim pravima. Potrebna je pismena dozvola, autora materijala. Većina autora će Vam rado dati dozvolu da prevedete njihove kolekcije simulacija, jer se uglavnom radi o nekomercijalnim, obrazovnim sadržajima. Autori takođe često dozvoljavaju da se njihov rad koristi i distribuira u nekomercijalne, obrazovne svrhe. Minimum poštovanja tuđeg rada i autorskih prava je da se navede izvor (ime autora ili naziv firme) i postavi link do stranice autora.

Java apletiApleti su softverske komponente napravljene da rade u okviru drugog programa. Java apleti su pisani u programskom jeziku Java, a pokreću se unutar web browser-a. Apletima nije dozvoljeno da za vreme izvršavanja pristupaju lokalnim resursima. Oni se izvršavaju u takozvanom sandbox-u

15

Page 16: Prikupljanje multimedijalnih materijala za nastavu

(sanduk sa peskom – kao igralište za decu). Ograničenja nametnuta sandbox-om nisu uvek ista, ili bolje rečeno sandbox nije uvek isti. Na primer, prava pristupa lokalnim resursima se daju u zavisnosti od toga da li su apleti digitalno potpisani.

JVMJava apleti dolaze u obliku .class i .jar fajlova (jar fajlovi predstavljaju arhivu, koja u sebi sadrži više klasa). Pokreću se tako što web browser učita java virtuelnu mašinu (JVM), koja .class fajlove pretvara u mašinski jezik i izvršava.

sl. 15 – Tools > Internet Options > Advanced i možete videti koju java virtualnu mašinu imate instaliranu

JRE = JVM + API (bilioteka klasa)Neki apleti zahtevaju da imate instalirano java radno okruženje JRE – Java Runtime Environment (ovo smatrajte obaveznim). JRE ima dve komponente, sastoji se od već pomenute JVM (java virtualne mašine) i od API (application programming interface). API je standardna biblioteka klasa, koje java apleti pozivaju tokom izvršenja. Biblioteka klasa sadrži skup „potprograma“ koji su univerzalno primenljivi pa ih apleti pozivaju u vreme izvršavanja.Primere java apleta možete videti na adresi http://www.walter-fendt.de/ph14e/

16

Page 17: Prikupljanje multimedijalnih materijala za nastavu

Java aplikacije

sl. 16 - Java Web Start

Java aplikacije dolaze u obliku .jar fajlova. Ponašaju se kao „prave“ aplikacije i za razliku od apleta obično im se daje i pristup lokalnim resursima. Moguće im je i zabraniti upisivanje podataka u lokalne direktorijume. Uobičajeno je da java aplikacija pita korisnika, prilikom prvog pokretanja, da dozvoli korišćenje određenih direktorijuma za upisivanje podataka. To znači da i kod java aplikacija postoji sigurnosni mehanizam – sandbox, čije granice se mogu menjati, ali su im podrazumevano dodeljena veća prava nego apletima. Java aplikacije će se izvršavati izvan web browser-a, a mogu se pokretati i u offline režimu.Standardni deo java platforme je Java Web Start mehanizam, koji omogućava da se iz browser-a, pomoću fajlova sa .jnlp (java network launch protocol) ekstenzijom, učitaju java aplikacije. Java aplikacija se snima u cache-u prilikom prvog pokretanja. Kada sledeći put posetite web stranicu, java network launch protokol će proveriti da li se aplikacija već nalazi u cache-u računara i pokrenuće je odatle. Osim toga, proveriće da li na web serveru postoji novija verzija aplikacije i izvršiće ažuriranje po potrebi. Spisak java aplikacija i apleta na Vašem računaru se može videti ako kliknete java dugme u Control Panel-u.

sl. 17 – Java dugme ima znak u obliku šoljice kafe

17

Page 18: Prikupljanje multimedijalnih materijala za nastavu

Klikom na java dugme u Control Panel-u otvoriće se Java Control Panel (sl.18)

sl. 18 – Java Control Panel (ovo je JRE 1.5, interfejs zavisi od verzije JRE)

Klikom na dugme Settings (vidi sl. 18) otvara se prozor (sl. 19) preko koga možemo pregledati spisak apleta i aplikacija.

sl. 19 – Dugmad View Applications i View Applets služe za prikaz spiska aplikacija ili apleta. Na slici se vidi i putanja java cache-a

18

Page 19: Prikupljanje multimedijalnih materijala za nastavu

Dalje, klikom na dugme View Applications dobijate spisak java aplikacija, sa podacima o autoru, tipu, veličini, datumu preuzimanja i statusu. Status govori da li je aplikacija funkcionalna u offline režimu.

sl. 20 – Na ovoj slici su prikazane tri aplikacije i sve tri se mogu pokrenuti u offline režimu

U istom prozoru (sl. 20) možete desnim klikom na ikonicu aplikacije postaviti prečicu na desktop. Primere java aplikacija možete videti na adresi http://www.ngsir.netfirms.com/englishVersion.htm

Mogu li se i apleti pokretati u offline režimu? Radi bržeg učitavanja web stranica, java apleti se snimaju u cache-u, ali ih je teško odatle iskoristiti za prikaz u offline režimu, jer često nisu u cache-u svi elementi potrebni za pokretanje apleta. Naravno, pokretanje apleta u offline režimu može da uspe, ali je potrebno prikupiti sve grafičke elemente i sve java klase, koje se pozivaju za vreme izvršenja apleta i potrebno je prilagoditi HTML kod stranice koja poziva aplet.

To se može pokazati na sledećem primeru. Primer se odnosi na verziju JRE1.5. Klikom na dugme View Applets (vidi sl. 19) prikazaće se spisak keširanih apleta:

19

Page 20: Prikupljanje multimedijalnih materijala za nastavu

sl. 21 – Vidi se ime apleta, tip fajla i web lokacija. Ovakav prikaz spiska java apleta postoji u JRE 1.5, ali ne i u verziji JRE 1.6

Pokušaćemo da aplet Doppler.jar prikažemo u offline režimu. Za početak potrebno je napraviti html fajl koji će da učita aplet. U tu svrhu iskopiraćemo deo html koda originalne web stranice. Posetimo tu web stranicu ili je pregledamo u offline režimu web browsera, pošto je već posećivana i posle desnog klika, na njen sadržaj, izaberemo View Source. Na taj način ćemo videti html kod stranice, a u njemu nas naročito zanima tag koji poziva aplet. To je <applet> </applet>.Bitno nam je sve što se nalazi između ove dve oznake.

sl. 22 – Deo HTML koda stranice koji poziva aplet. Napomena: tag <td></td> je nebitan za nas

Na sl. 22 je kod koji ćemo preurediti. Parametar code određuje koja se klasa poziva. Parametar archive određuje ime arhive u kojoj se nalazi ta klasa, a parametar codebase određuje relativnu putanju, na web serveru, do java arhive. Pošto ćemo mi arhivu Doppler.jar smestiti u isti direktorijum kao i html fajl, možemo obrisati relativnu putanju codebase=“classes/“Prečišćen kod, tj. kod koji treba da ostane, je prikazan na sl. 23. Kako ga najlakše dobiti? Isecite potreban kod sa originalne stranice, zalepite ga u Notepad, obrišite nepotrebne delove koda i snimite ga pod nazivom doppler.htm. Pazite na ekstenziju da bi web browser mogao da otvori taj fajl!

20

Page 21: Prikupljanje multimedijalnih materijala za nastavu

sl. 23 – HTML kod stranice doppler.htm, koju smo kreirali radi pozivanja apleta

U isti direktorijum gde je kreiran fajl doppler.htm treba iskopirati i fajl Doppler.jar. Gde ćemo pronaći taj fajl? Na sl. 19 i na sl. 24 se vidi putanja do java keša.NAPOMENA: Da bi mogli da vidite java keš morate omogućiti prikaz skrivenih fajlova (u Windows Exploreru: Tools>Folder Options>View>Show hidden files and folders)

sl. 24 – Direktorijumi u java kešu.

U java kešu treba potražiti Dopler.jar

21

Page 22: Prikupljanje multimedijalnih materijala za nastavu

sl. 25 – U stablu direktorijuma vidimo direktorijum jar. U njemu se nalaze java arhive apleta. Ovde se skladište java arhive, ako imate verziju 1.5

Na sl. 25, u desnom oknu prozora vidi se fajl sa nešto dužim nazivom Doppler.jar-4695b6fe-271635dc.zip. To je fajl koji nam treba. Iskopirajte ga u direktorijum gde ste kreirali doppler.htm i preimenujte ga u Doppler.jar. Nakon dvoklika na doppler.htm pokrenuće se web browser i učitaće aplet.

sl. 26 – Aplet Doppler u offline režimu

NAPOMENA: U prethodnom primeru je korišćeno radno okruženje JRE 1.5. Verzija JRE koja se nedavno pojavila je JRE 1.6. Okviri za dijalog u Java Control Panelu, u toj verziji, su nešto drugačiji i ne može se videti spisak apleta kao na sl. 21.

22

Page 23: Prikupljanje multimedijalnih materijala za nastavu

Ako imate instalirano okruženje JRE 1.6, java apleti će biti keširani u više različitih poddirektorijuma u C:\Documents and Settings\[korisnicki nalog]\Application Data\Sun\Java\Deployment\cache\6.0U direktorijumu 6.0 (sl. 27) videćete više od šezdeset direktorijuma u kojima se keširaju apleti.

sl. 27

U direktorijumima označenim brojevima, keširaju se jar i class fajlovi, kao i druge vrste fajlova koje apleti koriste. Sav keširani sadržaj ima nerazumljiva imena, a klase jednog apleta mogu biti rasute u više direktorijuma. Klase koje su preuzete sa određene web lokacije mogu se identifikovati na osnovu indeks (idx) fajlova, koji se nalaze pored njih u direktorijumu i imaju isti naziv. Indeks fajl (ekstenzija idx), može se otvoriti Notepad-om.

sl. 28 – idx fajlovi čuvaju informacije o istoimenom fajlu. Uočite da na spisku postoje po dva fajla istog naziva, jedan je idx, a drugi je keširana klasa ili arhiva.

23

Page 24: Prikupljanje multimedijalnih materijala za nastavu

sl. 29 – Da bismo saznali pravi naziv klase i lokaciju odakle je preuzeta, otvorimo idx fajl Notepadom

Pronalaženje apleta u java kešu u verziji 1.6 nije elegantan postupak (naročito ako nisu spakovani u arhive) pa ćemo preuzimanje apleta za offline prikaz vršiti sa sajtova na kojima ih pronađemo. Slede dva primera:

Preuzimanje apleta sa Internet-a (prvi primer)

Na adresi http://www.ngsir.netfirms.com/englishhtm/RLC.htm nalazi se simulacija RLC kola, prikazana na slici

sl. 30

Želimo da snimimo celu html stranicu, da preuzmemo aplet i da omogućimo da aplet na stranici radi u offline režimu. Postupak:

24

Page 25: Prikupljanje multimedijalnih materijala za nastavu

1. Snimiti web stranicu u direktorijum po želji, ali prilikom snimanja izabrati tip fajla Webpage, complete. Na taj način ćete web stranicu snimiti kao html fajl, pored koga se u istom direktorijumu nalazi fascikla istog naziva kao i html fajl, koja sadrži slike, ali ne i aplet.

2. Snimljenu html stranicu otvorite Notepad-om i videćete njen kod

sl. 31

3. U drugom redu koda na sl. 31 vidi se URL stranice http://www.ngsir.netfirms.com/englishhtm/RLC.htm, a selektovan je kod koji poziva aplet. Vidimo da se prvo poziva java klasa RLC.class, koja se nalazi u java arhivi physics.jar. Pomenuta arhiva nalazi se na istom serveru na kome je i stranica, ali iz parametra codebase=../applets/RLC vidimo da se physics.jar nalazi u http://www.ngsir.netfirms.com/applets/RCL

4. U polje adrese web browsera unesite http://www.ngsir.netfirms.com/applets/RCL/physics.jar i moći ćete da preuzmete java arhivu. Java arhivu snimite u isti direktorijum gde je snimljena i kompletna web stranica, koja će je učitavati. Ako java arhiva nema ekstenziju jar (možda će ekstenzija preuzetog fajla biti zip), prepravite ekstenziju u jar.

25

Page 26: Prikupljanje multimedijalnih materijala za nastavu

sl. 32

5. Otvorite ponovo html stranicu pomoću Notepada i obrišite parametar codebase=../applets/RLC. On služi da stranici ukaže gde da pronađe java arhivu, a pošto se sada html stranica i java arhiva nalaze u istom direktorijumu, taj kod se mora obrisati. Snimite tako izmenjenu html stranicu. Ako želite samo da prikažete aplet a da sve drugo obrišete, treba u html stranici ostaviti samo kod koji je selektovan na sl. 31, osim naravno, parametra codebase.

6. Prepravljenu html stranicu pokrenite, tj. otvorite web browser-om i videćete i aplet u offline režimu.

NAPOMENA: Da bismo znali odakle treba preuzeti aplet tj. njegov URL, možemo se poslužiti i Java Console-om. Za vreme pokretanja java apleta, videćete u systray ikonicu sa znakom java. Desni klik na tu ikonicu i odaberite stavku Open Console u kontekst meniju. Kada se otvori prozor sa konzolom kliknite „L“ i dobićete informacije o codebase parametru apleta, kao u poslednjem redu na sl. 33.

26

Page 27: Prikupljanje multimedijalnih materijala za nastavu

sl. 33 – Nakon što kliknete na „l“ u poslednjem redu prozora videćete podatke o direktorijumu u kome se nalazi java arhiva ili u nekim slučajevima java klasa

Preuzimanje apleta sa Internet-a (drugi primer)

Evo jednog apleta oko kojeg treba više truda da bi se obezbedio offline prikaz.Aplet se nalazi na stranici http://surendranath.tripod.com/Applets/Electricity/MovChgEleMag/MovChgEleMagApplet.html i prikazuje kretanje naelektrisane čestice u električnom i magnetnom polju. Prikazan je na sl. 34

sl. 34

27

Page 28: Prikupljanje multimedijalnih materijala za nastavu

Postupak preuzimanja stranice i apleta:1. Snimite web stranicu u neki direktorijum, kao Webpage, complete

2. Pregledajte kod stranice pomoću Notepad-a, obratiti pažnju na URL odakle je stranica snimljena i na sledeći tag:

<APPLET codeBase=../../../ height=200 width=600 align=baseline code=Applets.Electricity.MovChgEleMag.MovChgEleMagApplet.class></APPLET>Obratite pažnju na dugačak naziv klase. Ustvari, klasa se zove MovChgEleMagApplet.class, ali se nalazi u Applets/Electricity/MovChgEleMag/ i takvu strukturu stabla direktorijuma ćemo morati i mi da napravimo da bi aplet radio. U direktorijumu gde ste snimili web stranicu napravite direktorijum Applets i odgovarajuće poddirektorijume Electricity i MovChgEleMag.

3. Pogledajte još jednom URL stranice http://surendranath.tripod.com/Applets/Electricity/MovChgEleMag/MovChgEleMagApplet.html i parametar codebase=../../../ (idemo tri direktorijuma „gore“ u odnosu na direktorijum gde je stranica, što znači da smo stigli do http://surendranath.tripod.com ). Da bismo „skinuli“ java klasu u polje adrese web browser-a treba unetihttp://surendranath.tripod.com/+Applets/Electricity/MovChgEleMag/+MovChgEleMagApplet.class, naravno bez pluseva, oni su ovde samo da biste videli strukturu adrese.

4. Kada se u polje adrese unese http://surendranath.tripod.com/Applets/Electricity/MovChgEleMag/MovChgEleMagApplet.class biće ponuđeno preuzimanje klase (sl. 35)

sl. 35

28

Page 29: Prikupljanje multimedijalnih materijala za nastavu

5. Klasu snimiti u odgovarajući poddirektorijum, o čemu smo već govorili

sl. 36 – U direktorijumu New Folder (4) snimljena je web stranica i kreiran poddirektorijum Applets sa odgovorajućom strukturom Applets/Electricity/MovChgEleMag/. Tu treba snimiti klasu

6. Web stranicu otvoriti ponovo Notepad-om, izbaciti parametar codebase i snimiti je.

7. Nakon toga pokrenite stranicu. Ona će učitati početnu java klasu, ali ako je potrebna još neka klasa da bi se aplet izvršio (kao u ovom slučaju) – aplet neće raditi.

8. Otvorite java konzolu, kliknite „L“ i videćete, koja klasa nedostaje

sl. 37 – U poruci o greški, vidi se ime nedostajuće klase: Applets/Electricity/MovChgEleMag/MovChgEleFrame.class

29

Page 30: Prikupljanje multimedijalnih materijala za nastavu

9. Nakon što smo u konzoli pročitali da nedostaje klasa Applets/Electricity/MovChgEleMag/MovChgEleFrame.class, možemo je učitati sa http://surendranath.tripod.com/Applets/Electricity/MovChgEleMag/MovChgEleFrame.class i snimiti u isti poddirektorijum gde i prethodnu. Korake 7. – 9. ponavljate dok ne učitate sve potrebne klase, slike, txt fajlove i slično. Za aplet čije smo preuzimanje započeli potrebne su samo tri klase.

30

Page 31: Prikupljanje multimedijalnih materijala za nastavu

Podešavanja browser-a za prikaz multimedijeTools> Internet Options> Advanced:

sl. 38 – Ukoliko Vaš Internet Explorer ne prikazuje neki multimedijalni sadržaj, proverite ova podešavanja

Aktivni sadržaj su programi, koji se izvršavaju na web stranici. Prilikom prikazivanja aktivnog sadržaja (java apleta i sl.) Internet Explorer će ga blokirati radi sigurnosti. Za Vašu informaciju prikazaće u vrhu ekrana žutu traku (Information Bar), na koju morate kliknuti i eksplicitno dozvoliti prikazivanje blokiranog sadržaja.

sl. 39 – Više o porukama Information Bar-a pročitajte na http://support.microsoft.com/kb/843017

31

Page 32: Prikupljanje multimedijalnih materijala za nastavu

Ako želite da isključite Information Bar, prilikom pokretanja java apleta i sl., možete u prozoru Internet Options otvoriti karticu Advanced i u delu Security selektovati Allow active content to run from My Computer (sl. 40).

sl. 40

Možete sprečiti pojavljivanje Information Bar-a u određenim slučajevima, ako izmenite podešavanja u prozoru Security Settings (sl. 41).

sl. 41 – Do ovog prozora dolazite preko Tools>Internet Options> Security>Custom Level. Potrudite se da razumete svaku stavku, pre nego izmenite podešavanja, ako niste sigurni u napravljene izmene koristite Reset.

32

Page 33: Prikupljanje multimedijalnih materijala za nastavu

Primeri podešavanja:Možete, na primer, uvek dozvoliti (Enable) izvršavanje softverskih komponenti sa digitalnim potpisom Authenticode-a. Authenticode je Microsoft-ova tehnologija za proveru porekla aktivnog sadržaja.

Možete, na primer, zabraniti (Disable) download nepotpisanih ActiveX kontrola. ActiveX je Microsoftova tehnologija. ActiveX kontrole su nalik java apletima ALI za razliku od java apleta MOGU pristupati operativnom sistemu, tj. podacima na lokalnom računaru.

Ako kod neke stavke izaberete (Prompt), znači da će Internet Explorer tražiti akciju korisnika tj. pitaće šta da radi.

DownloadPreuzimanje zvučnih zapisa, video zapisa itd… najlakše je izvesti, ako se desnim klikom na naziv datoteke, otvori kontekst meni i izabere SaveTargetAs…Ako se preuzima (download-uje) softver, kao na sledećoj slici, treba kliknuti na link, u ovom slučaju Download Now (sl. 42).

sl. 42

Otvoriće se sledeći prozor (sl. 43), u kome operativni sistem pita, da li fajl (ovde se radi o izvršnom tj. exe fajlu) pokrećemo sa lokacije, na kojoj se nalazi ili ćemo ga snimiti na neku drugu lokaciju.

33

Page 34: Prikupljanje multimedijalnih materijala za nastavu

sl. 43

Dugmetom Save odaberemo da se fajl snimi na lokalni računar i prikazaće se proces preuzimanja (sl. 44).

sl. 44

Ako dođe do prekida veze sa serverom, moraćete preuzimanje da započnete ponovo, zato se preporučuje korišćenje takozvanih download manager-a. Jedan od tih programa (i to besplatan) je Free Download Manager. Taj program vrši preuzimanje datoteka sa Interneta i podržava nastavak preuzimanja u slučaju prekida veze sa serverom.

34

Page 35: Prikupljanje multimedijalnih materijala za nastavu

sl. 45 – Interfejs Free Download Manager-a na srpskom

Offline browsingPregledanje sadržaja web stranica, kada niste konektovani na Internet, zove se offline browsing, a programi koji snimaju sadržaje sajtova, za kasnije pregledanje u offline režimu, zovu se offline browser-i. Besplatan i kvalitetan offline browser je WinHTTrack. Može se pokretati kao i ostali programi iz menija All Programs, ali se može pokrenuti i iz Internet Explorera (sl. 46).

sl. 46 – Pokretanje progrma WinHTTrack iz Internet Explorera: Tools > Launch WinHTTrack

Prvo zadajete ime projekta ili prihvatite vеć ponuđeno (sl. 47).

sl. 47

35

Page 36: Prikupljanje multimedijalnih materijala za nastavu

Dalje, treba podesiti opcije preuzimanja.

sl. 48 – Kliknite na Set options dugme radi daljih podešavanja

Na kartici Scan Rules (sl. 49) odredite koje sve tipove datoteka ćete snimati. Polje za potvrdu, na levoj strani, se odnosi na slike, polje za potvrdu u sredini na arhive tj. zipovane direktorijume ili fajlove i polje za potvrdu, na desnoj strani, se odnosi na filmove različitih formata i zvučne zapise.

sl. 49

Na kartici Limits (sl. 50) treba podesiti nekoliko parametara.

36

Page 37: Prikupljanje multimedijalnih materijala za nastavu

sl. 50 – Kartica Limits. Ovde se nalaze „najbitnija“ podešavanja

Značenje stavki prikazanih na sl. 50:

Nakon što ste podesili sve opcije, prikazane u prethodnoj tabeli, kliknite Next i otvoriće se prozor sa još dve bitne opcije Disconnect when finished i Shutdown PC when finished (sl. 51).

Maximum mirroring depth Koliko linkova u dubinu se snimaMaximum external depth Koliko linkova u dubinu na eksternim serverima

Max size of any HTML file (B) Maksimalna veličina bilo kog HTML fajlaMax size of any non-HTML file Maksimalna veličina ostalih fajlova

Site size limit (B) Limit do kog se snimaPause after downloading.. Napraviti pauzu posle … bajtova

Max time overall (s) Maksimalno ukupno vreme snimanjaMax transfer rate (B/s) Maksimalan protok tokom snimanja

Max connections/ seconds Maksimalan broj konekcija u sekundiMaximum number of links Maksimalan broj linkova

37

Page 38: Prikupljanje multimedijalnih materijala za nastavu

sl. 51 – Možete podesiti da se računar diskonektuje i isključi nakon završenog preuzimanja

Do preuzetih sajtova možete doći, ako pokrenete WinHTTrack, preko AllPrograms menija. Dalje kliknite na File i Browse sites (sl. 52)

sl. 52

Download-ovani projekti se nalaze u direktorijumu C:\My Web Sites. Svaki je snimljen u zaseban direktorijum, sa nazivom odgovarajućeg preuzetog sajta. Ako želite da neki od njih snimite na prenosivi medij, kopirajte taj direktorijum. U njemu se nalazi sve što je preuzeto, a sadržaj se može pregledati ako kliknete na fajl index.html.

MaxthonMaxthon 1.6 je klon Internet Explorera 6. Ima ugrađen alat za snimanje flash animacija i zumiranje – vrlo korisna opcija kod prikazivanja web sadržaja na velikom ekranu. Besplatan je.

38

Page 39: Prikupljanje multimedijalnih materijala za nastavu

sl. 53 – Maxthon Browser

You Tube

sl. 54 – You Tube, sajt na koji korisnici mogu da upload-uju svoje filmove i podele ih sa drugima

Da biste snimili film, koji pronađete preko servisa You Tube i da biste mogli da ga pregledate u offline režimu, možete koristiti My Tube Player (besplatan). Filmovi koje možete videti na ovoj lokaciji su u flv formatu. U toku prikazivanja filma, URL se prikazuje u polju adrese My Tube Player-a i može se preuzeti klikom na dugme Download (sl. 55)

39

Page 40: Prikupljanje multimedijalnih materijala za nastavu

sl. 55 – U donjem desnom uglu vidi se deo prozora, My Tube Player-a, sa URL-om filma i dugmetom Download

My Tube Player snima preuzete filmove na lokaciji: C:\Program Files\MyTubePlayer\Data i odatle ih možete preneti na CD, flash memoriju, drugi računar i sl. Da biste pomoću My Tube Playera prikazali film, koji se ne nalazi na plejlisti, morate prvo dodati film na plejlistu. To se radi na sledeći način:Kliknete na dugme u obliku diskete i izaberete opciju Add flv files to Playlist.Nakon toga videćete dodate fajlove na listi u desnom oknu.

sl. 56 – Alat za dodavanje flv fajlova na listu u My Tube Player-u

Flv format još uvek nije primenljiv u radu sa nekim programima. Na primer, te fajlove ne možete ugraditi u PowerPoint prezentaciju. Korisno je imati konverter za konverziju iz flv formata u avi (ili mpg) i obratno. Jedan od takvih je Riva FLV Encoder. Konverter, koji može da podrži mnogo više formata, je SUPER Encoder (takođe besplatan).FLV filmove možete reprodukovati i pomoću drugih plejera. Jedan od takvih je Media Player Classic, koji dolazi uz K-Lite Codec Pack.

40

Page 41: Prikupljanje multimedijalnih materijala za nastavu

Neke vrste fajlovaNeke vrste fajlovaEkstenzija Naziv formata OsobineGif Graphics

Interchange Format

Format za bitmapirane slike, kvaliteta 8bita po pikselu, može da prikaže 256 boja, pogodan za jednostavnije slike, postoji mogućnost animacije u radu sa ovim formatom – animirani gif

Jpeg, jpg Joint Photographic Experts Group je ime grupe koja je napravila standard.

Bitmapirane slike. Ne koristi se za linije, ikonice i sl. Format koristi kompresiju sa gubitkom kvaliteta. Koristi se za prikazivanje fotografija na Web-u

Png Portable Network Graphics

Koristi se za kompresiju bez gubitka kvaliteta i za slike na Web-u.24bita po pikselu. Neki browser-i ih ne podržavaju

Avi Audio Video Interleave, Microsoftov format

Kontejner fajl format. Podaci su podeljeni u blokove –chunks. Kompresovan format. U blokovima (chunks) može biti korišćena bilo koja kompresija: Full Frame (Uncompressed), Intel Real Time (Indeo), Cinepak, Motion JPEG, Editable MPEG, VDOWave, ClearVideo / RealVideo, QPEG, MPEG-4 Video.

Flv Flash video Flv je kontejner fajl format. U pitanju je Adobe Flash Video format. YouTube ga koristi kao kontejner format za fajlove. YouTube koristi H.263 kodek za sadržaje koje konvertuje u flv format.

Gvi Google video Gvi format je modifikovani AVI format.

Mov Movie format QuickTime kontejner format za filmove. (format firme Apple)

41

Page 42: Prikupljanje multimedijalnih materijala za nastavu

Ekstenzija Naziv formata OsobineAsf Advanced

Systems Format

Koristi se za streaming (video tok). Ranije se zvao Advanced Streaming Format ili Active Streaming Format. Ne određuje kako će se dekodirati sadržaj, nego određuje strukturu video toka slično ostalim kontejner formatima. Fajlovi koji se obično sadrže u asf fajlovima su WMV – Windows Media Video i WMA – Windows Media Audio.

Swf Shockwave flash

Flash animacije ili simulacije. Za prikazivanje potrebni plejeri ili plugin za prikazivanje u web browser-u

Dir Adobe Director Movie

Format namenjen izradi komplikovanijih sadržaja nego onih u swf formatu i za izradu multimedijalnih CD-ova. Za prikazivanje u web browser-u potreban Shockwave plugin.

Class Java klase Java kod se prevodi u izvršne fajlove – to su class fajlovi. Class fajlove pokreće Java virtuelna mašina (JVM). Potreban je i plugin. Ako ga web browser nema, možete ga instalirati posebno ili prilikom instalacije JRE – Java runtime environment-a

Jnlp Java network launch protocol

Fajlovi koji služe za učitavanje java aplikacija. Koriste Java Web Start mehanizam.

Jar Java arhive Fajlovi koji sadrže više java klasa.

KodekProgram koji vrši kompresiju i dekompresiju ili kodiranje i dekodiranje podataka. Reč kodek je kombinacija “kompresor - dekompresor”, “koder - dekoder”.Na PC-u se može koristiti mnoštvo kodeka. Ovo su neki kodeci čije je korišćenje često:MPEG 1 – koristi se za Video CD-ove, skoro svi kompjuteri i DVD plejeri ga podržavaju,MPEG 2 – koristi se kod DVD-a i SVCD-a,H.263 – koristi se kod video konferencija i internet videaMPEG 4 – koristi se na Internetu i za emitovanje sadržaja, ima mogućnosti bolje kompresije u odnosu na MPEG 2 i koristi ga danas veliki broj aplikacija. Još uvek se razvija

42

Page 43: Prikupljanje multimedijalnih materijala za nastavu

DivX – koristi MPEG 4 kompresiju sa gubitkom kvalitetaWMV – Windows Media Video, Microsoft-ov video format

Windows XP SP2 ima malo instaliranih kodeka. Korisno je instalirati pakovanja kodeka kao što su K-Lite Codec Pack, The Codecs, itd... Ako i pored toga ne možete da pokrenete neki fajl zbog nedostatka kodeka, iskoristite program CodecInstaller, koji može da pregleda fajl i ukaže koji kodek nedostaje.

Kontejner formatFormat fajla, koji sadrži različite tipove podataka, kompresovanih pomoću standardnih video ili audio kodeka.Takvi fajlovi sadrže više blokova (chunks), koji mogu biti kompresovani pomoću različitih kodeka. Kontejner treba da identifikuje i poveže različite tipove podataka koje sadrži.

Plugin

Plug-in je program koji interaguje sa aplikacijom domaćinom i obezbeđuje određenu funkciju. Na primer da biste unutar Internet Explorer-a mogli da pokrećete java aplete potrebno je da imate instaliran java plug-in. Ako ste instalirali JRE, sa njim dolazi i java plug in. Flash plugin je takođe potreban za swf fajlove.

43

Page 44: Prikupljanje multimedijalnih materijala za nastavu

Software za kreiranje testovaSoftware za kreiranje testovaHot Potatoes (vrući krompiri)

From Half-Baked (napola skuvano) Software Inc

Osobine programa• Hot Potatoes je besplatan program, koji služi za kreiranje interaktivnih

vežbi. • Korisnik u toku instalacije prihvata obavezu da će sav materijal koji

napravi pomoću ovog softvera učiniti javno dostupnim, na web-u.• Da biste mogli da iskoristite program u potpunosti, tj. da zadate više od

dva pitanja u kvizu i da koristite The Masher, morate ga prethodno registrovati. Registracija je besplatna. Posle registracije, The Masher će i dalje imati ograničenje, ako koristite besplatnu verziju programa (moći će da objedini samo tri fajla u jednu lekciju).

• Učenicima se omogućava da vide rešenje zadatka pre nego što pređu na sledeći, a skor je lošiji što je više pokušaja kod nekog pitanja.

• Može se dodeliti različita vrednost (broj poena) različitim pitanjima • Vreme rešavanja se može ograničiti. • Program može automatski da menja redosled pitanja u testu, kao i

redosled ponuđenih odgovora.• Napravljen test se može postaviti na web server, a naravno može se

pokretati i lokalno. • Ako nastavnik želi da prati rezultate učenika, postoji mogućnost da svoje

testove postavi na server www.hotpotatoes.net i da prati pristupanje učenika testovima i ostvareni uspeh. Ova usluga nije besplatna.

• Umesto toga, moguće je rezultate testa automatski poslati na unapred zadatu mail adresu. Da biste to izveli, potrebno je na serveru instalirati FormMail.pl skript, koji će prosleđivati rezultate zadataka mail-om, a sa tog istog servera mora se pokretati i test.

• HotPotatoes možete lako koristi i na Moodle platformi.

44

Page 45: Prikupljanje multimedijalnih materijala za nastavu

Pokretanjem programa otvara se prozor, preko koga možemo pristupiti jednom od šest modula:JClose za kreiranje testova tipa „popuni prazninu“ tj. „dopuni rečenicu“

JMatch za kreiranje testova u kojima treba upariti različite pojmoveJQuiz za kreiranje kvizova

JCross za kreiranje ukrštenih rečiJMix za kreiranje zadataka u kojima treba reči poređati u pravom

redosleduThe

MasherThe Masher – sprava za pasiranje. Pomoću ovog modula mogu se objediniti vežbe napravljene pomoću prethodnih pet modula.

sl. 57

Hot Potatoes projektni fajlU meniju Options (vidi liniju menija na sl. 57) treba izabrati stavku Project Settings i klikom na dugme Save Project File (sl. 58) uneti putanju direktorijuma u koji će Hot Potatoes da snimi Vaš projektni fajl i njegov naziv. Projektni fajl u sebi sadrži podatke o putanji JavaScript koda, kojim se kreiraju html stranice sa testovima, podatke o jezičkom interfejsu i podatke o kofiguraciji kviza, kao npr. vremensko ograničenje.

45

Page 46: Prikupljanje multimedijalnih materijala za nastavu

sl. 58

.

JQuizOpisaćemo rad sa jednim od modula programa Hot Potatoes.

sl. 59

Klikom na JQuiz (sl. 59) otvara se modul za kreiranje kvizova.

sl. 60

Prevod interfejsaNakon otvaranja prozora aplikacije JQuiz, možemo prevesti interfejs ili samo neke njegove stavke. Za prevod, u meniju Options treba izabrati stavku Interface (sl. 61).

46

Page 47: Prikupljanje multimedijalnih materijala za nastavu

sl. 61

Otvoriće se dijalog u kome svaku poruku interfejsa možete zameniti prevodom (sl. 62).

sl. 62 – U polje Translation, unosite prevod stavke, koja je navedena u polju Current text

U meniju Options nakon izbora stavke Configure Output (sl. 63)

47

Page 48: Prikupljanje multimedijalnih materijala za nastavu

mogu se upisati drugi tekstovi instrukcija (kartica Titles/Instructions), dugmadi (kartica Buttons), poruka koje program prikazuje (kartica Prompts) itd. Ovu opciju možete iskoristiti za prevod, mada nije tome namenjena.

sl. 63

Registracija programaUkoliko program niste registrovali nećete moći da unesete više od dva pitanja, niti da koristite The Masher. Sledeća poruka će vas podsetiti na to:

sl. 64

U Help meniju izaberite Register i pratite dalja uputstva. Registracioni kod ćete dobiti mail-om i unesite ga u odgovarajuće polje (i korisničko ime naravno):

sl. 65

48

Page 49: Prikupljanje multimedijalnih materijala za nastavu

Tipovi pitanja modula JQuiz1. Multiple-choice (jedan tačan odgovor od više ponuđenih). U koloni Settings morate odrediti koji je odgovor tačan (sl. 66)

sl. 66

Izgled pitanja, tipa multiple-choice u testu, dat je na sl. 67.

sl. 67

49

Page 50: Prikupljanje multimedijalnih materijala za nastavu

2. Short-answer (kratak odgovor). Odgovor na pitanje je jedna reč (sl. 68).

sl. 68 – Treba nabrojati sve prihvatljive odgovore

Kod ove vrste pitanja program nudi pomoć tj. može da na zahtev (klik na dugme Hint) prikazuje slovo po slovo odgovora (ovo naravno umanjuje skor).Izgled pitanja, tipa short-answer, u testu, dat je na sl. 69.

sl. 69

50

Page 51: Prikupljanje multimedijalnih materijala za nastavu

3. Multi-select (višestruki izbor, tj. više tačnih odgovora). Ovaj tip pitanja prikazan je na sl. 70.

sl. 70

Izgled pitanja, tipa multi-select, u testu, dat je na sl. 71.

sl. 71

51

Page 52: Prikupljanje multimedijalnih materijala za nastavu

4. Hybrid (hibridno). Prikazano na sl. 72. Pitanje se, prvo, prikazuje kao kratko pitanje (tipa short-answer), pa ako učenik ne može da odgovori, onda se prikaže više ponuđenih odgovora, od kojih treba odabrati jedan (pitanje tipa multiple-choice).

sl. 72

Izgled hibridnog pitanja u testu je dvojak.

sl. 73 – Hibridno pitanje se prvo prikazuje kao pitanje tipa short answer

52

Page 53: Prikupljanje multimedijalnih materijala za nastavu

Ako se ne odgovori na kratko pitanje, prelazi se na multiple-choice tip pitanja (sl. 74).

sl. 74 – Ako učenik ne odgovori na kratko pitanje, tip pitanja se menja u multiple-choice

Umetanje slika, animacija i filmovaMoguće je umetnuti sliku, film ili flash animaciju u pitanje, koristeći neku od stavki u meniju Insert (sl. 75).

sl. 75

Ako izaberemo Media Object (za umetanje filma ili flash animacije) otvoriće se prozor kao na sl. 76, u kome možete odrediti koji plejer je potreban i koja će biti veličina filma ili animacije na web stranici kada se test prikaže:

53

Page 54: Prikupljanje multimedijalnih materijala za nastavu

sl. 76

Izrada pitanja sa umetnutom flash animacijom je prikazana na sl. 77. U polju za unos pitanja se, ispred samog teksta pitanja, vidi i kod koji služi za prikazivanje objekta na web stranici.

sl. 77 – Ispred teksta pitanja se vidi JavaScript kod, koji poziva flash simulaciju

54

Page 55: Prikupljanje multimedijalnih materijala za nastavu

Na sl. 78 je izgled tog pitanja u testu.

sl. 78

Promena redosleda pitanja i redosleda odgovoraRedosled pitanja i odgovora se može izmeniti, ako se u meniju Manage Questions izabere podmeni Shuffle (izmešati) u kome se, dalje, izabere Shuffle Order of Questions (izmešaj redosled pitanja) i Shuffle Order of Answers (izmešaj redosled odgovora). Na ovaj način izmešana pitanja, uvek će se, ubuduće, u testu prikazivati u tom redosledu (tj. ova opcija Vam verovatno ne treba!):

sl. 79 – Na ovaj način možete izmešati redosled pitanja samo jednom, tj. promeniti im redosled.

55

Page 56: Prikupljanje multimedijalnih materijala za nastavu

Ako želite da se redosled pitanja i odgovora uvek automatski izmeša prilikom ponovnog učitavanja web stranice sa testom, onda prethodna opcija nije od koristi, već preko Options>Configure Output dođemo do podešavanja kofiguracionog fajla i na kartici Other selektujemo odgovarajuća polja za potvrdu - Shuffle order of question each time page loads (izmešaj pitanja) i Shuffle order of answer in each question when page loads (izmešaj odgovore):

sl. 80 – Na ovaj način pitanja i odgovori će se iznova izmešati, pri svakom učitavanju web stranice

Postavljanje vremenskog ograničenja za rešavanjeVremensko ograničenje možete postaviti koristeći stavku Configure Output iz menija Options (sl. 81).

sl. 81

Klikom na Configure Output otvara se okvir za dijalog u kome na kartici Timer možete zadati vremensko ograničenje (sl. 82).

56

Page 57: Prikupljanje multimedijalnih materijala za nastavu

sl. 82

Snimanje testa i pregled u web browser-uU meniju File (sl. 83) nalaze se opcije za snimanje projekta (File>Save As) i za kreiranje Web stranice.

sl. 83

57

Page 58: Prikupljanje multimedijalnih materijala za nastavu

Prosleđivanje rezultata testa na mailIzaberite Options>Configure Output>CGI (sl. 84).Dobićete obaveštenje da proizvođač softvera Hot Potatoes ne obezbeđuje podršku za ovu funkciju programa, ako nemate komercijalnu licencu. Kupovinom komercijalne licence možete koristiti uslugu hostovanja vaših testova na hotpotatoes.net, otvoriti naloge za određen broj učenika i pratiti njihovo pristupanje testovima i rezultate. Međutim, klikom na dugme Information, dobijaju se informacije o načinu na koji može da se ova opcija programa iskoristi. Potrebno je na serveru instalirati FormMail.pl skript, koji će prosleđivati rezultate zadataka mail-om, a sa tog istog servera mora se pokretati i test.

sl. 84

58

Page 59: Prikupljanje multimedijalnih materijala za nastavu

Kako ugraditi flash fajl (swf) u PowerpointKako ugraditi flash fajl (swf) u PowerpointU PowerPoint prezentacije se mogu ugraditi flash simulacije. Evo kratkog uputstva (za PowerPoint 2003):

1. View>Toolbars>Control Toolbox (sl. 85).

sl. 85

2. Treba odabrati opciju More Controls (sl. 86).

sl. 86

3. U meniju izabrati Shockwave Flash Object (sl. 87).

sl. 87

59

Page 60: Prikupljanje multimedijalnih materijala za nastavu

4. Odrediti kursorom mesto za objekat (sl. 88).

sl. 88

5. Desnim klikom na mesto za objekat, otvorite kontekst meni i u njemu izaberite opciju Properties (sl. 89).

sl. 89

6. Otvoriće se prozor Properties (sl. 90).

sl. 90

7. Desno od polja EmbedMovie iz padajućeg menija izaberite True, a u polju desno od polja Movie unesite putanju do swf fajla.

NAPOMENA: Da bi ugrađena flash simulacija radila unutar prezentacije, na računaru mora biti instalirana Flash Player ActiveX komponenta!

60

Page 61: Prikupljanje multimedijalnih materijala za nastavu

Kako u PowerPoint-u kontrolisati prikaz videaKako u PowerPoint-u kontrolisati prikaz videaUputstvo koje sledi, odnosi se na PowerPoint 2003. Obično se u PowerPoint ugrađuje film mpg ili wmv formata. Problem je što nad filmovima nemamo kontrolu, ako su ugrađeni pomoću Insert>Movies and Sounds opcije. Tada prikazivanje počinje automatski, posle nekog vremena od ulaska na slajd, ili klikom na taster miša. Nije moguće „premotavanje“, kontrola jačine zvuka i sl.Naročito kod velikih filmova postoji potreba za kontrolom prikazivanja. Može se ostvariti na sledeći način:

1. Prezentacija i film moraju biti snimljeni u isti direktorijum. U ovom slučaju film nećemo ugraditi u prezentaciju, već ćemo ga pozivati u određenom trenutku. Ako prenosite prezentaciju na drugi računar, morate presnimiti ceo direktorijum, koji sadrži i prezentaciju i film!

2. Insert>Object (sl. 91).

sl. 91 – U prozoru Insert Object, selektujte Create new i odaberite Windows Media Player

3. Dobićemo prozor plejera, kao na sl. 92.

sl. 92

61

Page 62: Prikupljanje multimedijalnih materijala za nastavu

4. Desni klik na mesto plejera i nakon odabira stavke Properties otvara se prozor Properties (sl. 93).

sl. 93

5. Dvoklik na polje Custom otvara prozor Windows Media Player Properties (sl. 94).

sl. 94

6. U polje File Name or URL treba samo upisati naziv fajla (sa ekstenzijom), jer se film nalazi u istom direktorijumu kao i prezentacija iz koje ga pozivamo.

Ako koristite PowerPoint 2007, onda do More Controls možete doći na sledeći način:

1. (Office Button) Show Developer tab in the Ribbon

62

Page 63: Prikupljanje multimedijalnih materijala za nastavu

2. (More Controls)3.

sl. 95 – Izaberite Shockwave Flash Object za ugrađivanje swf fajla

ili

sl. 96 - Izaberite Windows Media Player da biste postavili kontrolu za film

4. Dalje je postupak isti kao u PowerPoint-u 2003

Kako u PowerPoint ugraditi web stranicuKako u PowerPoint ugraditi web stranicuU PowerPoint prezentaciji je moguće prikazati web stranicu, u offline ili online režimu, svejedno. Na ovaj način, moguće je na slajdu prikazati i java aplet. Potrebna je instalacija dodatka, koji se zove LiveWeb. Možete ga preuzeti sa adrese http://skp.mvps.org/liveweb.htm (na sl. 97 je prikazana ta web stranica i na njoj se vide linkovi za instalaciju dodatka LiveWeb za verziju 2007 i za verziju 2003).

63

Page 64: Prikupljanje multimedijalnih materijala za nastavu

sl. 97 – Web stranica sa koje možete preuzeti dodatak LiveWeb. Nakon instalacije, u meniju Insert pojaviće se nova stavka Web Pages…

Preko tog novog menija Insert>WebPages…ubacujemo novi slajd i otvara se okvir za dijalog (sl. 98)

sl. 98 – U polju se upisuje URL web stranice i zatim klikne dugme Add

Ako želite offline prikaz, najjednostavnije je PowerPoint prezentaciju i web stranicu snimiti u isti direktorijum. U tom slučaju je u polje adrese, prikazano na sl. 98, dovoljno upisati samo naziv web stranice.Na sl. 99 je prikazan sadržaj direktorijuma u kome se nalazi PowerPoint prezentacija zajedno sa web stranicom, koja poziva RLC aplet iz arhive physics.jar.

64

Page 65: Prikupljanje multimedijalnih materijala za nastavu

sl. 99

sl. 100

65