Multimedijski sustavi

Izvor: KiWi

(Usporedba među inačicama)
Skoči na: orijentacija, traži
(→Seminarski radovi)
(→Seminarski radovi)
 
(Nije prikazano 77 međuinačica)
Redak 1: Redak 1:
 +
[https://docs.google.com/spreadsheets/d/1pNUcX9OY66CPhBnSPwY0mUNY20cpBlSoS1RPD4ddIS8/edit?usp=sharing Popis studenata] - Molim popunite stupce s korisničkim imenom i adresom e-pošte
 +
 +
----
 +
[https://docs.google.com/forms/d/1DmthgvlfWW0wniPkqzGl7-J-wQFk5diFKR2Woyf49zw/viewform Anketa - molim svakako popuniti]
 +
----
 +
 +
 +
__notoc__
__notoc__
 +
 +
__toc__
 +
== O kolegiju ==
== O kolegiju ==
Redak 9: Redak 20:
Voditelj kolegija: Goran Igaly
Voditelj kolegija: Goran Igaly
-
== Web stranica MO ==
+
* [https://www.math.pmf.unizg.hr/hr/multimedijski-sustavi Opis kolegija]
-
* Prevelika slika koja nije skalabilna.
+
* [http://www.pmf.unizg.hr/math/predmet/mulsus Opis kolegija - na novim stranicama za nastavu]
-
* Header traka je prevelika (preveliki plavi prostor gore i dolje)
+
 
-
* UML slika stoji ispred sadržaja.
+
=== Literatura: ===
-
* 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)).
+
* [http://eu.wiley.com/WileyCDA/WileyTitle/productCd-EHEP000948.html Nigel Chapman i Jenny Chapman: Digital Multimedia, John Wiley and Sons, Ltd, 2009.]
-
* 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
+
* [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)]
-
** 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)
+
* [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
-
* 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
+
== Uvod ==
== Uvod ==
[https://www.wfmu.org/MACrec/index.html THE INTERNET MUSEUM OF FLEXI/CARDBOARD/ODDITY RECORDS] - razglednice koje sviraju
[https://www.wfmu.org/MACrec/index.html THE INTERNET MUSEUM OF FLEXI/CARDBOARD/ODDITY RECORDS] - razglednice koje sviraju
-
[https://drive.google.com/file/d/0B3wwuErn6_xGS0cyVHB2REl1ZGM/view?usp=sharing Tipična MM aplikacija iz nekog doba] (neću reći kojega
+
[http://opensignal.com/reports/fragmentation-2013/ Android Fragmentation Visualized] - o različitim veličinama raznih Android uređaja
 +
 
 +
[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
 +
 
 +
[http://www.w3.org/Style/Examples/007/units.en.html O mjernim jedinicama]
-
=== 0. zadatak - Instaliranje Processinga i drugih pomoćnih programa ===
+
== 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 [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
+
* 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:
* Instalirajte programe:
** [http://fontforge.org/ FontForge] - uređivanje i konverzija fontova
** [http://fontforge.org/ FontForge] - uređivanje i konverzija fontova
** [http://calibre-ebook.com/ Calibre] - za rad s e-knjigama
** [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.gimp.org/ GIMP] - besplatni program za obradu slika (tipa Photoshop)
** [http://www.inkscape.org/en/ Inkscape] - uređivanje crteža u vektorskoj grafici
** [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://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]
** [http://pan0.net/page.php?page=pan0&set_accept=1&perm=1 pan0] pregled panoramske snimke (temeljen na Flashu]
Redak 46: Redak 59:
* 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.
* 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.
-
== Tekst kao dio multimedijskih aplikacija ==
+
== Web stranica MO ==
-
Transkript: [http://www.youtube.com/watch?v=ji5_MqicxSo Randy Pausch Last Lecture: Achieving Your Childhood Dreams]
+
'''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.
-
Titlovi: [http://www.ted.com/talks/aimee_mullins_prosthetic_aesthetics Aimee Mullins: My 12 pairs of legs]
+
'''Zapažanja iz 2014/15'''
-
Karaoke: [http://www.thekaraokechannel.com/online#search=yesterday&page=search_results&tag=22qg7qyu9iz Yesterday - 30 sekundi]
+
* 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
-
Strip: [http://www.oregonlive.com/comics-kingdom/?feature_id=Hagar_The_Horrible Hogar Strašni]
+
=== Obrada zvuka ===
-
[[Datoteka:Hogar.jpg|300px]]
+
https://www.youtube.com/watch?v=XZvHdNZRWio
-
E-knjiga: [http://lektire.skole.hr/epub/lovrak/lovrak_druzbaperekvrzice.epub Družba Pere Kvržice]
+
== Programi za izradu medijskih sadržaja ==
 +
Ovdje se nalaze popratni materijali korišteni na studentskim seminarima i prezentacijama
 +
* 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]
-
=== Zadatak ===
+
== Seminarski radovi - kompresija podataka ==
-
Zadatak: Pretvorite neki tekst pisan u Wordu u e-knjigu. Tekst mora imati barem 8000 riječi. Kako ste zadovoljni dobivenim rezultatom. Opišite probleme na koje ste naišli i kako ste ih riješili. Generirajte HTMLZ i RTF oblike datoteke.  
+
* 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.
-
=== Zadatak ===
 
-
Isprobajte naredbu "Edit Book". Na temelju sučelja koje se prikazuje kod postupka "Edit Book" opišite od kojih se dijelova sastoji e-knjiga
 
-
=== Zadatak ===
+
== Animacija ==
-
Pokušajte neku PDF datoteku pretvoriti u e-knjigu. Na koje probleme nailazite
+
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
-
=== Zadatak ===
+
Sustav se zove [https://www.animatron.com Animatron]
-
Pokušajte neku PDF datoteku čitati na mobitelu, tabletu ili čitaču e-knjiga. Kakav je osjećaj kod čitanja. Je li opravdan naziv PDF (Portable Document Format (PDF) is a file format used to present documents in a manner independent of application software, hardware, and operating systems.[2] Each PDF file encapsulates a complete description of a fixed-layout flat document, including the text, fonts, graphics, and other information needed to display it. In 1991, Adobe Systems co-founder John Warnock outlined a system called "Camelot"[3] that evolved into PDF.)
+
-
(PDF je nastao 1993 godine i ne prilagođava se malim formatima ekrana
+
i radi po principu layera, key framea i promjena svojstava ovisno o vremenu
-
=== Obrada zvuka ===
+
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.
-
https://www.youtube.com/watch?v=XZvHdNZRWio
+
Sve radi online, dakle nije potrebna instalacija, a besplatna verzija ima sve funkcije potrebne u nastavi.
-
== Seminarski radovi ==
+
Ako napravite nešto u Animatronu, molim da mi pošaljete.
-
Kompresiju podataka ćemo obraditi na jednom predavanju u obliku četiri studentska seminara - svaki u trajanju 25 minuta - Ukupno 100 minuta.
+
 
-
* Kompresija teksta
+
Ovdje su izloženi neki radovi u Animatronu - [https://www.animatron.com/explore#staff-picks]
-
* 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.
+
-
* [http://slides.com/sarasoueidan/animating-svg-with-css-and-smil-full-version#/ Animating SVG with CSS and SMIL] - 3 studenta, 60 minuta
+
* [http://slides.com/sarasoueidan/animating-svg-with-css-and-smil-full-version#/ Animating SVG with CSS and SMIL] - 3 studenta, 3 školska sata
== Za istražiti  ==
== Za istražiti  ==
Redak 96: Redak 126:
Uvod: https://www.youtube.com/watch?v=PlLR9ANGsOo&feature=youtu.be&noredirect=1
Uvod: https://www.youtube.com/watch?v=PlLR9ANGsOo&feature=youtu.be&noredirect=1
-
== Processing - zadaci za vježbu ==
+
== [[Processing]] ==
-
=== SCENA01 - Scena na kojoj se sve odvija ===
+
== Završni projektni zadaci ==
-
Napravite ekran širine 200 i visine 50 točaka, crne boje, bijele boje, svjetlo sive boje i tamno sive boje.
+
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.
-
=== Scena_02 - priprema slike za rollup ===
+
Opise svojih završnih radova upišite u [https://docs.google.com/document/d/1QHY5B5-ujhZulskfUvtt8aG_rY7GuhNcuhkmleK7hmM/edit?usp=sharing ovaj dokument]
-
Napravite ekran za pohranu slike koja će se tiskati na rollup stalku. Rollup stalak je veličine 200x85 cm, a rezolucija u kojoj je potrebno pripremiti sliku je 150 dpi. 1 inch je približno jednak 2.54 cm
+
-
Dobiveni ekran popunite horizontalnim linijama koje prelaze od potpuno crne (na dnu ekrana) do potpuno bijele (na vrhu ekrana). Spremite dobivenu sliku u datoteku "Rollup.tif". Koliko je velika dobivena datoteka? Sliku otvorite u IrfanView-u i odredite područje u kojemu najbolje vidite razlike u nijansi sive boje. Gdje počinjete primjećivati horizontalne pruge? Kolika je širina tih pruga (iščitajte koordinate u IrfanView-u). Jesu li pruge iste boje po cijeloj širini? Gdje ih prestajete primjećivati? Zabilježite i usporedite svoje rezultate s drugim slušačima  Dobivene rezultate ćemo usporediti. Kako biste pokušali ublažiti ove skokove?
+
-
U IrfanView-u napravite histogram ove slike? Što je histogram? Kako biste ga rastumačili?
 
-
U IrfanView promijenite sliku u crno-bijelu sliku. Spremite u datoteku Rollup2.tif (nekomprimirano). Koliko je velika dobivena datoteka?
+
=== Ideje za završne radove ===
-
Spremite datoteku uz LZW kompresiju. Koliko je velika dobivena datoteka? ____________
+
Realizacija pametne ploče pomoću štapa za pisanje. Ideja: obojiti običan drveni ili plastični štap određenom bojom. Razraditi dalje....
-
 
+
-
Spremite datoteku u TIF formatu uz razne oblike kompresije.
+
-
 
+
-
Spremite datoteku u JPG formatu uz različite kvalitete (100,90,80,70,60,50,40,30,20,10,1) i komentirajte dobivene veličine i kvalitetu.
+
-
 
+
-
=== Zadatak GRAF02 - Crtanje pravokutnika - detaljno ===
+
-
Nacrtati standardni pravokutnik u koordinatnom sustavu nije neki težak zadatak. Međutim korisno je razumjeti kako će točno izgledati standardni pravokutnik kada se nacrta na ekranu koji se sastoji od konačnog broja piksela.
+
-
Nacrtajmo nekoliko pravokutnika i pod povećalom pogledajmo što se dešava. Sve crtamo na ekranu veličine 12x8 piksela
+
-
 
+
-
Zadat ćemo poziciju gornjeg lijevog kuta (x,y) i dimenzije pravokutnika (širina, visina) redom:
+
-
* (2,2) i (4,3)
+
-
* (2,2) i (4.5,3)
+
-
* (2,2) i (4.5,3.5)
+
-
* (2.1,1.7) i (4.5,3.2)
+
-
* (2.1,1.7) i (4.5,3.2) - uz opciju noSmooth();
+
-
 
+
-
=== Zadatak PR01b ===
+
-
Nacrtajte dio parabole koja ima tjeme u točki (320,480), i prolazi točkama (0,0) i (640,0). Koja je jednadžba ove parabole? Veličina ekrana je 640x480 točaka
+
-
 
+
-
=== Maskirana slika - MS01 ===
+
-
Maskirajmo sliku nekim jednostavnim geometrijskim  likom, na primjer mnogokutom. Mnogokut nacrtamo naredbom beginShape, vertex, endShape
+
-
 
+
-
[[File:MS01.zip]]
+
-
 
+
-
<nowiki>
+
-
size(640,480);
+
-
background(255);
+
-
fill(44);
+
-
beginShape();
+
-
vertex(50,20);
+
-
vertex(600,160);
+
-
vertex(190,400);
+
-
endShape(CLOSE);
+
-
saveFrame("izlaz1.jpg");
+
-
 
+
-
PImage sivko = loadImage("Sivko.jpg");
+
-
PImage maska =get();
+
-
 
+
-
size(1280, 480);
+
-
 
+
-
sivko.mask(maska);
+
-
image(sivko, 0, 0);
+
-
 
+
-
maska.filter(INVERT);
+
-
sivko.mask(maska);
+
-
image(sivko, 640, 0);
+
-
saveFrame("izlaz2.jpg");</nowiki>
+
-
 
+
-
=== Pomicanje maskirane slike po ekranu - MS01a ===
+
-
Na temelju prethodnog zadatka, koristeći funkcije setup() i draw(), napišite program koji će pomicati maskiranu sliku po ekranu u skladu s pozicijom miša. Pokazivač miša treba određivati poziciju središta slike koju pomičemo. [[File:MS01.zip]]
+
-
 
+
-
<nowiki>
+
-
PImage sivko;
+
-
PImage maska;
+
-
 
+
-
void setup() {
+
-
  size(640,480);
+
-
  background(255);
+
-
  fill(44);
+
-
  beginShape();
+
-
  vertex(50,20);
+
-
  vertex(600,160);
+
-
  vertex(190,400);
+
-
  endShape(CLOSE);
+
-
  saveFrame("izlaz1.jpg");
+
-
 
+
-
  maska =get();
+
-
  maska.filter(INVERT);
+
-
  sivko = loadImage("Sivko.jpg");
+
-
  sivko.mask(maska);
+
-
  size(1280, 480);
+
-
}
+
-
 
+
-
void draw() {
+
-
  background(0);
+
-
  image(sivko, 0, 0); // ne više ovako
+
-
  image(sivko, mouseX-320, mouseY-240); // već ovako
+
-
}</nowiki>
+
-
 
+
-
=== PR02 - Redoslijed objekata, pomicanje i promjena veličine ===
+
-
Pripremite sliku pozadine, jednog statičnog objekta i jednog objekta koji će se pomicati.
+
-
Napišite program koji će pomicati objekt tako da se nalazi  između pozadine i statičnog objekta. Pritiskom na tipku + objekt se mora povećavati za određeni faktor, a pritiskom na tipku - se mora smanjivati za isti taj faktor (npr. 1.02). Možete li predložiti neko poboljšanje koda? [[File:PR02.zip]]
+
-
 
+
-
<nowiki>
+
-
PImage livada,ruzmarin,miki;
+
-
float omjer,omjer2,visina;
+
-
 
+
-
void setup() {
+
-
  size(1024, 768);
+
-
  visina=200;
+
-
 
+
-
  livada = loadImage("livada.jpg");
+
-
  ruzmarin = loadImage("ruzmarin.png");
+
-
  miki = loadImage("Mickey_Mouse.png");
+
-
  omjer = float(ruzmarin.width)/ruzmarin.height; 
+
-
  omjer2 = float(miki.width)/miki.height; 
+
-
 
+
-
  frameRate(25);
+
-
}
+
-
 
+
-
void draw() {
+
-
  image(livada, 0, 0);
+
-
  image(miki, mouseX-130,mouseY-130,visina*omjer2,visina);
+
-
  image(ruzmarin, 100, 50,600*omjer,600);
+
-
  if (keyPressed) {
+
-
    if (key == '+')  {
+
-
      visina*=1.02;
+
-
    }
+
-
    if (key == '-')  {
+
-
      visina/=1.02;
+
-
    }
+
-
  }
+
-
}
+
-
 
+
-
</nowiki>
+
-
 
+
-
== Generiranje aplikacije za Android pomoću Processinga ==
+
-
 
+
-
[[File:Android%26Processing.pdf]]  Potrebne preradnje - Hvala Silvi Haberl
+
-
 
+
-
[[File:Processing_Eclipse.pdf | Postupak instalacije Processinga u Eclipsu]] - Hvala Silvi Haberl
+
-
 
+
-
=== http://www.openprocessing.org ===
+
-
* share your sketches with others
+
-
* help and collaborate with the community
+
-
* improve and polish your programming skills
+
-
* follow classes around the world teaching processing
+
== Literatura ==
== Literatura ==
Redak 253: Redak 153:
* http://natureofcode.com/book/chapter-5-physics-libraries/
* http://natureofcode.com/book/chapter-5-physics-libraries/
* http://natureofcode.com
* http://natureofcode.com
-
* http://en.wikipedia.org/wiki/Angry_Birds_(video_game)
 
* http://processing.org/tutorials/
* http://processing.org/tutorials/
* http://lauratraynorcm3dkit.wordpress.com/2013/03/01/programming-write-up-from-the-script/
* http://lauratraynorcm3dkit.wordpress.com/2013/03/01/programming-write-up-from-the-script/
* http://www.instructables.com/id/Animatronic-Talking-Christmas-Tree/
* http://www.instructables.com/id/Animatronic-Talking-Christmas-Tree/
-
http://voce.sourceforge.net/api/java/classvoce_1_1_speech_interface.html#e4
+
* http://voce.sourceforge.net/api/java/classvoce_1_1_speech_interface.html#e4
-
 
+
* [http://demos.jquerymobile.com/1.4.5/intro/ jQuery Mobile]
-
== Panopto ==
+
* [http://www.w3schools.com/jquerymobile/default.asp jQuery Mobile Tutorial - w3schools]
-
 
+
-
Video editiranje se radi online
+
-
 
+
-
Dodavanje novog video zapisa u snimku:
+
-
 
+
-
U Editoru: Na kartici Streams "Add a video" (nalazi se na dnu)
+
== Panoramski razgled fakulteta ==
== Panoramski razgled fakulteta ==
Redak 324: Redak 217:
http://smallbusiness.chron.com/import-multiple-photos-powerpoint-slides-39998.html
http://smallbusiness.chron.com/import-multiple-photos-powerpoint-slides-39998.html
-
== Popis slušača akademske godine 2013/14. ==
+
== [[Multimedijski sustavi - Arhiv]] ==
-
 
+
-
# Alan Kunštek
+
-
# Ivo Matijašević
+
-
# Marko Sikirić
+
-
 
+
-
= Ranije godine =
+
-
 
+
-
== Zadaća ==
+
-
 
+
-
Na ovom linku možete pronaći tekst zadaće http://sdrv.ms/XWZYFl (PDF na SkyDrive-u)
+
-
 
+
-
Let the games begin!
+
-
 
+
-
== Studentski seminari ==
+
-
 
+
-
13.12.2012
+
-
* Krešimir Burić (HTML5 i multimedija - [https://dl.dropbox.com/s/7q2wn4nosqhv9hi/HTML5%20i%20MULTIMEDIJA.pptx?dl=1])
+
-
* Anja Fadejev (okvirna tema - kompresija video zapisa)
+
-
* Karolina Volarić (Closed captioning)
+
-
 
+
-
20.12.2012
+
-
* Ivana Kolman
+
-
* Anastasia Kruchinina
+
-
* Nikola Filipović (videokonferencije)
+
-
 
+
-
Link za Adobe Connect:
+
-
 
+
-
http://meet42548924.adobeconnect.com
+
-
 
+
-
 
+
-
Molim studente
+
-
 
+
-
da mi se jave u vezi dogovora za temu (naslov) i termin seminara.
+
-
Planirani datumi održavanja seminara su 13.12.2012 (3 seminara) i 20.12.2012 (3 seminara)
+
-
 
+
-
Neki prijedlozi tema: XML i multimedija, videokonferencije, titlovi, interaktivnost korištenjem Kinect, Wiimote,... )
+
-
 
+
-
== Adobe Creative Suite 5 ==
+
-
 
+
-
=== Photoshop (obrada slike) ===
+
-
04.10.2012. (Josip Grgurica, Miro Antonijević)
+
-
 
+
-
* https://docs.google.com/open?id=0BzM3mMD-Im6lbno1eUV0b2VCLW8
+
-
* https://docs.google.com/open?id=0BzM3mMD-Im6lc3J6N0NVSGYxaW8
+
-
 
+
-
=== Soundbooth (obrada zvuka) ===
+
-
11.10.2012. (Sven Majerić, Petar Paradžik)
+
-
 
+
-
~ pogledati Dropbox folder 'Za sharanje' za uvodnu prezentaciju i video-tutorial (4 predavanja) 8)
+
-
 
+
-
=== After Effects ===
+
-
18.10.2012 (Božidar Ševo, Miloš Trifunović)
+
-
 
+
-
* https://dl.dropbox.com/u/16697048/AdobeAfterEffects.pdf
+
-
 
+
-
Lynda osnovni tutorial (file-ovi koji se koriste nisu uključeni, ali cijeli tutorial s materijalima možete naći na "određenim" stranicama :)) )
+
-
 
+
-
* http://www.lynda.com/After-Effects-CS5-tutorials/essential-training/59957-2.html
+
-
 
+
-
Zanimljivi video materijali i ljudi koji rade zanimljive efekte na Youtube-u:
+
-
 
+
-
* http://www.youtube.com/user/FinalCutKing
+
-
* http://www.youtube.com/user/thevfxbro
+
-
 
+
-
 
+
-
 
+
-
=== Premiere ===
+
-
25.10.2012. (Ivan Gavran, Lovro Rožić)
+
-
 
+
-
== 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 aplikacija]
+
-
 
+
-
 
+
-
 
+
-
== Adobe CS5 ==
+
-
 
+
-
=== Green screen ===
+
-
[https://docs.google.com/open?id=0B3wwuErn6_xGYTdhZWFkMTQtNzY5OC00ZDlmLThhYTItZGMxZGM2NmFlZGFm Primjer za green screen - ulazni materijal]
+
-
[https://docs.google.com/open?id=0B_bA6_vdnY6QNjUwM2E1NDktMTE2Ni00OWNhLWJiNTAtZTAzZmVkOTIzZDNj Ulazni materijal audio] [http://www.mediafire.com/?uo04xa526lb45lt Gaudeamus igitur]
+
-
 
+
-
[https://docs.google.com/open?id=0B_bA6_vdnY6QNmM2Yzk1ZmItYTg4Yi00ODEwLThmYjItNjJiYjEzZDUzY2Yx Uređeni primjer]
+
-
 
+
-
[https://docs.google.com/leaf?id=0B9bw7tRwJrjSZjM5NTQwN2YtYmQ2NC00NjFkLWI3ZTktZjViYWI3MWVlY2Y3&hl=en_US Posjet dvorcu tame]
+
-
 
+
-
[https://docs.google.com/leaf?id=0B04ZlZUa9CfaOGI1Njc0YzEtZjI5NS00NDRlLWI1Y2MtZWU0YzZmMmUxNzc0&hl=en_US Još jedan primjer]
+
-
 
+
-
[https://docs.google.com/leaf?id=0B4UVNbaQXqF0OGU3Mjg5OTctOTlmNy00YTgwLWJkNmItYzgwZTlhY2FlMWEx&hl=en_US I jos jedan]
+
-
 
+
-
[https://docs.google.com/leaf?id=0B7fjZa9ShuYQNzk1MmQ5ZjAtNDM2ZS00ZTI3LWFkMjQtNmI1ZjdlY2U5NGM5&hl=hr Primjer]
+
-
 
+
-
[https://docs.google.com/leaf?id=0Byzf6Lxbp4UOMGZkMDFlMjAtYzI3NC00ZDg3LWI4MTEtZDU0NWFkYTJiODY4&hl=en_US Ari na Karibima]
+
-
 
+
-
[https://docs.google.com/open?id=0B_bA6_vdnY6QMjg0NjYwM2YtMDE5NS00Mjk0LWJjYTctMDQxYzc4NmExYjA5 Piroman]
+
-
 
+
-
=== Adobe After Effects ===
+
-
 
+
-
 
+
-
[https://docs.google.com/leaf?id=0B7fjZa9ShuYQYTU0ODA0MDktMDAyYy00ODQ5LTkyNTItODY5YTI4MzVmODY3&hl=hr Pingu]
+
-
 
+
-
[https://docs.google.com/leaf?id=0B_bA6_vdnY6QMWIwMGEzOWItY2I1My00OTkwLWI1NjYtMGI2ZjVhNmRmMjk5&hl=en_US Piroman Returns]
+
-
 
+
-
[http://www.swfcabin.com/open/1323075340 bla bla bla]
+
-
 
+
-
[https://docs.google.com/leaf?id=0B_yZfWkLLE2qNTBlYzAwZjAtMGE1My00OWY2LWIwMTYtNzJjNzVkNjQwNzU5&hl=en_US Picek]
+
-
 
+
-
[http://db.tt/KvqwMY00 Kompozicija jeden (zagorski)]
+
-
 
+
-
[https://docs.google.com/leaf?id=0B4UVNbaQXqF0YjQ3YjIzNGQtMzM5My00YTYwLWFhNmItMTg4NjYxYWI3ZWE0&hl=en_US Upside-down svemir]
+
-
 
+
-
=== Razvoj aplikacija za Android ===
+
-
 
+
-
Android je operacijski sustav za mobilne uređaje, kao što su smartphone i tablet računala. Razvijen je od strane Open Handset Alliance pod vodstvom Googlea.
+
-
 
+
-
Google je 2005. godine kupio početnog razvijatelja sustava, Android Inc. Otvaranje Android distribucije je najavljeno 5. studenoga 2007. osnivanjem Open Handset Alliance, konzorcija 84 tvrtke iz područja hardvera, softvera i telekomunikacija. Ovaj konzorcij je stvoren s ciljem unapređivanja otvorenih standarda za mobilne uređaje.
+
-
 
+
-
Google je objavio većinu Android kôda pod licencom slobodnog softvera, a Android Open Source Project (AOSP) je zadužen za održavanje i daljnji razvoj operacijskog sustava Android.
+
-
 
+
-
Android se sastoji od jezgre napravljene na temelju jezgre operacijskog sustava Linux, sa softverom srednjeg sloja (middleware), knjižnicama i aplikacijskim programskim sučeljima (API) pisanim u programskom jeziku C, dok aplikacijski softver radi na aplikacijskom okviru koji uključuje Java-kompatibilne knjižnice temeljene na Apache Harmony. Android koristi virtualni stroj Dalvik sa prevođenjem "just-in-time" za izvršavanje prevedenog Java koda. Android ima veliku zajednicu razvijatelja koji pišu aplikacije ("apps") koje proširuju funkcionalnost mobilnih uređaja. Razvijatelji pišu prvenstveno u prilagođenoj verziji programskog jezika Java. Trenutno postoji više stotina tisuća aplikacija za Android. Aplikacije se mogu preuzeti s raznih mrežnih lokacija ili putem mrežnih trgovina, kao što su Android Market, trgovina aplikacija koju vodi Google.
+
-
 
+
-
Android je naveden kao najprodavanija platforma za pametne telefone (smartphone) na svijetu u posljednjem kvartalu 2010. godine (izvor Canalys).
+
-
 
+
-
[http://www.youtube.com/playlist?list=PL2F07DBCDCC01493A Tutoriali za razvoj Android aplikacija]
+
-
 
+
-
[http://developer.android.com/sdk/eclipse-adt.html Android ADT] PLugin for Eclipse
+
-
 
+
-
[http://developer.android.com/sdk/index.html Android SDK]
+
-
 
+
-
=== QR kodovi ===
+
-
 
+
-
[http://www.patrick-wied.at/static/qrgen/ Mrežni čitač QR koda]
+
-
 
+
-
[[Datoteka:image001.jpg|thumbnail|right|alt=QR kod s opisom ineraloško petrografskog odjela HPM-a|Pokušajte pročitti što je zapisano ovim QR kodom]]
+
-
 
+
-
A QR code (abbreviated from Quick Response code) is a type of matrix barcode (or two-dimensional code) first designed for the automotive industry. More recently, the system has become popular outside of the industry due to its fast readability and comparatively large storage capacity. The code consists of black modules arranged in a square pattern on a white background. The information encoded can be made up of any kind of data (e.g., binary, alphanumeric, or Kanji symbols).[1]
+
-
 
+
-
Created by Toyota subsidiary Denso Wave in 1994 to track vehicles during the manufacturing process,[2] the QR code is one of the most popular types of two-dimensional barcodes. It was designed to allow its contents to be decoded at high speed.[3]
+
-
 
+
-
The technology has seen frequent use in Japan; the United Kingdom is the seventh-largest national consumer of QR codes.[4]
+
-
 
+
-
== Razni materijali ==
+
-
 
+
-
[http://www.youtube.com/watch?v=U13xOvDa19U Stayin' Alive In The Wall (Pink Floyd vs Bee Gees Mashup)]
+
-
 
+
-
[http://blog.monogram.sk/janos/tools/monogram-graphstudio/ GraphStudio] http://software.intel.com/en-us/forums/showthread.php?t=82148
+
-
 
+
-
[http://www.dadalos.org/kr/Vorbilder/mlk/zitate.htm Govor Martina Luthera Kinga]
+
-
 
+
-
Prva projektna skupina - Specifikacija [http://degiorgi.math.hr/kiwi/images/e/e5/Multimedijski_sustavi_-_specifikacija.pdf Robot za Google Wave za formule]. Nažalost, Google Wave se ukida
+
-
 
+
-
Prva projektna skupina - XML i multimedija [http://degiorgi.math.hr/kiwi/images/1/19/XML_i_multimedija.ppt]
+
-
 
+
-
[http://www.youtube.com/watch?v=PXu6AKePXkQ Tutorial za Flash] na YouTube
+
-
 
+
-
Kompresija video zapisa - ([[Mediji:Kompresija_video_zapisa_-_Ivo_Doko.pdf]]  seminarski rad, autor Ivo Doko)
+
-
 
+
-
[http://tv.adobe.com/watch/adobe-beginner-classes-with-dennis-radeke/episode-1-intro-to-after-effects-soundbooth-and-adobe-premiere-pro/ Intro to After Effects, Soundbooth asn Adobe Premiere Pro - 25 minuta]
+
-
 
+
-
[http://tv.adobe.com/watch/creative-sweet-tv/premier-pro-cs5-green-screen-ultra-key/ Premier Pro CS5 Green Screen Ultra Key - 8 minuta]
+
-
 
+
-
[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]
+
-
 
+
-
== Audacity ==
+
-
 
+
-
[https://docs.google.com/open?id=0B_bA6_vdnY6QNjE4Y2JmNmQtMGM0NS00MmY3LTk2MDYtZTFiN2U5ZTU5MTI2 Audacity Materijali 1]
+
-
 
+
-
[https://docs.google.com/open?id=0B_bA6_vdnY6QZThjMTI3ODYtYTdhOS00YWEzLWJhMmQtZDYxZTM3M2Q5MGFh Audacity Materijali 2]
+
-
 
+
-
 
+
-
 
+
-
----
+
-
=== 1. predavanje ===
+
-
 
+
-
Promjena medija:
+
-
 
+
-
[http://www.youtube.com/watch?v=yUQRbqc2qtY Medevial helpdesk - engleski]
+
-
 
+
-
 
+
-
Rana animacija
+
-
 
+
-
[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 =
+
-
 
+
-
== Akademska godina 2011/12. ==
+
-
 
+
-
=== Multimedizacija MIneraloško-petrografskog odjela HPM-a ===
+
-
 
+
-
[https://docs.google.com/open?id=0B3wwuErn6_xGNjNhOGFlOTMtYTNlZi00NDc4LWFjM2EtZGIxM2I5OWIyNTYz Obrazac za pisanje sažetka projekta]
+
-
[http://wiki.hpm.hr/wiki/Glavna_stranica Wiki s pričama iz HPM]
+
-
 
+
-
{| style="color:#222222; background-color:#ffffcc;" cellpadding="5" cellspacing="0" border="1"
+
-
| Datum
+
-
| Student(i)
+
-
| Naslov seminara
+
-
| Pisani materijali
+
-
|-
+
-
|26.09.2011
+
-
| Monika Burić, Nina Katić
+
-
|[http://www.thinkgeek.com/ ThinkGeek]
+
-
|[https://docs.google.com/document/d/1zwYkgcBW9yYpFn9OrWE0J_D-eOEJQ3Y3m0G7PxEINh0/edit?hl=en_US/edit ThinkGeek]
+
-
|-
+
-
|26.09.2011
+
-
| Nikolina Dragić, Ivo Ivanišević
+
-
|[http://www.imdb.com/ IMDB]
+
-
|[https://docs.google.com/document/d/18ySSDnjTyIWkAWldM5DgAHd1udhagmQ8eJk9tTR-ri8/edit?hl=en_US IMDB]
+
-
|-
+
-
|03.10.2011
+
-
| Saša Stanko
+
-
|[http://wechoosethemoon.org/ WeChooseTheMoon]
+
-
|-
+
-
|03.10.2011
+
-
| Jakob Werner
+
-
|[http://www.boxee.tv/ Boxee]
+
-
|[https://docs.google.com/open?id=0Byz3vSTC1dJENjEwYjg1ZDAtNDRlMi00YWE3LTkyNDMtMzA5YzYwYWVjNTRh Boxee]
+
-
|-
+
-
|03.10.2011
+
-
| Ari Kajtezovic, Željka Strmečki
+
-
|[http://www.hanson.net HANSON.NET]
+
-
|[https://docs.google.com/viewer?a=v&pid=explorer&chrome=true&srcid=0B4UVNbaQXqF0ZDc3MjViMjAtYjcyNy00OTIyLWI4YzgtOTlhNTIzZDY0OWUy&hl=en_US HANSON.NET]
+
-
|-
+
-
|03.10.2011
+
-
| Hrvoje Peradin
+
-
|[http://www.stumbleupon.com StumbleUpon]
+
-
|[https://docs.google.com/viewer?a=v&pid=explorer&chrome=true&srcid=0B_yZfWkLLE2qYjBmN2VlMGUtNDlmNi00ODRlLTk5NTAtZDM5MjY1M2JhOTRk&hl=en_US StumbleUpon]
+
-
|-
+
-
|10.10.2011
+
-
| Tomislav Glavaš, Dubravko Antunović
+
-
|[http://www.uefa.com UEFA]
+
-
|[https://docs.google.com/document/d/19p8llNh5wCstPHHXj_qjb9b_KjRmvl9tLmedhZ43ND0/edit Uefa.com pisani dokument]
+
-
|-
+
-
|10.10.2011
+
-
| Josipa Nikolić, Marena Maraksović
+
-
|[http://www.agencynet.com/#/home/ AGENCYNET]
+
-
|[https://docs.google.com/viewer?a=v&pid=explorer&chrome=true&srcid=0Bwv_M1Lj4kiYYmYyMzdkOGItYjdlOS00NzY4LTg1YTUtZjg4MDc2YzE4ZDY4&hl=en_US/edit web stranice]
+
-
|-
+
-
|10.10.2011
+
-
| Slađana Trač, Marijana Milišić
+
-
|[http://www.artrea.com.hr  ARTREA]
+
-
|[http://web.studenti.math.hr/~mana/artrea.pdf ARTREA]
+
-
|-
+
-
|10.10.2011
+
-
| Ana-Marija Bilić, Želimira Ivček, Bojan Poturica
+
-
|[http://www.espn.com ESPN]
+
-
|[https://docs.google.com/document/d/15s544dL2EaXyngb87oJA7fX1_VDjnuqTOlcu5cyZfmE/edit?hl=en_US  ESPN]
+
-
|-
+
-
|17.10.2011
+
-
| Saša Buzov, Ena Melvan
+
-
|[http://www.story.hr Story]
+
-
|[https://docs.google.com/document/d/1KKWnwH3oAySi9dAnYrjiOWlIFZ1Z8uhpj2yUN0e5B1w/edit?hl=en_US StoryHr  ]
+
-
|-
+
-
|21.11.2011
+
-
| Nikola Adžaga
+
-
|[http://www.last.fm Last.fm]
+
-
|[https://docs.google.com/document/d/16AV8JUffQ2C5WCsjpFP9NgJkdmqp_aE7MLBOM35vadU/edit Last.fm]
+
-
|-
+
-
|28.11.2011
+
-
| Vesna Milenković
+
-
|[http://www.poklonime.hr PokloniMe]
+
-
|[https://docs.google.com/viewer?a=v&pid=explorer&chrome=true&srcid=0B7fjZa9ShuYQMDAyZjA5YjctMzM1Ny00Mzc3LWE1YmItYzliNTc3MWViNjFm&hl=hr PokloniMe  ]
+
-
|-
+
-
|}
+
-
 
+
-
== Akademska godina 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
+
-
 
+
-
Ante Jukić 1191210325 <math>\begin{array}{c}\mathsf{djuka7}\end{array}</math>@<math>\begin{array}{c}\mathsf{student.math.hr}\end{array}</math>
+
-
 
+
-
Ana Ujčić  1191210234
+
-
 
+
-
Maja Novak  1191210143 novak65@gmail.com
+
-
 
+
-
Josip Šumečki, 1191205888, <math>\begin{array}{c}\mathsf{shumi.1337}\end{array}</math>@<math>\begin{array}{c}\mathsf{gmail.com}\end{array}</math>
+
-
 
+
-
Dejan Peretin, 1191203355, dperetin@gmail.com
+
-
 
+
-
Petra Podolski, 1191206955
+
-
 
+
-
Maja Rogulja, 1191205713, 80maja08@gmail.com
+
-
 
+
-
Sanja Cvetković 1191200103, informerica@gmail.com
+
-
 
+
-
Ivan Androš, 1191202288, ivan.andros@gmail.com
+
-
 
+
-
Ivan Andrić, 0036397756, andric.ivan (na) gmail (tocka) com
+
-
 
+
-
Nikola Jerić, 1191198863
+
-
 
+
-
Patrik Đurđević, 1191194469, patrikd@student.math.hr
+
-
 
+
-
Nena Kekez, 1191207611
+
-
 
+
-
Nenad Kuren, 1191207557, nkuren@student.math.hr
+
-
 
+
-
Nikola Čaldarević 1191199096
+
-
 
+
-
Denis Kežman, 1191205893
+
-
 
+
-
Mia Mikecin, 1191202503 mia.mikecin@gmail.com
+
-
 
+
-
=== slika 1920 x 1080 - za test prezentacijskih mogućnosti ===
+
-
 
+
-
Josip Šumečki [http://web.studenti.math.unizg.hr/~shumi/multimedija/ Slika i njezin source code]
+
-
 
+
-
Patrik Đurđević [http://www.mediafire.com/?a581u1rxdea78cq 3 profi slike :)]
+
-
 
+
-
Nenad Kuren [http://www.mediafire.com/?a581u1rxdea78cq]
+
-
 
+
-
Matej Mihelčić [http://www.mediafire.com/?32lw3f65768ixbp Slike]
+
-
 
+
-
Tihomir Lolić [http://www.mediafire.com/?51pfvqntwzurawf Slika]
+
-
 
+
-
Nikola Jerić [http://www.mediafire.com/?flt9991oelt6q1c Slika]
+
-
 
+
-
Ana Ujčić [http://www.mediafire.com/?qxat1b389sq3417 Slika]
+
-
 
+
-
Ante Jukić [http://www.mediafire.com/?8cy5lyhf2eq8caf Slika]
+
-
 
+
-
Dejan Peretin
+
-
[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]
+
-
 
+
-
Sanja Cvetković [http://img695.imageshack.us/img695/65/scalingchart1080.jpg Slika]
+
-
 
+
-
Maja Rogulja [http://www.planetb.net/~chrispy/8500ub/test_images/NEC_pattern_1.png Slika]
+
-
 
+
-
Mia Mikecin
+
-
[http://www.mediafire.com/?6x7z66z540o03ah Slika]
+
-
[http://www.mediafire.com/?jzrkkitjj5grdbq Slika]
+
-
 
+
-
Nikola Čaldarević
+
-
[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]
+
-
 
+
-
Maja Novak [http://img179.imageshack.us/img179/4898/slikams.jpg Slika]
+
-
 
+
-
Nena Kekez [http://img831.imageshack.us/img831/3696/jezeroq.jpg Slika]
+
-
 
+
-
Petra Podolski [http://img502.imageshack.us/img502/5360/halftone1080p.png slika]
+
-
 
+
-
=== Studentski seminari ===
+
-
 
+
-
 
+
-
{| 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]
+
-
|-
+
-
|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]
+
-
 
+
-
18.11.2010. Ivan Androš: OASYS [https://docs.google.com/leaf?id=0Bxpc8HUQbLCBZDA0NzdjYzMtMDc1Ni00MzVjLTlmNWQtY2FjZTI5OWUyMThl&hl=en prezentacija]
+
-
 
+
-
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]
+
-
 
+
-
2.12.2010., Maja Novak, Ana Ujčić, Boja [https://docs.google.com/leaf?id=0B6fRgBNphU4BZTc1OGZlMWEtZGQzNS00Y2NiLWIwZmUtYzgzMTIxY2VlN2U2&hl=en Prezentacija]
+
-
 
+
-
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]
+
-
 
+
-
3.12.2010., Nenad Kuren, Nena Kekez; XML i multimedija [https://docs.google.com/present/edit?id=0Aa518wuD6TSVZGdmOHo1cXdfNzJkN3Noejhkag&hl=en&pli=1 Prezentacija]
+
-
 
+
-
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]
+
-
 
+
-
9.12.2010. Petra Podolski, Dejan Peretin : Principi dizajna [https://docs.google.com/leaf?id=0B3aK7uSZwjxAYWQxNTY2MWItNGJkNS00ZjI2LWFmYjYtMDI1NDM4ZGQ2NGVl&hl=en Prezentacija]
+
-
 
+
-
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]
+
-
 
+
-
== Akademska godina  2009/10 ==
+
-
 
+
-
=== Popis slušača ===
+
-
 
+
-
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)]
+
-
 
+
-
Dino Malpera - GIMP [http://degiorgi.math.hr/kiwi/images/7/71/PortalTesla.pdf]
+
-
 
+
-
Ilija Pavlic - GIMP [http://degiorgi.math.hr/kiwi/images/6/62/Gimp_-_Ilija_Pavlic.pdf]
+
-
 
+
-
Antonija Malenica - GIMP [http://degiorgi.math.hr/kiwi/images/e/ec/Gimp-Antonija-Malenica.pdf]
+
-
 
+
-
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]
+
-
 
+
-
 
+
-
=== 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]
+
-
 
+
-
Prva projektna skupina - Google Wave Robot - [http://degiorgi.math.hr/kiwi/images/0/06/Texmakey.pdf .pdf]
+
-
 
+
-
Seminare preveliki za upload na kiwi nalaze se [http://code.google.com/p/multimedijskisustavi/ ovdje].
+

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