blogOBR

Tutorial: Publicar un formulario de Google Docs con imagenes, vídeos y/o sonidos usando Blogger.

noreply@blogger.com (Óscar Barquín) — Sat, 10 Nov 2012 10:36:00 +0000

Un lugar para publicar y modificar nuestros formularios.

Hace ya un tiempo que expuse en el tutorial: Incrustar imágenes, vídeos y sonidos en un formulario de Google Docs una forma de modificar los formularios de Google Docs para poder incluir todos aquellos aspectos que queramos. (Ver ejemplo)

Uno de los problemas más extendidos con este método es que es necesario modificar el HTML con algún programa y que, a su vez, es necesario un servidor donde colgar ese formulario.

Una opción para facilitar este trabajo (no sin algún que otro inconveniente) es usar la entrada de un blog como contenedor y usar su editor para modificar el formulario. En este tutorial me centraré en blogger por ser donde he experimentado con esta solución.

A grandes rasgos lo que hay que hacer es lo siguiente:

Crear el formulario de google de la manera usual.
Ver el formulario "en directo"
Usar la opción de tu navegador para ver el código fuente del formulario.
Seleccionar todo el código fuente y copiarlo.
Crear una nueva entrada de blog y en la edición HTML pegar el código del formulario.
Desde la vista normal insertar imágenes y vídeos de la manera tradicional. (Aquí nos encontraremos el primer problema)

Esto sería muy bonito si funcionase al 100% pero como lo que estamos haciendo es una pequeña chapucilla tiene sus inconvenientes y es necesario una edición del código para que todo funcione correctamente. A partir de aquí os presento como editar de forma básica del código y en tutoriales posteriores nos meteremos a una edición más detallada.

Pero antes veamos porqué esto no funciona del todo bien, para poder entender las soluciones.

¿PORQUÉ NO FUNCIONA COMO DEBERÍA?

La respuesta es evidente, porque los formularios no están pensados para copiar su código en una entrada de un blog.

El problema es que al copiar todo el código estamos incluyendo HTML pensado para funcionar solo (para entendernos). Por eso provoca errores en nuestra entrada de blog.

Para que todo funcione correctamente tendremos que borrar el código sobrante.

EDICIÓN BÁSICA DEL CÓDIGO
Vamos a ver un esquema de la estructura del código de un formulario de Google Docs:

Etiquetas generales de información DOCTYPE, apertura de <html>, <head> y demás...
Etiqueta de apertura de estilo <style> ... código de estilo y etiqueta de cierra de estilo </style>
Etiqueta de cierre </head> y etiquetas de <body> y varias de <meta>
Comenzo del formulario con etiquetas <div>. A partir de ahí es el código del formulario.
Final con etiqueta de cierre <body> y <html>

Pues bien, para aclarar el tema diremos que será suficiente con dejar SOLO lo que se indica en AZUL (es decir, el código de estilo y el contenido propio del formulario) eliminando las etiquetas de body, head, html y demás, que acabarán confundiendo a nuestro blog.

Por tanto, tras copiar el código y pegarlo en el apartado HTML de la entrada del blog, eliminaremos lo que no está en azul.

Si hemos hecho esto de manera correcta, al volver a REDACTAR ya veremos nuestro formulario (sin estilos, pero los tiene). Ahora podemos añadir imágenes, vídeos y demás a través de las opciones del propio editor de Blogger.

PROBLEMA GORDO: Como la etiqueta style incluye (entre otros) fondo de pantalla, lo mínimo que deberéis hacer es eliminar del código style la parte del color de fondo y la url de la imagen de fondo (está al comienzo del style tras el body).

De momento es todo. Decir que este sistema sigue presentado algún que otro problema, pero en breve espero poder publicar otros tutoriales donde explicaré cómo lo he solucionado (incluido lo del fondo de pantalla) y también cómo personalizar el formulario.
Para los que quieran avanzar:

El problema de las cajas que no respetan el salto de línea lo he solucionado con código <p> de apertura y </p> de cierre.
Lo del fondo del formulario, usando un blog intermedio con una template "vacía" de todo menos de las entradas y usando código iframe para incrustar luego en el blog que quiero.

Pensamiento final: Con lo fácil que sería para Google incluir un editor al estilo blog en sus formularios... incomprensible.

Star Wars Episodio VII

noreply@blogger.com (Óscar Barquín) — Mon, 05 Nov 2012 08:00:00 +0000

¿Nueva trilogía?

Después de que Disney se hiciese con Pixar y los derechos de Marvel, llegó el siguiente paso: Comprar Lucasfilm. Inmediatamente ha dado a conocer el proyecto de una nueva trilogía Star Wars.

Internet está plagado de hurras y maldiciones (dependiendo de quien lo cuente). La verdad es que las producciones bajo el sello Marvel no han sido para nada un fiasco (Los vengadores), así que ¿quién sabe? igual esta trilogía supera la última de George Lucas... tampoco parece tan difícil.

Para abrir boca, IMDB presenta un listado de los supuestos actores que intervendrán en la película y el título de la misma:

Star Wars 7:The Return Of The Siths

Hungarian Rhapsody: Live In Budapest

noreply@blogger.com (Óscar Barquín) — Thu, 01 Nov 2012 16:03:00 +0000

A la espera...

Falta muy poco para la comercialización del DVD y Blu-ray de Hungarian Rhapsody, el concierto de Budapest que actualmente se proyecta en cines de todo el mundo (aunque no en todos los países, en España , por ejemplo, no se podrá ver :(

A la espera de disfrutar del concierto completo en alta definición y formato 16:9, se puede abrir boca con el vídeo publicado en el canal de queen en youtube. Un anticipo del Blu-ray con la canción Bohemian Rhapsody.

Consejo: abrir, poner en 1080, esperar a que cargue y a disfrutar.

Organizando un aula activa (III): ¿Necesita ayuda, Sr Fogg?

noreply@blogger.com (Óscar Barquín) — Sun, 21 Oct 2012 15:27:00 +0000

Tercer y último artículo de la Red Buenas PrácTICas 2.0.

La red colaborativa Buenas PráTICas 2.0. ha publicado el último de los tres artículos de la serie titulada: Organizando un aula activa. En este caso el artículo muestra de manera práctica como se aplican los dos anteriores en un proyecto concreto.
El título del artículo es: Organizando un aula activa (III): ¿Necesita ayuda, Sr. Fogg? y presenta, de forma resumida, la aplicación de la earthquest del mismo nombre al método de talleres y proyectos. Lo tenéis disponible en el siguiente enlace:

Y para tenerlos todos juntos, aquí está el enlace a los tres artículos:

¿Necesita ayuda, Sr. Fogg?

noreply@blogger.com (Óscar Barquín) — Wed, 17 Oct 2012 07:00:00 +0000

Una earthquest basada en la novela "La vuelta al mundo en 80 días" de Julio Verne.

¿Necesita ayuda, Sr. Fogg? es una earthquest diseñada para aplicarse en aulas de educación primaria, e incluso secundaria, creada el curso pasado y que formó parte muy importante de un proyecto más amplio sobre Julio Verne.

La earthquest ¿Necesita ayuda, Sr. Fogg? toma como base la historia de la novela de Julio Verne La vuelta al mundo en 80 días e introduce a los alumnos en la aventura de acompañar a Phileas Fogg y Picaporte en su viaje alrededor del mundo. Éste último les explica la apuesta contraída por Fogg con los caballeros del Reform Club (a través de uno de los tres vídeos creados con Muvizu que los alumnos podrán ver en la earthquest) y además les les pide ayuda, ya que les han pedido como prueba del viaje que lleven folletos de los monumentos más relevantes de los países que visiten.

Partiendo de esta premisa, los alumnos deben recoger información de los monumentos utilizando como herramienta la earthquest (que funciona bajo Google Earth) y completar los folletos requeridos. Además, la aplicación incluye una biografía de Julio Verne que puede servir como complemento al trabajo textual del folleto.

Como es lógico, todo esto se enmarca en un proyecto más amplio que supone el estudio previo del texto social del folleto y la biografía, así como el trabajo de distintos conceptos matemáticos relacionados, principalmente, con medida de tiempo y longitud aplicados al proyecto.

La earthquest transcurre por completo en Google Earth y, gracias a un sistema de capas, los alumnos navegan con libertad acercándose desde el continente al país, la ciudad y el monumento concreto a investigar. Todos los monumentos disponen de vista 3D con lo que el aspecto visual es muy atractivo. Una vez en el monumento, se proponen enlaces para buscar la información que completará el folleto, previa realización de un borrador.

Éste es básicamente el funcionamiento de la earthquest, que se usó en las aulas del segundo y tercer ciclo del ceip Valdáliga en en el segundo trimestre del curso 2011/2012. Ahora ya están disponibles todos los documentos adicionales así como la programación y alguna orientación didáctica.

Como es una earthQuest necesita de unos requisitos previos:

La instalación de Google Earth.

Cargar el archivo .kmz con las capas y la información de los monumentos (fogg.kmz) y guardarlo en mis lugares (cerrar Google Earth y decir que sí a guardar en mis lugares solo la primera vez).

Conviene configurar el entorno Google Earth: eliminar todas las capas excepto las del terreno, y edificios 3D, eliminar la barra lateral, bajar la velocidad de los viajes...

Todo esto, con el resto de documentos opcionales, programación, orientaciones... lo podéis encontrar en en la información indispensable y programación. En este mismo documento, podréis ver también un vídeo que muestra un ejemplo de lo que sería el desarrollo de una etapa en la eartquest.

Bueno, sin más dejo aquí el enlace a ¿Necesita ayuda, Sr. Fogg? Espero que sea de vuestro interés:

Organizando un aula activa (II): Talleres

noreply@blogger.com (Óscar Barquín) — Fri, 12 Oct 2012 15:18:00 +0000

Segundo artículo de la Red Buenas PrácTICas 2.0.

La red colaborativa Buenas PráTICas 2.0. ya ha colgado el segundo de los artículos titulado Organizando un aula activa (II): Talleres. Lo tenéis disponible en el siguiente enlace:

Organizando un aula activa (I): Proyectos

noreply@blogger.com (Óscar Barquín) — Sat, 06 Oct 2012 11:15:00 +0000

Primer artículo de la Red Buenas PrácTICas 2.0.

La red colaborativa Buenas PráTICas 2.0. impulsada por el Ministerio de Educación publicará una serie de tres artículos titulados Organizando un aula activa.

En estos artículos me pidieron que explicase cómo organizaba el trabajo de un aula de primaria a través de talleres y proyectos. Espero que os parezcan interesantes.

Ya han colgado el primero de los artículos titulado Organizando un aula activa (I): Proyectos. Lo tenéis disponible en el siguiente enlace:

Posible hallazgo del bosón de Higgs

noreply@blogger.com (Óscar Barquín) — Wed, 04 Jul 2012 14:01:00 +0000

Un paso de gigante en la física de partículas

Cuando hace unos pocos días se anunció desde el CERN que darían un comunicado de suma importancia, los rumores se dispararon y todo el mundo comenzó de nuevo a hablar del bosón de Higgs.

Hoy se ha anunciado oficialmente el descubrimiento de un nuevo bosón y aunque no han querido dar por hecho que se trate de la famosa partícula, parece que por fin ha sido encontrada.

He de decir que me ha sorprendido gratamente visitar hoy la página del país digital y encontrar el descubrimiento en portada:

NOTICIA DEL PAÍS

Para los que nos gusta el tema pero no somos muy duchos en la materia, recomiendo la explicación sobre qué es el bosón y el campo de Higgs que se ofrecía en el programa de Redes: más allá del átomo. (Explicación a partir del minuto 8 aunque merece la pena verlo entero)

Ver vídeo

Redes - Más allá del átomo

Arguiñano se suelta la melena

noreply@blogger.com (Óscar Barquín) — Tue, 29 May 2012 07:00:00 +0000

Recursos online en inglés: TES iboard

noreply@blogger.com (Óscar Barquín) — Sun, 27 May 2012 07:00:00 +0000

Un recurso más...

TES iboard es una página que ofrece una serie de recursos online en inglés de una calidad aceptable. La pega es que muchos de ellos son de pago.

Sin embargo, hay un número considerable cuyo acceso es gratuito y que pueden ser utilizados sin problema. Estructura el contenido por edades y materias. Las actividades matemáticas son perfectamente utilizables con entender las cuatro nociones en inglés y seguramente los especialistas de ese idioma encuentren cosas interesantes para su materia.

Pues lo dicho... otro sitio más donde rascar.

Escuela pública

noreply@blogger.com (Óscar Barquín) — Fri, 04 May 2012 11:06:00 +0000

Aunque en Francia perfectamente válido para España

Lanzamiento de Google Drive

noreply@blogger.com (Óscar Barquín) — Sat, 28 Apr 2012 08:29:00 +0000

El Dropbox de Google

Google entra en la batalla por el almacenamiento online con Google Drive.

Para quien conozca Dropbox, decir que es un sistema muy similar, para el que no lo conozca una explicación rápida y esquemática:

1.- Google Drive es un espacio online (en la nube como está de moda decir) donde guardar documentos de cualquier tipo. Algunos de ellos podremos ejecutarlos desde el propio navegador (imágenes, vídeos, docs...) y otros solo se almacenan.

2.- Para su gestión más sencilla, Google Drive crea una carpeta en tu escritorio o un espacio en tu dispositivo móvil que contendrá exactamente lo mismo que el espacio web.

3.- Todo lo que crees, copies o modifiques en esa carpeta se sincroniza automáticamente con tu espacio web de Google Drive y con el resto de equipos o dispositivos donde hayas instalado Google Drive.

Al igual que la mayoría de almacenamientos online, es posible compartir carpetas y documentos con otros usuarios.

Un aspecto que puede hacer que Google Drive se haga un hueco rápidamente entre usuarios de otros servicios y sobre todo entre usuarios nuevos es la posibilidad de sincronizar los documentos de Google Docs, de esta forma al crear un documento en Docs (que ya pasa a integrarse en Drive) se guarda automáticamente en todos los dispositivos con la aplicación Google Drive instalada.

Para poder usar Google Drive necesitas una cuenta de Google y entrar en la siguiente dirección:

https://drive.google.com/

Es posible que tengas que pedir que te activen la cuenta antes de poder usar el servicio. Tras unos minutos de espera podrás ya utilizar Google Drive.

En ese mismo momento, Google Docs se transforma en Google Drive y puedes descargar la aplicación para instalar en todos los equipos que quieras.

Los 5 años de Noticiucas de Infantil

noreply@blogger.com (Óscar Barquín) — Sat, 31 Mar 2012 08:38:00 +0000

En defensa de la educación pública

noreply@blogger.com (Óscar Barquín) — Wed, 29 Feb 2012 10:58:00 +0000

SANTANDER

El deporte del recorte

noreply@blogger.com (Óscar Barquín) — Mon, 13 Feb 2012 08:00:00 +0000

No hacen falta palabras

Tiching: El buscador de recursos educativos

noreply@blogger.com (Óscar Barquín) — Mon, 06 Feb 2012 08:00:00 +0000

¿Un buscador más...?

Tiching es un buscador / red social que pretende convertirse en un lugar para compartir recursos y un centro donde contactar con otros docentes. Según ellos mismos, Tiching:

"Tiching se diferencia de cualquier buscador o red social en que está pensado específicamente para la comunidad educativa y desde la comunidad educativa"

Si consigue o no su propósito lo dirá el tiempo ya que de momento se encuentra en su versión BETA. De todos modos, no deja de ser un lugar más (que no es poco) donde buscar recursos para el aula.

Tutorial: Darse de baja en Google + (Plus)

noreply@blogger.com (Óscar Barquín) — Mon, 30 Jan 2012 08:00:00 +0000

¿Y si quiero abandonar Google +?

Ya conocemos Google + y los servicios que poco a poco va incorporando, pero ¿cómo darse de baja en caso de que queramos?.

He aquí los pasos:

1.- Haz clic sobre tu avatar y entra en la configuración de cuenta:

2.- Selecciona la opción Eliminar perfil y funciones de Google+ asociadas (ATENCIÓN: este paso es delicado y aque si seleccionamos la que está inmediatamente después, perderíamos todos los datos de Google y no solo Google+)

3.- Ahora debemos seleccionar Eliminar el perfil competo de Google+ y aceptar la última pestaña para garantizar que has entendido que perderás los datos seleccionados.

4.- Por último, Google nos preguntará por la razón de nuestro abandono. Esto es opcional responderlo.

Noticiucas cumple 5 años

noreply@blogger.com (Óscar Barquín) — Mon, 16 Jan 2012 10:04:00 +0000

Y sigue creciendo...

Noticiucas de Infantil el blog escrito por alumnos de educación infantil cumple 5 años (seis cursos). Ya son más de 300 las noticias escritas por niños y niñas de esta etapa.

Para celebrarlo se le ha dado un cambio de cara y, además, en breve comenzarán a escribir alumnos de un nuevo centro: el CEIP Pero Niño de Rivero. Espero que los chicos y chicas de San Felices escriban muchas noticias y el blog cumpla todas sus expectativas.

Felices fiestas

noreply@blogger.com (Óscar Barquín) — Sat, 24 Dec 2011 09:55:00 +0000

¡FELIZ NAVIDAD Y PRÓSPERO AÑO!

Screencast-o-Matic: captura de pantalla online.

noreply@blogger.com (Óscar Barquín) — Mon, 19 Dec 2011 08:00:00 +0000

Sencillo y efectivo

Screencast-o-Matic es una aplicación on-line que permite hacer capturas en vídeo de lo que ocurre en la pantalla del ordenador (screencast) al estilo de los tutoriales que se ven tan a menudo por Internet.
La ventaja es que, al ser online, no es necesario instalar nada.
Screencast-o-Matic permite grabas vídeos de hasta 15 minutos en su versión gratuita y sin registrarse.
A pesar de no ser una aplicación local, sus funciones con muy completas:

Tras seleccionar el área a capturar permite grabar vídeo de nuestras acciones.
Podemos guardar el vídeo en nuestro equipo con formato quicktime (mp4), Windows media (avi), Flash video (flv) o gif animado.
Si queremos usar audio, es posible grabar nuestra voz al mismo tiempo que grabamos el vídeo.
Si lo preferimos, podemos subir el vídeo a youtube o guardarlo en el propio servidor de Screencast-o-Matic. (Para esta última opción es necesario registrarse).
Los vídeos pueden ser editados añadiendo títulos, comentarios, marcas de texto. (Registrados)

Resumiendo, una aplicación con múltiples usos, ideal para docentes y alumnos, realmente sencilla de utilizar.

Enlace: Screencast-o-Matic

Y un pequeño tutorial sacado de la misma página (en inglés):

Blogger y Google Plus se quieren

noreply@blogger.com (Óscar Barquín) — Sun, 18 Dec 2011 13:06:00 +0000

Publicando las entradas de Blogger en Google Plus.

Pues ya es posible. Hoy al entrar en Blogger me ha preguntado si quería sincronizar mi cuenta con Google Plus para poder duplicar las entradas y que aparezcan en la red social de Google.

Efectivamente, una vez aceptado, la opción COMPARTIR aparece en cada entrada del blog a través de ella nos permite publicar la entrada en Google Plus.

Esta estrada es el ejemplo de ello :)

Animaciones con GO!ANIMATE

noreply@blogger.com (Óscar Barquín) — Mon, 05 Dec 2011 08:00:00 +0000

Animaciones rápidas y fáciles...

Go!Animate es una aplicación web que nos permite crear animaciones de forma rápida y sencilla. El resultado final es de una calidad bastante notable.

Podremos crear dibujos animados (a mi me recuerda mucho al estilo Padre de Familia) y usarlos como queramos: introducir un tema, presentar una webquest, dar un toque de humor... Por otro lado, es bastante fácil de manejar con lo que se puede dar el salto para que los alumnos mismos creen sus animaciones.

LA PEGA:

A pesar de que es gratuito en su versión básica, si se quieren ampliar las funciones y las bibliotecas GoAnimate sigue un sistema de micropagos.

De todos modos, con el contenido gratuito tenemos más que suficiente.

ENLACE: Go!Animate.

Un ejemplo rápido:

Siempre Freddie

noreply@blogger.com (Óscar Barquín) — Thu, 24 Nov 2011 06:43:00 +0000

20 años y seguimos recordando al mayor genio de la música...

BioDigital Human

noreply@blogger.com (Óscar Barquín) — Mon, 14 Nov 2011 08:00:00 +0000

El cuerpo humano en versión digital.

Hace ya un tiempo que la aplicación BioDigital Human está disponible a través de la web. Ahora podemos añadirla a nuestro Chrome Store con todo lo que ello conlleva, como la sincronización de marcadores y aplicaciones.

BioDigital Human es una aplicación con la que podremos observar el cuerpo humano por medio de un sistema de capas con lo que nos permitirá hacer visible o ocultar los distintos aparatos del ser humano, así como órganos y componentes.

Muy interesante como acercamiento a la anatomía.

Cargo Bridge

noreply@blogger.com (Óscar Barquín) — Mon, 07 Nov 2011 08:00:00 +0000

Puzzles para todos los públicos

Cargo Bridge es un juego on-line a medio camino entre Fantastic Contraption y Crayon Physics (este último no accesible desde web).

El objetivo es crear puentes con unas sencillas herramientas para que unos muñequitos puedan pasar, recoger un encargo y volver sin que se rompa la construcción. Bastante interesante para analizar la física del juego, que se encarga de calcular el peso y las resistencias creadas en nuestro puente.

Si dispones de Google Chrome lo puedes encontrar de manera gratuita en la Chrome Store. De esta forma evitaras la publicidad (excepto por la que aparece dentro del propio juego). Si no es así, dejo aquí un enlace "limpio" a ver lo que dura:

CARGO BRIDGE