...
| UI Tabs |
|---|
| UI Tab |
|---|
| title | Crear y exportar Lumi |
|---|
|
| UI Steps |
|---|
| UI Step |
|---|
En primer lugar, descargamos la aplicación desde el siguiente enlace: https://app.lumi.education/. Una vez hemos descargado e instalado el programa, al abrirlo, nos aparece la siguiente ventana: 
Debemos elegir la opción "H5P Editor", como se muestra en la imagen. |
| UI Step |
|---|
A continuación, se nos muestra la siguiente ventana donde debemos escoger la plantilla que más se adapte a nuestras necesidades. 
|
| UI Step |
|---|
Tras haber completado el ejercicio en el editor, procederemos a exportarlo en HTML, pulsando sobre [File>Export] situado en la esquina superior izquierda de la pantalla. 
Se nos mostrará la siguiente ventana: 
Dejamos todos los valores por defecto, simplemente pulsamos "export now". |
|
|
| UI Tab |
|---|
| title | Eliminar barra lateral |
|---|
| El fichero HTML que hemos generado en el paso anterior, tiene un fallo con PoliformaT. Este fallo consiste en que, por defecto al compartir nuestro LUMI en el apartado de lessons, se genera una barra lateral y mucho espacio en blanco hacia abajo, independientemente de si es necesario o no. La forma de eliminar este fallo es corregir una línea del código HTML del LUMI. Para realizar esta tarea, abriremos el archivo HTML con un editor de texto, como pueden ser: Notepad++, Sublime text, Visual studio, Vim, Atom, Ultra edit... En este ejemplo, hemos utilizado Sublime text. | UI Steps |
|---|
| UI Step |
|---|
Al abrir el archivo HTML, se nos muestra un código como el siguiente:  Image Added Hacemos scrollhacia abajo, hasta llegar al final del código.
|
| UI Step |
|---|
Donde pone "margin: 20px 20px;" debemos cambiar los dos veintes, que se muestran en la imagen con un recuadro rojo, por ceros, de manera que ponga "margin: 0px 0px".  Image Added
|
| UI Step |
|---|
Guardamos esta versión del HTML y una vez realizada esta corrección de código, ya podremos compartir nuestro Lumi en Lessons con normalidad, como se muestra en el siguiente apartado. |
|
|
| UI Tab |
|---|
| title | Compartir Lumi en Lessons |
|---|
|
|
|
...
