Tercer Taller: Creando material para el aula y cómo insertarlo en el blog

En el tercer taller terminamos lo que nos quedó pendiente sobre la ficha de evaluación de material multimedia y comenzamos a descubrir las diferentes herramientas y recursos online para construir nuestras propias actividades multimedia.

Nos creamos una cuenta en Educaplay, una plataforma para crear actividades educativas, en español, con más de 10.000 usuarios y muy fácil de usar. Para ir probando, Laura Moreda y un servidor hicimos cada uno una sopa de letras con los nombres de los compañeros de clase. Acabo de ver que se puede insertar en el blog, voy a intentarlo:

Pues sí, se puede insertar. Como podéis comprobar no es una captura de pantalla, es la actividad en sí, así que no hace falta ir a la plataforma para "jugar", podremos ir insertando en nuestro blog (o en una pestaña del blog) todas las actividades que vayamos creando. Por si os interesa os explico un poco cómo hacerlo. Una vez creada vuestra actividad en Educaplay en la parte derecha de la pantalla veréis un recuadro donde sale vuestro nombre como creadores de la actividad. Debajo hay dos recuadros con html, el primero es la dirección de la actividad en Educaplay, el segundo es el código para insertarla en vuestro blog. Lo seleccionáis y le dais a copiar. Os pongo captura:

Ahora os vais a vuestro blog y le dais a redactar nueva entrada. Antes de nada debéis cambiar el editor del blog a HTML. Hay dos pestañas juntas sobre el recuadro donde escribís una nueva entrada, en la parte izquierda, Redactar y HTML. Por defecto el blog se os coloca en la opción Redactar porque es más cómodo para no iniciados. Cambiáis al modo HTML y ahora sí, pegáis el código que habéis copiado en Educaplay. Si le dais a publicar la entrada y echáis un vistazo a cómo queda la nueva entrada en el blog comprobaréis que la aplicación se os sale de tamaño (a no ser que hayáis hecho un blog realmente enorme). Esto es fácil de arreglar. 

Editáis de nuevo la entrada que habéis creado. Comprobáis que seguís en la pestaña HTML. El código mostrado debe parecerse a éste:

"<object id="objSwf" name="objSwf" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="770" height="550">        <param name="movie" value="http://www.educaplay.com/es/actividades/700835/actividad_v1_0.swf" />        <param name="quality" value="high" />        <param name="allowFullScreen" value="true" />         <param name="FlashVars" value="actividad=700835" />        <embed  id="objSwf" name="objSwf" allowFullScreen="true" src="http://www.educaplay.com/es/actividades/700835/actividad_v1_0.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="770" height="550" flashvars="actividad=700835"></embed>      </object>"

Si sabéis qué ancho le disteis a vuestro blog, perfecto. Cambiáis los dos 770 por la anchura de vuestro blog. Si no lo sabéis también podéis hacerlo a ojo de buen cubero. Yo he puesto el mío con un ancho (valor de width) de 640 y una altura (valor de height) de 470. Si solo cambiáis uno de los valores el resultado no será proporcionado, debéis modificar los dos (o mejor dicho, los cuatro valores que he marcado en verde, ambos anchos a 640 o lo que os venga bien y ambos altos, lo mismo). Podéis ir probando por el método de ensayo y error hasta que se ajuste a vuestro blog perfectamente.

Esto también se hace igual cuando insertáis un video de Youtube, por ejemplo.

Espero que os sea de utilidad y nos vemos en el próximo taller.