presen virtut5

55
L a U n i v e r s i d a d e n I n t e r n e t WEB 2.0 APLICADA A LA EDUCACIÓN Almudena Castellanos

Upload: castellanosa

Post on 17-Dec-2014

105 views

Category:

Documents


1 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Presen virtut5

La Universidad en Internet

WEB 2.0 APLICADA A LA EDUCACIÓN

Almudena Castellanos

Page 2: Presen virtut5

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 Estático

Entorno Dinámico

Ausencia de Recursos Interactivos

Participación del Internauta

Experto en Diseño Web

Diseño/Edición rápido y sencillo

HTML RSS, AJAX, Mashup

Page 3: Presen virtut5

La Universidad en Internet

El Usuario…• Escribe, Lee.• Colabora, Participa.• Responde, Comenta.• Crea, Etiqueta, Comparte.

Web 1.0Web de los Datos

Web 2.0Web de las Personas

Page 4: Presen virtut5

La Universidad en Internet

Metodologías Activas

Page 5: Presen virtut5

La Universidad en Internet

LOS BLOG

Page 6: Presen virtut5

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.

Page 7: Presen virtut5

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.

Page 8: Presen virtut5

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.

Page 9: Presen virtut5

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.

Page 10: Presen virtut5

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.

Page 11: Presen virtut5

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.

Page 12: Presen virtut5

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.

Page 13: Presen virtut5

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.

Page 14: Presen virtut5

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.

Page 15: Presen virtut5

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.

Page 16: Presen virtut5

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.

Page 17: Presen virtut5

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.

Page 18: Presen virtut5

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.

Page 19: Presen virtut5

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.

Page 20: Presen virtut5

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.

Page 21: Presen virtut5

La Universidad en Internet

Tipos de Blog

BLOG PERSONAL

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

1

Page 22: Presen virtut5

La Universidad en Internet

Tipos de Blog

BLOG EDUCATIVO2

Page 23: Presen virtut5

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.

Page 24: Presen virtut5

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.

Page 25: Presen virtut5

La Universidad en Internet

Blog del Centro Periódico o Revista. Página Web del Centro.

Page 26: Presen virtut5

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.

Page 27: Presen virtut5

La Universidad en Internet

Desde dónde puedo crear un BLOG

Page 28: Presen virtut5

La Universidad en Internet

VENTAJAS DE ESTOS SERVICIOS Son Gratuitos. Muy sencillos de utilizar. Están en castellano.

Page 29: Presen virtut5

La Universidad en Internet

NOS CREAMOS UN BLOG

https://www.blogger.com/start

Page 30: Presen virtut5

La Universidad en Internet

En solo 3 pasos crea tu BLOGEntramos en la página principal de Blogger http://www.blogger.com

Entramos en la página principal de Blogger http://www.blogger.com

Page 31: Presen virtut5

La Universidad en Internet

1º PASO: Nos creamos una cuenta

Mínimo 8 caracteresMínimo 8 caracteres

Page 32: Presen virtut5

La Universidad en Internet

1º PASO: Nos creamos una cuenta

Podemos saltar este paso

Podemos saltar este paso

Page 33: Presen virtut5

La Universidad en Internet

1º PASO: Nos creamos una cuenta

Ya tenemos nuestra cuenta en Blogger

Ya tenemos nuestra cuenta en Blogger

Page 34: Presen virtut5

La Universidad en Internet

1º PASO: Nos creamos una cuentaPara construir un nuevo Blog…

Para construir un nuevo Blog…

Page 35: Presen virtut5

La Universidad en Internet

2º PASO: Nombre del Blog, Dirección y Plantilla

La dirección no puede contener espacios, tildes, ñ…

La dirección no puede contener espacios, tildes, ñ…

Page 36: Presen virtut5

La Universidad en Internet

3º PASO: Empezar a trabajar Entramos al BlogEntramos al Blog

Creamos la primera entrada

Page 37: Presen virtut5

La Universidad en Internet

SLIDESHAREEL YOUTUBE DE LAS

PRESENTACIONES POWERPOINT

Page 38: Presen virtut5

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 .

Page 39: Presen virtut5

La Universidad en Internet

http://www.slideshare.net

Page 40: Presen virtut5

La Universidad en Internet

Nombre

Correo electrónico

Contraseña - Confirmamos

clic

Formulario…

Page 41: Presen virtut5

La Universidad en Internet

Seguimos con el formulario…

Page 42: Presen virtut5

La Universidad en Internet

Añadir usuarios a tu red

Page 43: Presen virtut5

La Universidad en Internet

Subir Presentaciones

Page 44: Presen virtut5

La Universidad en Internet

Marcadores Sociales MARCADORES

SOCIALES

Page 45: Presen virtut5

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.

Page 46: Presen virtut5

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.

Page 47: Presen virtut5

La Universidad en Internet

¿Conoces Mister Wong?

Page 48: Presen virtut5

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/

Page 49: Presen virtut5

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.

Page 50: Presen virtut5

La Universidad en Internet

Registrarse en http://www.mister-wong.es

Page 51: Presen virtut5

La Universidad en Internet

DESCARGAR BARRA DE HERRAMIENTAS

Page 52: Presen virtut5

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

Page 53: Presen virtut5

La Universidad en Internet

INICIO

Los Calentitos, son páginas web que el señor Mr. Wong nos recomienda.

Marcadores recientes. Son las últimas páginas que se han añadido públicamente.Tengo la opción de guardarlas como favoritas o añadir algún comentario.

GUARDAR

Añadimos los marcadores de forma manual.Ponemos la URL, un Título, un Comentario, una Etiqueta para encontrarla fácilmente, si deseo que sea público o privado, mandar a twitter el marcador que acabas de añadir.

FAVORITOS

Listado de web almacenadas.Me permite ver los marcadores públicos, privados, sin etiquetar, importarlos o exportarlos. Visualizarlos por etiquetas. Editarlos, eliminarlos o recomendarlos por correo.

AMIGOS

Opción de buscarlos o invitarlos por correo.

COSAS

Integra Mr Wong en tu Blog

Page 54: Presen virtut5

La Universidad en Internet EtiquetasSeparadas

por espacios en blanco

Pantalla que se muestra cuando hacemos clic en el botón de nuestro navegador

Texto seleccionado

Marcar para que se publique también en el/los Grupos

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-cienciasrecursos+tic

Page 55: Presen virtut5

La Universidad en Internet

Nombre de usuario

Nuestrasetiquetasglobales

Agrupar etiquetas

Borrar/editar etiquetas

Etiquetas del elemento

Editar/eliminar enlace

Elemento (título y enlace)

Existe un Canal RSS al final de las páginas.

Número de usuarios que han marcado este

enlace, al hacer clic veremos quienes son

Recomendar enlace mediante email a un amigo

Aparece una foto del usuario si la ha subido en su Perfil