Web2.0
-
Upload
jaime-guerrero -
Category
Internet
-
view
12 -
download
2
description
Transcript of Web2.0
![Page 2: Web2.0](https://reader038.fdocuments.mx/reader038/viewer/2022103014/548b1113b47959606e8b4b7c/html5/thumbnails/2.jpg)
AGENDA} Evolución de la Web } Definición } Características } Herramientas } Taller
!2
![Page 3: Web2.0](https://reader038.fdocuments.mx/reader038/viewer/2022103014/548b1113b47959606e8b4b7c/html5/thumbnails/3.jpg)
AGENDA} Evolución de la Web } Definición } Características } Herramientas } Taller
!3
![Page 4: Web2.0](https://reader038.fdocuments.mx/reader038/viewer/2022103014/548b1113b47959606e8b4b7c/html5/thumbnails/4.jpg)
¿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
![Page 5: Web2.0](https://reader038.fdocuments.mx/reader038/viewer/2022103014/548b1113b47959606e8b4b7c/html5/thumbnails/5.jpg)
Evolución
!5
![Page 6: Web2.0](https://reader038.fdocuments.mx/reader038/viewer/2022103014/548b1113b47959606e8b4b7c/html5/thumbnails/6.jpg)
¿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)'
![Page 7: Web2.0](https://reader038.fdocuments.mx/reader038/viewer/2022103014/548b1113b47959606e8b4b7c/html5/thumbnails/7.jpg)
¿Qué es la Web 2.0?
!7
![Page 8: Web2.0](https://reader038.fdocuments.mx/reader038/viewer/2022103014/548b1113b47959606e8b4b7c/html5/thumbnails/8.jpg)
!8
![Page 9: Web2.0](https://reader038.fdocuments.mx/reader038/viewer/2022103014/548b1113b47959606e8b4b7c/html5/thumbnails/9.jpg)
!9
![Page 10: Web2.0](https://reader038.fdocuments.mx/reader038/viewer/2022103014/548b1113b47959606e8b4b7c/html5/thumbnails/10.jpg)
!10
![Page 11: Web2.0](https://reader038.fdocuments.mx/reader038/viewer/2022103014/548b1113b47959606e8b4b7c/html5/thumbnails/11.jpg)
AGENDA} Evolución de la Web } Definición } Características } Herramientas } Taller
!11
![Page 12: Web2.0](https://reader038.fdocuments.mx/reader038/viewer/2022103014/548b1113b47959606e8b4b7c/html5/thumbnails/12.jpg)
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
![Page 13: Web2.0](https://reader038.fdocuments.mx/reader038/viewer/2022103014/548b1113b47959606e8b4b7c/html5/thumbnails/13.jpg)
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
![Page 14: Web2.0](https://reader038.fdocuments.mx/reader038/viewer/2022103014/548b1113b47959606e8b4b7c/html5/thumbnails/14.jpg)
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
![Page 15: Web2.0](https://reader038.fdocuments.mx/reader038/viewer/2022103014/548b1113b47959606e8b4b7c/html5/thumbnails/15.jpg)
!15
![Page 16: Web2.0](https://reader038.fdocuments.mx/reader038/viewer/2022103014/548b1113b47959606e8b4b7c/html5/thumbnails/16.jpg)
AGENDA} Evolución de la Web } Definición } Características } Herramientas } Taller
!16
![Page 17: Web2.0](https://reader038.fdocuments.mx/reader038/viewer/2022103014/548b1113b47959606e8b4b7c/html5/thumbnails/17.jpg)
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
![Page 18: Web2.0](https://reader038.fdocuments.mx/reader038/viewer/2022103014/548b1113b47959606e8b4b7c/html5/thumbnails/18.jpg)
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
![Page 19: Web2.0](https://reader038.fdocuments.mx/reader038/viewer/2022103014/548b1113b47959606e8b4b7c/html5/thumbnails/19.jpg)
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
![Page 20: Web2.0](https://reader038.fdocuments.mx/reader038/viewer/2022103014/548b1113b47959606e8b4b7c/html5/thumbnails/20.jpg)
!20
![Page 21: Web2.0](https://reader038.fdocuments.mx/reader038/viewer/2022103014/548b1113b47959606e8b4b7c/html5/thumbnails/21.jpg)
!21
![Page 22: Web2.0](https://reader038.fdocuments.mx/reader038/viewer/2022103014/548b1113b47959606e8b4b7c/html5/thumbnails/22.jpg)
AGENDA} Evolución de la Web } Definición } Características } Herramientas } Taller
!22
![Page 23: Web2.0](https://reader038.fdocuments.mx/reader038/viewer/2022103014/548b1113b47959606e8b4b7c/html5/thumbnails/23.jpg)
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
![Page 24: Web2.0](https://reader038.fdocuments.mx/reader038/viewer/2022103014/548b1113b47959606e8b4b7c/html5/thumbnails/24.jpg)
!24
![Page 25: Web2.0](https://reader038.fdocuments.mx/reader038/viewer/2022103014/548b1113b47959606e8b4b7c/html5/thumbnails/25.jpg)
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
![Page 26: Web2.0](https://reader038.fdocuments.mx/reader038/viewer/2022103014/548b1113b47959606e8b4b7c/html5/thumbnails/26.jpg)
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
![Page 27: Web2.0](https://reader038.fdocuments.mx/reader038/viewer/2022103014/548b1113b47959606e8b4b7c/html5/thumbnails/27.jpg)
Podcast} Es un lugar similar a un blog donde los artículos son archivos sonoros grabados por el autor. !
} iPod + Broadcast
!27
![Page 28: Web2.0](https://reader038.fdocuments.mx/reader038/viewer/2022103014/548b1113b47959606e8b4b7c/html5/thumbnails/28.jpg)
!28
![Page 29: Web2.0](https://reader038.fdocuments.mx/reader038/viewer/2022103014/548b1113b47959606e8b4b7c/html5/thumbnails/29.jpg)
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
![Page 30: Web2.0](https://reader038.fdocuments.mx/reader038/viewer/2022103014/548b1113b47959606e8b4b7c/html5/thumbnails/30.jpg)
!30
![Page 31: Web2.0](https://reader038.fdocuments.mx/reader038/viewer/2022103014/548b1113b47959606e8b4b7c/html5/thumbnails/31.jpg)
!31
![Page 32: Web2.0](https://reader038.fdocuments.mx/reader038/viewer/2022103014/548b1113b47959606e8b4b7c/html5/thumbnails/32.jpg)
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
![Page 33: Web2.0](https://reader038.fdocuments.mx/reader038/viewer/2022103014/548b1113b47959606e8b4b7c/html5/thumbnails/33.jpg)
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
![Page 34: Web2.0](https://reader038.fdocuments.mx/reader038/viewer/2022103014/548b1113b47959606e8b4b7c/html5/thumbnails/34.jpg)
!34
![Page 35: Web2.0](https://reader038.fdocuments.mx/reader038/viewer/2022103014/548b1113b47959606e8b4b7c/html5/thumbnails/35.jpg)
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
![Page 36: Web2.0](https://reader038.fdocuments.mx/reader038/viewer/2022103014/548b1113b47959606e8b4b7c/html5/thumbnails/36.jpg)
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
![Page 37: Web2.0](https://reader038.fdocuments.mx/reader038/viewer/2022103014/548b1113b47959606e8b4b7c/html5/thumbnails/37.jpg)
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
![Page 38: Web2.0](https://reader038.fdocuments.mx/reader038/viewer/2022103014/548b1113b47959606e8b4b7c/html5/thumbnails/38.jpg)
!38
![Page 39: Web2.0](https://reader038.fdocuments.mx/reader038/viewer/2022103014/548b1113b47959606e8b4b7c/html5/thumbnails/39.jpg)
AGENDA} Evolución de la Web } Definición } Características } Herramientas } Taller
!39
![Page 40: Web2.0](https://reader038.fdocuments.mx/reader038/viewer/2022103014/548b1113b47959606e8b4b7c/html5/thumbnails/40.jpg)
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
![Page 41: Web2.0](https://reader038.fdocuments.mx/reader038/viewer/2022103014/548b1113b47959606e8b4b7c/html5/thumbnails/41.jpg)
¿Preguntas?