Web 2.0
52
Bienvenidos
description
Redes sociales, web y estructura de web sites...
Transcript of Web 2.0
Bienvenidos
Bienvenidos
¿De qué hablaremos?
¿De qué hablaremos?
• Bases técnicas• Cómo se mide• Cómo se crea• Tecnologías• Evaluaciones• Nuevas tendencias
Bases técnicas de un web site
• Qué es una página web
• ¿Qué es una extensión?
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
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/
Bases técnicas de un web site
• XHTML, CSS, XML• Javascript, DHTML• AJAX• Flash• Ajax v/s Flash
www.latercera.clwww.youtube.com
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
Bases técnicas de un web site
• XHTML, CSS, XML• Javascript, DHTML• AJAX• Flash• Ajax v/s Flash • RSS
Bases técnicas de un web site
• XHTML, CSS, XML• Javascript, DHTML• AJAX• Flash• Ajax v/s Flash • RSS
• 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
• Páginas estáticas: XHTML
• Páginas dinámicas: ASP, PHP, CFM, Phyton
Bases técnicas de un web site
• Páginas estáticas: XHTML
• Páginas dinámicas: ASP, PHP, CFM, Phyton
Bases técnicas de un web site
• Páginas estáticas: XHTML
• Páginas dinámicas: ASP, PHP, CFM, Phyton
Bases técnicas de un web site
• Páginas estáticas: XHTML
• Páginas dinámicas: ASP, PHP, CFM, Phyton
Bases técnicas de un web site
Clasificación blandade los sitios web
• Portal• Sitio• Página web• Blog• Wiki
Definiciones de un web site
• Portal• Sitio• Página web• Blog• Wiki
Definiciones de un web site
Cómo se mide
• Pages View• Sesiones• Tiempo de
permanencia• Herramientas para
medir: Google Analytics
Cómo se mide
Cómo se creaun sitio
• En teoría• En la práctica
Cómo se crea un sitio
• En teoría• En la práctica
Cómo se crea un sitio
• En teoría• En la práctica
Cómo se crea un sitio
• En teoría• En la práctica
Cómo se crea un sitio
• Áreas profesionales• Perfiles
– Diseño– Informática– Contenido
Cómo se crea un sitio
Arquitectura dela Información
• “Análisis, organización, disposición y estructuración de la información en espacios de información”
Arquitectura de la Información
Arquitectura de la Información
“La Arquitectura de Información es la cola que mueve al perro”
• “Análisis, organización, disposición y estructuración de la información en espacios de información”
Arquitectura de la Información
• “Análisis, organización, disposición y estructuración de la información en espacios de información”
Tecnologías para hacer Web
• WYSIWYG: Nvu, Kompozer, Dreamweaver
• RIA: Flash, Ajax• Optimización:
Fireworks, Gimp, Photoshop
• Bloc de notas
Tecnologías para hacer web
• 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
• CMS: Content Management System
• Joomla• Zope• Vignette• Php - Nuke
Tecnologías para hacer web
• 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
Evaluación de un sitio web
• ¿Para qué lo quiero?• Contenido• Funcionalidades• Usabilidad• Testeo
Evaluación de un sitio web
Evaluación de un sitio web
• ¿Para qué lo quiero?• Contenido• Funcionalidades• Usabilidad• Testeo
• Percepción• Peso y tiempo de
descarga• "La ceguera de los
banners"
Evaluación de un sitio web
Tendencias Web
• Web 2.0• Web Social• Redes Sociales• Contenido
Colaborativo• Creative Commons• Long Tail
Tendencias Web
• 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
• 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
• Google (y Google Ranks)• Gmail• Blogs• Wikipedia• Facebook• Twitter• Fotolog• Youtube• MySpace
Herramientas Web
• Google (y Google Ranks)• Gmail• Blogs• Wikipedia• Facebook• Twitter• Fotolog• Youtube• MySpace
Herramientas Web
• Fotolog• Del.icio.us• Technorati• Podcaster• Yahoo! Answers• Meebo• Facebook
Herramientas Web
• 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
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
• Estandarización• Inteligencia Colectiva• Beta constante• Segmentación• Cambio de Poder• Long Tail
Nuevos Escenarios
• 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
