Poslovna informatikaPoslovna informatikaGrafika, digidalni mediji i multimedija

20.04.23 Glava 6 1

Ciljevi

• Uporediti više različitih tipova grafičkih programa koje koriste umetnici, fotografi, dizajneri itd.

• Objasniti razliku između:• Softver za crtanje (drawing software), • Softvera za slikanje (painting software), • Softver za obradu slike (image processing software), • Softvera za 3D modelovanje (3-D modeling software)

• Objasniti kako računari menjaju način rada amatera i profesionalaca u oblasti videa, animacije, audija i muzike

• Objasniti šta je kompresija podataka (data compression)

20.04.23 Glava 6 2

Tim Berners-Lee autor Web-a

• Rođen u Londonu 1955• Autor - World Wide Web (WWW)• WWW - Distribuirani hipertekst sistem bez

granica, • Istraživači su počeli povezati svoje radove u

jednu celinu

• Danas je WWW komercializovan – najrasprostranjeniji servis Interneta

• Tim Berbers Lee radi na MIT-u• Rukovodilac je World Wide Web konzorcijuma

(W3C)

20.04.23 Glava 6 3

Multimedija

• Sklop različitih vrsta informacija koje naša čula primaju• sveobuhvatno, lako dostupno, veoma popularno • u svim oblicima komunikacije: u obrazovanju, na

poslu, u nauci, naročito u umetnosti, kao i u ličnoj upotrebi

20.04.23 Glava 6 4

Multimedija

• Elektronski sadržaj je daleko kompleksniji i sadržajniji od papirne forme ili pojedinačno zvuka ili slike, sa daleko lakšim pakovanjem na digitalnim medijima • Internet, CD i DVD, mobilni telefoni, TV

• Multimedija je postala sastavni deo savremenog života

20.04.23 Glava 6 5

Multimedija

• Nastanak reči –“multi” = mnogobrojan (latinski multus) –“media” = “medium” = “intermediary”

(latinski medium = "kanal ili sistem komunikacije, informacija ili zabava")

20.04.23 Glava 6 6

Multimedija

• Na polju informacija –Multimedija znači više posrednika istovremeno

(“multiple intermediaries”) između izvora i odredišta informacije, odnosno višestrukost načina (“multiple means”) na koje se informacija čuva, prenosi, prikazuje ili preuzima.

20.04.23 Glava 6 7

Multimedija

• Multimedija povezuje verbalnu i neverbalnu informaciju

• Uključuje: tekst, grafiku, zvuk i video

• Interakcija sa strukturom povezanih elemenata kroz koje se korisnik može kretati i na koje može delovati, što korisnicima pruža mogućnost izbora, pa se često naziva i hipermedija

20.04.23 Glava 6 8

Multimedija

• Multimedija obuhvata:• Sredstvo, elektronski medijum kojim se prenosi i snima

neki sadržaj, (sredstvo prenosa: projektor, računar, televizija, Internet, mobilni aparat i sl.)

• Format prikaza informacije (način prikaza: tekst, slika, zvuk, video, animacija)

• Npr. u savremenoj umetnosti: koncert je multimedijalni sadržaj u kome pored izvođača učestvuju i razni tehničari koji omogućavaju emitovanje slike uz laserske animacije, svetlosne efekte, snimanje i digitalizaciju događaja…

• Čula koja se koriste za opažanje multimedijalnog sadržaja: vid i sluh

20.04.23 Glava 6 9

Multimedija

• Karakteristike multimedije:• Prikaz se sastoji od jednog ili više elemenata (tekst,

slika, video, animacija, govor, zvuk) • Elementi su kombinovani i usklađeni u vremenu i

prostoru na način na koji ljudski mozak obrađuje informacije, kako bi one bile lako prihvatljive i upečatljive

• Kombinacija različitih medija može pomoći korisniku u procesu usvajanja podataka, jer pruža se mogućnost izbora, oblikovanje vlastitog iskustva

20.04.23 Glava 6 10

Multimedija

• Linearna i nelinearna multimedija:• Linearni aktivni sadržaj teče bez mogućnosti

uticaja posmatrača i mogućnosti upravljanja• na primer filmovi

• Nelinearni sadržaj nudi interaktivnost korisnika sa mogućnošću upravljanja i kretanja kroz aplikaciju

• na primer kompjuterska igra ili digitalna enciklopedija

20.04.23 Glava 6 11

Multimedija

• Multimedijski prikazi mogu biti uživo ili snimljeni – Uživo (live) prezentacije dozvoljavaju interakciju preko

voditelja ili izvođača– Snimljeni sadržaj ima svoj sistem navođenja pomoću

kojeg se kreće kroz materijal, najčešće preko menija

• Multimedijalni sadržaj može se gledati pomoću nekog media playera, uživo na bini, preko projektora ili preko prijemnika emitovanog sadržaja (televizija, radio, računar, mobilni telefon, ...)

20.04.23 Glava 6 12

Multimedija

• Pravila multimedije:– prikazivanje informacija u više formata koji se

upotpunjuju: kako bi sadržaj bio što bliži korisniku i kako kako bi držao pažnju

– Vremenska usklađenost i prostorna povezanost– Koherentnost - elementi treba da su povezani smisaono

razumljivo i usklađeno– Individualnost - svaka poruka je prilagođena korisniku

20.04.23 Glava 6 13

Multimedija

• Zašto multimedija–Povećava se sposobnost čoveka da primi nove

informacije, a time obim, kvalitet i brzina učenja. – Istraživanja pokazuju da se uz pomoć samo

zvučne (audio) stimulacije zapamti oko 20% sadržaja, uz audio-vizuelnu stimulaciju oko 30%, dok uz pomoć interaktivne multimedijske prezentacije procenat dostiže 60%.

20.04.23 Glava 6 14

Tekst

• Najčešći komunikacioni sistem čine reči i simboli • Vitalni elementi multimedijalnih menija, navigatora

i multimedijskih poruka• Tekstovi u multimediji su kratki i jezgroviti

– Čitanje na ekranu je zamorno– Jedna slika govori više od hiljadu reči

• Koristi se raznovrsna organizacija teksta pomoću alata u programu tako da bude zanimljiviji – Upotreba različitih vrsta slova i različitog pisma, boje i

izgleda, zaglavlja, podvlačenjem i isticanjem20.04.23 Glava 6 15

Tekst

• Font: skup znakova iste veličine i stila koji pripada određenom pismu

• Stil: regular, bold, italic–Opciono: podvučeno, precrtano ,

eksponencirano (superscript) i indeksirano (subscript), ...

• Veličina slova: Izražava se u pointima (pt) – 1pt=1/72 inča

20.04.23 Glava 6 16

Tekst

• Serif font – najčešće za štampani oblik

• Sans-serif – najčešće za ekran

20.04.23 Glava 6 17

Serif font

Sans-Serif font

Serif font (serifi obeleženi crveno)

Tekst

• Proporcionalni fontovi–Najčešće se koriste za GUI (word procesori i

web pretraživači )

• Fontovi fiksne širine – monospace–Koriste programeri za kodiranje (ASCII)

20.04.23 Glava 6 18

Tekst

• Osnovni način komunikacije na Internetu takođe je tekst, a osnovni jezik Hypertext Markup Language (HTML)

20.04.23 Glava 6 19

Tekst

• Hipertekst• je tekst koji ne mora da bude linearan, odnosno tekst

koji sadrži veze prema drugim tekstovima

• Hipermedija • Kombinacija teksta, brojeva, grafike, animacije, zvučnih

efekata, muzike i ostalih medija u hiperlinkovanim dokumentima

• Korisno za on-line help fajlove• Omogućava korisniku prelaženje sa jednog na drugi

dokument u okviru celokupnog Interneta20.04.23 Glava 6 20

Tekst

• Hipermedijalni dokumenti mogu biti dezorjentišući, ostavljajući korisnika u nedoumici da je nešto propustio• Dokumenti nemaju uvek linkove koje bi korisnici želeli• Autori ne mogu ugraditi sve moguće linkove u

dokumente• Neki korisnici nisu u stanju da jednostavno prelaze sa

jednog dokumenta na drugi• Nekada postoje izgubljeni linkovi

20.04.23 Glava 6 21

Grafika

• Grafika: statična slika i animacija• Vrste statične slike: crteži, dijagrami, grafikoni,

fotografije• Može trenutno da prenese informaciju• Može da bude hiperveza za drugi tip informacija• Vizuelizacija – važan deo kom. procesa

– naglašavanje pojedinih delova, – ilustrovanje pojmova, – usmeravanje pažnje – podloga za sadržaj

20.04.23 Glava 6 22

Grafika

• Vrste slike:– Bitmapirana (rasterska)

• Fotorealistične slike i složeni crteži • Slika je matrica tačaka (piksel – picture element)• Memorijski je zahtevna• Problemi sa povećanjem slike

– Vektorska• Koristi geometrijske oblike: linije, kvadrati, krugovi, elipse,

poligoni i sl.• Matematička predstava koordinatama i rastojanjima• Vektor – linija opisana pozicijom svojih krajnjih tačaka• Najbolja je za dijagrame i crteže, sa njom se teže radi

20.04.23 Glava 6 23

Grafika

• Bitmapirana (rasterska)–Slika prenesena iz stvarnog sveta

• skenirani materijali, negativi filmova• snimci digitalnom kamerom – foto-aparatom• digitalizovani „okvir” video snimka

–Sintetizovana slika• primenom odgovarajućeg programa• snimak (dela) ekrana• druga grafika pretvorena u bitmap

20.04.23 Glava 6 24

Grafika

• Vektorska grafika–Vektorska grafika označava način "crtanja“

pomoću vektorskih linija koje kreiraju vektorske objekte.

–Svaka vektorska linija sadrži tri podatka:• dužina, smer, boja linije

–U slučaju da vektorske linije kreiraju neki zatvoreni objekat (znači početna točka linije ujedno je i završna točka )

• četvrti podatak je boja ispune

20.04.23 Glava 6 25

Grafika

• Vektorska grafika–Veličina vektora menja se matematički

promenom vrednosti dužine i smera• Kvalitet prikaza grafike se ne menja jer se

automatski promenom veličine u računaru odvijaju matematičke kalkulacije kojima se zadržava isti kvalitet prikaza vektorskog crteža

20.04.23 Glava 6 26

Grafika

• Bitmapa– Bolja kontrola teksture, senčenja

i finih detalja

– Pogodnije su za prikazivanje na ekranu, simulirajući prirodne slikarske podloge, kao i za ulepšavanje fotografija

20.04.23 Glava 6 27

Grafika

• Bitmapa

• Npr: Paint

20.04.23 Glava 6 28

Grafika

• Rezolucija– Broj tačaka (piksela) po inču (gustina)– Dubina piksela – broj raspoloživih boja za piksel– Smanjenje i povećanje rezolucije

• Smanjenje: gube se detalji sa slike• Povećanje: vrši se interpolacija između tačaka

20.04.23 Glava 6 29

Grafika

• Formati za grafiku– Windows bitmaps BMP– Device independent bitmaps – PC Paintbrush – True Visions Targa TGA– Portable Document Format PDF– Graphics Interchange Format GIF– Joint Experts Photography Group JPG, JEPG– Tagged Image File Format TIFF– Apple Macintosh PICT

20.04.23 Glava 6 30

Grafika

• Kompresija – računa se na redudansu–Kompresija bez gubitka podataka (“lossless”)

• Ne gube se informacije• Važno za slike sa tekstom• Npr. WinZip

–Kompresija sa gubitkom podataka (“lossy”)• Kompresijom i dekompresijom se gubi kvalitet slike• Veći stepen kompresije – veći gubitak• Računa se na to da naša čula neće značajnije

registrovati gubitak u kvalitetu 20.04.23 Glava 6 31

Grafika

• Obrada slike na računaru –Npr: Adobe Photoshop

20.04.23 Glava 6 32

Fotografisati Kombinovati sa drugim objektima

Napraviti poruku

Animacija

• Animacija– Omogućava vizuelizaciju kod multimedije

– Tromost oka – omogućava animaciju

– Pokret je iluzija – sastavljen je od mnogo slika

• Kod filmova – menja se 30 slika u minuti• Crtani filmovi – 24 okvira u sekundi (1440/min)• Računarska animacija - 12 do 15 okvira/sekundi

20.04.23 Glava 6 33

Animacija

• Tipovi animacije:–2D

• Linearna animacija, utisak pomeranja objekata

–3D• Modelovanje - iscrtavanje različiih perspektiva

objekta• Senčenje – boja, struktura površine, prozirnost

20.04.23 Glava 6 34

CAD/CAM

• Računarski podržan dizajn (Computer Aided Design - CAD software) :• Omogućava inženjerima, dizajnerima i

arhitektama da kreiraju na ekranu različite proizvode , od računarskih čipova do javnih zgrada

• Omogućava testiranje prototipa proizvoda

• Jeftinija brža i preciznija tehnika od tradicionalne manuelne tehnike dizajna

20.04.23 Glava 6 35

CAD/CAM

• Računarski podržana proizvodnja (Computer-Aided Manufacturing - CAM) je proces u kome se podaci koji se odnose na dizajn proizvoda unose u program za direktno upravljanje proizvodnjom delova tog proizvoda

• Računarski integrisana proizvodnja (Computer-Integrated Manufacturing - CIM) odnosi se na kombinaciju CAD/CAM i predstavlja veliki korak ka potpuno automatizovanim fabrikama

20.04.23 Glava 6 36

Audio

• Govor i muzika – kontinualni signali• Digitalizacija

– diskretizacija u vremenu, – kvantizacija po amplitudi, – kodiranje

• CD audio–sampling rate of 44.1 kHz (44,1000 Hz) i 16-bit

resolution za oba kanala (stereo)

20.04.23 Glava 6 37

Audio

• Muzički CD–muzika: čujni opseg 20Hz - 22KHz–teorema: odabiranje na 44KHz–stereo zvuk: dva posebna kanala–ako se svaki uzorak kvantizuje sa 16 bita po

kanalu, potreban je kapacitet prenosa od32 bita/uzorku x 44000 uzoraka/s = 1.408.000 bita/s

20.04.23 Glava 6 38

Audio

• Popularni digitalni audio formati

20.04.23 Glava 6 39

Format Opis

WAV Standardan format za audio fajlove bez kompresije (za Windows i Mac OS). Kreiraju se veliki fajlovi. Kompresija bez gubitaka. CD kodiran sa WAV zvuči identično originalu.

MP3 Popularni format za prenos muzike preko Interneta. Kompresija je na oko 10% originala. Kompresija sa gubitcima.

WMA Alternativa za MP3 – razvijen od strane Microsoft-a (za Windows). Veći stepen kompresije uz bolji kvalitet sintetizovane muzike (higher fidelity).

Govor

• Digitalna telefonija– govor: većina govornog sadržaja je u opsegu od 4KHz– teorema: odabiranje na 8KHz– ako se svaki uzorak kvantizuje sa 8 bita, kanal za

prenos podataka treba da ima kapacitet8 bita/uzorku x 8.000 uzoraka/s = 64.000 bita/s

– kapacitet modernih ISDN linija

20.04.23 Glava 6 40

Audio

• Programi za reprodukciju– Windows Media Player– RealPlayer

• Programi za obradu zvuka– SoundForge– WaveLab– ...

• Codec-i– PCM– GSM– MPEG Layer 320.04.23 Glava 6 41

Video

• Analogni video– TV standard

• Digitalni video– Proizvod računarske industrije– Umnožava (kopira) se bez gubitka

20.04.23 Glava 6 42

Video

• Video formati:– Audio Video Interleave .AVI, proizveden od Microsoft u

novembru 1992 – QuickTime razvijen je za Apple Computer,često se

koristi na internetu– Advanced Systems Format (Advanced Streaming

Format) Microsoft striming medij– MPEG (Moving Picture Experts Group) – VOB file (DVD-Video Object)– RealMedia (.rm) medija striming plejer RealNetworks-a

20.04.23 Glava 6 43

Multimedija

• Savremene primene multimedijlnog komuniciranja u poslovanju– Najizrazitije na Internetu:– Poslovna komunikacija (e-mail)– Oglašavanje (advertising)– Predstavljanje firmi i proizvoda (presentation)– Elekronska trgovina (e-commerce)– Elektronsko bankarstvo (e-banking)– Telekonferencije (teleconferencing)

20.04.23 Glava 6 44