CURSO: APLICACIONES EDUCATIVAS DE LOS BLOGS
UNIDAD 6: INSERTAR CONTENIDO II CURSO APLICACIONES EDUCATIVAS DE LOS BLOGS 2015
COLEGIO SAN JOSÉ
APLICACIONES EDUCATIVAS DE LOS BLOGS
VIDEOS EN BLOGGER
Bloggger es un servidor gratuito de blogs que sorprende por su constante renovación. Está muy al tanto de lo que se cuece en la Web, por eso ha incluido últimamente algunas herramientas para introducir vídeos en las entradas de los blogs. Con esto, Blogger se pone a la altura de las circunstancias, pues los vídeos y otros materiales multimedia están inundando la Web. Los usuarios de blogs reclaman la posibilidad de mostrar sus propios vídeos de forma creativa y también otros vídeos que les interesan y que quieren incluir como contenido de sus artículos o posts. Poco a poco la Web va incorporando estos elementos multimedia que ilustran los contenidos y que tienen que contribuir a profundizar en los conocimientos compartidos. 1. Algunas pegas de la multimedia en la Web Los objetos multimedia han pasado por un calvario especial en la Web hasta hace muy poco tiempo debido a que requieren lo siguiente: 1. 2. 3. 4.
Mucho espacio web en los servidores, pues son objetos voluminosos. Conexión rápida de internet debido a su compleja estructura. Códecs y reproductores adecuados para su reproducción. Plug-ins necesarios en los navegadores web.
Sólo recientemente se ha podido incorporar la multimedia a las páginas web de manera masiva, ya que esas pegas se han superado, aunque no totalmente. De todas formas, aún se deben superar otros inconvenientes que surgen debido a las características de estos elementos. Consideremos lo siguiente: 1. El contenido de un vídeo no consta para los buscadores web, porque no se expresa en texto escrito. Por tanto, su utilización masiva no contribuye a la construcción de la Web semántica, que es el objetivo que se vislumbra en el horizonte. Esto se puede solucionar, como consta en las especificaciones de la accesibilidad, con la inclusión de la transcripción del texto del vídeo, o al menos con un resumen. Naturalmente, esto no lo hace casi nadie, pero ahí queda.
1
APLICACIONES EDUCATIVAS DE LOS BLOGS
2. La inclusión de elementos multimedia aumenta el ruido en la Web en los dos sentidos más evidentes. Por un lado, hay que pensar que muchos ordenadores se encuentran en lugares públicos donde no se puede o no se debe molestar con voces o ruidos. Y por otro lado, la inclusión masiva de la multimedia en la Red, a veces sin motivos evidentes, contribuye al ruido y el desorden que provoca su exagerada proliferación, que se hace insoportable con la publicidad. 3. ¿Y qué pasa con las personas sordas o ciegas? Que no van a poder beneficiarse de toda esta renovación en la Web. La accesibilidad de las páginas web es ya una obligación legal en muchos países, que tendrán que tener en cuenta sobre todo las webs de ámbitos públicos, en especial el educativo. Pero son tantas las ventajas que aporta la multimedia, que estos inconvenientes se están superando o se están ocultando debajo de la alfombra. Todavía hoy no se puede confiar todo el contenido de una web a sus elementos multimedia, porque pueden fallar por muchos motivos. Veremos qué nos aportan los adelantos tecnológicos del futuro cercano. 2. Incorporar vídeos cargándolos al servidor Quizá la mejor forma de incorporar un vídeo propio a nuestro blog sea la de subirlo a un servicio de vídeos y enlazarlo o insertarlo en la entrada o post con el código HTML que nos proporciona este servicio. Al fin y al cabo, Vimeo, Daily Motion o YouTube tienen más opciones que Blogger. Pero también podemos cargar nuestro vídeo en Blogger, como vamos a ver ahora. Existen dos formas de incluir vídeos en una página web: 1. Enlazando los archivos directamente en el servidor donde se encuentren alojados. Este enlace puede servir para descargarnos el vídeo o para mostrarlo con un reproductor asociado. 2. Copiando en el editor del blog el código HTML que nos proporciona el servidor que aloja los vídeos. De esta manera, utilizamos un vídeo ya guardado que no es nuestro y que se encuentra a disposición del público. En los blogs de Blogger tenemos la posibilidad de guardar vídeos en sus servidores para mostrarlos con un reproductor. Esta operación se realiza de forma muy sencilla simplemente haciendo clic en el icono correspondiente de la barra de iconos del editor de entradas. En el editor de Blogger existe un botón o icono para cargar los vídeos al servidor. Después de hacer clic en el icono de vídeos, aparece el siguiente cuadro de diálogo, que tiene tres opciones en el lateral: 2
APLICACIONES EDUCATIVAS DE LOS BLOGS
1. Con la opción Subir, cargaremos un vídeo desde nuestro disco duro pulsando el botón Examinar y después el botón Subir, de la parte inferior de la ventana. No parece que haya límites de peso para el archivo. Anteriormente el límite era de 100 Mb, así que no hay mucho problema.
2. La opción Desde YouTube sirve para insertar un vídeo de ese servicio web. Se escribe un término de búsqueda y se elige el vídeo mediante el botón Seleccionar. Incluso se puede ver el vídeo antes. Entonces aparecerá una pequeña imagen del vídeo elegido, pero en la Vista previa y en la entrada publicada se verá el vídeo insertado.
3. Con la opción Mis vídeos de YouTube, podremos insertar nuestros vídeos cargados en ese servicio:
3
APLICACIONES EDUCATIVAS DE LOS BLOGS
Con la primera opción, yo he utilizado un vídeo descargado de la Mediateca de EducaMadrid. Después de cargarlo, aparece en la entrada un aviso en forma de imagen de que se está cargando el vídeo:
Además, debajo del editor nos completan la información del aviso:
Y al cabo de un rato ya lo podemos ver incluido en nuestro blog con un reproductor propio, al que Blogger ha añadido recientemente la posibilidad de verlo en pantalla completa haciendo clic en el icono inferior derecho. Pero también podemos avanzar o rebobinar el vídeo mientras se reproduce simplemente haciendo clic en la banda que aparece encima de los botones o moviendo el circulito que indica el tiempo de reproducción, como se muestra en la siguiente imagen:
Si queremos cambiar el tamaño del vídeo, podemos modificar su altura y su anchura en el código HTML del vídeo. Para ello tenemos que ir a la sección Edición HTML del editor y buscar su código, que en nuestro caso es éste: <div class="separator" style="clear: both; text-align: center;"> <object height="266" id="BLOG_video-UPLOADING-2" class="BLOG_video_class" contentid="UPLOADING" width="320"></object></div> 4
APLICACIONES EDUCATIVAS DE LOS BLOGS
En el código, he destacado en rojo los datos de la altura (height) y la anchura (width) que están en píxeles. Sólo tenemos que modificar esos números más o menos proporcionalmente para cambiar el tamaño del vídeo. 3. El gadget Barra de vídeos Pero no todo queda aquí. También Blogger nos proporciona un gadget con el que podemos incluir un enlace directo a los vídeos de YouTube y de Google Vídeo desde el lateral de nuestro blog. Si vamos a nuestro panel del blog y entramos en la sección Diseño, encontraremos a la derecha el enlace Añadir y organizar elementos de la página, que nos proporciona la posibilidad de insertar estos dispositivos con el enlace Añadir un gadget. De la ventana emergente que surge, elegiremos el gadget Barra de vídeo:
Si hacemos clic en la imagen o en el icono del signo más, se abrirá la siguiente ventana de configuración:
Pondremos un título y elegiremos las etiquetas temáticas que nos interesen, y listo. Cuando guardemos los cambios, aparecerá la barra de vídeos en nuestro lateral, y si hacemos clic en uno de los vídeos, se abrirá una ventanita para poder verlo. 4. Insertar vídeos con el código HTML 5
APLICACIONES EDUCATIVAS DE LOS BLOGS
Pero la forma más cómoda de insertar vídeos en un blog sigue siendo la de pegar el código HTML que nos proporcionan en la web donde se alojan. CALENDARIO GOOGLE Cuando accedemos a la aplicación web, vemos que calendar, en la parte superior derecha, se puede ordenar por día, semana, mes, cuatro días y agenda. Elige el modo que mejor se adapte a tus necesidades. Si por ejemplo, haces clic en día, puedes ver los eventos, citas o tareas que tengas para ese determinado día. Arriba del calendario, puedes saber lo que tendrás días más adelante o lo que has tenido, días atrás. Ya no tienes escusa para decir que ni te acuerdas de lo que hiciste ayer. Para ello, pincha en las fechas que tienes al lado de la fecha elegida. En la izquierda, para ir días atrás y la derecha para las próximas semanas. Crear un calendario Debajo, tienes la pestaña “mis calendarios“, donde tienes disponibles varios calendarios creados. Esto es una ventaja para vosotros, transportistas, si tenéis que hacer varios transportes o tenéis varias cargas o mercancías. Puedes crear uno nuevo en la opción de “crear“, tienes esa opción justo debajo de “mis calendarios”.
Cuando lo hagas, se desplegarán varias opciones a rellenar dependiendo de lo que necesites. Puedes empezar con el nombre, descripción, la ubicación y la zona horaria. Tienes otra opción que consiste en hacer público tu calendario. “De esta forma, puedes hacer que otras personas vean tu calendario, debido a que es una herramienta en la nube.” Estaría bien que como transportista, pudieras compartir ese calendario con tus clientes y mantenerlos informados porque además hay una opción de “con 6
APLICACIONES EDUCATIVAS DE LOS BLOGS
quién quieres compartir tu calendario”, para ello, introduce su correo electrónico y se selecciona una opción. Entre ellas, realizar cambios y administrar el uso compartido, realizar cambios en eventos o consultar detalles del evento.Cuando hayas terminado de completar tu calendario, le has a crear y se suma a “mis calendarios”, el que tiene Google calendar por defecto y el que acabas de crear. Cuando tengas los calendarios, puedes personalizarlos, cambiando el color de fechas señaladas. Solo tienes que hacer clic en la parte superior derecha del calendario y seleccionar el color que más te guste. Tienes la opción de “otros calendarios“, si le das a añadir, se despliegan varias pestañas como explorar calendarios interesantes, accedes a una lista de calendarios que te pueden ser útiles, si te interesa alguno, únicamente tienes que pinchar sobre suscribirse. Crear un evento Google calendar también te permite estar al tanto de todos los eventos que tienes programados a lo largo del día. Es de gran utilidad para que no se te olvide nada y además, si tenéis muchos tareas nunca está de más un buen recordatorio. Es por ello que Google Calendar es una buena herramienta para hacer estas anotaciones que te permiten ver lo que tienes para hacer en un día determinado. Solamente tienes que pinchar sobre el día y escribir lo que tienes que recordar.
Cuando lo haces, se abre una ventana en la que debes rellenar con una descripción y añadirla al calendario que ya tienes creado, para finalizarlo, dale a “aceptar“. Si quieres re-editar la anotación, solo tienes que pinchar sobre lo que quieres modificar y dar clic en editar “detalles del evento“. En opciones, puedes configurar recordatorios. Tienes dos opciones, puedes hacerlo a través de correo electrónico o ventanas emergentes, señalando la antelación con los que quieres que comiencen, semanas, días, horas… lo que tú elijas. Al igual que como hemos explicado antes, puedes establecer el carácter de tu evento, si es público o privado. Una vez hayas configurado todo, solo tienes que dar a “aceptar“. De 7
APLICACIONES EDUCATIVAS DE LOS BLOGS
esta forma, se activarán los recordatorios automáticamente para ti y para las personas que hayas autorizado para acceder al calendario. Si haces clic sobre agenda, puedes ver una lista con los eventos que has creado y que tienes pendientes para todo el mes. Los recordatorios de estos eventos variarán dependiendo de la frecuencia de tiempo que programaste en su momento. PRESENTACIONES Aunque las entradas de los blogs suelen ser breves por su característico dinamismo, quizá a veces queramos insertar archivos de texto o presentaciones para completar el contenido. En este caso, se recurre a enlazar esos archivos para su descarga o a insertarlos en la entrada mediante un reproductor. El lugar más conocido donde podemos cargar un archivo de estas características es SlideShare, y donde además podemos utilizar cualquiera de las publicadas en su servicio. Cuando guardamos allí una presentación, ésta pierde las transiciones y otras animaciones que tenga, pero se convierte en un objeto multimedia que podemos ver con toda comodidad conectados a internet. El procedimiento que se sigue es el de copiar el código HTML de la presentación en nuestro editor como un reproductor. Para conseguirlo, hay que hacer clic en la pestaña Embed que está en la parte superior de la presentación, y entonces aparecerá debajo el código HTML que se puede insertar en el blog después de copiar el código con el botón , y que se puede personalizar pulsando el enlace, y entonces se abrirá parte del marco donde aparecen las opciones para eliminar el contenido relacionado , comenzar la presentación en una diapositiva determinada o elegir entre varios tamaños del reproductor . Son numerosas las aplicaciones que nos ofrecen la posibilidad de subir nuestras presentaciones: Scribb, Isuu, Calameo… Estas últimas convierte nuestros documentos en verdaderas publicaciones. MAPAS CONCEPTUALES Son también numerosas las aplicaciones que nos permiten realizar mapas conceptuales, entre ellas destacamos Cmaptool
8
APLICACIONES EDUCATIVAS DE LOS BLOGS
Cmaptool CmapTools es una herramienta gratuita para crear mapas conceptuales. Quizá no es la más bonita ni la más fácil de usar, pero profesores de todo el mundo la recomiendan por sus funciones especialmente pensadas para la enseñanza. Si ese es tu caso, no temas, a continuación te guiaremos en la creación de un sencillo mapa conceptual con CmapTools. 1. Instala CmapTools CmapTools está disponible para Windows, Mac, Linux y Solaris. Su instalación es sencilla siempre que sigas la instalación predeterminada. La instalación personalizada es un poco confusa por la cantidad de preguntas técnicas no muy relevantes, así que no la recomendamos.
2. Introduce tus datos de usuario Tras iniciar el programa, se te piden unos datos personales. Si no vas a usar las funciones de guardar mapas en línea o enviar tu creación en formato digital a nadie (porque lo vas a imprimir, por ejemplo), entonces no es necesario. En caso contrario, estos datos te identificarán como autor del mapa conceptual en los metadatos.
9
APLICACIONES EDUCATIVAS DE LOS BLOGS
3. Crea un nuevo Cmap Pulsa Control + N o usa el menú Archivo > Nuevo para crear un nuevo Cmap vacío.
4. Añade los conceptos El modo de crear un mapa conceptual depende de cómo organices tu trabajo, pero nosotros vamos a empezar llenando el tablero de conceptos. ¿Qué son los conceptos? Básicamente cualquier cosa, y generalmente los puntos más importantes de la idea que se quiere representar en el mapa conceptual. Nuestro mapa conceptual va a tratar sobre el software, así que hemos creado conceptos relacionados. Para crearlos, solo tienes que hacer doble clic en el tablero y empezar a escribir.
10
APLICACIONES EDUCATIVAS DE LOS BLOGS
5. Ordena los conceptos Con todas las "fichas" sobre el tablero, ha llegado el momento de empezar a ordenarlas de forma lógica. Hay muchas técnicas para hacer esta tarea de forma más eficiente. En mi caso, ordeno los conceptos según su abstracción de arriba a abajo.
De este modo, será mucho más fácil completar el siguiente paso. 6. Enlaza los conceptos con palabras de enlace Con todos los conceptos más o menos en su sitio, solo necesitas flechas y palabras de enlace para que tu mapa conceptual empiece a cobrar vida.
Para lograrlo, haz clic en un concepto y luego arrastra una flecha desde las flechas que aparecen en su parte superior. Si arrastras hasta uno de los conceptos que ya has creado con anterioridad, se creará la flecha con la correspondiente palabra de enlace en su mitad. Al igual que con los conceptos, puedes editar su texto simplemente escribiendo.
11
APLICACIONES EDUCATIVAS DE LOS BLOGS
Si, por el contrario, arrastras hasta un espacio vacío de la pantalla, se crea también otro concepto.
Puedes reusar una misma palabra de enlace para dos conceptos distintos (siempre con el mismo método: arrastrar desde las flechas de arriba). Tras enlazar todos los conceptos, el mapa conceptual empieza a cobrar sentido.
7. Personaliza el aspecto
Seguro que algunas flechas no se comportan como te gustaría, no tienen color, son demasiado finas, rectas o no tienen la cabeza apuntando a donde te gustaría. Puedes editar el estilo desde la ventana de estilos. Si no está abierta, se abre desde el menú Ventana > Mostrar estilos. 12
APLICACIONES EDUCATIVAS DE LOS BLOGS
En esta ventana puedes modificar el aspecto no sólo de las flechas, sino también de los conceptos y palabras de enlace. Por ejemplo, puedes cambiar el color de las flechas, su tamaño, estilo, forma y hacia dónde apuntan las flechas. Después de añadir algo de color, el mapa conceptual cobra vida.
8. Guarda tu Cmap Por último, sólo falta guardar tu mapa conceptual. Para editarlo más tarde, debes grabarlo con el formato propio de la aplicación, desde el menú Archivo > Guardar Cmap.
Pulsando el icono con la bola del mundo en la parte superior derecha de la pantalla tienes la posibilidad de guardar tu Cmap en un servidor externo. 13
APLICACIONES EDUCATIVAS DE LOS BLOGS
También puedes grabar tu mapa en otros formatos más fáciles de compartir en Internet con personas que no tienen CmapTools instalado. Desde el menú Archivo > Exportar Cmap Como puedes grabarlo como una imagen, página web o texto ACTIVIDAD 8 En esta actividad vamos a realizar las siguientes tareas: 1. Vamos a crear un calendario en GOOGLE CALENDAR y lo vamos a insertar en nuestro blog. 2. A continuación vamos a buscar algún vídeo relacionado con nuestra materia y lo vamos a incrustar también nuestro blog en un post. 3. Opcional: Descarga Cmaptools en tu PC y crea un mapa conceptual, luego cuélgalo en tu blog. El archivo lo tienes en recursos.
14