Web 2.0

Programa Turismo 2014

Ing. Jaime Caicedo Guerrero !jcaicedo@unicauca.edu.co

AGENDA} Evolución de la Web } Definición } Características } Herramientas } Taller

!2

AGENDA} Evolución de la Web } Definición } Características } Herramientas } Taller

!3

¿Qué es la Web 2.0?} Generalmente un término utilizado para agrupar a una serie de tecnologías, plataformas, servicios en Internet… Pero hay más, mucho más

!4

Evolución

!5

¿Qué es la Web 2.0?

!6

La#web#que#sólo#se#lee#

La#web#extensible#que#se#lee#y#escribe#

• #Lectura#

• #Página,#documento#

• #Está<co#

• #Navegador##

• #Expertos#(geeks)#

• #LecturaCEscritura#

• #Usuario,#enlace,#foto,#lugar…#

• #Dinámico#

• #Navegador,#lector#RSS,#móvil#

• #Todos#

Adaptado'de'Aníbal'de'la'Torre'(ar0culo)'y'Tyson'Williams'(foto)'

¿Qué es la Web 2.0?

!7

!8

!9

!10

AGENDA} Evolución de la Web } Definición } Características } Herramientas } Taller

!11

Definición Clásica} Es la representación de la evolución de las aplicaciones tradicionales hacia aplicaciones Web enfocadas al usuario final. !

} Es una actitud y no precisamente una tecnología.

!12

Definición Clásica} Es la transición que se ha dado de aplicaciones tradicionales hacia aplicaciones que funcionan a través de la Web enfocadas al usuario final. !

} Se trata de apl icaciones que generan colaboración y de servicios que reemplazan las aplicaciones de escritorio. [Wikipedia]

!13

Definición NO Clásica} Primer término tecnológico que no describe nada sobre tecnología.

} Parece describir únicamente el hecho que una gran masa crítica de personas ha comprendido un cierto número de tecnologías que existen y se han usado en los últimos años. [Clemens Vasters]

!14

!15

AGENDA} Evolución de la Web } Definición } Características } Herramientas } Taller

!16

Características} Los datos se insertan y extraen fácilmente. } Gratuita (generalmente). } Los usuarios son los principales generadores de contenido.

} Todo (usua r ios y con ten idos ) se puede interconectar entre si: red.

} “Arquitectura de participación” Tim O`Reilly !

!17

Características} Basada exclusivamente en la web. } Diseño sencillo y práctico. } Simplifica la usabilidad del sitio web } Ahorra tiempo al usuario } Estandariza los lenguajes para una mejor utilización de la re-utilización del código.

} Permite una mejor interoperabilidad entre aplicaciones y entre las aplicaciones y las máquinas (software-hardware).

} Facilita las interacciones

!18

Características} Facilita el reconocimiento o detección de carencias o nuevas formas de utilización de aplicaciones.

} Facilita la convergencia entre los medios de comunicación y los contenidos.

} Facilita la publicación, la investigación y la consulta de contenidos web.

} Y sobre todo… estimula y aprovecha la inteligencia colectiva en beneficio de internet.

!19

!20

!21

AGENDA} Evolución de la Web } Definición } Características } Herramientas } Taller

!22

Blog} Es un sitio web que recopila cronológicamente artículos de uno o varios autores. (Entradas) !

} Se pueden añadir comentarios en cada artículo y el autor responder. !

} Se generan con diversos propósitos y temas de discusión.

!23

!24

Blog} Blogosfera (blogocosa, blogsphere): engloba todo lo relacionado con los blogs (webs, autores, sentimiento social…) !

} Blogfesor: Blog realizado por un profesor (www.boulesis.com/boule)

!25

Blog} Edublog: Blog dedicado al mundo de la educación (www.aula21.net/aulablog21) !

} Fotoblog (photoblog): blog con fotografías publicadas periódicamente (www.cazurro.com)

!26

Podcast} Es un lugar similar a un blog donde los artículos son archivos sonoros grabados por el autor. !

} iPod + Broadcast

!27

!28

Slides} Presentaciones compartidas, i n t e r a c t i v a s c r e a d a s p o r individuos y publicadas. !

} Algunas pueden ser restringidas en el acceso pero otras pueden ser libres y gratuitas

!29

!30

!31

Feeds} Es un medio de difusión de contenidos de forma rápida bajo un modelo de suscripción. !

} Los Feeds pueden darse en varios formatos entre los cuales encontramos RSS, Atom,

!32

Feeds

} Sindicación: Suscribirse a través de un a g r e g a d o r d e n o t i c i a s a l o s contenidos y actualizaciones de una página web

} } Agregador: Software (web o escritorio) para leer archivos RSS

!33

!34

Otros conceptos} Etiqueta (tag): palabra/s clave/s asociadas a un elemento de contenido (foto, web…). !

} Redes sociales (social network): comunidades participativas donde se establecen relaciones entre usuarios en base a sus intereses comunes.

!35

Otros conceptos} Wiki: sitio web sin jerarquía marcada donde las páginas se pueden editar de forma directa con una sintaxis sencilla. !

} Spam (basura): contenido no solicitado, masivo y fuera de lugar, publicado generalmente por medios automáticos.

!36

Conversación} Existen muchas herramientas para la realización de conversaciones grupales en In te rne t , a lgunas neces i tan so f tware especializado (Skype, Facetime) y otras se basan en Web (Hangouts)

!37

!38

AGENDA} Evolución de la Web } Definición } Características } Herramientas } Taller

!39

Taller

!40

} Organice un grupo con 4 integrantes y desarrolle cada uno de los siguientes puntosCrear un blog para el grupo !

Utilizar un agregador de Feeds y suscribirse a 3 sitios de noticias de interés. (Por cada integrante)

Realizar una video llamada en el grupo utilizando Hangouts !

Crear una presentac ión power point y compartirla en slideshare

} Entregue un documento PDF por grupo con capturas de pantalla mostrando el trabajo realizado

¿Preguntas?