Successfully reported this slideshow.

Web 2.0

1,195 views

Published on

Redes sociales, web y estructura de web sites...

  • Be the first to comment

  • Be the first to like this

Web 2.0

  1. 1. Bienvenidos
  2. 2. Bienvenidos
  3. 3. ¿De qué hablaremos?
  4. 4. ¿De qué hablaremos? <ul><li>Bases técnicas </li></ul><ul><li>Cómo se mide </li></ul><ul><li>Cómo se crea </li></ul><ul><li>Tecnologías </li></ul><ul><li>Evaluaciones </li></ul><ul><li>Nuevas tendencias </li></ul>
  5. 5. Bases técnicas de un web site <ul><li>Qué es una página web </li></ul><ul><li>¿Qué es una extensión? </li></ul>
  6. 6. Bases técnicas de un web site <ul><li>Qué es una página web </li></ul><ul><li>¿Qué es una extensión? </li></ul><ul><li>Dónde se guarda </li></ul><ul><li>Cómo obtiene su propio sitio web </li></ul>
  7. 7. Bases técnicas de un web site <ul><li>XHTML ,  CSS , XML </li></ul><ul><li>Javascript, DHTML </li></ul><ul><li>AJAX </li></ul>Ejemplo Javascript http://www.efectosjavascript.com/ Ejemplo CSS http://www.csszengarden.com Ejemplo Ajax http://www.gmail.com http://www.openstudio.fr/jquery-virtual-tour/
  8. 8. Bases técnicas de un web site <ul><li>XHTML ,  CSS , XML </li></ul><ul><li>Javascript, DHTML </li></ul><ul><li>AJAX </li></ul><ul><li>Flash </li></ul><ul><li>Ajax v/s Flash </li></ul>www.latercera.cl www.youtube.com
  9. 9. Bases técnicas de un web site <ul><li>XHTML ,  CSS , XML </li></ul><ul><li>Javascript, DHTML </li></ul><ul><li>AJAX </li></ul><ul><li>Flash </li></ul><ul><li>Ajax v/s Flash </li></ul>Ejemplo sin Ajax: http://www.subtel.cl/prontus_subtel/site/artic/20070212/pags/20070212182348.html
  10. 10. Bases técnicas de un web site <ul><li>XHTML ,  CSS , XML </li></ul><ul><li>Javascript, DHTML </li></ul><ul><li>AJAX </li></ul><ul><li>Flash </li></ul><ul><li>Ajax v/s Flash </li></ul><ul><li>RSS </li></ul>
  11. 11. Bases técnicas de un web site <ul><li>XHTML ,  CSS , XML </li></ul><ul><li>Javascript, DHTML </li></ul><ul><li>AJAX </li></ul><ul><li>Flash </li></ul><ul><li>Ajax v/s Flash </li></ul><ul><li>RSS </li></ul>
  12. 12. <ul><li>Gráficos: JPG, GIF </li></ul><ul><li>Gráficos vectoriales </li></ul><ul><li>Rich Media: mp3, Flash, Real Media, WMV </li></ul><ul><li>Un millón de conexiones “banda ancha” en Chile según Subtel </li></ul>Bases técnicas de un web site
  13. 13. <ul><li>Páginas estáticas: XHTML </li></ul><ul><li>Páginas dinámicas: ASP, PHP, CFM, Phyton </li></ul>Bases técnicas de un web site
  14. 14. <ul><li>Páginas estáticas: XHTML </li></ul><ul><li>Páginas dinámicas: ASP, PHP, CFM, Phyton </li></ul>Bases técnicas de un web site
  15. 15. <ul><li>Páginas estáticas: XHTML </li></ul><ul><li>Páginas dinámicas: ASP, PHP, CFM, Phyton </li></ul>Bases técnicas de un web site
  16. 16. <ul><li>Páginas estáticas: XHTML </li></ul><ul><li>Páginas dinámicas: ASP, PHP, CFM, Phyton </li></ul>Bases técnicas de un web site
  17. 17. Clasificación blanda de los sitios web
  18. 18. <ul><li>Portal </li></ul><ul><li>Sitio </li></ul><ul><li>Página web </li></ul><ul><li>Blog </li></ul><ul><li>Wiki </li></ul>Definiciones de un web site
  19. 19. <ul><li>Portal </li></ul><ul><li>Sitio </li></ul><ul><li>Página web </li></ul><ul><li>Blog </li></ul><ul><li>Wiki </li></ul>Definiciones de un web site
  20. 20. Cómo se mide
  21. 21. <ul><li>Pages View </li></ul><ul><li>Sesiones </li></ul><ul><li>Tiempo de permanencia </li></ul><ul><li>Herramientas para medir: Google Analytics </li></ul>Cómo se mide
  22. 22. Cómo se crea un sitio
  23. 23. <ul><li>En teoría </li></ul><ul><li>En la práctica </li></ul>Cómo se crea un sitio
  24. 24. <ul><li>En teoría </li></ul><ul><li>En la práctica </li></ul>Cómo se crea un sitio
  25. 25. <ul><li>En teoría </li></ul><ul><li>En la práctica </li></ul>Cómo se crea un sitio
  26. 26. <ul><li>En teoría </li></ul><ul><li>En la práctica </li></ul>Cómo se crea un sitio
  27. 27. <ul><li>Áreas profesionales </li></ul><ul><li>Perfiles </li></ul><ul><ul><li>Diseño </li></ul></ul><ul><ul><li>Informática </li></ul></ul><ul><ul><li>Contenido </li></ul></ul>Cómo se crea un sitio
  28. 28. Arquitectura de la Información
  29. 29. <ul><li>“ Análisis, organización, disposición y estructuración de la información en espacios de información” </li></ul>Arquitectura de la Información
  30. 30. Arquitectura de la Información <ul><li>“ Análisis, organización, disposición y estructuración de la información en espacios de información” </li></ul>“ La Arquitectura de Información es la cola que mueve al perro”
  31. 31. Arquitectura de la Información <ul><li>“ Análisis, organización, disposición y estructuración de la información en espacios de información” </li></ul>
  32. 32. Tecnologías para hacer Web
  33. 33. <ul><li>WYSIWYG: Nvu, Kompozer, Dreamweaver </li></ul><ul><li>RIA: Flash, Ajax </li></ul><ul><li>Optimización: Fireworks, Gimp, Photoshop </li></ul><ul><li>Bloc de notas </li></ul>Tecnologías para hacer web
  34. 34. <ul><li>La importancia del Browser correcto </li></ul><ul><li>Internet Explorar v/s Mozilla Firefox (los estándares) </li></ul><ul><li>¿Cuál es la resolución correcta? </li></ul>Tecnologías para hacer web
  35. 35. <ul><li>CMS: Content Management System </li></ul><ul><li>Joomla </li></ul><ul><li>Zope </li></ul><ul><li>Vignette </li></ul><ul><li>Php - Nuke </li></ul>Tecnologías para hacer web
  36. 36. <ul><li>Qué necesito para usar un CMS </li></ul><ul><li>¿Dónde los obtengo? </li></ul><ul><li>¿Cuánto valen? </li></ul><ul><li>¿Tienen valor comercial? </li></ul><ul><li>Concepto de Open Source </li></ul>Tecnologías para hacer web
  37. 37. Evaluación de un sitio web
  38. 38. <ul><li>¿Para qué lo quiero? </li></ul><ul><li>Contenido </li></ul><ul><li>Funcionalidades </li></ul><ul><li>Usabilidad </li></ul><ul><li>Testeo </li></ul>Evaluación de un sitio web
  39. 39. Evaluación de un sitio web <ul><li>¿Para qué lo quiero? </li></ul><ul><li>Contenido </li></ul><ul><li>Funcionalidades </li></ul><ul><li>Usabilidad </li></ul><ul><li>Testeo </li></ul>
  40. 40. <ul><li>Percepción </li></ul><ul><li>Peso y tiempo de descarga </li></ul><ul><li>&quot;La ceguera de los banners&quot; </li></ul>Evaluación de un sitio web
  41. 41. Tendencias Web
  42. 42. <ul><li>Web 2.0 </li></ul><ul><li>Web Social </li></ul><ul><li>Redes Sociales </li></ul><ul><li>Contenido Colaborativo </li></ul><ul><li>Creative Commons </li></ul><ul><li>Long Tail </li></ul>Tendencias Web
  43. 43. <ul><li>Web 1.0 - Web 2.0 </li></ul><ul><li>Doble click -  Google AdSense </li></ul><ul><li>Kodak Gallery - Flickr </li></ul><ul><li>Britannica Online – Wikipedia </li></ul><ul><li>Tags - Folksonomía </li></ul><ul><li>Especulación de nombres - SEO </li></ul>Tendencias Web
  44. 44. <ul><li>Web 1.0 - Web 2.0 </li></ul><ul><li>Doble click -  Google AdSense </li></ul><ul><li>Kodak Gallery - Flickr </li></ul><ul><li>Britannica Online – Wikipedia </li></ul><ul><li>Tags - Folksonomía </li></ul><ul><li>Especulación de nombres - SEO </li></ul>Tendencias Web
  45. 45. <ul><li>Google (y Google Ranks) </li></ul><ul><li>Gmail </li></ul><ul><li>Blogs </li></ul><ul><li>Wikipedia </li></ul><ul><li>Facebook </li></ul><ul><li>Twitter </li></ul><ul><li>Fotolog </li></ul><ul><li>Youtube </li></ul><ul><li>MySpace </li></ul>Herramientas Web
  46. 46. <ul><li>Google (y Google Ranks) </li></ul><ul><li>Gmail </li></ul><ul><li>Blogs </li></ul><ul><li>Wikipedia </li></ul><ul><li>Facebook </li></ul><ul><li>Twitter </li></ul><ul><li>Fotolog </li></ul><ul><li>Youtube </li></ul><ul><li>MySpace </li></ul>Herramientas Web
  47. 47. <ul><li>Fotolog </li></ul><ul><li>Del.icio.us </li></ul><ul><li>Technorati </li></ul><ul><li>Podcaster </li></ul><ul><li>Yahoo! Answers </li></ul><ul><li>Meebo </li></ul><ul><li>Facebook </li></ul>Herramientas Web
  48. 48. <ul><li>Acceso usuario + Gratuidad + Facilidad de uso + Mashup + API >> Madurez </li></ul><ul><li>Parrilla de medios 2.0 </li></ul><ul><li>Democratización de la información </li></ul><ul><li>De consumidores a Productores </li></ul><ul><li>Boca a Boca: el poder de la comunidad </li></ul>Nuevos Escenarios
  49. 49. Nuevos Escenarios <ul><li>Acceso usuario + Gratuidad + Facilidad de uso + Mashup + API >> Madurez </li></ul><ul><li>Parrilla de medios 2.0 </li></ul><ul><li>Democratización de la información </li></ul><ul><li>De consumidores a Productores </li></ul><ul><li>Boca a Boca: el poder de la comunidad </li></ul><ul><li>Cuando Dell suprimió sus foros a clientes </li></ul>
  50. 50. <ul><li>Estandarización </li></ul><ul><li>Inteligencia Colectiva </li></ul><ul><li>Beta constante </li></ul><ul><li>Segmentación </li></ul><ul><li>Cambio de Poder </li></ul><ul><li>Long Tail </li></ul>Nuevos Escenarios
  51. 51. <ul><li>Página Web </li></ul><ul><li>Páginas dinámicas </li></ul><ul><li>Equipos de Trabajo </li></ul><ul><li>Arquitectura de la Información </li></ul><ul><li>Usabilidad </li></ul><ul><li>Web 2.0 e Inteligencia Colectiva </li></ul><ul><li>Cambio de Poder </li></ul>Síntesis
  52. 52. <ul><li>Gracias </li></ul><ul><li>Consultas a </li></ul><ul><li>[email_address] </li></ul><ul><li>;- ) </li></ul>Síntesis

×