Slijede razlike između dviju inačica stranice
Starije izmjene na obje strane Starija izmjena Novija izmjena | Starija izmjena | ||
studenti:filip_stokovic:fs_zr_l_2018 [2019/04/30 01:37] fstokovic [Vremenski plan rada] |
studenti:filip_stokovic:fs_zr_l_2018 [2023/06/19 16:21] (trenutno) |
||
---|---|---|---|
Redak 8: | Redak 8: | ||
Istražiti načine na koje IKT pomaže u učenju i preference studenata pri korištenju IKT za učenje s naglaskom na primjenu videa. U suradnji s nastavnikom odabrati jednu primjenu IKT za učenje ta identificirati svojstva koja se mogu unaprijediti s aspekta Teorije kognitivnog opterećenja. Izvesti poboljšanje, dokumentirati ga, provjeriti ga i razraditi mogućnosti za daljnja poboljšanja. Izraditi stručni ili znanstveni rad za objavu u renomiranom časopisu ili prikaz na konferenciji. | Istražiti načine na koje IKT pomaže u učenju i preference studenata pri korištenju IKT za učenje s naglaskom na primjenu videa. U suradnji s nastavnikom odabrati jednu primjenu IKT za učenje ta identificirati svojstva koja se mogu unaprijediti s aspekta Teorije kognitivnog opterećenja. Izvesti poboljšanje, dokumentirati ga, provjeriti ga i razraditi mogućnosti za daljnja poboljšanja. Izraditi stručni ili znanstveni rad za objavu u renomiranom časopisu ili prikaz na konferenciji. | ||
+ | |||
+ | |||
+ | Razrada zadataka: | ||
+ | |||
+ | * Odabrati i uključiti novi video player s minimalnim funkcijama variranja brzine izvođenja i uz podršku za titlove | ||
+ | * <del>Riješiti probleme sa sinkronizacijom dvaju videa</del> | ||
+ | * <del>Oba video prozora trebaju imati kontrole koje će se automatski sinkronizirati bez obzira kojima se upravlja</del> | ||
+ | * Oba video prozora moraju omogućiti automatsko resizanje videa. Na dno video prozora dodati checkbox "Keep aspect ratio" koji će predimenzionirati prozor i omogućiti njegovo razvlačenje samo uz očuvani aspect ratio. | ||
+ | * Riješiti problem kada player poludi i počne brzo izmjenjivati ikone play i pause. | ||
+ | * Istestirati player kada video ima uključene titlove. Dodati opciju za odabir jezika titlova. | ||
+ | * U config file dodati opciju da se video pauzira nakon svakog poglavlja (novi tag i vrijednost) | ||
+ | * Dodati na sučelje novi prozor iste prirode kao što su ALC prozori, ali u kojem će se prikazati ta opcija učitana iz config fajla uz checkbox kojim se po potrebi može uključiti ili isključiti. U taj prozor ćemo po potrebi dodati još konfigurabilnih stavki. | ||
+ | * U cce file dodati tag koji definira duljinu pojedinog video chaptera u predavanju. Zasad postoji samo tag za početak pojedinog slidea. U player dodati podršku da ako trajanje ne piše (kao što je sad), tada se chapter nastavlja do početka idućeg, a ako piše trajanje, opnda se nakon njegovog isteka preskače na početak idućeg poglavlja. To znači da se video treba izvoditi kako je definirano u cce fajlu, uz moguće preskakanje npr. 00:10:00-00:11:15, pa 00:17:30-00:18:00. | ||
+ | * Kad se pokrene predavanje pa vrati na player ondatraka s kontrolama playera ostaje vidljiva. Ukloniti ju. | ||
+ | {{ :studenti:filip_stokovic:ostaci_playera.png?800 |}} | ||
+ | * Neka tab Player (desno od Player setup na početnoj stranici) bzde onemogućen dok se ne učita nešto što se može playati | ||
+ | * Zamijeniti dvia različita inputa za ALC i PSU fajlove samo jednim iz kojeg se tip učitanog fajla onda prepoznaje po ekstenziji. Provjeriti je li struktura učitanog fajla u redu i vratiti grešku ako nije. U input polje dodati http: prefiks i automatski ga korigirati ako korisnik unese još jednom | ||
+ | * Tipke Write notes Write links ... i ni jedna Edit tipka trenutno ne radi. Provjerite što je s tim. Svi ti elementi trebali bi omogućiti uređivanje ALC-ova i otvoriti novi prozor u kojem se to može napraviti. | ||
+ | |||
+ | |||
+ | |||
+ | ==== Plan rada ==== | ||
+ | |||
+ | 1. Istraživanje teme | ||
+ | |||
+ | 2. Upoznavanje s web aplikacijom (LeCTo Player) | ||
+ | |||
+ | 3. Poboljšanje aplikacije (s naglaskom na primjeni videa) te dokumentacija istoga | ||
+ | |||
+ | ==== Vremenski plan rada ==== | ||
+ | |||
+ | ^Datum^Aktivnost| | ||
+ | |1. tjedan |Upoznavanje s temom | | ||
+ | |2. tjedan |Upoznavanje s web aplikacijom | | ||
+ | |3. tjedan |Istraživanje potrebnih komponenti za aplikaciju | | ||
+ | |4. tjedan |Istraživanje rada web aplikacije | | ||
+ | |5. tjedan |Implementacija novog video playera | | ||
+ | |||
+ | ==== Dnevnik rada ==== | ||
+ | |||
+ | ^Datum (tjedno)^Aktivnost^Utrošak vremena^Daljnji rad| | ||
+ | |1. tjedan (18. - 24. 3.) |Pronalazak optimalnog web video playera |4 h |Upoznavanje s aplikacijom | | ||
+ | |2. tjedan (25. - 31. 3.) |Upoznavanje s aplikacijom |5 h |Pomnije istraživanje aplikacije te odabir svojstava koja će se mijenjati | | ||
+ | |3. tjedan (1. - 7. 4.) |Istraživanje rada aplikacije s naglaskom na jQueryju |5 h |Daljnje istraživanje rada web aplikacije | | ||
+ | |4. tjedan (8. - 14. 4.) |Istraživanje cjelokupnog rada web aplikacije |6 h |Učenje CSS-a i uređivanje sučelja | | ||
+ | |5. tjedan (15. - 21. 4.) |Uređivanje sučelja |4 h |Implementacija novog video playera | | ||
+ | |6. tjedan (22. - 28. 4.) |Implementacija novog video playera |6 h |Testiranje rada novog video playera | | ||
+ | |7. tjedan (29. 4. - 5. 5.) |Setupanje virtualnog stroja servera za testiranje web aplikacije |7 h |Testiranje rada web aplikacije | | ||
+ | |8. tjedan (6. - 12. 5.) |Prebacivanje aplikacije na server (sređivanje dopuštenja i sl.) te testiranje |7 h |Ispravljanje pogrešaka i daljnje testiranje aplikacije | | ||
+ | |||
+ | ==== Rezultat ==== | ||
+ | |||
+ | ==== Zaključak ==== | ||
+ | |||
+ | ==== Prijedlog za daljnje istraživanje ==== | ||
+ | |||
+ | ==== Odabir video playera ==== | ||
+ | |||
+ | **1. Plyr.io** | ||
+ | |||
+ | - jednostavan, prilagodljiv, izmjenjiv | ||
+ | |||
+ | - podržava Vimeo i YouTube videe | ||
+ | |||
+ | - jednostavnost omogućava glatku obradu videa, neovisno o veličini | ||
+ | |||
+ | - MIT licenca | ||
+ | |||
+ | **2. Videojs** | ||
+ | |||
+ | - jednostavno postavljanje | ||
+ | |||
+ | - sličan jw playeru | ||
+ | |||
+ | - napredni dodaci | ||
+ | |||
+ | **3. Projekktor** | ||
+ | |||
+ | - open source video player (JavaScript) | ||
+ | |||
+ | - detekcija najboljeg načina izvođenja videa | ||
+ | |||
+ | - user firendly | ||
+ | |||
+ | - pouzdan | ||
+ | |||
+ | Odabrat ću Videojs zbog jednostavnosti postavljanja (slično kao i jw player koji se dosad koristio) i zato što ima sve funkcionalnosti potrebne za rad aplikacije (najbitnije je upravljanje eventima). | ||
+ | |||
+ | ==== Rezultat ==== | ||
+ | |||
+ | ==== Zaključak ==== | ||
+ | |||
+ | ==== Prijedlog za daljnje istraživanje ==== | ||
+ | |||
+ | \\ | ||
+ | |||
==== Plan rada ==== | ==== Plan rada ==== | ||
Redak 35: | Redak 131: | ||
|1. tjedan (18. - 24. 3.) |Pronalazak optimalnog web video playera |4 h |Upoznavanje s aplikacijom | | |1. tjedan (18. - 24. 3.) |Pronalazak optimalnog web video playera |4 h |Upoznavanje s aplikacijom | | ||
|2. tjedan (25. - 31. 3.) |Upoznavanje s aplikacijom |5 h |Pomnije istraživanje aplikacije te odabir svojstava koja će se mijenjati | | |2. tjedan (25. - 31. 3.) |Upoznavanje s aplikacijom |5 h |Pomnije istraživanje aplikacije te odabir svojstava koja će se mijenjati | | ||
- | |3. tjedan (1. - 7. 4.) | | | | | + | |3. tjedan (1. - 7. 4.) |Istraživanje rada aplikacije s naglaskom na jQueryju |5 h |Daljnje istraživanje rada web aplikacije | |
- | |4. tjedan (8. - 14. 4.) | | | | | + | |4. tjedan (8. - 14. 4.) |Istraživanje cjelokupnog rada web aplikacije |6 h |Učenje CSS-a i uređivanje sučelja | |
- | |5. tjedan (15. - 21. 4.) | | | | | + | |5. tjedan (15. - 21. 4.) |Uređivanje sučelja |4 h |Implementacija novog video playera | |
+ | |6. tjedan (22. - 28. 4.) |Implementacija novog video playera |6 h |Testiranje rada novog video playera | | ||
+ | |7. tjedan (29. 4. - 5. 5.) |Setupanje virtualnog stroja servera za testiranje web aplikacije |7 h |Testiranje rada web aplikacije | | ||
+ | |8. tjedan (6. - 12. 5.) |Prebacivanje aplikacije na server (sređivanje dopuštenja i sl.) te testiranje |7 h |Ispravljanje pogrešaka i daljnje testiranje aplikacije | | ||
\\ | \\ | ||
Redak 66: | Redak 165: | ||
- jednostavno postavljanje | - jednostavno postavljanje | ||
+ | |||
+ | - sličan jw playeru | ||
- napredni dodaci | - napredni dodaci | ||
Redak 79: | Redak 180: | ||
- pouzdan | - pouzdan | ||
- | Odabrat ću Plyr.io zbog jednostavnosti i zato što je najbitnija glatka obrada videa bez ikakvih odgoda. | + | Odabrat ću Videojs zbog jednostavnosti postavljanja (slično kao i jw player koji se dosad koristio) i zato što ima sve funkcionalnosti potrebne za rad aplikacije (najbitnije je upravljanje eventima). |