Multimedijski sustavi

Izvor: KiWi

Inačica od 17:10, 14. listopada 2015. koju je unio/unijela Goranigaly (Razgovor | doprinosi)
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

Tekst kao dio multimedijskih aplikacija

Transkript: Randy Pausch Last Lecture: Achieving Your Childhood Dreams

Titlovi: Aimee Mullins: My 12 pairs of legs

Karaoke: Yesterday - 30 sekundi

Strip: Hogar Strašni

E-knjiga: Družba Pere Kvržice

O matematičkom tekstu u e-knjigama - MathML i njegova (ne)podržanost u e-knjigama - matt.garrish.ca/2014/01/mathml-support-in-epub/


Zadatak

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.

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

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

Seminarski radovi

Na stranici [2] 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.

  1. Najbolji virtualni muzeji danas - Ivan Puntarić
  2. Prezi prezentacije - tehnologija i korištenje - Nikolina Ivezić
  3. Interaktivna ploča pomoću Wii kontrolera - Juraj Šutalo
  4. Material Design - Silva Haberl
  5. Interakcija mjerenjem akceleracije i magnetskog polja kod mobitela - Leonora Gašpar

15.1.2015.

  1. Matematički tekst u e-knjizi - problemi i izazovi - Violeta Atanasov
  2. Computable Document Format - najave i stvarnost - Andrea Perčinlić
  3. Kako napraviti vlastiti font i koristiti ga u Processingu - Ana Klobučar
  4. Titlovanje - Andrea Grozdek
  5. Prepoznavanje objekata na slikama - Dino Franić

22.1.2015.

  1. SVG - mogućnosti i trenutno stanje - Gea Janković
  2. Multimedijske mogućnosti jezika HTML5 - Dario Jurić
  3. Medijski upit (media query) kao dio CSS3 specifikacije - Adrian Satja Kurdija
  4. Prilagodljivi dizajn - prikaz dobre prakse - Vanja Vuković
  5. 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.

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

Panopto

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

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

Popis slušača akademske godine 2013/14.

  1. Alan Kunštek
  2. Ivo Matijašević
  3. Marko Sikirić
Osobni alati