Your SlideShare is downloading. ×
Web 2.0
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Web 2.0

1,063
views

Published on

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

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


0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,063
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • El presente curso tiene que ver con la necesidad de que ustedes como empresa posean los elementos para actuar de interlocutor y facilitador entre un cliente que necesite un web site y la empresa que los construya. Cliente >> Ustedes << Diseñadores, ingeniería, etc…
  • También de la web 2.0 y de qué es y qué no es
  • www.babyway.cl
  • Html Xhtml Qué son los estándares: World Wide Web Consortium www.w3.org/ Extensiones: cfm Php Asp Cfc (coldfusion) Jsp Nombre: Nic.cl Nic.com Whois Diseño: Power Point, Word, Bloc de notas, flash, Dreamweaver, Fireworks, Photoshop Subida: ftp Actulización ¿Evaluación?
  • XM es una forma de guardar datos en un estándar.. No es una base de datos… Extensible Markup Language («lenguaje de marcas extensible») http://www.csszengarden.com/ AJAX , acrónimo de A synchronous J avaScript A nd X ML ( JavaScript asíncrono y XML ), http://www.openstudio.fr/jquery-virtual-tour/ Ojo: Javascript tiene muchas variantes y depende del navegador… por eso hay que ahcer pruebas en los principales: Internet Explorer 6 y 7, Firefox,
  • Ajax ofrece muchas cosas interesantes, en primer lugar que no requiere descargar un programa... Oficialmente, al cumplir los estándares, es posible de asegurarse de que funcione en casi cualquier navegador… pero tiene dos peros: Los estándares no son tan estándares: implica que lo que funciona en un navegador en otro no funciona, o lo hace de manera diferente El desarrollo de muchas cosas son mucho más rápidas en Flash… Ejemplo de Ver Flash
  • RSS permite es un estándar para compartir información Mostrarlo desde explorar, y ver cómo funciona en un lector RSS de google Y ver cómo funciona en facebook Y ver Facebook usa AJAX para, por ejemplo, cambiar la ubicación de las aplicaciones en el menú del lado izquierdo
  • Este es un ejemplo del lector rss del Gmail
  • Flash usa gráficos vectoriales Rich media es básicamente contenido web con Web pages que usen elementos multimediales… la presencia de banda ancha es cada vez más común… www.subtel.cl
  • http://www.imaginas.net/esquemas.htm http://www.webtaller.com/maletin/articulos/el_proceso_de_diseno_de_un_sitio_web.php
  • http://www.imaginas.net/esquemas.htm http://www.webtaller.com/maletin/articulos/el_proceso_de_diseno_de_un_sitio_web.php
  • http://www.imaginas.net/esquemas.htm http://www.webtaller.com/maletin/articulos/el_proceso_de_diseno_de_un_sitio_web.php
  • http://www.imaginas.net/esquemas.htm http://www.webtaller.com/maletin/articulos/el_proceso_de_diseno_de_un_sitio_web.php
  • Don't Make Me Think : A Common Sense Approach to Web Usability (Steve Krug ) http://www.imaginas.net/esquemas.htm http://www.webtaller.com/maletin/articulos/el_proceso_de_diseno_de_un_sitio_web.php Kim, el Project Manager Bob, el desarrollador
  • Mostrar un ejemplo de una página hecha en Firewoks…
  • http://vanus01.net/web/tal-vez-es-tiempo-de-pensar-en-1024/ Ver por ejemplo que aplicaciones como facebook reclaman si uno no tiene un Browser actualizado… El poder de manejar un estándar es que si tú eres el más poderoso, impones tu navegador… si lo impones puedes facilitar el mostrar cierta información y el acceso a cierto tipo de recursos…
  • http://images.google.cl/imgres?imgurl=http://www.wikilearning.com/imagescc/10112/arquitectura.gif&imgrefurl=http://www.wikilearning.com/curso_gratis/una_web_es_mas_que_codigo-que_es_la_arquitectura_de_la_informacion/10112-8&h=302&w=301&sz=12&hl=es&start=2&um=1&tbnid=8dftPO3vEuTi4M:&tbnh=116&tbnw=116&prev=/images%3Fq%3Darquitectura%2Bde%2Bla%2Binformacion%26um%3D1%26hl%3Des%26client%3Dfirefox-a%26rls%3Dorg.mozilla:es-AR:official%26sa%3DX
  • http://www.poynterextra.org/EYETRACK2004/index.htm http://www.poynterextra.org/EYETRACK2004/hp7.htm
  • http://www.ainda.info/ceguera_banners.html
  • Teoría de los dos pasos… Lazasfeld
  • http://www.healthmap.org/es Mashup que mezcla google maps con información de salud OMS
  • http://www.daemonquest.com/es/research_and_insight/2005/09/11/dell_suprime_sus_foros_de_clientes http://www.businessweek.com/technology/content/aug2005/tc20050825_2021.htm Del suprimió sus foros a clientes
  • http://es.wikipedia.org/wiki/Larga_Cola Larga Cola De Wikipedia, la enciclopedia libre Saltar a navegación , búsqueda La frase La Larga Cola (como nombre propio escrito con mayúscula) fue acuñada por Chris Anderson en un artículo de la revista Wired de Octubre de 2004 para describir determinados tipos de negocios y modelos económicos tales como Amazon.com o Netflix . Lo hizo a partir de un texto publicado por Clay Shirky, uno de sus redactores. El término Larga Cola se utiliza normalmente en estadística en relación con distribuciones de riqueza o con el uso del vocabulario.
  • Transcript

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