Izvor: KiWi

Inačica od 12:29, 9. listopada 2014.

Voditelj kolegija: Goran Igaly

Web stranica MO

• 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

Uvod

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

Tipična MM aplikacija iz nekog doba (neću reći kojega

0. zadatak - Instaliranje Processinga i drugih pomoćnih 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
• Instalirajte programe:
  • FontForge - uređivanje i konverzija fontova
  • Calibre - za rad s e-knjigama
  • GIMP - besplatni program za obradu slika (tipa Photoshop)
  • Inkscape - uređivanje crteža u vektorskoj grafici
  • 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.

Za istražiti

Adobe Creative Cloud

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

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

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 utorkom od 11 do 14 u Praktikumu 4 (multimedijska učionica). Neka predavanja odnosno vježbe će se održavati u predavaonici 203 (telekonferencijska dvorana).

Kolegij prethodnik za Multimedijske sustave je kolegij Računalna grafika. Budući da se ovaj kolegij sluša u istom semestru kao i multimedijski sustavi, studenti smjera profesor matematike i informatike ne mogu upisati ovaj kolegij iako im je formalno ponuđen na popisu izbornih kolegija.

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

1. Alan Kunštek
2. Ivo Matijašević
3. 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 - [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 ovu mapu na docs.google.com

Usporedni tablični pregled prikazanih multimedijskih aplikacija

Adobe CS5

Green screen

Primjer za green screen - ulazni materijal Ulazni materijal audio Gaudeamus igitur

Uređeni primjer

Posjet dvorcu tame

Još jedan primjer

I jos jedan

Primjer

Ari na Karibima

Piroman

Adobe After Effects

Pingu

Piroman Returns

bla bla bla

Picek

Kompozicija jeden (zagorski)

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).

Tutoriali za razvoj Android aplikacija

Android ADT PLugin for Eclipse

Android SDK

QR kodovi

Mrežni čitač QR koda

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

Stayin' Alive In The Wall (Pink Floyd vs Bee Gees Mashup)

GraphStudio http://software.intel.com/en-us/forums/showthread.php?t=82148

Govor Martina Luthera Kinga

Prva projektna skupina - Specifikacija Robot za Google Wave za formule. Nažalost, Google Wave se ukida

Prva projektna skupina - XML i multimedija [2]

Tutorial za Flash na YouTube

Kompresija video zapisa - (Mediji:Kompresija_video_zapisa_-_Ivo_Doko.pdf seminarski rad, autor Ivo Doko)

Intro to After Effects, Soundbooth asn Adobe Premiere Pro - 25 minuta

Premier Pro CS5 Green Screen Ultra Key - 8 minuta

Computable Document Format

Zanimljiva diskusija o CDF-u

CDF vs. Dexy -- nije toliko bitno

Medevial helpdesk - engleski Isto to ali nekoliko stotina godina kasnije

Gertie, the Dinosaur

O otvaranju Adobe muzeja

[3]

Johnny Lee

[4]

Audacity

Audacity Materijali 1

Audacity Materijali 2

1. predavanje

Promjena medija:

Medevial helpdesk - engleski

Rana animacija

Gertie, the Dinosaur

Multimedijski centar u Zagrebu, 1976. godine.

Jednostavna interakcija u Flashu

[Veselo društvo - ovo sam jedva našao...]

Myst - slike

Myst - glazba

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 pametna (interaktivna) ploča

Završni projekti

Ovdje se navodno može dobiti 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

Obrazac za pisanje sažetka projekta Wiki s pričama iz HPM

Akademska godina 2010/11

Popis slušača

Tihomir Lolić 1191208603 @

Matej Mihelčić 1191208853 matej_mihelcic (AT) yahoo (.) com

Ante Jukić 1191210325 @

Ana Ujčić 1191210234

Maja Novak 1191210143 novak65@gmail.com

Josip Šumečki, 1191205888, @

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 Slika i njezin source code

Patrik Đurđević 3 profi slike :)

Nenad Kuren [5]

Matej Mihelčić Slike

Tihomir Lolić Slika

Nikola Jerić Slika

Ana Ujčić Slika

Ante Jukić Slika

Dejan Peretin slika filmić

Ivan Androš Slika

Sanja Cvetković Slika

Maja Rogulja Slika

Mia Mikecin Slika Slika

Nikola Čaldarević slika1 slika2

Ivan Andrić Slika

Maja Novak Slika

Nena Kekez Slika

Petra Podolski slika

Studentski seminari

21.10.2010., Josip Šumečki, Vektorska grafika na primjeru SVG formata slike, Prezentacija

18.11.2010. Ivan Androš: OASYS prezentacija

2.12.2010., Matej Mihelčić, Tihomir Lolić, Ante Jukić : Vektorska i bitmap grafika Prezentacija1 Prezentacija2 Prezentacija3

2.12.2010., Maja Novak, Ana Ujčić, Boja Prezentacija

3.12. 2010 Sanja Cvetković & Maja Rogulja: Animacija Dokument MS Animacija Prezentaciju u Preziju

3.12.2010., Nenad Kuren, Nena Kekez; XML i multimedija Prezentacija

9.12.2010., Patrik Đurđević, Denis Kežman - Zvuk Prezentacija

9.12.2010. Petra Podolski, Dejan Peretin : Principi dizajna Prezentacija

2,3.9.12.2010. Nikola Čaldarević, Nikola Jerić, Ivan Andrić i Mia Mikecin : video konferencija Konferencija MS WordKonferencija prezentacijaPrijava domacinaPrijava gosta

Akademska godina 2009/10

Popis slušača

Andreja Jerešić - GIMP [6]

Goran Ljubej - GIMP - 2.zadaća (Lupus Atelier)

Dino Malpera - GIMP [7]

Ilija Pavlic - GIMP [8]

Antonija Malenica - GIMP [9]

Jurica Levatić - GIMP [10], Analiza multimedijalne aplikacije [11]

Studentski seminari

Bitmap slike (Jurica Levatić i Goran Ljubej) - .pptm, .docx

Prva projektna skupina - Google Wave Robot - .pdf

Seminare preveliki za upload na kiwi nalaze se ovdje.