Cobdcv 2010

833 views

Published on

Published in: Education, Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
833
On SlideShare
0
From Embeds
0
Number of Embeds
48
Actions
Shares
0
Downloads
4
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Cobdcv 2010

  1. 1. Web 2.0 i la reutilització de continguts<br />Valencia<br />27, 28 i 29 de maig de 2009<br />David Maniega Legarda<br />Director de l’Oficina Oberta d’Innovació<br />
  2. 2. Objectius del curs<br />Respondre a: què és web 2.0? i el reaprofitament?<br />Donar a conèixer i experimentar amb algunes eines d’interès.<br />Respondre a: quines eines em serveixen, per a què i com?<br />Materialitzar aquestes respostes en un lloc participatiu i dinàmic.<br />
  3. 3. Com ho farem?<br />Presentació teòrica (aquesta mateixa :)<br />Ús pràctic de recursos al llarg del curs (per parelles ajuda).<br />Configurar la col·laboració (remix) entre diferents serveis.<br />Discussió d’experiències i presentació d’idees.<br />Col·laboració a través de la xarxa social del curs (cobdcv.ning.com).<br />
  4. 4. El nostre full de ruta tecnològic<br />Prendre notes Webnote (http://www.aypwip.org/webnote/ )<br />Participar a la xarxa social del curs amb Ning (http://cobdcv.ning.com/ )<br />Si teniu bloc, crear-lo per a proves (https://www.blogger.com/start?hl=es)<br />Gestionar els enllaços del curs, que són un grapat :D (http://delicious.com/dmaniega)<br />Comentar en viu el desenvolupament del curs (http://twitter.com/cobdcv20)<br />
  5. 5. Desembre 2006<br />
  6. 6. Tim O´Reilly<br /> “las aplicaciones 2.0 son aquellas que sacan partido a las ventajas intrínsecas de la web, ofreciendo un servicio continuamente actualizado que mejora cuanto más gente lo use, utilizando y remezclandolos datos de múltiples recursos, incluyendo los usuarios individuales a la vez que ofrecen sus propios datos y servicios de tal forma que pueden ser reutilizados por otros, creando una arquitectura de participación en Red para ofrecer experiencias de usuario cada vez más ricas.”<br />
  7. 7.
  8. 8. Paraules emergents<br />Web 2.0 …….. Web 3.0<br />Blog … Blogosfera<br />Podcast … Podcasting<br />Etiquetat (tags)<br />AJAX, Mash-up, APIs, RIA (Rich Internet Applications)<br />Sindicació de continguts, RSS, XML y ATOM<br />Col·laboració, Convergència, Tagging, Serveis web<br />
  9. 9. Idees generalitzades<br />Punt de presència (vs. pàgina web) per exposar i invocar serveis web i continguts XML (generats i sindicats/subscrits).<br />Basat en microcontinguts públicament accessibles. La informació s’estructura de forma oberta, descentralitzada i auto-organitzadad’abaix a d’alt.<br />
  10. 10. Idees generalitzades<br />Importància del metacontingut: microcontinguts provinents de diferents fonts que són processats per màquines, reutilitzats i publicats en un altre context.<br />Concepte de metaweb: xarxes socials + tags + wikis + blogs formen la base apropiada per a una web semàntica, tant per al processat d’informació mitjançant màquines com per al filtrat i personalització ad-hoc per humans, generant punts de vista particulars.<br />
  11. 11. Web 2.0 no és tecnologia<br />
  12. 12. Alguna cosa està canviant i no es pot (deu) aturar<br />
  13. 13. Web com a plataforma<br />
  14. 14. El software com a servei<br />
  15. 15. Intel·ligència col·lectiva<br />
  16. 16. Arquitectura de la participació<br />
  17. 17. En beta permanent<br />
  18. 18. Intercreativitat, coneixement obert<br />
  19. 19. Usuaris com a colabprosumers<br />
  20. 20. Experiències enriquidores de l’usuari<br />
  21. 21. No limitat a un dispositiu<br />
  22. 22. Tecnologies del coneixement<br />
  23. 23. El problema pot ser…<br />
  24. 24. Oferir alguna cosa nova<br />http://wave.google.com<br />
  25. 25. Què tal si parem una estona?<br />
  26. 26. Pensant en serveis 2.0<br />
  27. 27. Idees de model 2.0<br />Centrat en l’usuari, No en les tecnologies<br />Centrat en utilitat, No en la funcionalitat<br />Valor en la distribució, No en la dada<br />Centrat en l’agilitat, No en la reacció<br />Millora continua, sempre en versió Beta?<br />El motor és la satisfacció de l’usuari (No del client)<br />Fuente: Dr. Cristóbal Cobo.<br />
  28. 28. Tres grups de serveis web 2.0<br />Fuente: Dídac Margaix.<br />
  29. 29. Cap a una biblioteca 2.0<br />
  30. 30. http://www.librarything.es<br />
  31. 31. I amb què ens quedem?<br />Fuente: Dídac Margaix.<br />
  32. 32. Necessitats per a un bon servei<br />Entendre allò que ens rodeja (aquest curs és un exemple).<br />Entendre als nostres usuaris, i atendre el que necessiten.<br />Deixem que l’usuari col·labori: opini, etiqueti, modifiqui…<br />Obrim totes les portes: distribuir coneixement és guanyar.<br />Repensem el servei si és necessari. Ho puc fer?<br />Cal dedicar-hi temps, però es tornarà en favor nostre.<br />
  33. 33. Vídeotutorials<br />
  34. 34. Vídeotutorials<br />Permet registrar un testimoni oral i / o gràfic.<br />Els podem distribuir en diferit (anywhere, anytime).<br />Potencien la comunicació asíncrona i la formació o assistència.<br />Els àudios i vídeos poden sindicar (RSS).<br />
  35. 35. Com gravar? - Hardware<br />Ordinador<br />Micròfon / Càmera de vídeo<br />Targeta de so<br />Temps :D<br />
  36. 36. Live stream<br />http://www.justin.tv<br />http://www.livestream.com<br />
  37. 37. Anem al laboratori<br />http://delicious.com/dmaniega<br />
  38. 38. Mapes i galeries d’imatge<br />
  39. 39. Anem al laboratori<br />http://delicious.com/dmaniega<br />
  40. 40. Publicacions dinàmiques<br />
  41. 41. Anem al laboratori<br />http://delicious.com/dmaniega<br />
  42. 42. Què tal si parem una estona?<br />
  43. 43. Línies de temps<br />
  44. 44. Anem al laboratori<br />http://delicious.com/dmaniega<br />
  45. 45. Microblogging<br />
  46. 46. Social media, una moda?<br />
  47. 47. Twitter i altres espècies<br />Barreja de blogging amb xarxa social i missatgeria instantània.<br />Cultura snack brevetat + mobilitat + xarxa social<br />Serveixen per: trivialitats, miniconverses, compartir informació i urls, difondre notícies i informació diversa.<br />
  48. 48. Anem al laboratori<br />http://delicious.com/dmaniega<br />
  49. 49. RSS, sindicació<br />
  50. 50. L’era de la informació..., distribuïda<br />Aldea global - Aldea informacional<br />L'objectiu: usuari (informar o spamizarlo)<br />La informació s'ha de adequar a la necessitat real (desbordament informatiu)<br />No confio en els usuaris ... Deixa'ls les eines i ja veurem<br />Usuari: per on començo? Pel que t'interessi realment<br />
  51. 51. Noves tecnologies?<br />Teoria de la distribució d'informació<br />Nous models ..., nous?<br />Pull - Push<br />Nou paradigma: "si no renoves els teus continguts no existeixes" ... Nou?<br />La tecnologia està de la nostra part, encara sort!<br />RSS: Realment és tan simple? Mmm, sí<br />
  52. 52. Els canals de sindicació, com els armem?<br />
  53. 53. Canals, un bon aliat<br />Són una bona via per a proveir informació sobre el que fem<br />Senzills d'armar, patrons poc complexos<br />Molta visibilitat, l'usuari decideix<br />Permeten la cooperació entre webs, què suposa?<br />Menor trànsit / càrrega al web<br />Menys spam, llistes de correu, gestió d'altes, baixes ..., ja que tot ho fa l'usuari!<br />
  54. 54. Molts avantatges, per a tothom<br />Permeten a l'usuari llegir allò que li interessa sense tenir-lo que buscar<br />Fem grans llistes de webs, però algú ha intentat organitzar-los?<br />Molts agregadors / lectors són gratuïts<br />Permet estar al dia en temps real, sense necessitat de navegar ...<br />Els motors de cerca adoren aquest format pla!<br />
  55. 55. Perfecte, però vull treballar amb RSS<br />
  56. 56. Ok, primer una màxima!<br />RSS és part de la família dels formats XML desenvolupat específicament per a tot tipus de llocs que s'actualitzin amb freqüència i per mitjà del qual es pot compartir la informació i usar-la en altres llocs web o programes.<br />A això se li coneix com sindicació.<br />
  57. 57. Més clar: què és RSS? <br />Format basat o derivat del llenguatge XML per descriure i distribuir continguts<br />La seva funció és mostrar un sumari de continguts seleccionats sense haver d'accedir a les diferents fonts d'origen<br />Idea doble: publicar i compartir (sindicar)<br />
  58. 58. Dos conceptes clau<br />Sindicar és posar els continguts a disposició d'altres (gratuïtament)<br />L'arxiu XML en format RSS pot ser parssejat per una aplicació<br />Agragar és "absorbir" aquesta font per aprofitar a la nostra seu web o al nostre lector de notícies (Newsfeeder, agregador)<br />
  59. 59. Informació formatada<br />
  60. 60. Informació estructurada<br />
  61. 61. Informació formatada<br />
  62. 62. Informació estructurada<br />
  63. 63. Anem al laboratori<br />http://delicious.com/dmaniega<br />
  64. 64. Què tal si parem una estona?<br />
  65. 65. Escriptoris virtuals<br />
  66. 66. Escriptoris virtuals (webtops)<br />És un espai virtual via web, al qual l'usuari pot connectar-se i accedir remotament a les seves dades, executar programes, crear o modificar documents, editar o reproduir arxius i pràcticament totes aquelles funcions que fa normalment des de la seva equip local.<br />Es desenvolupen sota l'anomenada cloudcomputing.http://www.eyeos.org/http://www.davidmaniega.com/eyeOS/<br />
  67. 67. Anem al laboratori<br />http://delicious.com/dmaniega<br />
  68. 68. Mashup (app web híbrida)<br />
  69. 69. Definició <br />Una aplicació web híbrida (mashup o remescla), és un lloc web o aplicació web que utilitza contingut d'altres aplicacions web per crear un nou contingut complet, consumint serveis directament sempre a través de protocol http.<br />El contingut d'un mashup normalment prové de llocs web de tercers a través d'una interfície pública, RSS o usant un API.<br />
  70. 70. Característiques<br />Estan revolucionant el desenvolupament web de la mateixa manera que els weblogs han revolucionat la publicació en línia.<br />Permeten que qualsevol combini, de forma innovadora, dades que existeixen en diferents pàgines web.<br />Requereixen pocs coneixements tècnics (sí dedicació), les APIs existents són senzilles i potents i els mashups són relativament fàcils de dissenyar.<br />
  71. 71. Què necessito per fer-los?<br />El primer és una o diverses fonts de dades. Cada vegada és més comú disposar d'aquestes dades en formats sindicats (RSS, Atom) o fins i tot mitjançant APIs que exposen les dades en format XML o JSON.<br />Una bona idea, o millorar una preexistent.<br />Temps i paciència, encara que no una barbaritat.<br />
  72. 72. API´s públiques<br />Una API permet extreure la informació de la base de dades d'un servei en línia (Google, Amazon, Flickr) i incorporar-la a qualsevol altra nova aplicació que haguem creat. <br />Això permet que puguem, per exemple, incloure una caixa de cerca de Google en qualsevol altra pàgina.<br />
  73. 73. Anem al laboratori<br />http://pipes.yahoo.com/pipes/<br />
  74. 74. Final, preguntes?Moltesgràcies!<br />dmaniega@uoc.edu<br />

×