Multimedijski sustavi

Izvor: KiWi

Skoči na: orijentacija, traži

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

Osobni alati