Un poco de cada

Un poco de cada

Hablando de Educación y TIC

Un poco de cada RSS Feed
 
 
 
 

Cuadernia. Creando aplicaciones multimedia

Vía Docentics, descubro la existencia de Cuadernia y enseguida me he puesto a realizar una actividad para mis alumnos de 3º de primaria.

Cuadernia

Cuadernia es un software de la Consejería de Educación de Castilla-La Mancha, para elaboración de materiales educativos multimedia.

Además de ofrecer esta aplicación pone a disposición una serie de utilidades entre las que destaca un conversor de formatos y una aplicación para grabar secuencias de escritorio; las dos utilidades son software libre.

Cuadernia se ofrece en varias versiones: Instalable, online y USB; bajo licencia Creative Commons.

iniciocuadernia

He descargado e instalado Cuadernia en mi portátil, la versión Online tiene una serie de limitaciones.

Al abrir Cuadernia se inicia un servidor Apache para que la aplicación pueda ejecutarse en local, mientras estás realizando el cuaderno didáctico el servidor Apache tiene que estar funcionando. Se deben permitir las ventanas emergentes para que Cuadernia funcione correctamente.

Una vez que pulsas en el botón Nuevo comienzas a crear un Cuaderno y te aparece el panel de Administración desde el que se gestiona todo. Es bastante intuitivo y vistoso.

cuaderniaplant

Aparecen dos barras en la parte derecha desde las que gestionas la página actual: imagen de fondo; plantillas, para estructurar los contenidos; guías, para colocar bien los “contenedores”; copiar y pegar, estas dos opciones no las he utilizado, supongo que para copiar y pegar texto.

La barra Objetos tiene un deslizador que te permite ver todos los objetos que puedes incluir en cualquiera de las páginas:

  • Imágenes, viene con una galería de imágenes que puede completar con otra que te ofrece la Consejería
  • Textos, por si quieres añadir nuevos contenedores para textos
  • Actividades, este objeto contiene puzzles, sopas de letras,…
  • Formas
  • Salto, a una página del libro o a una página web
  • Vídeo
  • Audio
  • Animación flash

Todos los archivos que se utilicen en el cuaderno tienen que estar disponibles en las varias galerías que tiene el programa.

galeriacuader

Cuando se incluye un objeto en la página; al editarlo, aparece el botón “Gestionar Galería”; si es un objeto tipo animación, imagen, vídeo, música.

La ventana de Gestión de galerías permite subir ficheros desde nuestro PC a la galería correspondiente. Desde ella se selecciona el fichero que se desea incluir en la página.

Cuando se previsualiza una página, o el cuaderno entero, la aplicación muestra una barra de navegación que permite imprimir la página, ver la ayuda de funcionamiento de la navegación, navegar entre páginas o saltar a una página determinada.

cuaderno

Una vez terminado el libro, desde el botón “Administrador” se exporta la aplicación a un archivo .zip; tenemos la aplicación preparada con todos las carpetas y archivos comprimidos en un archivo. Lo descomprimimos con 7-zip, aplicación gratuita, y lo podemos subir a nuestro servidor.

De momento las pegas que le he visto a esta aplicación son:

  • Cuando realizas un hipervínculo a cualquier objeto tienes que cerciorarte de no coger la cabecera de la URL, http://, pues ya la tiene por defecto, y si no lo tienes en cuenta no accedes a la página.
  • Según Javier Escajedo, “La herramienta CUADERNO trabaja a una resolución muy alta (1152×864) y son aún muchas las escuelas que andamos a 800×600”.

46 Responses to “Cuadernia. Creando aplicaciones multimedia”

  1. 1
    Felipe Zayas:

    Te lo has currao, Jesús. Yo también ando toda la tarde con Cuadernalia. He hecho un modesto ejercicio de ortografía y ya lo he mandado al servidor. He visto que funciona perfectamente. Pero, ¿ómo puedo insertarlo en el blog para mostrarlo? ¿Se puede poner con “embed”? ¿Cómo se hace?
    Saludos.

  2. 2
    jserranohi:

    Hola Felipe. Lo he insertado como en El Tinglado, con un iframe:

    < iframe src="http://www.tinglado.net/tic/jesus/ cuaderno_Oido/jesus.htm" width="650" height="400" frameborder="0" class="marco2"> < /iframe>.
    (Cuidado los comandos tienen que ir junto a los < pero si los junto no puedes ver el código). Javier me ha modificado el código del index.html que genera la aplicación, yo tampoco daba como colocarlo en el blog; no caí en mirar el fichero .html. Tienes que cambiar las propiedades de los "object" que aparecen en dicho fichero y ponerlas a width="600" height="390" Creo que con esto funcionará. Sino es así me dices que pones y probamos.

  3. 3
    Darle a la lengua » Archivos del Blog » Prueba con Cuadernalia:

    […] He sentido curiosidad y me he puesto a trastear. pero no he sido el único, porue he visto que Jesús Serrano ha probado la herramienta a fondo y ha preparado un estupendo post explicativo. Yo he hecho una […]

  4. 4
    Lu:

    Parece una aplicación sencilla. Tú que sabes también bastante de Edilim, ¿Cuadernia también tiene limitaciones en la extensión de las palabras o en los acentos?

  5. 5
    celestino arteta:

    Excelente Jesús. Vaya curro, no te has dejado nada. Por cierto ¿se pueden subir las aplicaciones que se generan a su página, de manera que de forma parecida a clic, pueda haber un buen repositorio de actividades?
    Saludos

  6. 6
    Felipe Zayas:

    Tal como me indicas, he puesto esto, pero no me funciona:

    .

  7. 7
    Felipe Zayas:

    A ver si sale ahora el código de que te hablaba. Lo he puesto entre comillas:

    “” .””

  8. 8
    Felipe Zayas:

    NO me salido el código. Te mando un correo.

  9. 9
    Felipe Zayas:

    Bueno, no me sale el código. A ver ahora (lo entrecomillo):

    ” “.

  10. 10
    Felipe Zayas:

    No me admite el código. No tengo tu e-mail para mandártelo. El mío es: felipezayas(arroba)gmail.com

  11. 11
    merche:

    Me ha entusiasmado esta herramienta. Ahora lo que necesito es tiempo para ensayar. Y, por lo que veo, puedo contar con ayuda cuando me sumerja de lleno en ella.

    Gracias.
    PD: La he descargado en versión portable.

  12. 12
    jserranohi:

    Hola Lu. En Cuadernia se utiliza un editor visual, con barra de herramientas. No tiene las limitaciones de LIM. Creo que esta aplicación está realizada con Flash y ActionScript.

  13. 13
    jserranohi:

    No he visto nada parecido en la página de la Consejería de Educación de Castilla-La Mancha. Quizás puede que exista y haya que investigar más.

  14. 14
    jserranohi:

    Te he mandado un email con el código del .html. Espero que te sirva.

  15. 15
    jserranohi:

    Desde luego que tienes mi ayuda en lo que pueda.

  16. 16
    Un poco de cada » Atenex. Aplicaciones multimedia:

    […] he echado un vistazo y no es tan intuitiva como Cuadernia o […]

  17. 17
    oscar:

    Hola mi nombre es Oscar pertenezco al grupo de desarrollo de Cuadernia, muchas gracias muchas gracias por utilizar algo de nuestra creación, nos sentimos muy honrados, gracias por ilusionaros con nuestra herramienta que lo es de todos, gracias y por mi parte me comprometo a resolver dudas sobre la aplicación, bueno reitero los agradecimientos y quedo a vuestra disposición para resolver dudas y avanzaros noticias sobre el proyecto que se encuentra actualmente en su ecuador, nos esperan 3 versiones más de cuadernia, un saludo y a disfrutar

  18. 18
    oskar:

    Vaya, me he llevado un chasco, pues como usuario de linux no me puedo instalar la aplicación a menos que utilice un emulador de windows, y lo siento pero no me apetece.
    Deberían ponerse las pilas para que las herramientas fuesen independientes de los sistemas operativos.
    Por cierto recomiendo exe learning, en phyton, y para los 3 s.o. más importantes del mercado.

    un saludo
    Oskar

  19. 19
    oscar:

    Hola Oskar, estamos adaptándola para Molinux, y Mac, en cuanto esté disponible lcomentaré en este foro, un saludo.

  20. 20
    Marian:

    Hola, Jesús.

    ¿Sería mucho pedir que pusieras por ahí las modificaciones que hay que realizar en el código del index.html para insertar Cuadernia en un blog? Ya me dirás si has conseguido abrir mis actividades… Un cordial saludo.

  21. 21
    jserranohi:

    Aquí va el código. (Javier Escajedo hizo las modificaciones)

    < html>
    < head>
    < meta http-equiv="Content-Type" content="text/html; charset=windows-1252" >
    < title >cuaderno ajustado en dimensiones Tinglado< /title >
    < /head >
    < body >
    < object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave /cabs/flash/swflash.cab#version=8,0,0,0" width="600" height="390" id="libro" align="middle" >
    < param name="allowScriptAccess" value="sameDomain" / >
    < param name="movie" value="configuracion/libro.swf" / >
    < param name="quality" value="High" / >
    < param name="wmode" value="transparent" / >
    < param name="bgcolor" value="#ffffff" / >
    < embed src="configuracion/libro.swf" quality="High" wmode="transparent" bgcolor="#ffffff" width="600" height="390" name="libro" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" / >
    < /object >

    < /body >
    < /html >

    Este código tiene los comandos separados del caracter “<" para que no se interprete como tal en este comentario. En el fichero .html tendrán que ir junto al comando, sin la separación.

  22. 22
    Marian:

    ¡Muchísimas gracias, Jesús (y Javier, cómo no)! Voy a probarlo y te cuento. ¡Saludos!

  23. 23
    Marian:

    ¡Funciona! Sóis unos genios, muchas gracias. (Ahora, que el tamaño de la letra se me ha quedado enano… esto hay que preverlo…)

  24. 24
    Dani:

    Aqui os dejo un enlace a un portal con Recursos sobre Cuadernia: http://www.alcazarcep.es/cuadernia

  25. 25
    Un poco de cada » Cuadernia. Portal de Recursos:

    […] mensaje de Dani en un artículo anterior sobre Cuadernia, me da a conocer el Portal de Recursos que han […]

  26. 26
    Lourdes:

    Lo poco que he visto de Cuadernia me gusta mucho. Quisiera saber si lo puedo instalar en mi servidor web y correrlo como parte de nuestro portal http://distritosanjuan2.com

    Agradecida,

    Lourdes
    Puerto Rico

  27. 27
    jserranohi:

    Cuadernia pertenece a la Junta de Castilla-la Mancha. Está bajo licencia Creative Commons que permite entre otras cosas distribuir la obra. Tienen una versión Online que no creo que haya problemas en incluirla en un IFRAME dentro de un portal educativo.

    Aún así, no estaría mal consultárselo a ellos, por si acaso.

  28. 28
    Sonia Rodriguez:

    Hola, soy sonia de Mar del Plata, Argentina. He leído todos vuestros comentarios tratando de encontrar la respuesta a cómo hago para embeber o incluir cuadernia en la wiki, puesto que lo tengo en formato zip. Muchas Gracias

  29. 29
    jserranohi:

    Tu wiki está alojado en wikispaces, tienes que subir el fichero .zip a un servidor y llamar a la actividad desde tu wiki.

    Lo mejor, por el momento, para hacer esto es alojarlo en la base de datos del CEP Alcazar de San Juan, tienes que registrarte como usuaria para poder subir archivos. Les indicas que quieres que aparezca online. Una vez que esté online, lo incluyes en el wiki con un IFRAME en tu wiki.

  30. 30
    sonia rodriguez:

    Hola, no sabes lo que te agradezco tu ayuda con cuadernia.
    Soy docente de EGB. Ya está on line como Mundo Maravilloso
    La verdad es que no sé cómo incluirlo con un iframe, intenté pero no lo logré. Puedes ayudarme?.
    Muchas gracias

    Sonia

  31. 31
    jserranohi:

    Ya he visto que lo has subido al espacio indicado. Ahora mismo está disponible para descargarlo a cualquier equipo en formato .zip, me lo he descargado para verlo desde mi PC.

    Para que puedas ejecutarlo desde tu wiki, el administrador del sitio donde lo has subido tiene que colocar una versión online de este trabajo. Así tendrá una URL que podrás incluir en tu iframe.

    Hace tiempo subí un trabajo sobre el Conde Lucanor en fichero .zip; indicando que se necesitaba ejecutar online. A los pocos días el administrador lo desempaquetó y lo colocó en red.

    Una vez que tengas tu trabajo en red, con una URL similar a esta http://www.alcazarcep.es/cuadernia/downloads/cuaderno_lucanor(2)/index.html; en tu wikispace tienes que pulsar en el icono que simula una TV y elegir la opción Other HTML, en la caja que de texto que aparece incluyes el siguiente código:

    < iframe width="1010" height="660" src="http://www.alcazarcep.es/cuadernia/downloads/cuaderno_lucanor(2)/index.html" frameborder="1">< /iframe>

    Sustituyes la URL de ejemplo por la tuya, guardas los cambios y ya lo tienes.

  32. 32
    Pablo:

    Serías tan amable de enviarme el código para insertar una actividad de cuadernia en mi blog. Por más que lo he intentado no lo he conseguido, a pesar de las explicaciones, sere un negado para esto de los códigos. Agradecido de antemano.

  33. 33
    admin:

    Hola Pablo, ¿con el código que aparece en el comentario 31 no te funciona?

  34. 34
    Esmeralda:

    HOla a todos,
    Estoy haciendo un trabajo universitario acerca de Cuadernia y me está resultando bastante interesante. Lo estoy intentando hacer bien, sólo me queda la parte de aplicación de Cuadernia a una situación escolar concreta (creo que tengo que programar la sesión)Ya os diré.
    Esta página me ha servido como referencia para hacer el trabajo.
    Desde luego, como futuro docecente lo voy a usar y mucho porque me ofrece muchísimas más posibilidades que las típicas clases.

  35. 35
    profrel:

    Soy una enseñante que te escribe de Italia.
    Tengo conocido cuadernia el año pasado y he empezado a construir libros digitales que utilizar con los mei a alumnos. ¿Cómo puedo insertar esta actividad en mi blog? ¿o bien, como puedo insertarle en una página web que me construyo con altervista?
    espero que la traducción sea decente
    Hola Jesus e molte grazie
    Carmela

  36. 36
    admin:

    Hola Carmela.

    He visto que tu blog es de Blogger. Para insertar tu actividad en el blog tienes que editar un artículo nuevo, o el artículo donde quieras incluir la actividad. Eliges la pestaña “Edición en HTML” y pegas el código del iframe donde haces referencia al sitio de Internet donde tienes alojada la actividad:

    < iframe src="DIRECCION DE INTERNET DONDE TIENES ALOJADA LA ACTIVIDAD" width="650" height="400" frameborder="0"> < /iframe>.
    (Cuidado los comandos tienen que ir pegados a los caracteres <, pero si los junto no puedes ver el código así que yo los he separado).

  37. 37
    Carlos:

    Hola. Tengo un problema y es que estoy haciendo unos cuadernos con hipervínculos. Cuando exporto para poder llevarlos a otro pc, descomprimo, ejecuto index y veo el cuaderno sin problemas pero los hipervínculos no funcionan. Si alguien tiene solución lo agradecería pues me urge mucho. Gracias

  38. 38
    admin:

    Hola Carlos.

    Quizás hayas escrito en la caja de texto del hipervínculo la URL completa con el encabezado “http://” Este es un error muy común que solemos cometer al empezar a utilizar Cuadernia. Si este es el problema basta con eliminar ese encabezado para que te funcione el enlace, date cuenta que ese texto aparece como etiqueta de la caja de texto donde insertar la URL del enlace.

  39. 39
    Antonio:

    Espero que me ayudeis con el problema que tengo. Utilizo window vista y internet explore 7. He instalado la nueva versión de cuadernia. Al principio me salio un error de puerto 8080. He cambiado de puerto varias veces,pero ahora me manda al buscar de yahoo diciendo que esa localización no existe (la de cuadernia.

  40. 40
    admin:

    Hola Antonio. El año pasado algunas personas me notificaron este error, creo que intentamos solucionarlo desinstalando Cuadernia, instalando la última versión y en algunos casos funcionó pero en otros no lo hizo. Así que te aconsejo que pruebes con esta operación para ver si eres de los afortunados.

  41. 41
    María Cruz Goyes:

    Hice un proyecto en cuadernia y necesito incluirlo en exelearning, podrían ayudarme? He intentado varias cosas y no resulta.

  42. 42
    admin:

    Hola María, en un proyecto de exeleaning e incluido el siguiente código de una actividad del Tinglado y funciona:

    < p align="center">
    < iframe src="http://www.tinglado.net/tic/jesus/cuaderno_lucanor/jesus.htm" class="marco2" frameborder="0" height="410" width="650">
    < /p>

    Estando en exeLearning eliges un iDevice del tipo “Texto Libre” en él seleccionas el botón HTML e incluyes el código anterior con la URL donde tienes el cuaderno realizado con Cuadernia. Recuerda juntar los caracteres < a los comandos HTML para que no te de error.

  43. 43
    JACKELINE:

    Hola creadores de cuadernia esta herramienta es superinteresante, ya le he ejecutado en algunos computadores, pero tengo problemas para instalarlo en windows vista home, cuando finaliza la instalacion aparece un mensaje que dice que hay un error en la configuracion del servidor apache. Intente iniciar el servidor desde el icono que esta en la parte inferior derecha pero no arranca siempre aparece detenido, y no esta activa la opcion del maqueteador, ¿que puedo hacer? agradezco su colaboracion.

  44. 44
    cori:

    hola. Alguien me puede ayudar? He ejecutado cuadernia en mi PC y todo parece correcto pero cuando trato de crear algun trabajo, aparece un mensaje que anuncia “error al abrir cuaderno”, los botones funcionan bien pero en el cuadro en el que deberian abrir los archivos para organizar lo nuevo aparece un circulo de espera dando vueltas y nunca para y tampoco abre los archivos. ¿que debno hacer? veo que Uds. todos tienen exito, menos yo y estoy muy emocionada por usar este excelente recurso en mis clases. Agradezco enormemente que alguien me ayude.

  45. 45
    ketones:

    Great post, I believe blog owners should larn a lot from this blog its really user pleasant. So much excellent information on here :D.

  46. 46
    Bertha Wyne:

    I finally decided to respond on one of your posts..Really excellent website you have here!

Leave a Reply