MULTIMEDIA Universitatea din Bucureti FACULTATEA DE JURNALISM I TIINELE COMUNICRII

Domeniul tiinele Comunicrii

Specializarea JURNALISM / RELAII PUBLICE / PUBLICITATE

MULTIMEDIA
UNITATEA DE NVARE nr. 1

TITULAR: Conf. dr. Georgeta DRUL

MULTIMEDIA

Acest material este protejat prin Legea dreptului de autor i a drepturilor conexe nr. 8 din 1996, cu modificrile ulterioare. Dreptul de autor i aparine autorului de la Facultatea de Jurnalism i tiinele Comunicrii, Universitatea din Bucureti, are dreptul de utilizare a acestui material. Nici o parte a acestui material nu poate fi copiat, multiplicat, stocat pe orice suport sau distribuit unor tere persoane, fr acordul scris al deintorului dreptului de autor. Citarea se face numai cu precizarea sursei.

MULTIMEDIA

CUPRINS INTRODUCERE Unitatea de nvare 1 DOCUMENTUL MULTIMEDIA Obiectivele unitii de nvare nr.1 1.1 Definiii. Concepte. Aplicaii. 1.2 Caracteristici ale documentului multimedia 1.3 Etape n realizarea documentului multimedia 1.4 Echipa de realizatori 1.5 Structura, layout i design pentru documentul multimedia online 1.6 Lucrare de verificare pentru Unitatea de nvare nr. 1 1.7 Bibliografie pentru Unitatea de nvare nr. 1 Unitatea de nvare 2 COMPONENTE MULTIMEDIA Obiectivele unitii de nvare nr.2 2.1 Imaginea fix 2.2 Animaia 2.2.1 Lucrare de verificare 1 pentru Unitatea de nvare nr. 2 2.3 Sunetul 2.3.1 Lucrare de verificare 2 pentru Unitatea de nvare nr. 2 2.4 Video 2.4.1 Lucrare de verificare 3 pentru Unitatea de nvare nr. 2 2.5 Lucrare de verificare pentru Unitatea de nvare nr. 2 2.6 Bibliografie pentru Unitatea de nvare nr. 2 Unitatea de nvare 3 REALIZAREA DOCUMENTELOR MULTIMEDIA ONLINE: SITE-URILE WEB Obiectivele unitii de nvare nr.3 3.1 Tipuri de site-uri Web 3.2 Tehnologii de realizare a site-ului Web: noiuni de limbaj HTML 3.3 Alte tehnologii de de realizare a site-ului Web 3.4 Software pentru realizarea site-ului Web 3.5 Organizarea coninutului site-ului 3.6 Crearea de pagini simple n limbajul HTML 3.7 Publicarea i promovarea site-ului. 3.8 Lucrare de verificare pentru Unitatea de nvare nr. 3 3

MULTIMEDIA 3.9 Bibliografie pentru Unitatea de nvare nr.3 BIBLIOGRAFIE GENERAL

INTRODUCERE Prezentarea cursului Cursul MULTIMEDIA propune prezentarea unor tehnici i modaliti practice de obinere a componentelor multimedia digitale i de realizare a documentelor multimedia n tehnologiile de baz CD i Internet. Studeniilor li se vor transmite cunotine privind digitizarea, prelucrarea i salvarea componentelor multimedia i apoi cunotine privind asamblarea, salvarea i difuzarea unui document multimedia. Cursul prezint caracteristicile diferitelor tipuri de componente multimedia, a documentelor multimedia, cu accent pe site-urile Web, tehnologiile, tehnicile i modaliti practice de realizarea a lor, modaliti de layout a paginilor n funcie de tipul de site. Cursul prezint componentele multimedia digitale, modalitile practice de lucru cu acestea, elemente de baz privind documentul multimedia de pe Internet. Studeniilor li se vor transmite cunotine privind digitizarea, prelucrarea i salvarea componentelor multimedia ct i cunotine privind asamblarea, salvarea i difuzarea unui document multimedia online. Studenii vor avea la sfritul cursului competene legate de alegerea, folosirea i crearea de caracteristici pentru componentele multimedia digitale, individuale. - n cadrul cursului se prezint tipuri de site-uri Web, caracteristicile lor, modaliti de implementare, tehnicile de realizarea a lor, modele de layout i design a paginilor Web. Studenii vor avea la sfritul cursului competene legate de alegerea, folosirea, combinarea de componente pentru un document multimedia, alegerea i implementarea a diferite tipuri de site-uri, parcurgerea etapelor de realizare a lor, alegerea obiectivelor, condiiilor i tehnologiilor de realizarea a site-urilor, alegerea metodelor de promovarea pe Web. - nsuirea corect a terminologiei de specialitate. Obiectivele generale - nsuirea corect a terminologiei de specialitate; - Obinerea de competene i abiliti privind lucrul cu mediile digitale. - Obinerea de competene i abiliti privind realizarea de documente multimedia. - nuirea cunotinelor de multimedia cu aplicaii n jurnalism i comunicare. - Prezentarea facilitilor oferite de evoluia Web-ului n comunicare i informare.

MULTIMEDIA Unitatea de nvare nr. 1 DOCUMENTUL MULTIMEDIA Obiectivele unitii de nvare nr. 1 - nsuirea corect a terminologiei i conceptelor de specialitate din domeniu: Multimedia / new media / medii digitale - Destructurarea unui site web. Cunoaterea elementelor ce in de analiza, realizarea sau folosirea unui site. - Cunoaterea caracteristicilor i structurii unui document multimedia, - nsuirea terminologiei, priincipiilor de navigare hypertext / hypermedia. - Cunoaterea principiilor de layout i design pentru un site Web. Specificul pentru site-uri de news, pentru site-uri corporative, pentru site-uri de tip portal.

1.1 Definiii. Concepte. Aplicaii. Multimedia, new media sau media digital pe Web Diferene ntre etapele de dezvoltare ale Web-ului. Web 1.0 - Informaia este gsit de ctre utilizatori din aproape n aproape prin metoda de navigare (browsing); Pagina web leag prezentarea i logica dintre date.; Organizarea sa se bazeaz pe ierarhii de informaii, taxonomii. Web 2.0 - Informaiile gsite de ctre utilizatori pot s fie structurate i selectate de ctre acetia. Utilizatorii trec de la "navigare/surfing" la cutarea propriu-zis prin servicii specifice. Logica paginii Web este separat de prezentarea sa. Web 2.0 este Web 1.0 + social, comunitate. El este n principal colaborativ i participativ. Spre deosebire de Web 1.0, Web 2.0 este lipsit de o ierarhie, el se bazez pe organizarea de tip cloud, denumit folksonomie. n Web 3.0 denumit i Web-ul semantic se identific autorii, informaiile i conceptele pe baza unor metadate. El funcioneaz pe baza limbajul su RDF (Resource Description Framework). Pagina Web permite nregistrarea tuturor urmelor lsate de utilizatori la efectuarea unui click. Acest nivel de dezvoltare face tranziia de la paginile Web la datele Web Aplicaii i servicii Web 2.0: Bloguri Blogspot Wordpress Wikis Wikipedia Wikiversity Site-uri Social Networking Facebook Myspace Orkut 5

MULTIMEDIA Site-uri digital media sharing Youtube Flickr Social Tagging Del.icio.us

Definiiile pentru MULTIMEDIA

Fiind o noiune la intersecia mai multor domenii, multimedia cunoate o mare varietate de definiii i criterii de clasificare. Cea mai general definiie ne arat c aceasta este ansamblul mijloacelor i mediilor de comunicare prin care informaiile pot fi percepute vizual i auditiv, n diferite forme de prezentare prin intermediul calculatorului i d individului capacitatea de cunoatere i informare n mod rapid i facil. Cartea Alb elaborat de Interactive Multimedia Association arat c o aplicaie multimedia interactiv este definit ca o aplicaie ce permite utilizatorului s reacioneze n propriul ritm i combin textul cu sunetul, imaginea fotografic, animaia sau video. Aceast definiie urmrete criteriul interactivitii. Din punct de vedere informatic, multimedia este o combinaie de medii de natur diferit i de elemente de interaciune ce sunt accesibile omului prin intermediul calculatorului. Combinarea acestor elemente este fcut de un software author sau de un limbaj de programare. Dup modul n care organizeaz informaia, multimedia este considerat un mediu n-dimensional, ce se bazeaz pe tehnici de structurare i distribuire a informaiei cunoscute sub denumirea de hipertext i hipermedia. Aceste tehnici au determinat un mod specific de parcurgere sau navigare a documentului multimedia ce se desfoar dup un scenariu sau storyboard. Dup tehnologia ce asigur distribuiea informaiilor ctre utilizatori, multimedia este on-line i off-line. Tehnologia pe care se bazeaz multimedia on-line este reeaua Internet i tehnologia pe care se bazeaz multimedia off-line este suportul de mare capacitate CD-ul sau DVD-ul. Termenul de multimedia este deseori nlocuit cu NEW MEDIA sau MEDIA DIGITAL. New media este o alt denumire a multimediei care ia n considerare i aspectele Web 2.0 legate de comunitate, participare. Iat spre exemplu cteva dintre definiiile date conceptului de multimedia: 6

MULTIMEDIA transmission that combine media of communication (text and graphics and sound etc.) wordnetweb.princeton.edu/perl/webwn Multimedia is media and content that uses a combination of different content forms. The term can be used as a noun (a medium with multiple content forms) or as an adjective describing a medium as having multiple content forms. ... en.wikipedia.org/wiki/Multimedia the use of different media to convey information; text together with audio, graphics and animation, often packaged on CD-ROM with links to the Internet; of, or relating to this combined use of media; of, or relating to an application that can combine such media into an integrated package en.wiktionary.org/wiki/multimedia A combination of several media types in a single digital object or collection, eg, images, audio, video. www.cs.cornell.edu/wya/DigLib/MS1999/Glossary.html

Pentru c acest termen de multimedia / new media / digital media este unul n continu transformare, Jim Macnamara propune 35 de termeni pentru descrierea acestui domeniu i asocierea dintre ei: (http://www.uts.edu.au/new/speaks/2008/June/resources/1106talk.pdf) Presa (Books, Newspapers, Magazines) Cinema, (Movies, Film, Video) Television / TV <-> Radio Broadcast media <-> Mass media Mainstream media <-> Traditional media Alternative media <-> Indy media New media <-> Digital media Community media <-> Social media Citizen media <-> Peer-to-peer sau peer media, de asemenea P2P Participatory media <-> User-generated media Interactive media <-> Network media Internet media <-> Online media Multimedia <-> Public media Web media <-> Web 2.0 <-> Web 3.0

MULTIMEDIA Definiia pentru DOCUMENTUL MULTIMEDIA Documentul multimedia este acel document ce conine medii de natur diferit, elemente de interaciune cu utilizatorul ntre care se stabilesc relaii de seveniere i prezentare, bazate pe anumite specificaii temporale, spaiale sau de condiionare i cu o structur hipertext/hipermedia. Structura hipertext/hipermedia este compus din pagini (pentru documentele online cunoscute i ca site-uri Web) sau din scene (pentru documentele multimedia off-line) i din legturi ntre informaiile acestor componente. Principiile structurii hipertext/hipermedia stau la baza construirii/realizrii site-urilor Web sau a documentelor pe CD sau DVD i la baza citirii/navigrii acestora de ctre utilizatori. Princincipiile hipertext/hipermedia sunt: topologic, eterogenitii, mobilitii centrelor i deplasrii pas cu pas, exterioritii.

1.2 Caracteristici ale documentului multimedia Caracteristici generale Documentul multimedia are o serie de caracteristici generale. Acestea sunt: - este descris prin interactivitate, distributivitate i deschidere, - are o structur hipertext / hipermedia, format din informaii i legturi dintre aceste informaii, - componentele sale sunt elemente media digitale de natur diferit, elementele necesare pentru structurarea, sincronizarea sau prezentarea documentului i elementele de interactivitate ce asigur interaciunea cu utilizatorul, - dinamicitatea, facilitatea de a reaciona, - navigarea, citirea lui se face din aproape n aproape pe un traseu definit de ctre utilizator. - Prezentarea, redarea, vizualizarea documentului se face prin interfae interactive, intuitive, uor manevrat de ctre utilizator (user-friendly); - Are trei dimensiuni: logic, temporal i spaial: - Dimensiunea logic vizeaz structurarea i organizarea documentului multimedia cu mai multe componente logice ce se includ unele pe altele, de obicei ntr-o form ierarhic. n acest fel, crearea i prezentarea documentului, la un anumit moment dat se concentreaz doar asupra unei singure componente, cum

MULTIMEDIA ar fi de exemplu o scen dintr-un scenariu multimedia sau o pagin web. Timpul este o dimensiune i o caracteristic special a documentului multimedia, el derulndu-se n timp. Organizarea spaial a componentelor media i de interaciune cu utilizatorul se realizeaz pe suprafaa ecranului i creaz ceea ce se numete interfaa cu utilizatorul. Organizarea logic precizeaz legturile ntre componentele documentului (pagini sau scene) n cadrul structurii hypertext/hypermedia. Combinarea mediilor i informaiilor cu un anumit neles, cu un anumit scop. Acest criteriu nu ia n considerare doar utilizatorul, ca i consumator final al informaiei, ci i pe cel care care lanseaz acest tip de document. La ce folosete un document multimedia? De ce este necesar s-l creez i unde trebuie s pun informaia pentru a putea fi accesat? De ce s aleg Web-ul ca suport de stocare i nu CD sau DVD? Rspunznd la aceste ntrebri m asigur c voi alege acel tip de document n concordan cu necesitile reale, c voi crea un coninut care s aib un anumit neles i o valoare n sine, m asigur c documentul multimedia nu este doar o colecie de medii, care se deruleaz pe ecranul utilizatorului. Pentru c n special secvenele video i audio sunt mari consumatoare de resurse, este foarte important suportul de stocare, server sau CD/DVD. n plus, trebuie s inem cont de faptul c cele dou suporturi interacionez i sunt complementare. ns facilitile oferite de dezvoltarea 2.0 a Web-ului ca dus la constuirea de documente cu caracteristici offline pe Internet, cum ar fi site-urile d etip wiki, enciclopedii. Cunoaterea utilizatorului, a audienei ajut la alegerea i asamblarea de informaii multimedia dup criterii potrivite.

Caracteristici offline

Un document multimedia offline pe CD sau DVD este definit i de alte caracteristici speciale: - are o structur hipermedia cu legturi ce se stabilesc ntre anumite obiecte i ntr-un anumit context. Aceast structur permite crearea de versiuni diferite ale aceluiai document, vizualizri multiple cu subseturi sau ci de navigare numeroase.

MULTIMEDIA deine o sincronizare inter-medii obinut ca legtur ntre componentele dependente sau independente i o sincronizare intra-mediu stocat n procesul de captare a acestuia; este un document dinamic datorit dependenei de timp. Crearea i parcurgerea sa este dat de contextul de derulare. derularea sa se bazeaz pe un storyboard, cel mai adesea organizat pe o ax a timpului, are o dimensiune spaial obinut prin relaiile de prezentare a componentelor media pe suprafaa ecranului; este portabil i are diferite formate de transfer (fiiere) ntre platformele calculator sau ntre diferite suporturi de difuzare. stocheaz ntr-un format unitar diferite componente media interdependende, n micare; datorit complexitii sale, la redarea i distribuia documentului multimedia se impun operaii de mpachetare i de compactare a resurselor media componente, dar i a unor resurse ale aplicaiilor authoring sau ale limbajelor de programare. Documentul multimedia nu poate fi creat i prezentat asemntor celui tradiional. Datorit complexitii sale documentul multimedia se mai numete i proiect. Paradigma WYSIWYG (What You See Is What You Get) este foarte folositoare pentru editarea de documente tradiionale, dar nu mai este aplicabil i pentru documentele multimedia datorit dinamicitii sale i a obiectelor componente, dependente n principal de factorul temporal, precum i din necesitatea de a le organiza n conformitate cu anumite relaii i condiii. Acest document se realizeaz mult mai complex folosindu-se software authoring. Durata de via a informaiei multimedia. Valoarea informaiei variaz n mod semnificativ de la un domeniu la altul, ceea ce nseamn c gestiunea duratei de via a informaiei poate avea implicaii diferite. Educaia, medicina, cercetarea, mass-media sunt domenii care cer un coninut fix ce trebuie pstrat o perioad mare de timp. Coninutul fix creaz suport pentru realizarea de materiale noi, pentru luarea de decizii, stabilirea de diagnostice, evaluarea de situaii. Gestiunea duratei de via a informaiei ncepe chiar din momentul captrii acesteia, crerii ei, urmnd fazele de producie, compresie, analiz i indexare, apoi citire i consumare propriu-zis. Durata de via a informaiei se ncheie atunci cnd aceasta nu mai este util, valabil pentru utilizator. Toate aceste faze nseamn un timp

10

MULTIMEDIA relativ mare. Dar, informaiile digitale care urmez s compun documentul multimedia trebuie alese n concordan cu caracteristicile tipului de suport i cu posibilitatea acestuia de a permite actualizarea informaiei. Astfel, pentru un document multimedia pe CD i DVD informaia trebuie s aib o durat de via relativ mare, actualizarea sa nefcndu-se uor i n plus i cu cheltuieli mari de resurse umane i financiare. La polul opus sunt informaiile selectate pentru un document multimedia - site Web. Acestea se pot actualiza rapid, fr cheltuieli mari, deci pot fi utile un tip scurt.

Caracteristici online

Caracteristicile site-urilor ca documente multimedia online. Datorit noilor tehnologii complexitatea aplicaiilor web a crescut semnificativ i se reflect n folosirea de medii de cele mai diferite feluri, n folosirea de imagini hart, formulare de interaciune, de limbaje de programe, de scripturi sau foi de stil. n consecin, documentele multimedia online dein atribute de calitate cum ar fi: - uurina n navigare, - accesibilitate, - scalabilitate, - mentenan, - usabilitate, - compatibilitate, - interoperabilitate. Obinerea calitii site-urilor este obligatoriu legat de respectarea tuturor cerinelor etapelor i activitilor de realizare a site-urilor, de la faza de proiectare pn la cea de publicare pe un server Web i de promovare. Dup interesul manifestat de ctre utilizator i dup tipul de informaie furnizat, site-ul web este considerat de specialiti ca: - Site promoional ce promoveaz servicii, produse, instituii, companii indiferent de profilul sau activitile desfurate. - Site informaional, de news ce public permanent actualiti sau informaii de diferite categorii. Scopul su este informarea sau divertismentul. Acesta este site-ul de tip jurnal electronic sau site-ul ce conine lucrri, cercetri, informri de specialitate, programe de actualitate, biblioteci virtuale sau jocuri. - Site tranzacional sau comercial ce ofer servicii i produse i face din utilizatorii de Internet, consumatori de produse i servicii. Scopul acestuia este de a vinde. Acest site urmrete s creasc

11

MULTIMEDIA profiturile companiei care l-a lansat, prin vnzarea unor produse sau servicii. Aceste tipuri de siteuri sunt destinate unui public diferit i se realizeaz cu costuri i timp de lansare diferite. Indiferent de tipul site-ului, este absolut necesar s se cunoasc caracteristicile publicului cruia i este destinat, mrimea i complexitatea sa. Caracteristici ale site-urilor web simple Conin pagini web simple cu coninut mai ales text i imagine fix. Coninutul lor informaional nu se schimb, este static. Sunt caracterizate de o navigaie simpl; Sunt sisteme independente, standalone; Sunt folosite pentru diseminarea informaiei Caracteristici ale site-urilor web avansate Sunt pagini web nsoite i de baze de date gestionate prin sisteme specializate, CMS. Informaia de coninut este dinamic, se modific n timp i dup necesitile utilizatorului; Navigarea i regsirea informaiei este realizat prin metode complexe de cutare. Sunt integrate cu baze de date i alte sisteme de planificare, programare i testare. Apar ca aplicaii complexe.

1.3 Etape n realizarea documentului multimedia Prin dimensiunea i dificultatea pe care o prezint, aplicaiile I. Planificarea i multimedia sunt activiti de grup, implicnd numeroase cunotine identificarea specializate. necesitilor i Procesul de realizare a unui site Web ncepe prin a defini costurilor. strategia i scopul site-ului, apoi acesta se proiecteaz prin stabilirea modului n care el arat i funcioneaz. Pn la scrierea i editarea efectiv a paginilor Web cu ajutorul softului specific HTML, realizarea site-ului este un proces complex de analiz a condiiilor i datelor necesare. Faza de producie sau dezvoltare propriu-zis const n construcia site-ului i codificarea HTML a paginilor. Site-ul realizat este testat pentru funcionalitate, verificat pentru a regsi obiectivele definite i apoi, publicat. Aceleai etape trebuie parcurse i pentru documentul offline, numai c se lucreaz cu un soft authoring.

12

MULTIMEDIA Etapele de baz ce trebuie parcurse n construirea unui document multimedia sunt: Aceast etap cuprinde activiti de tipul: - identificarea tipului de soft authoring (de realizare a documentului multimedia) care s corespund mesajului i obiectivelor de realizat; - stabilirea instrumentelor de scriere, a elementelor grafice, muzicale, video necesare; - dezvoltarea unui scenariu grafic de desfurare a documentului; - dezvoltarea unei structuri i a unui sistem de navigare care s permit utilizatorului s viziteze coninutul i s recepioneze corect mesajul; - estimarea timpului necesar pentru pregtirea tuturor elementelor; - crearea unui mic prototip care s dovedeasc conceptul. Documentul multimedia indiferent de tipul su se realizeaz prin metode diferite avnd ns, un plan, un scenariu i o structur ce permit ca mesajul documentului s ajung nealterat la utilizatorii finali. O alt component important a unui document multimedia este creativitatea. Un obiectiv foarte important este ca documentul s realizeze necesitile utilizatorului final i s fie puternic interactiv. Pentru o bun organizare a documentului i a activitilor ce in de realizarea lui, se obinuiete s se traseze schema general a ideilor incluse. Apoi, se analizeaz fiecare component multimedia a documentului i se genereaz un plan de aciune ce va deveni o hart a traseului ce trebuie parcurs n producie. Aceast etap este crucial n dezvoltarea efectiv a unui site web. Planificarea i organizarea corespunztoare a unui site asigur ndeplinirea condiiilor de timp, de calitate i a obiectivelor acestuia. n aceast faz se examineaz cerinele site-ului, profilul audienei i obiectivele sale, trebuie construit harta navigaional,. Se iau n considerare i cerinele tehnice, cum ar fi: accesul utilizator, browser-i necesari, plug-inuri, restricii la descrcare (download). Numai dup organizarea informaiei i determinarea structurii operaionale se poate crea efectiv site-ul. Argumentul acestei etape este cel al nelegerii comparaiei dintre un site Web i o pagin web. Principalele probleme de rezolvat n aceast etap sunt: - Alegerea tipului de site (informaional, comercial), a temei i dimensiunii sale; - Determinarea obiectivelor site-ului.

13

MULTIMEDIA ntotdeauna trebuie s existe o motivaie pentru realizarea site-ului, despre ce urmeaz s se realizeze cu acest site. Aceste obiective trebuie s fie, n permanen, n atenia Web masterului, n toate fazele de realizare a site-ului. Obiectivele sunt importante n a focaliza i inti site-ul ctre anumite necesiti particulare. Astfel, site-urile care furnizeaz informaii despre anumite subiecte specifice ar trebui s aib un mod de prezentare i de navigare diferit n comparaie cu un site care urmeaz s vnd produse. Complexitatea obiectivelor propuse vor afecta modul n care va fi navigat site-ul, coninutul acestuia, modul su de prezentare. - Stabilirea audinei. Dup stabilirea obiectivelor site-ul Web, trebuie vzut care este publicul cruia i se adreseaz acesta, cine ar fi interesat de citirea lui i n ce condiii. Utilizatorii folosesc browseri diferii, sunt conectai la viteze diferite, au sisteme de operare i monitoare diferite i au nevoie de plug-inuri pentru redarea de coninuturi diverse. Toi aceti factori pot afecta redarea site-ului. Apoi, n funcie de publicul ales, trebuie determinate elementele de interes pentru acesta. - Cercetarea condiiilor tehnice de derulare a siteului (tipuri de reele, browsere, editoare). Alegerea browserului este o problem foarte important cnd se proiecteaz paginile web, deoarece informaia din paginile web poate avea de suferit la vizualizarea n condiii diferite, la clienii poteniali. n plus, vizualizarea corect a paginii att la autor ct i la utilizator nu depinde numai de browseri, ci i de sistemul de operare, de rezoluia monitorului, de capacitile lor grafice. Pentru a ne asigura c siteul va fi consultat n condiii bune, de ct mai muli utilizatori, el se va verifica pe mai mult dect un browser. Alegerea browserului i a facilitilor lui este foarte important pentru vizualizarea site-ului. - Crearea site-ului trebuie s asigure i compatibilitatea browserilor. Ideal este s se construiasc site-ul pentru ct mai muli browseri, ndeplinind condiiile ntlnite la cei mai muli dintre ei. Chiar dac se au n vedere doar browserii cei mai folosii de ctre utiizatori, sunt implementai n versiuni diferite. De aceea, trebuie creat o baz minim de compatibilitate a site-ului din punct de vedere al browserilor. Este bine dac Web masterul poate obine un feedback de la audien, pentru aceasta furniznd, de obicei, o adres de email. Site-urile mai complexe din punctul de vedere al prezentrii, ce folosesc animaie, coninut multimedia i interaciune 14

MULTIMEDIA respect mai puin criteriul de compatibilitate ntre browseri. Astfel, nu toi browserii pot executa JavaScript, dar toi pot citi text fr probleme. Pe de alt parte, un site numai de text este puin atractiv i mai puin eficient n transmiterea informaiei. De aceea, trebuie asigurat un balans ntre compatibilitatea browserilor i eficiena prezentrii informaiei. O idee ar fi s se creeze versiuni multiple pentru aceeai pagin, n funcie de browserul regsit la utilizator. - Alegerea serverului pe care se va face stocarea. Spaiul disponibil pe care ni-l ofer serverul poate condiiona dimensiunea i calitatea site-ului. Astfel, pe un server propriu, spaiul nu este practic limitat, n timp ce pentru un server oferit prin serviciile Web, spaiul de stocare este limitat la un numr de MB (poate fi 6, 10, 20 MB sau mai mult). - Obinerea unui feedback (prin e-mail sau prin formular) al modului n care a fost perceput informaia, adic despre publicul care contacteaz site-ul. - Organizarea structurii site-ului. Documentul Web este constituit din numeroase fiiere ntre care se stabilesc legturi. De aceea, este foarte important s se stabileasc de la nceput ierarhia de foldere i poziiile fiierelor n aceste foldere. n mod obinuit, se creaz un folder unde se pun toate fiierele site-ului local. Aceste fiiere sunt apoi copiate pe un server Web, pentru a putea fi vzute i citite de utilizatorii reelei Internet. n cadrul folderului site-ului se pot crea subfoldere pe criterii de coninut unde sunt puse toate paginile create pe acelai subiect, pe criterii de medii pentru sunete, secvene video sau imagini. Folosirea subfolderelor se face numai cnd este necesar, mai ales atunci, cnd se lucreaz cu un numr mare de fiiere n cadrul site-urilor complexe. Aceast organizare face site-ul mai uor de ntreinut i de navigat. Structura site-ului pe staia client i la server trebuie s fie aceeai (fig.).

15

MULTIMEDIA

Inform generale aii

Inform generale aii

Catalog

M edii diferite

M edii diferite

Catalog

M edii diferite

Fig. Organizarea site-ului pe structura de foldere i fiiere II. Proiectarea

Aceast etap n realizarea documentelor multimedia este legat de definirea structurii i coninutului scenelor (pentru documentele offline) sau paginilor sale (pentru documentele online). - Se ntocmete un plan al structurii de scene i coninutul documentului multimedia. Definirea structurii se face pornind de la obiectele sau elementele multimedia componente. Planul de structur al documentului multimedia se numete hart navigaional i el stabilete conexiunile i legturile dintre diferitele componente ale documentului i ajut la organizarea coninutului pe baza unui scenariu ce se parcurge la nivelul interfeei interactive cu utilizatorul. Cele mai frecvente structuri de documente multimedia sunt cele de tip liniar, ierarhic sau graf. Modalitatea de navigare aleas va determina parcurgerea documentului prin interfaa utilizator i desemneaz structura navigaional a acestuia.

16

MULTIMEDIA

scena1

Harta navigaional urmrete scenariul sau storyboardul documentului. Scenariul este prezentat prin descrierea n mare detaliu a fiecrei componente de coninut a documentului (scen sau pagin web). La rndul lor, scenele conin imagini, animaii, secvene video, sunete i texte. - Desenarea interfeei utilizator este o alt etap a fazei a II-a de realizare a unui document multimedia. Interfaa multimedia trebuie s se bucure de maximum de interactivitate, furniznd acces la coninut i utilizare uoar pe diferite nivele de cunoatere. Este important s se menin uor de neles structurile i conceptele documentului. Interfaa cu utilizatorul trebuie s fie consistent ca aspect i comportament, trebuie s ia n considerare folosirea contrastelor, folosirea corespunztoare a spaiului alb de pe ecran, a culorilor i a scrilor de gri, a umbrelor i nuanelor, a diferitelor forme, a textului invers pentru accentuarea textului i graficii, folosirea obiectelor cu umbr 2D i 3D. Site-ul, ca document multimedia online, ncepe cu construirea unei hri navigaionale care arat modalitile de legare i de prezentare a site-ului, de navigare a acestuia, componentele de coninut (elementele grafice, media, textele), temele, culorile din -

Scena2
17

MULTIMEDIA fiecare pagin a site-ului. Harta navigaional poate fi desenat manual sau cu un soft de desenare specializat. Aceast etap presupune pregtirea coninutului paginilor, stabilirea elementelor comune tuturor paginilor web i modul lor de prezentare (logosul firmei, al instituiei, produsului sau serviciului prezentat, data actualizrii i autorul paginii). De asemenea, sunt luate n considerare modalitile de feedback ale paginilor i elementele de prezentare. Feedbackul furnizeaz o modalitate pe care vizitatorii o au pentru a contacta web masterul. Harta navigaional asigur meninerea consistenei n prezentarea i proiectarea site-ului. Utilizatorul ar putea fi derutat dac la deschiderea fiecrei pagini din site-ul Web va regsi o prezentare diferit sau dac elementele de navigare se regsesc n locuri diferite pe fiecare pagin. Pentru aceasta este necesar harta navigaional. Ea va urmri traseele posibile pe care utilizatorul le poate parcurge la deschiderea site-ului. Pe aceast hart se vor nsemna modalitile oferite utilizatorului de a afla unde se regsete n site i cum s se ntoarc la nivelurile superioare. Astfel, se poate furniza un index care ar ajuta vizitatorii s regseasc rapid informaia pe care o caut.

Exemplu de ntocmire a unei hri navigaionale Captarea coninutului site-ului. Dup crearea hrii navigaionale, se poate trece la captarea coninutului multimedia al site-ului: imagini, texte, animaii Flash, Shockwave, grafic, video, sunete, elemente de dinamicitate (scripturi Java, JavaScript, PERL, CGI). Aceste componente se realizeaz prin programe specializate 18

MULTIMEDIA i se salveaz n fiiere ce sunt apelate de codul HTML. Ele trebuie s fie deja create cnd site-ul ncepe s fie realizat. Toate aceste fiiere se organizeaz n structura de foldere a site-ului nainte de dezvoltarea propriu-zis a acestuia. III. Producia sau realizarea propriu-zis a documentulu

Aceast etap presupune realizarea propriu-zis a documentului pe baza unei bune organizri n timp i spaiu a componentelor media i de interaciune cu utilizatorul n cadrul scenelor. n aceast etap se colecteaz sub form de fiiere toate componentele multimedia. Crearea coninutului multimedia este etapa cu cel mai mare consum de timp n organizarea documentului. Captarea i editarea diferitelor medii presupune lucrul cu un numr mare de echipamente, de soft-uri specializate, de tipuri i formate de fiiere. Producia asamblarea documentului multimedia offline se face cu un soft author, cum ar fi Adobe Director sau Authorware. Documentul realizat va fi difuzat pe un suport optic de mare capacitate. Dezvoltarea site-ului const n adugarea i organizarea de coninut variat n paginile Web folosind un soft de editare HTML specializat. Adugarea de componente multimedia i de elemente de design va genera codul HTML al fiecrei pagini a site-ului. Suplimentar, sunt adugate elemente de formatare a componentelor i a paginilor, imagini hart sau rollover, imagini animate n diferite formate, elemente de programare (applete i scripturi), elemente de legare i structurare. Elementele de coninut stabilesc legturi de navigare. La dezvoltarea site-ului pot fi luate n considerare template-uri i biblioteci de elemente. Template-urile sunt folosite pentru caracteristicile de prezentare comune ale paginilor site-ului Web. Crearea i aplicarea template-ului pe pagin sunt urmate de realizarea acesteia. Coninutul unei pagini este inclus direct n editorul HTML, aa cum este cazul textului sau a elementelor de interaciune (butoane de comand, butoane radio sau checkbox, zone de text sau de opiune) sau prin legarea fiierelor ce conin componente multimedia. Imaginea, sunetul sau video sunt captate prin programe software specializate, capabile s scoat un format de fiier media, recunoscut pe reeaua de calculatoare. Multe dintre paginile Web sunt statice, coninnd doar text i imagini. Creterea atractivitii i eficienei unui site este asigurat ns, prin introducerea de elemente de interactivitate i dinamism

19

MULTIMEDIA care au ca scop captarea interesului utilizatorului. n plus, vizitatorilor li se pot furniza elemente de feedback, li se poate da posibilitatea de a demonstra concepte, de a valida date din formulare electronice fr a contacta serverul. Interactivitatea i animaia este inclus n paginile Web apelnd la tehnica layer-elor, la scripturi i applete. Acestea sunt aplicate sub form de comportamente elementelor paginii Web, ce rspund la anumite evenimente. Un site bine realizat i calitativ trebuie s rspund ntotdeauna criteriilor: informative, de atractivitate i efectivitate. Atractivitatea site-ului are n vedere respectarea principiilor de design ale interfeei acestuia. Criteriul informativ se bazeaz pe principiul say what need to say, adic concizia i claritatea informaiei, dar i meninerea unor pagini distincte ale documentului, legate n primul rnd de coninut. Efectivitatea siteului se refer la modificrile care se fac n cadrul acestuia, atta timp ct exist un anumit scop, adic s se foloseasc pagini separate pentru subiecte sau capitole separate, s se menin validitatea legturilor ntre pagini, s se foloseasc grafic n msura n care este necesar.

IV. Testarea documentului multimedia

Aceast etap const n verificarea funcionrii corecte a documentului i verificarea ndeplinirii obiectivelor pentru care s-a realizat acest document. nainte de a publica site-ul pe un server Web, el este testat local. Testarea se face n diferii browseri i urmrete aspectul i coninutul paginilor, legturile dintre acestea. Testarea site-ului mai urmrete compatibilitatea dintre browseri, reglementarea condiiilor de formatare a elementelor paginilor, verificarea legturilor din pagini i ntre pagini, verificarea timpului de descrcare a site-ului.

V. Distribuia documentului pe un suport de mare capacitate sau publicarea lui pe Internet

nainte de distribuia efectiv a documentului offline pe un anumit suport se execut mpachetarea componentelor sale i crearea unui format executabil. n aceast etap se construiete un prototip care se testeaz, dup care se nregistreaz un CD master care va fi multiplicat. Se folosesc diferii termeni care indic starea curent a documentului multimedia pe un CD. Astfel, ediia de bronz indic faptul c produsul este aproape terminat, ediia de aur este cea care nu mai trebuie modificat sau corectat dup

20

MULTIMEDIA care se reproduc celelate copii. Ea se mai numete i ediie master gold. Documentul multimedia final va fi instalat pe diferite calculatoare, de aceea trebuie pregtite acele fiiere ce permit transferul rapid al documentului de pe CD pe platforma utilizatorului. Simpla copiere a fiierelor documentului pe hard discul utilizatorului nu este suficient pentru o instalare corespunztoare. De obicei, n aceast faz sunt instalate i fiiere ce aparin programului author, fiiere de sistem speciale sau fiiere de execuie. De aceea, este furnizat o singur unitate de program care acioneaz ca o rutin astfel, nct utilizatorii vor asista la instalarea automat a documentului pe propriul calculator. Aceast unitate de program este un fiier INSTALL.EXE ce creeaz directoare i icon-urile potrivite, copiaz fiierele de instalat. Pentru lansarea automat a unui CD se folosete fiierul AUTORUN.INF. Aceast etap poate fi consultat i n documentaia de instalare a produsului, n care utilizatorii au descrierea pas cu pas a procedurii ce trebuie urmat. Sunt supuse ateniei i eventualele probleme ce se pot ivi n acest proces ca i modul lor de soluionare. Toate acestea se regsesc ntr-un fiier README.TXT sau ReadMeFirst se va include pe discul de distribuie a documentului. Derularea documentelor multimedia offline este susinut de numeroase platforme software ce pot include extensii QuickTime pentru filme, extensii pentru muzic MIDI, fonturi speciale, biblioteci cu legturi dinamice, drivere pentru diferite medii. Spre deosebire de alte documente, documentul multimedia offline nu are nevoie de instalarea iniial a unui soft care s l poat deschide i citi. Versiunea executabil a documentului este cea care se va instalata pe calculatorul utilizatorului final. Distribuirea online const n publicarea site-ului i se refer la: - Transferarea paginilor pe serverul Web astfel, nct utilizatorii pot consulta informaia acestora. Aceast operaie este executat de un program FTP. Cel mai eficient mod este de a pune site-ul pe serverul cel mai apropiat. Alegerea serverului Web pentru stocarea informaiilor site-ului are n vedere i criteriile fizice legate de: tipul de conexiune Internet, limea de band furnizat, gradul de utilizare a serverului, diferite alte servicii oferite de furnizorul de acces Internet (zone CGI, serveri securizai); - Testarea final a paginilor web pe server; 21

MULTIMEDIA - Adugarea de materialele ajuttoare sau de referin pentru subiectul tratat de site. Promovarea este etapa care face cunoscut adresa site-ul la utilizatori prin maini de cutare, prin mijloace scrise sau audiovideo. Pentru ca site-ul s fie gsit pe Web prin intermediul cuvintelor cheie i a motoarelor de cutare, el trebuie ncrcat n baza de date a acestora. Aceeai operaie se cere i pentru directoarele online de cutare, unde audiena este mult mai intit. De asemenea, se mai practic ca form de promovare a site-urilor, punerea de legturi ctre site-urile nrudite informaional. VI. ntreinerea site-ului

Aceast etap const n meninerea informaiei n form actualizat i corect. Pe structura de foldere i fiiere existent a site-ului se poate face actualizarea folosind un program de tip FTP. Acesta va suprascrie fiierele i legturile site-ului aflat pe serverul Web. Aceast etap este specific pentru documentul multimedia online, site-ul web.

1.4 Echipa de realizatori, profesiile domeniului Echipa de realizatori a unui document multimedia este una mare i foarte specializat. Pentru cele mai multe dintre documente, de dimensiune i complexitate medie, doi membrii ai echipei complete sunt suficieni. Acetia sunt designerul multimedia care este i project managerul (managerul de proeict) i programatorul multimedia (Web). O echip complet de realizatori multimedia include: project manager sau productorul, designerul multimedia, scenaristul, specialistul video, specialistul audio i programatorul multimedia. n funcie de amploarea documentului, echipa multimedia poate fi i mai consistent, incluznd desenatori de animaie, compozitori, ingineri de efecte speciale, editori, fotografi, etc.. Fiecare membru din echipa de realizare a unui document Web are de ndeplinit obligaii specifice. Managerul de proiect rspunde de dezvoltarea i implementarea ntregului document, ine evidena ntregului, a prilor lucrate individual de specialiti i poate fi specialistul n interfee cu utilizatorul. Designerul multimedia sau designerul interfeei, chiar i productorul, menine consistena vizual, folosind numai acele 22

MULTIMEDIA elemente ce suport ntregul mesaj al programului, asigur cile de navigare, icon-uri cu un neles, elementele de pe ecran, se asigur c subiectul tratat este clar i bine prezentat. El are n grij coninutul documentului, creaz structura, determin elementele de design i decide mediile cele mai potrivite pentru prezentarea fiecrei pri de coninut, analizeaz coninutul structural i l combin cu cele mai potrivite metode de prezentare. El asigur acces la mediile componente, organizeaz coninutul multimedia, permite utilizatorului s acceseze sau s modifice coninutul, prezint coninutul pe ecran, asigur documentarea informaiei, a interaciunilor i a mediilor. Scriitorul multimedia sau scenaristul scrie propuneri, naraiunile, textul ecran, dezvolt caractere documentate pentru un mediu interactiv, creaz caracterul, acinea, punctul de vedere al scenariului i interactivitatea. Programatorul multimedia este denumit i inginer software i rspunde de integrarea tuturor elementelor multimedia ale unui document ntr-o unitate folosind un sistem authoring sau un limbaj de programare. Alte profesii mai sunt: Web designerul Web Editor Specialist SEO Programatorul Web Web developer

1.5 Structur, layout i design pentru documentul multimedia online Definiia interfaei om calculator sau interfaa cu utilizatorul Interfaa om - calculator este definit de limbajul de comunicare reprezentat de un set de simboluri, convenii i semnale vizualizate pe suprafaa ecranului i de perifericele de intrare - ieire manevrate n aceast comunicare.

Funcionarea interfeei om calculator sau interfaa cu utilizatorul

Elementele limbajului de comunicare au un rol important n determinarea expresivitii i aspectului interfeei. Prin interfaa cu utilizatorul trebuie asigurate caracteristicile de utilizabilitate i accesibilitate ale documentului multimedia. Tendina introdus de multimedia n aceast privin este aceea de a comunica cu calculatorul ntr-un mod ct mai divers i mai natural.

23

MULTIMEDIA Un aspect important al documentui multimedia este acela c el este legat de numeroasele periferice de captare i redare de medii, de numeroase metode prin care se poate realiza comunicarea cu utilizatorul. Interfee multimodale Multimedia furnizeaz interfeelor cu utilizatorul caracteristici speciale care asigur modaliti convenabile i multiple de acces, navigare i vizualizare a documentelor construite dup diferite structuri i, n plus, redarea n condiii de afiare n timp real. Pe acest considerent, interfeele multimedia sunt interfee multimodale. O categorie de interfee i mai special apare n mediul virtual, unde aplicaiile de simulare sunt eliberate de separarea n ferestre a spaiului ecran, cer afiarea informaiilor n timp real i furnizeaz micare prin manevrarea datelor tri-dimensionale. O interfa utilizator pentru un document multimedia este caracterizat ca interfa multimodal, n ideea acceptrii i folosirii de ctre aceasta a diferite metafore exprimate prin instrumente specifice, cum ar fi: palete (ferestrele i evenimentele), meniuri, butoane de diferite feluri, icon-uri sau liste. Denumirea de multi - modal a interfeei multimedia arat combinarea mai multor modaliti pe care aceasta le poate susine. Conform fiziologiei simurilor se disting trei categorii de modaliti: vizuale, auditive i tactile. Modalitile de intrare i de ieire a datelor sunt legate de periferice noi, cu funcii deosebite, necesare documentelor multimedia. Este un termen care se refer la aezarea pe ecran a coninutului Web, nseamn a face un plan de aezare a acestui coninut, maniera n care va fi aezat coninutul pe ecran. Este macheta paginilor Web. Layoutul trebuie s asigure ordonarea, ierarhizarea i prezentare estetic a informaiei. Un layout poate fi prezentat cu mai multe tipuri de design i un design poate fi atribuit mai multor layouturi. Termenii de pagin static i dinamic leag layoutul de un anumit coninut. Astfel paginile statice sunt cele n care nu se modific coninutul sau layoutul dect cu ajutorul realizatorului. Paginile dinamice ns adapteaz coninutul sau layoutul n funcie de interaciunea cu utilizatorul sau de interaciunea cu mediul.

Multimodalitatea i multimedia

Layout-ul paginii Web

24

MULTIMEDIA Designul Web Se refer la selectarea i coordonarea componentelor necesare pentru crearea layoutului i structurii site-ului i paginilor Web. Are n vedere crearea componentelor, a produsului web n ansamblu i ine cont de mai multe principii i criterii. Designul Web este procesul de planificare i creare a unui site web, dar i ale interfeei . Principiile de baz ale designului Web, conform Interactive Media Center sunt: Proximitatea, adic distana dintre elementele de pe o pagin Web. Alinierea sau aliniamentul - aceasta poate afecta n mod semnificativ lizibilitatea de pe o pagin. Repetiia - n paginile unui site trebuie s fie suficiente similariti pentru a crea un aspect consecvent al site-ului. Contrastul - Contrastul lucreaz n diferite moduri, ntre diferite elementele. Este utilizat pentru a face ceva diferit, de pus n eviden. Designul Web cuprinde mai multe aspecte i procese legate de: Vizibilitatea site-ului pe Internet, n special n motoarele de cutare, Valoarea informaional din punctul de vedere al utilizatorului, Aspectul estetic al paginii. Elemente ale designului Web pot fi: dimensiunea paginii Web, navigarea sau caracteristicile textului (Font, corp, culoare) Designul Web 2.0 se supune criteriilor i standardele de proiectare ale interfeei cu utilizatorul Web 2.0. Iat cteva dintre acestea, aplicate de ctre Vinfotech: Designul Web 2.0 poate presupune astfel: Folosirea tehnologiei AJAX pentru dezvoltarea paginilor i aplicaiilor cu un aspect unitar, Folosirea unui numr redus de coloane, de obicei trei. n coloana principal se pun informaiile, n coloanele laterale se afieaz detalii. Diferenierea vizual a diferitelor entiti i elemente prin aplicarea unui cod de culoare. Folosirea butoanelor de help pentru nceptori. Simplitate n concept i realizare ce asigur funcionalitatea i transmite mesajul site-ului n mod corect. Fundal simplu. Fonturi mari. Elemente vizuale minimale. 25

MULTIMEDIA Culori puternice.

User Interface Design nu este acelai cu Web Design. User Interface Design. Se refer la selectarea i coordonarea componentelor necesare pentru realizarea unui layout i unei structuri relevante pentru interfaa cu utilizatorul. El este construit n concordan cu principiile de utilizabilitate i accesibilitate. Web Design este despre prezentarea coninutului i structurii paginii sau site-ului Web.

Elemente pentru proiectarea interfeei cu utilizatorul a paginilor Web i de utilizabilitate

Respectarea principiilor de design ale interfeei utilizator pentru pagina Web asigur atractivitatea i eficiena acesteia, apreciate prin uurina de a o citi i a o folosi. Aceste principii sunt enunate de diferii autori, de diferite organizaii i organisme, care recomand: folosirea de linii orizontale pentru separarea coninutul paginii Web; - crearea de pagini multicoloan ce asigur acoperirea cu un coninut variat i o organizare uoar a paginii; - alegerea unui format de coloan de dimensiunea coninutului su; - controlul curgerii informaiei prin definirea limii paginii i a coloanei; - alegerea unor culori ce fac pagina mai atractiv i mai uor de citit; - folosirea unui corp moderat de caracter care s asigure un text citibil; - folosirea mai multor pagini, de dimensiune mai mic, legate, n locul unei pagini foarte lungi; folosirea de imagini fixe sau animate, n format mic, care s se ncarce repede; folosirea de exemple de siteuri pentru pagini personale, business, site-uri ale comunitilor, pentru organizaii; folosirea unui contor utilizator; folosirea de elemente care dau dinamicitate site-ului: scripturi JavaScript care asigur schimbarea de aspect i culoare a paginii, imagini fixe i animate n acelai format de fiier i afiate n aceeai manier, componente ActiveX sau applete Java, tabele pentru aliniamente i efecte de multicolonaj, legarea spre baze de date.

26

MULTIMEDIA

Recomandri privind modul n care este proiectat site-ul i este construit harta navigaional a acestuia.

Aspectul i coninutul site-ului trebuie s fie n concordan cu scopul su (informativ, divertisment, comercial) i cu publicul cruia i este destinat; n mod obinuit, informaia este structurat pe cel puin dou nivele ierarhice, pagina index sau homepage i pagini de nivel 2. De asemenea, se obinuiete s se pun ct mai mult informaie la nceputul ierarhiei pentru ca cititorul s poat sorta rapid informaia primit. O bun prezentare a informaiei este legat de separarea ei n subiecte, tematici, capitole i subcapitole, iar subiectele de mic ntindere se pun de obicei n aceiai pagin Web. Pagina trebuie s includ ntotdeauna o legtur de ntoarcere la nivelul superior al site-ului prin care cititorul poate ajunge rapid la nceput. Trebuie puse toate legturile care pot ajuta la construirea unui tabel de coninut ce duc cititorul ctre alte seciuni, ctre paginile urmtoare sau precedente. Acest tabel este pus la nceputul paginii astfel, nct cititorii s tie, n permanen, unde anume se gsesc n site. n construirea legturilor, cel mai potrivit mod este de a folosi ca ancore cuvinte sau fraze care au un anumit neles pentru parcurgerea n continuare a informaiei. Trebuie avut n vedere c utilizatorul poate ncepe parcurgerea site-ul pornind din orice pagin i poate urmri diferite trasee n funcie de contextul dorit. n aceste condiii, pentru navigarea eficient a siteului este necesar planificarea numrului de linkuri i validarea acestora conform unor reguli de baz. Complexitatea paginii este direct proporional cu timpul necesar crerii i ncrcrii elementelor ei. De aceea, este important s se aleag un numr potrivit de imagini, sunete i filme n pagini. Este recomandat s nu se creeze documente Web cu caracteristici de coninut i aspect ce nu pot fi vizualizate de majoritatea browserilor. Pentru acele elemente ce nu pot fi vizualizate de anumii browseri s se foloseasc ntotdeauna text alternativ, explicativ. n plus, trebuie s se in seama de faptul c utilizatorii pot ignora o serie de setri pe care autorii paginilor Web le-au stabilit, cum ar fi: modificarea i dimensiunilor fonturilor, culorile i backgroundurile paginii. Trebuie luat n considerare ntotdeauna faptul c dimensiunea ecranului utilizatorului, rezoluia, numrul de culori admise sunt

27

MULTIMEDIA diferite de cele ale ecranului pe care s-a realizat siteul, chiar dac browserul folosit este acelai. De aceea, ar trebui alese caracteristicile ntlnite la majoritatea monitoarelor. Pagina siteului trebuie dimensionat n funcie de dimensiunea ecranului. Astfel, informaia poate fi prezentat pe scurt, segmentat n pri bine delimitate care fac mai uoar concizia paginilor. O regul pentru scrierea unei pagini este aceea c ea nu trebuie s depeasc 2 - 3 ecrane, inclusiv legturile locale de la nceputul sau de la sfritul su. La o pagin mai mare dect o fereastr, cititorul trebuie s-i aminteasc prea mult informaie care a fost deja afiat pe ecran. n plus, citirea pe vertical a paginilor lungi este nsoit de procesul de defilare care schimb coninutul ecranului, lsndu-l pe cititor inundat de o informaie nestructurat. Este recomandat ca informaia de aceeai natur sau apropiat s fie inclus n aceeai pagin, mai ales dac aceast pagin ar putea fi i imprimat sau salvat ca text de ctre cititor. Pentru a asigura o bun interfa a pagini n citirea pe ecran, imprimare i salvare n fiiere este recomandat ca pagina electronic s nu depeasc 2 - 3 pagini imprimate. Aceast regul este valabil i pentru graficele sau figurile inline. O soluie la o pagin ecran mai lung de 2 3 pagini imprimate este s se furnizeze un link ctre un fiier separat ce conine numai textul n lungimea sa total, ntr-o singur pagin. Aspectul paginii este influenat i mbuntit prin folosirea graficii i a culorii, de variaiile dimensiunii fontului, de folosirea textului alternativ pentru elementele grafice neafiabile, de inerea textului ct mai scurt fr defilare. S-a constatat c cititorii evit textul lung considerndu-l neesenial i se limiteaz de cele mai multe ori la citirea textului care face legturile, chiar nainte de a-i alege destinaia. Pentru pstrarea consistenei site-ului este recomandat s se foloseasc doar cteva stiluri de titluri i subtitluri necesare pentru a organiza coninutul n toate paginile sale. Editoarele HTML permit aplicarea a ase niveluri de titluri, dar care nu trebuie folosite toate ntr-o pagin. De asemenea, aceste stiluri de titluri trebuie folosite n ordine, cu un nivel titlu la nceput i, eventual, urmat de alte dou subtitluri. n plus, browserele folosesc diferit spaierea i fonturile, iar nivelurile titlu trebuie folosite pentru a indica structura. Trebuie evitat folosirea excesiv a caracterelor ngroate, a textelor scrise numai cu majuscul, nclinate i a fonturi multiple. 28

MULTIMEDIA Aceste caracteristici se aplic doar pentru a ntrerupe monotonia i pentru a crea un aspect vizual care s-l ajute pe cititor n parcurgerea textului pe ecran. Ele se pot nlocui de cele mai multe ori cu liste ordonate sau neordonate sau cu paragrafe bloc care micoreaz limea rndului text, menine marginile textului mai clar, face pagina mai uor de parcurs. Se pot insera linii orizontale pentru separarea vizual a seciunilor documentului, dar nu se folosesc linii albe sau rigle orizontale peste tot n pagin. Ideea este de a menine lungimea paginii la minimum. Este foarte tentant s se includ numeroase fonturi i stiluri n paginile web dar, scopul lor este de a face o pagin mai uor de citit, cu un coninut focalizat pe un anumit public. Astfel, anumii browseri permit folosirea de opiuni configurabile de ctre utilizatori, printre care i alegerea unui font pentru a-i vizualiza pagina. O bun tipografie ine de contrastul vizual dintre un font i un altul i de contrastul dintre blocurile text i spaiul alb nconjurtor. Exist cteva principii tipografice de baz ce fac pagina uor de citit: evitarea folosirii de stiluri n exces, folosirea de corpuri diferite, folosirea moderat a contrastelor, dar nu eliminarea lor. De aceea, este bine s se aleag cteva stiluri de titluri pentru organizarea coninutului i apoi, folosirea lor n mod consistent. Folosirea uniform, regulat a unor forme ajut cititorii s identifice rapid locaia i organizarea informaiei i crete legibilitatea paginilor. Se folosesc elementele tipografice deosebite pentru a trasa diferite ci de navigare n pagin. Astfel, cititorul va remarca mai nti aceste ci i contrastele paginii i nu titlurile sau alte detalii, deoarece el scaneaz pagina din punct de vedere grafic, identificndu-i formele apoi, ncepe c parcurg i s decodifice tipul i elementele paginii. Spre deosebire de o carte care este proiectat liniar n coninut, un autor Web nu poate fi niciodat sigur care sunt paginile pe care cititorul le vede nainte de pagina curent. De aceea, o titulatur consistent pus la partea superioar a paginii Web permite utilizatorilor s cunoasc imediat care este scopul principal al documentului i care este relaia paginii n legtur cu altele. n plus, grafica plasat deasupra titulaturii principale nu trebuie s fie prea mare pentru a nu fora ieirea titlului paginii din dimensiunea unui ecran standard. Folosirea de grafice n pagin aduce mult atractivitate vizual, coninut informaional, i determin nelegerea n mod mai dificil 29

MULTIMEDIA a mesajului transmis. Ideea este de a ine imaginile n dimensiune ct mai mic. Astfel, ar trebui ca dimensiunea tuturor fiierelor de imagini folosite pe o pagin Web s nu depeasc 30K. Pentru afiarea imaginilor de dimensiune mare este recomandat folosirea unei legturi de la o imagine de dimensiune mic la o copie a aceleiai imagini, dar la dimensiunea complet. Reducerea dimensiunii fiierelor imagine se poate face prin tratarea lor de ctre programe ce elimin culorile nefolosite. Folosirea backgroundurilor trebuie fcut astfel, nct textul, informaiile s rmn citibile. Nu este permis ca backgroundul s interfere cu mesajul transmis ctre cititor. n plus, contrastul culorii nu este totdeauna suficient (background deschis pentru text nchis i invers). Un background imagine ar trebui s aib un contrast mic, dar aceast soluie nu ofer un efect prea folositor. Backgroundurile color sunt foarte avantajoase pentru a pune paginile ntr-o prezentare, n coeziune, cele pastel fiind cele mai bune pentru citirea unei cantiti mari de text. Dac se vizualizeaz mai multe imagini, backgroundul negru va avea un efect mai mare, asemntor unei galerii. Folosirea de backgrounduri din piese texturate genereaz un efect de micare, de curgere, fcnd textul mai greu de citit. Backgroundul alb poate face textul s arate bine i documentul curat, dar nu este recomandat pentru un numr mai mare de pagini, fiind obositor pentru ochi. S se foloseasc imaginile recunoscute de cei mai muli dintre browseri, cu formatele GIF (CompuServe Graphics Interchange Format) cu extensie .GIF i JPEG (Joint Photographic Experts Group) cu extensie .JPG. Ambele formate imagine ar trebui s foloseasc harta de culoare RGB (red-green-blue). Pentru situaiile n care browserul nu le poate afia sau cnd imaginile nu se pot ncrca din diferite motive, este bine s se foloseasc textul alternativ. Se recomand folosirea formatului GIF pentru imaginile inline, desene line art, logo-uri i backgrounduri ecran. Pentru minimizarea timpului de descrcare a imaginilor se pot folosi fiiere GIF suprapuse. n situaia n care o imagine se repet de mai multe ori n pagin, este mai bine ca ea s fie inclus printr-o legtur altfel, browserul o va rencrca de cte ori este folosit. Prin specificarea n pixeli a spaiului pe care trebuie s l ocupe o imagine (folosind opiunea Image Properties) va crete viteza sa de descrcare, ntruct serverul

30

MULTIMEDIA nu trebuie s mai cear dimensiunea imaginii pentru a o transmite clientului. Ideal ar fi ca fiecare pagin s conin numele autorului, organizaiei, elementele de navigaie (link-uri sau icon-uri), informaii de copyright i data de modificare / actualizare. De asemenea, o pagin Web bine proiectat trebuie s conin informaii de contact. Astfel, se poate furniza o legtur ctre o adres email la care cititorii pot trimite comentarii, feedback-uri despre site.

1.6 Lucrare de verificare Unitatea de nvare 1

1. Alege un site web Analizeaz caracteristicile, structura, layoutul i designul lui. Propunei dou subiecte care se preteaz a fi stocate ca aplicaii multimedia pe CD-ROM i alte dou pentru Web. 2. Alege o pagin Web. Verific i ntocmete un raport privind ndeplinirea criteriilor de utilizabilitate n cadrul acesteia. 3. Construiete harta navigaional a unuia dintre site-uri www.fjsc.ro, www.unibuc.ro, www.evz.ro, www.adevarul.ro 4. Propunei un model de layout i de design pentru un site de news. 5. Propunei un model de layout i de design pentru un site corporativ.

1.7 Bibliografie pentru Unitatea de nvare 1 - Drul, G, (coordonator), Weblog platform de publicare online, Ed. Universitii din Bucureti, 2007 - Drul, G, Site-uri Web Metode i tehnici de realizare, Ed. Semne 2002 - Drul, G, Modelarea, stocarea i accesul la documentele multimedia, Ed. Semne 2000 - Garrand, Timothy, Writing for multimedia and the Web - a practical guide to content development for interactive media, Amsterdam Boston Heidelberg: Elsevier, 2006, JUR - Haig, Matt, Manual de e-marketing,; trad.: Mihaela State, Rentrop and Straton, 2005 - Pearrow, Mark, Web usability handbook, Boston, MA: Charles River Media, 2007, 31

MULTIMEDIA Introduction to usability, p. 1-28 Human factors, p. 29-58 User-Centered Design (UCD), p. 59-90 Usability aware design, p. 91-116 Accessibility, p. 117-148 Understanding your users and goals, p. 149-174 Usability metrics, p. 175-192 Heuristic evaluation, p. 193-228 Usability testing, p. 229-258 Other tools and techniques, p. 259-286 Transforming data into change, p. 287-310

32