Trabajamos con los Blogs: Competencia digital

Curso: Un aula para un mundo digital. Herramientas, metodologías, experienciasTaller: Trabajamos con los Blogs: Competencia digital

http://blog.educastur.es/tallerblogs/

Trabajamos con los blogs: Competencia digital

INDICE

1. La Web 2.0., la competencia digital y el formato Blog .........................2

2. Crear un Blog en Educastur Blog. .......................................................5

3. Elementos del Blog .............................................................................7

3.1. Parte visible.................................................................................7

3.2. Escritorio o panel de administración............................................8

3.3. Elegir el aspecto externo de nuestro Blog...................................10

4. Gestión básica del blog ......................................................................11

4.1. Escribir, editar y publicar artículos..............................................11

4.2. Escribir, editar y publicar páginas estáticas................................13

4.3. .Crear y editar categorías de artículos ........................................13

4.4. Insertar enlaces en los artículos .................................................13

4.5. Crear y gestionar enlaces en el blogroll......................................14

5. Insertar contenido multimedia I ...........................................................14

5.1. Insertar imágenes........................................................................14

5.2. Insertar documentos pdf, zip o mp3.............................................15

5.3. Insertar vídeos..............................................................................18

5.4. Insertar presentaciones................................................................20

6. Insertar contenido multimedia II ...........................................................22

6.1. Insertar galerías de imágenes......................................................23

6.2. Insertar animaciones flash............................................................25

6.3. Insertar libros virtuales..................................................................27

6.4. Insertar audios …..........................................................................32

7. Rol de usuarios ....................................................................................33

8. Espacios de consulta imprescindibles. Ejemplos de uso ....................34

*La Ilustración superior es una obra de Néstor Alonso

Lucía Álvarez - 1 -

http://www.arrukero.com/blog/



http://blog.educastur.es/tallerblogs/ 1. La Web 2.0, la competencia digital y el formato Blog

¿Qué es la Web 2.0.?

El mundo educativo está cambiando y evolucionando. La presencia, cada vez mayor, de las TIC

en los centros, la evolución imparable de la llamada Web 2.0 y las nuevas competencias que

introduce la LOE, especialmente la del Tratamiento de la información y la Competencia digital ,

nos plantean nuevos y variados retos, pero también, múltiples posibilidades didácticas. Por ello, es

necesario que los docentes nos planteemos cómo integrar las TIC de manera útil y adecuada en

los procesos de enseñanza y aprendizaje.

Uno de las herramientas más útiles para favorecer esta integración es sin duda, Internet. La Red,

por su interactividad y potencial comunicativo e informativo, se ha convertido en un medio clave

en el desarrollo de nuevos procesos de enseñanza-aprendizaje, necesarios para favorecer la

alfabetización digital. Y no hay que olvidar, que proporciona una motivación adicional ya que es,

hoy en día, el medio de comunicación más utilizado y preferido por los jóvenes.

En este nuevo panorama educativo, los docentes debemos buscar e introducir cambios

metodológicos y pedagógicos que sean el vehículo para el buen uso de los medios tecnológicos y

conseguir así una integración adecuada de las TIC en las diferentes áreas curriculares,

desarrollando destrezas para ser capaces de:

• Seleccionar y usar de manera apropiada los recursos TIC disponibles

• Facilitar y guiar el aprendizaje y la motivación del alumnado

• Promover la autonomía, la responsabilidad y el espíritu crítico hacia los medios

• Ser capaces, en la medida de los posible, de producir nuestros propios materiales

didácticos digitales adaptados a las necesidades del alumnado y de las diferentes áreas,

materias y niveles.

Una de las maneras más eficaces para conseguir esa integración, es utilizar las posibilidades de

la tan nombrada Web 2.0. y uno de sus formatos estrella: el Blog.

La Web 2.0 o Web social es una web dinámica, participativa y colaborativa, caracterizada por la

interactividad, en la que son los propios usuarios los que crean los contenidos utilizando una serie

de espacios y/o utilidades desarrolladas a través de la Web.

Estas aplicaciones Web 2.0 tienen grandes potencialidades educativas que los docentes no

podemos dejar escapar ya que facilitan la creación, edición y gestión de documentos, materiales y

recursos didácticos online en los que se puede incluir diferentes tipos de contenidos de una forma



http://lascompetenciasbasicas.wordpress.com/propuesta-1/#TIC


http://blog.educastur.es/tallerblogs/ muy sencilla y cuyas ventajas son evidentes:

• Cada docente puede crear materiales adaptados a sus propias situaciones personales.

• La elaboración de los contenidos es la mayor preocupación ya que la apariencia va

unida a una serie de plantillas prediseñadas.

• Favorecen la creación de comunidades educativas interconectadas para compartir

ideas, actividades y experiencias educativas.

• Favorecen la motivación del alumnado y el aprendizaje colaborativo sin olvidarse de

que el uso de las TIC ya es un aprendizaje en sí mismo.

Ilustración publicada por Aysoon sobre las diferencias entre la Web 1.0 y la Web 2.0

En el minidocumental, titulado Web 2.0 y Educación (accesible desde:

http://blog.educastur.es/blog/2007/06/18/web-20-y-educacion/), elaborado por el Área Educastur y

Servicios en Línea de la Consejería de Educación, se presentan las bases de la llamada web

social, y sus posibles aplicaciones educativas. Va dirigido de forma muy especial a usuarios/as

que sin dominar excesivamente el medio, quieren aprovecharse de las ventajas que ofrecen la

web 2.0 y las redes sociales.

“La web 2.0 es el escenario en el que convergen los usuarios, los servicios, los medios y las

herramientas”. Se trata de servicios que se ofrecen a través de la Web y que se desarrollan en un



http://blog.educastur.es/blog/2007/06/18/web-20-y-educacion/


http://blog.educastur.es/tallerblogs/ navegador. Estas “herramientas” o aplicaciones Web 2.0 tienen grandes potencialidades

educativas que los docentes no podemos dejar escapar.

Podéis descargaros el documento pdf “Web 2.0 y educación” en el que aparece el texto completo

del documental y los enlaces a las diferentes aplicaciones y ejemplo desde la siguiente página


Otros vídeos y documentos sobre la Web 2.0:

• Mapa de la Web 2.0.: Para verlo a mayor tamaño

• Entienda la Web 2.0 y sus principales servicios (accesible desde:

http://www.eduteka.org/Web20Intro.php ) : expone las diferencias entre la Web 2.0 y la

Web tradicional, así como las principales aplicaciones y servicios educativos asociados con

ella: Blogs, Wikis, etiquetado, bookmarking, folksonomy, audioblogging y podcasting, RSS,

sindicación y compartir archivos multimedia.

• 94 aplicaciones Educativas 2.0 (accesible desde: http://www.slideshare.net/annags/94-

aplicaciones-educativas-20 ): una interesante presentación realizada por Ana García Sans

en la que aparecen muchas de las aplicaciones que vamos a comentar en el curso.



http://www.slideshare.net/annags/94-aplicaciones-educativas-20

http://www.slideshare.net/annags/94-aplicaciones-educativas-20

http://www.eduteka.org/Web20Intro.php

http://internality.com/web20/files/mapa-web-20-mini.gif




2. Crear un Blog en Educastur Blog

Educastur Blog es una iniciativa del área del Portal Educastur de la Consejería de Educación y

Ciencia de Asturias, un espacio online para la publicación de contenidos en la web utilizando el

formato de blog o bitácora

Para poder crear y gestionar un blog en Educastur Blog tenemos que disponer de identidad digital

Educastur. Sólo los profesores pueden crear nuevos blogs pero el alumnado puede crear, editar y

publicar contenidos en dichos Blogs según el rol de usuario que se le asigne.

Los pasos para crear un Blog en Educastur Blog son:

1. Accede a Educastur blog ( http://blog.educastur.es ). Haz clic en la imagen “Tu blog en

Educastur“ que aparece en el cuadro “Crea tu propio blog“ en la barra de menú superior .

2. Al acceder a la siguiente pantalla, aparecerá el menú de la imagen inferior. Añade la

terminación de la dirección URL y un título para el Blog (que luego podrás modificar). Ten

en cuenta que el nombre no debería ser muy largo. Asegúrate de no poner ni mayúsculas,

ni espacios, ni tildes, ni signos de puntuación o los rechazará .

Lucía Álvarez ( http://blog.educastur.es/luciaag/ )


http://blog.educastur.es/luciaag/

http://blog.educastur.es/




3. En el tercer apartado “privacidad” puedes mantener seleccionada la opción “Me gustaría

que mi blog salga en los listados públicos de Educastur Blog” o quitarla. Es recomendable

que lo selecciones porque así tu blog tendrá una mayor difusión, al menos, en la

Comunidad Educativa asturiana.

4. Para terminar, haz clic sobre el botón CrearBlog.

5. Accederás a continuación a la ventana de confirmación en la que se te avisa de que has

creado el Blog con éxito y te muestra su dirección web.

El portal te da entonces dos opciones: ver cómo se ve en Internet tu blog o empezar a

administrarlo, accediendo a su panel de administración (que de momento, sólo tendrá un

artículo, una página y un comentario por defecto, creados por Educastur Blog).






3. Elementos del Blog

Como ya os he comentado el Blog es hasta el momento el formato de más éxito de la llamada

Web 2.0. Pero, ¿Qué es un Blog? Según la Wikipedia: “Un blog, o en español también una

bitácora, es un sitio web periódicamente actualizado que recopila cronológicamente textos o

artículos de uno o varios autores, apareciendo primero el más reciente, donde el autor conserva

siempre la libertad de dejar publicado lo que crea pertinente. El término blog proviene de las

palabras web y log (’log’ en inglés = diario). El término bitácora, en referencia a los antiguos

cuadernos de bitácora de los barcos, se utiliza preferentemente cuando el autor escribe sobre su

vida propia como si fuese un diario, pero publicado en Internet en línea.”

3.1. Parte visible del Blog

Aunque estos elementos pueden variar dependiendo de la plantilla de Blog que utilicemos, en

general, y centrándonos en las plantillas disponibles en Educastur Blog son:

Imagen tomada de Educastur Blog ayuda




http://blog.educastur.es/ayuda/

http://es.wikipedia.org/wiki/Wikipedia:Portada



• Título del Blog: puede llevar un subtítulo explicativo

• Imagen: Puede venir prediseñada por la plantilla o, en algunos casos, la plantilla nos va a

permitir que sea una imagen aportada por nosotros.

• Barra de menú: Con acceso a páginas estáticas (si la plantilla permite incluirlas). En el

último botón de la derecha, algunas plantillas permiten incluir una dirección de correo de

contacto, una dirección web, etc.

El espacio situado debajo de la barra de menú, queda dividido en dos o tres espacios

dependiendo de la plantilla que utilicemos.

• Espacio central: Dedicado a las entradas, artículos o post ordenados cronológicamente. En

cada post aparece la fecha de publicación, la o las categorías a las que pertenece, su

etiquetado y si tiene comentarios.

• Columna/s lateral/es: En general, aparecen:

• Los títulos de los últimos artículos publicados en orden cronológico inverso

• Acceso a las páginas estáticas

• Categorías o temas en los que hemos clasificado nuestros artículos

• Blogroll o listado de enlaces (pueden aparecer bajo el epígrafe Recomendados o

destacados). Estos enlaces también aparecen clasificados por temas.

• Histórico de artículos por meses

• Buscador

3.2. Panel de administración del Blog

Como cualquier aplicación Web, un blog cuenta con un panel de administración que nos permite

gestionar su contenido.

Al entrar en el Blog nos encontramos con el escritorio en el que aparecen los siguientes elementos

(de izquierda a derecha y de arriba a abajo):

• Nombre del Blog. Al lado del nombre aparece una flecha para acceder de modo rápido a

los paneles de control de todos los Blogs que podamos gestionar, sin tener que

identificarnos cada vez.

• Ver sitio. Para acceder a la parte visible del Blog






• Identificación (nuestro nombre de usuario)

• Mis blogs

• Desconectar. Salir de la sesión

• Menú de los diferentes paneles de control: (los veremos en detalle más adelante)

• Escribir: para escribir y publicar artículos y páginas

• Gestionar: para editar artículos, páginas, categorías y archivos subidos

• Comentarios: para moderar comentarios recibidos

• Enlaces: crear y editar enlaces y crear y gestionar categorías

• Presentación: Nos muestra las plantillas disponibles y sus opciones de diseño para

configurar el aspecto visual de nuestro blog.

• Usuarios: muestra los tipos de usuarios con los que cuenta el Blog, permite añadir

nuevos usuarios y asignarles perfiles

• Opciones: gestiona el título, permisos, opciones de lectura, escritura, privacidad,

etc.

• Área de avisos: gestionada por la administración de Educastur Blog.

• Mensaje de Bienvenida con enlaces rápidos a las acciones más comunes

• Columna Última actividad: en la que aparecen los últimos artículos, los últimos comentarios






recibidos, las estadísticas (número de artículos, comentarios, etc) y el espacio de

almacenamiento total y el utilizado.

3.3. Elegir el aspecto externo de nuestro blog

Aunque este paso es muy sencillo, es uno de los que suele crear más quebraderos de cabeza

porque va a marcar el aspecto externo de nuestro blog y algunas de sus posibilidades de gestión.

En el panel de administración, accede a la pestaña presentación y elige la plantilla Freshy 1, por

ejemplo. Luego podrás cambiarla, pero esta plantilla es una de las que tiene más posibilidades de

personalización.






Si quieres hacer una cabecera personalizada, prueba a buscar una imagen en FlickrCC (espacio

de imágenes con licencia creative commons) y darle el tamaño requerido con Gimp o con un

editor de imágenes online. Puedes ver cómo hacerlo desde aquí.

Una vez escalada, la imagen de la cabecera la subirás a tu espacio del Blog y copiando su

dirección URL, la enlazarás desde el apartado presentación> opciones del tema.

4. Gestión básica del blog

4.1. Escribir, editar y publicar artículos

Para escribir un artículo en un Blog, lo primero que nos tenemos que plantear es que no estamos

escribiendo sobre papel sino en la web por lo que nuestro artículo debe ser conciso, lo más breve

posible, muy claro y debe sacar provecho al hipertexto y los contenidos multimedia

Para conocer algunos consejos para escribir un buen artículo en un Blog, accede al

siguiente artículo del Blog 5líneas: Consejos para escribir un buen artículo en un Blog y el

artículo del genial Alejandro Valero Cómo escribir un artículo de Blog.

Pero ¿se puede utilizar libremente todo lo que encontráis en Internet? Que sea fácil de

copiar no quiere decir que no tenga autor o autores. Estos pueden decidir publicar sus

obras bajo copyright o bien bajo licencias que permiten copiar y distribuir sus obras más o

menos libremente. Eso es lo primero que debéis mirar. Lo segundo, citar siempre la fuente

y el autor, si es posible.Las licencias de contenidos libres más populares son:

Creative Commons. Ofrece una serie de licencias que abarcan desde el tradicional

sistema de derechos de autor hasta el dominio público. Poner vuestros trabajos bajo una

licencia Creative Commons no significa que no tengan copyright. Este tipo de licencias

ofrecen algunos derechos a terceras personas bajo ciertas condiciones.Reconocimiento

- NoComercial - CompartirIgual (by-nc-sa): No se permite un uso comercial de la obra

original ni de las posibles obras derivadas, la distribución de las cuales se debe hacer con

una licencia igual a la que regula la obra original.

GNU(Licencia de documentación libre para contenido libre). Diseñada por la Fundación




http://www.gnu.org/home.es.html

http://es.creativecommons.org/

http://avalerofer.blogspot.com/2007/01/cmo-escribir-un-artculo-de-blog.html

http://5lineas.com/archivo/internet-web20/consejos-para-escribir-buenos-articulos-en-un-blog/

http://educacionplasticayvisual.wikispaces.com/Escalar+y+recortar+una+imagen



http://blog.educastur.es/luciaag/2009/04/26/edita-tus-imagenes-online/

http://www.gimp.org.es/

http://es.creativecommons.org/

http://flickrcc.bluemountains.net/index.php



del Software Libre (FSF) para el proyecto GNU. Wikipedia es el mayor proyecto que utiliza

esta licencia. Otro programa de Software libre que utiliza esta licencia es el editor de

imágenes Gimp con el que trabajaremos este curso. Cuando se habla de Software Libre

se refiere a la libertad de los usuarios para ejecutar, copiar, distribuir, estudiar, cambiar y

mejorar el software.

Para conocer un poco más sobre las licencias creative commons, puedes ver el siguiente

vídeo.

A pesar de esto, todavía hay muchas personas que piensan que se pueden utilizar los

documentos presentes en la Red de una forma indiscriminada y lo que es peor, a veces

se copian documentos bajo licencias Creative Commons y se les añade copyright.

Para encontrar imágenes con licencia creative commons se puede utilizar FlickrCC, un

espacio que aloja todas las imágenes libres de derechos alojadas en el servicio de

alojamiento de imágenes Flickr.

Para escribir el artículo: Accede desde el escritorio a escribir un artículo o bien desde a tu panel

de administrador > escribir > artículo para que te aparezca el editor de textos.

Y te saldrán las herramientas del editor de texto. La mayoría te serán conocidas. Otras las iremos conociendo.


http://www.youtube.com/watch?v=OUo3KMkOETY&feature=player_embedded#!

http://www.youtube.com/watch?v=OUo3KMkOETY&feature=player_embedded#!



http://www.flickr.com/

http://flickrcc.bluemountains.net/



Debajo del editor de texto hay varios botones que te permiten añadir etiquetas, Guardar y seguir

editando (mantiene el editor de textos abierto), guardar y publicar (manda el artículo a la ventana

principal del Blog). Si lo guardas se convierte en un borrador, si haces clic sobre publicar

acuérdate de seleccionar antes en qué categoría lo quieres catalogar de las que se te ofrecen en

el menú de la derecha. También puedes crear categorías directamente.

Es posible volver a convertir en borrador un artículo ya publicado así que no te preocupes si

acabas de publicar algo que no te gusta. Accede en el menú del panel de administración >

gestionar > artículos > editar

4.2. Escribir, editar y publicar páginas estáticas

El procedimiento es el mismo pero se accede desde escribir >página

4.3. Crear y editar categorías de artículos

Accede al menú> Gestionar. Desde él podrás gestionar las categorías en los que vas a clasificar

los artículos. Puedes crear subcategorías para un mayor orden de los contenidos. Ten en cuenta

que no son lo mismo las categorías de los enlaces que las de los artículos.

4.4. Insertar enlaces en los artículos

Los enlaces o hipervínculos son la característica más destacada del lenguaje hipertextual,

universalmente conocido desde el despliegue de Internet. Permite construir documentos con una

estructura de tela de araña, más ágiles de leer y consultar que un simple texto plano.






Como medio digital, Los blogs aprovechan los enlaces para:

• Añadir información al texto sin aumentar la extensión del artículo.

• Aportar la fuente original de la información, más sencillo e inmediato que citarla.

Cómo insertar un enlace

1. Selecciona el texto o imagen donde quieras colocar el enlace.

2. Haz clic en el icono del editor correspondiente a Insertar enlace.

3. Escribe la dirección URL de la página web, imagen, documento o archivo que quieras

enlazar.

4. Elige si quieres que el documento enlazado se abra en la misma ventana (por defecto),

o en una ventana nueva.

4.6. Crear y gestionar enlaces en el blogroll

Accede desde el Panel de administrador al menú enlaces. Desde él, podrás crear, gestionar y

clasificarlos por categoría.

5. Insertar contenido multimedia I

5.1. Insertar imágenes

Al escribir un artículo o página tenemos la posibilidad de incluir imágenes. Los formatos que

permite Educastur Blog son los más frecuentes en la Red: jpg, gif y png. Las imágenes pueden

estar alojadas en el servidor de Educastur Blog o en otros espacios web. Hay que tener en cuenta

que cada Blog tan sólo tiene de espacio 10 Mb de almacenamiento para guardar imágenes y otro

tipo de archivos por lo que es recomendable optimizar las fotos antes de subirlas. Si queremos

insertar más de dos fotos, por ejemplo, es preferible recurrir a las galerías de imágenes como las

que nos proporciona Slide (http://www.slide.com/ ).

Asímismo, no es recomendable que las imágenes sobrepasen los 450 píxeles de ancho, para

asegurarnos una correcta visualización sea cual sea la plantilla utilizada y la resolución de la

ventana del navegador. Además, son imágenes para ver en Internet por lo que no necesitan una

resolución muy alta, con 72 ppp nos sobrará.




http://www.slide.com/




• Subir una imagen

• En el panel de administración, justo debajo del editor de texto, se encuentra el

administrador de archivos de tu blog.

• Haz clic en Subir - Examinar, y localiza la imagen en tu equipo. Los campos Título y

Descripción son opcionales.

• A continuación, haz clic en el botón Subir. Puedes observar que debajo se informa del

espacio de almacenamiento que ya has usado.

• Una vez cargada la imagen, podrás ver una miniatura de la misma. Haz clic sobre la

miniatura, para desplegar las opciones de incorporación de imágenes. Puedes cambiarlas

haciendo clic sobre cada una de ellas. Por defecto, está activada la opción “Usar

miniatura”. Si quieres que la imagen aparezca en su tamaño original, asegúrate de activar

la opción “Usar original”. Coloca el cursor en el lugar del artículo en donde quieras

insertarla, y luego haz clic en Enviar al editor. La imagen nos aparece en el editor.

Podemos alinearla si no ocupa de ancho 450 pixeles.






Insertar una imagen ajena a Educastur Blog

No es necesario que las imágenes estén alojadas en el servidor de Educastur Blog. Puedes

colocar cualquier imagen, conociendo su dirección URL. Por ejemplo, accede a la página principal

de Educastur Blog (http://blog.educastur.es/ ). Haz clic sobre una de las imágenes que aparezca

en el artículo de la semana. Con el cursor sobre ella, haz clic en el botón de la derecha y elige la

opción del menú contextual “copiar la ruta de la imagen”.

Una vez en el editor, haz clic en el botón “insertar / editar imagen” que es en el que aparece

representado un árbol. En la ventana emergente que se te despliega, rellena los siguientes

campos:

• pega la dirección URL de la imagen que has copiado (por ejemplo, http://blog.educastur.es/

files/2010/06/premios_ite_2010_0.jpg )

• Elige la alineación (por defecto se alinea a la izquierda).

• Las dimensiones no deberían sobrepasar los 450 píxeles de ancho, para una correcta

visualización en todas las plantillas.

• Borde: grosor en píxeles (número) en el caso que se desee.




http://blog.educastur.es/files/2010/06/premios_ite_2010_0.jpg

http://blog.educastur.es/files/2010/06/premios_ite_2010_0.jpg




A continuación, haz clic en el botón Insertar y la imagen aparecerá en tu artículo. Ten en cuenta

que igual que no ocupa espacio, puede desaparacer de tu artículo si desaparece o cambia su

dirección URL.

5. 2. Cómo insertar un archivo pdf. zip o mp3

El procedimiento es el mismo que para las imágenes y en nuestro artículo aparecerá un enlace al

documento:

Educastur Blog incluye también un reproductor flash de audio MP3. Puedes colocar audio en tus

artículos directamente desde el editor. Estos audios pueden ser archivos externos o archivos

propios subidos al servidor de Educastur Blog al igual que las imágenes.

Para insertar un audio externo.

1. Haz clic en el icono del editor correspondiente a insertar audio MP3.

2. Escribe la dirección URL del archivo.

3. Haz clic en el botón Aceptar.






El editor generará el código necesario para cargar el reproductor de audio. En el editor, sólo se

verá el código pero al guardar los cambios y acceder a la vista pública se verá el reproductor. :

La consola del

reproductor aparece contraída. Si pulsamos el botón play, se desplegará la barra de estado.

5.3. Insertar vídeos

Tipos de archivos de vídeos que se pueden insertar

Educastur Blog permite insertar distintos formatos de vídeo (avi, mpeg, wmv, flv, mov), e

incorpora en el editor los correspondientes reproductores. Además, es posible insertar vídeos

desde servicios de alojamiento de vídeos como YouTube (http://es.youtube.com/) o Google Vídeo

(http://video.google.es/) directamente desde el editor.

Esta segunda opción es la más aconsejable puesto que el espacio de almacenamiento que

tenemos es reducido.

En la imagen puedes ver los botones del editor que se corresponden con estos servicios y los que

permiten insertar diferentes tipos de formatos de vídeo: QuickTime (archivos . mov), Flash vídeo

(archivos .flv), Windows media Player (archivos .MPEG, .AVI, .WMV).

Siempre es interesante, enlazar además la URL del vídeo desde el artículo para que se pueda ver

a mayor tamaño en la web de la aplicación.




http://es.wikipedia.org/wiki/Reproductor_de_Windows_Media

http://es.wikipedia.org/wiki/Flash_Video

http://es.wikipedia.org/wiki/Quicktime

http://video.google.es/

http://es.youtube.com/

http://es.youtube.com/



Veremos ahora cómo insertar vídeos desde Youtube y Google Vídeo.

Cómo insertar un vídeo de Youtube

1. Una vez seleccionado el vídeo alojado en Youtube (personal o no), copiamos la dirección URL

que aparece en el botón “compartir” debajo del vídeo. También podemos a partir del botón

“insertar” elegir cómo se verá el vídeo en nuestro Blog, que no aparezcan vídeos relacionados, si

queremos un borde o el tamaño del reproductor de vídeo que se verá en nuestro Blog. Por

ejemplo, si queremos insertar el vídeo con la URL http://www.youtube.com/watch?v=uad17d5hR5s

, copiamos la dirección

2. y la pegamos en el editor de textos o en el bloc de notas para seleccionar la parte que nos

interesa, que es la formada por todos los números y letras que se encuentran a la derecha del

igual, por ejemplo, de la dirección anterior, sólo cogeríamos uad17d5hR5s

3. Copiamos esa parte, hacemos clic sobre el icono de Youtube y en la ventana que se nos abre

introducimos la selección anterior, aceptamos y el vídeo quedará insertado en nuestro Blog.

Cómo insertar un vídeo de Google Vídeo

Hacemos lo mismo que en el caso anterior, pero en Google Vídeo de la URL del vídeo, debemos

seleccionar, por ejemplo, lo siguiente: http://video.google.es/videoplay?

docid=5038197104412120953&hl=es




http://video.google.com/

http://www.youtube.com/watch?v=uad17d5hR5s

http://www.youtube.com/



Insertar un vídeo Quick Time (.mov)

Haz clic en el icono e introduce la dirección URL, por ejemplo:

http://www.obeaudoin.com/folio_trav/folio_images/Typolution_final_h264.mov

Insertar un vídeo con Windows Movie Player (MPEG, AVI, WMV)

Haz clic en el icono e introduce la URL del vídeo, por ejemplo, http://web.educastur.princast.es/ies/

llanera/dep_plast/webdpto/educastur_0002.wmv . Cuando te salgan los valores por defecto,

acepta y el vídeo se verá así:




http://web.educastur.princast.es/ies/llanera/dep_plast/webdpto/educastur_0002.wmv

http://web.educastur.princast.es/ies/llanera/dep_plast/webdpto/educastur_0002.wmv

http://www.obeaudoin.com/folio_trav/folio_images/Typolution_final_h264.mov



5.4. Insertar presentaciones

Las presentaciones que vamos a insertar tienen que estar alojadas en el espacio Slideshare, un

interesante servicio web 2.0 de alojamiento de presentaciones. Admite los formatos Powerpoint

(ppt) y OpenOffice (odp), y los convierte al vuelo en archivos flash (swf), lo que nos permite verlas

con un visor sencillo y práctico. Es ese archivo swf, junto con el código asociado, el que tenemos

que insertar desde el editor de Educastur Blog.

Para insertar una presentación Slideshare, sigue los siguientes pasos:

1º. Sube o localiza la presentación que quieras añadir a tu artículo en la web de

Slideshare. Para buscar presentaciones sobre un tema determinado, escribe su nombre en el

recuadro search.

2º. Copia el código embed de la misma (está en la parte derecha de la pantalla) que

aparece al lado del nombre del autor o usuario. Por ejemplo para insertar la presentación El Color

con URL: http://www.slideshare.net/luciaag/el-color-caracteristicas-generales

3. Pegamos su código embed en el bloc de notas o en el mismo editor de textos y seleccionamos

lo siguiente:

<div style=”width:425px” id=”__ss_29720″><strong style=”display:block;margin:12px 0 4px”><a

href=”http://www.slideshare.net/luciaag/el-color-caracteristicas-generales” title=”El color.




http://www.slideshare.net/luciaag/el-color-caracteristicas-generales

http://www.slideshare.net/



Caracteristicas generales”>El color. Caracteristicas generales</a></strong><object

id=”__sse29720″ width=”425″ height=”355″><param name=”movie”

value=”http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=el-color-caracteristicas-generales-

22724&stripped_title=el-color-caracteristicas-generales” /><param name=”allowFullScreen”

value=”true”/><param name=”allowScriptAccess” value=”always”/><embed name=”__sse29720″

src=”http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=el-color-caracteristicas-

generales-22724&stripped_title=el-color-caracteristicas-generales” type=”application/x-

shockwave-flash” allowscriptaccess=”always” allowfullscreen=”true” width=”425″

height=”355″></embed></object><div style=”padding:5px 0 12px”>View more <a

href=”http://www.slideshare.net/”>presentations</a> from <a

href=”http://www.slideshare.net/luciaag”>Lucía Alvarez</a>.</div></div>

4. Haz clic sobre el botón flash (SWF) del editor de textos de tu blog y pega la parte del código

seleccionada. Acepta las medidas que te da por defecto y verás la presentación en la pantalla del

Blog al guardar y previsualizar el artículo.






6. Insertar contenido multimedia II

Además de imágenes, enlaces, archivos pdf o zip el formato Blog nos permite insertar diferentes

tipos de archivos o materiales multimedia alojados en servicios web 2.0 como galerías de

imágenes, visores de documentos y presentaciones en formato flash, audios y podcast, etc.

6.1. Insertar galerías de imágenes

Slide es un espacio de almacenamiento de imágenes que nos permite subir varias imágenes al

Blog sin ocupar espacio de almacenamiento en nuestro servidor, realizar galerías animadas e

insertarlas en nuestro Blog gracias al código embed asociado.

Crear una galería de imágenes

Para subir imágenes a Slide, primero tenemos que registrarnos en el botón “registrate”. Una vez

regstrado, para hacer una presentación de imágenes, accedes a Accede a Slide (recuerda que

previamente has tenido que registrarte) > hacer un Slide show (hacer una galería de imágenes) >

sube tus propias imágenes > buscar.

Puedes personalizar tu galería eligiendo animaciones, efectos, temas, etc.







En la parte inferior aparecen las miniaturas de las imágenes. Puedes alterar el orden haciendo clic

en ellas y arrastrando. También puedes escribir pies de foto, y configurar el tamaño y color del

texto.






Cuando termines de configurar las opciones, pulsa en el botón Guardar (obtener código) y verás

el resultado de tu galería de imágenes o slideshow.

Copia el código que aparece debajo de la presentación con la URL

(http://www.slide.com/r/EPWtErVyoT-g537kxLHs7vlK0CUUFlPR?

previous_view=mscd_embedded_url&view=original ) , pégalo como hicimos anteriormente en el

bloc de notas o en el mismo editor de texto y copia lo que aparece en rojo:

<div><embed src="http://widget-35.slide.com/widgets/slideticker.swf" type="application/x-

shockwave-flash" quality="high" scale="noscale" salign="l" wmode="transparent"

flashvars="cy=h5&il=1&channel=360287970208053557&site=widget-35.slide.com"

style="width:426px;height:320px" name="flashticker" align="middle"/><div style="width:426px;text-

align:left;"><a href="http://www.slide.com/pivot?cy=h5&at=un&id=360287970208053557&map=1"

target="_blank"><img src="http://widget-

35.slide.com/p1/360287970208053557/h5_t017_v000_s0un_f00/images/xslide1.gif" border="0"

ismap="ismap" /></a> <a href="http://www.slide.com/pivot?

cy=h5&at=un&id=360287970208053557&map=2" target="_blank"><img src="http://widget-


ismap="ismap" /></a> <a href="http://www.slide.com/pivot?

cy=h5&at=un&id=360287970208053557&map=F" target="_blank"><img src="http://widget-


ismap="ismap" /></a></div></div>

Estas son las dos partes del código que has copiado:

1. http://widget-35.slide.com/widgets/slideticker.swf

2. cy=h5&il=1&channel=360287970208053557&site=widget-35.slide.com

Debes volver a copiarlas y pegarlas unidas por un símbolo de interrogación (?). Así tendrás:




http://www.slide.com/r/EPWtErVyoT-g537kxLHs7vlK0CUUFlPR?previous_view=mscd_embedded_url&view=original

http://www.slide.com/r/EPWtErVyoT-g537kxLHs7vlK0CUUFlPR?previous_view=mscd_embedded_url&view=original



http://widget-35.slide.com/widgets/slideticker.swf?

cy=h5&il=1&channel=360287970208053557&site=widget-35.slide.com

Este es el código que debes copiar y pegar en la ventana del botón Flash (SWF) de tu editor de

textos como hicimos anteriormente, para ver en tu blog la galería de imágenes.

6.2. Insertar animaciones flash

Las animaciones flash (swf) son archivos multimedia que cada vez están más extendidas en la

Red debido a su vistosidad. Este tipo de animaciones se utilizan muy menudo en los materiales

educativos ya que permiten realizar contenidos más llamativos y pueden aportar numerosas

posibilidades interactiva.

Estas animaciones se pueden subir a Educastur Blog desde una web externa o bien alojarlos en

Educastur Blog. Esto último no es aconsejable por lo ya comentado pero su gestión sería la

misma que para otro tipo de archivos.

Cómo insertar una animación Flash externa

Vamos a insertar en nuestro Blog una animación localizada en una de las Unidades Didácticas del

NEA (Navegador educacional de Asturias), accesible desde: http://nea.educastur.princast.es/ .

Buscamos una UD que nos interese y cuando encontremos una animación, hacemos clic sobre

ver animación en una ventana nueva y copiamos la URL que aparece en el navegador.

A continuación, hacemos clic sobre el último botón del editor de textos, el botón SWF,

introducimos la URL que copiamos y aceptamos las medidas que nos da por defecto. Por ejemplo,

la animación con la URL:

http://nea.educastur.princast.es/repositorio/VIDEOS/1_nea_colab08_fichero920_1.swf




http://nea.educastur.princast.es/repositorio/VIDEOS/1_nea_colab08_fichero920_1.swf

http://nea.educastur.princast.es/



Al guardar y previsualizar nuestro artículo, veremos la animación:

6.3. Insertar libros virtuales

Insertar documentos desde Scribd

Scribd (http://www.scribd.com/ ) es un servicio de alojamiento gratuito de documentos ofimáticos.

Admite los principales formatos de documento: PDF (.pdf), Word (.doc), texto plano (.txt),

PowerPoint (.ppt), Excel (.xls), Postscrpt (.ps), o libro electrónico (.lit).No es necesario registrarse

como usuario para subir archivos, aunque sí para poder editarlos o borrarlos.

Una vez subido un archivo, Scribd lo convierte al formato flash para poder mostrarlo en la web, y

proporciona el código necesario para insertar el visor del documento en nuestro blog o página

web.

1. Para subir un documento a Scribd, nos identificamos y hacemos clic sobre “Upload”. Nos

aparecerá el navegador de Windows para buscar el archivo que queremos subir. La aplicación nos

va indicando los pasos a seguir.




http://www.scribd.com/



2. Una vez subido, el documento nos aparecerá con su miniatura y la descripción del contenido,

páginas, tipo de archivo, etc. en la página de inicio de nuestra cuenta. Haciendo clic sobre la

miniatura, se abre el visor flash en el que podemos ver los siguientes menús:

Tenemos que desplegar el menú “embed y share” </> para que la aplicación nos de el código que

necesitamos para insertar el visor flash en nuestro Blog.

Este es la primera parte del código generado. La parte que nos interesa y vamos a copiar está en

rojo y negrita:

<a title="View La Competencia Cultural y Artística en el aula de Educación Plástica y Visual on

Scribd" href="http://www.scribd.com/doc/17189197/La-Competencia-Cultural-y-Artistica-en-el-aula-






de-Educacion-Plastica-y-Visual" style="margin: 12px auto 6px auto; font-family:

Helvetica,Arial,Sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size:

14px; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none;

display: block; text-decoration: underline;">La Competencia Cultural y Artística en el aula de

Educación Plástica y Visual</a> <object id="doc_970676387988373"

name="doc_970676387988373" height="500" width="100%" type="application/x-shockwave-flash"

data="http://d1.scribdassets.com/ScribdViewer.swf" style="outline:none;" rel="media:document"

resource="http://d1.scribdassets.com/ScribdViewer.swf?

document_id=17189197&access_key=key-2bp0jxpmmj97hgya5r1c&page=1&viewMode=list"

xmlns:media="http://search.yahoo.com/searchmonkey/media/" xmlns:dc="http://purl.org/dc/terms/"

>

Lo copiamos y pegamos en el botón de flash y ya tenemos nuestro visor flash del documento en

nuestro Blog. Así se verá este documento en el artículo de nuestro Blog:

Insertar documentos desde Issuu

Issuu es una librería online donde podemos subir archivos PDF, DOC, PPT, ODT, WPD, SXW,

RTF, ODP, y SXI limitados a 100 MB/500 páginas como máximo por archivo. Una vez que el

archivo es subido, tras un proceso de etiquetado, será convertido a formato flash, con toda




http://issuu.com/



fidelidad al documento original, pero permitiéndonos navegar por sus páginas como si de una

revista se tratase. Para insertar documentos ajenos (por ejemplo:

http://issuu.com/luciaag/docs/tallerdegimp ) en nuestro blog no necesitamos estar registrados, tan

sólo conocer su código embed. Si queremos subir nuestros propios documentos, los pasos a

seguir son:

1º. Registrarse. A partir de ese momento, ya podemos subir y descargar documentos. Issuu nos

permite proporciona y desde el que podemos buscar el documento, darle título, etiquetarlo,

escoger las opciones de privacidad, etc..

2º. Una vez hayamos cubierto todos los campos, hacemos clic sobre el botón upload. En función

del tamaño del archivo tardará más o menos tiempo en ser subido. Posteriormente se abre una

nueva pantalla en la que observamos el documento subido.

3º. Una vez subido el documento podemos acceder a él desde el botón ‘My Library‘, y editarlo,

borrarlo, publicarlo, etc. También nos genera un código para insertar un visor falsh del documento

en nuestro blog. Lo abrimos haciendo clic en el botón “Open” que aparece al colocar el cursor

sobre él:

4º. Una vez abierto el documento hacemos clic sobre el botón “Embed” con el fin de acceder a la

pantalla desde la que conseguiremos el código:




http://issuu.com/luciaag/docs/tallerdegimp



5º. En la nueva ventana que aparece seleccionamos el código y lo copiamos al portapapeles (Ctrl

+ C).

<<div><object style="width:420px;height:297px" ><param name="movie"

value="http://static.issuu.com/webembed/viewers/style1/v1/IssuuViewer.swf?

mode=embed&layout=http%3A%2F%2Fskin.issuu.com%2Fv%2Flight

%2Flayout.xml&showFlipBtn=true&documentId=090112045108-

1df99f6452d94d44a089f21eb37bfdff&docName=tallerdegimp&username=luciaag&amp

;loadingInfoText=Taller%20de%20Gimp&et=1277101514702&er=7" /><param

name="allowfullscreen" value="true"/><param name="menu" value="false"/><embed

src="http://static.issuu.com/webembed/viewers/style1/v1/IssuuViewer.swf" type="application/x-

shockwave-flash" allowfullscreen="true" menu="false" style="width:420px;height:297px"

flashvars="mode=embed&layout=http%3A%2F%2Fskin.issuu.com%2Fv%2Flight

%2Flayout.xml&showFlipBtn=true&documentId=090112045108-

1df99f6452d94d44a089f21eb37bfdff&docName=tallerdegimp&username=luciaag&l

oadingInfoText=Taller%20de%20Gimp&et=1277101514702&er=7" /></object><div

style="width:420px;text-align:left;"><a href="http://issuu.com/luciaag/docs/tallerdegimp?

mode=embed&layout=http%3A%2F%2Fskin.issuu.com%2Fv%2Flight

%2Flayout.xml&showFlipBtn=true" target="_blank">Open publication</a> - Free <a

href="http://issuu.com" target="_blank">publishing</a> - <a href="http://issuu.com/search?






q=imagen" target="_blank">More imagen</a></div></div>

6º. Pegamos el código obtenido en nuestro artículo. De todo el código sólo nos interesa una parte

que en la imagen está resaltada en color amarillo. Seleccionamos esa parte y la copiamos al

portapapeles.

7º. En el editor de artículos de nuestro blog insertamos el código copiado haciendo uso del botón

“insertar flash“. Tras aceptar en las siguientes ventanas emergentes el ancho y el alto sugeridos,

podremos ver nuestro libro virtual insertado ya en nuestro artículo.

6.4. Insertar audio de GoEar

GoEar ( http://www.goear.com/ ), permite subir archivos de audio mp3 y acceder a ellos mediante

su propio reproductor y además, ofrece una extensa base de datos con todo tipo de géneros

musicales. Una vez registrados, podemos obtener el código necesario para insertar estos archivos

en nuestro Blog.

Los pasos son muy sencillos.

1. Accede a la web y busca un archivo de audio que te guste.




http://www.goear.com/



2. Copia el código que aparece a la derecha de la pantalla

3. De todo el código, selecciona lo que está en rojo y negrita

<object width=”353″ height=”132″><embed src=”http://www.goear.com/files/external.swf?

file=69a2cf6” type=”application/x-shockwave-flash” wmode=”transparent” quality=”high”

width=”353″ height=”132″></embed></object>

4. Pega lo que hemos seleccionado en el botón flash y te aparecerá el reproductor en tu blog

7. Roles de usuario

La parte de la sesión que trata de la gestión de usuarios la vamos a seguir en la Ayuda de

Educastur Blog:






• Los roles de usuario, accesible desde: http://blog.educastur.es/ayuda/los-roles-de-usuario/

• Añadir usuarios a la gestión, accesible desde: http://blog.educastur.es/ayuda/anadir-

usuarios-a-la-gestion/

8. Espacios de consulta imprescindibles. Ejemplos de uso

Varias direcciones web que resultan imprescindibles para adentrarse en el mundo 2.0. educativo y

no morir en el intento.

• Educastur Blog (http://blog.educastur.es/ ): ¡por supuesto! Para ver lo que se cuece en la

blogosfera educativa asturiana.

• Planeta educativo: http://www.aulablog.com/planeta/ : un superblog en el que están

sindicados un gran número de blogs educativos.

• Aulablog: un blog colaborativo. No te pierdas su blogoteca (biblioteca de blogs, accesible

desde: http://www.aulablog.com/component/option,com_jreviews/Itemid,217 ) y su wikiteca

(biblioteca de wikis, accesible desde:

http://www.aulablog.com/component/option,com_jreviews/Itemid,252 )

• Profesores innovadores , sección del portal educativo EducaRed. También os aconsejo el

área dedicada al Software libre.

• Educ@aconTIC , se ha vuelto uno de mis imprescindibles. Artículos, recursos y tutoriales

alrededor de las TIC en educación aderezados con las fantásticas ilustraciones de Néstor

Alonso.

• Uso educativo de las TIC , un blog del programa Asturias en la red. Hay que navegar por

su histórico de artículos para encontrar post interesantes porque lleva un tiempo

"abandonado".

• Premios Espiral Edublogs . En las web de estos prestigiosos premios se pueden encontrar

muy buenos ejemplos de lo que se está haciendo en la Blogosfera educativa. La

convocatoria de este curso ha sido la IV.

Ejemplos de uso

Atendiendo al interesante artículo de José Luis Cabello Los Blogs en áreas curriculares (

http://observatorio.cnice.mec.es/modules.php?op=modload&name=News&file=article&sid=530 ) y




http://observatorio.cnice.mec.es/modules.php?op=modload&name=News&file=article&sid=530

http://edublogs10.ciberespiral.org/

http://blog.educastur.es/cuate/

http://www.educacontic.es/

http://www.educared.net/softwarelibre/

http://www.educared.net/

http://www.educared.net/ProfesoresInnovadores/?idapr=12_379_esp_1__

http://www.aulablog.com/component/option,com_jreviews/Itemid,252

http://www.aulablog.com/component/option,com_jreviews/Itemid,217

http://www.aulablog.com/planeta/

http://www.aulablog.com/planeta/


http://blog.educastur.es/ayuda/anadir-usuarios-a-la-gestion/

http://blog.educastur.es/ayuda/anadir-usuarios-a-la-gestion/

http://blog.educastur.es/ayuda/los-roles-de-usuario/



a lo expuesto en el artículo Uso educativo de los Blogs (http://blog.educastur.es/blogs-y-

educacion/uso-de-los-blogs-en-el-aula/ ) del Servicio Educastur Blog, los Blogs educativos se

pueden clasificar en:

a) Blog docente, de aula, materia o asignatura:

Es quizás el más utilizado en el ámbito educativo. A veces no pasa de ser la página personal del

profesorado, pero también puede ser un complemento a las clases presenciales, con información

adicional y propuestas de actividades complementarias, a desarrollar utilizando los recursos que

ofrecen los blogs: escritura hipertextual, soporte multimedia, comentarios, proposición de enlaces

relacionados,…, etc. Con ello, se pretende que sirva de desarrollo de actividades de aprendizaje y

con él se puede ampliar el contexto presencial del aula, y servir para que los estudiantes trabajen

en casa, en la biblioteca, telecentro,…, etc.

En los Blogs de aula, por ejemplo, el alumnado siempre está presente como receptor del

contenido y puede, incluso, participar a veces en el Blog.

La autoría en estos blogs puede ser de un@ o varios profesores e incluso, la autoría puede ser

compartida con el alumnado.

Por ejemplo, el Blog Sexto en Canal

b) Blogs del alumnado:

A modo de diario, sobre sus intereses e inquietudes, aficiones, actividades, etc. De libre elección

por los alumnos, cuidando las actitudes de respeto (netiqueta), y citando los recursos utilizados. Y

también participar en las bitácoras de compañeros/as, comentando sus artículos y haciendo

aportaciones, propuestas, …, etc.

c) Taller creativo multimedia.

Individual o colectivo, sobre argumentos sugeridos o libres, con la posibilidad de incluir todo tipo




http://www.arrukero.com/blogdeclase/

http://blog.educastur.es/blogs-y-educacion/uso-de-los-blogs-en-el-aula/

http://blog.educastur.es/blogs-y-educacion/uso-de-los-blogs-en-el-aula/



de referencias, en forma de textos (taller literario), audio (radio, audiciones), vídeo (TV), o de

enlaces a otros sitios. Admite cualquier tema: realidad, ficción, cuentos, reportajes,…, y el empleo

de múltiples formatos multimedia.

Por ejemplo: creactivos o Musical Blogies

d) Gestión de proyectos de grupo.

Como bitácora colectiva, ya sea para profesorado, alumnado, o trabajos de colaboración entre

ambos, donde el profesor o profesores de distintas materias o centros asesoren al grupo en la

realización de trabajos de investigación. Aquí el blog se revela como un excelente diario de

trabajo, que guarda el rastro del proceso y evolución del proyecto, y una vez más, trasciende el

espacio ordinario del aula.

Por ejemplo: Blog del Proyecto de Salud del IES Valle de Aller

e) Publicación electrónica multimedia.

Periódico escolar, revista digital, monografías sobre diversos temas,.., etc. Aquí aprovecharíamos

la potencia de las bitácoras en cuanto a gestión de archivos multimedia, propios o referenciados

desde almacenes de contenidos (Flickr, Youtube…). Ya hemos destacado la facilidad de

administración que tienen las herramientas de creación de blogs, que permiten conseguir grandes

resultados con sólo saber escribir en un editor de texto. Al potencial multimedia se le unen las

posibilidades de participación, que enriquecen el contenido con aportaciones y comentarios de

otros usuarios/as; la sindicación mediante RSS, la utilización de los podcasts, …, etc.

Por ejemplo: La Viga Travesá

f) Guía de navegación.

Donde se comentan sitios de interés, noticias y aportaciones en forma de crítica o comentario de

los mismos. Es la metáfora del cuaderno de bitácora o cuaderno de viajes: un espacio donde se

anotan las incidencias y detalles de la navegación; en este caso comentados por los propios

navegantes, que aconsejan, proponen y presentan a sus compañeros las webs que han visitado y

su opinión personal.




http://blog.educastur.es/publicacion/

http://www.flickr.com/

http://blog.educastur.es/saludmoreda/

http://blog.educastur.es/musical/

http://creactivos.net/portal/

Documents

Trabajamos con los Blogs: Competencia digital