Multimedijski sustavi

Izvor: KiWi

(Usporedba među inačicama)
Skoči na: orijentacija, traži
(→Seminarski radovi)
 
(Nisu prikazane 3 međuinačice)
Redak 78: Redak 78:
* Kod popisa zaposlenika - nepotrebne margine
* Kod popisa zaposlenika - nepotrebne margine
* "Konferencije" - ne trebaju bulleti
* "Konferencije" - ne trebaju bulleti
-
 
-
== Tekst kao dio multimedijskih aplikacija ==
 
-
 
-
Transkript: [http://www.youtube.com/watch?v=ji5_MqicxSo Randy Pausch Last Lecture: Achieving Your Childhood Dreams]
 
-
 
-
Titlovi: [http://www.ted.com/talks/aimee_mullins_prosthetic_aesthetics Aimee Mullins: My 12 pairs of legs]
 
-
 
-
Karaoke: [http://www.thekaraokechannel.com/online#search=yesterday&page=search_results&tag=22qg7qyu9iz Yesterday - 30 sekundi]
 
-
 
-
Strip: [http://www.oregonlive.com/comics-kingdom/?feature_id=Hagar_The_Horrible Hogar Strašni]
 
-
 
-
[[Datoteka:Hogar.jpg|300px]]
 
-
 
-
E-knjiga: [http://lektire.skole.hr/epub/lovrak/lovrak_druzbaperekvrzice.epub 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 ===
=== Obrada zvuka ===
Redak 158: Redak 127:
== [[Processing]] ==
== [[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 zadaci ==
Redak 217: Redak 159:
* [http://demos.jquerymobile.com/1.4.5/intro/ jQuery Mobile]
* [http://demos.jquerymobile.com/1.4.5/intro/ jQuery Mobile]
* [http://www.w3schools.com/jquerymobile/default.asp jQuery Mobile Tutorial - w3schools]
* [http://www.w3schools.com/jquerymobile/default.asp jQuery Mobile Tutorial - w3schools]
-
 
-
== 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 ==
== Panoramski razgled fakulteta ==
Redak 282: Redak 216:
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. ==
 
-
 
-
# Alan Kunštek
 
-
# Ivo Matijašević
 
-
# Marko Sikirić
 
== [[Multimedijski sustavi - Arhiv]] ==
== [[Multimedijski sustavi - Arhiv]] ==

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

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

Anketa - molim svakako popuniti



Sadržaj


O kolegiju

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

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

Voditelj kolegija: Goran Igaly

Literatura:

Uvod

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

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

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

O mjernim jedinicama

Instaliranje Processinga i drugih programa

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

Web stranica MO

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

Zapažanja iz 2014/15

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

Obrada zvuka

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

Programi za izradu medijskih sadržaja

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

Seminarski radovi - kompresija podataka

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

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


Animacija

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

Sustav se zove Animatron

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

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

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

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

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

Za istražiti

Adobe Creative Cloud

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

Processing

Završni projektni zadaci

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

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


Ideje za završne radove

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

Literatura

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

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

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


Tortoise SVN

Panoramski razgled fakulteta

PT Gui

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

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

Hugin

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

http://hugin.sourceforge.net/

Pano2VR

Za pretvorbu panoramske snimke u interaktivnu panoramu:

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

http://ggnome.com/pano2vr

microsoft image composite editor

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

pannellum:

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

pan0:

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


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

Materijali za panoramski razgled fakulteta

21.1.2014. snimili smo 3 niza fotografija

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

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

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


Višestruko dodavanje slika u PowerPoint 2010 prezentaciju

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

Multimedijski sustavi - Arhiv

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