Si quieres ser colaborador en este blog colectivo dedicado a pequeñas rutinas

que nos puedan facilitar las tareas con las aplicaciones en la nube (o en
tierra) envía un email con tu dirección de correo electrónico a

enlanubetic@gmail.com



Usar eXeLearning en un blog con ayuda de Google Drive

La idea de publicar este post es que hace unos días y durante un curso de la herramienta eXeLearning surgio la duda de como incluir material realizado en HTML en un blog. Lo importante es que lo que a continuación voy a contaros, no solo se aplica a contenido en formato páginas web, sino a cualquier archivo que querais publicar. Comenzamos ...

eXeLearning es un programa tipo open source que permite al profesorado la creación de contenidos didácticos en HTML y otros formatos.
Hasta hace poco la forma de utilizar un material creado con eXeLearning en un blog era a través de la carpeta pública del servicio de alojamiento Dropbox.

Pero esto ya no es posible ya que Dropbox cambio en agosto del año pasado la política de compartir archivos y como resultado, las nuevas cuentas creadas no disponen de carpeta pública ni de la posibilidad de obtener un "enlace público" a un archivo situado en ella.

Investigando cómo podría hacer la inclusión del material creado con eXeLearning en un blog, pedí ayuda a dos grandes de la Red, JoxeMi Andonegi (@jmandonegi - ULHI), y Aitor Uranga (@aitoruranga - Nazaret)  que me facilitaron  la solución y hoy la comparto con todos/as vosotros/as.
No es tan fácil como con Dropbox, pero tampoco es excesivamente complicado: vamos a utilizar GOOGLE DRIVE.

Los pasos que debemos dar son los siguientes:
  1. Entras en GOOGLE DRIVE con tu cuenta de usuario
  2. Creas una carpeta (por ejemplo, exelearning)
  3. Vas a compartir, donde le das permisos de "Público en la Web: cualquier usuario de Internet puede encontrar los elementos y consultarlos" (1 opción)
  4. Copias el enlace que te da: https://docs.google.com/folder/d/0B46f_tayMyKyUkJ3QllyaWItdmc/edit?usp=sharing
  5. Obtienes el código que identifica tu material: es esa línea larga de números y letras que tienes entre las dos barras (/xxxxxxxxxxxxx/). En este caso: 0B46f_tayMyKyUkJ3QllyaWItdmc
  6. Subes a esa carpeta de GOOGLE DRIVE, los archivos que contiene el material creado con eXeLearning (cuidado que no te los convierta, desactiva esa opción y que los suba tal y como están)
  7. Creas "a pelo" una URL que tenga la siguiente forma: https://www.googledrive.com/host/CODIGO/archivo
  8. En el ejemplo que estamos haciendo nos quedaría: https://www.googledrive.com/host/0B46f_tayMyKyUkJ3QllyaWItdmc/index.html
  9. De esta forma, obtienes una URL, denominada webViewLink, que puedes utilizar en cualquier BLOG.
Gracias JoxeMi y Aitor !!!

¡Compártelo!

20 comentarios:

Antonio Monje Fernández

Es genial, me encanta el artículo y las posibilidades.
Soñando, soñando, qué bien estaría que eXeLearning.net lo hiciese automáticamente comunicándose con la API de Drive...!!!

Pedro

Gracias Mertxe, lo he conseguido.

Miguel Miní Olivera

Hola ¿Han probado alojar el contenido en Google Sites?

Pedro Márquez Gallardo

Mertxe, mis felicitaciones por el artículo, pero una pregunta, ya que no manejo EXELEARNING. ¿El procedimiento que describes es válido para cualquier página web escrita en html? Es que la última parte es más sencilla si simplemente haces lo que viene en este enlace.
https://googledrive.com/host/0B716ywBKT84AMXBENXlnYmJISlE/GoogleDriveHosting.html

Alejandro Valero

Según se avisa en el Centro de ayuda de Dropbox, las cuentas posteriores al 4 de octubre de 2012 no incluyen la carpeta Public, pero se puede crear esa carpeta enlazando a esta página que nos la crea.

Alejandro Valero

Para completar mi comentario anterior con los enlaces.

La página del Centro de ayuda de Dropbox es: https://www.dropbox.com/help/16/en

Y la página donde se crea la carpeta Public es: https://www.dropbox.com/enable_public_folder

Mário Serra

Ola Mertxe.
Alguma coisa me saiu errada.
pasta compartilhado
https://docs.google.com/folder/d/0BwyCmsIOoFaPeGFwd0VydWFSWjA/edit?usp=sharing

link para o index.html
https://www.googledrive.com/host/0BwyCmsIOoFaPeGFwd0VydWFSWjA/index.html

Não consigo publicar.
Gracias por la ayuda.

Elena

Hola Mertxe y Alejandro, muchísimas gracias a los dos. He creado una carpeta Public en Dropbox, su falta me estaba creando situaciones de duplicar el trabajo y perder mucho tiempo en buscar soluciones para colocar archivos en una wiki.
Un saludo.

Conchi Villar

Muchas gracias por compartir vuestra experiencia, llevaba unos días dandole vueltas al tema.
GRACIAS
Conchi Villar

Valeria Scutiero

Hola!
Quería preguntarte cómo y dónde se crea la URL en google drive (ya subí el archivo zip).
Gracias, Valeria

Mertxe J. Badiola

Kaixo, ante todo dispculpas a todos por el retraso en contestar:

- Mario, tu problema es que google drive te ha convertido el archivo index.html al subirlo. Vuelvelo a subir y desactiva la conversión. Con eso el tema estara solucionado.

- Pedro, el procedimiento vale para cualquier cosa. Incluso una sencilla foto (comprobado).

- Alejandro, gracias por tu contribución de Dropbox, esta buscandola pero no daba con ella.

- Valeria, no tienes que subir el archivo zip, sino la carpeta que resulta de exportar a formato web el trabajo que has realizado con ex-elearning. No estamos hablando de material en formato SCORM sino en HTML.

Un saludo a todos y gracias por contribuir a este txoko.!!!

Mertxe.

Mertxe J. Badiola

Y Antonio, a ver para cuando esa API!!!. Publica un aviuso cuando lo consigais hacer. Gracias al CEDEC y al equipo de la Forja de eXeLearning por el gran trabajo que realizan!

Mertxe.

Juan Rafael Fernández

En clase de la optativa de Informática de Cuarto de ESO hemos intentado usar la chuleta, y hemos descubierto que el cambio de google docs a google drive ha hecho que sea necesario cambiar algunos detalles. Nuestro alumno Rezki Budiman, de 17 años, ha creado un estupendo vídeo-tutorial sobre el proceso https://www.youtube.com/watch?v=8gpFxv-ylnE

Mª Amparo García Sánchez

Gracias por esta información.
Sabes si hay alguna versión de exelearning para tablet (android 4.0)?

Luis Francisco Lenis

Gracias, por la información acerca de las personas que te brindaron la mano.
Hay dos preguntas sin contesta:
1.- "Quería preguntarte cómo y dónde se crea la URL en google drive (ya subí el archivo zip)"
Aquí quedé en ayunas.
2.- "Sabes si hay alguna versión de exelearning para tablet (android 4.0)?
De nuevo mis reconocimientos.

Monica TISSONE

Hola!! Estoy intentando publicar en mi blog la produccion en exe pero no puedo encontrar el código correcto y me aparece error.
El link que me genera en google drive es https://drive.google.com/folderview?id=0BwmmaDl1te0gdm9Tc3pnWTdLRWM&usp=sharing
Revise el tema d ela conversión pero no me doy cuenta si lo cambió al subirlo.
Gracias por la ayuda!!
Mónica

Nadia Rodriguez

Hola!! buscando como insertar un exelearning con dropbox me encontré con este blog, actualmente es posible habilitar una carpeta pública en dropbox, ya la estoy utilizando para subir jclics y hotpotatoes, es cuestión de que ya una vez que tengas tu cuenta de dropbox vayas a este sitio de ayuda https://www.dropbox.com/help/16/es y en la parte de abajo hay un link para hacer una carpeta public. Lo demás en exelearning es exportar el proyecto como página web y compartir el enlace de la página html creada y anexarla a tu blogger y listo!

Julia Zapata Carpintero

¡ Hola ! En un exelearning tengo el siguiente enlace http://jmora7.com/Arte/arte.htm , cuando convierto el exelearning al blog según tus indicaciones todo funciona menos este enlace. ¿Por qué? ¿Tiene que ver con que el enlace empiece por http: y el blog por https:? ¿Hay solución?

Pau Córdoba

Hola Julia! Es posible que sea un problema de seguridad enter HTTPS y HTTP como tu misma comentas. Si es el caso, échale un vistazo a esta entrada donde explicamos la solución.

luis machado

Esta muy bien.

Pero lo he intentado por todos los caminos que proponéis y no consigo nada.

Sinceramente Exelerning mucho trabajo y pocos resultados.

Publicar un comentario en la entrada

La nube

"Google Apps" #eltpics #guappis 123D catch 360º 3D about.me accesibilidad acortador acortar direccion actitud ActiveTextBook actividades activismo social aditzak agrupar direcciones web AICLE alertas almacenamiento alumnado analisis anatomía Anatronica android angry birds animación animación a la lectura animoto análisis APA aplicaciones App app colaborativo aprender archivos_pesados ARcrowd arduino astronomia aTube Catcher Audacity audio audio audacity tutorial audiolibro audiovisuales augment aula aula de ciencias Aumentaty Aurasma Autodesk AVATAR ayudas bachillerato backchannel backup badges barcode scanner base de datos bases de datos bContext bibliografía bilingüismo Biodigital Biografía biología bitacoras bitly Blackberry blendspace Blog blogger blogvio Bloomfits bloxp Blubbr bluetooth brainstorming brillo Buscador búsqueda búsquedas avanzadas cacoo Calaméo calendario canva capturador celtx Chibimachine chrome citación clasificar class dojo classroom cloud coggle colaborar colaborativo colecciones color compartir compartir archivos competencias complementos comunidades de aprendizaje concentración concurso conducta connected classrooms construir contenidos Contenidos Digitales content curator contraseña contraste controlRemoto conversor audio convertidor de música Convertidor de videos convertir documentos Convertir formatos Cooliris Express copia de seguridad correo electrónico Cortafuegos creative commons creatividad CSS cuaderno de notas cuaderno profesor cuentos Cuerpo humano cuestionarios curación de contenidos Cuña código códigos QR cómics datos delicious derechos de autor dermandar descargas desktop deuteranope dia 0.97.2 diagramas diapositivas dibujo vectorial diccionarios dickens dictados didáctica difundir Diigo dipity diplomas diseño diseño gráfico diseños dispositivos móviles divertimento dnoise docente.me docentes doctopus donostia qr dotdotdot dotepub dotsub drive drivers droid dropbox ebook ebook glue economía EdAS edcanvas edición edilim editor de imágenes edmodo Edpuzzle Educación educación especial educaplay eduClipper efectos en imágenes eje temporal ejercicios ejes cronológicos El País electronica ELT email embeber emuladores de discos encuestas Enigma Enigma virtualbox enlaces epub escenas escribir escritorio escritura escritura manual ESO esquemas esquinas estadística estante Estoig Digital estrategias de enseñanza estudio etiquetas eTwinning euskera evaluación eventos evernote examenes examtime excel exelearning extensiones facebook favicon feed Firefox firewall firma firma digital flash Flickr flipbook flipped classroom fondo fondos ForgetBox Formación format factory formulario fotografías fotor freeware ftp fuentes fumetti física gadget GAFE galería de imágenes gamificacion geacron generadores Generadores de actividades geogebra geolocalización gestion de aula gestión del tiempo gestión docente GIMP Glogster gmail goggles goodrae google google + google apps google apps script google art google classroom Google Cloud Connet google docs google drive google keep Google Maps Google Play Music google sites googlemaps goteo GPS gratis GROOVESHARK grouply gráficos Haiku Deck hang out hello sign hermanamientos europeos herramienta 2.0 herramienta20 herramientas herramientas automáticas historia historias Historypin hoja de cálculo HTML html5 iAnnotate iconos ideas idiomas iDoceo ikaskidetza Imagen imagen panorámica images Images Actives imaginación iMotion Impresión en línea imágenes imágenes vectoriales in3Dgallery inclusión infantil infografía Inforgr.am informacion inglés Inkscape insertación insignias Instagram instalación Insync INTEF interactivo intercambio educativo interfaces internet intranet investigación iOS Ipad iTunes iVoox jigsawplanet Jingle joomag JotForm juegos jugar jumpchat junaio kahoot karaoke musica kidblog labolsavirtual Layar lector lectura leer más tarde legibilidad Lego lengua lenguaje visual lenguas extranjeras letras LibreOffice libro libro electrónico libros libros interactivos licencias likebox lineas de tiempo linkedin Linux lista listas de reproducción LiveBinders lluvía de ideas logos Lucidpress léxico magicscroll Makewaves Manual mapas mapas conceptuales mapas de flujo mapas de sitio mapas mentales mapear Maps Engine Lite maquetación marcador social Marcadores Sociales marketing matematicas Matemáticas materiales metaio metta mezcla de audio microblogging mind42 mindflash Mindmeister Mindomo mlearning mobiletest MOOC Moodle Moovly movil mozilla MP3 multimedia Multimedia: Vídeo multisistema mural murales Music Timeline My Maps móvil música Naptha narración digital navegación anónima navegador navidad notas notebook Notes Plus novedades nube nubes de palabras OCR oddcast online open badges Open Sankoré open source operaciones oralidad orden Organización de la Información padres palillos pantalla PDF PDI pensamiento computacional perfil periodismo periódico photopeach photopin photoshop photoshop express picasa Pinterest pixenate pixlr plagios planetario plantilla plantillas plataforma PLE Pocket podcast popplet popularidad portable Portables portafolios portal post-its posts powerpoint PPT preguntas premios prensa present.me presentaciones prezi primaria Privacidad procesador de texto profesorado Programa programación pronunciación proprofs protanope protección prototipos proxy proyecto colaborativo proyectos proyectos europeos publicaciones publicación publicar contenido puzzles qr qrhacker questionform Quickscreenshare quimica quizbox quizz química radio ranking Readability reader readium Realidad Aumentada reconocimiento facial recurso didáctico recursos recursos digitales Redes Educativas Redes Sociales redimensionar redondear Reeder regalos relajación repositorio respuestas retoque digital revistas digitales robotica rotar roundpic RSS rúbricas scanner scratch screen screencastify screencastomatic secuencia de comandos google secundaria seguridad seo servidor simo simulación simulador sincronización sistema de información científica sistema de respuesta Sketchup SKYPE slide.ly Slidemypics SlideTalk smart smartphone software Software Libre Sonic Notify sonido SoundCloud spreaker stop motion Storify subtítulos SVG SWF sync símbolos tabla tablet tackk talk it tamaño tamborrada teachem Teamviewer tecnología TED templates test testeando text to speech texto thatquiz the noun project TIC tickets tightvnc time lapse timeline timerime Timetable Web tipografias tipografía tiro parabólico Tolosa toondoo trabajos colaborativos traductor transferencia tritanope trivial truco TTS tutorial TV Twitter twitterfeed typeform umapper unfollowersme unidades Unitag URL USB usuarios vacaciones valores vcard verbos video videoconferencias videojuegos Videotutorial vimeo viper Virtualbox Virtualización visibilidad Visible Tweets visualizar vlc VOKI voz vídeo wallwisher wav web web 2.0 Weebly wetranfer widget wire frames word wordle wordlens wordpress WorldTV Youtube
 
En la nube TIC Copyright © 2011 | Tema diseñado por: compartidisimo | Con la tecnología de: Blogger