january 26 2009 - etfbl...kao field u koji profesor upisuje tekst i nakon što završi, pritisne...

19
Projektni zadatak January 26 2009 Ognjen Klincov 103/01 i Jasmina Smailović 34/05 Multimedijalna eLearning platforma Univerzitet u Banjaluci Elektrotehnički fakultet Profesor: dr Zdenka Babić Asistent: mr Vladimir Risojević

Upload: others

Post on 30-Jul-2020

0 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: January 26 2009 - ETFBL...kao field u koji profesor upisuje tekst i nakon što završi, pritisne dugme “Sačuvaj promjene”. Oglasi se čuvaju u tekstualnom fajlu OglasnaTabla.txt

 

 

   

Projektni zadatak 

January 26

2009 Ognjen Klincov 103/01  i Jasmina Smailović 34/05 

Multimedijalna eLearning platforma 

Univerzitet u BanjaluciElektrotehnički fakultet

 Profesor: dr Zdenka Babić Asistent: mr Vladimir Risojević 

Page 2: January 26 2009 - ETFBL...kao field u koji profesor upisuje tekst i nakon što završi, pritisne dugme “Sačuvaj promjene”. Oglasi se čuvaju u tekstualnom fajlu OglasnaTabla.txt

Projektni zadatak  2009  

2  

Sadržaj  

Zadatak .................................................................................................................................................... 3 

Storyboard .............................................................................................................................................. 5 

Pregled sadržaja .................................................................................................................................. 6 

Kviz ...................................................................................................................................................... 7 

Dodavanje medija (samo za profesore) .............................................................................................. 7 

Učite s nama........................................................................................................................................ 8 

Oglasna tabla ...................................................................................................................................... 8 

Opis funcionalnosti ................................................................................................................................. 9 

Log In ................................................................................................................................................... 9 

Pregled sadržaja ................................................................................................................................ 11 

Tekst .............................................................................................................................................. 11 

Audio ............................................................................................................................................. 12 

Video ............................................................................................................................................. 12 

Slike ............................................................................................................................................... 13 

Kviz .................................................................................................................................................... 14 

Učite s nama...................................................................................................................................... 15 

Video predavanje .......................................................................................................................... 15 

Digitalitacija audio signala ............................................................................................................ 15 

Dodavanje medija (samo za profesore) ............................................................................................ 16 

Oglasna tabla .................................................................................................................................... 17 

Navigacija .......................................................................................................................................... 18 

Izlaz ............................................................................................................................................... 18 

Glavna stranica .............................................................................................................................. 18 

Logout ........................................................................................................................................... 18 

 

   

Page 3: January 26 2009 - ETFBL...kao field u koji profesor upisuje tekst i nakon što završi, pritisne dugme “Sačuvaj promjene”. Oglasi se čuvaju u tekstualnom fajlu OglasnaTabla.txt

Projektni zadatak  2009  

3  

Zadatak 

Potrebno je projektovati i implementirati aplikaciju u Adobe Directoru koja će raditi kao multimedijalna  eLearning  platforma.  Osnovna  funkcionalnost  aplikacije  treba  da  sadrži sljedeće:   

• čuvanje nastavnih materijala:   

o važno  je obezbijediti mogućnost  rada  sa  različitim  tipovima medija: sistem bi trebalo da radi sa tradicionalnim (štampanim) formama nastavnih materijala, te sa digitalnim videom i audiom;  

 o nepretjerivati sa brojem objekata jednog tipa medija, jedan do dva primjera za 

svaki tip su dovoljna, važnija je podrška različitim tipovima medija;   o materijal  koji dobijate u okviru predmeta  se može  koristiti u  vašoj  aplikaciji. 

Dodatni materijal se može preuzeti sa weba ili samostalno kreirati. Prihvatljiv je materijal koji je legalno dostupan i nije uvredljivog sadržaja. Materijal služi samo  za demonstraciju mogućnosti  sistema, umjetnička dostignuća  se neće ocjenjivati;  

 • interaktivne aktivnosti vezane za predmet: kvizove, zadatke, igrice…   •  obezbijediti  da  u  okviru  interakcije  sa  sistemom  korisnik  može  izabrati  i 

reprodukovati/pregledati određeni objekat u odgovarajućem obliku  ili učestvovati u nekoj interaktivnoj aktivnosti;  

 • sistem mora biti u izvjesnoj mjeri personalizovan tako da se vodi evidencija o njegovim 

korisnicima i njihovim aktivnostima (npr. broj bodova na kvizu);   • jedini zahtjev za korisnički interfejs je potpuna funkcionalnost – grafički dizajn se neće 

ocjenjivati;   •  za  dodavanje  funkcionalnosti  dozvoljeno  je  korištenje  samo  Xtra  dodataka  koji  su 

isporučeni sa Directorom.   Detaljna specifikacija,  format  i projektovanje su prepušteni studentima. Neke od dodatnih funkcionalnosti koje bi se mogle implementirati su:   

• “nastavnički interfejs” za dodavanje novog sadržaja;   • istovremeno sinhronizovano prikazivanje videa sa predavanja i slajdova iz prezentacije  

 

Page 4: January 26 2009 - ETFBL...kao field u koji profesor upisuje tekst i nakon što završi, pritisne dugme “Sačuvaj promjene”. Oglasi se čuvaju u tekstualnom fajlu OglasnaTabla.txt

Projektni zadatak  2009  

4  

 • zvučne i vizuelne primjere i (interaktivne) animacije kojima se demonstriraju algoritmi 

za obradu signala, slike ili videa;   • implementacija nekih algoritama u Lingu (npr. za obradu zvuka ili slike);   • mogućnost komunikacije među studentima ili između studenata i nastavnika.  

 Lista se ovdje ne završava. Inovativne ideje i njihova realizacija će biti ocjenjivane. 

   

Page 5: January 26 2009 - ETFBL...kao field u koji profesor upisuje tekst i nakon što završi, pritisne dugme “Sačuvaj promjene”. Oglasi se čuvaju u tekstualnom fajlu OglasnaTabla.txt

Projektni zadatak  2009  

5  

Storyboard 

  Predstavljeni Storyboard oslikava sesiju s privilegijom koju ima profesor. Alternativna mogućnost  je  privilegija  student  koja  ima  određena  ograničenja.  Ograničenja  će  biti naznačena na storyboard‐u. 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

   

 

Student nema ovu privilegiju 

Učite s nama

Pregled sadržaja 

Dodavanje medija Kviz 

Log In 

Glavna stranica

Page 6: January 26 2009 - ETFBL...kao field u koji profesor upisuje tekst i nakon što završi, pritisne dugme “Sačuvaj promjene”. Oglasi se čuvaju u tekstualnom fajlu OglasnaTabla.txt

Projektni zadatak  2009  

6  

Pregled sadržaja   

 

   

 

 

 

 

 

 

 

 

 

 

 

   

Pregled teksta Pregled videa 

Pregled audia Pregled slika 

Page 7: January 26 2009 - ETFBL...kao field u koji profesor upisuje tekst i nakon što završi, pritisne dugme “Sačuvaj promjene”. Oglasi se čuvaju u tekstualnom fajlu OglasnaTabla.txt

Projektni zadatak  2009  

7  

Kviz 

 

 

 

 

 

 

 

Dodavanje medija (samo za profesore) 

 

 

 

 

 

 

 

 

 

 

 

 

   

 

 

Klikom  na  dugme  “Dodaj  novi  sadržaj”  na  svakoj  prethodnoj  sceni  otvara  se Windows‐ov Open dijalog u kojem se izabere željeni fajl. 

Nakon odgovaranja na sva pitanja… 

Dodavanje teksta 

Dodavanje audia 

Dodavanje videa

Dodavanje slika 

Page 8: January 26 2009 - ETFBL...kao field u koji profesor upisuje tekst i nakon što završi, pritisne dugme “Sačuvaj promjene”. Oglasi se čuvaju u tekstualnom fajlu OglasnaTabla.txt

Projektni zadatak  2009  

8  

Učite s nama 

 

 

 

 

 

 

 

 

 

 Oglasna tabla 

   

Učite s nama

Video predavanje  Digitalizacija audio signala

Klikom miša ide se kroz sve stranice lekcije… 

 

Student ne može upisivati na oglasnu tablu 

Page 9: January 26 2009 - ETFBL...kao field u koji profesor upisuje tekst i nakon što završi, pritisne dugme “Sačuvaj promjene”. Oglasi se čuvaju u tekstualnom fajlu OglasnaTabla.txt

Projektni zadatak  2009  

9  

Opis funcionalnosti 

Log In 

  Pri  pokretanju  aplikacije,  nakon  pozdravne  poruke,  potrebno  je  upisati  odgovarajući username i password u odgovarajuća polja. 

 

 

 

 

 

 

 

 

 

Ukoliko korisnik nema svoj nalog, može se registrovati klikom na opciju Sign Up. 

 

 

 

 

 

 

 

 

 

 

Nakon klika na Sign Up korisnik vidi sljedeći prozor u kome može da upiše svoj username i password. 

Page 10: January 26 2009 - ETFBL...kao field u koji profesor upisuje tekst i nakon što završi, pritisne dugme “Sačuvaj promjene”. Oglasi se čuvaju u tekstualnom fajlu OglasnaTabla.txt

Projektni zadatak  2009  

10  

 

Evidenciju korisnika smo  implementirali  tako što smo svakom korisniku dodijelili  tekstualni fajl  koji  smo  nazvali  “username.txt”.  Tako  će,  na  primjer  korisnik  sa  korisničkim  imenom  “petar” imati pridružen  tekstualni  fajl “petar.txt”. Svi korisnici koji naknadno naprave nalog  su korisnici  sa privilegijom  “student”.  Postoji  jedan  nalog    sa  privilegijom  “profesor”  i  nije  predviđeno  da  se programski može napraviti novi. 

Kada  je  korisnik  “petar”  napravio  svoj  nalog,  njemu  dodijeljeni  tekstualni  fajl  “petar.txt” izgleda ovako: 

 

Prva  stavka  označava  korisničko  ime  korisnika,  druga  njegovu  lozinku,  treća  privilegiju,  a četvrta ocjenu koju je zadnji put imao na kvizu. Pošto je korisnik “petar” tek napravio svoj nalog, ima nulu na mjestu ocjene na kvizu jer ga nikad nije ni rješavao.  

Pri logovanju, nakon što korisnik upiše svoje korisničko ime i lozinku, aplikacija provjerava da li su unijete vrijednosti korektne i ako jesu, u zavisnosti od privilegije koju ima korisnik, prikazuje mu određene segmente aplikacije. Razlika između privilegije “profesor” i “student” ogleda se u tome što 

Page 11: January 26 2009 - ETFBL...kao field u koji profesor upisuje tekst i nakon što završi, pritisne dugme “Sačuvaj promjene”. Oglasi se čuvaju u tekstualnom fajlu OglasnaTabla.txt

Projektni zadatak  2009  

11  

profesor  ima sva prava kao  i student, ali  takođe    ima pravo da dodaje novi sadržaj što student ne može. 

Pregled sadržaja 

Pregled  sadržaja  se  odnosi  na  pregled  teksta,  audia,  videa  i  slika. Odabir  željenog medija se vrši  pointerom miša. 

 

Tekst 

Podržani tekstualni formati su  .pdf  i  .txt. Za otvaranje pdf fajlova potrebno  je  imati instaliran Adobe Reader jer prilikom odabira željenog pdf fajla poziva se taj program koji ga otvara. Nakon selektovanja  fajla potrebno  je kliknuti na dugme “Prikaži”  i dokument će se otvoriti u Adobe Reader‐u. 

 

 

 

 

 

 

 

 

S  druge  strane,  .txt  fajlovi  se  otvaraju  u  okviru Directora  kao  i  svi  ostali  podržani mediji (osim .rm video formata koji se otvara u RealPlayer‐u). 

 

 

 

 

 

 

 

   

Page 12: January 26 2009 - ETFBL...kao field u koji profesor upisuje tekst i nakon što završi, pritisne dugme “Sačuvaj promjene”. Oglasi se čuvaju u tekstualnom fajlu OglasnaTabla.txt

Projektni zadatak  2009  

12  

Audio 

Od  audio  formata  sigurno  su  podržani  sljedeći:  .aiff,  .mp2,  .mp3  i  .wav.  Prilikom reprodukcije audio fajla omogućene su osnovne funkcionalnosti (play, stop, pause, rewind). Implementirana je i dodatna funkcionalnost koja se ogleda u pojačavanju i utišavanju zvuka. 

 

 

Video 

Podržani  video  formati  su  .wmv,  .rm,  .qt,  .mov,  .mpg,  .mpeg.  Da  bi  se  mogao pregledati ovaj video sadžaj potrebno je imati instaliran RealPlayer i QuickTime Player. Kao i kod  audio  formata,  i  prilikom  reprodukcije  video  fajlova  omogućene  su  osnovne funkcionalnosti kao što su play, stop, pause i rewind. 

Pri selekciji .rm fajla i klikom na dugme „Pusti film“ poziva se RealPlayer. 

 

 

 

 

 

 

 

Ostale vrste fajlova se otvaraju u okviru Directora. 

 

Page 13: January 26 2009 - ETFBL...kao field u koji profesor upisuje tekst i nakon što završi, pritisne dugme “Sačuvaj promjene”. Oglasi se čuvaju u tekstualnom fajlu OglasnaTabla.txt

Projektni zadatak  2009  

13  

 

 

 

 

 

 

Slike 

Slike koje se mogu pregledati su u formatima:  .jpg,  .bmp,  .png,  .tif,  .gif. Za pregled slika nije potreban nikakav dodatan softver. Sve slike se otvaraju u okviru Directora. Klikom na dugme „Pogledaj sliku“ slika se otvara sa desne strane. 

   

 

 

 

 

 

 

   

Page 14: January 26 2009 - ETFBL...kao field u koji profesor upisuje tekst i nakon što završi, pritisne dugme “Sačuvaj promjene”. Oglasi se čuvaju u tekstualnom fajlu OglasnaTabla.txt

Projektni zadatak  2009  

14  

Kviz 

  Kviz  se  sastoji  od  5  pitanja.  Za  svako  pitanje  su  ponuđena  tri  odgovora  i  korisnik  u odgovarajuće  polje  upisuje  broj  odgovora  za  koji misli  da  je  tačan.  Klikom  na  dugme  “Sljedeće pitanje”  prelazi  na  sljedeće  pitanje.  U  gornjem  desnom  uglu  nalazi  se  labela  u  kojoj  je  ispisana posljednja ocjena koju je korisnik imao iz kviza. Ako korisnik nije nikada rješavao kviz, u uglu će pisati da  je  dosadašnja  ocjena  nula.  Kada  korisnik  odgovori  na  svih  5  pitanja,  izračunava  se  i  prikazuje ocjena.  Takođe,  ta  ocjena  se  upisuje  u  korisnikov  tekstualni  fajl  tako  da  sljedeći  put  kada  bude rješavao kviz u gornjem desnom uglu će pisati ova ocjena. 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

   

   

Page 15: January 26 2009 - ETFBL...kao field u koji profesor upisuje tekst i nakon što završi, pritisne dugme “Sačuvaj promjene”. Oglasi se čuvaju u tekstualnom fajlu OglasnaTabla.txt

Projektni zadatak  2009  

15  

Učite s nama 

Video predavanje 

  U ovom dijelu  aplikacije prikazan  je  video  koji  je  snimljen na  času  za  vrijeme predavanja. Video  se  u  svakom  trenutku može  zaustaviti  pritiskom  na  dugme  “Stop”  i  ponovo  pokrenuti  iz početka pomoću dugmeta  “Play”. Zanimljivo  je  to  što  se pored videa,  sa desne  strane,  izmjenjuju slike koje odgovaraju slajdovima koje profesorica koristi pri svom izlaganju. Odnosno, slajdovi, desno od videa, prate slajdove na videu. 

 

 

Digitalitacija audio signala 

  Klikom na dugme “Digitalizacija audio signala”  koje se nalazi u okviru sekcije “Učite s nama” dolazi se do niza prikaza kroz koje se korisnik  kreće klikom na taster miša. Ideja je da se u par koraka koristeći  tekst  i  animacije  jednostavno  objasni  process  digitalizacije  audio  signala.  Posebno  je zanimljiva animacija na samom kraju lekcije koja prikazuje A/D i D/A konverziju. 

 

 

 

 

 

   

Page 16: January 26 2009 - ETFBL...kao field u koji profesor upisuje tekst i nakon što završi, pritisne dugme “Sačuvaj promjene”. Oglasi se čuvaju u tekstualnom fajlu OglasnaTabla.txt

Projektni zadatak  2009  

16  

Dodavanje medija (samo za profesore) 

  Korisnik  sa  privilegijom  “profesor”  ima mogućnost  da  doda  novi  sadržaj  i  to:  novi  tekst, audio, video i nove slike. Svaka vrsta dodavanja je zamišljena na isti način. Sa lijeve strane se nalazi polje u kojem se nalaze nabrojani fajlovi koji već postoje u aplikaciji. Klikom na dugme “Dodaj novi sadržaj” otvara se Windows‐ov Open dijalog. Filter svakog Open dijaloga podešen je tako da se vide samo  određeni  formati.  Tako,  na  primjer,  pri  dodavanju  novih  tekstualnih  fajlova  filter maska  je podešena na *.txt  i *.pdf. Korisnik pretragom po  folderima nalazi  željeni  fajl, onači ga  i  klikne na dugme “Open”. Nakon toga, automatski se dopunjuje spomenuto polje sa novim fajlom. Sada kada bi korisnik otišao na “ Pregled sadržaja”, u određenoj kategoriji bi vidio da sada može da pregleda i tek dodani sadržaj. 

 

 

 

 

 

 

 

 

 

 

 

 

   

Page 17: January 26 2009 - ETFBL...kao field u koji profesor upisuje tekst i nakon što završi, pritisne dugme “Sačuvaj promjene”. Oglasi se čuvaju u tekstualnom fajlu OglasnaTabla.txt

Projektni zadatak  2009  

17  

Oglasna tabla 

  Oglasna tabla  je namijenjena da profesori postavljaju obavijesti za studente. Realizovana  je kao field u koji profesor upisuje tekst  i nakon što završi, pritisne dugme “Sačuvaj promjene”. Oglasi se  čuvaju u  tekstualnom  fajlu OglasnaTabla.txt. Student može  samo da  čita obavijesti na oglasnoj tabli, ali ne i da mijenja ili upisuje nove oglase. 

   

Page 18: January 26 2009 - ETFBL...kao field u koji profesor upisuje tekst i nakon što završi, pritisne dugme “Sačuvaj promjene”. Oglasi se čuvaju u tekstualnom fajlu OglasnaTabla.txt

Projektni zadatak  2009  

18  

Navigacija 

Izlaz 

Klikom na labelu “Izlaz” koja se nalazi u gornjem desnom uglu svake stranice gasi se Director. Ukoliko se radi sa .exe aplikacijom, klikom na “Izlaz” gasi se prozor u kome se nalazi aplikacija. 

 

 

 

 

 

 

Glavna stranica 

  Klikom na labelu “Glavna stranica” korisnik se vraća na stranicu na kojoj se nalazi glavni meni.  

 

 

 

 

 

 

Logout 

  Labela  “Logout”  služi  da  se  korisnik  odloguje,  odnosno  da  završi  trenutnu  sesiju  i  da  se eventualno ponovo uloguje pod drugim (ili istim) korisničkim imenom. 

   

Page 19: January 26 2009 - ETFBL...kao field u koji profesor upisuje tekst i nakon što završi, pritisne dugme “Sačuvaj promjene”. Oglasi se čuvaju u tekstualnom fajlu OglasnaTabla.txt

Projektni zadatak  2009  

19