Multimedijski sustavi

Izvor: KiWi

(Usporedba među inačicama)
Skoči na: orijentacija, traži
(→Interakcija klijenta i poslužitelja - KLIP_01)
(→Seminarski radovi)
 
(Nije prikazano 38 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 11: Redak 22:
* [https://www.math.pmf.unizg.hr/hr/multimedijski-sustavi Opis kolegija]
* [https://www.math.pmf.unizg.hr/hr/multimedijski-sustavi Opis kolegija]
-
== Web stranica MO ==
+
* [http://www.pmf.unizg.hr/math/predmet/mulsus Opis kolegija - na novim stranicama za nastavu]
-
* Prevelika slika koja nije skalabilna.
+
=== Literatura: ===
-
* Header traka je prevelika (preveliki plavi prostor gore i dolje)
+
* [http://eu.wiley.com/WileyCDA/WileyTitle/productCd-EHEP000948.html Nigel Chapman i Jenny Chapman: Digital Multimedia, John Wiley and Sons, Ltd, 2009.]
-
* 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)).
+
* [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)]
-
* 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.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
-
** 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
+
== 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
-
=== 0. zadatak - Instaliranje Processinga i drugih pomoćnih programa ===
+
[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]
 +
 
 +
== 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 48: 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)
-
Strip: [http://www.oregonlive.com/comics-kingdom/?feature_id=Hagar_The_Horrible Hogar Strašni]
+
* 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)).
-
[[Datoteka:Hogar.jpg|300px]]
+
* 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
-
E-knjiga: [http://lektire.skole.hr/epub/lovrak/lovrak_druzbaperekvrzice.epub Družba Pere Kvržice]
+
** 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"
-
=== Zadatak ===
+
* Raspored sati se ne može uopće čitati
-
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.
+
* Kod popisa zaposlenika - nepotrebne margine
-
 
+
* "Konferencije" - ne trebaju bulleti
-
=== 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 ===
+
-
Pokušajte neku PDF datoteku pretvoriti u e-knjigu. Na koje probleme nailazite
+
-
 
+
-
=== Zadatak ===
+
-
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
+
=== Obrada zvuka ===
=== Obrada zvuka ===
Redak 98: Redak 100:
Predviđeni termin za održavanje seminara je 11. studenoga 2014.
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
 
-
== Za istražiti  ==
+
== 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
-
[http://www.adobe.com/creativecloud.html Adobe Creative Cloud]
+
Sustav se zove [https://www.animatron.com Animatron]
-
Uvod: https://www.youtube.com/watch?v=PlLR9ANGsOo&feature=youtu.be&noredirect=1
+
i radi po principu layera, key framea i promjena svojstava ovisno o vremenu
-
== Processing - zadaci za vježbu ==
+
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.
-
=== SCENA01 - Scena na kojoj se sve odvija ===
+
Sve radi online, dakle nije potrebna instalacija, a besplatna verzija ima sve funkcije potrebne u nastavi.
-
Napravite ekran širine 200 i visine 50 točaka, crne boje, bijele boje, svjetlo sive boje i tamno sive boje.
+
-
=== Scena_02 - priprema slike za rollup ===
+
Ako napravite nešto u Animatronu, molim da mi pošaljete.
-
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?
+
Ovdje su izloženi neki radovi u Animatronu - [https://www.animatron.com/explore#staff-picks]
-
U IrfanView promijenite sliku u crno-bijelu sliku. Spremite u datoteku Rollup2.tif (nekomprimirano). Koliko je velika dobivena datoteka?
+
* [http://slides.com/sarasoueidan/animating-svg-with-css-and-smil-full-version#/ Animating SVG with CSS and SMIL] - 3 studenta, 3 školska sata
-
Spremite datoteku uz LZW kompresiju. Koliko je velika dobivena datoteka? ____________
+
== Za istražiti  ==
-
Spremite datoteku u TIF formatu uz razne oblike kompresije.  
+
[http://www.adobe.com/creativecloud.html Adobe Creative Cloud]
-
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.
+
Uvod: https://www.youtube.com/watch?v=PlLR9ANGsOo&feature=youtu.be&noredirect=1
-
=== Zadatak GRAF02 - Crtanje pravokutnika - detaljno ===
+
== [[Processing]] ==
-
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:
+
== Završni projektni zadaci ==
-
* (2,2) i (4,3)
+
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.
-
* (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 ===
+
Opise svojih završnih radova upišite u [https://docs.google.com/document/d/1QHY5B5-ujhZulskfUvtt8aG_rY7GuhNcuhkmleK7hmM/edit?usp=sharing ovaj dokument]
-
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>
 
-
 
-
=== Zadatak VEKT02 - Figure pentomina  - transformacije koordinatnog sustava ===
 
-
 
-
Nacrtajte neku od 12 figura pentomina. Figure predstavljaju stilizirana slova I, L, P, V, X, F, Y, U  Z, W,T, N
 
-
Prvo nacrtajte koordinatnu mrežu 8x8 svijetlom bojom, a onda na njoj figuru pentomina. Dimenzije ekrana neka budu 800x800, a dimenzija jednog polja pentomina neka bude 100x100. Probajte ovo napraviti nekim programom za crtanje i vjerojatno ćete se dosta namučiti. [[File:vekt02.zip]]
 
-
 
-
<nowiki>
 
-
void setup() {
 
-
  size(640,640);
 
-
  background(188);
 
-
  stroke(111);
 
-
  for (int i=0;i<640;i+=80) {
 
-
    line(0,i,640,i);
 
-
    line(i,0,i,640);
 
-
  }
 
-
 
 
-
  stroke(22); fill(222);
 
-
  slovoP(); saveFrame("slika1.png");
 
-
 
 
-
  rotate(-PI/6);
 
-
  line(0,0,0,640);
 
-
  slovoP(); saveFrame("slika2.png");
 
-
 
 
-
  rotate(PI/6); translate(160,80);
 
-
  slovoP(); saveFrame("slika3.png");
 
-
 
 
-
  translate(-160,-80);
 
-
  scale(0.5);
 
-
  slovoP(); saveFrame("slika4.png");
 
-
}
 
-
 
-
void slovoP() {
 
-
  beginShape();
 
-
  vertex(80, 80);
 
-
  vertex(80, 320);
 
-
  vertex(160, 320);
 
-
  vertex(160, 240);
 
-
  vertex(240, 240);
 
-
  vertex(240, 80);
 
-
  endShape(CLOSE);
 
-
}
 
-
</nowiki>
 
-
 
-
=== Zadatak A3D_01 - Treća dimenzija ===
 
-
 
-
Nacrtajte isto slovo iz pentomina ali mu dodajte treću dimenziju - tj. napravite visinu slova 100
 
-
Uputa: koristite ''renderer'' (kako bi se to hrvatski reklo?) OPENGL kako biste mogli dobiti sjene
 
-
Crtanje slova napišite kao funkciju i stavite u posebnu datoteku. [[File:A3D_01.zip]]
 
-
 
-
'''Datoteka A3D_01.pde'''
 
-
 
-
<nowiki>
 
-
void setup() {
 
-
  size(1200,700,OPENGL);
 
-
  frameRate(60);
 
-
  camera(1000, 1000, 1000, 300, 300, 50,
 
-
      0.0, 1.0, 0.0);
 
-
}
 
-
 
-
void draw() {
 
-
  lights();
 
-
  translate(mouseX,mouseY/8);
 
-
  println(1);
 
-
  printMatrix();
 
-
  background(222);
 
-
  stroke(155);
 
-
  rotateX(PI/3);
 
-
  rotateY(PI*(float(mouseY)/600));
 
-
  //printMatrix();
 
-
  scale(0.5);
 
-
  //printMatrix();
 
-
 
-
  for (int i=-2000;i<2000;i+=100) {
 
-
    line(-2000,i,0,2000,i,0);
 
-
    line(i,-2000,i,2000);
 
-
  }
 
-
 
-
  fill(244,88,88);
 
-
  slovoP();
 
-
  translate (300,400);
 
-
 
 
-
  fill(244,244,88);
 
-
  slovoP();
 
-
  translate (800,800);
 
-
  rotateZ(PI);
 
-
  fill(88,88,244);
 
-
  slovoP();
 
-
  //println(mouseX,mouseY);
 
-
}
 
-
</nowiki>
 
-
 
-
'''Datoteka slovoP.pde'''
 
-
 
-
<nowiki>
 
-
void slovoP() {
 
-
  beginShape();
 
-
  vertex(100, 100,100);
 
-
  vertex(100, 400,100);
 
-
  vertex(200, 400,100);
 
-
  vertex(200, 300,100);
 
-
  vertex(300, 300,100);
 
-
  vertex(300, 100,100);
 
-
  endShape(CLOSE);
 
-
 
 
-
  //fill(244,88,88);
 
-
  ploha(100,100,0,100,400,100);
 
-
  ploha(100,400,0,200,400,100);
 
-
  ploha(200,400,0,200,300,100);
 
-
  ploha(200,300,0,300,300,100);
 
-
  ploha(300,300,0,300,100,100);
 
-
  ploha(300,100,0,100,100,100);
 
-
}
 
-
 
-
void ploha(float x1, float y1, float z1, float x2, float y2, float z2) {
 
-
  beginShape();
 
-
  vertex(x1, y1, z1);
 
-
  vertex(x2, y2, z1);
 
-
  vertex(x2, y2, z2);
 
-
  vertex(x1, y1, z2);
 
-
  endShape(CLOSE);
 
-
}
 
-
</nowiki>
 
-
 
-
 
-
=== Zadatak Koord_00 - Crtanje uz afine transformacije ===
 
-
 
-
Napišite program kojim ćete ispitati djelovanje afinih transformacija na crtanje u Processingu. Nacrtajte neki jednostavni geometrijski oblik, napišite neki tekst ili prikažite neku sliku. O afinim transformacijama ravnine možete pročitati u [http://e.math.hr/afine/index.html časopisu math.e]
 
-
 
-
Za razliku od linearnog operatora u ravnini, koji se zapisuje kvadratnom matricom reda 2, za zapis afine transformacije potreban je dodatni stupac u kojemu se zapisuje translacija.
 
-
 
-
Isprobat ćemo funkcije:
 
-
rotate(), translate(), scale(), shearX(), shearY()
 
-
resetMatrix(), printMatrix()
 
-
[[File:KOORD_00.zip]]
 
-
 
-
<nowiki>
 
-
PrintWriter txtdatoteka;
 
-
PMatrix matrica;
 
-
int i;
 
-
 
-
void draw() {
 
-
}
 
-
 
-
void setup() {
 
-
  size (640,480);
 
-
  txtdatoteka = createWriter("izlaz/matrice.txt");  // Kreira novu txt datoteku u  mapi "izlaz"
 
-
  i=0;
 
-
  stroke(0); fill(0); textSize(22);
 
-
  text("Tipke + i - za sljedeću i prethodnu transformaciju",30,80);
 
-
  text("Tipka . za kraj",30,180);
 
-
}
 
-
 
-
void crtaj(int i) {
 
-
  background(128);
 
-
 
-
  stroke(255,127,127);line(-1000,0,1000,0);  // koordinatne osi
 
-
  stroke(255,0,0);line(-1000,200,1000,200); 
 
-
  stroke(127,127,255);line(0,-1000,0,1000);
 
-
  stroke(0,0,255);line(200,-1000,200,1000);
 
-
 
 
-
  stroke(0);
 
-
  rect(10,10,45,30);                          // jednostavni geometrijeki lik
 
-
  textSize(32);
 
-
  text("Dobar dan",100,50);                  // tekst
 
-
  saveFrame("izlaz/slika" + i + ".png");
 
-
  txtdatoteka.println("Matrica " + i +": ");
 
-
  ispisiTransformacijskuMatricuUDatoteku(txtdatoteka);
 
-
  println("Matrica " + i + ":");
 
-
  printMatrix();
 
-
  resetMatrix();
 
-
}
 
-
 
-
 
-
void ispisiTransformacijskuMatricuUDatoteku(PrintWriter pw) {
 
-
  float[] polje6 = new float[6];
 
-
  int i,j, indeks;
 
-
  matrica = getMatrix();
 
-
  matrica.get(polje6);
 
-
  for (i=0;i<=1;++i) {
 
-
    for (j=0;j<=2;++j) {
 
-
      indeks = 3*i+j;
 
-
      pw.print(indeks + ": " + polje6[3*i+j] + "    ");
 
-
    }
 
-
    pw.println();
 
-
  }
 
-
}
 
-
 
-
 
-
void keyTyped() {
 
-
  if (key == '+') {
 
-
    ++i; if (i==14) i=1;
 
-
  } else {
 
-
    --i; if (i==0) i=11;
 
-
  }
 
-
  if (key == '.') {
 
-
      txtdatoteka.flush(); // Ispisujemo preostali tekst u datoteku i ...
 
-
      txtdatoteka.close();      // ... zatvaramo datoteku
 
-
      exit(); 
 
-
  }
 
-
 
 
-
  switch(i) {
 
-
    case 1:
 
-
      crtaj(1); break;
 
-
    case 2:
 
-
      scale(2); crtaj(2); break;
 
-
    case 3:
 
-
      rotate(PI/6); crtaj(3);  break;
 
-
    case 4:
 
-
      translate(100,0); crtaj(4); break;
 
-
    case 5:
 
-
      translate(0,50); crtaj(5); break;
 
-
    case 6:
 
-
      translate(80,40); crtaj(6);  break;
 
-
    case 7:
 
-
      shearX(PI/6); crtaj(7); break;
 
-
    case 8:
 
-
      shearY(PI/6); crtaj(8); break;
 
-
    case 9:
 
-
      applyMatrix(1,0,0,1,-1,100); crtaj(9); break;
 
-
    case 10:
 
-
      translate(125,0); crtaj(10); break;
 
-
    case 11:
 
-
      scale(-1.5);
 
-
      translate(-220,-220); crtaj(11); break;
 
-
    case 12:
 
-
      scale(-1);
 
-
      translate(-220,-220); crtaj(12); break;
 
-
    case 13:
 
-
      applyMatrix(-1,0,400,0,1,100); crtaj(13); break;
 
-
    }
 
-
}
 
-
</nowiki>
 
-
 
-
=== Zadatak VIDEO_00 - Učitavanje i prikaz video snimke ===
 
-
U Processingu se može jednostavno prikazivati video. Potrebno je samo uključiti biblioteku za rad s videom. Za vrijeme prikazivanja videa U Processingu dobivamo pojedine slike i možemo ih prikazivati na isti način kao i statične slike. [http://gss.srce.hr/pithos/rest/igaly.math@pmf.hr/files/VIDEO_00.zip VIDEO_00.zip]
 
-
 
-
<nowiki>
 
-
import processing.video.*;
 
-
 
-
Movie film;
 
-
 
-
void setup() {
 
-
  size(960,720);
 
-
  film = new Movie(this, "Kongres.mp4");
 
-
  film.loop();
 
-
}
 
-
 
-
void draw() {
 
-
  image(film,0,0);
 
-
}
 
-
 
-
// Ova funkcija se poziva svaki puta
 
-
// kad je u videu dostupna nova slika za čitanje
 
-
void movieEvent(Movie m) {
 
-
  m.read();
 
-
}
 
-
</nowiki>
 
-
 
-
=== Zadatak Analiza_pokreta ===
 
-
Pronađimo na video zapisu mjesta na kojima se susjedne sličice razlikuju.
 
-
 
-
[http://gss.srce.hr/pithos/rest/igaly.math@pmf.hr/files/Analiza_pokreta.zip Analilza_pokreta.zip]
 
-
 
-
=== Interakcija klijenta i poslužitelja - KLIP_01===
 
-
Napravite dva programa: Klijent i Poslužitelj. Klijentski program šalje poslužitelju x-poziciju miša, a poslužitelj vraća klijentu informaciju je li x-pozicija miša veća od 200. Također, poslužitelj crta krug koji vizualno označava x-poziciju miša klijenta. Dimenzije poslužitlejskog prozora neka su  800x120, a klijentskog prozora neka su 400x200. Napravite izvršni klijentski program i pokrenite ga više puta. Koju je modifikaciju potrebno napraviti pa da poslužitelj može pokretati tri kruga, ovisno o tome od kojeg klijenta dolazi zahtjev. Napravite program koji može opsluživati 8 klijenata i pomicati istovremeno 8 krugova po ekranu.
 
-
 
-
'''Poslužiteljski dio - [[File:KLIP_01P.zip|KLIP_01P]]'''
 
-
<nowiki>
 
-
import processing.net.*;
 
-
 
-
String zahtjev;
 
-
int port = 10002;
 
-
Server myServer;
 
-
long brojObradjenihZahtjeva;
 
-
 
-
void setup() {
 
-
  size(800, 120);
 
-
  myServer = new Server(this, port); // Pokreće poslužitelj na portu 10002
 
-
  brojObradjenihZahtjeva = 0;
 
-
  println("Poslužitelj:" + "Poslužitelj je na adresi: " + myServer.ip());
 
-
}
 
-
 
-
void draw() {
 
-
    Client thisClient = myServer.available();
 
-
    if (thisClient !=null)  {
 
-
      zahtjev = thisClient.readString();
 
-
      println("Poslužitelj: " + "Od klijenta sam primio: " + zahtjev);
 
-
      float f = float(zahtjev);
 
-
      background(0); fill(128); ellipse(f*2,40,60,70);
 
-
      if (f<100) {
 
-
        thisClient.write("x-pozicija miša je manja od 100\n");
 
-
      } else {
 
-
        thisClient.write("x-pozicija miša nije manja od 100\n");
 
-
      }
 
-
      println("Poslužitelj: "+ "Broj obrađenih zahtjeva = " + (++brojObradjenihZahtjeva) );
 
-
    }
 
-
}
 
-
</nowiki>
 
-
 
-
'''Klijentski dio - [[File:KLIP_01K.zip|KLIP_01K]]'''
 
-
<nowiki>import processing.net.*;
 
-
Client myClient;
 
-
String odgovor;
 
-
 
-
void setup() {
 
-
  size(400,200);
 
-
  myClient = new Client(this, "127.0.0.1", 10002);
 
-
}
 
-
 
-
void draw() {
 
-
  if (mouseX != pmouseX) {
 
-
    myClient.write("" + mouseX);  // javljamo poslužitelju
 
-
    if (myClient.available() > 0) {
 
-
      background(88);
 
-
      odgovor = myClient.readString();
 
-
      text(odgovor,1,20);
 
-
      println("Klijent:" + odgovor);
 
-
    }
 
-
  }
 
-
}</nowiki>
 
-
 
-
Na ovaj način, komunikacijom s drugim računalima odnosno uređajima, možemo ostvariti bogatu interakciju. Navedite neke primjere moguće interakcije korištenjem ovakve mogućnosti. dakle, imamo bilo koji uređaj koji može s našim računalom (mobilnim telefonom, tabletom) komunicirati putem bežične mreže ili bluetootha i prenositi informacije). Ideja je s relativno malom količinom informacija upravljati drugim računalom
 
-
 
-
=== KAM_01 - položaj kamere u 3D prikazu ===
 
-
Na ekranu veličine 1024x768 nacrtajte jednostavnu sliku i prikažite je kao 3D prikaz. Kameru postavite na visinu 800 i tipkovnicom pomičite kameru.
 
-
Pretpostavljena udaljenost kamere od x-y ravnine je takva da s visinom ekrana čini pravokutni trokut. Kamera se nalazi točno iznad sredine ekrana. Bitan je i smjer u kojem je uperena kamera. Pretpostavljeni smjer je takav da kamera gleda u središte dijela ravnine pokrivenog ekranom - dakle, u točku (width/2,height/2,0). Treći parametar je rotacija kamere. Udaljavanjem kamere se slika smanjuje.
 
-
 
-
U priloženom zadatku je nacrtan i plašt valjka (odnosno jedna njegova aproksimacija). Proučite kod kojim je to napravljeno.
 
-
 
-
Dodajte na scenu još neku sliku - po mogućnosti vlastitu, snimljenu mobitelom za vrijeme nastave.
 
-
 
-
[[Mediji:KAM_01.zip|KAM_01.zip]]
 
-
 
-
Modificirajte programski kod tako da umjesto statične slike prikazujete sliku s videa. Možete koristiti video zapis iz zadatka Video_00
 
-
 
-
=== Zadatak A3D_02 - domaća zadaća ===
 
-
Parametrizirajte funkciju na način da se može kontrolirati veličina jedne ćelije, visina i boja slova. Veličina ćelije neka bude tipa float, a boja neka se zada heksadecimalno (kao u HTMLu). Kako biste napravili univerzalnu funkciju koja zna crtati sva slova i na koji način biste opisali slova (kojim tipom podataka) [[File:A3D_02.zip]]
 
-
 
-
U datoteku [https://drive.google.com/open?id=1yctJNpKa4z-q9eOURQMtG1E4uRmdHa4iMM7RcUSAGkg&authuser=0 DZ1] opišite dvije nadogradnje postojećeg programa i priložite programski kod (u zip formatu) u kojemu su realizirane te nadogradnje.
 
-
 
-
Svoje rješenje (zipano) stavite u mapu [https://drive.google.com/folderview?id=0B3wwuErn6_xGNzdhbGZKb1VidDA&usp=sharing Mapa-DZ1]
 
-
 
-
=== Domaća zadaća ===
 
-
 
-
Proučite http://en.wikipedia.org/wiki/Seam_carving i napravite program koji danu sliku sužuje za jedan piksel po određenom kriteriju optimalnosti i to ponavlja zadani broj puta. Sužavanje za jedan piksel napišite kao funkciju i tu funkciju pozovite potreban broj puta. Rezultat svakog sužavanja spremite u datoteku. Opišite koji ste algoritam koristili. Svoje rješenje (Opis postupka, program i barem 2 testne slike s rezultatima) pošaljite na goran.igaly@gmail.com najkasnije do 2.12.2014.
 
-
 
-
Jednu implementaciju ovog algoritma možete vidjeti [http://liquidrescale.wikidot.com u GIMP-u]
 
-
 
-
== 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
 
-
 
-
=== Seminarski radovi ===
 
-
 
-
Na stranici [http://dama.math.hr/moodle/] odaberite poveznicu "Multimedijski sustavi" i prijavite se za kolegij Multimedijski sustavi kao gost. Lozinka je mms.
 
-
 
-
Predviđeni raspored seminara je (izlaganje svakog seminarskog rada traje točno 15 minuta):
 
-
 
-
==== 8.1.2015. ====
 
-
# Najbolji virtualni muzeji danas - Ivan Puntarić
 
-
# Prezi prezentacije - tehnologija i korištenje - Nikolina Ivezić
 
-
# Interaktivna ploča pomoću Wii kontrolera - Juraj Šutalo
 
-
# Material Design - Silva Haberl
 
-
# Interakcija mjerenjem akceleracije i magnetskog polja kod mobitela - Leonora Gašpar
 
-
 
-
==== 15.1.2015. ====
 
-
# Matematički tekst u e-knjizi - problemi i izazovi - Violeta Atanasov
 
-
# Computable Document Format - najave i stvarnost - Andrea Perčinlić
 
-
# Kako napraviti vlastiti font i koristiti ga u Processingu - Ana Klobučar
 
-
# Titlovanje - Andrea Grozdek
 
-
# Prepoznavanje objekata na slikama - Dino Franić
 
-
 
-
==== 22.1.2015. ====
 
-
# SVG - mogućnosti i trenutno stanje - Gea Janković
 
-
# Multimedijske mogućnosti jezika HTML5 - Dario Jurić
 
-
# Medijski upit (media query) kao dio CSS3 specifikacije - Adrian Satja Kurdija
 
-
# Prilagodljivi dizajn - prikaz dobre prakse - Vanja Vuković
 
-
# Processing.js - Anamarija Horvat
 
-
 
-
== 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.
 
=== Ideje za završne radove ===
=== Ideje za završne radove ===
Redak 644: 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 715: 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