Sabin Buraga: Participând la Web

1,856 views

Published on

A presentation regarding Web technologies, delivered to students at journalism.

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,856
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
16
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Sabin Buraga: Participând la Web

  1. 1. participând la…Web Dr. Sabin Buragawww.purl.org/net/busacoo prezentare pentru studenții la jurnalism Dr. Sabin Buraga
  2. 2. Dr. Sabin Buragawww.purl.org/net/busaco “De la un anumit punct încolo, nu mai există cale de întoarcere.Acela este punctul ce trebuie atins.” Franz Kafka
  3. 3. preambul: ce este Web-ul? Dr. Sabin Buragawww.purl.org/net/busaco
  4. 4. Dr. Sabin Buragawww.purl.org/net/busaco Web WWW – World Wide Web“pânza de păianjen mondială”
  5. 5. WWW  Internet Serviciu InternetDr. Sabin Buragawww.purl.org/net/busaco
  6. 6. mediu de comunicare între oameni Dr. Sabin Buragawww.purl.org/net/busaco
  7. 7. …și între calculatoare Dr. Sabin Buragawww.purl.org/net/busaco
  8. 8. Dr. Sabin Buragawww.purl.org/net/busaco Idee (Sir Tim Berners-Lee la CERN – 1989)accesarea sistemelor informaționale disparate, indiferent de natura surselor de date
  9. 9. Dr. Sabin Buragawww.purl.org/net/busaco Idee (Sir Tim Berners-Lee la CERN – 1989)accesarea sistemelor informaționale disparate, indiferent de natura surselor de date anything can link to anything
  10. 10. Dr. Sabin Buragawww.purl.org/net/busaco Bazat pe modelul client/server cerere client Web server(browser) Web răspuns
  11. 11. …și pe hipertext Dr. Sabin Buragawww.purl.org/net/busaco
  12. 12. Dr. Sabin Buragawww.purl.org/net/busaco Scopuri principale:independența de dispozitiv independența de software scalabilitatea multimedia
  13. 13. Dr. Sabin Buragawww.purl.org/net/busaco Scopuri principale: independența de dispozitiv independența de software scalabilitatea multimediacaracter deschisopen standards
  14. 14. Dr. Sabin Buragawww.purl.org/net/busacoFuncționează conform reglementărilor Consorțiului Web MIT, ERCIM, Keio University Adobe, HP, IBM, Microsoft, Oracle,… www.w3.org
  15. 15. Dr. Sabin Buragawww.purl.org/net/busaco
  16. 16. arhitectura Web-ului Dr. Sabin Buragawww.purl.org/net/busacoResursele sunt identificate prin adresa lor identificator uniform de resurse URI – Uniform Resource Identifier http://slideshare.net/busaco/presentations
  17. 17. arhitectura Web-ului Dr. Sabin Buragawww.purl.org/net/busacoAccesul la conținutul – reprezentarea – resurselor Web se realizează printr-un protocol HTTP – HyperText Transfer Protocol
  18. 18. Dr. Sabin Buragawww.purl.org/net/busacoresursele – documentele – includ <marcaje /> pagini Web
  19. 19. arhitectura Web-ului Dr. Sabin Buragawww.purl.org/net/busacomarcajele conțin la rândul lor URI-urihipertext
  20. 20. Web-ul clasic: 1.0 Dr. Sabin Buragawww.purl.org/net/busaco
  21. 21. Caracterizare Dr. Sabin Buragawww.purl.org/net/busaco Sit Web sistem pe care rulează un server Webgăzduind o serie de pagini (resurse) înruditeale unei organizaţii, companii sau persoane
  22. 22. Caracterizare Dr. Sabin Buragawww.purl.org/net/busaco Aplicaţie Web colecţie interconectată de pagini Webcu conţinut generat dinamic, menită a oferi utilizatorilor o funcţionalitate specifică
  23. 23. Caracterizare Dr. Sabin Buragawww.purl.org/net/busaco Aplicaţie Webinteracţiunea dintre aplicaţie şi utilizatori are loc via o interfaţă Web
  24. 24. Caracterizare Dr. Sabin Buragawww.purl.org/net/busaco Aplicaţie Webinteracţiunea dintre aplicaţie şi utilizatori are loc via o interfaţă Web uzual, sit Web = aplicaţie Web
  25. 25. Dr. Sabin Buragawww.purl.org/net/busaco
  26. 26. Caracterizare Dr. Sabin Buragawww.purl.org/net/busaco Aplicaţie Web exemple:Amazon, Expedia, Flickr, GMail, Joobs.ro, Knol, PHPMyAdmin, Quora, SlideShare, Twitter, Vimeo, webmin, WordPress etc.
  27. 27. Caracterizare Dr. Sabin Buragawww.purl.org/net/busacoArhitectura unei aplicaţii Web
  28. 28. Dr. Sabin Buragawww.purl.org/net/busacoAplicaţie Web = Interfaţă + Conţinut (Date) + Program
  29. 29. Dr. Sabin Buragawww.purl.org/net/busacomitul 1: cea mai importantă este interfața
  30. 30. Dr. Sabin Buragawww.purl.org/net/busacoAplicaţie Web = Interfaţă + Conţinut (Date) + Program mitul 1: cea mai importantă este interfaţa mitul 2: cel mai important este programul mitul 3: cele mai importante sunt datele HTML, CSS, Ajax, Flash, Silverlight, SVG, widget-uri,…
  31. 31. Dr. Sabin Buragawww.purl.org/net/busacomitul 2: cel mai important este programul
  32. 32. Dr. Sabin Buragawww.purl.org/net/busacoAplicaţie Web = Interfaţă + Conţinut (Date) + Program mitul 1: cea mai importantă este interfaţa mitul 2: cel mai important este programul mitul 3: cele mai importante sunt datele server: C#, Java, Perl, PHP, Ruby etc.; client: JavaScript
  33. 33. Dr. Sabin Buragawww.purl.org/net/busacomitul 3: cele mai importante sunt datele
  34. 34. Dr. Sabin Buragawww.purl.org/net/busacoAplicaţie Web = Interfaţă + Conţinut (Date) + Program mitul 1: cea mai importantă este interfaţa mitul 2: cel mai important este programul mitul 3: cele mai importante sunt datelerelaționale (SQL), XML, grafuri, modelare semantică (RDF)
  35. 35. Dr. Sabin Buragawww.purl.org/net/busacoAplicaţie Web = Interfaţă + Conţinut (Date) + Program mitul 1: cea mai importantă este interfaţa mitul 2: cel mai important este programul mitul 3: cele mai importante sunt datele fapt: sunt importante toate!
  36. 36. Web-ul social Dr. Sabin Buragawww.purl.org/net/busaco
  37. 37. Dr. Sabin Buragawww.purl.org/net/busaco “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
  38. 38. Web-ul prezent Dr. Sabin Buragawww.purl.org/net/busacoWWW  platforma în care utilizatorul îşi controlează propriile date
  39. 39. Web-ul prezent Dr. Sabin Buragawww.purl.org/net/busacoWWW  platforma în care utilizatorul îşi controlează propriile dateaşa-numitul Web 2.0, conform Tim O’Reilly, 2005
  40. 40. Dr. Sabin Buragawww.purl.org/net/busaco „…openness of data and services,rich user experience and low cost of delivery.” Jeff Clavier
  41. 41. Web-ul social: Caracteristici Dr. Sabin Buragawww.purl.org/net/busacoParticipare, nu doar publicare a datelor read/write Web colaborare, comunităţi, conectivitate inter-personală și între aplicaţii
  42. 42. platforme de (micro)blogging Dr. Sabin Buragawww.purl.org/net/busaco
  43. 43. agregatoare de știri Dr. Sabin Buragawww.purl.org/net/busaco
  44. 44. Dr. Sabin Buragawww.purl.org/net/busacosisteme de recomandare bazate pe locație
  45. 45. Web-ul social: Caracteristici Dr. Sabin Buragawww.purl.org/net/busacoParticipare, nu doar publicare a datelor read/write Web social network în stilul peer-to-peer (P2P)
  46. 46. Web-ul social: Caracteristici Dr. Sabin Buragawww.purl.org/net/busacoParticipare, nu doar publicare a datelor generația I – relații (in)directe între persoane LinkedIn (afaceri), Friendster, Hi5 (relații sociale),…
  47. 47. Web-ul social: Caracteristici Dr. Sabin Buragawww.purl.org/net/busacoParticipare, nu doar publicare a datelor generația II – partajarea unui “obiect” social BookMooch (cărți vechi), Flickr (foto), H20 (idei), PatientsLikeMe (afecțiuni), Reddit (știri),…
  48. 48. Web-ul social: Caracteristici Dr. Sabin Buragawww.purl.org/net/busacoParticipare, nu doar publicare a datelor generația III – crearea unui univers digital personal, prin mixarea resurselor/serviciilor (mash-ups) Facebook, Twitter etc.
  49. 49. Web-ul social: Caracteristici Dr. Sabin Buragawww.purl.org/net/busaco Partajare de artefacte informaționaledocumente, fotografii, multimedia, cod-sursă etc.
  50. 50. Web-ul social: CaracteristiciDr. Sabin Buragawww.purl.org/net/busaco
  51. 51. Web-ul social: Caracteristici Dr. Sabin Buragawww.purl.org/net/busaco Partajare de artefacte informaționale documente, fotografii, multimedia, cod-sursă etc. e.g., sisteme de management de conținut on-lineBubbl.us, Flickr, Gliffy, GoodReads, Scribd, SlideShare, Revyu,…
  52. 52. Dr. Sabin Buragawww.purl.org/net/busaco
  53. 53. Web-ul social: Caracteristici Dr. Sabin Buragawww.purl.org/net/busacoAdnotări (tag-uri) definite de utilizator clasificări ad-hoc realizate de oameni partajate în cadrul unei comunități  adnotarea (tagging) conținutului
  54. 54. Web-ul social: Caracteristici Dr. Sabin Buragawww.purl.org/net/busacoAdnotări (tag-uri) definite de utilizatortag = (meta)dată simplă – termen arbitrar ales – asociată extern unui obiect (unei resurse)
  55. 55. Dr. Sabin Buragawww.purl.org/net/busaco
  56. 56. Web-ul social: Caracteristici Dr. Sabin Buragawww.purl.org/net/busacoAdnotări (tag-uri) definite de utilizatortag = (meta)dată simplă – termen arbitrar ales – asociată extern unui obiect (unei resurse)cu scopul de a identifica, sorta, agrega etc. acea resursă
  57. 57. taggingDr. Sabin Buragawww.purl.org/net/busaco
  58. 58. Dr. Sabin Buragawww.purl.org/net/busaco
  59. 59. Web-ul social: Caracteristici Dr. Sabin Buragawww.purl.org/net/busacoAdnotări (tag-uri) definite de utilizatorau loc într-un sistem social facilitând tagging-ul exemplu: social bookmarking
  60. 60. experiment Dr. Sabin Buragawww.purl.org/net/busaco accesarea resurselor Web marcate cu anumite tag-uri
  61. 61. Web-ul social: Caracteristici Dr. Sabin Buragawww.purl.org/net/busacoAdnotări (tag-uri) definite de utilizator folksonomy = folk + taxonomy“…is the result of personal free tagging of pages and objects for one’s own retrieval” Thomas Vander Wal
  62. 62. Web-ul social: Caracteristici Dr. Sabin Buragawww.purl.org/net/busacowordle.net – vizualizarea tag-urilor folosite de busaco în delicious
  63. 63. Web-ul social: Caracteristici Dr. Sabin Buragawww.purl.org/net/busaco Utilizări ale tagging-ului: social bookmarking: del.icio.us, FavWiki, Ma.gnolia multimedia: Flickr, Dabble, Last.fm, Viddler știri: Digg, newsvine e-business: Amazon, Lulu localizare geografică (geotagging): Panoramio, Platial muzee: Steve.museum, Powerhouse știință: CiteULike, myExperiment în Intranet: IBM Dogear, Scuttle, ConnectBeamla nivel de sistem de operare (fișiere): Mac OS X, Vista/7
  64. 64. Web-ul social: Caracteristici Dr. Sabin Buragawww.purl.org/net/busaco Evoluția unui sistem de tagging#1: Make System Personally Useful
  65. 65. Web-ul social: Caracteristici Dr. Sabin Buragawww.purl.org/net/busaco Evoluția unui sistem de tagging #1: Make System Personally Useful sistemul trebuie să fie utilpentru fiecare utilizator în parte (oamenii sunt egoiști) comunicarea clară a beneficiilor tagging-ului
  66. 66. Web-ul social: Caracteristici Dr. Sabin Buragawww.purl.org/net/busaco Evoluția unui sistem de tagging#2: Identify Symbiotic Relationship between Personal & Social
  67. 67. Web-ul social: Caracteristici Dr. Sabin Buragawww.purl.org/net/busaco Evoluția unui sistem de tagging#2: Identify Symbiotic Relationship between Personal & Social Personal snippetsSocial stream exemple: PicturesEvents, MusicPlaylists
  68. 68. Web-ul social: Caracteristici Dr. Sabin Buragawww.purl.org/net/busaco Evoluția unui sistem de tagging #3: Make Porous Boundary between Public & Private
  69. 69. Web-ul social: Caracteristici Dr. Sabin Buragawww.purl.org/net/busaco Evoluția unui sistem de tagging #3: Make Porous Boundary between Public & Privateutilizatorul decide politica privind drepturile de autor și/sau caracterul privat al resurselor (privacy)
  70. 70. Web-ul social: Caracteristici Dr. Sabin Buragawww.purl.org/net/busaco Evoluția unui sistem de tagging#4: Provide Outlet for Self-expression
  71. 71. Web-ul social: Caracteristici Dr. Sabin Buragawww.purl.org/net/busaco Evoluția unui sistem de tagging #4: Provide Outlet for Self-expression suport pentru exprimări artistice sau umor acces la resurse via URL-uri simple și memorabilesuport pentru jocuri sociale: aprecieri, concursuri,…
  72. 72. Web-ul social: Caracteristici Dr. Sabin Buragawww.purl.org/net/busaco Inteligenţa colectivăeditare și management colaborativ al conţinutului
  73. 73. Web-ul social: Caracteristici Dr. Sabin Buragawww.purl.org/net/busaco Inteligenţa colectivăeditare și management colaborativ al conţinutului aplicaţii de tip wiki – Media Wiki, XWiki etc.
  74. 74. Dr. Sabin Buragawww.purl.org/net/busaco
  75. 75. Web-ul social: Caracteristici Dr. Sabin Buragawww.purl.org/net/busaco Servicii și nu pachete softwareaplicaţiile masive („mamut”) sunt substituite de cele constituite din servicii specifice, disponibile pe Web, uşor de înlocuit
  76. 76. Web-ul social: Caracteristici Dr. Sabin Buragawww.purl.org/net/busacoServicii și nu pachete software SaaS – Software as a Servicesuite de birouGoogle Docs, 280Slides, Prezi, Adobe Creative SuiteAviary
  77. 77. Web-ul social: CaracteristiciDr. Sabin Buragawww.purl.org/net/busaco
  78. 78. Web-ul social: Caracteristici Dr. Sabin Buragawww.purl.org/net/busaco Software rulat oriunde ubicuitatea aplicaţiilor Web
  79. 79. Web-ul social: Caracteristici Dr. Sabin Buragawww.purl.org/net/busaco Software rulat oriunde bookmark-uri salvate local(pentru fiecare browser și calculator folosit) versus bookmark-uri disponibile pe Web, uşor de accesat şi de partajat cu alţii, independent de platformă
  80. 80. Web-ul social: Caracteristici Dr. Sabin Buragawww.purl.org/net/busaco Mediatizare (syndication) Webdate privitoare la un sit Web sunt expuse liber via un flux (feed) de știri
  81. 81. Web-ul social: Caracteristici Dr. Sabin Buragawww.purl.org/net/busaco Mediatizare (syndication) Webdate privitoare la un sit Web sunt expuse liber via un flux (feed) de știri format RSS (Really Simple Syndication) sau Atom
  82. 82. Web-ul social: Caracteristici Dr. Sabin Buragawww.purl.org/net/busaco Mediatizare (syndication) Web un feed este disponibil via un URL (fixat),eventual doar în contextul unui intranet/extranet, pentru a fi preluat și procesat de un program
  83. 83. Web-ul social: Caracteristici Dr. Sabin Buragawww.purl.org/net/busaco Mediatizare (syndication) Web accesul la fluxuri RSS/Atomnavigator Web – Firefox, Safari – sau extensie: Feedly cititor de știri – FeedDemon, Google Reader,… agregator Web – FeedBurner, Feedster, Technorati
  84. 84. acces la fluxuri RSS/AtomWeb-ul social: Caracteristici via Google Reader Dr. Sabin Buragawww.purl.org/net/busaco
  85. 85. Web-ul social: Caracteristici Dr. Sabin Buragawww.purl.org/net/busacoPodcasting = pod (iPod) + broadcast flux audio/video automat expediat utilizatorului pentru a fi redat de un player multimedia– e.g., iTunes – accesibil oricând via un podcast feed
  86. 86. Web-ul social: Caracteristici Dr. Sabin Buragawww.purl.org/net/busacoPodcasting = pod (iPod) + broadcast flux audio/video automat expediat utilizatorului pentru a fi redat de un player multimedia– e.g., iTunes – accesibil oricând via un podcast feed inițiativa iTunesU
  87. 87. Web-ul social: Caracteristici Dr. Sabin Buragawww.purl.org/net/busaco Interacțiune bogată cu utilizatorul RIA – Rich Internet Applicationsaplicarea modalităților de interacțiune tradițională (la nivel de desktop) în contextul aplicațiilor Web
  88. 88. Web-ul social: CaracteristiciDr. Sabin Buragawww.purl.org/net/busaco
  89. 89. Web-ul social: Caracteristici Dr. Sabin Buragawww.purl.org/net/busacoInteracțiune bogată cu utilizatorul RIA – Rich Internet Applications platforme (de dezvoltare) Web pentru utilizatorii obişnuiți Drupal, Facebook, Joomla, WordPress etc.
  90. 90. Web-ul social: Caracteristici Dr. Sabin Buragawww.purl.org/net/busacoInteracțiune bogată cu utilizatorul RIA – Rich Internet Applicationswidget-uri (mini-aplicaţii specifice) la nivel de: sistem de operare, Web, dispozitive mobile KDE, Windows 7, iGoogle, iPhone/iPod,…
  91. 91. Web-ul social: Caracteristici Dr. Sabin Buragawww.purl.org/net/busacoInteracțiune bogată cu utilizatorul RIA – Rich Internet Applications noi paradigme de interacțiune e.g., realitatea virtuală/îmbogățită (virtual/augmented reality)
  92. 92. augmented Twitter social augmented reality (Thomas Purves)Sabin Buraga < busaco@infoiasi.ro >
  93. 93. social augmented reality concept creat de Matthew Buckland: www.matthewbuckland.com/?p=1041Sabin Buraga < busaco@infoiasi.ro >
  94. 94. Web-ul social: Caracteristici Dr. Sabin Buragawww.purl.org/net/busaco Aplicaţii Web hibride: mash-ups combinarea conţinutului ce provine din surse (situri) multiple,oferind o funcţionalitate/experienţă nouă
  95. 95. Web-ul social: Caracteristici Dr. Sabin Buragawww.purl.org/net/busaco Aplicaţii Web hibride: mash-ups combinarea conţinutului ce provine din surse (situri) multiple, oferind o funcţionalitate/experienţă nouăutilizează fluxuri RSS/Atom, servicii Web, API-uri,…
  96. 96. Dr. Sabin Buragawww.purl.org/net/busacoaplicație Web hibridă (mash-up) folosind tagging-ul de resurse
  97. 97. Web-ul social: Caracteristici Dr. Sabin Buragawww.purl.org/net/busaco Valori de bază deschidere, transparenţă, respect iniţiativa Creative Commons reasonable, flexible copyright
  98. 98. Web-ul social: Caracteristici Dr. Sabin Buragawww.purl.org/net/busacohttp://creativecommons.org/about/licenses/
  99. 99. Web-ul social: Caracteristici Dr. Sabin Buragawww.purl.org/net/busacocăutarea resurselor multimedia ce pot fi folosite conform licențelor Creative Commons
  100. 100. Dr. Sabin Buragawww.purl.org/net/busacoExistă mai multe categorii de aplicații Web?
  101. 101. Dr. Sabin Buragawww.purl.org/net/busacoCategorii de aplicații Web Centrate pe documente Interactive Tranzacționale Colaborative evoluția în timp Orientate spre portaluri a complexității De tip ubicuu Web social Web semantic
  102. 102. Dr. Sabin Buragawww.purl.org/net/busacoCentrate pe documente – document centric conținut/pagini static(e): situri de companii, personale
  103. 103. Dr. Sabin Buragawww.purl.org/net/busaco Interactive expoziții virtuale situri de știrisisteme de facilitare a călătoriilor …
  104. 104. Dr. Sabin Buragawww.purl.org/net/busaco
  105. 105. Dr. Sabin Buragawww.purl.org/net/busaco Tranzacționale online banking soluții B2B (business-to-business)fluxuri de activități (workflow-uri)
  106. 106. Dr. Sabin Buragawww.purl.org/net/busaco Colaborative tele-conferințe Web wiki-uri servicii e-learningaplicații Web peer-to-peer
  107. 107. Dr. Sabin Buragawww.purl.org/net/busaco Orientate spre portaluri localizare unitară a informațiilortehnice, de afaceri, guvernamentale,… specie: Web-ul cetățenesc
  108. 108. Dr. Sabin Buragawww.purl.org/net/busaco
  109. 109. Dr. Sabin Buragawww.purl.org/net/busaco De tip ubicuuservicii mobile bazate pe locația utilizatorului, disponibile pe mai multe plaforme: desktop, dispozitive mobile, tablet,… Web-ul mobil
  110. 110. Dr. Sabin Buragawww.purl.org/net/busaco Web socialmediatizare (syndication) spații de lucru virtuale filtrare colaborativă divertisment socialsocial (game) computing
  111. 111. Dr. Sabin Buragawww.purl.org/net/busaco Web semantic modelarea cunoștințelorpentru a fi “înțelese” de calculatoare dateinformațiicunoștințe
  112. 112. Dr. Sabin Buragawww.purl.org/net/busaco
  113. 113. Dr. Sabin Buragawww.purl.org/net/busaco Web semanticinterconectarea datelor având descrieri procesabile la nivelul calculatoarelor
  114. 114. Dr. Sabin Buragawww.purl.org/net/busaco Web semanticinterconectarea datelor având descrieri procesabile la nivelul calculatoarelor linked open data
  115. 115. Dr. Sabin Buragawww.purl.org/net/busaco Web semanticinterconectarea datelor având descrieri procesabile la nivelul calculatoarelor linked open data  open education, open government, open journalism, open science,…
  116. 116. Dr. Sabin Buragawww.purl.org/net/busaco
  117. 117. Dr. Sabin Buragawww.purl.org/net/busacostarea curentă este oferită de http://lod-cloud.net/
  118. 118. Dr. Sabin Buragawww.purl.org/net/busaco Web semantic management de cunoștințe mediatizare complexă realizare automată de raționamenterecomandare “inteligentă” de resurse regăsirea și reutilizarea datelor etc.
  119. 119. Dr. Sabin Buragawww.purl.org/net/busaco It’s not the wires – it’s the computers It’s not the computers – it’s the documents  It’s not the documents – it’s the things
  120. 120. Dr. Sabin Buragawww.purl.org/net/busaco “The last level of abstraction is the Web of real things, built on top of the Web of documents,which is in turn built on the network of computers.” Tim Berners-Lee, 2008
  121. 121. participând la Web Dr. Sabin Buragawww.purl.org/net/busacoDr. Sabin Buraga – Facultatea de Informatică, UAIC www.purl.org/net/busaco

×