Web - social Web (Web 2.0)

Dr. Sabin Buraga http://www.infoiasi.ro/~busaco/

TehnologiiTehnologii WebWeb <?xml version=“1.0” ?><curs desc=“…” />

Tehnologii Web

Dr. SabinCorneliu BuragaFacultatea de Informatica

Universitatea “A.I.Cuza” – Iasi, Romania

http://www.infoiasi.ro/~busaco/



Web‐ul social (“Web 2.0”)

Modelarea resurselor & meta‐dateCaracteristici ale Web‐ului social

Detalii in [NW, 1‐28] [PW2, 133‐141, 183‐242][SWC, 103‐134, 303‐346]



“Modul in care dam face mai mult decit ceea ce dam.”

Pierre Corneille



Web‐ul socialPreliminarii

Prezentare succinta a RDF Specificarea & utilizarea meta‐datelor

Web‐ul prezent = Web‐ul socialPrivire de ansamblu

cuprins



“The web is more a social creation than a technicalone. The ultimate goal of the Web is to support and

improve our weblike existence in the world. We clump into families, associations, and companies.

We develop trust across miles anddistrust around a corner.”

Tim Berners‐Lee, Weaving the Web, 1999

preliminarii



Realitati ale Web‐ului “vechi”:Web‐ul ca spatiu de “aprovizionare” cu date

Distributie de informatii – readonly WebUtilizatorul privit drept consumator pasivAparitia ebusiness‐ului (.com) si a altor e* (elearning, egovernment, emarketing,…)

Interactiunea cu vizitatorul este limitata(via email, guestbooks, webrings, forumuri)

Cautari bazate pe cuvinte‐cheie sau pe cataloage(directories)

Lipsa standardelor “razboiul” browser‐elor

preliminarii



Supraincarcarea informationala (information overload)

Sisteme de tip “conducta” (stovepipe systems)componente interconectate strins

informatii care nu pot fi partajate sau refolosite, aplicatii inchise, lipsa flexibilitatii

Agregarea slaba a continutului

preliminarii: probleme



<a href="cv.html">CV-ul meu</a>

Intrebari privitoare la structura:<a> este parte din ? Ori altceva?

cv.html este o resursa (obiect)? O clasa de obiecte?Un atribut? O relatie? Ori altceva?

preliminarii



<a href="cv.html">CV-ul meu</a>

Intrebari referitoare la vocabular:Intelesul lui <a> e similar cel din XHTML?

Autorul marcajului este cel care l‐a si publicat? Când?

Sub ce termeni privind copyright‐ul?

preliminarii



O maniera de a atasametadate(date privitoare la date)

vocabulare de termeni descriind “ceva”(proprietati, domenii,...)

Un mod de specificare a relatii intre resursestructuri de organizare a datelor

preliminarii: necesitati



Cunostinte despre “lucruri”(knowledge about things)

realizate sistematic, formalizat

create adhoc, manual, de catre oameni

preliminarii

La Master, pentru

“curiosi” ☺



preliminarii

Modelarea datelor trebuie sa faca implicitul explicit

“java” ≡ limbajul, insula ori sortimentul de cafea?



preliminarii

Modelarea datelor trebuie sa faca implicitul explicit“Java este un limbaj de programare.”“Eclipse este o aplicatie scrisa in Java.”

“Programarea Java poate fi mai usoara decit cea in C++.”

… dar pot fi oare intelese de catre calculatoare?

Usor de inteles de(unii) oameni



intrebare

Exista mijloace de a “explica” datele?



Resource Description FrameworkMecanism de descriere a resurselor

Scopuri:reprezentarea informatiilor privitoare la resursele Webreprezentarea informatiilor care pot fi identificatepeWeb, chiar daca nu pot fi accesate via Web

rdf



Cadru (abstract) pentru descrierea resurselorla nivelul calculatorului

Fundatie pentru Web‐ul semantic

rdf



Recomandare W3CRDF Model & Syntax Specification (1999)

RDF/XML Syntax Specification – Revised (2004)

http://www.w3.org/RDF

rdf



Folosit la asocierea de metadate resurselor Websi la specificarea relatiilor dintre resurse

Poate utiliza si o sintaxa XML

rdf: caracterizare



Uzual, asertiunile RDF specifica meta‐date privitoare laaspecte care privesc caracteristicile “externe”

ale unei resurse (autor, tip, data publicarii, copyright,...)

RDF poate fi util pentru descrierea resurselor “opace”(cu reprezentari in formate binare)

e.g., multimedia – fisiere audio, video,…

rdf: caracterizare



Resursa – specificata de URI‐uriProprietate – aspect, caracteristica, atribut sau relatieDeclaratie – triplu de forma { subiect, predicat, obiect }

rdf: model



rdf: model

URIURI

URIURI

URIURI



SubiectResursa – specificata de un URI – care este descrisavia predicat si obiect

PredicatRelatie – desemnata de un URI – stabilitaintre subiect si obiectPoate fi considerat si drept atribut (proprietate)

ObiectResursa referita de un predicat sau de o valoare

rdf: model



Autorul resursei desemnate de URI‐ulhttp://www.infoiasi.ro/~web/ este Sabin Buraga

<rdf:RDF><rdf:Description rdf:about="http://www.infoiasi.ro/~web/">

<s:Autor>Sabin Buraga</s:Autor> </rdf:Description>

</rdf:RDF>

rdf: model – exemplu



Alternative sintactice:autor ("http://www.infoiasi.ro/~web/", "Sabin Buraga")

isA ("#java", "#limbaj")referaPe ("http://www.infoiasi.ro/", "http://www.infoiasi.ro/~busaco/")

rdf: model – exemplu



Meta‐datele pot fi asociate unor resurse deja definite

<rdf:Description rdf:ID="csb"><s:Rol>prezentator la <Web /></s:Rol>

</rdf:Description>...<rdf:Description rdf:about="#csb">

<s:Adresa>http://www.infoiasi.ro/~busaco/</s:Adresa></rdf:Description>

rdf: model

Vocabularde termeni



Colectii de resurse: bag (multi‐set), secventa, alternativa“Cartea Programarea in Web 2.0 are ca autori

pe Anca, Ciprian si Ecaterina.”<rdf:RDF>

<rdf:Description rdf:about="http://webpro20.blogspot.com/"><s:Autor><rdf:Bag>

<rdf:li rdf:resource="http:// students.infoiasi.ro/~lucaa" /> <rdf:li rdf:resource="http://www.2wit.com" /> <rdf:li rdf:resource="http:// students.infoiasi.ro/~evalica" />

</rdf:Bag> </s:Autor>

</rdf:Description> </rdf:RDF>

rdf: model

Bag, Seq, Alt



Meta‐date pentru resurse: DCMIMediatizareWeb: RSS, Atom

Relatii intre resurse: FOAF, SIOC, DOAPMeta‐date “scufundate” in resurse:

XMP, microformate, RDFaExprimarea ontologiilor (taxonomii, tezaure etc.):

OWL, SKOS,…

rdf: utilizari



Vocabulare de meta‐dateDublin Core Metadata Initiative (DCMI)

Proprietati pentru descrierea resurselor:<dc:Title>, <dc:Description>, <dc:Contributor>, <dc:Publisher>,

<dc:Date>, <dc:Type>, <dc:Subject>,…

www.dublincore.org

rdf: utilizari



Asocierea de meta‐date siturilor Web(mediatizare – syndication)

Scop initial: transmiterea de date via canale, intr‐un format XML

RSS (Rich Site Summary) 0.9x (Netscape)

Scop ulterior: asocierea de descrieri RDF siturilor Web (meta‐date)

RSS (RDF Site Summary) 1.0 – 2000http://purl.org/rss/1.0/spec

rdf: utilizari



Asocierea de meta‐date siturilor Web(mediatizare – syndication)

Scop actual: syndication pentru siturile WebRSS (Really Simple Syndication) 2.0 – 2002specificatie in stadiu final (nu va mai evolua)http://blogs.law.harvard.edu/tech/rss

tip MIME folosit: application/rss+xml

rdf: utilizari



Mediatizarea unor tipuri de continut (liste de date):Noutati, schimbari, anunturi privitoare la continutul Web

(blog‐uri, wiki‐uri si multe altele)Listing‐uri de documente (resurse adaugate, fotografii,…)

Podcast‐uri & vodcast‐uriCalendare – evenimente, deadline‐uri,…

Baze de date (pachete software, job‐uri, bug reports, starea proceselor de afaceri etc.)

Informatii de jurnalizare (logs) a unui sistem (de operare)

rdf: utilizari



Fragmente de date unice sint reprezentate in XML,avind atasate meta‐date + data crearii saupublicarii (timestamp) flux (feed) RSS

rdf: utilizari – mediatizare web



Un feed este disponibil via un URL (fixat),eventual doar in contextul unui intranet/extranet,pentru a fi preluat & procesat de un program

navigator Web – Firefox, Flock, IE7, Safaricititor de stiri – FeedDemon, NetNewsWire,…

aplicatie Web – FeedBurner, Feedster, Technorati etc.




Aspecte de luat in consideratie:Legaturi spre resurse semnificativeAsocierea de meta‐date semnificativeEvitarea folosirii constructiilor (X)HTMLCompatibilitatea intre versiunile RSSComunicarea cu utilizatorii/masinileEvitarea abuzului de trafic de retea




Extensii (module) RSS 2.0 de interes:GeoRSS – informatii privind locatii geografice

http://georss.org/

mRSS (media RSS) – descrieri vizind continutul multimediahttp://search.yahoo.com/mrss/mrss




Atom defineste un format de reprezentare + un protocol de editare a resurselor Web(pentru blog‐uri, wiki‐uri, CMS‐uri,…)

format standardizat de IETF – RFC 4287protocol in curs de finalizare




Atom

preia toate avantajele RSS, dar il extinde

www.atomenabled.org




Atom Publishing Format

poate include diverse meta‐datecontinutul poate fi textual, (X)HTML etc.

datele binare se codifica in base64poate fi folosit in mod generic

tip MIME folosit: application/atom+xml




APP (Atom Publishing Protocol)

ofera un API pentru publicarea/editarearesurselor Web via HTTP

operatii uzuale:getUserBlogs, newPost, getPost, getRecentPosts,

editPost, deletePost, getCategories,…




APP (Atom Publishing Protocol)

foloseste stilul REST – orice este o resursadisponibila prin metodele HTTP

considerat ca protocol pentru servicii Web(syndication as Web service)

e.g., Indeed.com, LiteFeeds.com, RSSAuction.com, TadaList.com




Procesoare RSS/Atom:Apache Abdera (Java), PEAR::XML_RSS (PHP),

ROME (Java), Tailrank (Java), Universal Feed Parser (Python),

Windows Feeds API, XML::RAI (Perl)etc.




Alte formate conexe:OPML (Outline Processor Markup Language)ICE (Information and Content Exchange)

SyncML




Podcasting/vodcastingPodcasting = pod (iPod) + broadcast

flux audio/video automat expediat utilizatoruluipentru a fi redat de un playermultimedia – e.g., iTunes

accesibil oricand via un podcast feed: document RSS/Atom

rdf: utilizari



Relatii intre persoaneFOAF (Friend Of A Friend)

exprima informatii despre o persoanasi relatiile acesteia cu alte persoane

suport pentru e‐comunitati (social networking)

rdf: utilizari




http://rdfweb.org/

meta‐date privitoare la o persoana:<foaf:Person>, <foaf:name>, <foaf:gender>, <foaf:title>,

<foaf:mbox>, <foaf:homepage>, <foaf:weblog>,<foaf:Image>, <foaf:depiction>,...

rdf: utilizari




relatia knows (nu se specifica relatii mai rafinate– e.g., friendOf, collaboratorOf)

Specializari: http://purl.org/vocab/relationship

rdf: utilizari




Exemplu:“Paul o cunoaste pe Alina”:

@prefix foaf: <http://xmlns.com/foaf/0.1><#Paul> <foaf:knows> <#Alina> .

rdf: utilizari



Aplicatii FOAF – exemple:FOAF Explorer – genereaza reprezentari HTML ale documentelor FOAF

foafnaut – genereaza o reprezentare SVG a grafului relatiilor foaf:knows

plink – sit de tip social networkingFOAF Bulletin Board – colectie de fisiere FOAF

rdf: utilizari



Relatii intre comunitati virtualeSIOC (SemanticallyInterlinked Online Communities)

cadru pentru interconectarea siturilor de comunitati(blog, calendar, aggregator,…) & listele de discutii(precum bulletin board, mailing list, newsgroup)

foloseste RDF, FOAF, DCMI

http://siocproject.org/

rdf: utilizari



Descrierea unui proiect (software)DOAP (Description Of A Project)

meta‐date privitoare la un proiect:<doap:Project>, <doap:name>, <doap:homepage>,<doap:description>, <doap:wiki>, <doap:maintainer>,

<doap:programming-language>,...

se bazeaza pe RDF si FOAFhttp://usefulinc.com/ns/doap

rdf: utilizari



Asocierea de meta‐date documentelor hipermediaAdobe XMP (Extensible Metadata Platform)

meta‐date “scufundate” in resursa Webutilizeaza XML si un subset al RDFbazat pe vocabulare DCMI, EXIF,...

XMP SDK disponibil gratuit (ECMAScript)

www.adobe.com/xmp

rdf: utilizari



API‐uri RDFCarp and Spiral (.NET), Drive.NET (.NET)

Jena Semantic Web Toolkit (Java)RAP – RDF API for PHP, integrat in pOWL (PHP)Redland (C/C++, cu suport si pentru alte limbaje)

Vezi si Sweet Tools: http://www.mkbergman.com/?page_id=325

rdf: procesare



intrebare

N‐am putea specifica meta‐dateledirect in paginile Web?



Idee: Specificarea vocabularelor de meta‐datedirect in cadrul unor formate de redare a datelor

Aliniate “curentului” POSH (Plain Old Semantic HTML)utilizarea de marcaje XHTML pentru a desemna

semantica (structura) continutului

www.microformats.org

microformate



Reutilizarea vocabularelor XML existente,disponibile liber si standardizate

Seturi de vocabulare pentru realizarea de adnotarisemantice direct in XHTML si alte limbaje similareprocesare automata a reprezentarilor resurselor

microformate



Microformate compuse (folosesc mai multe proprietati):hCard – informatii de contact despre persoane, organizatii etc. (vezi formatul vCard – RFC 2426)

hCalendar – evenimente & orare(vezi formatul iCalendar – RFC 2445)

hReview – opinii emise despre o resursa(produs, locatie, eveniment, persoana,…)

hResume – informatii despre un CVhAtom – similar cu Atomgeo – coordonate geografice ale unei locatii

microformate



Marcaje XHTML (<div>, )pentru specificarea datelor &structurii lor

“Clase” CSS pentru prezentare& asocierea de descrieriale meta‐datelor

microformate

StructurareapaginilorWeb: precizareaintelesului(semanticii)continutului



microformate

Informatii despre o persoana via hCard:



Elementare (nu au alte proprietati):reltag – asociaza unei legaturi hipertextun termen (tag) – cuvint‐cheie ori subiect – ales liberde autor (tagging content)

<a href="http://technorati.com/tag/fish" rel="tag">fish</a><a href="http://en.wikipedia.com/wiki/UNIX" rel="tag"

class="skill">UNIX</a><a href="http://flickr.com/photos/tags/Penguin" rel="tag">

<img src="tux.jpg" alt="Foto cu un pinguin" /></a>

microformate



Elementare (nu au alte proprietati):XFN (XHTML Friend Network) – relatii de “prieteni”(colaboratori, rude, cunoscuti,…)

<a href="http://www.infoiasi.ro/~dlucanu/"rel="met, colleague, co-worker, neighbor">Dorel Lucanu</a>

microformate



microformate: utilizari

Flickrinfoiasi.roLast.fmRevyu

UpcomingWordPressXWiki

Yahoo! Techetc.



Triplele RDF şi vocabularele de meta‐date(e.g., DCMI, FOAF) pot fi exprimate

via microformate

RDFa – “scufundarea” RDF in XHTMLwww.w3.org/TR/xhtmlrdfaprimer/

XHTML 2.0 – suport direct pentru meta‐datewww.w3.org/TR/xhtml2

microformate



microformate: demo

!!



WWW ≡ platforma in care utilizatorulisi controleaza propriile date

asa‐numitul “Web 2.0” (Tim O’Reilly, 2005)

web‐ul prezent



Posibile definitii ale Web 2.0

“…a vision of the Web in which information is broken up into «microcontent» units that can be distributed

over dozens of domains.” Richard MacManus & Joshua Porter

web‐ul social




“...is about making the Internet useful for computers.” (Jeff Bezos)

web‐ul social




“…openness of data and services, rich user experienceand low cost of delivery.”

(Jeff Clavier)

web‐ul social



Noi tipuri de aplicatii Web (exemple):Weblog‐uri – jurnale Web personale/colectiveWiki‐uri – aplicatii Web colaborativeSocial networks – comunitati de interesePodcast/Vodcast‐uri – streamingWeb la cerereMashups – combinarea continutuluidin mai multe surse (via servicii Web, RSS/Atom),oferind o functionalitate/experienta noua

web‐ul social



Alt punct de vedere in dezvoltarea software (B. Schauer, 2007): brandonschauer.com/mindshift.ppt

web‐ul social



Servicii (nu pachete software)Participare – read/write Web

colaborare, comunitati, conectivitateScalabilitate

Transformare/refolosire a datelorSoftware rulat oriundeInteligenta colectiva

Valori de bazadeschidere, transparenta, respect

web‐ul social: caracteristici



Servicii (nu pachete software)

aplicatiile masive (“mamut”) sunt substituitede cele constituite din servicii specifice,disponibile pe Web, usor de inlocuit

suita Office Google Docs

API‐uri gratuite pentru acces la servicii Web publice

web‐ul social



Adnotari (tag‐uri) definite de utilizator

clasificari adhoc realizate de oameni partajatein cadrul unei comunitati

adnotarea (tagging) continutului

web‐ul social



Adnotari (tag‐uri) definite de utilizator

Tag (termen de continut)data/meta‐data simpla asociata extern unei resurseutil la cautare, sortare, agregare, identificare etc.

Folksonomy = folk + taxonomy“…is the result of personal free tagging of pages and objects

for one’s own retrieval” (Thomas Vander Wal, 2007)

web‐ul social





Adnotari (tag‐uri) definite de utilizatorSocial bookmarking: del.icio.us, CiteULike, Ma.gnoliaMultimedia: Flickr, Dabble, Last.fm, ViddlerStiri: DiggEbusiness: Amazon, LuluLocalizare geografica (geotagging): Panoramio, PlatialMuzee: Steve.museum, PowerhouseIn Intranet: IBM Dogear, Scuttle, ConnectBeamLa nivel de sistem de operare (fisiere):Mac OS X, Windows Vista

web‐ul social



Adnotari (tag‐uri) definite de utilizatorTagging‐ul este realizat de persoanele consumatoarede informatii: scopul este cel de a categorisi resursele disponibile pe Web

Uzual, tagging‐ul are loc intr‐o mediu social via un sistem de tagging

Navigarea bazata pe tag‐uri nu satisfacedeseori scopurile vizitatorilor

Tag‐urile folosite de experti diferade cele ale novicilor

web‐ul social



Adnotari (tag‐uri) definite de utilizatorTagging‐ul are caracter subiectiv si depinde de context

web‐ul social



Participare, nu doar publicare a datelorFenomenul blogging blogosfera

Platforme: Blogger, MovableType,WordPress etc.Tehnologia RSS/Atom pentru mediatizarea continutului

Relatii intre blog‐uri via permalinksSuport pentru tagging & comentarii

Microblogging – e.g., Jaiku, Twitter

web‐ul social



Tendinte conform Google Trends – februarie 2008

web‐ul social



Participare, nu doar publicare a datelor

Social network in stilul peertopeer (P2P)

Generatia I: LinkedIn (afaceri), Friendster, Hi5 (rel. sociale),…Generatia II – partajarea unui “obiect” social: Flickr (foto),

YouTube (video), Newsvine (stiri), H20 (idei), BookMooch (carti vechi), PatientsLikeMe (afectiuni) etc.

web‐ul social



Tendinte conform Google Trends – februarie 2008

web‐ul social



Participare, nu doar publicare a datelorGradul de participare poate fi variabil

Siturile sociale nu implica 100% participare activa

web‐ul social

1 creator, 10 synthesizers, 100 consumers



Participare, nu doar publicare a datelorUtilizatorii pot adauga valoare resurselor Web

Fenomenul remixarii – e.g., mashupYahoo! Pipes (procesare preponderent pe server)

Microsoft PopFly (prelucrare preponderent la client)

web‐ul social



Participare, nu doar publicare a datelorBookmarking: Connotea, Del.icio.us

Documente: Google Docs, Scribd, ThinkFreeMindmapping& diagrame: Bubbl.us, GliffyFotografii: BubbleShare, Flickr, SnapFishVideo: Blip.TV, JumpCut, Vimeo, YouTubePrezentari: SlideLive, Slideshare, Spresent

Evenimente: Eventful, UpcomingManagement de proiecte: Basecamp

Spatii virtuale 3D: SecondLife

web‐ul social



Descentralizare radicalaFenomenul BitTorrent

Un serviciu devine automat mai bun cu cit mai multioameni il utilizeaza fenomenul long tail

Context: Service Oriented Architecture (SOA)

web‐ul social



Incredere radicalaFenomenul wiki

(management colaborativ al continutului)Wikipedia

“With enough eyeballs, all bugs are shallow.” (E. Raymond)

Continutul generat de comunitati de utilizatoriare credibilitatemai mare

web‐ul social



Incredere radicala

Efect in contextul enterprise: constituirea/consolidarea de brand‐uri

Platformewiki: MediaWiki, TWiki, XWiki etc.

web‐ul social



Incredere radicalaAutentificare descentralizata de tip SSO (Single Sign On)

via OpenID sau CardSpace

OpenID permite unui utilizator sa demonstreze ca detineun URL specific menit a‐l reprezenta online

Detalii la http://openid.net& www.openidenabled.com

web‐ul social



Incredere radicalaOpenID functioneaza pe baza unui identity provider

ales de utilizator

Maniera de identificare a utilizatorului poate fi oricare(uzual, nume de cont + parola)

E.g.: un OpenID detinut de Sun demonstreaza ca opersoana e angajata la Sun, iar alt OpenID pentru Last.fmpoate incorpora preferintele muzicale ale persoanei

web‐ul social



Interactiune bogata cu utilizatorulInteractivitate Web similara interactiunii

conventionale cu utilizatorul(RIA – Rich Internet Applications)

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

web‐ul social



Interactiune bogata cu utilizatorulAcces de la distanta la servicii

direct in documentele Web sau via widget‐uri

Context: Web‐ul mobil

web‐ul social



Interactiune bogata cu utilizatorul – solutii:

(X)HTML, HTML dinamicFlash

applet‐uri Java, aplicatii Java Web Startcomponente ActiveXWindows Smart Clients

PDF (Portable Document Format)

web‐ul social




limbajele prezentationale – uzual, declarativeSVG (Scalable Vector Graphics)

XFormsXUL (Extensible UserInterface Language)

XAML (Extensible Application Markup Language) MXML – Flex & AIR, Flash Lite 3

JavaFXSilverlight

web‐ul social




suita de tehnologii AJAX(Asynchronous JavaScript And XML)

web‐ul social

Detalii in cursul viitor



privire de ansamblu

Punctul de vedereWeb –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”



privire de ansamblu



Arhitectura stratificata a Webului semantic (Berners‐Lee, 2006)

…si e doarinceputul!



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



Web‐ul socialPreliminarii

Prezentare succinta a RDF Specificarea & utilizarea meta‐datelor

Web‐ul prezent = Web‐ul socialPrivire de ansamblu

rezumat



??

Date post:	22-Jun-2015
Category:	Technology
Upload:	sabin-buraga
View:	883 times
Download:	2 times

Web - social Web (Web 2.0)

Technology