1. La Universidad en Internet
WEB 2.0 APLICADA A LA
EDUCACIÓN
Almudena Castellanos

2. La Universidad en Internet
La Web está cambiando…
• De la Complejidad Técnica a la facilidad para Diseñar y
Producir.
Web 1.0 Web 2.0
Entorno Entorno
Estático Dinámico
Ausencia de Participación
Recursos del Internauta
Interactivos
Experto en Diseño/Edició
Diseño Web n rápido y
sencillo
HTML RSS, AJAX,
Mashup

3. La Universidad en Internet
El Usuario…
• Escribe, Lee.
• Colabora, Participa.
• Responde, Comenta.
• Crea, Etiqueta, Comparte.
Web 1.0 Web 2.0
Web de los Datos Web de las Personas

4. Metodologías Activas
La Universidad en Internet

5. LOS BLOG
La Universidad en Internet

6. La Universidad en Internet
El Concepto Blog, Weblog o Bitácora
• Un Blog es una página web que se actualiza
periódicamente y que recopila cronológicamente los
artículos (post) de uno o varios autores, sobre una
determinada temática, apareciendo primero el más
reciente.
• En cada artículo los lectores pueden escribir sus
comentarios y el autor darles respuesta, de forma que se
establece un diálogo.

7. La Universidad en Internet
Anatomía de un Blog
• Cabecera
•Título
•Subtítulo
• Columna, Barra de
Navegación o Sidebar
•Blogroll
•Categorías
•Calendario
•Widgets
• Artículos, Entradas o
Post
•Título
•Cuerpo
•Autor
•Fecha y Hora
•Comentarios.

8. La Universidad en Internet
Anatomía de un Blog
• Cabecera
•Título
•Subtítulo
• Columna, Barra de
Navegación o Sidebar
•Blogroll
•Categorías
•Calendario
•Widgets
• Artículos, Entradas o
Post
•Título
•Cuerpo
•Autor
•Fecha y Hora
•Comentarios.

9. La Universidad en Internet
Anatomía de un Blog
• Cabecera
•Título
•Subtítulo
• Columna, Barra de
Navegación o Sidebar
•Blogroll
•Categorías
•Calendario
•Widgets
• Artículos, Entradas o
Post
•Título
•Cuerpo
•Autor
•Fecha y Hora
•Comentarios.

10. La Universidad en Internet
Anatomía de un Blog
• Cabecera
•Título
•Subtítulo
• Columna, Barra de
Navegación o Sidebar
•Blogroll
•Categorías
•Calendario
•Widgets
• Artículos, Entradas o
Post
•Título
•Cuerpo
•Autor
•Fecha y Hora
•Comentarios.

11. La Universidad en Internet
Anatomía de un Blog
• Cabecera
•Título
•Subtítulo
• Columna, Barra de
Navegación o Sidebar
•Blogroll
•Categorías
•Calendario
•Widgets
• Artículos, Entradas o
Post
•Título
•Cuerpo
•Autor
•Fecha y Hora
•Comentarios.

12. La Universidad en Internet
Anatomía de un Blog
• Cabecera
•Título
•Subtítulo
• Columna, Barra de
Navegación o Sidebar
•Blogroll
•Categorías
•Calendario
•Widgets
• Artículos, Entradas o
Post
•Título
•Cuerpo
•Autor
•Fecha y Hora
•Comentarios.

13. La Universidad en Internet
Anatomía de un Blog
• Cabecera
•Título
•Subtítulo
• Columna, Barra de
Navegación o Sidebar
•Blogroll
•Categorías
•Calendario
•Widgets
• Artículos, Entradas o
Post
•Título
•Cuerpo
•Autor
•Fecha y Hora
•Comentarios.

14. La Universidad en Internet
Anatomía de un Blog
• Cabecera
•Título
•Subtítulo
• Columna, Barra de
Navegación o Sidebar
•Blogroll
•Categorías
•Calendario
•Widgets
• Artículos, Entradas o
Post
•Título
•Cuerpo
•Autor
•Fecha y Hora
•Comentarios.

15. La Universidad en Internet
Anatomía de un Blog
• Cabecera
•Título
•Subtítulo
• Columna, Barra de
Navegación o Sidebar
•Blogroll
•Categorías
•Calendario
•Widgets
• Artículos, Entradas o
Post
•Título
•Cuerpo
•Autor
•Fecha y Hora
•Comentarios.

16. La Universidad en Internet
Anatomía de un Blog
• Cabecera
•Título
•Subtítulo
• Columna, Barra de
Navegación o Sidebar
•Blogroll
•Categorías
•Calendario
•Widgets
• Artículos, Entradas o
Post
•Título
•Cuerpo
•Autor
•Fecha y Hora
•Comentarios.

17. La Universidad en Internet
Anatomía de un Blog
• Cabecera
•Título
•Subtítulo
• Columna, Barra de
Navegación o Sidebar
•Blogroll
•Categorías
•Calendario
•Widgets
• Artículos, Entradas o
Post
•Título
•Cuerpo
•Autor
•Fecha y Hora
•Comentarios.

18. La Universidad en Internet
Anatomía de un Blog
• Cabecera
•Título
•Subtítulo
• Columna, Barra de
Navegación o Sidebar
•Blogroll
•Categorías
•Calendario
•Widgets
• Artículos, Entradas o
Post
•Título
•Cuerpo
•Autor
•Fecha y Hora
•Comentarios.

19. La Universidad en Internet
Anatomía de un Blog
• Cabecera
•Título
•Subtítulo
• Columna, Barra de
Navegación o Sidebar
•Blogroll
•Categorías
•Calendario
•Widgets
• Artículos, Entradas o
Post
•Título
•Cuerpo
•Autor
•Fecha y Hora
•Comentarios.

20. La Universidad en Internet
Anatomía de un Blog
• Cabecera
•Título
•Subtítulo
• Columna, Barra de
Navegación o Sidebar
•Blogroll
•Categorías
•Calendario
•Widgets
• Artículos, Entradas o
Post
•Título
•Cuerpo
•Autor
•Fecha y Hora
•Comentarios.

21. La Universidad en Internet
Tipos de Blog
1
 Para compartir tus fotos, tus
videos.
 Escribir sobre tus ideas:
pedagógicas, políticas…
 Para entrar en contacto con
otros docentes, colaborar en
BLOG proyectos comunes.
PERSONAL  Para hacer amigos,
compartir intereses, aficiones.
 Para publicar tus relatos,
poesías, investigaciones…
 Para divertirte, porque a
todos nos gusta que nos lean.

22. La Universidad en Internet
Tipos de Blog
2 BLOG EDUCATIVO

23. La Universidad en Internet
Blog del
Profesor
 Compartir Conocimiento
con otros docentes.
 Tutoría, avisos a padres
y alumnos, consejos,
orientación.
 Compartir enlaces de
interés: cursos, eventos,
concursos.
 Suministrar a los
alumnos contenidos textos,
imágenes, videos, audio.
 Colgar contenidos
relacionados con la
asignatura que imparte.

24. La Universidad en Internet
Blog del
Alumno
 Presentar sus
trabajos y tareas.
 Compartir recursos,
enlaces, imágenes con
otros alumnos.
 Como portafolios,
para evaluar su propio
proceso de aprendizaje.
 Para sus propias
reflexiones acerca del
curso.

25. La Universidad en Internet
Blog del
Centro
 Periódico o Revista.
 Página Web del
Centro.

26. La Universidad en Internet
Blog del Aula
 Repositorio de los
contenidos de la
asignatura.
 Colgar las
actividades y lecturas
complementarias.
 Para la gestión de
investigaciones,
monográficos,
proyectos.

27. La Universidad en Internet
Desde dónde puedo crear un BLOG

28. La Universidad en Internet
VENTAJAS DE ESTOS SERVICIOS
 Son Gratuitos.
 Muy sencillos de utilizar.
 Están en castellano.

29. La Universidad en Internet
NOS CREAMOS UN BLOG
https://www.blogger.com/start

30. La Universidad en Internet
En solo 3 pasos crea tu BLOG
Entramos en la página
principal de Blogger
http://www.blogger.com

31. La Universidad en Internet
1º PASO: Nos creamos una cuenta
Mínimo 8
caracteres

32. La Universidad en Internet
1º PASO: Nos creamos una cuenta
Podemos
saltar este
paso

33. La Universidad en Internet
1º PASO: Nos creamos una cuenta
Ya tenemos
nuestra
cuenta en
Blogger

34. La Universidad en Internet
1º PASO: Nos creamos una cuenta
Para construir
un nuevo
Blog…

35. La Universidad en Internet
2º PASO: Nombre del Blog, Dirección y Plantilla
La dirección no puede
contener espacios,
tildes, ñ…

36. La Universidad en Internet
3º PASO: Empezar a trabajar
Entramos
al Blog
Creamos
la primera
entrada

37. La Universidad en Internet
SLIDESHARE
EL YOUTUBE DE LAS
PRESENTACIONES POWERPOINT

38. La Universidad en Internet
¿Qué es Slideshare?
• Servicio gratuito de la Web 2.0 que permite:
– Almacenar presentaciones de diapositivas online
en formato flash.
• No ocupan espacio
• Disponible desde cualquier ordenador.
– Descargar presentaciones de otros usuarios.
– Compartir las presentaciones con otros
internautas.
– Insertar las presentaciones en Blogs, Wikis, … .
– Compatible con MS Office, OpenOffice y Apple .

39. http://www.slideshare.net
La Universidad en Internet

40. La Universidad en Internet
Formulario…
Nombre
Correo electrónico
Contraseña -
Confirmamos
clic

41. La Universidad en Internet
Seguimos con el formulario…

42. Añadir usuarios a tu red
La Universidad en Internet

43. Subir Presentaciones
La Universidad en Internet

44. La Universidad en Internet
MARCADORES
SOCIALES
Marcadores Sociales

45. La Universidad en Internet
Marcador:
Un marcador o favorito es una utilidad que tienen
los navegadores y que nos permite guardar,
ordenar y clasificar en nuestro ordenador, las
direcciones de aquellas páginas Web interesantes,
para luego poder abrirlas en otro momento, sin la
necesidad de escribir o recordar su dirección.

46. La Universidad en Internet
Marcador Social:
Un marcador social es una utilidad que nos
permite guardar, ordenar y clasificar en Internet,
las direcciones de aquellas páginas Web
interesantes, para luego poder ubicarlas en otro
momento, sin la necesidad de escribir o recordar
su dirección, y además poder compartirlas con
otras personas.

47. ¿Conoces Mister Wong?
La Universidad en Internet

48. La Universidad en Internet
¿Por qué lo hemos seleccionado?
Uno de los más eficaces disponible en español
es Mister Wong
http://www.mister-wong.es/

49. La Universidad en Internet
Mister Wong
• Marcador social de enlaces (social bookmarking)
http://www.mister-wong.es
• Se trata del portal de marcadores sociales más importante
de Europa. La versión española de Mister Wong fue abierta
el 5 de Junio de 2007
• Los favoritos pueden ser guardados de forma pública o
privada.
• Es posible importar los enlaces que tenemos en nuestro
navegador.
• Podemos hacer copia de seguridad de los marcadores que
tenemos en nuestra cuenta.

50. La Universidad en Internet
Registrarse en http://www.mister-wong.es

51. La Universidad en Internet
DESCARGAR BARRA DE HERRAMIENTAS

52. La Universidad en Internet
Acceso rápido a Mister Wong.
Hacemos clic en la pestaña “Cosas”
• Instalando la extensión en Firefox
• Botones de favoritos para Internet Explorer
•

53. La Universidad en Internet
INICIO GUARDAR FAVORITOS AMIGOS
Los Calentitos, son Añadimos los Listado de web Opción de
páginas web que el marcadores de almacenadas. buscarlos o
señor Mr. Wong nos forma manual. Me permite ver invitarlos
recomienda. Ponemos la URL, los marcadores por correo.
un Título, un públicos,
Marcadores Comentario, una privados, sin
recientes. Son las Etiqueta para etiquetar,
últimas páginas que encontrarla importarlos o COSAS
se han añadido fácilmente, si deseo exportarlos.
públicamente. que sea público o Visualizarlos Integra Mr
Tengo la opción de privado, mandar a por etiquetas. Wong en
guardarlas como twitter el marcador Editarlos, tu Blog
favoritas o añadir que acabas de eliminarlos o
algún comentario. añadir. recomendarlos
por correo.

54. La Universidad en Internet Texto seleccionado
Pantalla que se
muestra cuando
hacemos clic en el
botón de nuestro
navegador
Etiquetas. Al
escribir nos
sugiere en base
a las nuestras
Etiqueta de 2
palabras o más:
en lugar de usar
espacios usar + ó
–
Ejemplos:
artículos-ciencias
recursos+tic
EtiquetasSeparadas
Marcar para que se publique también en el/los Grupos por espacios en blanco

55. La Universidad en Internet
Nombre de usuario
Número de usuarios que
Recomendar
Aparece una foto han marcado este
enlace mediante
del usuario si la ha enlace, al hacer clic
email a un amigo
subido en su Perfil veremos quienes son
Elemento (título y enlace)
Editar/eliminar enlace
Etiquetas del
elemento
Agrupar etiquetas
Nuestras
etiquetas
Borrar/editar etiquetas
globales
Existe un Canal RSS al final de las páginas.