Multimedijski sustavi

Izvor: KiWi

(Usporedba među inačicama)
Skoči na: orijentacija, traži
(→Prikaz multimedijskih aplikacija (studentski seminari))
(→Seminarski radovi)
 
(Nije prikazano 297 međuinačica)
Redak 1: Redak 1:
-
= Predavanja i vježbe =
+
[https://docs.google.com/spreadsheets/d/1pNUcX9OY66CPhBnSPwY0mUNY20cpBlSoS1RPD4ddIS8/edit?usp=sharing Popis studenata] - Molim popunite stupce s korisničkim imenom i adresom e-pošte
-
 
+
-
== O kolegiju ==
+
-
 
+
-
Kolegij multimedijski sustavi se predaje na 2. godini diplomskog studija računarstva. Kolegij ima 30 sati predavanja i 15 sati vježbi. Predavanja i vježbe drži Goran Igaly
+
-
Predavanja su ponedjeljkom od 8.30 - 11.00 u Praktikumu 4 (multimedijska učionica) i predavaonici 203 (telekonferencijska dvorana)
+
-
Kolegij prethodnik za Multimedijske sustave je kolegij Računalna grafika. Budući da se ovaj kolegij sluša u istom semestru kao i multimedijski sustavi, studenti smjera profesor matematike i informatike ne mogu upisati ovaj kolegij iako im je formalno ponuđen na popisu izbornih kolegija.
+
-
 
+
-
== Popis slušača ==
+
-
 
+
-
Molim da se ovdje upišu svi slušači kolegija Multimedijski sustavi za 2011/12. Molim ispred imena studenta upisati i JMBAG. Na papirnatom popisu do sada ima 26 slušača
+
-
 
+
-
# 1191212377 '''Aleksandar Milković - bushyasta@gmail.com'''
+
-
# 1191209289 '''Srđan Močibob - mocibob.srdan@gmail.com'''
+
-
# 1191212265 '''Jakob Werner - jakob.werner@live.com'''
+
-
# 1191212564 '''Saša Stanko - sstanko@student.math.hr'''
+
-
# 1191200582 '''Hrvoje Peradin - hperadin@student.math.hr'''
+
-
# 1191206219 '''Tomislav Glavaš - glavazg@gmail.com'''
+
-
# 1191210421 '''Ivan Rančić - irancic@student.math.hr'''
+
-
# 1311020035 '''Marena Markasović - marena.mis@gmail.com'''
+
-
# 1191207055 '''Dubravko Antunović - dantunovic42@gmail.com'''
+
-
# 1191208720 '''Nina Katić - nkatic@student.math.hr'''
+
-
# 1191208827 '''Nikolina Dragić - ndragic2888@gmail.com'''
+
-
# 1191210208 '''Ivo Ivanišević - ivo.ivanisevic@gmail.com'''
+
-
# 1191209156 '''Monika Burić - monikaburic88@gmail.com'''
+
-
# 1191210650 '''Saša Buzov - sasa.buzov@gmail.com'''
+
-
# 1191208965 '''Ivo Doko - ivo.doko@gmail.com'''
+
-
# 1191222840 '''Arijana Kajtezovic - akajtezovic@gmail.com'''
+
-
# 1191001011 '''Vesna Milenković - vemilenkovic@gmail.com'''
+
-
# 1191211504 '''Ilija Gavran - ilija.gavran@gmail.com'''
+
-
# 1191212585 '''Nikola Adžaga - nadzaga@student.math.hr'''
+
-
# 1191209999 '''Marijana Milišić - zita@student.math.hr'''
+
-
# 1191204235 '''Bojan Poturica - bojan.poturica@gmail.com'''
+
-
# 1191210367 '''Želimira Ivček - zelimiraivcek@gmail.com'''
+
-
# 1191211018 '''Ana-Marija Bilić - anambilic@gmail.com'''
+
-
 
+
-
== Prikaz multimedijskih aplikacija (studentski seminari) ==
+
-
 
+
-
Sve seminare koje ste napravili za potrebe kolegija Multimedijski sustavi molim stavite u
+
-
[https://docs.google.com/?pli=1#folders/folder.0.0B3wwuErn6_xGMjJlZTQzNDEtYzZlMi00NGNmLTkzODItMzcwMjFkNjIzNDk3 ovu mapu na docs.google.com]
+
-
 
+
-
[https://spreadsheets.google.com/ccc?key=0AnwwuErn6_xGdGJDQnJiSS1SdUo4QU9CdXZZZzJLQkE&hl=en&authkey=CMaCmLgJ Usporedni tablični pregled prikazanih multimedijskih aplikkacija]
+
-
 
+
-
{| style="color:#222222; background-color:#ffffcc;" cellpadding="5" cellspacing="0" border="1"
+
-
| Datum
+
-
| Student(i)
+
-
| Naslov seminara
+
-
|-
+
-
|07.10.2010
+
-
|Sanja Cvetković & Maja Rogulja
+
-
| [https://docs.google.com/document/pub?id=1bljeM_c7WTe7_dTD_4Zb-UReHozfC_TXW3IaFPWV-sg LEDOLAND.doc] [http://ledo.hr/v4/hr/home.html Ledoland link]
+
-
|-
+
-
|30.09.2010
+
-
|Patrik Đurđević & Nenad Kuren
+
-
|[http://www.last.fm/ Last.fm]
+
-
|-
+
-
|xx.xx.2011
+
-
|
+
-
|[http://www.last.fm/ Last.fm]
+
-
|-
+
-
|10.10.2011
+
-
| Tomislav Glavaš, Dubravko Antunović
+
-
|[http://www.uefa.com UEFA]
+
-
|-
+
-
|10.10.2011
+
-
|
+
-
|[http://www.artrea.com.hr  ]
+
-
|-
+
-
|10.10.2011
+
-
| Slađana Trač, Marijana Milišić
+
-
|[http://www.artrea.com.hr  ]
+
-
|-
+
-
|xx.xx.2011
+
-
|
+
-
|[http://www.espn.com ]
+
-
|-
+
-
|10.10.2011
+
-
| Ana-Marija Bilić, Želimira Ivček, Bojan Poturica
+
-
|[http://www.espn.com  ]
+
-
|-
+
-
 
+
-
|}
+
-
 
+
-
== Razni materijali ==
+
-
 
+
-
[http://www.dadalos.org/kr/Vorbilder/mlk/zitate.htm Govor Martina Luthera Kinga]
+
-
 
+
-
Prva projektna skupina - Specifikacija [http://degiorgi.math.unizg.hr/kiwi/images/e/e5/Multimedijski_sustavi_-_specifikacija.pdf]
+
-
 
+
-
Prva projektna skupina - XML i multimedija [http://degiorgi.math.unizg.hr/kiwi/images/1/19/XML_i_multimedija.ppt]
+
-
 
+
-
[http://www.youtube.com/watch?v=PXu6AKePXkQ Tutorial za Flash] na YouTube
+
-
 
+
-
[http://www.youtube.com/watch?v=_eu7oPLm2XA Computable Document Format]
+
-
 
+
-
 
+
-
[http://news.ycombinator.com/item?id=2789062 Zanimljiva diskusija o CDF-u]
+
-
 
+
-
[http://blog.dexy.it/493 CDF vs. Dexy -- nije toliko bitno]
+
-
 
+
-
 
+
-
[http://www.youtube.com/watch?v=yUQRbqc2qtY Medevial helpdesk - engleski] [http://www.youtube.com/watch?v=Yq3IkQoX5_I&NR=1 Isto to ali nekoliko stotina godina kasnije]
+
-
 
+
-
 
+
-
[http://www.youtube.com/watch?v=hwV-oFQsiOA Gertie, the Dinosaur]
+
-
 
+
-
[http://artsnova.com/blog/2010/10/06/384/ O otvaranju Adobe muzeja]
+
-
 
+
-
[http://www.adobe.com/aboutadobe/pressroom/pressreleases/201009/090910AdobeVideoInnovationsatIBC.html]
+
-
 
+
-
[http://www.ted.com/talks/johnny_lee_demos_wii_remote_hacks.html Johnny Lee]
+
-
 
+
-
[http://tubetape.com]
+
-
 
+
-
 
+
 +
----
 +
[https://docs.google.com/forms/d/1DmthgvlfWW0wniPkqzGl7-J-wQFk5diFKR2Woyf49zw/viewform Anketa - molim svakako popuniti]
----
----
-
=== 1. predavanje ===
+
__notoc__
-
Promjena medija:
+
__toc__
-
[http://www.youtube.com/watch?v=yUQRbqc2qtY Medevial helpdesk - engleski]
 
 +
== O kolegiju ==
-
Rana animacija
+
Kolegij multimedijski sustavi se predaje na 2. godini diplomskog studija računarstva. Kolegij ima 30 sati predavanja i 15 sati vježbi. Predavanja i vježbe drži Goran Igaly
-
 
+
-
[http://www.youtube.com/watch?v=hwV-oFQsiOA Gertie, the Dinosaur]
+
-
 
+
-
[http://www.facebook.com/album.php?aid=35699&id=100000539716691 Multimedijski centar] u Zagrebu, 1976. godine.
+
-
 
+
-
Jednostavna interakcija u Flashu
+
-
 
+
-
[[http://sopantufas.com.sapo.pt/jg/bahianese/bahianese.htm Veselo društvo - ovo sam jedva našao...]]
+
-
 
+
-
[http://www.mysterium.ch/endofages/endofages_pictures_e.html Myst - slike]
+
-
 
+
-
[http://www.mysterium.ch/myst/mystsuite.mp3 Myst - glazba]
+
-
 
+
-
[http://download.cnet.com/Bryce/3000-6677_4-10696716.html Bryce] Create breathtaking realistic 3D landscapes and animations with DAZ 3D Bryce. The easy user interface simplifies the design process for a novice or the seasoned professional. Start out building or importing a landscape as impressive as the Grand Canyon.
+
-
 
+
-
Kako se koristi [http://www.youtube.com/watch?v=NZNTgglPbUA pametna (interaktivna) ploča]
+
-
 
+
-
=== Završni projekti ===
+
-
 
+
-
Ovdje se navodno može dobiti  [http://members.000webhost.com besplatn hosting] s 1,5 Gb prostora i 100 Gb prometa bez IKAKVIH reklama, koristenje phpa i mysqla. Lijepo molim grupu koja je napravila multimedijsku prezentaciju fakulteta da stranice smjesti ovamo.
+
-
 
+
-
= Ranije godine =
+
-
 
+
-
== 2010/11 ==
+
-
 
+
-
=== Popis slušača ===
+
-
 
+
-
Tihomir Lolić 1191208603 <math>\begin{array}{c}\mathsf{tlolic}\end{array}</math>@<math>\begin{array}{c}\mathsf{student.math.hr}\end{array}</math>
+
-
Matej Mihelčić 1191208853 matej_mihelcic (AT) yahoo (.) com
+
Predavanja i vježbe su četvrtkom od 12 do 15 u Praktikumu 4 (multimedijska učionica). Neka predavanja odnosno vježbe će se održavati u predavaonici 203 (telekonferencijska dvorana).
-
Ante Jukić 1191210325 <math>\begin{array}{c}\mathsf{djuka7}\end{array}</math>@<math>\begin{array}{c}\mathsf{student.math.hr}\end{array}</math>
+
Voditelj kolegija: Goran Igaly
-
Ana Ujčić  1191210234
+
* [https://www.math.pmf.unizg.hr/hr/multimedijski-sustavi Opis kolegija]
-
Maja Novak  1191210143 novak65@gmail.com
+
* [http://www.pmf.unizg.hr/math/predmet/mulsus Opis kolegija - na novim stranicama za nastavu]
-
Josip Šumečki, 1191205888, <math>\begin{array}{c}\mathsf{shumi.1337}\end{array}</math>@<math>\begin{array}{c}\mathsf{gmail.com}\end{array}</math>
+
=== Literatura: ===
 +
* [http://eu.wiley.com/WileyCDA/WileyTitle/productCd-EHEP000948.html Nigel Chapman i Jenny Chapman: Digital Multimedia, John Wiley and Sons, Ltd, 2009.]
-
Dejan Peretin, 1191203355, dperetin@gmail.com
+
* [http://www.amazon.com/Learning-Processing-Second-Edition-Programming/dp/0123944430/ref=dp_ob_title_bk Daniel Shiffman: Learning Processing, Second Edition: A Beginner's Guide to Programming Images, Animation, and Interaction (The Morgan Kaufmann Series in Computer Graphics)]
-
Petra Podolski, 1191206955
+
* [http://www.petronet.ir/documents/10180/2323248/Getting_Started_with_Processing Casey Reas and Ben Fry: Getting Started with Processing, O’Reilly Media, Inc., 2010] - dostupno za slobodno preuzimanje
-
Maja Rogulja, 1191205713, 80maja08@gmail.com
+
== Uvod ==
 +
[https://www.wfmu.org/MACrec/index.html THE INTERNET MUSEUM OF FLEXI/CARDBOARD/ODDITY RECORDS] - razglednice koje sviraju
-
Sanja Cvetković 1191200103, informerica@gmail.com
+
[http://opensignal.com/reports/fragmentation-2013/ Android Fragmentation Visualized] - o različitim veličinama raznih Android uređaja
-
Ivan Androš, 1191202288, ivan.andros@gmail.com
+
[https://drive.google.com/file/d/0B3wwuErn6_xGS0cyVHB2REl1ZGM/view?usp=sharing Tipična MM aplikacija iz nekog doba] Možete je peuzeti i pogledati. Pozor! - datoteka je velika 172MB
-
Ivan Andrić, 0036397756, andric.ivan (na) gmail (tocka) com
+
[http://www.w3.org/Style/Examples/007/units.en.html O mjernim jedinicama]
-
Nikola Jerić, 1191198863
+
== Instaliranje Processinga i drugih programa ==
 +
* Instalirajte [http://processing.org/download Processing] na računala na kojima ćete učiti i izrađivati zadatke za ovaj kolegij.  Postoji verzija za Windows, Linux, Mac OS.
 +
* Instalirajte i mogućnost generiranja aplikacije za Android uređaje. Ovaj dio treba razraditi i opisati potrebne korake - gdje se nalazi Android SDK i koji su eventualni problemi. Za ovo tražim dobrovoljca - nekoga koga zanima razvoj aplikacija za mobilne uređaje i tko po mogućnosti ima određena iskustva. [Ovdje opisati korake|Razvoj mobilnih aplikacija pomoću Processinga] U akademskoj godini 2014/15. su neki projekti u Processingu instalirani i na mobilne uređaje.
 +
* Instalirajte programe:
 +
** [http://fontforge.org/ FontForge] - uređivanje i konverzija fontova
 +
** [http://calibre-ebook.com/ Calibre] - za rad s e-knjigama
 +
** [https://github.com/Sigil-Ebook/Sigil Sigil] - za uređivanje e-knjiga
 +
** [http://www.gimp.org/ GIMP] - besplatni program za obradu slika (tipa Photoshop)
 +
** [http://www.inkscape.org/en/ Inkscape] - uređivanje crteža u vektorskoj grafici
 +
** [https://www.animatron.com/ Animatron] web aplikacija za izradu animacija. Registrirati se možete Facebook ili Google računom.
 +
** [http://research.microsoft.com/en-us/um/redmond/groups/ivm/ICE/ Image Composite Editor] - sastavljanje panoramske slike iz niza fotografija ili video snimke
 +
** [http://pan0.net/page.php?page=pan0&set_accept=1&perm=1 pan0] pregled panoramske snimke (temeljen na Flashu]
 +
** Pano2VR - ovo nemojmo za sada - mislim da ćemo koristiti jedan drugi program za prikaz panorame
 +
** [http://audacity.sourceforge.net/?lang=hr Audacity] - snimanje i uređivanje zvuka
 +
** [https://handbrake.fr/ Handbrake] - konverzija video i audio zapisa, podržava razne enkodere i formate datoteka
 +
** [http://www.bigbeanbag.net/andysnap/ AndySnap] - za izradu snimke ekrana
 +
** [http://www.irfanview.com/ Irfanview] - moj omiljeni program za pregled i određene zahvate na fotografijama
 +
* U Praktikumu 4 imamo instaliran sustav [http://helpx.adobe.com/creative-suite/kb/cs5-5-product-downloads.html Adobe Creative Suite 5], međutim nemamo licencu za instaliranje ovog sustava na studentska računala, pa ćemo dijelove ovog programa obrađivati na nastavi, a eventualnu pripremu seminara iz ovog dijela ćete raditi u Praktikumu.
-
Patrik Đurđević, 1191194469, patrikd@student.math.hr
+
== Web stranica MO ==
-
Marena Markasović
+
'''Zadatak:''' Pomoću mobitela pregledajte web stranice Matematičkog odsjeka. Zapišite svoja zapažanja: opći dojam, preglednost, prihvatljivost načina prezentiranja informacija i slično. Dolje su neka zapažanja iz akademske godine 2014/15.
 +
Napišite svoj prijedlog za poboljšanje ovih stranica.
-
Nena Kekez, 1191207611
+
'''Zapažanja iz 2014/15'''
-
Nenad Kuren, 1191207557, nkuren@student.math.hr
+
* Prevelika slika koja nije skalabilna.
 +
* Header traka je prevelika (preveliki plavi prostor gore i dolje)
 +
* UML slika stoji ispred sadržaja.
 +
* CSS nije podešen za dane boje i veličinu fonta na malim ekranima (neka slova su prevelika a neka premala i pregusta (na iPod-u se nevidi izbornik u footer-u)).
 +
* Kad se otvori npr. "Katedra za metodiku nastave matematike i računarstva":
 +
** preveliki tekst PMF-Matematički odsjek -- treba cijeli tekst stati u jedan redak
 +
** nepravilan redoslijed: Naslov - Meni - Visual Paradigm - Sadržaj i onda donji dio
 +
* Pod izbornikom "Nastava" sada su samo "Nagrade", a ostatak "Nastave" je dolje (Raspored sati, Kolokviji, Ispiti, Kalendar nastave, Red predavanja)
 +
* Staza u naslovnici (breadcrumbs) se zove "Početna"
 +
* Raspored sati se ne može uopće čitati
 +
* Kod popisa zaposlenika - nepotrebne margine
 +
* "Konferencije" - ne trebaju bulleti
-
Nikola Čaldarević 1191199096
+
=== Obrada zvuka ===
-
Denis Kežman, 1191205893
+
https://www.youtube.com/watch?v=XZvHdNZRWio
-
Mia Mikecin, 1191202503 mia.mikecin@gmail.com
+
== Programi za izradu medijskih sadržaja ==
 +
Ovdje se nalaze popratni materijali korišteni na studentskim seminarima i prezentacijama
-
=== slika 1920 x 1080 - za test prezentacijskih mogućnosti ===
+
* Slika - [http://gss.srce.hr/pithos/rest/igaly.math@pmf.hr/files/Prezentacija+photoshop.rar Photoshop]
 +
* Zvuk - [http://gss.srce.hr/pithos/rest/igaly.math@pmf.hr/files/Audacity.zip Audacity]
 +
* Specijalni efekti - [http://gss.srce.hr/pithos/rest/igaly.math@pmf.hr/files/after+effects.zip After Effects]
 +
* Izrada filma / montaža - [http://gss.srce.hr/pithos/rest/igaly.math@pmf.hr/files/Premiere.zip  Premiere]
-
Josip Šumečki [http://web.studenti.math.unizg.hr/~shumi/multimedija/ Slika i njezin source code]
+
== Seminarski radovi - kompresija podataka ==
 +
* Kompresiju podataka ćemo obraditi na jednom predavanju u obliku četiri studentska seminara - svaki u trajanju 25 minuta - Ukupno 100 minuta.
 +
** Kompresija teksta
 +
** Kompresija statične slike
 +
** Kompresija glazbenih datoteka
 +
** Kompresija videa
 +
Na seminaru treba izložiti temelje na kojima se zasniva kompresija određene vrste podataka (tekst, zvuk, slika, video), prikazati ukratko princip rada jednog ili više algoritama i treba pripremiti nekoliko datoteka na kojima će studenti moći primijeniti opisane algoritme korištenjem jednog ili više programa za kompresiju. Analizirati dobivene rezultate - usporediti veličinu nekomprimirane i komprimirane datoteke.
 +
Predviđeni termin za održavanje seminara je 11. studenoga 2014.
-
Patrik Đurđević [http://www.mediafire.com/?a581u1rxdea78cq 3 profi slike :)]
 
-
Nenad Kuren [http://www.mediafire.com/?a581u1rxdea78cq]
+
== Animacija ==
 +
Nakon nekoliko godina traženja pronašao sam konačno jedan besplatni sustav koji podržava dosta stvari potrebnih za animaciju
 +
a s kojima smo se susreli u programu Adobe After Effects
-
Matej Mihelčić [http://www.mediafire.com/?32lw3f65768ixbp Slike]
+
Sustav se zove [https://www.animatron.com Animatron]
-
Tihomir Lolić [http://www.mediafire.com/?51pfvqntwzurawf Slika]
+
i radi po principu layera, key framea i promjena svojstava ovisno o vremenu
-
Nikola Jerić [http://www.mediafire.com/?flt9991oelt6q1c Slika]
+
Važno je da se gotova animacija može direktno prikazati u HTML5 tj. da ne treba nikakav dodatak tipa Flash Playera ili Silverlighta.
 +
Također, moguć je izvoz u SVG, danas najvažniji format za spremanje vektorske grafike.
-
Ana Ujčić [http://www.mediafire.com/?qxat1b389sq3417 Slika]
+
Sve radi online, dakle nije potrebna instalacija, a besplatna verzija ima sve funkcije potrebne u nastavi.
-
Ante Jukić [http://www.mediafire.com/?8cy5lyhf2eq8caf Slika]
+
Ako napravite nešto u Animatronu, molim da mi pošaljete.
-
Dejan Peretin
+
Ovdje su izloženi neki radovi u Animatronu - [https://www.animatron.com/explore#staff-picks]
-
[http://dl.dropbox.com/u/4540055/tiff/crno.tiff slika]
+
-
[http://dl.dropbox.com/u/4540055/tiff/ed24p_00.zip filmić]
+
-
Ivan Androš [http://web.studenti.math.unizg.hr/~andros/Multimedijski/ Slika]
+
* [http://slides.com/sarasoueidan/animating-svg-with-css-and-smil-full-version#/ Animating SVG with CSS and SMIL] - 3 studenta, 3 školska sata
-
Sanja Cvetković [http://img695.imageshack.us/img695/65/scalingchart1080.jpg Slika]
+
== Za istražiti  ==
-
Maja Rogulja [http://www.planetb.net/~chrispy/8500ub/test_images/NEC_pattern_1.png Slika]
+
[http://www.adobe.com/creativecloud.html Adobe Creative Cloud]
-
Mia Mikecin
+
Uvod: https://www.youtube.com/watch?v=PlLR9ANGsOo&feature=youtu.be&noredirect=1
-
[http://www.mediafire.com/?6x7z66z540o03ah Slika]
+
-
[http://www.mediafire.com/?jzrkkitjj5grdbq Slika]
+
-
Nikola Čaldarević
+
== [[Processing]] ==
-
[http://img707.imageshack.us/img707/5746/duhovi.jpg slika1]
+
-
[http://img179.imageshack.us/img179/1836/kugle1920x1080.jpg slika2]
+
-
Ivan Andrić [http://img139.imageshack.us/img139/7909/crteukrug.jpg Slika]
+
== Završni projektni zadaci ==
 +
Završni projektni zadatak izrađuju grupe od 3 studenta. Izuzetno, grupu mogu sašinjavati 2 odnosno 4 studenta, ako se radi o jednostavnijem ili kompliciranijem zadatku. Svaki zadatak mora imati opis problema kojega obrađuje, popis korištene literature, sav kod i datoteke potrebne za prikaz rezultata rada na projektu. Također, ako projekt zahtijeva određeni hardver, treba specificirati hardver potreban za prezentaciju izrađenog projekta.
-
Maja Novak [http://img179.imageshack.us/img179/4898/slikams.jpg Slika]
+
Opise svojih završnih radova upišite u [https://docs.google.com/document/d/1QHY5B5-ujhZulskfUvtt8aG_rY7GuhNcuhkmleK7hmM/edit?usp=sharing ovaj dokument]
-
Nena Kekez [http://img831.imageshack.us/img831/3696/jezeroq.jpg Slika]
 
-
Petra Podolski [http://img502.imageshack.us/img502/5360/halftone1080p.png slika]
+
=== Ideje za završne radove ===
-
=== Studentski seminari ===
+
Realizacija pametne ploče pomoću štapa za pisanje. Ideja: obojiti običan drveni ili plastični štap određenom bojom. Razraditi dalje....
 +
== Literatura ==
-
{| style="color:#222222; background-color:#ffffcc;" cellpadding="5" cellspacing="0" border="1"
+
* “Getting Started with Processing, by Casey Reas and Ben Fry. Copyright 2010  
-
| Datum
+
Casey Reas and Ben Fry, 978-1-449-37980-3.” http://oreilly.com/catalog/0636920000570
-
| Student(i)
+
* Daniel Shiffman: Learning Processing, Elsevier 2008., www.learningprocessing.com
-
| Naslov seminara
+
-
|-
+
-
|07.10.2010  
+
-
|Sanja Cvetković & Maja Rogulja
+
-
| [https://docs.google.com/document/pub?id=1bljeM_c7WTe7_dTD_4Zb-UReHozfC_TXW3IaFPWV-sg LEDOLAND.doc] [http://ledo.hr/v4/hr/home.html Ledoland link]
+
-
|-
+
-
|30.09.2010
+
-
|Patrik Đurđević & Nenad Kuren
+
-
|[http://www.last.fm/ Last.fm]
+
-
|-
+
-
|07.10.2010
+
-
|Petra Podolski, Dejan Peretin
+
-
|[http://prezi.com Prezi] [http://prezi.com/z5puzepqwvlc/prezi-o-preziju/ prezentacija]
+
-
|-
+
-
|14.10.2010
+
-
|Denis Kežman i Josip Šumečki
+
-
|[http://image-swirl.googlelabs.com/ Google Image Swirl], [https://docs.google.com/fileview?id=0Bx5JIiYxQ3_BMmMzNjViYzAtZjE2ZS00Y2JiLThkMzctZjRmYjFlMjhmNDll&hl=en Prezentacija]
+
-
|-
+
-
|14.10.2010
+
-
|Nikola Jerić i Ivan Andrić
+
-
|[http://www.ted.com/ Ted], [https://docs.google.com/leaf?id=0B9CcNBERbdQbMTFlODRkN2YtZjg1OS00ZDFlLWIzYTAtNmY1MGRjOGFlMWU4&hl=en&authkey=CJGvnsMM Prezentacija]
+
-
|-
+
-
|14.10.2010
+
-
|Nikola Čaldarević
+
-
|[http://www.google.com/tv/ Google TV],[http://www.youtube.com/watch?v=diTpeYoqAhc&feature=player_embedded/ filmić]
+
-
|-
+
-
|30.09.2010
+
-
|Ana Ujčić, Maja Novak
+
-
|[http://web.studenti.math.unizg.hr/~anau/m/ Sve i svašta]
+
-
|-
+
-
|30.09.2010
+
-
|Matej Mihelčić, Tihomir Lolić
+
-
|[http://www.bbc.co.uk/news/ BBC news]
+
-
|-
+
-
|21.10.2010
+
-
|Mia Mikecin
+
-
|[http://www.artcyclopedia.com/ Artcyclopedia], [https://docs.google.com/leaf?id=0ByE8IAQgZdEpYTVjZjhkNTEtNzI5YS00MDMzLWI1N2MtODc3ZGM2MjkwNDRj&hl=en Prezentacija]
+
-
|}
+
-
21.10.2010., Josip Šumečki, Vektorska grafika na primjeru SVG formata slike, [https://docs.google.com/fileview?id=0Bx5JIiYxQ3_BZTAwZDRjYjEtMmFkYS00NjFjLWIwZTQtOGExOWJhNmZjYWFl&hl=en Prezentacija]
+
* http://ketai.googlecode.com/svn/trunk/ketai/reference/overview-summary.html
 +
* http://wiki.processing.org/w/Main_Page
 +
* http://ketai.googlecode.com/svn/trunk/ketai/reference/allclasses-noframe.html
 +
* http://ketai.googlecode.com/svn/trunk/ketai/examples/
 +
Tortoise SVN
 +
* http://shiffman.net/2010/02/08/box2d-and-processing/
 +
* http://natureofcode.com/book/chapter-5-physics-libraries/
 +
* http://natureofcode.com
 +
* http://processing.org/tutorials/
 +
* http://lauratraynorcm3dkit.wordpress.com/2013/03/01/programming-write-up-from-the-script/
 +
* http://www.instructables.com/id/Animatronic-Talking-Christmas-Tree/
 +
* http://voce.sourceforge.net/api/java/classvoce_1_1_speech_interface.html#e4
 +
* [http://demos.jquerymobile.com/1.4.5/intro/ jQuery Mobile]
 +
* [http://www.w3schools.com/jquerymobile/default.asp jQuery Mobile Tutorial - w3schools]
-
18.11.2010. Ivan Androš: OASYS [https://docs.google.com/leaf?id=0Bxpc8HUQbLCBZDA0NzdjYzMtMDc1Ni00MzVjLTlmNWQtY2FjZTI5OWUyMThl&hl=en prezentacija]
+
== Panoramski razgled fakulteta ==
-
2.12.2010., Matej Mihelčić, Tihomir Lolić, Ante Jukić : Vektorska i bitmap grafika [https://docs.google.com/viewer?a=v&pid=explorer&chrome=true&srcid=0B5vALYMF7YDCYjk5YTEyZmUtZjA1Ni00ZDFlLWJhMzItMDc4ODhkMmNhMGFh&hl=en Prezentacija1] [https://docs.google.com/viewer?a=v&pid=explorer&chrome=true&srcid=0B5vALYMF7YDCNGUyYzQ0NWYtOWY2Ny00NjgyLTkwMTctNDQwNjk1ZjcyODEy&hl=en Prezentacija2] [https://docs.google.com/viewer?a=v&pid=explorer&chrome=true&srcid=0B5vALYMF7YDCMjFiNDlkY2QtMzBmMi00MGE3LThmYmItNzQyYzkyYzZjOWY5&hl=en Prezentacija3]
+
=== PT Gui ===
 +
Za slaganje više fotografija u panoramsku snimku: http://www.ptgui.com/order.html
 +
Na prvi pogled ne čini se bolji od Hugina pa se radi toga i činjenice da nije bespatan nećemo previše baviti njime.
-
2.12.2010., Maja Novak, Ana Ujčić, Boja [https://docs.google.com/leaf?id=0B6fRgBNphU4BZTc1OGZlMWEtZGQzNS00Y2NiLWIwZmUtYzgzMTIxY2VlN2U2&hl=en Prezentacija]
+
http://www.ptgui.com/videotutorials.html
-
3.12. 2010 Sanja Cvetković & Maja Rogulja: Animacija [https://docs.google.com/document/d/161Vy8wzKKtWhKaaNs1IiDhe11105TcCbPhRADFyzE7M/edit?hl=en Dokument MS Animacija] [http://prezi.com/u8ct71pmexh0/animacija/ Prezentaciju u Preziju]
+
=== Hugin ===
 +
Za slaganje više fotografija u panoramsku snimku, kao i PT Gui, samo besplatan.
 +
 +
http://hugin.sourceforge.net/
-
3.12.2010., Nenad Kuren, Nena Kekez; XML i multimedija [https://docs.google.com/present/edit?id=0Aa518wuD6TSVZGdmOHo1cXdfNzJkN3Noejhkag&hl=en&pli=1 Prezentacija]
+
=== Pano2VR ===
 +
Za pretvorbu panoramske snimke u interaktivnu panoramu:
-
9.12.2010., Patrik Đurđević, Denis Kežman - Zvuk [https://docs.google.com/viewer?a=v&pid=explorer&chrome=true&srcid=0B3Yg9a4xVEqfNjdkYTFmMjUtMmU2YS00YTk5LTk2ZTUtNzIzMGQyOTgwZGQw&hl=en Prezentacija]
+
Pano2VR converts spherical or cylindrical panoramic images into interactive 360º panoramas.
-
9.12.2010. Petra Podolski, Dejan Peretin : Principi dizajna [https://docs.google.com/leaf?id=0B3aK7uSZwjxAYWQxNTY2MWItNGJkNS00ZjI2LWFmYjYtMDI1NDM4ZGQ2NGVl&hl=en Prezentacija]
+
http://ggnome.com/pano2vr
-
2,3.9.12.2010.  Nikola Čaldarević, Nikola Jerić, Ivan Andrić i Mia Mikecin : video konferencija [https://docs.google.com/leaf?id=0B9CcNBERbdQbZDdiYjc4YmQtZjVlYS00NDk0LWIyY2EtZWY5Y2M3NDgzNTdm&hl=en&authkey=CK740tgO Konferencija MS Word][https://docs.google.com/viewer?a=v&pid=explorer&chrome=true&srcid=0B9CcNBERbdQbYmQ1YzNmZWMtMDBiNS00NDE3LWI3YmEtOGUxY2M3NDJiN2Rl&hl=en Konferencija prezentacija][https://docs.google.com/leaf?id=0B9CcNBERbdQbN2VjMzQwZGUtNWVhNS00MTQ2LThlMWQtMTM2YTJiNGZjZjI3&hl=en&authkey=CKSL5oAJ Prijava domacina][https://docs.google.com/leaf?id=0B9CcNBERbdQbZGY5NjRhYmUtMmFlNi00NDRkLWE4ZGMtNjZhNjMxNTc1NDc0&hl=en&authkey=COToqf4C Prijava gosta]
+
=== microsoft image composite editor ===
 +
http://research.microsoft.com/en-us/um/redmond/groups/ivm/ice/
-
== 2009/10 ==
+
=== pannellum: ===
 +
http://www.mpetroff.net/software/pannellum/
-
=== Popis slušača ===
+
=== pan0: ===
 +
http://pan0.net/page.php?page=pan0&set_accept=1&perm=1
-
Andreja Jerešić - GIMP [http://degiorgi.math.hr/kiwi/images/6/67/Mult_GMP.odt.pdf]
 
-
Goran Ljubej - [http://degiorgi.math.hr/kiwi/images/b/b3/Glj-gimp.pdf GIMP] - [http://degiorgi.math.hr/kiwi/images/8/8c/Glj-lupus-atelier.pdf 2.zadaća (Lupus Atelier)]
+
Ako pronađete još koji program koji slaže (1) panoramsku snimku ili (2) interaktivnu panoramu, molim postavite ovamo.
-
Dino Malpera - GIMP [http://degiorgi.math.hr/kiwi/images/7/71/PortalTesla.pdf]
+
=== Materijali za panoramski razgled fakulteta ===
-
Ilija Pavlic - GIMP [http://degiorgi.math.hr/kiwi/images/6/62/Gimp_-_Ilija_Pavlic.pdf]
+
21.1.2014. snimili smo 3 niza fotografija
-
Antonija Malenica - GIMP [http://degiorgi.math.hr/kiwi/images/e/ec/Gimp-Antonija-Malenica.pdf]
+
# Fotografije snimljene u prizemlju PMF-MO https://www.dropbox.com/s/i7cxl1aemf04g1p/Prizemlje.zip
 +
# Praktikum 4 - sa stativa: https://www.dropbox.com/s/faruombff3xnlz9/Praktikum4%20-%20sa%20stativa.rar
 +
# Praktikum 4 - iz ruke https://www.dropbox.com/s/s3z0v082kaj4zkw/rucno%200%2B1.rar
-
Jurica Levatić - GIMP [http://degiorgi.math.hr/kiwi/images/9/95/Jurica_Levati%C4%87_-_GIMP.doc], Analiza multimedijalne aplikacije [http://degiorgi.math.hr/kiwi/images/e/e3/Analiza_multimedijalne_aplikacije.doc]
+
Nažalost, od 11 do 14 sati padala je kiša, pa nismo mogli snimiti planiranu vanjsku fotografiju.
 +
Negdje ćemo smjestiti datoteku ...
 +
... Koja sadrzi slijedece:
 +
"P1212654 - P1212699" - Hugin projekt,
 +
"drugi.tif" - slika u tiff formatu rezultat hugina,
 +
"drugi_gotovo.tif" - slika nakon obrade u photoshopu,
 +
"drugi_gotovo.jpg" - ista slika kao goru samo u jpg formatu za pan0;
 +
"pan0.swf" - pan0 program za prikaz slike
 +
"usage.txt" - predlozak  za koristenje pan0
 +
"proba.htm" - konacnan primjer stranice sa prikazom panorame.
-
=== Studentski seminari ===
 
-
Bitmap slike (Jurica Levatić i Goran Ljubej) - [http://multimedijskisustavi.googlecode.com/files/Bitmap%20slike.pptm .pptm], [http://multimedijskisustavi.googlecode.com/files/Bitmap%20slike.docx .docx]
+
=== Višestruko dodavanje slika u PowerPoint 2010 prezentaciju ===
-
Prva projektna skupina - Google Wave Robot - [http://degiorgi.math.hr/kiwi/images/0/06/Texmakey.pdf .pdf]
+
http://smallbusiness.chron.com/import-multiple-photos-powerpoint-slides-39998.html
-
Seminare preveliki za upload na kiwi nalaze se [http://code.google.com/p/multimedijskisustavi/ ovdje].
+
== [[Multimedijski sustavi - Arhiv]] ==

Trenutačna izmjena od 06:37, 21. prosinca 2016.

Popis studenata - Molim popunite stupce s korisničkim imenom i adresom e-pošte

Anketa - molim svakako popuniti



Sadržaj


O kolegiju

Kolegij multimedijski sustavi se predaje na 2. godini diplomskog studija računarstva. Kolegij ima 30 sati predavanja i 15 sati vježbi. Predavanja i vježbe drži Goran Igaly

Predavanja i vježbe su četvrtkom od 12 do 15 u Praktikumu 4 (multimedijska učionica). Neka predavanja odnosno vježbe će se održavati u predavaonici 203 (telekonferencijska dvorana).

Voditelj kolegija: Goran Igaly

Literatura:

Uvod

THE INTERNET MUSEUM OF FLEXI/CARDBOARD/ODDITY RECORDS - razglednice koje sviraju

Android Fragmentation Visualized - o različitim veličinama raznih Android uređaja

Tipična MM aplikacija iz nekog doba Možete je peuzeti i pogledati. Pozor! - datoteka je velika 172MB

O mjernim jedinicama

Instaliranje Processinga i drugih programa

  • Instalirajte Processing na računala na kojima ćete učiti i izrađivati zadatke za ovaj kolegij. Postoji verzija za Windows, Linux, Mac OS.
  • Instalirajte i mogućnost generiranja aplikacije za Android uređaje. Ovaj dio treba razraditi i opisati potrebne korake - gdje se nalazi Android SDK i koji su eventualni problemi. Za ovo tražim dobrovoljca - nekoga koga zanima razvoj aplikacija za mobilne uređaje i tko po mogućnosti ima određena iskustva. [Ovdje opisati korake|Razvoj mobilnih aplikacija pomoću Processinga] U akademskoj godini 2014/15. su neki projekti u Processingu instalirani i na mobilne uređaje.
  • Instalirajte programe:
    • FontForge - uređivanje i konverzija fontova
    • Calibre - za rad s e-knjigama
    • Sigil - za uređivanje e-knjiga
    • GIMP - besplatni program za obradu slika (tipa Photoshop)
    • Inkscape - uređivanje crteža u vektorskoj grafici
    • Animatron web aplikacija za izradu animacija. Registrirati se možete Facebook ili Google računom.
    • Image Composite Editor - sastavljanje panoramske slike iz niza fotografija ili video snimke
    • pan0 pregled panoramske snimke (temeljen na Flashu]
    • Pano2VR - ovo nemojmo za sada - mislim da ćemo koristiti jedan drugi program za prikaz panorame
    • Audacity - snimanje i uređivanje zvuka
    • Handbrake - konverzija video i audio zapisa, podržava razne enkodere i formate datoteka
    • AndySnap - za izradu snimke ekrana
    • Irfanview - moj omiljeni program za pregled i određene zahvate na fotografijama
  • U Praktikumu 4 imamo instaliran sustav Adobe Creative Suite 5, međutim nemamo licencu za instaliranje ovog sustava na studentska računala, pa ćemo dijelove ovog programa obrađivati na nastavi, a eventualnu pripremu seminara iz ovog dijela ćete raditi u Praktikumu.

Web stranica MO

Zadatak: Pomoću mobitela pregledajte web stranice Matematičkog odsjeka. Zapišite svoja zapažanja: opći dojam, preglednost, prihvatljivost načina prezentiranja informacija i slično. Dolje su neka zapažanja iz akademske godine 2014/15. Napišite svoj prijedlog za poboljšanje ovih stranica.

Zapažanja iz 2014/15

  • Prevelika slika koja nije skalabilna.
  • Header traka je prevelika (preveliki plavi prostor gore i dolje)
  • UML slika stoji ispred sadržaja.
  • CSS nije podešen za dane boje i veličinu fonta na malim ekranima (neka slova su prevelika a neka premala i pregusta (na iPod-u se nevidi izbornik u footer-u)).
  • Kad se otvori npr. "Katedra za metodiku nastave matematike i računarstva":
    • preveliki tekst PMF-Matematički odsjek -- treba cijeli tekst stati u jedan redak
    • nepravilan redoslijed: Naslov - Meni - Visual Paradigm - Sadržaj i onda donji dio
  • Pod izbornikom "Nastava" sada su samo "Nagrade", a ostatak "Nastave" je dolje (Raspored sati, Kolokviji, Ispiti, Kalendar nastave, Red predavanja)
  • Staza u naslovnici (breadcrumbs) se zove "Početna"
  • Raspored sati se ne može uopće čitati
  • Kod popisa zaposlenika - nepotrebne margine
  • "Konferencije" - ne trebaju bulleti

Obrada zvuka

https://www.youtube.com/watch?v=XZvHdNZRWio

Programi za izradu medijskih sadržaja

Ovdje se nalaze popratni materijali korišteni na studentskim seminarima i prezentacijama

Seminarski radovi - kompresija podataka

  • Kompresiju podataka ćemo obraditi na jednom predavanju u obliku četiri studentska seminara - svaki u trajanju 25 minuta - Ukupno 100 minuta.
    • Kompresija teksta
    • Kompresija statične slike
    • Kompresija glazbenih datoteka
    • Kompresija videa

Na seminaru treba izložiti temelje na kojima se zasniva kompresija određene vrste podataka (tekst, zvuk, slika, video), prikazati ukratko princip rada jednog ili više algoritama i treba pripremiti nekoliko datoteka na kojima će studenti moći primijeniti opisane algoritme korištenjem jednog ili više programa za kompresiju. Analizirati dobivene rezultate - usporediti veličinu nekomprimirane i komprimirane datoteke. Predviđeni termin za održavanje seminara je 11. studenoga 2014.


Animacija

Nakon nekoliko godina traženja pronašao sam konačno jedan besplatni sustav koji podržava dosta stvari potrebnih za animaciju a s kojima smo se susreli u programu Adobe After Effects

Sustav se zove Animatron

i radi po principu layera, key framea i promjena svojstava ovisno o vremenu

Važno je da se gotova animacija može direktno prikazati u HTML5 tj. da ne treba nikakav dodatak tipa Flash Playera ili Silverlighta. Također, moguć je izvoz u SVG, danas najvažniji format za spremanje vektorske grafike.

Sve radi online, dakle nije potrebna instalacija, a besplatna verzija ima sve funkcije potrebne u nastavi.

Ako napravite nešto u Animatronu, molim da mi pošaljete.

Ovdje su izloženi neki radovi u Animatronu - [1]

Za istražiti

Adobe Creative Cloud

Uvod: https://www.youtube.com/watch?v=PlLR9ANGsOo&feature=youtu.be&noredirect=1

Processing

Završni projektni zadaci

Završni projektni zadatak izrađuju grupe od 3 studenta. Izuzetno, grupu mogu sašinjavati 2 odnosno 4 studenta, ako se radi o jednostavnijem ili kompliciranijem zadatku. Svaki zadatak mora imati opis problema kojega obrađuje, popis korištene literature, sav kod i datoteke potrebne za prikaz rezultata rada na projektu. Također, ako projekt zahtijeva određeni hardver, treba specificirati hardver potreban za prezentaciju izrađenog projekta.

Opise svojih završnih radova upišite u ovaj dokument


Ideje za završne radove

Realizacija pametne ploče pomoću štapa za pisanje. Ideja: obojiti običan drveni ili plastični štap određenom bojom. Razraditi dalje....

Literatura

  • “Getting Started with Processing, by Casey Reas and Ben Fry. Copyright 2010

Casey Reas and Ben Fry, 978-1-449-37980-3.” http://oreilly.com/catalog/0636920000570

  • Daniel Shiffman: Learning Processing, Elsevier 2008., www.learningprocessing.com


Tortoise SVN

Panoramski razgled fakulteta

PT Gui

Za slaganje više fotografija u panoramsku snimku: http://www.ptgui.com/order.html Na prvi pogled ne čini se bolji od Hugina pa se radi toga i činjenice da nije bespatan nećemo previše baviti njime.

http://www.ptgui.com/videotutorials.html

Hugin

Za slaganje više fotografija u panoramsku snimku, kao i PT Gui, samo besplatan.

http://hugin.sourceforge.net/

Pano2VR

Za pretvorbu panoramske snimke u interaktivnu panoramu:

Pano2VR converts spherical or cylindrical panoramic images into interactive 360º panoramas.

http://ggnome.com/pano2vr

microsoft image composite editor

http://research.microsoft.com/en-us/um/redmond/groups/ivm/ice/

pannellum:

http://www.mpetroff.net/software/pannellum/

pan0:

http://pan0.net/page.php?page=pan0&set_accept=1&perm=1


Ako pronađete još koji program koji slaže (1) panoramsku snimku ili (2) interaktivnu panoramu, molim postavite ovamo.

Materijali za panoramski razgled fakulteta

21.1.2014. snimili smo 3 niza fotografija

  1. Fotografije snimljene u prizemlju PMF-MO https://www.dropbox.com/s/i7cxl1aemf04g1p/Prizemlje.zip
  2. Praktikum 4 - sa stativa: https://www.dropbox.com/s/faruombff3xnlz9/Praktikum4%20-%20sa%20stativa.rar
  3. Praktikum 4 - iz ruke https://www.dropbox.com/s/s3z0v082kaj4zkw/rucno%200%2B1.rar

Nažalost, od 11 do 14 sati padala je kiša, pa nismo mogli snimiti planiranu vanjsku fotografiju.

Negdje ćemo smjestiti datoteku ... ... Koja sadrzi slijedece: "P1212654 - P1212699" - Hugin projekt, "drugi.tif" - slika u tiff formatu rezultat hugina, "drugi_gotovo.tif" - slika nakon obrade u photoshopu, "drugi_gotovo.jpg" - ista slika kao goru samo u jpg formatu za pan0; "pan0.swf" - pan0 program za prikaz slike "usage.txt" - predlozak za koristenje pan0 "proba.htm" - konacnan primjer stranice sa prikazom panorame.


Višestruko dodavanje slika u PowerPoint 2010 prezentaciju

http://smallbusiness.chron.com/import-multiple-photos-powerpoint-slides-39998.html

Multimedijski sustavi - Arhiv

Dobavljeno iz "http://degiorgi.math.hr/kiwi/index.php/Multimedijski_sustavi"
Osobni alati