aplicaciones educativas web 2.0

48
Web 2.0 TALLER: “Aplicaciones educativas de la WEB 2.0” Jhon A. Calderón S. Rama Estudiantil IEEE-UNL Esta obra esta bajo la licencia de Creative Commons http://jcalderon.wordpress.com/

Upload: jhon-alexander-calderon-sanmartin

Post on 13-Jun-2015

11.566 views

Category:

Technology


0 download

TRANSCRIPT

Page 1: Aplicaciones Educativas Web 2.0

Web

2.0

TALLER: “Aplicaciones educativas de la WEB 2.0”

Jhon A. Calderón S.

Rama Estudiantil IEEE-UNL

Esta obra esta bajo la licencia de Creative Commons

http://jcalderon.wordpress.com/

Page 2: Aplicaciones Educativas Web 2.0

Web

2.0

Introducción:

“La Web está cambiando”

• Hemos pasado de la complejidad técnica para publicar ala facilidad para producir y compartir

Los usuarios estamos cambiando nuestra forma deutilizar la red

• Nos estamos convirtiendo en parte activa, en participantesde su “desarrollo”

“Estamos al comienzo de una relación radicalmentedistinta con Internet que tiene importantesimplicaciones para educadores y para estudiantes”

Page 3: Aplicaciones Educativas Web 2.0

Web

2.0

Web 1.0

Paginas estáticas

Uso de html simple

Poca actualización

Desarrolladas por informáticos

Usuario papel pasivo - Consulta

Page 4: Aplicaciones Educativas Web 2.0

Web

2.0

Web 2.0: Cambio de paradigma

Page 5: Aplicaciones Educativas Web 2.0

Web

2.0

Web 2.0:Quien se resiste al cambio

se queda atrás

Page 6: Aplicaciones Educativas Web 2.0

Web

2.0

Web 2.0: ¿ ?Aplicaciones Web destinadas a los usuarios

Puntos de encuentro

Web’s interactivas y visuales

El usuario es el protagonista

Nuevo paradigma

Los servicios de la web 2.0 sustituirán

en algún momento a las

aplicaciones de escritorio

Una web mas rápida y participativa

que la primera

Dependen del comportamiento de

las personas que acceden a ella

Darnos a conocer con el contenido que

generamos

Page 7: Aplicaciones Educativas Web 2.0

Web

2.0

Diferencias:

Web 1.0 (1993-2003)

Web 2.0 (2003- en adelante)

La gran mayoría de las páginas están construidas en HTML.

Internet registra un alto intercambio de "contenido" en la Web. Se identifican mayores niveles de interactividad y la satisfacción del usuario adquiere mayor importancia.

“Leer” Modo “Escribir” & Contribuir

“Página” Unidad

básica de contenido

“Post / grabar”

“estático” Condición “dinámico”

Navegador Web Visible a través de…

Navegadores, RSS Agregadores, Tags

“Servicio al Cliente” Arquitectura “Servicios Web”

Programadores de Web

Contenidos Creados por… Cualquiera

“geeks” Dominado por…

“alfabetización digital masiva”

Page 8: Aplicaciones Educativas Web 2.0

Web

2.0

¿De donde surge la palabra Web 2.0?

Page 9: Aplicaciones Educativas Web 2.0

Web

2.0

TALLER: “Aplicaciones educativas de la WEB 2.0”

Jhon A. Calderón S.

Rama Estudiantil IEEE-UNL

Esta obra esta bajo la licencia de Creative Commons

http://jcalderon.wordpress.com/

Page 10: Aplicaciones Educativas Web 2.0

Web

2.0

Introducción:

No hay una lista “cerrada” de aplicaciones de laWeb 2.0

Infinidad de serviciosCada día aparecen nuevas aplicaciones

Los usuarios son los que “dan el visto bueno” acada aplicación

Normalmente la “Popularidad” va asociada a los serviciosmás útiles

almacenamiento e interacción

Page 11: Aplicaciones Educativas Web 2.0

Web

2.0

Introducción:

Folcsonomía: “Etiquetado social”

Del.icio.us: Marcadores Sociales

Flickr: Fotografías

Youtube: Videos

Slideshare: Presentaciones

Wordpress: Creación de weblogs

EyeOS: Sistema Operativo en la web

RSS: Sindicación muy sencilla

Google Reader: Agregador (lector) RSS

Creative Commons: Licencia de contenido

Page 12: Aplicaciones Educativas Web 2.0

Web

2.0

Folcsonomía: “Etiquetado social”

Tags o etiquetas

Palabras clave que permiten identificar rápidamente un contenidoDiferentes usuarios asignan diferentes etiquetas a

un mismo contenido - “valor añadido”Acceso a los contenidos a través de estas etiquetasCrecen por la participación de los usuarios (sin organización)

“Pertenece a todos”Nube de etiquetas:

Page 13: Aplicaciones Educativas Web 2.0

Consejos para un buen etiquetado

• Utilizar todas las etiquetas necesarias• Si gestor en español: tildes y eñes (probar)• Más globalidad: tags in english• Cierto orden: de lo + general a lo + particular• Etiqueta-acción: leer, hacer, copiar, escribir..• Etiqueta-contenido: articulo, portal, blog…• Et.-descripción: todo lo demás (o casi)• Las etiquetas son importantes: título también

Page 14: Aplicaciones Educativas Web 2.0

roma coliseo monumento viaje nocturno italia

coliseo museo italia historia imperio arte roma

roma coliseo monumento caro interesante viaje

Ejemplo de etiquetado (I)

Page 15: Aplicaciones Educativas Web 2.0

Web

2.0

Del.icio.us: Marcadores Sociales

Permiten “marcar” (guardar) sitios Web (URL) de interés para el usuario en un lugar de Internet (en línea)

- Similar a los favoritos de un navegador pero sealmacenan en un servidor- El usuario centraliza en un lugar de la red sus direccionesde interés

Ventajas:- Acceder a nuestros favoritos desde cualquier lugarconectado a la red- No depender de un único ordenador (normalmente seaccede a la red desde diferentes equipos)- Compartir con otros usuarios: conocer los vínculos deotros usuarios y crear vínculos con ellos (Red Social)- Buscar por etiquetas (tags)- Integrar los favoritos en un blog

Page 16: Aplicaciones Educativas Web 2.0

Web

2.0

Del.icio.us: Marcadores Sociales

Del.icio.us (yahoo)- Más popular (mas de 1 millón de usuarios)- Extensiones para navegadores (Explorer,firefox) � botones para añadir …

Page 17: Aplicaciones Educativas Web 2.0

Nombre de usuario Casilla para etiqueta

RSS de nuestra página

Enlaces que te envíanRed de contactos Opciones

Nuestrasetiquetasglobales

Agrupar etiquetas

Borrar/editar etiquetas

Etiquetas del elemento

Editar/borrar elem. (insitu)

Elemento (título y enlace)

Buscador

Page 18: Aplicaciones Educativas Web 2.0

Web

2.0

Flickr una plataforma social donde almacenar y compartir fotos.

FlickrMuestramis fotosy me permitever lasdel resto

Flickr es un servicio gratuito de almacenamiento de fotografías, que permite compartir –a través de tags-imágenes con todo el mundo (se puede utilizar Copyright o licencias abiertas como Copyleft o Creative Commons).

Organizar:� Álbumes: grupos de fotos relacionadas� Colecciones: agrupaciones de álbumes� Agregar etiquetas� Cambiar permisos, …

Page 19: Aplicaciones Educativas Web 2.0

Web

2.0

Web 2.0: Flickr

Flickr tags

Las fotosquedanetiquetadascon ‘tags’

Page 20: Aplicaciones Educativas Web 2.0

Web

2.0

Web 2.0: YouTube

You tube

YouTube es un sitio web que permite a los usuarios subir, ver y compartir vídeos. Permite alojar videos personales de manera sencilla y gratuita. YouTube almacena clips de películas, programas de televisión, videos musicales, y vídeos caseros. Los enlaces a vídeos de YouTube pueden ser también puestos en blogs y sitios web personales usando el URL.

Page 21: Aplicaciones Educativas Web 2.0

Web

2.0

Web 2.0: YouTube

Otros recopiladores de video

Page 22: Aplicaciones Educativas Web 2.0

Web

2.0

Slideshare: Presentaciones

Servicio que permitepublicar, compartir y comentarpresentaciones

- Admite archivosPowerPoint (ppt opps), PDF yOpenOffice (odp)

- Buscar por etiquetas

-Espacio público

- Añadir presentaciones de otros usuarios como favoritas

- Integrar en el blog

Page 23: Aplicaciones Educativas Web 2.0

Web

2.0

Wordpress: Creación de weblogs

BloggingActividad de actualizar un blog

BloggerPersona que actualiza un blog

Page 24: Aplicaciones Educativas Web 2.0

..y ahora vamos a crear tu ..y ahora vamos a crear tu blog!!!blog!!!

Page 25: Aplicaciones Educativas Web 2.0

Pinchamos en

Page 26: Aplicaciones Educativas Web 2.0

• Rellenamos Rellenamos Nombre de usuario y e Nombre de usuario y e –– mailmail

•• Aceptamos Aceptamos Lo legalLo legal

•• SiguientesSiguientes

Page 27: Aplicaciones Educativas Web 2.0

• Ya tenéis vuestro blog en WordPress.com. • La dirección del blog será:

http://vuestro_nombre_de_usuario.wordpress.com

Page 28: Aplicaciones Educativas Web 2.0

Web

2.0

EyeOS: Sistema Operativo en la web

Libre y gratuito, basado sobre el estilo del escritorio de un sistema operativo

Incluye toda la estructura de un sistema operativo y algunas aplicaciones de tipo:

suite_ofimática como un procesador de textos,

un calendario, un gestor de archivos, un mensajero,

un navegador web,

capacidades multimedia, juegos,

una calculadora y más.

No se requiere instalar nada

Page 29: Aplicaciones Educativas Web 2.0

Web

2.0

RSS: Sindicación muy sencilla

RSS = Really Simple Syndication

• Características de esta herramienta:1. Puedes subscribirte a otros sitios que cuentan con ‘feed’ de RSS (sindicación).

Esta pensado para sitios que seactualizan con frecuencia (muy

utilizado en blogs)

2. Crear contenidos en un sitio, pero éstos se leerán desde otros lugares (lectores de RSS o agregadores).

• Los contenidos pueden ser texto, fotos, archivos de mp3, video, etc…

Al proceso de suscripción a unafuente RSS se le llama sindicación

de contenidos

Page 30: Aplicaciones Educativas Web 2.0

Web

2.0

Web 2.0: Ejemplos de RSS

Ejemplos de RSS

Page 31: Aplicaciones Educativas Web 2.0

Web

2.0

Google Reader: Agregador (lector) RSS

Un agregador es un tipo de software para sindicar contenidos web en forma de ‘feed’ (RSS, Atom u otros).

El agregador recoge ese ‘feed’ con las noticias o historias publicadas en de los blogs escogidos, y muestra las novedades o ediciones que se han producido en ese ‘feed’.

Page 32: Aplicaciones Educativas Web 2.0
Page 33: Aplicaciones Educativas Web 2.0
Page 34: Aplicaciones Educativas Web 2.0
Page 35: Aplicaciones Educativas Web 2.0
Page 36: Aplicaciones Educativas Web 2.0
Page 37: Aplicaciones Educativas Web 2.0
Page 38: Aplicaciones Educativas Web 2.0
Page 39: Aplicaciones Educativas Web 2.0
Page 40: Aplicaciones Educativas Web 2.0
Page 41: Aplicaciones Educativas Web 2.0
Page 42: Aplicaciones Educativas Web 2.0
Page 43: Aplicaciones Educativas Web 2.0
Page 44: Aplicaciones Educativas Web 2.0

Web

2.0

Web 2.0: RSS

YO

sin rss

YORSS Cuadro

con rss

Page 45: Aplicaciones Educativas Web 2.0

Web

2.0

Creative Commons: Licencia de contenido

Creative Commons, traducido literalmente como "Comunes Creativos",

Creative Commons está inspirada en la licencia GPL (General PublicLicense) de la Free Software Foundation

Algunos derechos reservados

Permite licenciar el contenido creados por cualquier persona

Atributos de las licencias

Page 46: Aplicaciones Educativas Web 2.0

Web

2.0

Creative Commons: Licencia de contenido

Atribución quiere decir:Les permites a otras personas copiar, distribuir, mostrar y reproducir tu obra con derechos de autor, únicamente si reconocen tu mérito.

No comercial quiere decir:Les permites a otras personas copiar, distribuir, mostrar y reproducir tu obra, únicamente con fines no comerciales.

Obras no derivadas quiere decir:Les permites a otras personas copiar, distribuir, mostrar y reproducir únicamente copias exactas de tu obra, y no obras derivadas que estén basadas en ella.

Compartir bajo la misma licencia quiere decir:Les permites a otros distribuir obras derivadas, únicamente con una licencia idéntica a la licencia que rige tu obra.

Page 47: Aplicaciones Educativas Web 2.0

Web

2.0

Q & A

Page 48: Aplicaciones Educativas Web 2.0

Web

2.0

Fin Presentación

http://jcalderon.wordpress.com/

[email protected]

Jhon A. Calderón S.Loja - Ecuador