Comunicare în medii electronicebusaco/teach/courses/... · here://iCome Dr. Sabin-Corneliu Buraga...

here://iCome

Dr. Sabin-Corneliu Buraga – www.infoiasi.ro/~busaco/

Comunicare în medii electronice

Dr. Sabin‐Corneliu Buraga

here://iCome

Proiectarea siturilor Web

here://iCome

Nu poți câştiga nici un jocpână când nu eşti pregătit să câştigi.

Connie Mack

here://iCome

Întrebare

Care sunt tehnicile de proiectare Web?

here://iCome

Întrebare

Care sunt categoriile de aplicații Web?

here://iCome

Răspuns

Centrate pe documente – document centricconținut (pagini) static(e):

situri de companii, personale,...

here://iCome

Răspuns

Interactiveexpoziții virtuale, situri de ştiri, planificare de călătorii

here://iCome

Răspuns

Tranzacționaleon‐line banking, soluții B2B (Business‐to‐Business),

fluxuri de activități (worflow‐uri)

Tranzacție = set de paşi intermediari inter‐dependenți văzut ca un proces atomic

Exemplu: cumpărături via e‐shop

here://iCome

Răspuns

Colaborativetele‐conferințeWeb, wiki‐uri, servicii e‐learning,

servicii peer‐to‐peer (e.g., torrents)

Wiki (“foarte rapid”) = aplicație Web ce permite editarea facilă& colectivă de resurse, folosind un limbaj de marcareExemple: Wikipedia (MediaWiki), Infoiasi.ro (XWiki)

here://iCome

Răspuns

Orientate spre portalurilocalizare unitară de resurse focalizate pe un domeniu:

tehnic, de afaceri, guvernamental etc.

portaluri de tip enterprise, educaționale, cetățeneşti,de divertisment,…

here://iCome

Răspuns

De tip ubicuuservicii mobile bazate pe locația utilizatorului,

disponibile pe mai multe platforme: Web‐ul mobil

context: ubiquitous computing –MarkWeiser (1991)omniprezența & inter‐conectivitatea calculatoarelor

here://iCome

Răspuns

Web social (Web 2.0)blog‐uri, spații de lucru virtuale, regăsire & filtrare

colaborativă a datelor etc.

Weblog /blog = mijloc de comunicare: de la jurnal (personal)la depozit de informații într‐un domeniu de interes

Sisteme de blogging: Blogger, Movable Type, WordPress

here://iCome

Răspuns

Web semanticmodelarea cunoştințelor astfel încât să poate fi

“înțelese” de către calculatoare

sisteme de recomandare, mediatizare (syndication) complexă, management de cunoştințe etc.

here://iCome

Tipuri de aplicații Web

Centrate pe documenteInteractiveTranzacționaleColaborativeOrientate spre portaluriDe tip ubicuuWeb socialWeb semantic

Evoluția în timpa complexității

here://iCome

Întrebare

Există vreo “rețetă” de proiectare judicioasăa siturilor Web?

here://iCome

Design

here://iCome

Design

Aspecte importante:Funcția – designul (proiectarea) bun(ă) oferă suport pentru desfăşurarea activităților utilizatorului

Forma (Înfățişarea) – designul (proiectarea) bun(ă) trebuie să impulsioneze utilizatorul să foloseascăobiectul cu plăcere

here://iCome

Design

here://iCome

Design

Scop general“Designing interactive products to support the way people communicate and interact

in their everyday and working lives.”(Sharp, Rogers & Preece, 2007)

here://iCome

Design

Scop particularProiectarea/dezvoltarea de produse utilizabile (usable)

Ne interesează proiectarea siturilor Web(Web interface design)

here://iCome

Design Web

Aranjamentul spațial (layout)Asigurarea fluxului (rhythm, focus & color)

Organizarea informațiilor (information architecture)Asigurarea navigabilității

Modularitatea & flexibilitateaConsistența

here://iCome

Design Web: strategii

here://iCome

Design Web

Scopul & obiectivele unui sit WebIdentificarea publicului‐țintăStabilirea scopului (mission statement) – de găsit o m0tivație reală – “Find a need and fill it.”

Cunoaşterea obiectivelor principaleÎntocmirea unui plan concis privitor la informațiile ce vor fi disponibile pe sit

here://iCome

Design Web

Exemplu: situl Web al unui muzician“To maintain and develop lasting relationships with fans of Robert’s music. In addition to being visually and emotionally appealing and appropriate to Robert’s fan base, the site should be a reliable source for current information on Robert’s activities and provide consistently updated audio and visual stimuli that encourage repeated visits from fans.”

here://iCome

Design Web

Exemplu: claims from Flickr.com“Flickr.com is almost certainly the best on‐line photo management and sharing application in the world.” (pretindea Flickr în 2005)

Presupuneri (assumptions): partajarea nu doar a însemnărilor, ci şi a fotografiilor (personale)suport pentru realizarea de comentarii + adnotări (tagging)plăcerea oamenilor de a împărtăşi amintiri

here://iCome

Design Web

Dificultăți/realități:Lipsa unei structuri reale (tangibile) – contrast cu materialele tipărite

Necunoaşterea publicului‐țintă realVolatilitatea cerințelor & constrângerilorMediu de operare impredictibilInexperiența vizitatorilorAlte criterii privind calitatea (interfața, conținutul etc.)

here://iCome

Design Web

Cine?Ce?

Când?Unde?

here://iCome

Design Web

Cine?Posibilitatea de a afla cine e creatorul sitului/paginii

Aspect foarte important pentru situri informaționale (articole, ştiri, documentații, fotografii,…)

here://iCome

Design Web

Ce?Ce anume comunică un document/sit

Vizitatorul trebuie rapid să‐şi dea seama asupra tematicii oferite de un sit sau de serviciile puse la dispoziție de o aplicație WebAtenție la titlul paginii!

New page Untitled document

here://iCome

Design Web

Când?De indicat data ultimei actualizări a conținutului

Aspect esențial pentru situri de comerț electronic,legislative, cetățeneşti etc.

15 iulie 1997 vs. 07 ianuarie 2033

here://iCome

Design Web

Unde?Apartenența & afilierea autorului

Recurgerea la strategii privind identitatea (vizuală)

here://iCome

Design Web: aspecte importante

Navigarea prin sitexploatarea “puterii” hipertextului

strategii de navigare: meniuri, legături conexe, paginări,

cele mai recente vizitate pagini, harta sitului (site map),facilități de căutare în cadrul sitului etc.

here://iCome

Asigurarea contextuluiutilizatorul nu are acces la întreaga informație

disponibilă pe un sit

consistența prezentării, layout unitar,grupare judicioasă a conținutului,

recunoaştere facilă a datelor de interes(recognition, not recall),…

here://iCome

Accesul direct & rapidevitarea supra‐încărcării informaționale,transferul rapid al documentelor Web

paginarea conținutului, optimizări la nivel de cod, redimensionarea imaginilor, evitarea siturilor

realizate integral în Flash, prezentări alternative,…

here://iCome

Asigurarea simplității & consistențeiless is more + keep it simple

utilizarea metaforei & şabloanelor (template‐uri)

cel mai mult contează uşurința interacțiuniişi îndeplinirea scopurilor utilizatorului

here://iCome

Întrebare

Care este anatomia unui sit Web?

here://iCome

Structura unui sit Web

Pagina de start (home page)Sumar & scop, tipul conținutului,…Oferămaniere de parcurgere

Paginile subiectelor principaleSecțiuni importante ale sitului

Paginile subsidiareDivizează conținutul, oferă acces la resurse etc.Trebuie să includă legături spre pagina principală

here://iCome

Organizarea informațiilor la nivel de sitrealizarea relațiilor (logice) dintre module de informații

de analizat din punct de vedere:estetic, semantic, al utilității – conform scopurilor

here://iCome

Organizarea informațiilor la nivel de sitsecvențială

cronologie, general particular, alfabeticăcaroiaj (grid)

conform unor axe prestabilite – e.g., timp & tematicăierarhicăîn rețea

relații complexe între module (documente) de informații

here://iCome

De asigurat consistențaMărimea, culoarea & poziționarea unitară ale meniurilor de navigare, siglelor, conținutului etc.

Modificările importante vor fi anunțateSecțiunea “Noutăți” (What’s New, News), blog,…

Posibilități de contactPrin e‐mail, via un formular, secțiunea “Contact” etc.Forumuri sau blog‐uri corporatiste

here://iCome

Alte secțiuniAdrese Web favorite

situri conexe/partenere, blogroll,…Întrebări adresate frecvent

FAQ (Frequent Asked Questions)Condiții de utilizare sau asumare a răspunderii

DisclaimerPolitica de confidențialitate

Privacy policy

here://iCome

Instrumentele de navigare prin sitMeniu orizontal de navigare

here://iCome

Instrumentele de navigare prin sitMeniu vertical

PlatExpandabilBi‐nivel

Plasat în stânga/dreapta paginii

here://iCome

Instrumentele de navigare prin sitMeniuri combinate

Vertical + orizontalPe trei coloane: vertical, orizontal, vertical

here://iCome

Instrumentele de navigare prin sitPăstrarea contextului – breadcrumb navigation

here://iCome

Instrumentele de navigare prin sitAlte abordări:

Navigare matriceală – 2 axe navigaționalePaginarea conținutuluiPlasareamijloacelor de navigare in subsol– expansive footer navigation

Navigări complexe – e.g., hărți grafice, tehnici 3D, bazate pe interacțiunea cu utilizatorul etc.

here://iCome

Instrumentele de navigare prin sitGreşeli frecvente

Structura de navigare superficială – plată (flat)Structura de navigare excesiv de adâncă

here://iCome

Întrebare

Există modalități de organizare a sitului Web?

here://iCome

Organizarea sitului Web

Separarea datelor de prezentare(formă + navigare) şi de procesarea lor efectivă

Problememodificarea frecventă a conținutuluischimbarea periodică a interfețeipăstrarea integrității legăturilor

here://iCome

Organizarea sitului Web

Poate fi influențată şi de reacțiile vizitatorilorAudiența internațională

Colectarea (automată) de feedback de la utilizatoriRealizarea de chestionare on‐line –Web surveys

Verificarea & testarea frecventă

here://iCome

Întrebare

Aspecte importante legate de exploatare?

here://iCome

Exploatarea sitului Web

Provocăridisponibilitate imediată – 24h din 7 zile –

la nivel global, pentru un număr nelimitat de utilizatori

Suport permanent acordat clienților

here://iCome

Provocăricontinua evoluție a sitului (aplicației) Web

here://iCome

Publicarea situluiServer Web dedicatFurnizor de servicii de găzduire (Web hosting)

Atenție la performanțe, modalități de administrare,…

here://iCome

Publicarea situluiAlegerea domeniului simbolic Internet

Poate reflecta brand‐ul“Bătălia” numelor de domeniiServicii de redirecționare – e.g., purl.netRecurgerea la domenii “speciale”

.tv (Tuvalu), .fm (Federația Micronezia)

here://iCome

Promovarea situluiAdresa sitului “legată” de numele companieiAnunțuri publicitare – newsletters, advertising,…Affiliate marketing – schimb de banner‐e, pay per clickSEM (Search Engine Marketing)

Înscriere la motoare de căutareSEO (Search Engine Optimization)

Content‐related marketing – e.g., Google Adwords

here://iCome

Atragerea vizitatorilorOferirea de informații “free”

White paper, user guide, FAQ, eşantioane multimedia etc.Personalizarea sitului

iGoogle, My OperaSuport pentru serviciile oferite

Manuale, canal IRC, forum, blog, comunitate on‐line,…

here://iCome

Atragerea vizitatorilorAnticiparea dorințelor clienților

De exemplu, înainte de sărbători importanteTraduceri în limba maternă

Google.com vs. Google.roAsigurarea credibilității

Aspect important: drepturile de autor (copyright)Oferirea unei interfețe Web atractive

here://iCome

Asigurarea accesibilitățiiAccesibilitatea = accesul cu succes la informații şi tehnologia informației de către persoanele cu nevoi speciale: vizuale, auditive, motorii, cognitive

here://iCome

Asigurarea accesibilitățiiEsențialmente, trebuie oferite mijloace alternativefacilitând activitățile utilizatorilor, conform punctelor lor de vedere şi stilului de lucru al acestor persoane

WAI (Web Accessibility Initiative):www.w3.org/WAI/

here://iCome

Factori de riscDefinirea neclară a obiectivelorFocalizarea asupra unei audiențe nereprezentativePreluarea inflexibilă a conținutuluidin documentele tradiționale

Lipsa mentenanței conținutuluiLipsa mijloacelor de navigareSubestimarea importanței prezenței pe Web

here://iCome

Greşeli?

here://iCome

Greşeli?

here://iCome

Greşeli?

here://iCome

Rezumat

Tipuri de situri Web

Design Web

Aspecte privind proiectarea structurii,organizarea şi exploatarea siturilor Web

here://iCome

Întrebări?

here://iCome

Comunicare în medii electronicebusaco/teach/courses/... · here://iCome Dr. Sabin-Corneliu Buraga...

Documents

Transcript of Comunicare în medii electronicebusaco/teach/courses/... · here://iCome Dr. Sabin-Corneliu Buraga...

China – Everything you need to know by Sabin Lee by Sabin Lee.

Sabin Ivan - Presopunctura

Automatically generated PDF from existing images.dppd.uvt.ro/upload/pdf/fisa-cosmina-lungoci-comunicare-education... · In grupul de copii din medii multiculturale. Obiectivele disci

Comunicare augmentativa

Albert B. Sabin - National Academy of Sciencesnasonline.org/.../memoir-pdfs/sabin-albert.pdf6 ALBERT SABIN had a delayed start date of January 1, 1932. As a result, Sabin was set to

Carmina Graeca Medii Aevi_Guilelmus Wagner

Comunicare interpersonala - Irena Chiru interpersonala... · Title: Comunicare interpersonala - Irena Chiru Author: Irena Chiru Keywords: Comunicare interpersonala - Irena Chiru Created

Vox Medii Aevi 2(9) 2013

The Sabin Vaccine

Comunicare în medii electronice - profs.info.uaic.robusaco/teach/courses/icome/... · facilitat de Internet & Web ... partajat de resurse: ... din cadrul unei organizații Definităde

Comunicare în medii electronicebusaco/teach/courses/... · spațiul vertical dintre 2 linii de text uzual, titlurile (headings) nu necesită leading fonturilemasive vor avea nevoie

SABIN VACCINE INSTITUTE

Comunicare luglio 2014

Psihologie si Comunicare

Estetica Si Comunicare

Comunicare in Retea

lecture medii hatz

Interpret Area Ritmurilor-curs Cadre Medii

Course 4 - Otitele Medii

Semnificație și comunicare. Modelul Bühler-Habermas. Ioan Biris.pdf · Partea I. Comunicare Semnificație și comunicare. Modelul Bühler-Habermas Ioan Biriș Universitatea de