Tecnologías de información
  y comunicación para el
       aprendizaje


 MC Rubén Figueroa Zepeda - Ing Luis Fernando García Pérez - Ing Vidál Paz Robles
Por qué usar la web en
       la clase?
Tenemos la responsabilidad de
 preparar a los alumnos para
        SU FUTURO
   no para nuestro pasado
Consecuencias
• Profesores altamente capacitados para formar los
  profesionales del futuro
• Alumnos motivados por sus procesos de
  aprendizaje
• Prestigio del centro: innovador, a la vanguardia.
• Apertura de conocimientos y capacidad de trabajar
  de forma colaborativa
• Instituciones sin miedo al cambio ni a las exigencias
  del entorno
Web 2.0
Lo que te perdiste y lo que te espera




        I.S.C. Luis Fernando García Pérez
Antes de confundirlos
La web NO es internet
La web NO es internet
• La web funciona vía internet
• Internet es la red por donde viaja la web
• La web es el contenido
• Internet es el medio de distribución
• Existen muchos servicios que funcionan vía
  internet
del 2004 en delante
Hazle un favor a la
   humanidad
Hazle un favor a la
   humanidad




                      Actualiza tu navegador
Qué no es la Web 2.0
Qué no es la Web 2.0


• Una nueva versión de la web
Qué no es la Web 2.0


• Una nueva versión de la web
• Tecnología web reciente
Web 2.0

• Término marketing que se le dió a una
  serie de nuevas prácticas sobre la web.
• Nuevo uso de la web.
• Participación/Colaboración
• Web de 2 vías
Nube de etiquetas
Prácticas web 2.0
• Web Blog (blogs)
• RSS
• Foros
• Wikis
• RIA’s (aplicaciones ricas para internet)
• Social Media
• API’s abiertas
Blog’s
Web Blog
• Bitácora web
• Constantemente actualizada
• Recopila textos o artículos (post) de
  manera cronológica
• Uno o varios autores
• El más reciente aparece primero
Ejemplo de un post
Ejemplo de comentarios
Tipos de blogs
• Personal
• Noticias
• Diseño
• Tecnología
• Política
• Religión
• Etc.
Elementos de un blog
• Título
• Textos (posts): imágenes, videos, fotografías
• Enlaces permanentes (permalinks)
• Fechas de publicación
• Comentarios
• Categorías o etiquetas
• Enlaces blog “amigos” (blogrolls)
• Enlaces inversos (trackbacks)
• Sindicalización de contenidos (RSS)
Creación de un blog

• Temas específicos
• Contenido original
• Dirigido a nichos de mercado
• Promoción y mercadeo
CMS

• Content Management System
• Estructura de soporte
• Creación y administración de contenidos
• Interfaz que controla bases de datos
• Varios editores
CMS populares

• Wordpress
• Joomla
• Drupal
• Moodle *
Sitios para creación

• wordpress.com
• blogger.com
• blogia.com
Folksonomías
Antes: falta de información

Ahora: exceso de información
RSS
RSS
• Familia de formatos (xml)
• Suscriptores
• Suministrar información actualizada
  frecuentemente
• Distribuir contenido sin necesidad de
  navegador
• Software diseñado para leer RSS
  (agregador)
Utilidad de RSS

• Mantenerse informado sobre un área de
  conocimiento
• Obtener las últimas noticias enviadas a un
  agregador o lector de RSS, la cual le
  alertará cuando haya nueva información
  para leer
Sitios con RSS

• Para reconocer los
  sitios que disponen
  de RSS buscar
  imágenes como:
Wikis
Sitio wiki

• Aplicación web
• Permite y solicita la colaboración
• Concebido para fomentar la participación
• Todos pueden generar contenidos
Quehacers del wiki
• Escribir y dar formato al texto
• Publicación de imágenes y contenido
  multimedia
• Enlaces para relacionar contenidos
• Zonas de discusión e historial
• Restaurar versión anterior del contenido
• Definir accesos (públicos o privados)
Wikis para todos

• Instalación en servidor propio:
 • mediawiki, phpwiki, tikiwiki, dokuwiki
• Espacios gratuitos:
 • wikispaces, zoowriter, wetpaint, pbwiki,
    xwiki, wikia
Aplicaciones educativas
• Elaborar de forma colaborativa un glosario
  de la asignatura
• Redactar apuntes generales de la clase y así
  tener un manual completo
• Colaboración entre alumnos y maestros del
  mismo centro o de centros distintos
  (incluso paises) trabajando sobre un tema
  predeterminado
wikis: interacciones
• Favorecen el aprendizaje significativo
• Colaborativo: conocimiento compartido
• Información mejor gestionada y accesible
• Permiten la participación y la comunicacíón
• Aprendizaje no jerarquizado y
  multidireccional
http://itsg.wikispaces.com
Actividad
• Darse de alta en wikispaces de preferencia
  con el siguiente patrón:
• nombreitsg. Ejemplo: fernandoitsg
• Editar individualmente el wiki del ITSG
  (itsg.wikispaces.com) anotando las
  conclusiones individuales acerca de la web
  2.0.
RIA
Rich Internet Applicaction
RIA’s

• Aplicaciones web que poseen ventajas
  sobre las aplicaciones web tradicionales
• No necesitan recargas cada vez que el
  usuario pulsa sobre un enlace
• El soporte de cualquier aplicación web 2.0
Social media
slideshare.net
• Sitio en el cual se pueden almacenar
  presentaciones (tipo powerpoint) y
  compartirlas con otros
• Se pueden dejar ligas a la presentación o
  incrustar las presentaciones en un sitio web
• Incluso se puede ajuntar un archivo mp3
  para crear un slidecast
• Gratis
Facebook
• Amigos
• Grupos y páginas
• Muro
• Fotos
• Regalos
• Juegos
Algunos datos FB

• + 250, 000, 000 usuarios
• + 120, 000, 000 al día
• 70% fuera de USA
• Valorado en $6,500 mdd
Twitter
• Servicio de microbloggin
• Envío de mensajes por medio de web, SMS,
  programas de mensajería instantánea o
  aplicaciones de terceros
• Los mensajes enviados se muestran en la
  página del perfil del usuario
• Lanzado en octubre de 2006
Descripción
• En twitter solo puedes hacer 3 cosas:
 • Seguir personas
 • Leer mensajes de 140 caracteres o
    menos
  • Escribir mensajes de máximo 140
    caracteres
• Cualquier otra actividad es una ampliación
  de las anteriores
Términos twitter
• Followers
• Following
• Timeline
• Tweet
• Replies
• @username
• Retweet (RT)
• DirectMessage (DM)
• #Hashtags
Usos conocidos
• Seguimiento de eventos en directo
• Retransmisión de charlas y ponencias
• Intercambio de opiniones en eventos
• Comentarios sobre películas o debates
  retransmitidos en TV
• Efecto “Big brother”
Por qué yo debería usar
   las redes sociales
Redes sociales

• 2/3 usuarios de internet a nivel global
  utilizan redes sociales
• Las personas gastan invierten mucho
  tiempo en este tipo de sitios
• En México se consumen 4 horas en redes
  sociales por usuario de internet al mes
Youtube

• 13 horas de video cada segundo
• 412 años para ver todos los videos
• 100, 000, 000 de videos vistos al día
Otros
• 13, 000, 000 artículos en wikipedia
• 3,600,000,000 de fotos en flickr (1 foto por
  cada dos personas del planeta)
• 1382% porcentaje de crecimiento mensual
  de usuarios en twitter
• 3,000,000 de twitts al día
• 5, 000, 000, 000 minutos al día en Facebook
http://sites.google.com/site/itsgrullo
Google wave
El Futuro
slideshare.net/itsg

                   itsg.wikispaces.com


              sites.google.com/site/itsgrullo




                 facebook.com/luiscript
Sígueme en:      twitter.com/luiscript
                 flickr.com/photos/luiscript
Gracias

Web 2.0 y otras

  • 1.
    Tecnologías de información y comunicación para el aprendizaje MC Rubén Figueroa Zepeda - Ing Luis Fernando García Pérez - Ing Vidál Paz Robles
  • 4.
    Por qué usarla web en la clase?
  • 6.
    Tenemos la responsabilidadde preparar a los alumnos para SU FUTURO no para nuestro pasado
  • 8.
    Consecuencias • Profesores altamentecapacitados para formar los profesionales del futuro • Alumnos motivados por sus procesos de aprendizaje • Prestigio del centro: innovador, a la vanguardia. • Apertura de conocimientos y capacidad de trabajar de forma colaborativa • Instituciones sin miedo al cambio ni a las exigencias del entorno
  • 9.
    Web 2.0 Lo quete perdiste y lo que te espera I.S.C. Luis Fernando García Pérez
  • 10.
  • 11.
    La web NOes internet
  • 12.
    La web NOes internet • La web funciona vía internet • Internet es la red por donde viaja la web • La web es el contenido • Internet es el medio de distribución • Existen muchos servicios que funcionan vía internet
  • 14.
    del 2004 endelante
  • 15.
    Hazle un favora la humanidad
  • 16.
    Hazle un favora la humanidad Actualiza tu navegador
  • 18.
    Qué no esla Web 2.0
  • 19.
    Qué no esla Web 2.0 • Una nueva versión de la web
  • 20.
    Qué no esla Web 2.0 • Una nueva versión de la web • Tecnología web reciente
  • 21.
    Web 2.0 • Términomarketing que se le dió a una serie de nuevas prácticas sobre la web. • Nuevo uso de la web. • Participación/Colaboración • Web de 2 vías
  • 22.
  • 23.
    Prácticas web 2.0 •Web Blog (blogs) • RSS • Foros • Wikis • RIA’s (aplicaciones ricas para internet) • Social Media • API’s abiertas
  • 24.
  • 25.
    Web Blog • Bitácoraweb • Constantemente actualizada • Recopila textos o artículos (post) de manera cronológica • Uno o varios autores • El más reciente aparece primero
  • 26.
  • 27.
  • 28.
    Tipos de blogs •Personal • Noticias • Diseño • Tecnología • Política • Religión • Etc.
  • 29.
    Elementos de unblog • Título • Textos (posts): imágenes, videos, fotografías • Enlaces permanentes (permalinks) • Fechas de publicación • Comentarios • Categorías o etiquetas • Enlaces blog “amigos” (blogrolls) • Enlaces inversos (trackbacks) • Sindicalización de contenidos (RSS)
  • 30.
    Creación de unblog • Temas específicos • Contenido original • Dirigido a nichos de mercado • Promoción y mercadeo
  • 31.
    CMS • Content ManagementSystem • Estructura de soporte • Creación y administración de contenidos • Interfaz que controla bases de datos • Varios editores
  • 32.
    CMS populares • Wordpress •Joomla • Drupal • Moodle *
  • 33.
    Sitios para creación •wordpress.com • blogger.com • blogia.com
  • 34.
  • 36.
    Antes: falta deinformación Ahora: exceso de información
  • 37.
  • 38.
    RSS • Familia deformatos (xml) • Suscriptores • Suministrar información actualizada frecuentemente • Distribuir contenido sin necesidad de navegador • Software diseñado para leer RSS (agregador)
  • 39.
    Utilidad de RSS •Mantenerse informado sobre un área de conocimiento • Obtener las últimas noticias enviadas a un agregador o lector de RSS, la cual le alertará cuando haya nueva información para leer
  • 40.
    Sitios con RSS •Para reconocer los sitios que disponen de RSS buscar imágenes como:
  • 41.
  • 42.
    Sitio wiki • Aplicaciónweb • Permite y solicita la colaboración • Concebido para fomentar la participación • Todos pueden generar contenidos
  • 43.
    Quehacers del wiki •Escribir y dar formato al texto • Publicación de imágenes y contenido multimedia • Enlaces para relacionar contenidos • Zonas de discusión e historial • Restaurar versión anterior del contenido • Definir accesos (públicos o privados)
  • 44.
    Wikis para todos •Instalación en servidor propio: • mediawiki, phpwiki, tikiwiki, dokuwiki • Espacios gratuitos: • wikispaces, zoowriter, wetpaint, pbwiki, xwiki, wikia
  • 45.
    Aplicaciones educativas • Elaborarde forma colaborativa un glosario de la asignatura • Redactar apuntes generales de la clase y así tener un manual completo • Colaboración entre alumnos y maestros del mismo centro o de centros distintos (incluso paises) trabajando sobre un tema predeterminado
  • 46.
    wikis: interacciones • Favorecenel aprendizaje significativo • Colaborativo: conocimiento compartido • Información mejor gestionada y accesible • Permiten la participación y la comunicacíón • Aprendizaje no jerarquizado y multidireccional
  • 47.
  • 48.
    Actividad • Darse dealta en wikispaces de preferencia con el siguiente patrón: • nombreitsg. Ejemplo: fernandoitsg • Editar individualmente el wiki del ITSG (itsg.wikispaces.com) anotando las conclusiones individuales acerca de la web 2.0.
  • 49.
  • 50.
    RIA’s • Aplicaciones webque poseen ventajas sobre las aplicaciones web tradicionales • No necesitan recargas cada vez que el usuario pulsa sobre un enlace • El soporte de cualquier aplicación web 2.0
  • 51.
  • 53.
    slideshare.net • Sitio enel cual se pueden almacenar presentaciones (tipo powerpoint) y compartirlas con otros • Se pueden dejar ligas a la presentación o incrustar las presentaciones en un sitio web • Incluso se puede ajuntar un archivo mp3 para crear un slidecast • Gratis
  • 54.
    Facebook • Amigos • Gruposy páginas • Muro • Fotos • Regalos • Juegos
  • 55.
    Algunos datos FB •+ 250, 000, 000 usuarios • + 120, 000, 000 al día • 70% fuera de USA • Valorado en $6,500 mdd
  • 56.
    Twitter • Servicio demicrobloggin • Envío de mensajes por medio de web, SMS, programas de mensajería instantánea o aplicaciones de terceros • Los mensajes enviados se muestran en la página del perfil del usuario • Lanzado en octubre de 2006
  • 57.
    Descripción • En twittersolo puedes hacer 3 cosas: • Seguir personas • Leer mensajes de 140 caracteres o menos • Escribir mensajes de máximo 140 caracteres • Cualquier otra actividad es una ampliación de las anteriores
  • 58.
    Términos twitter • Followers •Following • Timeline • Tweet • Replies • @username • Retweet (RT) • DirectMessage (DM) • #Hashtags
  • 59.
    Usos conocidos • Seguimientode eventos en directo • Retransmisión de charlas y ponencias • Intercambio de opiniones en eventos • Comentarios sobre películas o debates retransmitidos en TV • Efecto “Big brother”
  • 60.
    Por qué yodebería usar las redes sociales
  • 61.
    Redes sociales • 2/3usuarios de internet a nivel global utilizan redes sociales • Las personas gastan invierten mucho tiempo en este tipo de sitios • En México se consumen 4 horas en redes sociales por usuario de internet al mes
  • 62.
    Youtube • 13 horasde video cada segundo • 412 años para ver todos los videos • 100, 000, 000 de videos vistos al día
  • 63.
    Otros • 13, 000,000 artículos en wikipedia • 3,600,000,000 de fotos en flickr (1 foto por cada dos personas del planeta) • 1382% porcentaje de crecimiento mensual de usuarios en twitter • 3,000,000 de twitts al día • 5, 000, 000, 000 minutos al día en Facebook
  • 65.
  • 66.
  • 67.
  • 68.
    slideshare.net/itsg itsg.wikispaces.com sites.google.com/site/itsgrullo facebook.com/luiscript Sígueme en: twitter.com/luiscript flickr.com/photos/luiscript
  • 69.