Lect.dr.

Catalin Boja
catalin.boja@ie.ase.ro
www.acs.ase.ro
Structura CURS
Activitate didactica: Curs (14 activitati) +
Laborator (14 activtati)
Modalitate evaluare: Sustinere proiect +
evaluare cunostinte teoretice
Obiectiv: nsuirea elementelor teoretice si
practice care sa permita dezvoltarea de aplicatii
multimedia
Evaluare
Evaluare Proiect
proiectul sesustine inultimele 2saptamani aleSemestrului I;
comisia deevaluare este formata dinprofesorul decurssi
asistentul delaseminar;
proiectul este individual;
Cerinte Proiect
realizarea unei aplicatii multimediaWebinteractiveintrun
mediu WEB MicrosoftExpressionWebsau Adobe
Dreamweaver;
Implementarea principalelor elemente multimedia:sunet,
imagine,video,animatie;
Asigurarea unui nivel ridicat deinteractivitate pentru utilizator;
Continut curs
Conceptul demultimedia
Elemente hardwarei software
Imaginea.
Sunetul.
Videodigital
Sisteme softwarepentru aplicaiile multimedia.Adobe
Flex,AdobeFlash,AdobeDirector,MicrosoftPopFly.
Dezvoltarea aplicatiilor multimediapentru prezentare,
publicitate si reclama.
Bibliografie
www.acs.ase.ro
www.google.com
www.adobe.com
books.google.com
http://www.wikipedia.org/
I.Smeureanu G.Drula ,Multimedia:concepte si practica,
Ed.Cison,1997ISBN9739637086
TayVaughan,Multimedia:MakingitWork,SixthEdition,
McGrawHill,2004
TayVaughan,Multimedia ghid practic,Teora,2004,
Bucuresti
Suport seminar
Multimedia
Combinatie detexte,grafica digitala,sunet,animatie si
videofurnizata decatre computersau prin orice alte
mijloace electronice sau digitale
Manipulare digitala aelementelor detiptext,imagini,
grafica,sunet,animatie si video
Cunostinte necesare
Creativitate +imaginatie
Utilizare tehnologii informatice
Utilizare dispozitive digitale
Talentorganizatoric
Managementdeproiecte
Documentare si arhivare
Concepte
Interactivemultimedia(richmedia) utilizatorul
proiectului multimediacontroleaza ce elemente si cand ii
sunt furnizate
Hypermedia proiect interactiv incareexista ostructura
deelemente prin careutilizatorul poate naviga (World
WideWeb)
Proiect multimedia combinatia intre software,mesaj si
continut ce este livrata utilizatorului final
Concepte
Scenariu /Storyboard defineste cuminteractioneaza
utilizatorul cuaplicatia
GUI(GraphicalUserInterface) ceea ce primeste vizual
utilizatorul si cumeste prezentat continutul pe monitor
Platforma mediu hardwaresi softwarecareofera suport
pentru proiectul multimedia(stabileste limitele aceea ce
sepoate sau nuface)
Authoringtools instrumente ce permitgestiunea
individuala aelementelor multimediasi ainteractiunii cu
utilizatorul
Proiecte Multimedia
dupa domeniul
training(educativ)
medical(tomograf,ecograf cuperifericespecializate)
industrial (schemedefluxtehnologicfolosindsimulari)
geografic (hartidigitale)
servicii, reclama, vanzari
dupa destinatiesiinteractivitate
deinterespublicsipersonal
localesitelematice(ladistan)
detipvideoconferinta
Proiecte Multimedia
dupa nivelul deinteractivitate:
liniar =proiectul este vizualizat fara ainterveni
(noninteractive)
nonliniar =utilizatorul arecontrolasupra derularii
proiectului (Interactive)
Resurse hardware
Dispozitiveperiferice +componente hardware:
Pentruimaginifixe:scanner,aparatfotodigital,scanerde
film,dispozitiv mobil
Pentru sunet:placadesunet(funcioneazcaunconvertor
analogdigital),microfon
Ptvideo: placdecaptura inumerizare video,camere
video,tunerTV
Resursesoftware
Programedecontrolaperifericelor(drivere)
Softwaremultimedia(caextensieaS.O.)
Softutilitarpentrucomunicaii
Pentruvideo:AdobePremiere/MovieMaker/VirtualDub
Pentrusunet:AdobeSoundbooth
Softwaredecreaiemultimediacareorganizeazproiectul:
dealunguluneiaxeatimpului(secvenialitateaelementelor
nfunciedefactorultimp) AdobeFlash,AdobeDirector
pe baza unei simulari prin captura ecran si sunet Camtasia
Studio
Premise
1965 sedefinesc principiile fibrei optice
1977 este lansat AppleII,primul cuinterfata color
1981 primul PCIBM
1983 CD(compactdisc)lansat pe piata
1984 sepunbazele Internetului (reteaua ARPA)
1985 CommodoreAmigaprimul computermultimedia
1985 CDROM(compactdiscreadonlymemory)
1986TheAcademicAmericanEncyclopedia prima
enciclopedie pe CDROM.
1988 Macromind (fosta Macromedia)lanseaza Director,un
instrumentpentru multimediaauthoring.
Premise
1991 apare WorldWideWeb
1991 este inventat formatul MP3
1993 Mosaicprimul Webbrowsercugrafica
1995 Disneylanseaza ToyStory,primul filmrealizat in
totalitate pe calculator(77minute=4ani +800,000ore
pentru ageneragrafica)
1996 cameradigitala devine accesibila publicului larg
1996 este lansat DVDvideo
1998 primul MP3player
Formate destocare aresurselor
moddeacodificainformaiipentruafistocatepe
calculator
formatele oferinformaiireferitoarelatipulfiierului,
darilamodulncaredateleaufostcodificatei
comprimate (formatul este codat si interninsursa)
pentruafirecunoscuttipulformatului,fiiereleau
asociatoextensie
Formate destocare aresurselor
Celemaicunoscuteformatedefiiersunt:
pentruimagini:bmp,jpeg,gif,png,tiff;
pentrusunete:wma,mp3,wav,flac;
pentruvideo:wmv,avi,mpeg
pentru animatie:fla,dir
Imagine
Modele deculori
RGB
CMYK
HSB
Lab
Grayscale
Websafe
Imagine
Palete deculori utilizate(gamut):
A Ciel Lab
B Imagini digitale
C Dispozitive
Documentatie AdobePhotoshop
Imagine
RGB
utilizeaza 3culori debaza (Red,Green,Blue)
fiecare culoare areointensitate intre 0si 255
pentru valori egale R=G=Bseobtin tonuri degri
R
G
B
0
255
255
255
negru
alb
Imagine
RGB
sunt culori aditive
lipsa celor 3tipuri delumina genereaza negru (0
pentru fiecare culoare)
prezenta celor 3tipuri delumina laintensitate maxima
(255)genereaza alb
mai multe palete deculori:AdobeRGB,sRGB,
ProPhoto RGB
utilizat dedispozitivele vizuale
Documentatie AdobePhotoshop
Imagine
CMYK
utilizeaza 4culori de
baza (Cyan,Magenta,
Yellow,Black)
fiecare culoare areo
intensitate intre 0%si
100%
sunt culori substractive
utilizat dedispozitive
pentru imprimare
Documentatie AdobePhotoshop
Imagine
RGBvs CMYK
Documentatie AdobePhotoshop
Imagine
HSB
modelconstruit injurul
proprietatilor Hue,
Saturation,Brightness
bazat pe perceptia
umana aculorii
Modelul HSB
H Hue
S Saturation
B Brightness
Documentatie AdobePhotoshop
Imagine
LabColor
mai este definit si CIEL*a*b(Lightness,a
componenta verderosu,b componenta albastru
galben)
Lvariaza intre 0si 100,iar asi bintre +127si 128
bazat pe perceptia umana aculorii
valorile numerice dinacest modeldescriu toate
culorile pe carelepoate vedea opersoana
este unmodelindependentdedispozitiv
Imagine
Grayscale
defineste tonurile degri
introimaginecuoadncime aculorii de8biti pot
exista 256tonuri degri
tonul degri poate fi reprezentat caprocent culoare
neagra (0% 100%)
fiecare pixelgri areoluminozitate intre 0(negru)si
255(alb)
Imagine
Websafe
setlimitat culori derivat dinRGB
utilizeaza unsetde256culori
setul deculori este utilizat detoate browserele
Imagine
Caracteristici
Nuante culori (Hue)
Luminozitate (Brightness)
Saturatie (Saturation)
Contrast(Contrast)
Balanta culori (Colorbalance)
Imagine
Nuante culori (Hue)
nivelul deculoare reflectat deunobiect sau transmis
prin acesta
Documentatie AdobePhotoshop
Palete deculori utilizate:
A Saturatie
B Hue(Nuante deculori)
Imagine
Saturatie (Saturation)
descrie intensitatea sau puritateaunei culori
reprezinta nivelul degri inraport cunuanta,avand
valori intre 0%(gri)100%(intensitate maxima)
Luminozitate (Brightness)
luminozitatea inchisa/deschisa aunei culori masurate
intre 0%(negru)si 100%(alb)
Imagine
Contrast(Contrast)
masoara diferenta intre luminozitatea zonelor inchise
si acelor deschise
Balanta culori (Colorbalance)
analizeaza distributia paletei deculori
culoarea predominanta afecteaza nuantele celorlalte
culori
Imagine
selectie
culoare initiala
culoare noua
optiune culori sigure Web
tonuri
culoare
paleta culori
valoare
culoare
Imagine
Histograma unei imagini
umbre
tonuri demijloc
lumini
numar pixeli
Imagine
Imagine
Tipurie deimagine
Matriceala (bitmap)
Vectoriala
Algoritmi compresie
Imagine
Formatulbitmap:
omatriceinformaionalsimpl,fiecareelement
desemnndculoareapixeluluirespectiv
imaginea evoluminoas;
imaginea estedependentdescaladevizualizare
nusepoate adaptauneiscrivariabiledevizualizare
cucatcrestegraduldecomprimare,cuattscade
calitateaimaginiiobinutladecompresie.
Imagine
Formatulbitmap:
Echipamentele(destinateachiziionriideimaginifixe
dinexteriorlucreazcuimagininformatbitmap):
Scanner (DPI DotsPerInch)
Scannerdefilme
Aparatdigital (JPG,Raw)
cameraWeb
Imagine
Formatulbitmap:
Formatedestocareaimaginiidetipbitmap:
BMP
ICO (pentru pictograme 32X32)
TIFF(legatdescanareTag Image FileFormat)
DIB(Device IndependentBitmap)
DDB(Device DependentBitmap)
JPG(Joint Photographic Experts Group,formatbitmap comprimat
dupalgoritmul JPEG)
GIF(pentrutransferulladistanabitmapurilor)
PNG(PortableNetworkGraphics)
http://en.wikipedia.org/wiki/Comparison_of_graphics_file_format
s
Imagine
Exemplu poza bitmapfoarte mare
PresidentBarack Obama's InauguralAddressbyDavid
Bergman
compusa din220imagini
dimensiune 59,783X24,658pixels
1.47gigapixels
http://gigapan.org/viewGigapan.php?id=15374
Imagine Bitmap
salveaza imaginidigitale
BMP(MicrosoftWindowsBitmap)
mai este cunoscut subdenumirea DIB(device
independentbitmap)
areextensia: .bmp sau.dib
continutul este necomprimatideaceea,acesteaating
dimensiunifoartemari
marimea fisieruluidepindeatatdedimensiunea
imaginii,inpixeli,catsideadancimea culorii(bit
depth saucolordepth)
Imagine Bitmap
Adancimea culorii(bitdepth saucolordepth):
numarul debiifolosiipentruadescriefiecarepixel
(punctindividual)dintroimagine
arevalori egale cu1,4,8,24sau,32bii.
imaginialb/negru 1bit
imagini cu16culori 4bitifolosesc16culori
imagini cu256culori 8 bii256culori
imagini cu16,7*10
6
culori (cteunoctetpentrurou,
verdeialbastru modelulRGB) 24bii
imagini cuzona detransparenta (modelRGB+1octet
pentru transparenta) 32biti
Imagine Bitmap
BMPauurmatoarea structura:
FileHeader (14octeti) conineinformaiigenerale
desprefiier; primii14octei;
InfoHeader (40octeti) conineinformaiidespre
imagine;
ColorPalette descriepaletadeculoricevafifolosit;
Bitmap Data conineimaginea,pixelcupixel.
Imagine Bitmap
424D460000 00 00 000000360000 00 2800 0000
020000 00 020000000100180000 00 0000 1000
00 00 00 00000000 00 00 00 00 00 0000 00 00 00
00 00 00000000 0000 00 FFFF FF0000 00 00 00
2pixeli
2pixeli
Imagine Bitmap
Compresia/decompresiaimaginilor
ALGORITMI:
cupierderedeinformaie
frpierderedeinformaie
asimetrici(dureazmaimultcomprimarea)
simetrici(timpcomprimare timpdecomprimare)
Imagine Bitmap
Algoritm Obiectul Categorie
RLE,Huffman text,imagine fara pierdere
JPEG
imaginifixecolorin
niveluridegri
cupierdere
bazatpefractali
imaginifixecolorsaun
niveluridegri
cupierdere
DVI
video,imaginianimate
color
cupierdere
MPEG
video,imaginianimate
color
cupierdere
ADPCM sunet cupierdere
MPEG Audio sunet cupierdere
Imagine Bitmap
Tehnici pentru compresia /decompresiaimaginilor
HOFFMAN
codajvariabil
speculeazfrecvenadeapariieaunorsimboluri.
arborebinardezechilibrat
RLE(Run Length Encoding)
datecudiversitatemicincadrulfisierului ifactormarede
repetabilitate
eficientcand sefolosesc putine culori
Imagine Bitmap
Tehnici pentru compresia /decompresiaimaginilor
RGB555
micsoreaz numruldebitila5pecaresememoreazoculoare
fundamentaldinspectrulRGB
JPEG
Algoritmdecompresiehibridalocand 2tehnici
transformareacosinusdiscret(TCD)
codajHuffman
ratadecompresie de15:1
MJPEG(Motion JPEG)
standardulpentruanimaie
Imagine Bitmap
VCX(PCPaintBrush FileFormat):
formatrecunoscutpeplatformaWindows
PaintBrush
trateaza imagineacodificatpe8bii(256deculori),
dedimensiunemaxim64000*64000 pixeli
algoritmul decompresieutilizatdeacestformateste
RLE
Imagine Bitmap
TIFF(Tag Iinage FileFormat)
cunoscutpentru stocareaitransferulimaginilor
scanate
format foarteputernicnceeace
privetecodificareaimaginilorifolosetemaimuli
algoritmide compresie:RLE,LZW(LempelZiv
Welch)sauJPEG.
areavantajuldeafirecunoscutpetoatetipurilede
platforme >transferridicat
Imagine Bitmap
ICO(Icon Resource File)
esteunformatbitmap
imaginidedimensiunemica folositdeWindows
pentru reprezentareaiconurilor program
acceptdefiniiauneiimagininnumeroaserezoluii
inculoridiferite
cel mai usor seobtin dinimagini normale prin
transformare (http://www.favicon.co.uk/)
Imagine Bitmap
JPG(Joint Photographics Experts Group
format pentruimaginilebitmap,comprimate
conformstandarduluiJPEG
permite utilizarea unor ratedecompresieJPEGdiferite
ratadecompresie sestabileste nfunciedespaiulpe
harddisc/decalitateaimaginii
saimpus caunstandardalunuitipdecompresieia
unui formatdefiier.
Imagine Bitmap
GIF(Graphics Interchange Format)
formatfoarte raspanditpe Web
folositpentrutransferuldeimaginibitmap,demaxim
64K*64K,ntrenodurisituateladistan
accepta ratemaride compresie.
dezvoltatdeCompuServe pentruafaciiita tranzitul
informaiilorgraficendomeniultelecomunicaiilor.
compresie prinmetodaLZW
Imagine Bitmap
PNG(PortableNetworkGraphics)
formatdeschis
utilizeaza compresie fara pierdere deinformatie
utilizat inaplicatii Webpentru transferul imaginilor
destinat pentru ainlocui formatul GIF
Imagine Vectorial
Formatulvectorial:
tine contdesemanticaimaginii(desene punctei
funciimatematice)
imaginea estemaimica cadimensiune;
imaginea este independenta descaladevizualizare.
NUpoate inlocui bitmapul pentrucanutotulse
poatereducelapuncteifuncii(ex:peisaje)
culoarea si pozitia pixelilor este determinata defunctii
matematice
Imagine Vectorial
prinprocesuldevectorizare sepoateconvertio
imagineraster(suprafadepixeli)ntroimagine
vectori
procesul presupune aproximareaformelori
componentelorimaginiibitmap prinfuncii
matematiceal
prin vectorizarea sepoate reducedimensiunea pnIa
1:200
vectorizarea este realizata deinstrumente speciale
(http://vectormagic.com,AdobeIllustrator)
Imagine
Formatedestocareaimaginiidetipvectorial:
DXF(Drawing ExchangeFormat pentru softAutocad
facut deAutodesk)
EPS(Encapsulated PostScript formatpt Adobeilb.
PostScript
CGM(ComputerGraphic Metafile)pt atransfera
imaginea intre diferiteplatforme
SVG(SimpleVectorGraphics)definit pentru onoua
generatie degrafica pentru Web
Imagine
Instrumente AutomateAdobePhotoshop
Webgalery
Photomerge
HDR(HighDynamicRangeImaging)
Zoomify
GIFanimat
Audio Sunet
Caracteristici:
Frecventa
Lungime banda (Wavelength)
Amplitudine
Intensitate
Viteza
Directie
Pitch
Audio Sunet
Frecventa
[WIKI]
Audio Sunet
Lungime banda
[WIKI]
Audio Sunet
[http://personal.cityu.edu.hk/~bsapplec/characte.htm]
Audio Sunet
Frecventa:
Semasoara inHz(Hertz)
1Hz>ooscilatie pe secunda
Spectrul uman deperceptie afrecventei:20 20,000
Hz
Audio Sunet
Amplitudine
[WIKI]
Audio Sunet
Material Viteza (m/s)
Aer 344
Apa 1,372
Beton 3,048
Sticla 3,658
Fier 5,182
Plumb 1,219
Otel 5,182
Lemn(esenta tare) 4,267
Lemn(esenta moale) 3,353
Audio Sunetdigital
[WIKI]
Audio Codec
Permite codarea si decodarea sunetului ce este stocat
intrunanumit tipdefisier
Implementeaza si metode decompresie asunetului
Fara pierdere deinformatie
Cupierdere deinformatie
Unformatdefisier audioutilizeaza deobicei uncodec
Audio Codec
MP3
MPEG1orMPEG2AudioLayer 3
Standarddefinitin1993sifolositintenspeInternet
Foloseste unalgoritmdecompresiecupierderede
informatie (lossy compression):la128 kbit/sfisierul
audiomp3estedeaprox 11orimaimicdecat fisierul
audioneprelucrat(.cda)
Compresiasebazeaza peeliminareaunorfrecvente
consideratepestecapacitateamajoritatii oamenilor de
afipercepute
Audio Codec
MP3
Compresia sefaceprin stabilirea unui bitrate ce
stabileste cati Kb(Kilobiti)sevor folosi pentru fiecare
secunda deaudio
Exista orelatie stransa intre calitate si dimensiune
fisier
Valori posibile pentru bitrate:32,40,48,56,64,80,
96,112,128,160,192,224,256and320kbit/s
ptCDaudiobitrateul este de1,411.2 kbit/s
Audio Codec
MP3
Poatefolosivariable bitrate (VBR)sau constant
bitrate (CBR)
1997primulaudioplayer Winamp
1998primulMP3player portabil MPMan
Audio Codec
FLAC
FreeLosslessAudioCodec
Lansat in2001dar oversiune stabila afost lansata in
2007
Implementeaza unalgoritmdecompresie fara pierdere
deinformatie (losslessdatacompression) calitate
identica cucea afisierului audioneprelucrat
Reducedimensiunea fisierului audiocupana la50%
Audio
Formatedefisiere audio:
Reprezinta modalitati destocareasunetuluiinformat
digital
Clasificareinfunctie decompresiafolosita
Fara compresie: WAV, AIFF, .cda (AudioCDTrack) (~10MB
ptunminut);
Cucompresie (maxim2:1) fara pierderedeinformatie
(lossless compression): FLAC, AppleLossless, MPEG4
SLS, MPEG4ALS, MPEG4DST, WindowsMediaAudio
Lossless (WMALossless);
Cucompresiecupierderedeinformatie:(lossy compression):
MP3, WindowsMediaAudio (WMA);
Video
reprezintelementulcelmaispectaculosal
multimediei
bazat pe derularea rapida aunor imagini (frameuri)
Peste 1215cadre/secunda ochiul uman numai distinge
cadrele individuale >animatie
impunecalitiiperformanedeosebitealemainii
osecvenvideocaredeinecadrededimensiune
720*486pixeliisederuleazcuoratdetransferde
30cadrepesecundestenevoiesseproceseze21MB
pesecund
Video
ncazulteleviziunii,imaginilevideosuntreprezentate
nformanalogicreglementatprinstandarde
internaionalepentrudifuzareiafiare
videoulpecalculatorsebazeazpetehnologia
digital
celedoutehnologiipecaresebazeazvideose
combinnteleviziuneadigitaldenaltdefiniie
HDTV High Defmition Television
Video
reprezentarea digitalaimaginilornmicareia
sunetelorasociatelorarenumeroaseavantaje.Astfel
putemmenionanaltafidelitateaacestorai
posibilitiledeosebitedeprelucrareieditarealor.
conversia dintrevideoanalogivideodigitalprezint
unnumrdedificultitehnice,generatenprincipal
dedifereneledintreceledouasisteme.
moduldeafiareideredareaculorilorpemonitorul
televizorului(NULCDsau Plasma)ipemonitoarele
calculatoarelor este DIFERIT
Video
ecranelorcalculatoarelorictevasistemevideo
utilizeazunsemnalvideoalctuitdintreiculoride
baz rou,verde,albastru(RGB),caresunt
controlabileindividual
bandaTVimajoritateasistemelorvideoutilizeazun
semnalcompus,ncareluminozitatea(strlucirea)i
chrominana (culoarea),mpreuncuinformaiilede
sincronizaresuntcombinatentrunsingursemnal
Video
afiareasemnaluluiperceputdectreceledou
sistemesefacediferitidinpunctuldevedereal
moduluidebaleiajalecranului:
ntehnologiaanalogic,ecranulestentreesut,n
sensulcadouseturideliniialternateformeazbanda
baleiajntreesut2/1 (permitecaoimaginevideosfie
difuzatlaoratredusacadrelor,sub2530fps (frame
persecund),froplpiresesizabilochiului)
pe ecranelecalculatoarelorns,liniilevideosunt
prezentatesecvenial,unadupcealalt baleiaj
progresiv
Video
moduldebaleiajntreesut (interlaced)presupuneca
imagineasapardelanceputnntregime,dardince
ncemaiclar,pnlaformaeifinal
moduldebaleiajsecvenial(progressive)presupuneca
imagineasaparlinieduplinie,declaritatemaxim,
darabianfinalcomplet
Video
Baleaj intretesut
(interlaced)
http://justsayyes.wordpress.com/2007/06/28/demonstrationofaninterlacedvideoanddeinterlacedvideo/
Video
Baleaj intretesut
(interlaced)
http://cpn.canoneurope.com/content/education/technical/progressive_video.do
Video
Comparaiintretehnologiileanalogidigitaldup:
Modulderedarealculorii:
Analog:lumina/crominan
Digital:semnalRGB
Moduldebaleaj(de afiareaimaginiipeecran)
Analog:ntreesut liniipareapoiliniiimpare>ratde
refresh mic
Digital:baleaj prograsiv(linieculiniedesusnjos)
Rezoluia(liniiledescan)
Analog:PAL625linii,NTSC 525linii
Digital:PC dela480nsus.
Video
Sunt3tipuridesemnalevideoconsacrate:
ComponentVIDEO (fiecarecomponentprimar
constitue unsemnalvideodistinct):
PtanalogYUV(Yluminan,UVcromina)
PtdigitalRGB
CompositeVIDEO (semixeazcele3componente
ntrunsingursemnal)
S(separated)VIDEO(aresemnalseparatde
luminanisemnalseparatdecrominan).
Video analog
[Wiki]
YUV
A fost definit pentru a putea transmite
semnal color intro infrastructura care
folosea doar imagini albnegru
Video analog
Composite Video
Foloseste cabluri RCA
Intre DVDPlayer TV,CameraVideo TV
S Video
Foloseste cabluri SVideo
Intre PC TV,CameraVideo TV
Video analog
Semnalulvideofurnizatdesistemeledeconversie
poateluadiferiteforme,fiesemnalvideocompus
codificatPAL,SECAMsauNTSC,fiencomponente
analogeRGB.
Standarde pentru TVanalogic ce definescmoduln
careinformaiaestecodificatpentruaproduceun
semnalelectronic:
PAL
SECAM
NTSC
Video
Principiulestedeamodulaoundpurttoareaunei
frecvenecentratenjurulvaloriide4Mhz,prin
componenteledechrominan Db i/sauDr,
recunoscuteicaUiV.
unda estecombinatculuminanaYconstituindun
singursemnalvideo.
codajul semnalelor videocolorY,Db,Dr estedenumit
codajncomponenteanaloge
semnalanalogic nupoatefiradiodifuzat,deoarece
acestlucruarnecesitafolosireaatreiemitorisimultani
Video
NTSC(NationalTelevision Standards Comittee)
adoptat n1953
unsingurcadruvideoesteformatdin525delinii
orizontalei sederuleazcuoratdeaproximativ30
cadrepesecund(29.97)
45suntutilizatepentrusincronizareainformaiei,
restulde 480fiindpropriuzisdestinatefiecrei
imagini
Construireacadrelorse realizeazprincombinareaa
doucmpuri decte240deliniifiecare,unulpari
altulimpar
Video
SECAM(Sequential Colorand Memory)
introdusprinanii 60,esteunsistemcu525delinii
rata derulriicadrelorpe secundestede25
PAL(Phase AlternateLine)
introduspepiaaeuropeann 1966
traseaz 625deliniipeimagine,laoratde
25cadrepesecund
doar576liniisuntconsiderateactive,utilizate
efectivpentrudefinireauneiimagini,celelalte49delinii
fiindrezervate,
caliniidesincronizare
Video
HDTV(High Definition Television)
sistemprogramat,bazatpetehnologiateleviziunii
digitale
aurezoluiicepotfiutilizateipentrugraficape
calculator
canaleleimaginelucreaza cuunsemnaldigital
Video
HDV(HighDefinitionVideo)
Siteme videocurezolutie mare:1,280720pixeli
(720p)sau1,9201,080pixeli
Video mode
Dimensiune(W
H)
Pixeli Generare Frame rate (Hz)
720p 1,280720 921,600 Progresiv
23.976, 24, 25,
29.97, 30, 50,
59.94, 60, 72
1080i 1,9201,080 2,073,600 Interlaced
25 (50 fields/s),
29.97 (59.94
fields/s), 30 (60
fields/s)
1080p 1,9201,080 2,073,600 Progresiv
23.976, 24, 25,
29.97, 30, 50,
59.94, 60
Video
Obinereaunuivideonumeric(digital)decalitate dintr
unsemnal videoanalogic esteinfluenatde:
fluxuldeimagini(2530cadrepesecund)
rezoluiadecrominan(caredeterminnrdeculorice
constitue imaginea)
rezoluiaspaial(caredeterminmoduldebaleere al
liniilordincareseconstruieteimaginea;
calitateaimaginilor.
Video
Compresia video:
Speculeazieliminunanumittipderedundan.
Pentruvideoredundan:
Spaial=intracadru (bazeazfiepeeliminarea
detaliilornesemnificative)
Temporal=intercadru (diferenelesemnalatentro
imaginenraportcuprecedenta)
Searenvederecafilmulchiarcomprimatsi
pstrezeconsistena,adicspotaccesaoimaginen
fluxulcomprimat.
Video
Compresia video:
compresie cupierderedeinformaii(lossy
compression)
compresie fara pierdere deinformatie
Algoritmiidecompresievideorealtime cunoscuisunt:
JPEG,MPEG,DVI,MJPEG;
sebazeazpeceledoutipurideredundan
comprimainformaiavideodigital,curatecuprinse
dela50:1pnIa200:1
Video
StandardulpentrucompresievideoesteMPEGcareaaprutnmaimulte
variante
MPEG1 comprimarevideo,sunetasincron
MPEG2obinereavideodigitallacalitateatransmisiilorTV
MPEG3 legatdeteleviziuneadigitaldenaltrezoluie.
MPEG4 legatdetransmisievideoladistanprinInternet(reelede
calc)
Algoritmuldecompresieestehibriddetippredicietransformarei
folosetemaimultetehnicicumarfi:
Analizaspectral(careprinfunciidetiptransformarecosinusdiscret
surprinderepetabilitatea;
CodajHoffmanpentrudate
Codajdifereniat(sereinelementelecarefacdiferenantrecadre)
Codajpredictiv(analizeazanumiteelementecareseschimb).
Video
Codecuri fara pierdere deinformatie:
AVIzlib
CamStudio GZIP
CorePNG
FastCodec
MSULosslessVideoCodec
PICVideo
TSCCTechSmith ScreenCaptureCodec
ZMBV(ZipMotionBlockVideo)Codec
JPEG2000
YULS
Video
Codecuri cupierdere deinformatie:
Cinepak
H.264 MPEG4AVC(AdvancedVideoCoding)
sauMPEG4Part10,approvedforBluray
MJPEG
JPEG2000intraframevideocodecMPEG1Video
(MPEG1Part2)
MPEG1Video(MPEG1Part2)
CinemaCraftEncoder
FFmpeg
Video
Codecuri cupierdere deinformatie:
MPEG2Video(MPEG2Part2) H.262
CinemaCraft Encoder
FFmpeg
InterVideo VideoDecoder
Ligos LSXMPEG2
MainConcept MPEG2
TMPGEnc
MPEG4ASP(Advanced SimpleProfile)orMPEG4Part2
DivX
FFmpeg MPEG4
HDX4
NeroDigital
Xvid
Video
RealVideo
Snow Wavelet Codec
Sorenson Video,Sorenson Spark
Tarkin
Ffmpeg
TruDef high definition fractalvideocodec
VC1(SMPTEstandard,subsetofWindowsMediaVideo)
VC3SMPTEstandard
AvidDNxHD
FFmpeg
WindowsMediaVideo(WMV)
Video
Accesuldirectladiferitecadrealeunuifluxvideopresupune
indexareainvariabilntimpaimaginilorfixe.
Suntcunoscute2sistemedereperaj:
bazatpetimpnumit TIMECODE (seasociazfiecrui
cadruunnrcodificatBCD(Binary CodeDecimal),care
exprimora,minutul,sec,milisecunda; este memoratpeo
pistaudioparalel generatorsaulectordetime code.)
bazatpeframeuri FRAMECODE (presupuneasocierea
pentrufiecarecadruaunuinumrnaturalnsecve
cresctoare)
Video medii destocare digitale
BlurayDisc HDDVD DVD
Capacitate 25GB 15GB 4.7GB
Bitrate maxim Transferdedate 53.95Mbit/s 36.55Mbit/s 11.08Mbit/s
Bitrate maxim Audio+Video
+Subtitluri
48Mbit/s 30.24Mbit/s 10.08Mbit/s
Bitrate maxim Video 40Mbit/s 29.4 Mbit/s 9.8Mbit/s
Rezolutie video 1920x1080 1920x1080 720480(NTSC)
720576(PAL)
Framerate 24p,50/60i 24p,50/60i 24p,50/60i
Video Premiere
Caracteristici montaj video:
Imagine:
Dimensiune cadru
Viteza rulare nrcadre/secunda
Culoare Colordepth
Standard DV,NTSC,PAL
Codec
Sunet:
Frecventa bitrate,kHz
Amplitudine
Animatiedigitala
Concepte
Preia conceptele delavideo
Sebazeaza pe cadrecheie (keyframes)pentru amodifica
proprietati aleelementelor depe scena
Tehnici deanimatie:
Modificare deforma
Modificare deculoare
Modificare pozitie (cuutilizare detraiectorii)
Recapitulare Multimedia
1. Concepte generale
Ce reprezinta ?
Concepte
Clasificare si tipuri deproiecte
Resurse hardware+software
2. Imagine
Modele deculori (RGB,CMYK,HSB,Lab,Grayscale,Websafe)
Caracteristici (Hue,Brightness,Saturation,Contrast,Colorbalance,Bit
depth,Rezolutie)
Tipuri deimagine(bitmap,vectoriala)
Formate destocare (TIFF,ICO,JPG,GIF,BMP,PNG,EPS,SVG)
Compresie
Recapitulare Multimedia
3. Sunet
1. Caracteristici (frecventa,wavelength,amplitudine,
intensitate,viteza,directie,pitch)
2. Codec(MP3,FLAC)
3. Compresie
4. Formate fisiere
4. Video
1. Concept
2. Caracteristici (viteza,rezolutie)
3. Reprezentare (analogic,digital)
Recapitulare Multimedia
4. Video
Moddereprezentare culoare (RGB,YUV)
Moddeafisare aimaginii baleaj(intretesut
interlaced,progresiv)
HDV
Tipuri decompresie video(spatiala,temporala)
Codecvideo(DivX,Xvid,Ffmpeg,Cinepak)
5. Animatie
Software
Tehnici deanimatie
Fonturi
Colectii desimboluri (glyph)ce sunt reprezentari
vizuale aleunui caracter
aa aa a a a a a a a
Fonturi
Monospatiate (latime fixa)
Fiecare caracter ocupa acelasi spatiu orizontal
Tipice pentru masini descris
Utilizat pentru titluri
Font monospat i at : Luci da Typewr i t er
Proportionale
Spatiul orizontal depinde delatimea caracterului
Pentru texte >mai usor decitit
Dimensiune mai micaatextului
Font proportional: Lucida Bright
Fonturi
Cuserif
Reprezinta linii mici adaugate lacapetele formelor
asociate caracterelor
Originare dininscriptiile romane >fonturi romane
Permitcitirea usoara atextelor mari ???
Nusunt indicatepentru rezolutii mici
C C C C
serif
Fonturi
Fara serif(sansserif )
insecXIXerau denumite grotesque
Auevoluat odata cudezvoltarea unor modele mai
elegante si rafinate
Fonturi cunoscute:Helvetica,Arial,Tahoma,Verdana,
Calibri
C C CC
Fonturi
Fonturi cursive(handwritten)
Reproduc scrisul demana
Utilizate pentru apersonaliza mesajul
Font cursiv: Script MT Bold
Fonturi decorative(displaysau novelty)
Modificari alefonturile serifsau sanserif
Utilizate pentru ascoate inevidenta textul
Fonturi
Dimensiune
Stabilita deevolutia tipografiei digitale PostScript
Masurata inpuncte (pt points)
Unptreprezinta 1/72dintruninch~0.3528mm
Distanta dintre randuri detextsemasoara inpica (pc)=
12pt
Dimensiunea unui font(12ptTimesRoman)reprezinta
distanta dintre partea desus acelui mai inalt fontsi baza
celui mai mic.
Serifvs.Sansserif
[www.smashingmagazine.com]
Fonturi
[www.smashingmagazine.com]
Fonturi
Fonturi
[Wiki]
Fonturi
Instrumente deanaliza:
http://www.snook.ca/technical/colour_contrast/colour.
html
http://www.typetester.org/
Layout
Usersarepleasedbythedesignbutdrawntothe
content,Sitepoint PrinciplesOfBeautiful
Web.Design
Navigatie intuitiva incadrul proiectului multimedia
Tema comuna pentru proiect
Echilibru
Propotionalitate
Raportul deaur (divin)=1.62
Ozona poate fi despartita in2prin impartirea lungimii
ei la1.62
Layout
[Sitepoint]
Layout
[Sitepoint]
Layout
Data Mai mare 1024x768 800x600 640x480 Necunoscut
January2010 76% 20% 1% 0% 3%
January2009 57% 36% 4% 0% 3%
January2008 38% 48% 8% 0% 6%
January2007 26% 54% 14% 0% 6%
January2006 17% 57% 20% 0% 6%
January2005 12% 53% 30% 0% 5%
January2004 10% 47% 37% 1% 5%
January2003 6% 40% 47% 2% 5%
January2002 6% 34% 52% 3% 5%
January2001 5% 29% 55% 6% 5%
January2000 4% 25% 56% 11% 4%
http://www.w3schools.com/browsers/browsers_display.asp
Rezolutie monitoare
Layout
Data 16,777,216 65,536 256
January2010 97% 3% 0%
January2009 95% 4% 1%
January2008 90% 8% 2%
January2007 86% 11% 2%
January2006 81% 16% 3%
January2005 72% 25% 3%
January2004 65% 31% 4%
January2003 51% 44% 5%
January2002 43% 50% 7%
January2001 37% 55% 8%
January2000 34% 54% 12%
http://www.w3schools.com/browsers/browsers_display.asp
Bitdepthmonitoare
Layout Fix
http://www.lebloe.com/
LayoutFluid
http://clearleft.com/
Layout
Proiectul trebuie sa fieutilizabil
Unde mauit?Unde dau click?Ce fac?
http://www.marcecko.com/#/
http://www.creativewithak.com/
http://contentof.com/
http://demo.northkingdom.com/ihuvudetpatoyota/in
dex_en.html
http://prismgirl.org/
Marketingviral
Tehnici depromovare rapida aunui produs prin
intermediul produselor multimediasi alclientilor
Caracteristici:
Impactmare
Costuri reduse
Multimedia video/animatie
Utilizeaza servicii Internet(YouTube,retele sociale
virtuale Tweeter,Facebook)
Marketingviral
Produse multimedia
Marketingviral
Pagina de1.000.000$
Lansat deAlexTew in2005
Pagina Webcurezolutia 1.000x1.000pixeli
1pixel=1$
http://www.milliondollarhomepage.com/
Marketingviral
GuitarMasterPro.net
45.000.000persoane auvizionat clipul in34ani
Dynamitesurfing Quicksilver
10.000.000vizualizari incateva luni
Dothetest(transportpublic)
4.000.000vizualizari in3luni
Threshers40%voucher
ogreseala demarketingaparenta
Oficial voucherul erapentru anumiti parteneri
Marketingviral
Thebestjobever
Campanie in2009pentru promovarea insulelor Australiene
Willitblend
Campanie depromovare aunui site
Sheepart
Campanie depromovarea atehnologiei LEDdecatre
Samsung
TheDarkKnight
Cea mai marecampanie virala depromovare aunui film
Extremdecomplexa insa cucosturi reduse
Marketingviral
IWearYourShirt.com
JasonSadlerin2009
Seinchiria ptozi incarepurta tricoul alesde
cumparator
Taxa crestea delaozi laalta
http://iwearyourshirt.com/calendar/201011
Ikea Facebook Showroom
Campanie globala bazata pe reteaua Facebook
Costuri decateva mii deEURO
Marketingviral
MarcEcko Stillfree
Secventa videoincareAirForceOneeramarcat cu
graffiti
Peste 7000destiri inlumea intreaga
114milioane devizualizari
Tehnici noi multimedia
Videola360
0
http://www.yellowbirdsdonthavewingsbuttheyflyt
omakeyouexperiencea3dreality.com/
http://media.yb.nl/360ski/
AugmentingReality
http://www.bmw.co.uk/bmwuk/augmented_realit
y/homepage
http://www.youtube.com/watch?feature=player_e
mbedded&v=rRcognsyqNY