Razlike

Slijede razlike između dviju inačica stranice

--- studenti:filip_stokovic:fs_zr_l_2018 [2019/04/03 14:54]
fstokovic [Odabir video playera]
+++ 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.
+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 ====
+. Istraživanje teme
+. Upoznavanje s web aplikacijom (LeCTo Player)
+. 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 ====
@@ Redak 24: / Redak 120: @@
 |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 ====
@@ Redak 32: / Redak 131: @@
 |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  |
 \\
@@ Redak 63: / Redak 165: @@
 - jednostavno postavljanje
+- sličan jw playeru
 - napredni dodaci
@@ Redak 76: / Redak 180: @@
 - 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).

Studentski izvještaji

Korisnički alati

Site alati

Razlike

Stranični alati