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



Moodle: solucionando el scroll de la muerte





 Moodle es un sistema de gestión educativa de indudable valor, gratuito y muy potente. Sin embargo, en ocasiones ocurre que, aprovechando las opciones por defecto, se crean cursos que por su formato pueden hacerse pesados, tanto de gestionar como de navegar. No es casual que esto ocurra de forma natural: la potencia de Moodle está ligada a una curva de aprendizaje que, en ocasiones, se obvia por comodidad, y eso conlleva a una creación rápida de cursos no teniendo en cuenta la escalabilidad.

 El resultado es un formato de curso dividido en largas y múltiples secciones sobrecargadas de actividades y recursos que se muestran de golpe y que requieren de un tiempo considerable para cargarse, no una vez, sino en repetidas ocasiones en función de la interacción con el sistema. A esto se le denomina en inglés Moodle’s Scroll of Death, o el scroll de la muerte.

 El efecto negativo de esta carga innecesaria se acentúa cuando se hace uso de previsualizaciones a través de elementos incrustados en etiquetas. Los vídeos de Youtube, las aplicaciones Flash o incluso documentos de Google encajados de esa manera incrementan aún más el tiempo de carga, y promueven además el incómodo y característico baile de posiciones que obliga a una recolocación constante de los elementos visuales hasta que se acaba de cargar la página. En ocasiones esto provoca navegaciones indeseadas al cliquear sobre un elemento que, al desplazarse durante la carga, es substituido por otro, llevándonos a un recurso que no deseábamos.

 Un diseño de curso adecuado no sólo facilitará la navegación, la usabilidad, y el engagement, también permitirá el acceso a través de dispositivos móviles, un aspecto clave en el futuro de la educación.


 Estrategias organizativas


 La agrupación, ocultación, condicionalidad, información y codificación son varios enfoques que pueden utilizarse por separado o combinados.


 1.Agrupación:


 Agrupar elementos en función de su naturaleza dentro de contenedores de Moodle es un modo limpio y rápido de organizar el curso. 

 Entre los contenedores se encuentran:



 a.Páginas: es el elemento más simple, y permite incluir todo tipo de elementos multimedia, incluso a través de incrustación por HTML. 

 b.Libros: es un conjunto de páginas organizadas en una estructura de libro. Son útiles porque añaden una organización semántica a las páginas que se basa en capítulos y secciones.

 c.Lecciones: uno de los elementos más versátiles y potentes de Moodle. Combina páginas de contenidos y páginas de evaluación, dentro de una navegación flexible que permite enlazar los nodos de casi cualquier manera, tanto para navegación voluntaria como condicional. Las lecciones también pueden enlazarse entre ellas.

 d.Carpetas: es un contenedor de ficheros, muy útil para materiales complementarios, como documentos pdf o ficheros multimedia.

 Los recursos anteriores utilizan el editor de texto de Moodle, que da opción a añadir elementos multimedia e incrustar otros externos (opción embed que proporcionan muchas páginas, como YouTube). La ventaja de usar el editor de Moodle es que la adaptación de la interfaz a entornos móviles a través del navegador es automática, no teniendo el alumno que instalar otro tipo de software.

 Esa misma estrategia puede usarse con los propios recursos y actividades de Moodle, los cuales pueden ser referenciados directamente a través de su URL. Esto es, puede incluirse el enlace a cualquier elemento de Moodle pegando en el editor de texto su enlace directo:




 2.Ocultación:


 La información que se oculta no ocupa lugar. Moodle ofrece varias maneras para hacerlo:


a.Secciones ocultas: éstas se configuran desde las opciones del propio curso. Las secciones se ocultan (o alternativamente se colapsan), y se muestra una única sección por página.



 b.Secciones huérfanas: éstas se crean reduciendo el número de secciones visibles en el curso. Por ejemplo, se crean 10 iniciales, se pueblan y después se reconfiguran a 8, quedando las 2 últimas ocultas. Éstas pueden accederse a través de su enlace directo (aunque no aparecerán en el bloque de índice de curso). 



Esta técnica puede complementarse creándose un menú gráfico inicial (similar a los menús de DVD) en la cabecera del curso, que apunte a las secciones ocultas. El método es sencillo, ya que sólo tiene que crearse una etiqueta, y dentro de ésta una tabla con imágenes en cada celda, añadiendo los correspondientes enlaces a las imágenes. 

 Opcionalmente también pueden utilizarse mapas de imagen, en donde mediante HTML se indican los vínculos a los que se debe navegar al cliquear en determinadas zonas de una única imagen (existen herramientas para diseñar estos mapas de forma fácil, como http://imagemap-generator.dariodomi.de/). El código HTML generado tendrá que incluirse en el editor a través del botón (<>). En la siguiente página puede verse un tutorial completo acerca de cómo crear atractivos mapas de menú (traducido del inglés con tecnología Google, https://goo.gl/4bcOZq).




 3.Condicionalidad:


 La activación condicional (acceso restringido con ocultación) es otra de las grandes opciones de Moodle, que además permite ocultar los elementos no activados. Normalmente se utiliza a modo de línea temporal, esto es, activando los siguientes ítems a medida que se completan los anteriores. 



 Pero hay un modo complementario de configuración que permite mostrar lo que llega, y ocultar lo que ha pasado. Esto se consigue a través de la misma opción, y lograremos mostrar sólo 2 elementos del total contenidos en la sección: supongamos 3 elementos a mostrar X, Y y Z, de tal manera que Y se muestra al completar X, y Z al completar Y (configuración hacia delante). Para ocultar lo que ya ha pasado, en las opciones de acceso restringido de X incluiremos además: mostrar X mientras Y no esté completado, y mostrar Y mientras Z no esté completado. Este tipo de configuración “hacia atrás” se realiza cuando se tienen creadas todas las actividades/recursos, mientras que la configuración “hacia delante” puede hacerse a medida que se va creando el curso. Para este ejemplo el orden de aparición será, (X), (X, Y), (Y, Z).



 La lógica es siempre la misma, tal y como se aprecia en el ejemplo: la actividad anterior debe estar marcada como completada, y la siguiente no debe estarlo.

 Es interesante recalcar, que esta técnica de acceso restringido permite crear líneas instruccionales arbóreas o incluso de red (tipo grafo), basadas en la interacción del alumno con el sistema. Para ello sólo hay que diseñar el árbol y sus nodos, y configurar apropiadamente los accesos mediante Moodle. Así, en función de los resultados obtenidos en cada interacción, el alumno será conducido por una rama u otra, siempre adaptándose a sus capacidades en tiempo real.

 4.Información:


 Dentro del curso pueden activarse diferentes bloques con información condensada del curso, actividades, últimos mensajes, actividad reciente. Estos bloques permiten acceder rápidamente a los recursos del curso sin necesidad de repasar visualmente toda la página del curso (a modo de contenedores de enlaces). Es importante colocarlos en la parte superior de la pantalla para un acceso más rápido.




 5.Codificación:


 Para todos aquellos con unos conocimientos básicos de HTML y javascript, puede integrarse este código dentro de etiquetas o bloques HTML, y es extremadamente versátil para manipular elementos.

 Por ejemplo, supongamos que se quiere mostrar un mensaje de bienvenida una única vez al entrar al curso (de tal forma que no aparezca el mismo título una y otra vez, y se libere espacio), algo tan sencillo como crear una etiqueta en cualquier parte del curso e incluir este código:

 <script>
if(localStorage.getItem("saludo")==null) {
   alert("Bienvenid@ al curso!");
   localStorage.setItem("saludo","hecho");
}
</script>

 Este sencillo ejemplo muestra el potencial de integrar Javascript en Moodle, pero no ha de pasarse por alto que estrategias como ésta, en donde se utilizan Cookies, no están sincronizadas con la base de datos de Moodle. Otros ejemplos de uso pueden ser: establecer un cronómetro de tiempo máximo en una página (sin navegación), hacer aparecer elementos gráficos aleatorios (gamificación), recordatorios visuales, actividades complementarias con enlaces externos, etc.

 También puede modificarse el código original de Moodle, o alterar las plantillas, de tal manera que adaptemos el formato visual a nuestras necesidades.



 Otras consideraciones


 Moodle da opción a activar la compatibilidad con dispositivo móvil, reorganizando los bloques y contenidos para que encajen adecuadamente. Esto tendría que estar activado siempre, ya que el uso de móviles es cada vez mayor. Por tanto, es interesante chequear el aspecto del curso tanto desde ordenador como desde móvil y táblet. Generalmente para estos últimos dispositivos los bloques del curso (navegación, perfil, foros…) se muestran uno detrás del otro, y un exceso podría hacer la navegación tediosa. Menos es más.


 Otro aspecto a chequear es el de los elementos incrustados. Primero, por encaje gráfico. Determinados recursos pueden quedar desaprovechados al perder partes de visualización o al redimensionarse mal, por eso es preferible incluir un enlace que los abra en una ventana nueva en donde puedan organizarse por sí mismos (p.ej, un Google Doc). En segundo lugar, por compatibilidad (Chrome ya no ejecuta Flash, o puede haber problemas con Java).

 Finalmente, es importante hacer un diseño previo del curso con la escalabilidad en mente. Si van a usarse enfoques de aprendizaje adaptativo la complejidad puede ser importante a priori. Para no perderse en la configuración puede diseñarse un organigrama previo (de enfoque algorítmico) en donde se incluyan las tareas (cajas de texto) y el flujo entre ellas (flechas). Estos gráficos se construyen fácilmente usando herramientas como https://www.draw.io/.

 En mi laboratorio personal (https://andonisanz.gnomio.com/) puede encontrarse un curso que aplica estos principios de agrupación y ocultación de la información (además de técnicas de gamificación, que es para lo que originalmente fue creado).



 Feliz Moodle-eo.


¡Compártelo!

9 comentarios:

Juan Carlos Palomino Quijorna

Muy buena entrada.
¿Podríamos ver el curso o está cerrado?

Andoni Sanz

Puedes registrarte tú mismo y verlo.

Martín García Valle

Andoni! amigo mio.. excelente entrada... a tener en cuenta.. gracias por compartir, será muy útil. Un fuerte abrazo.

marisol

Muy interesante y práctico.Gracias por compartir.

Noita

Excelente aporte! ...yo me registre en el.curso pero me pide codigo de matrícula :(

E&P Sarea

E&P Sarea

Andoni Sanz

Noita,

Si entras en andonisanz.gnomio.com tienes que crearte un usuario. Después vete al curso "Gamification with Haidei" y pincha en el botón de "autoenroll" o autoregistro.

Acabo de comprobarlo, por si acaso, y funciona bien.

Un saludo.

Irlanda Alvarez

Muy bueno.

Publicar un comentario en la entrada

La nube

"Google Apps" #5añosenlanube #eltpics #guappis 123D catch 360º 3D 5añosenlanube ABL about.me accesibilidad acortador acortar direccion actitud ActiveTextBook actividades activismo social aditzak agrupar direcciones web AICLE aleatorio alertas almacenamiento alumnado analisis análisis anatomía Anatronica android angry birds animación animación a la lectura animoto APA aplicaciones App app colaborativo App musical appletv apps aprender archivos_pesados ARcrowd arduino arte astronomia atlas anatómico humano aTube Catcher Audacity audio audio audacity tutorial audiolibro audiovisuales augment aula aula de ciencias Aumentaty Aurasma Autodesk AVATAR ayudas azar 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 Cardboard celtx chatbot Chatter Pix Chibimachine chrome chrome OS chromebook chromecast chromium OS citación clase al revés clasificar class dojo classroom cloud código códigos QR coggle colaborar colaborativo colecciones color comic cómics compartir compartir archivos competencias complementos comunidad 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 corubrics corubrics CoRubrics creative commons creatividad CSS cuaderno de notas cuaderno profesor cuentos Cuerpo humano cuestionarios Cuña curación de contenidos datos delicious derechos de autor dermandar descargar 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 documentos 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 Educación Primaria educaplay eduClipper efectos en imágenes eje temporal ejercicios ejes cronológicos El País electronica elementos ELT email embeber emuladores de discos encuestas Enigma Enigma virtualbox enlaces epsarea epub escenas escribir escritorio escritura escritura manual ESO ESO; ABP esquemas esquinas estadística estante Estoig Digital estrategias de enseñanza estudio etiqueta etiquetas eTwinning euskera evaluación eventos evernote examenes examtime excel exelearning Experiencias extensiones ezcast facebook favicon feed Firefox firewall firma firma digital física flash Flickr flipbook flipped flipped classroom flippity flubaroo fondo fondos ForgetBox Formación format factory formpublisher forms formulario fotografías fotor freeware ftp fuentes fumetti gadget GAFE galería de imágenes gamificacion gamificación garabatos geacron generadores Generadores de actividades Genially geogebra geolocalización gestion de aula gestión del tiempo gestión docente gifs animados GIMP Glogster gmail gmath 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 gráficos gratis gratuito Gravit GROOVESHARK grouply Haiku Deck hang out hashtag hello sign hermanamientos europeos herramienta 2.0 herramienta20 herramientas herramientas automáticas herramientas para hacer presentaciones online historia historias Historypin hoja de cálculo HTML html5 iAnnotate iconos ideas idiomas iDoceo ikaskidetza Imagen imagen panorámica imágenes imagenes 360 imágenes vectoriales images Images Actives imaginación iMotion impresión Impresión en línea 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 juego juegos jugar jumpchat junaio kahoot karaoke musica kidblog kit universal labolsavirtual Layar lector lectura leer más tarde legibilidad lego Lego lengua lenguaje visual lenguas extranjeras letras léxico LibreOffice libro libro electrónico libros libros interactivos licencias likebox lineas de tiempo linkedin Linux lista listas de reproducción literatura LiveBinders lluvía de ideas logos Lucidpress magicscroll maker 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 Matemáticas materiales menú metaio metta mezcla de audio microblogging mind42 mindflash Mindmeister Mindomo mirroring mlearning mobiletest MOOC Moodle Moovly movil móvil mozilla MP3 multimedia Multimedia: Vídeo multisistema mural murales muro colaborativo Music Timeline música MusicAll My Maps Naptha narración digital navegación anónima navegador navidad notas notebook Notegraphy Notes Plus novedades nube nubes de palabras OCR oddcast office online open badges Open Sankoré open source operaciones oralidad orden Organización de la Información padlet padres página palillos pantalla PDF PDI pensamiento computacional perfil periódico periodismo pestaña photopeach photopin photoshop photoshop express picasa Pinterest pixenate pixlr plagios planetario plantilla plantillas plataforma PLE Plickers Pocket podcast poesía popplet popularidad portable Portables portafolios portal post-its post.as posts powerpoint PPT preguntas premios prensa present.me presentaciones prezi primaria Prisma Privacidad procesador de texto profesorado Programa programación pronunciación proprofs protanope protección prototipos proxy proyecto colaborativo proyectos proyectos europeos publicación publicaciones publicar contenido puzzles qr qrhacker questionform Quickscreenshare quimica química quizbox quizz RA radio ranking Readability reader readium Realidad Aumentada Realidad Virtual reconocimiento facial recurso colaborativo recurso didáctico recursos recursos digitales recursos online recuva Redes Educativas Redes Sociales redimensionar redondear Reeder regalos relajación repositorio respuestas retoque digital revistas digitales rifas robotica Robótica róbotica rotar roundpic rowcall RSS rúbricas scanner scratch screen screencastify screencastomatic secuencia de comandos google secundaria seguridad seo servidor sexting símbolos simo simulación simulador sincronización sistema de información científica sistema de respuesta Sketchfab Sketchup SKYPE slide slide.ly Slidemypics SlideTalk smart smartphone software Software Libre Sonic Notify sonido sorteos SoundCloud spreaker STEM stepmap stop motion Storify subtítulos SVG SWF sync tabla tablet tackk talk it talleres Talleres 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 tipografía tipografias tiro parabólico Tolosa toondoo trabajos colaborativos traductor transferencia tritanope trivial trivial educativo trivial online truco TTS tutorial TV Twitter twitterfeed typeform umapper unfollowersme unidades Unitag URL USB usuarios vacaciones valores vcard verbos video vídeo videoconferencias videojuegos Videotutorial vimeo viper Virtualbox Virtualización visibilidad Visible Tweets visualizar visualthinking vlc VOKI voz wallwisher wav web web 2.0 webcam 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