Sabin Buraga - Web: To Be Continued

IP Workshop – Tg. Mures 2007

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

1

Web …to be continued

Dr. Sabin-Corneliu BuragaFacultatea de Informatica

Universitatea “A.I.Cuza” din Iasi, Româniahttp://www.infoiasi.ro/~busaco/



2

Atentie, va rog… o prima intrebare:

Ce este Web-ul?

Opinii?



3

Citeva mituri – episodul 1

Mitul 1: Web ≡ Internet

Faptul 1: Web ≡ serviciu Internet

• Internet (1967)‣ TCP/IP, e-mail, FTP, news, Gopher, P2P,…

• World Wide Web (1989)‣ HTTP, URI, HTML, CGI, XML, REST,…



4

Ce este Web-ul?

• Ideea: integrarea unor sisteme informationale disparate intr-un mod unitar, fara diferente intre sursele de date

• “Anything can link to anything”

• Scopuri principale (Tim Berners-Lee):‣ Independenta de dispozitiv‣ Independenta de software‣ Scalabilitatea‣ Multimedia



5

Ce este Web-ul?

• Resursele sint identificate prin adresa lor – identificator uniform de resurse (URI)

• Existenta unui protocol (e.g., HTTP) pentru accesul la continutul resurselor

• Resursele (vazute ca documente) includ marcaje (adnotari)

• Marcajele contin la rindul lor URI-uri

pagini Web



6

Ce este Web-ul?

Functioneaza conform reglementarilorConsortiului Web

‣ >500 membri‣ MIT, ERCIM, Keio University‣ Adobe, HP, IBM, Microsoft, Sun,…

www.w3.org



7

Aplicatia WebInterfata + Continut + Program



8


Mitul 2: cea mai importanta e interfataMitul 3: cel mai important e programulMitul 4: cele mai importante sunt datele

Faptul 2: sunt importante toate!



9

Aplicatia WebDate (continut)

• Fisiere – format ales de programator‣ Probleme: interogare, extindere, performanta,…

• Fisiere – format standard XML‣ Usor de procesat, facil de transformat, independent

de platforma• Baze de date (relationale)

‣ Interogari in dialecte SQL‣ Probleme: integritate, normalizare,…

• Alte abordariPrezentare (interfata)Logica (program)



10

Aplicatia Web

Date (continut)Prezentare (interfata)

• Texte, imagini, animatii, audio, video multimedia

• Legaturi intre (fragmente) de resurse hipermedia (hipertext + multimedia)

Logica (program)



11

Aplicatia Web

Date (continut)Prezentare (interfata)Logica (program)

• CGI (Common Gateway Interface)• Servere de aplicatii Web• Servicii Web• Infrastructuri Web (framework-uri)

• La nivel de server si/sau client



12


Mitul 5: standardele nu folosesc la nimicFaptul 3: orice abateri de la standarde

vor determina un timp mai mare de proiectare/mentenanta/extindere a aplicatiei

Mitul 6: serverele de aplicatii Web ruleaza la fel pe orice platforma

Faptul 4: pina cind trebuie prelucrate resurse ale sistemului de operare



13

A doua intrebare:

Exista mai multe Web-uri?

Web 1.0, Web 2.0,…, Web N.0Web social, Web mobil, Web semantic



14

Conceptia Web-ului (Web 0.0)

As We May Think (1945) – Vannebar BushMEMEX (MEMory EXtended)



15

Conceptia Web-ului (Web 0.0)

Augment (1968) – Douglas Engelbart• mouse, interfete grafice, procesoare de text,

posta electronica, script-uri etc.

Graficon (1963)



16

Nasterea Web-ului (Web 1.0)

“Information Management: A Proposal”(1989) – Tim Berners-Lee, CERNwww.w3.org/History/1989/proposal.html

• Serviciu Internet• Bazat pe modelul client/server si pe hipertext



17

Web 1.0

Situri & aplicatii Web• Sit Web ≡ sistem pe care ruleaza un server Web

gazduind o serie de pagini (documente) WWW inrudite – ale unei organizatii, companii sau persoane‣ Ofera informatii unitare (scopuri comune)‣ Are asociata o adresa publica (vizibila),

bazata pe un domeniu Internet‣ Serverul Web poate gestiona simultan

mai multe situri ≡ gazduire virtuala‣ Poate fi disponibil in intranet sau extranet



18

Web 1.0

Situri & aplicatii Web• Aplicatie Web ≡ colectie interconectata de pagini

Web cu continut generat dinamic, menita a oferi utilizatorilor o functionalitate specifica‣ Interactiunea dintre aplicatie si utilizatori

are loc via o interfata Web‣ Uzual, sit Web = aplicatie Web

‣ Exemple: Altavista, Amazon, Expedia, Kartoo, PHPMyAdmin, webmin etc.



Situri & aplicatii Web• Arhitectura generala a unei aplicatii Web

19

Web 1.0



20

Web 1.0



21

Web 1.0

Realitati• Web-ul ca spatiu de “aprovizionare” cu date

–Distributie de informatii• Utilizatorul privit drept consumator pasiv• Aparitia e-business-ului (.com) si a altor e-*

(e-learning, e-government, e-marketing,…) • Interactiunea cu vizitatorul este limitata

(via e-mail, guestbooks, webrings, forumuri)• Cautari bazate pe cuvinte-cheie sau

pe cataloage (directories)• “Razboiul” browser-elor



22


Mitul 7: toata lumea poate vizualiza fisiere Word sau PowerPoint pe Web

Mitul 8: toata lumea “moare” dupa FlashMitul 9: daca situl se vede in IE,

atunci nu mai conteaza restulMitul 10: un design Web bun consta doar in graficaMitul 11: este usor & ieftin sa proiectezi un sit Web



23

Evolutia: Web 2.0

“The web is more a social creation than a technical one. The ultimate goal of the Web is to support and improve our web-like existence in the world.We clump into families, associations, and companies. We develop trust across miles and distrust around a corner.”

(Tim Berners-Lee, Weaving the Web, 1999)



24

Evolutia: Web 2.0

Caracteristici:• Servicii (nu pachete software)• Participare: read/write Web‣ colaborare, comunitati, conectivitate

• Scalabilitate• Transformare/refolosire a datelor• Software rulat oriunde• Inteligenta colectiva• Valori de baza

(deschidere, transparenta, respect)



25

Evolutia: Web 2.0

WWW ≡ platforma in care utilizatorul isi controleaza propriile date

• Asa-numitul “Web 2.0” (Tim O’Reilly, 2005)

• Web-ul social

• Caracter participativ al utilizatorului• Vizitatorul poate avea rol activ



26

Web 2.0

Noi tipuri de aplicatii Web (exemple):• Weblog-uri – jurnale Web• Wiki-uri – aplicatii Web colaborative• Social networks – comunitati de interese• Podcast-uri – streaming Web la cerere• Mash-ups – combinarea continutului

din mai multe surse (via servicii Web), oferind o functionalitate/experienta noua



27

Web 2.0

Adnotari (tag-uri) definite de utilizator• Clasificari ad-hoc realizate de oameni

partajate in cadrul unei comunitati• Folksonomy = folk + taxonomy• Adnotarea (tagging) continutului

• Exemple tipice: del.icio.us, Flickr



28

Web 2.0

Adnotari (tag-uri) definite de utilizator



29

Web 2.0

Participare, nu doar publicare a datelor• Fenomenul blogging• Platforme: Blogger, LiveJournal, WordPress,… • Tehnologia RSS/Atom pentru mediatizarea

continutului Web• Social network in stilul P2P ‣ Pentru afaceri: LinkedIn‣ Pentru relatii sociale: Friendster, Hi5, Facebook

• Utilizatorii adauga valoare resurselor Web‣ Vezi si Google Docs



30

Web 2.0

Participare, nu doar publicare a datelor• Extinderea la…

‣ Fotografii (Flickr)‣ Video (YouTube)‣ Prezentari (Slideshare)‣ Evenimente (Eventful)‣ Spatii virtuale 3D (SecondLife)

• Social search – accent pus pe cresterea productivitatii (descoperire, mai putin cautare)‣ Exemple: Clusty, Rollyo, Wink, Krugle etc.



31

Web 2.0

Increderea radicala• Fenomenul wiki (management colaborativ

al continutului) – vezi Wikipedia.org

• Interactiune facila via formulare Web• “With enough eyeballs, all bugs are shallow.”

(Eric Raymond)



32

Web 2.0

Schimbarea relatiilor de incredere/colaborare



33

Web 2.0

Interactiune bogata cu utilizatorul• Interactivitate Web similara interactivitatii

conventionale cu utilizatorul (RIA – Rich Internet Applications)

• Avantajele Web-ului (ubicuitate, date distribuite via hipertext, posibilitati de cautare etc.) + interactiune sofisticata + utilizabilitate

• Solutii: (X)HTML, HTML dinamic, Flash, applet-uri Java, componente ActiveX, PDF, limbaje prezentationale (e.g., SVG, XForms, XUL, XAML, MXML – Flex), Silverlight, AJAX



34

Categorii de aplicaţii• Centrate pe documente

(pagini statice, situri de companii)• Interactive (expozitii virtuale, situri de stiri,

planificare de calatorii)• Tranzactionale

(online banking, solutii B2B, worflow-uri)• Colaborative (chat, e-learning, servicii P2P, wiki)• Orientate spre portaluri (comunitati, afaceri)• De tip ubicuu (servicii bazate pe locatie,

disponib. multi-platforma, servicii configurabile)• Web social (blog-uri, spatii de lucru virtuale,

filtrare colaborativa)• Web semantic (sisteme de recomandare,

mediatizare, management de cunostinte)

Web 2.0E

volutia in

timp

a comp

lexitatii



35

Web 2.0

Punctul de vedere Web – Web attitude(Tim Berners-Lee, 2006):

• “Anyone can say anything about anything”• “No one knows everything about anything”• “My system is most valuable

because of its interconnection to its peers”



36


Mitul 12: Dupa Web 2.0 nu mai poate exista nimicFaptul 5: Exista diverse “tipuri” de Web

ce urmeaza a fi “descoperite”



37

In paralel cu Web 2.0

Web-ul datelor (Data/Semantic Web)• Structurarea resurselor disponibile pe Web• Modalitati de descriere a datelor

– via meta-date (date despre date) – si de a specifica diverse relatii intre resurse

• Datele sa poate fi “intelese” de catre masina



38

In paralel cu Web 2.0

Web-ul mobil• Situri Web proiectate pentru a fi vizualizate

via un dispozitiv mobil, dar accesate prin tehnologiile Internet actuale

• Vezi: www.mobiledesign.org & http://dev.mobi



39

Dupa Web 2.0…

Radar Networks & Nova Spivack, 2007 – www.radarnetworks.com



40

De urmarit…

Continutul creat de utilizator:www.uthtv.com, Zotero.org

Social networking: stu.dicio.us

Utilizarea dispozitivelor mobile avansate Lumile virtuale: terranova.blogs.com

Massively multiplayer (educational) games: www.thinkingworlds.com, www.seriousgames.org



41



42

Web

...to be continued!

Technology

Sabin Buraga - Web: To Be Continued