Trabajamos con los blogs: competencia digital

8. Espacios de consulta imprescindibles. Ejemplos de uso

Publicado por luciaag el 29 Junio 2010

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

  • Educastur Blog: ¡por supuesto! Para ver lo que se cuece en la blogosfera educativa asturiana.
  • Planeta educativo: 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  ), su wikiteca (biblioteca de wikis, accesible desde: http://www.aulablog.com/component/option,com_jreviews/Itemid,252 ) y los encuentros de edublogs. Este año 2010, el 4, 5 y 6 de Julio ¡en Aviles!.
  • 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

Ilustración de Néstor Alonso

Atendiendo al interesante artículo de José Luis Cabello Los Blogs en áreas curriculares  y a lo expuesto en el artículo Uso educativo de los Blogs  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 o Las TIC en Plástica

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 haciendoaportaciones, propuestas, …, etc.

c) Taller creativo multimedia.

Individual o colectivo, sobre argumentos sugeridos o libres, con la posibilidad de incluir todo tipo 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.

Por ejmplo: educación tecnológica

Publicado en Ejemplos de uso, Imprescindibles | Un Comentario »

7. Roles de usuario

Publicado por luciaag el 29 Junio 2010

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/

Publicado en usuarios | No existen comentarios »

6. Insertar contenido multimedia II: galerías, libros virtuales y animaciones

Publicado por luciaag el 29 Junio 2010

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 registrados, para hacer una presentación de imágenes, accedes 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.

imagen-10.png

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.

imagen-11.png

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-35.slide.com/p2/360287970208053557/h5_t017_v000_s0un_f00/images/xslide2.gif” border=”0″ ismap=”ismap” /></a> <a href=”http://www.slide.com/pivot?cy=h5&at=un&id=360287970208053557&map=F” target=”_blank”><img src=”http://widget-35.slide.com/p4/360287970208053557/h5_t017_v000_s0un_f00/images/xslide42.gif” border=”0″ 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://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.

Esta película necesita Flash Player 7

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). 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

La animación se verá así:

Esta película necesita Flash Player 7

6.3. Insertar libros virtuales

Insertar documentos desde Scribd

Scribd 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.

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:
imagen-12.png

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:

Esta película necesita Flash Player 7

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 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 flash 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:

5º. En la nueva ventana que aparece seleccionamos el código y lo copiamos al portapapeles (Ctrl + C).
<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&loadingInfoText=Taller%20de%20Gimp&et=1260259684665&er=49″ /><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&loadingInfoText=Taller%20de%20Gimp&et=1260259684665&er=49″ /></object>

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.

Esta película necesita Flash Player 7

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.

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

goear.jpg

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

Esta película necesita Flash Player 7

Publicado en General | No existen comentarios »

5. Insertar contenido multimedia I: imágenes, vídeos y presentaciones

Publicado por luciaag el 29 Junio 2010

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 otros sitios, o en el servidor de Educastur Blog.

Hay que tener en cuenta que cada Blog tan sólo tiene de espacio 10 Mb 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 interesante recurrir a las galerías de imágenes como las que nos proporciona Slide.

Asímismo, no es recomendable que las imágenes sobrepasen los 450 píxeles de ancho, para asegurar una correcta visualización sea cual sea la plantilla utilizada, y la resolución de la ventana del navegador. Y recordar que son imágenes para ver en Internet por lo que no necesitan una resolución muy alta, con 72 ppp nos sobrará.

Para recortar una imagen que tengamos podemos hacerlo con el editor de imágenes online Snipshot o Photoshop Express (una versión 2.0 del conocido programa de edición de retoque fotográfico.

También podemos utilizar el programa de software libre Gimp, descargable desde el Software recomendado de la Comunidad Educastur  y una versión portable en la Mochila Digital Educastur. Para ver cómo se cambiaría el tamaño de una imagen con Gimp, seguir el siguiente enlace.

Subir una imagen

En el panel de administración, justo debajo del editor de texto, se encuentra el administrador de archivos de tu blog.

  1. Haz clic en Subir - Examinar, y localiza en tu equipo la imagen. Los campos Título y Descripción son opcionales.
  2. A continuación, haz clic en el botón Subir.

subirimagen.jpg

Una vez cargada la imagen, se visualizará una miniatura de la misma.

Insertar la imagen en el editor

  1. 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”.
  2. Coloca el cursor en el lugar del artículo en donde quieras insertarla, y luego haz clic en Enviar al editor.

miniaturaimagen.jpg

Por defecto, nos señala la opción miniatura. La cambiamos a tamaño completo y hacemos clic sobre “enviar al servidor”.

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. 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.

insertimag.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:

El procedimiento es el mismo que para las imágenes:

subirpdf.jpg

En nuestro artículo aparecerá un enlace al documento:

pdfenblog.jpg

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. Por ejemplo, la URL de alguno de los Directorios recopilados en http://www.podcastellano.com/directorios-podcasts

2. Escribe la dirección URL del archivo.
3. Haz clic en el botón Aceptar.

podcast.jpg

A partir del botón “mp3″ e insertamos la dirección URL del podcast, por ejemplo.

Homenaje en formato podcast a Angel González del alumnado de Sexto de Primaria de Las Canal.

http://www.arrukero.com/blogdeclase/podcast/recital_agonzalez.mp3

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ídeosTipos de archivos de vídeo 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 o Google Vídeo directamente desde el editor.

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

botonesvideo.jpg

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.

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.

imagen-8.png


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

imagen-1.png


Cómo insertar un vídeo de Vimeo

Vimeo.com es un servicio de almacenamiento de vídeos enriquecido con las posibilidades de un entorno que permite compartir, mantener contactos, crear álbumes, grupos, canales, suscripciones para seguimiento de novedades. Una de sus ventajas es el soporte de vídeos de alta definición. El tamaño máximo de almacenamiento es de 500 Mb a la semana, permite la descarga directa y ofrece el código para embeber los vídeos, por ejemplo, en un blog. No hay versión en español. ¿Cómo se accede a Vimeo?

¿Es necesario registrarse? No para ver los vídeos públicos, pero sí para subir tus vídeos y gestionarlos. Y para compartir, crear álbumes, grupos, etc.

¿Cómo se inserta un vídeo en el blog?

  • Busca el vídeo que quieras insertar en el blog entre los que te ofrece Vimeo. Por ejemplo: http://vimeo.com/1479508 . Al pasar el ratón sobre el vídeo verás aparecer unos iconos en la parte derecha. Pulsa sobre el icono Embed y copia el código que Vimeo te proporciona.

imagen-4.png

  • Abre un editor de texto y pega el código copiado. Copia solo el código de la URL del vídeo que quieres insertar en el blog. El código para el vídeo anterior es el siguiente:

<object width=”400″ height=”300″><param name=”allowfullscreen” value=”true” /><param name=”allowscriptaccess” value=”always” /><param name=”movie” value=”http://vimeo.com/moogaloop.swf?clip_id=1479508&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=&fullscreen=1″ /><embed src=”http://vimeo.com/moogaloop.swf?clip_id=1479508&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=&fullscreen=1″ type=”application/x-shockwave-flash” allowfullscreen=”true” allowscriptaccess=”always” width=”400″ height=”300″></embed></object><p><a href=”http://vimeo.com/1479508″>.:::..|blu|:::Latter |A|:::…..</a> from <a href=”http://vimeo.com/user653495″>Ujif Notfound</a> on <a href=”http://vimeo.com”>Vimeo</a>.</p>

  • Ahora vamos al blog: edita el artículo en el que vas a insertar el vídeo. Selecciona el icono que inserta una presentación en formato SWF ( f sobre fondo blanco). Se abre un cuadro en el que debes pegar el trozo de código que has copiado en el paso anterior.

imagen-3.png

  • Al aceptar este cuadro, aparecen otros dos con la anchura y la altura que ocupará el vídeo en el artículo. Si no conoces los valores exactos, deja acepta los que el editor te da por defecto (es un tamaño adecuado para el vídeo).
  • Este es el resultado en el blog:


Para insertar vídeos externos con las siguientes extensiones, se introduciría sus URL a partir del botón correspondiente:


 

Para ver cómo subir  vídeos propios al servidor de Educastur, enlaza desde aquí.


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

imagen-9.png
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. 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.

imagen-5.png

Esta película necesita Flash Player 7

 

Publicado en Insertar imágenes, Insertar presentaciones, Insetar vídeos | No existen comentarios »

4. Gestión básica del Blog

Publicado por luciaag el 29 Junio 2010

4.1. Escribir, editar y publicar artículos

Para escribir un artículo, 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
  • debe sacar provecho al hipertexto
  • a ser posible, debe incluir contenido multimedia (imágenes, dibujos, vídeos, animaciones).

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 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, por ejmplo,  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.

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 textosimg04_01.png

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

escribir.jpg

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. Puedes crear categorías directamente.

botonesescrib.jpg

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 clasificar enlaces por categoría.

Publicado en Gestión básica del Blog | No existen comentarios »

3. Elementos del Blog

Publicado por luciaag el 29 Junio 2010

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

  • Título del Blog: puede llevar un subtítulo explicativo
  • Imagen: Puede venir prediseñada por la plantilla o en algunos casos, puede ser 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.

controlblog1.jpg

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.

imagen-7.png

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.

Publicado en Elementos del Blog | No existen comentarios »

2. Crear un Blog en Educastur Blog

Publicado por luciaag el 29 Junio 2010

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 . 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á .

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).

Publicado en Crear Blog | No existen comentarios »

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

Publicado por luciaag el 28 Junio 2010

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.

Esta película necesita Flash Player 7

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 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.

En la siguiente ilustración publicada por Aysoon, podéis ver las diferencias entre la Web 1.0 y la Web 2.0

En el minidocumental, titulado Web 2.0 y Educación, 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 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, educación y TIC:

Mapa de la Web 2.0.: Para verlo a mayor tamaño y/o descargarlo

Entienda la Web 2.0 y sus principales servicios : 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:  una interesante presentación realizada por Ana García Sans en la que aparecen muchas de las aplicaciones 2.0. utilizables en educación.

Pero veamos con calma la presentación Blogs y educación , presentación realizada por Néstor Alonso para Educastur:

Esta película necesita Flash Player 7

Uso del edublog en el área de Educación Plástica y Visual

Esta película necesita Flash Player 7

Y ahora, ¿ animad@s a crear vuestro propio Blog educativo ?

Publicado en WEb 2.0. | No existen comentarios »

0. Bienvenid@s

Publicado por luciaag el 28 Junio 2010

Este Blog nace para ser nuestra guía del Taller de Blogs. Un taller enmarcado en el curso Un mundo para el aula virtual: herramientas, metodologías y experiencias. Un curso presencial que se desarrollará los días 1 y 2 de Julio en el IES Universidad Laboral  y está organizado por el CPR del Nalón Caudal y la Consejería de educación.

eclosion.gif

Para empezar, una vez más, me serviré de una imagen del gran Néstor Alonso para ilustrar esta bienvenida a un curso en el que conoceréis un poco mejor las aplicaciones web 2.0. y uno de sus formatos estrella: los blogs. Espero despertaros el interés por un mundo repleto de posibilidades educativas, informativas y comunicativas que nos permite crear y compartir contenido y fomentar y desarrollar la competencia digital y la del tratamiento de la Información.

El programa que seguiremos será el siguiente (tened en cuenta que puede estar sujeto a pequeñas modificaciones de contenidos):

1.La Web 2.0., la competencia digital y el formato Blog
2.Crear un Blog en Educastur Blog
3.Elementos del Blog

3.1. Parte visible
3.2. Escritorio o panel de administración
3.3. Elegir el aspecto externo de nuestro Blog

4.Gestión básica del blog

4.1.  Escribir, editar y publicar artículos
4.2.  Escribir, editar y publicar páginas estáticas
4.3.  Insertar enlaces en los artículos
4.4.  Crear y editar categorías de artículos
4.5.  Crear y gestionar enlaces en el blogroll

5.Insertar contenido multimedia I

5.1. Insertar imágenes
5.2. Insertar documentos pdf, zip o mp3
5.3. Insertar vídeos
5.4. Insertar presentaciones

6.Insertar contenido multimedia II

6.1. Insertar galerías de imágenes
6.2. Insertar animaciones flash
6.3. Insertar libros virtuales
6.4. Insertar audios

7.Rol de usuarios
8.Espacios de consulta imprescindibles. Ejemplos de uso

Publicado en General | No existen comentarios »