Este documento presenta una introducción a las herramientas y conceptos clave de la Web 2.0. Explica brevemente el concepto de Web 2.0, sus características principales como aprovechar la inteligencia colectiva, gestión de bases de datos, programación ligera y experiencias enriquecedoras para el usuario. Luego describe algunas herramientas Web 2.0 esenciales como videos y podcasting, redes sociales, presentaciones, wikis, blogs, colaboración e instant messaging. Finalmente, introduce otras herramientas como marcadores sociales

1. Taller Web 2.0 y
Herramientas Web ENJ
Programa Formación Aspirantes 2012

2. Web 2.0: Concepto,
Características
Terminología
Principales
Herramientas Web
¿De qué
2.0
hablare
mos? Herramientas Web
ENJ
Algo más…

3. Concepto
¿Qué es Web 2.0
El término Web 2.0 está asociado a aplicaciones web que facilitan el
compartir información, la interoperabilidad, el diseño centrado en el
usuario y la colaboración en la World Wide Web.

4. Concepto
¿Qué ha pasado?
http://www.internetworldstats.com/stats.htm. Consultado el 12/6/2012

5. Concepto
¿Qué ha pasado?
Sitios Web
08/1981 – 213
01/2011 – 888,239,420
http://www.isc.org/solutions/survey.. Consultado el 12/6/2012

6. Concepto
¿Qué ha pasado?

7. ¿Qué ha pasado?
Concepto

8. ¿Qué es la Web 2.0?

9. Concepto
Tim O´Reilly.
Qué es Web 2.0. Patrones del diseño y modelos
del negocio para la siguiente generación del
software”. 2004
http://sociedadinformacion.fundacion.telefonica.com/DYC/SHI/seccion=1188&idioma=es_ES&id=2
009100116300061&activo=4.do?elem=2146. Consultado el 12 de junio del 2012
Principios
1. La Web como plataforma
2. Aprovechar la inteligencia colectiva
3. La gestión de la base de datos como competencia básica
4. Modelos de programación ligera. Buscar la simplicidad
5. El fin de la actualización de software
6. El software no limitado aun solo dispositivo
7. Experiencias enriquecedoras del usuario

10. Concepto
Web 1.0 Características Web 2.0
(1993 – 2003)| (2003 –Actual)
Páginas construidas en HTML General Intercambio de
contenido, interactividad
Leer Modo Escribir y contribuir
Página Contenido Básico Post
Estática Condición Dinámica
Navegador web Visible a través de.. Navegadores, RSS,
Agregadores, Tags
Servicio al cliente Dirigido a… Servicios web
Programadores web Creador contenido Cualquiera
Geeks Dominado por… Alfabetización digital
masiva

11. s
La web como Plataforma
Los usuarios pueden utilizar las herramientas accediendo a un
servidor web a través de Internet o de una intranet mediante un
navegador. Las herramientas y servicios existen en la web, no en un
computador.

12. Características
Aprovechar la inteligencia colectiva
Es una actitud y no una tecnología. Su empleo supone la participación
bajo las directrices de: Comunicarse, Compartir, Colaborar y Confiar. Los
usuarios son creadores de contenidos y no solamente meros
consumidores. Y además esta creación se puede realizar de forma
cooperativa de acuerdo con unas reglas y roles definidos y aceptados
Wikipedia

14. Características
Gestión de base de datos-Competencia basica
La competición se centra en poseer ciertas clases de datos clave: localización,
identidad, agenda de acontecimientos públicos, identificadores de producto y
espacios de nombres, y convierta esa agregación de datos en un sistema de
servicios.
Servicio Personalizado
al usuario

15. Características
Programación Ligera…Simplicidad
Sustituir los diseños ideales de la arquitectura de la información, de los
metadatos y de las interfaces gráficas por la simplicidad y fiabilidad de
aplicaciones no centralizadas y escalables.
El usuario puede acceder al servicio desde la plataforma que desee y a través
de sindicación.
Promueve el diseño enfocado a ensamblar o mezclar servicios para crear
aplicaciones híbridas (mashups) que permitan sacar lo mejor de cada
aplicación.
Mashups
Servicio A + Servicio B = Servicio C

16. Características
Fin de la actualización del software
Rompe el modelo inicial del software cerrado con derechos de uso y
obsolescencia planificada.
Promueve el uso del software como servicio gratuito, corriendo en la
propia web y en combinación con los datos.

17. Característias
Software no limitado a un solo dispositivo
El uso de servicios Web 2.0 no se limita al computador. Los dispositivos
móviles: telefónos 3G, tablets, etc., han contribuido al aumento de uso de
estas herramientas

18. Características
Experiencia enriquecedora para usuario
Las herramientas de diseño web producen interfaces con capacidad de
acceso a servicios web en todo lugar y momento, con la usabilidad,
familiaridad y sencillez de las interfaces de los sistemas operativos

19. Características
Resumen
Orientado a Internet. Todo está en la web. Sólo hace falta un navegador web y una
conexión a Internet.
Comunidades de usuarios. Los usuarios son creadores de contenidos y no solamente
consumidores. csta creación se puede realizar de forma cooperativa
Perpetua Beta. La aplicación se orienta al usuario y se mejora gracias a la experiencia y
aportaciones de éstos.
Facilidad. Permite una gestión ágil y precisa de la información
Gratuidad. En la mayoría de los casos su uso es gratuito en un contexto personal o
educativo.
Personalización. Los servicios e pueden adaptar a las necesidades del
Integración y conexión. Los contenidos se integran fácilmente en las páginas y además
son enlazables (link). Algunos servicios utilizan los recursos alojados en otros (mashups).
Propagación viral. La información nueva se difunde rápidamente gracias a la suscripción
RSS, agregadores, trackbacks, pings, redes sociales, etc.
Etiquetado social. El usuario asigna libremente las etiquetas y categorías a contenidos.
Surgen así las categorías sociales o folksonomías, un sistema de etiquetas sin jerarquías
predeterminadas que facilita la búsqueda de los contenidos.
Iniciativa descentralizada. proporcionan la posibilidad de crear y mantener fácilmente un
espacio de encuentro entre personas con intereses comunes

20. Herramientas Web
2.0 Esenciales

21. Video y Podcasting
Ejemplos
• Youtube Education Podcast = iPod + broadcast
iTunesU Permite la distribución de archivos de
• Yale University audio (normalmente .mp3) y videos, a
• Cambridge University través de canales RSS a los cuales los
usuarios se suscriben para a través de
• MIT
diferentes medios.
Servicios
• PodcastPeoble Podríamos ver el podcast como la
• Dropi.o suscripción a un blog hablado, donde en
lugar de texto, recibimos un programa
• Vimeo
hablado o en video
• Evoca
• Yassau

22. Redes Sociales
Ejemplos
• Eduredes Sitios web basados en crear relaciones
• Education on Facebook sociales entre usuarios, utilizándose como
medio de interacción entre ellos.
• Universities on
Facebook
A través de estas redes se puede
• Google+ compartir contenido, relacionarse y crear
Servicios comunidades sobre intereses similares.
• Facebook
Facebook, la red social con mayor
• eLearning Social
cantidad de usuarios en el mundo, ofrece
• Classroom 2.0 la posibilidad de crear y personalizr
• Linkedin grupos y páginas.

23. Presentaciones
Ejemplos
• Escuela Nacional de la El uso de presentaciones creadas en
Judicatra Power Point, Impress o en iWork es muy
común entre los profesores para
presentar los contenidos de sus clases.
Servicios
• Slideshare Existen cientos de sitios en la web donde
• Slide.com estas presentaciones pueden alojarse para
• Issuu tenerlas disponibles en cualquier
momento y en cualquier lugar.
• Animoto
• Scribd Algunos servicios permiten incluso
agregar audio a estas presentaciones.

24. Wikis
Ejemplos
• Wikipedia "Un wiki, o una wiki, es un sitio web cuyas
páginas web pueden ser editadas por
múltiples voluntarios a través del
Servicios navegador web. Los usuarios pueden
• Wikispaces crear, modificar o borrar un mismo texto
• Wetpaint que comparten.
• PBWiki
Los textos o "páginas wiki" tienen títulos
• MediaWiki (software)
únicos. Si se escribe el título de una
"página-wiki" en algún lugar del wiki, esta
palabra se convierte en un "enlace web"
(o "link") a la página web. (wikipedia/wiki)

25. Blogs
Ejemplos
• Proyecto literatura «También conocido como bitácora, es un
hispano-inglesa sitio web periódicamente actualizado que
• Play Fol recopila cronológicamente textos o
artículos de uno o varios autores,
• Directorio de Blog
apareciendo primero el más reciente,
Profesores
donde el autor conserva siempre la
libertad de dejar publicado lo que crea
Servicios pertinente.
• Blogger
Este término inglés blog o weblog
• Wordpress
proviene de las palabras web y log ('log'
• Edublogs en inglés = diario)." (wikipedia/blog)

26. Colaboración
Servicios
• Google Docs El trabajo en equipo ha sido una de las
• MindMap competencias más importantes y
valoradas en las personas. La Web 2.0
• Bubbl.us
provee servicios que fomentan el trabajo
• Pizarras Interactivas colaborativo entre pares.
La creación de contenidos de forma
colaborativa permite construir y compartir
conocimientos que podrían ser
significativos.
Inteligencia Colectiva

27. Instant Messaging
Servicios
• BB Chat
Cada vez más se propaga
• MSN vertiginosamente el uso de la mensajería
• Gtalk instantánea entre los estudiantes.
Agregadores
El correo electrónico está dejando de ser
• eBuddy
la opción de comunicación para esta
• Meebo generación, el cual está siendo sustituido
por una comunicación más instantánea.
El MSN, Gtalk, el chat de Facebook y sobre
todo el BB Chat son los protagonistas de
esta categoría.

28. Microblogging /
Twitter
Ejemplos
• Uso educativo Twitter «Es un servicio que permite a sus usuarios
• The Twitter experiment enviar y publicar mensajes breves
at UT Dallas (alrededor de 140 caracteres),
generalmente de sólo texto. Las opciones
Servcios para el envío de los mensajes varían
• Twitter desde sitios web, a través de SMS y
• Twitterdeck mensajería instantánea.
Estas actualizaciones se muestran en la
página de perfil del usuario, y son también
enviadas de forma inmediata a otros
usuarios que han elegido la opción de
recibirlas. "

29. Marcadores
Sociales
Ejemplos
• ENJ en Delicious Los marcadores sociales son una forma
• Instituto Tecnológico de sencilla y popular de almacenar, clasificar
Monterrey y compartir enlaces en Internet o en una
Intranet.
Servicios Estos marcadores pueden ser
• Delicious categorizarlos con un sistema de
• Stumbleupon etiquetado denominado folcsonomías
(tags-etiquetas).
• Faves

30. RSS
Ejemplos
• Reseña Judicial RSS es el acrónimo de Really Simple
Sindication (aunque existen otras
explicaciones, ésta es la más utilizada). Es un
Agregadores formato XML que se utiliza para difundir o
compartir información frecuentemente
• Google Reader
actualizada a usuarios que se han suscrito a la
• iGloogle fuente que genera estos contenidos.
• Netvibes
En otras palabras, es una manera muy sencilla
• My Yahoo
con la que puede recibir, directamente en su
computador o en un lector RSS (conocido
como agregador), información actualizada
sobre sus páginas web favoritas, sin necesidad
de visitarlas constantemente.

31. RSS

32. Otros Servicios

33. Más Recursos
Noticias
Blogs
Imágenes
Videos
Libros
Académico
Tiempo Real

34. Más Recursos
Google Earth
• Toda la información geográfica del
mundo al alcance de la mano.
• Educadores de todo el mundo han
creado atractivas actividades de
clase que van más allá de la
geografía para enseñar literatura,
historia, matemáticas, ciencias
medioambientales y mucho más

35. Más Recursos
Google Art
Project
• Explore y visite museos en todo el
mundo
• Descubra y visualice cientos de
obras de artes a increíbles niveles
de detalles
• Cree y comparta su propia
colección de obras de artes

36. Más Recursos

37. Herramientas Web ENJ

38. Web 2.0: Concepto,
Características
Terminología
Principales
Herramientas Web
2.0
Herramientas Web
ENJ
Algo más…

39. Preguntas
¿…….?