Diseño y tecnología Casos Comunidad y contenido Web 2.0
Diseño y tecnología
Web 1.0 <ul><li>Autopista de la información </li></ul><ul><li>Obtenemos cantidades abrumadoras de información sin límites ...
Web 2.0 <ul><li>Nuevas herramientas permiten publicar (videos, blog, podcast) sin tener conocimientos tecnológicos (código...
Cambio de paradigma <ul><li>Web 1.0 </li></ul><ul><li>Expositiva, Emisión </li></ul><ul><li>Conocimiento vertical </li></u...
Diseño y código <ul><li>Web 1.0 </li></ul><ul><li>Estático </li></ul><ul><li>Tablas, frames </li></ul><ul><ul><li>< p >< f...
Comunidad y contenido
Contenido remezclado <ul><li>Sindicación: XML, RSS </li></ul>
Contenido remezclado <ul><li>Sindicación: XML, RSS </li></ul>
Contenido remezclado <ul><li>Sindicación: XML, RSS </li></ul>
Contenido clasificado y valorado <ul><li>folcksonomías (= taxonomía) </li></ul><ul><ul><li>categorización colaborativa por...
Contenido clasificado y valorado <ul><li>folcksonomías (= taxonomía) </li></ul><ul><ul><li>categorización colaborativa por...
valores Compartir Potenciar Trabajo colaborativo Copyleft Gratuidad Valores de Web 2.0 Comentarios y participación Referen...
Casos
Separación de diseño/contenido <ul><li>www.csszengarden.com </li></ul>
Compartir enlaces + tagging <ul><li>Del.icio.us + </li></ul><ul><li>www.6pli.com </li></ul>
Mapas <ul><li>Google maps + VeoGeo </li></ul><ul><ul><li>Videos sincronizados con información geográfica </li></ul></ul>
Blog <ul><li>Complementa el sitio web y refleja un aspecto más dinámico de la identidad </li></ul><ul><li>Consola que camb...
Canal: videos propios de YouTube Espacios de introducción libre de texto, imágenes, etc. Barras laterales widgetizadas Pos...
Preguntas
www.agenciablog.net badd.com.ar Gracias
Upcoming SlideShare
Loading in …5
×

Web 2.0 diseño y tecnología

603 views

Published on

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

  • Be the first to like this

No Downloads
Views
Total views
603
On SlideShare
0
From Embeds
0
Number of Embeds
10
Actions
Shares
0
Downloads
7
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Web 2.0 diseño y tecnología

  1. 2. Diseño y tecnología Casos Comunidad y contenido Web 2.0
  2. 3. Diseño y tecnología
  3. 4. Web 1.0 <ul><li>Autopista de la información </li></ul><ul><li>Obtenemos cantidades abrumadoras de información sin límites geográficos ni físicos. </li></ul><ul><li>El email vincula a las personas desafiando lo temporal con la inmediatez. </li></ul><ul><li>Velocidad, inmediatez, sin límites </li></ul>
  4. 5. Web 2.0 <ul><li>Nuevas herramientas permiten publicar (videos, blog, podcast) sin tener conocimientos tecnológicos (código HTML). </li></ul><ul><li>El vínculo deja de ser vertical y se crean nuevos espacios que la gente hace suyos (ej: wikipedia, redes sociales, marcadores sociales). La creación de conocimiento tiende a ser comunitaria. </li></ul><ul><li>Poder y control al lector (sindicación, folcsonomías). </li></ul><ul><li>La información es enriquecida por que se la remezcla y resignifica según uso y contexto. </li></ul>
  5. 6. Cambio de paradigma <ul><li>Web 1.0 </li></ul><ul><li>Expositiva, Emisión </li></ul><ul><li>Conocimiento vertical </li></ul><ul><li>Información estática </li></ul><ul><li>Poder del emisor </li></ul><ul><li>Imitando a los medios tradicionales </li></ul><ul><li>Web 2.0 </li></ul><ul><li>Participativa, Diálogo </li></ul><ul><li>Se valora lo comunitario. Modelo de negocio Long tail </li></ul><ul><li>Información enriquecida (links y referencias), con nuevos medios (fotos, videos, mapas...) y remezclada </li></ul><ul><li>Poder al usuario </li></ul><ul><li>Aprovecha todas sus capacidades </li></ul>
  6. 7. Diseño y código <ul><li>Web 1.0 </li></ul><ul><li>Estático </li></ul><ul><li>Tablas, frames </li></ul><ul><ul><li>< p >< font size=&quot;7&quot; face=&quot;Georgia, Arial&quot; color=&quot;maroon&quot;>Texto</ font ></p> </li></ul></ul><ul><li>“ Se ve mejor con Explorer…” </li></ul><ul><li>Meta tags </li></ul><ul><li>Web 2.0 </li></ul><ul><li>Dinámico y flexible </li></ul><ul><li>Separación del contenido de la capa de presentación: CSS, Cascade Style Sheet </li></ul><ul><li>Accesibilidad, Estándares W3C </li></ul><ul><li>SEO, Search Engine Optimization </li></ul>
  7. 8. Comunidad y contenido
  8. 9. Contenido remezclado <ul><li>Sindicación: XML, RSS </li></ul>
  9. 10. Contenido remezclado <ul><li>Sindicación: XML, RSS </li></ul>
  10. 11. Contenido remezclado <ul><li>Sindicación: XML, RSS </li></ul>
  11. 12. Contenido clasificado y valorado <ul><li>folcksonomías (= taxonomía) </li></ul><ul><ul><li>categorización colaborativa por medio de etiquetas, t agging, tag cloud </li></ul></ul>
  12. 13. Contenido clasificado y valorado <ul><li>folcksonomías (= taxonomía) </li></ul><ul><ul><li>categorización colaborativa por medio de etiquetas, t agging, tag cloud </li></ul></ul>
  13. 14. valores Compartir Potenciar Trabajo colaborativo Copyleft Gratuidad Valores de Web 2.0 Comentarios y participación Referencias (pingbacks y trackbacks) Recursos (audios, videos, mapas) Links (blogroll y citas) Web 2.0
  14. 15. Casos
  15. 16. Separación de diseño/contenido <ul><li>www.csszengarden.com </li></ul>
  16. 17. Compartir enlaces + tagging <ul><li>Del.icio.us + </li></ul><ul><li>www.6pli.com </li></ul>
  17. 18. Mapas <ul><li>Google maps + VeoGeo </li></ul><ul><ul><li>Videos sincronizados con información geográfica </li></ul></ul>
  18. 19. Blog <ul><li>Complementa el sitio web y refleja un aspecto más dinámico de la identidad </li></ul><ul><li>Consola que cambia todo el tiempo para mostrar la actividad de la institución/empresa </li></ul><ul><li>Diseñador debe facilitar la publicación de todo tipo de contenidos (links, img, video, mapas, etc) </li></ul><ul><li>Organizar los distintos tipos de lectura (Navegación transversal: archivos, categorías, tagging, canal de videos) </li></ul><ul><li>Fidelizar lectores. Creación y fortalecimiento de redes de contactos y comunidades </li></ul>
  19. 20. Canal: videos propios de YouTube Espacios de introducción libre de texto, imágenes, etc. Barras laterales widgetizadas Post e información complementaria Diputada Diana Maffía Clasificación de los autores Agenda de eventos propia Clasificación del editor
  20. 21. Preguntas
  21. 22. www.agenciablog.net badd.com.ar Gracias

×