SlideShare una empresa de Scribd logo
1 de 41
Descargar para leer sin conexión
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 aplicaciones 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 (usuarios y contenidos) 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
Internet, algunas necesitan software
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 puntos
Crear 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 presentación
power point y compartirla en
slideshare
} Entregue un documento PDF por grupo con
capturas de pantalla mostrando el trabajo realizado
¿Preguntas?

Más contenido relacionado

La actualidad más candente

La actualidad más candente (18)

Open Web Tools Directory
Open Web Tools DirectoryOpen Web Tools Directory
Open Web Tools Directory
 
Herramientas tecnologicas para docentes liliana
Herramientas tecnologicas para docentes lilianaHerramientas tecnologicas para docentes liliana
Herramientas tecnologicas para docentes liliana
 
Evernote
EvernoteEvernote
Evernote
 
Googledocs
GoogledocsGoogledocs
Googledocs
 
Web 2.0 por alex paucar
Web 2.0 por alex paucarWeb 2.0 por alex paucar
Web 2.0 por alex paucar
 
Top 10 herramientas final
Top 10 herramientas finalTop 10 herramientas final
Top 10 herramientas final
 
Tema 1tic.2 (1)
Tema 1tic.2 (1)Tema 1tic.2 (1)
Tema 1tic.2 (1)
 
Diapositiva web2.0
Diapositiva web2.0Diapositiva web2.0
Diapositiva web2.0
 
Víctor perez y martín vega
Víctor perez y martín vegaVíctor perez y martín vega
Víctor perez y martín vega
 
Herramientas de la web 2
Herramientas de la web 2Herramientas de la web 2
Herramientas de la web 2
 
Herramientas web 2 dome
Herramientas web 2 domeHerramientas web 2 dome
Herramientas web 2 dome
 
Práctica 7
Práctica 7Práctica 7
Práctica 7
 
Herramientas de la web 2.0
Herramientas de la web 2.0Herramientas de la web 2.0
Herramientas de la web 2.0
 
Elgg
ElggElgg
Elgg
 
Lo aprendido en clase
Lo aprendido en claseLo aprendido en clase
Lo aprendido en clase
 
Las redes sociales
Las redes socialesLas redes sociales
Las redes sociales
 
Experiencia formativa
Experiencia formativaExperiencia formativa
Experiencia formativa
 
Jhoselin fonseca slideshare
Jhoselin fonseca slideshareJhoselin fonseca slideshare
Jhoselin fonseca slideshare
 

Destacado

Curso de cata de vinos
Curso de cata de vinosCurso de cata de vinos
Curso de cata de vinosMarta Garcia
 
Práctica evaluación
Práctica evaluaciónPráctica evaluación
Práctica evaluaciónlopez84
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerraJhönathan Gil
 
Las profesiones y los oficios
Las profesiones y los oficiosLas profesiones y los oficios
Las profesiones y los oficios24utopia
 
Turismo para todos
Turismo para todosTurismo para todos
Turismo para todosHazel10
 
El músico embaucador
El músico embaucadorEl músico embaucador
El músico embaucadorpilaruno
 
El parque nacional yasuni
El parque nacional yasuniEl parque nacional yasuni
El parque nacional yasunimaricela pinto
 
Estado de palabras lup
Estado de palabras  lupEstado de palabras  lup
Estado de palabras lupheidyemmanuela
 
El chat.el habla escrita de niños y jovenes..rios lourdes
El chat.el habla escrita de niños y jovenes..rios lourdesEl chat.el habla escrita de niños y jovenes..rios lourdes
El chat.el habla escrita de niños y jovenes..rios lourdessara_palacios
 
Educación presencial y virtual
Educación presencial y virtualEducación presencial y virtual
Educación presencial y virtualalinamora
 
Observació consell escolar_-9-2012
Observació consell escolar_-9-2012Observació consell escolar_-9-2012
Observació consell escolar_-9-2012sangel2
 
Expediente electronico 1
Expediente electronico 1Expediente electronico 1
Expediente electronico 1Josephhhh
 
193 inteligencia espiritual
193 inteligencia espiritual193 inteligencia espiritual
193 inteligencia espiritualjuan david Mono
 

Destacado (20)

Productos
ProductosProductos
Productos
 
Curso de cata de vinos
Curso de cata de vinosCurso de cata de vinos
Curso de cata de vinos
 
Informatica
Informatica Informatica
Informatica
 
Práctica evaluación
Práctica evaluaciónPráctica evaluación
Práctica evaluación
 
Estrategias conductual
Estrategias conductualEstrategias conductual
Estrategias conductual
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Las profesiones y los oficios
Las profesiones y los oficiosLas profesiones y los oficios
Las profesiones y los oficios
 
Turismo para todos
Turismo para todosTurismo para todos
Turismo para todos
 
El músico embaucador
El músico embaucadorEl músico embaucador
El músico embaucador
 
El parque nacional yasuni
El parque nacional yasuniEl parque nacional yasuni
El parque nacional yasuni
 
Estado de palabras lup
Estado de palabras  lupEstado de palabras  lup
Estado de palabras lup
 
El chat.el habla escrita de niños y jovenes..rios lourdes
El chat.el habla escrita de niños y jovenes..rios lourdesEl chat.el habla escrita de niños y jovenes..rios lourdes
El chat.el habla escrita de niños y jovenes..rios lourdes
 
Educación presencial y virtual
Educación presencial y virtualEducación presencial y virtual
Educación presencial y virtual
 
Observació consell escolar_-9-2012
Observació consell escolar_-9-2012Observació consell escolar_-9-2012
Observació consell escolar_-9-2012
 
Expediente electronico 1
Expediente electronico 1Expediente electronico 1
Expediente electronico 1
 
Dofa
DofaDofa
Dofa
 
193 inteligencia espiritual
193 inteligencia espiritual193 inteligencia espiritual
193 inteligencia espiritual
 
Cáncer de esófago
Cáncer de esófagoCáncer de esófago
Cáncer de esófago
 
Skydrive
SkydriveSkydrive
Skydrive
 
Diapositivas
DiapositivasDiapositivas
Diapositivas
 

Similar a Web2.0

Similar a Web2.0 (20)

Presentación la Web 2.0 (UCLA)
Presentación la Web 2.0 (UCLA)Presentación la Web 2.0 (UCLA)
Presentación la Web 2.0 (UCLA)
 
Albanys gutierrez intera
Albanys gutierrez interaAlbanys gutierrez intera
Albanys gutierrez intera
 
Internet
InternetInternet
Internet
 
Trabajo Practico nº 5
Trabajo Practico nº 5Trabajo Practico nº 5
Trabajo Practico nº 5
 
Lenguaje Digital UDD clase 2
Lenguaje Digital UDD clase 2Lenguaje Digital UDD clase 2
Lenguaje Digital UDD clase 2
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Herramienta web 2.0 udelas
Herramienta web 2.0  udelasHerramienta web 2.0  udelas
Herramienta web 2.0 udelas
 
ALFABETIZACIÓN INFORMACIONAL
ALFABETIZACIÓN INFORMACIONAL ALFABETIZACIÓN INFORMACIONAL
ALFABETIZACIÓN INFORMACIONAL
 
Que es web 2
Que es web 2Que es web 2
Que es web 2
 
Que es web 2
Que es web 2Que es web 2
Que es web 2
 
Web2.0 por Manuel León
Web2.0 por Manuel León Web2.0 por Manuel León
Web2.0 por Manuel León
 
Tecnologia que soportan web2.0
Tecnologia que soportan web2.0Tecnologia que soportan web2.0
Tecnologia que soportan web2.0
 
Computacion expo de ana maria marquez y nicole bedoya
Computacion expo de ana maria marquez y nicole bedoyaComputacion expo de ana maria marquez y nicole bedoya
Computacion expo de ana maria marquez y nicole bedoya
 
La web sophia
La web  sophiaLa web  sophia
La web sophia
 
Presentación Slideshare
Presentación SlidesharePresentación Slideshare
Presentación Slideshare
 
Tpn5
Tpn5 Tpn5
Tpn5
 
Tp n 5
Tp n 5Tp n 5
Tp n 5
 

Último

Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenadanielaerazok
 
Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webDecaunlz
 
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfisrael garcia
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenajuniorcuellargomez
 
12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdfedwinmelgarschlink2
 
Guia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdfGuia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdflauradbernals
 
COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfOscarBlas6
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAdanielaerazok
 

Último (8)

Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalena
 
Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la web
 
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalena
 
12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf
 
Guia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdfGuia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdf
 
COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdf
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
 

Web2.0

  • 1. Web 2.0 Programa Turismo 2014 Ing. Jaime Caicedo Guerrero ! jcaicedo@unicauca.edu.co
  • 2. AGENDA } Evolución de la Web } Definición } Características } Herramientas } Taller !2
  • 3. AGENDA } Evolución de la Web } Definición } Características } Herramientas } Taller !3
  • 4. ¿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
  • 6. ¿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)'
  • 7. ¿Qué es la Web 2.0? !7
  • 8. !8
  • 9. !9
  • 10. !10
  • 11. AGENDA } Evolución de la Web } Definición } Características } Herramientas } Taller !11
  • 12. 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
  • 13. 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 aplicaciones que generan colaboración y de servicios que reemplazan las aplicaciones de escritorio. [Wikipedia] !13
  • 14. 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. !15
  • 16. AGENDA } Evolución de la Web } Definición } Características } Herramientas } Taller !16
  • 17. Características } Los datos se insertan y extraen fácilmente. } Gratuita (generalmente). } Los usuarios son los principales generadores de contenido. } Todo (usuarios y contenidos) se puede interconectar entre si: red. } “Arquitectura de participación” Tim O`Reilly ! !17
  • 18. 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
  • 19. 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. !20
  • 21. !21
  • 22. AGENDA } Evolución de la Web } Definición } Características } Herramientas } Taller !22
  • 23. 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. !24
  • 25. 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
  • 26. 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
  • 27. Podcast } Es un lugar similar a un blog donde los artículos son archivos sonoros grabados por el autor. ! } iPod + Broadcast !27
  • 28. !28
  • 29. 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. !30
  • 31. !31
  • 32. 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
  • 33. 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. !34
  • 35. 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
  • 36. 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
  • 37. Conversación } Existen muchas herramientas para la realización de conversaciones grupales en Internet, algunas necesitan software especializado (Skype, Facetime) y otras se basan en Web (Hangouts) !37
  • 38. !38
  • 39. AGENDA } Evolución de la Web } Definición } Características } Herramientas } Taller !39
  • 40. Taller !40 } Organice un grupo con 4 integrantes y desarrolle cada uno de los siguientes puntos Crear 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 presentación power point y compartirla en slideshare } Entregue un documento PDF por grupo con capturas de pantalla mostrando el trabajo realizado