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.

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
255 R

G negru B 255 0 255 alb

Imagine
RGB sunt culori aditive Documentatie AdobePhotoshop 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

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

Documentatie AdobePhotoshop

H Hue S Saturation B Brightness

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

Palete deculori utilizate: A Saturatie B Hue(Nuante deculori)

Documentatie AdobePhotoshop

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

culoare noua selectie

culoare initiala

tonuri culoare

valoare culoare

optiune culori sigure Web

paleta culori

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*106 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 f rpierderedeinformaie asimetrici(dureazmaimultcomprimarea) simetrici(timpcomprimare timpdecomprimare)

Imagine Bitmap
Algoritm RLE,Huffman JPEG bazatpefractali DVI MPEG ADPCM MPEG Audio Obiectul text,imagine imaginifixecolorin niveluridegri Categorie fara pierdere cupierdere

imaginifixecolorsaun cupierdere niveluridegri video,imaginianimate color video,imaginianimate color sunet sunet cupierdere cupierdere cupierdere cupierdere

Imagine Bitmap
Tehnici pentru compresia /decompresiaimaginilor
HOFFMAN

codajvariabil speculeazfrecvenadeapariieaunorsimboluri. arborebinardezechilibrat datecudiversitatemicincadrulfisierului ifactormarede repetabilitate eficientcand sefolosesc putine culori

RLE(Run Length Encoding)

Imagine Bitmap
Tehnici pentru compresia /decompresiaimaginilor
RGB555 micsoreaz numruldebitila5pecaresememoreazoculoare fundamentaldinspectrulRGB JPEG Algoritm decompresiehibridalocand 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
Aer Apa Beton Sticla Fier Plumb Otel Lemn(esenta tare) Lemn(esenta moale)

Viteza (m/s)
344 1,372 3,048 3,658 5,182 1,219 5,182 4,267 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 unalgoritm decompresie 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),f roplpiresesizabilochiului) 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
YUV
A fost definit pentru a putea transmite semnal color intro infrastructura care folosea doar imagini albnegru

[Wiki]

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 720p Dimensiune(W H) 1,280720 Pixeli 921,600 Generare Progresiv Frame rate (Hz) 23.976, 24, 25, 29.97, 30, 50, 59.94, 60, 72 25 (50 fields/s), 29.97 (59.94 fields/s), 30 (60 fields/s) 23.976, 24, 25, 29.97, 30, 50, 59.94, 60

1080i

1,9201,080

2,073,600

Interlaced

1080p

1,9201,080

2,073,600

Progresiv

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 MPEG2 obinereavideodigitallacalitateatransmisiilorTV 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 Capacitate Bitrate maxim Transferdedate Bitrate maxim Audio+Video +Subtitluri Bitrate maxim Video Rezolutie video Framerate 25GB 53.95Mbit/s 48Mbit/s 40Mbit/s 1920x1080 24p,50/60i HDDVD 15GB 36.55Mbit/s 30.24Mbit/s 29.4 Mbit/s 1920x1080 24p,50/60i DVD 4.7GB 11.08Mbit/s 10.08Mbit/s 9.8Mbit/s 720480(NTSC) 720576(PAL) 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 a a 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 monospatiat: Lucida Typewriter 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

CCCC

serif

Fonturi
Fara serif(sansserif) insecXIXerau denumite grotesque Auevoluat odata cudezvoltarea unor modele mai elegante si rafinate Fonturi cunoscute:Helvetica,Arial,Tahoma,Verdana, Calibri

CCCC

Fonturi
Fonturi cursive(handwritten) Reproduc scrisul demana Utilizate pentru apersonaliza mesajul

Font cursiv: Script MT Bold Fonturi decorative(displaysau novelty)

Modificari alefonturile serif sau 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 January2010 January2009 January2008 January2007 January2006 January2005 January2004 January2003 January2002 January2001 January2000 Mai mare 76% 57% 38% 26% 17% 12% 10% 6% 6% 5% 4% 1024x768 20% 36% 48% 54% 57% 53% 47% 40% 34% 29% 25% 800x600 1% 4% 8% 14% 20% 30% 37% 47% 52% 55% 56%

Rezolutie monitoare
640x480 0% 0% 0% 0% 0% 0% 1% 2% 3% 6% 11% Necunoscut 3% 3% 6% 6% 6% 5% 5% 5% 5% 5% 4%

http://www.w3schools.com/browsers/browsers_display.asp

Layout
Bitdepthmonitoare
Data January2010 January2009 January2008 January2007 January2006 January2005 January2004 January2003 January2002 January2001 January2000 16,777,216 97% 95% 90% 86% 81% 72% 65% 51% 43% 37% 34% 65,536 3% 4% 8% 11% 16% 25% 31% 44% 50% 55% 54% 256 0% 1% 2% 2% 3% 3% 4% 5% 7% 8% 12%

http://www.w3schools.com/browsers/browsers_display.asp

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/