El blog en la enseñanza de idiomas: Web 2.0

El blog en la enseñanza de idiomas.

Objetivos generales.
generales.

El blog en la Conocer las aplicaciones de la Web 2.0
útiles para la enseñanza de los idiomas.
enseñ
enseñanza de idiomas Crear un blog con blogger
administración
administració
2º ciclo de conferencias metodológicas en
metodoló básica
lenguas.
avanzada
CPR de Puertollano, 23 de abril de 2007.
Puertollano,

Carmen Vera Pérez.
Pé

2

Colaboración e interactividad:
Colaboració interactividad:
los wikis.
wikis.

¿La web
2.0?

3 4
http://carmenvera.wikispaces.com/

Blogs-guía
Blogs- guí

Los blogs:
mi blog FLE.

5 6

1

Carmen Vera Pérez. CEP de Puertollano, 23 de abril de 2007.


Mi blog chanson
francophone en cours
de FLE. Crear su radio en línea.
lí

7 8

Podcast o audioblog.
audioblog. Podcast o audioblog.
audioblog.

9 10

Videoblogs.
Videoblogs. Crear el periódico del grupo o del centro.
perió centro.

11 12

2



Marcadores, favoritos,
Marcadores, favoritos, Agregadores: suscripciones.
Agregadores: suscripciones.
bookmarks sociales, en línea.
nea.

Cuenta en Google:
Google:
13 correo, blog, agregador, videoblog…
videoblog… 14

La Web 2.0 La Web 2.0

• 2004
• Lluvia de ideas
participación en lugar de publicación
participació publicació
• O'Reilly y MediaLive Internacional
• Dale Dougherty, pionero de la web y
Dougherty, wikipedia en lugar de la enciclopedia
vicepresidente de O'Reilly
• la web renacía
renací
Britannica
• nuevos servicios aparecían
aparecí bitácoras o blogs en lugar de páginas
bitá pá
• las reglas cambiaban
personales

15 16


O’Reilly:
Reilly: Nuevo concepto:
concepto:
• En general, cuando nos referimos al nuevos servicios Internet
término web 2.0 nos referimos a una cualquiera puede tener su sitio web
serie de aplicaciones y páginas de
pá Páginas estáticas
está páginas
Internet que utilizan la inteligencia dinámicas e interactivas
diná
colectiva para proporcionar servicios
interactivos en red dando al usuario el
control de sus datos.
17 18

3




Compartir y colaborar Compartir y colaborar

Una comunidad Actualización y puesta al día permanente
Actualizació dí
Todo favorece compartir recursos. Los agregadores RSS, (Really Simple
RSS,
El contenido de los sitios web 2.0 es Syndication o Rich Site Summary) cuyo
descargado por los usuarios, contenido evoluciona sin cesar, son
que tienen listas de amigos, comentan protagonistas. Los contenidos se recuperan
fácilmente para publicarlos en un blog, por
blog,
los contenidos…
contenidos… ejemplo.
RSS es un formato legible por unos programas (agregadores)
(agregadores)
que aunan todas las informaciones (feeds) de los blogs que
(feeds)
nos interesan, agregando todos los artículos sindicados (de
artí
19 20
ahí que a estos programas les llamen agregadores).
ahí

La Web 2.0: algunas aplicaciones.
La Web 2.0
Colaborar y compartir
Compartir y colaborar Blogs.
Blogs.
Rss
suscribirse: Google Reader
Los tags o folcksonomías
folcksonomí
Odeo.com podomatic podemus repertorio enorme de podcasts
Odeo.
Los usuarios clasifican sus archivos suscribirse
asignándoles palabras clave o tags, a fin de
asigná tags, programas agregadores gratuitos: iTunes, juice
iTunes,

facilitar la búsqueda y clasificación en
bú clasificació Wikis Wikipédia
Wikipé
internet.
internet.

21 22

La Web 2.0: algunas aplicaciones. La Web 2.0: algunas aplicaciones.

Colaborar y compartir Colaborar y compartir
Guardar en espacios virtuales Del.icio.us publicar sus favoritos en línea y clasificarlos según
Del.icio. lí segú
palabras clave
archivos de audio y compartirlos clickcaster
http://carmenvera.podomatic.com/
http://carmenvera.podomatic. com/
Netvibes.com tener varios sitios como página de inicio
Netvibes. pá
videos y compartirlos http://cvera.podemus.com/
http://cvera.podemus. com/
Convertir ficheros o páginas web en .pdf, escribir un documento en
pá .pdf,
lína sin disponer de procesador: Goffice GoogleDocs HTMLDOC
fotos y compartirlas PDF-o-matic
PDF-
http://www.flickr.com/photos/75718476@N00/
http://www.flickr. com/ photos/75718476@N00/

presentaciones y compartirlas http://www.slideshare.net/cvera Tratar una imagen en línea: http://www.fauxto.com/
lí http://www.fauxto. com/
http://www.slideshare. net/

eSnips.com disco duro virtual
eSnips. Digg.com los miembros publican enlaces hacia actualidades
Digg.
tecnológicas
tecnoló

Last.fm sistema de recomendación de música
Last. recomendació mú
23 24

4



¿Qué es un blog?
Qué blog?
“Blog” es una contracción de la palabra “weblog” que
Blog” contracció weblog”
significa “bitácora en línea”
bitá lí nea”
Web: Internet
Log: Registro, bitácora
bitá
¿Qué es
Qué Weblog
Weblog
Abril 1997
un blog?
blog? el estadonidense Dave Winer
Scripting News http://www.scripting.com/
http://www.scripting. com/
El padre etimológico fue Jon Barger, autor de la bitácora
etimoló Barger, bitá
Robotwisdom.com
Robotwisdom.
Technorati
78 millones de bitácoras registradas
bitá

25 26

Características del blog. Creación de artículos
Creació artí
Los artículos aparecen publicados en
artí El autor determina qué información publicar
qué informació
una secuencia inversa al orden de (textos, imágenes, sonido, video).
imá
introducción.
introducció
Puede ser al instante o en borrador para
Permiten incluir textos, imágenes y
imá posterior publicación.
publicació
sonido.
Relativa facilidad para ser creados y Toda la información puede ser editada luego.
informació
manejados. Se requieren conocimientos de HTML
Incluyen la posibilidad de interactuar básicos.
sicos.
con los visitantes, al permitirles
añadir comentarios.
27 28

Complementos para blogs.
blogs. Ventajas para la enseñanza.
enseñ
Hay diversas herramientas que permiten al Facilidad de uso
no se necesitan conocimientos informáticos para crear un sitio
informá
autor de blog incorporar recursos en sus Acceso para creador y usuarios desde cualquier lugar
Posibilidad de compartir la autoría
autorí
artículos y en la plantilla, lo que convierte al
artí trabajo en grupo.

blog en un poderoso recurso audiovisual. Le
audiovisual. Permite la interactividad
fomenta el debate
agrega tantas aplicaciones como quiera el Gratuidad
Publicación cronológica
Publicació cronoló
autor, según la temática del blog o la
segú temá archivos

naturaleza del artículo a publicar. Las más
artí má Clasificación temática.
Clasificació temá
foros
usadas son videos, sonido, imágenes y
imá Integra otras herramientas
enlaces
archivo. audio, video, imágenes
imá
Facilita la sindicación y agregación RSS
sindicació agregació
carmenvera.blogspot.com
carmenvera. blogspot. Apoyo al elearning

29 30

5



Aplicaciones educativas: Aplicaciones educativas:
profesor. estudiante.
Soporte para el aprendizaje Presentación de tareas y asignaciones.
Presentació asignaciones.
contenidos relacionados con nuestra asignatura Revisión y evaluación de las mismas.
Revisió evaluació mismas.
soporte de actividades didácticas
didá
planificación de trabajos a largo y medio plazo
planificació Diálogos con el grupo de estudio.
Diá estudio.
suministro de textos, imágenes, audio, video.
textos, imá genes, video. trabajo colaborativo a distancia.
compartir conocimientos Portafolios electrónico
electró
Tablón de anuncios virtual
Tabló Recursos compartidos relacionados con el
avisos, consejos, orientación, tutoría
consejos, orientació tutorí
anuncios de cursos, talleres, eventos
grupo.
grupo.
cursos, talleres,
enlaces de interés
interé Sitio del centro, del grupo, de la ciudad.
presentación de eventos de la vida del centro
presentació Presentación de un viaje.
Presentació
Trabajar desde casa o en el centro Bitácora del año escolar.
Bitá añ
31 32

Nuevos términos: edublog.
té edublog. Nuevos términos: blogfesor.
té

Un weblog cuyo principal objetivo es Un profesor comprometido con la
apoyar un proceso de enseñanza–
enseñ anza– innovación, que se apoya en los blogs
innovació
aprendizaje en un contexto educativo como recurso para aprender y enseñar,
enseñ
(Lara, 2006). compartiendo las experiencias con el
En el edublog los estudiantes y resto de la comunidad de blogs,
profesores plasman y comparten sus promoviendo el aprendizaje
inquietudes educativas, apoyándose en
apoyá colaborativo y la integración de sus
integració
las posibilidades de formación y
formació estudiantes y colegas al proceso de
desarrollo que ofrece las TIC. alfabetización digital.
alfabetizació digital.
33 34

http://www.adelat.org/
Francisco Muñoz de la Peña
Muñ Peñ http://www.aula21.net/aulablog21/ 35 36

6



http://www.aulablog.com/
http://www.tinglado.net/ 37 38

Todos los blogs y sitios web de temática educativa sindicados en un blog.
temá

¿Dónde crearlos?
Blogger (www.blogger.com)
www. blogger. com)
Canalblog (www.canalblog.com)
www. canalblog. com)
Bitácoras (www.bitacoras.com)
Bitá (www.bitacoras. com)
Blogalia (www.blogalia)
www. blogalia)
MyBlog (www.myblog.es)
www. myblog.es)
WordPress (es.wordpress.com)
(es.wordpress.com)

Se llena un formato de registro similar al que
se utiliza para abrir una cuenta de correo
http://www.aulablog.com/planeta/ electrónico.
electró
39 40

A. Registro en blogger.
blogger. A. Registro en blogger.
blogger.

http://www2.blogger.com
http://www2.blogger.
Página de inicio de
Blogger
Para registrarnos en blogger debemos
Opción de búsqueda
tener una cuenta de correo electrónico
electró de blogs
en GMAIL, el correo gratuito de Google.
Google. Opción de visita
rápida
Opción de creación
de blog
Opción de entrada
en un blog ya
creado
41

7



A. Registro en blogger.
blogger. B. Formulario de datos personales.

click

Si ya poseemos cuenta en Gmail, click aquí
Gmail, aquí
43 44
Si no poseemos cuenta, rellenad estos datos

click

Si ya possemos cuenta, introducimos nuestros datos de correo gmail Si no poseemos cuenta en gmail, creamos
gmail,
Si no poseemos cuenta, click en “crear una cuenta ahora”.
ahora” 45
la de blogger con los de otro correo que ya tengamos 46

C. Datos de blog.
blog.

El título podremos cambiarlo más tarde.
tí má
47 Es muy importante determinar la dirección.
direcció 48
Click en CONTINUAR.

8



D. Elegir diseños.
diseñ E. Confirmación de creación.
Confirmació creació

El blog está creado, haremos click en
está
Elegir el diseño general del blog: hay 12 plantillas.
diseñ blog:
Posteriormente podremos cambiarlo. 49 EMPEZAR A PUBLICAR 50
Click en CONTINUAR.

Click en
NUEVA
ENTRADA
Click en
VER BLOG
Dirección de nuestro blog: anotadla.
Direcció blog:
Título dado al blog.
blog.
Correo electrónico que hemos introducido antes para
electró
darnos de alta.
Modo edición:
edició La plataforma reconoce nuestra clave, por lo que
título dado al blog pinchando en NUEVA ENTRADA podemos empezar a
dirección de correo de otra plataforma
direcció introducir mensajes.
posibilidad de ver cómo es nuestro blog ahora Cuando entremos desde otro ordenador, deberemos
có 51
introducir nuestra clave de nuevo. 52

F. Comenzar a crear mensajes. Panel de control: Administrar-Entradas.
Administrar- F. Comenzar a crear mensajes. Panel de control: Administrar-Entradas.
Administrar-

Escribimos nuestro primer post
¿Cómo creamos entradas o posts?

El
Escribimos post
el título está
del post listo

Escribimos Vemos
un nuevo cómo
post Cambiamos Organizamos están
Escribimos
los posts los publicados y damos
comentarios formato al Incluimos Añadimos Previsualizamos
anteriores nuestros enlaces el resultado
cuerpo del imágenes
posts post externos 54

9



F. Comenzar a crear mensajes. Panel de control: Administrar-Entradas.
Administrar-

Click para ver
el blog

Escribir el título del mensaje
tí
(bienvenida).

Insertar un texto de presentación
presentació
del blog.
blog.

Click en
PUBLICAR.

Insertar una imagen, buscando en el disco duro
o copiando-pegando de una página web.
copiando- pá
55 56

G. Acceder posteriormente a nuestro blog.
blog. G. Acceder posteriormente a nuestro blog.
blog.

Entramos en nuestro blog. Escribir nuestro NOMBRE DE USUARIO (recordad la dirección de
direcció
Click en ACCEDER. correo indicada al daros de alta)
www.blogger.com e identificarnos Y la CONTRASEÑA.
CONTRASE Ñ
57 Click en ENTRAR. 58

G. Acceder posteriormente a nuestro blog: panel de blogger.
blog: blogger. G. Escribir una entrada nueva. Añadir etiquetas.
Añ

ENTRADAS:
ENTRADAS:
Escribir un nuevo artículo
artí
Modificar, suprimir o publicar
artículos guardados como BORRADOR
artí

OPCIONES:
OPCIONES:
Cambiar título, descripción, URL del
tí descripció
blog; definir el formato general;
blog;
determinar si los comentarios se publican
automáticamente; quién tiene permiso
automá quié
para modificar el blog…
blog…

DISEÑO:
DISEÑ
Añadir y organizar elementos de la página;
pá
definir fuentes y colores; modificar los
códigos HTML; cambiar la plantilla.

NUEVA ENTRADA:
ENTRADA:
escribir un nuevo artículo.
artí

59 60

10



Ver blog si lo deseamos.
En otra ventana o en la misma.
Editar la entrada creada.
Crear otra nueva.

Copiar-pegar texto/imagen de página web.
Copiar- pá

Escribir etiquetas que faciliten recuperar el mensaje.

Click en PUBLICAR. 61 62

H. Editar entradas.

Actividad.

Crear una entrada en vuestro blogger: Suprimir un mensaje
añadir texto de varios colores Modificar un mensaje
una imagen PANEL-ADMINISTRAR ENTRADAS
PANEL-
etiquetas para facilitar el que se encuentren
Click en publicar

63 64

H. Editar entradas. H. Editar entradas.

65 66

11



H. Editar entradas. I. Configurar el blog: opciones básicas.
bá

Si no da tiempo a terminar un mensaje,
podemos guardarlo como BORRADOR,
lo recuperaremos aquí, para terminarlo.
aquí 67 68

I. Configurar el blog: opciones. Publicación.
Publicació I. Configurar el blog: opciones. Formato.

69 70

I. Configurar el blog: opciones. Comentarios. I. Configurar el blog: opciones. Archivo.

71 72

12



I. Configurar el blog: opciones. Feed. I. Configurar el blog: opciones. Correo electrónico.
electró

73 74

I. Configurar el blog: opciones básicas. Permisos.
bá I. Configurar el blog: opciones básicas. Permisos.
bá

75 76

J. DISEÑO: plantilla.
DISEÑ J. DISEÑO: plantilla. Elementos de la página.
DISEÑ pá

Añadir y CABECERA:
organizar cambiar el
elementos título del blog
de la página
pá

Elegir el color del Cambiar la plantilla ARTÍCULOS o ENTRADAS:
ARTÍ Incorporar elementos a
fondo, color del texto, general de nuestro blog. establecer el nº de artículos
nº artí la BARRA DE NAVEGACIÓN:
NAVEGACIÓ
del título, vínculos… y
tí ví nculos… Editar la plantilla: se que se verán en la portada y
verá Listas, imágenes, enlaces,
imá
el tipo de letra general requieren conocimientos los elementos que se verán
verá gadgets, suscripciones a
del blog. html. 77 en cada artículo.
artí otros blogs, texto, etiquetas,
78
artículos archivados.
artí

13



K. Configurar el blog:
blog:
J. DISEÑO: plantilla.
DISEÑ añadir una lista de enlaces externos en la barra de navegación.
navegació

CABECERA:
cambiar el
título del blog

ARTÍCULOS o ENTRADAS:
ARTÍ Incorporar elementos a
la BARRA DE NAVEGACIÓN:
NAVEGACIÓ
establecer el nº de artículos
nº artí
listas, imágenes, enlaces,
imá
Acceder a Panel.
que se verán en la portada y
verá
los elementos que se verán
verá gadgets, suscripciones a Click en DISEÑO.
DISEÑ
en cada artículo.
artí otros blogs, texto, etiquetas,
79 80
artículos archivados.
artí

blog: K. Configurar el blog:
blog:
añadir una lista de enlaces externos en la barra de navegación.
navegació añadir una lista de enlaces externos en la barra de navegación.
navegació

Click en Lista de
vínculos.
AÑADIR AL BLOG.

Click en Añadir un elemento de página.
pá 81 82

blog: K. Configurar el blog:
blog:
navegació añadir una lista de enlaces externos en la barra de navegación.
navegació
Escribir título de la
tí
categoría de enlaces.
categorí

Determinar si se
desea que la lista de
enlaces aparezca por
orden alfabético.
alfabé
Escribir el URL del
sitio.

Escribir el nombre
del sitio web.

Click en AÑADIR
AÑ
VÍNCULO.

Click en GUARDAR
CAMBIOS.

Cuando tengamos una
lista de enlaces podremos
83 84
editarlos, cambiar orden…
orden…

14



blog: L. Configurar el blog:
blog:
navegació añadir una imagen a la barra de navegación: el logotipo del blog.
navegació

Click en GUARDAR

85 86
click

M. Configurar el blog:
blog: N. Configurar el blog: añadir un botón de FEEDS (los últimos artículos
añ botó artí
visualizar las etiquetas en la barra de navegación.
navegació publicados en nuestros sitios de interés).
interé

Debemos ir a la página del blog que deseamos sindicar y obtener su RSS o ATOM
http://www.ELPAIS.com/rss/feed.html?feedId=5
Para obtenerla se hace clic sobre el botón RSS ó ATOM ò XML y se copia.
botó copia.

click

Click en click
AÑADIR AL BLOG
Click en
GUARDAR CAMBIOS 87
click 88

O. Adornar el blog: HTML/Java Script.
blog: O. Adornar el blog: HTML/Java Script.
blog:

Acceder
a Panel.
Click en
DISEÑO.
DISEÑ
Google Gadgets
para tu página
pá
http://www.google.com/ig/
http://www.google.com/ig/
directory?synd=open&num=
24&cat=technology

Copiar el código
có
para pegarlo en el
blog

89 90

15



O. Adornar el blog: añadir un feevy (publicar los últimos mensajes de
blog: añ
O. Adornar el blog: HTML/Java Script.
blog:
nuestros blogs preferidos en la barra de navegación).
navegació

Acceder a Panel.
Click en DISEÑO.
DISEÑ
91 92

blog: añ O. Adornar el blog: añadir un feevy (publicar los últimos mensajes de
blog: añ
navegació nuestros blogs preferidos en la barra de navegación).
navegació

Click en HTML/
Javascript.
Javascript.
Añadir al blog.
blog.

Click en Añadir un elemento de página.
pá gina. 93 94

blog: añ
navegació

Visitemos el sitio
de feevy para
obtener la etiqueta
que debemos pegar aquí.
aquí
Click en “Get your feevy now”
now”
http://www.feevy.com/ 95
http://www.feevy. com/ 96

16



blog: añ
navegació

1. Crear una cuenta: rellenar y click en “create…”.
create…”.
2. “add another blog” e introducir el URL.
blog”
3. “change avatar” para introducir icono representativo.
avatar”

Pegar la etiqueta.
Elegir el color del feevy.
feevy.
Click en GUARDAR
Decidir el orden de aparición
aparició
CAMBIOS.
de los blogs en el feevy.
feevy.

Copiar la etiqueta que se
ofrece para pegarla en nuestro
blog.
blog.

97 98

P. ENTRADAS. Incorporar en un mensaje un archivo de audio que poseemos.

Actividad.

Incorporad un videoroll en la barra de Abrir una cuenta en Clickcaster y enviar allí
allí
navegación de vuestro blog siguiendo
navegació nuestros archivos de audio.
los mismos pasos que para el feevy.
feevy. Obtener la etiqueta haciendo click en
obtened la etiqueta en “Embed my blog”.
blog”
www.dailymotion.com
www. dailymotion. Antes de pegar la etiqueta,
Incorporad un reloj, siguiendo los
reloj, click en “Edición de HTML”.
Edició HTML”
mismos pasos
obtened la etiqueta en
www.clocklink.com/
www. clocklink. com/
99 100

Q. ENTRADAS. Incorporar en un mensaje un archivo de video que poseemos. P.-Q. Incorporar en un mensaje un archivo de audio o video que poseemos.
P.-

http://www.youtube.com/
http://www.youtube. com/
http://www.dailymotion.com
http://www.dailymotion.

Abrir una cuenta en Dailymotion o en Si poseemos un servidor, podemos enviar allí
allí
Youtube y enviar allí nuestros archivos de
allí nuestros archivos e incorporar etiquetas
video. directamente en nuestro blog
Obtener la etiqueta haciendo click en requiere conocimientos de HTML.
“Ajouter à un blog” o en “embed” para
blog” embed” Etiquetas disponibles en los sitios-tutoriales:
sitios- tutoriales:
youtube.
youtube. http://roamultimedia.blogspot.com/
http://roamultimedia.blogspot. com/
Antes de pegar la etiqueta, http://acaciasmultimedia.blogspot.com/
http://acaciasmultimedia.blogspot. com/
click en “Edición de HTML”.
Edició HTML”

101 102

17



Actividad. Otras herramientas.

Insertar una presentación en nuestro
presentació Añadir un chat.
blog. Gabbly http://gabbly.com/
Obtener la etiqueta en Slideshare Audiovisual
“Embed into your blog”
blog” http://roamultimedia.blogspot.com/
Antes de pegar la etiqueta, en el blog, Incorporar una página o un archivo .swf
pá
click en “Edición de HTML”.
Edició HTML”

103 104

Muchas gracias por vuestra
atención.
atenció

cvera@platea.pntic.mec.es

105

18


El blog en la enseñanza de idiomas: Web 2.0

Recomendados

Recomendados

Más contenido relacionado

Destacado

Destacado (19)

Similar a El blog en la enseñanza de idiomas: Web 2.0

Similar a El blog en la enseñanza de idiomas: Web 2.0 (20)

Último

Último (16)

El blog en la enseñanza de idiomas: Web 2.0