Un programa deFran Macías
¿Qué es EdiLIM?Es el editor para crear…LibrosInteractivosMultimedia
¿Qué es EdiLIM?Es el editor para crear…LIM
Es un programa compatible conWindowsLinux
El resultado final esUna página web (html)con tecnología Flash
¡Vamos con ello!Primero descargamos el programa desdewww.educalim.comDescomprimimos el zip y encontramosun ejecutable que ...
Empezamos un LIM nuevo
Creamos una carpeta para nuestro LIM
Seleccionamos esa carpeta en el apartadode “Directorio de recursos”
Seleccionamos esa carpeta en el apartadode “Directorio de recursos”Y ponemos un nombre a nuestro LIM
Metemos los recursos en elalmacén de recursos
jpg pnggifmp3swf flvtxthtmlLos buscamosdesde aquí
Desde aquí accedemosa un sencilloeditor de imágenes
Actualizar el almacén
Eliminar un recurso
Empezamos a diseñar el aspecto
Estamos en Propiedades
Empezamos por el logotipo,fondo y skins
Podemos hacer que el logoenlace a una página webescribiendo la URL completa (http://...) aquí(Sólo funcionará cuando el LI...
arrastrar
arrastrar
Seleccionar uno
Definimos los colores
Definimos los botones
Para configurar los botones del menú
Ir a una página del LIM
Ir a una página web(sólo funcionará cuando el LIM esté publicado en Internet)
Abrir un archivo*debe estar en la carpeta del LIM(sólo funcionará cuando el LIM esté publicado en Internet)
Imprimir la página
Botón para reiniciar la actividad
Botón para ir a la página...
Por defecto es unmenú desplegable a laizquierda del LIM
Puede ser no desplegablesi seleccionamos esta opción
Puede ser desplegable y a la derechasi seleccionamos esta opción
arrastrar
Menúnodesplegable
Informederesultados
Informederesultados
On/OffAudio
PantallaCompleta(no se puedeescribir eneste modo)
Identificación del LIM
Escribimos los datosque identificannuestro LIM
aàâbcdeéèêfghiîjklmnoôpqrstuùûvwxyz-Son las letrasque deben apareceren las páginas de…
aàâbcdeéèêfghiîjklmnoôpqrstuùûvwxyz-Son las letrasQue deben apareceren las páginas de…Palabra secreta
aàâbcdeéèêfghiîjklmnoôpqrstuùûvwxyz-Son las letrasQue deben apareceren las páginas de…Palabra secreta Sopa de letras
Últimas propiedades
Música para TODO el libro(definimos su volumen ysi se repetirá en bucle)* Arrastramos desde el almacén de recursos
Enlace que apareceráal finalizar el libro
Si queremos que las páginasdel libro se presenten al azar(excepto la primera)
Mensajes (definir color del texto)y sonidos de evaluación¡Muy bien!Inténtalo de nuevoEVALUACIÓN
¡Vamos a empezar acrear las páginas!
52 páginas diferentes
Edición comÚn a todas las páginas
Guardar
Listado de páginas
Podemos cambiarel orden de las páginasarrastrando y pinchandoen “Aplicar”
Duplicar página
Nueva página
Ir a la 1ª página
Ir una página atrás
Ir una página adelante
Ir a la última página
Eliminar página
Ir a la página nº…
Sonido para la página
Sonido para la páginaPuede empezarAutomáticamente o no
Activar botón de atrás y/o adelante
Activar botón de atrás y/o adelante*Si no activamos el botón de adelanteel alumno sólo podrá avanzarsi supera la actividad
Texto inferior
Título de la página
Vista previa de la páginaVista previa
Botones para esta página
Botón(a página del libro o página web)
Mensajes de evaluaciónpersonalizados para la página
IMAGEN Y TEXTOIdeal para una portadaImagen/animación/videoTextoColoresEdición HTML
Insertar una nueva página
Experimenta con las que máste llamen la atención 
Para terminarHay que exportar
Para guardar el trabajo Lo exportamos
Seleccionamos la carpeta del LIM
aulablogaulablog.htmlEscribimos el nombre del LIM
aulablogaulablog.htmlSeleccionamos “empaquetar”si queremos un zip
aulablogaulablog.htmlPinchamos en “publicar”
aulablogaulablog.htmlPodemos ver la vista previa
aulablogaulablog.htmlPinchamos aquí para verla carpeta de nuestro LIM
En la carpeta veremoslos archivos imprescindibles del LIM:
+ los recursos utilizados
+ el archivo zip(si hemos seleccionado “empaquetar”)
El archivo html es el que abrirá el LIM
¿Cómo lo subo a internet?DROPBOXwww.dropbox.com
Nos creamos una cuenta nueva
Creamos una carpeta públicaCon dropbox abierto en una pestaña, visitamos la página donde se crea la carpetaPublic:https://...
Abro la carpeta pública
Creo una carpeta para mi LIM
Abrimos esa carpeta
Subo todos los archivos necesarios
Copio el enlace público del archivo html
Este es el enlace de mi LIMhttp://dl.dropbox.com/u/33041444/Aulablog/aulablog.html
¿Cómo lo “embedo” en mi blog?
¿Cómo lo “embedo” en mi blog?Hay que escribir, en el modo html:
¿Cómo lo “embedo” en mi blog?<iframe src=></iframe>Hay que escribir, en el modo html:*la etiqueta iframe
¿Cómo lo “embedo” en mi blog?<iframesrc=“http://dl.dropbox.com/u/33041444/Aulablog/aulablog.html “></iframe>Hay que escrib...
¿Cómo lo “embedo” en mi blog?<iframesrc=“http://dl.dropbox.com/u/33041444/Aulablog/aulablog.html “ width=”500”height=”400″...
¿Cómo lo “embedo” en mi blog?Así:
Voilà!
Taller de EdiLIM
Taller de EdiLIM
Taller de EdiLIM
Taller de EdiLIM
Taller de EdiLIM
Taller de EdiLIM
Taller de EdiLIM
Taller de EdiLIM
Taller de EdiLIM
Taller de EdiLIM
Taller de EdiLIM
Taller de EdiLIM
Taller de EdiLIM
Taller de EdiLIM
Próxima SlideShare
Cargando en…5
×

Taller de EdiLIM

2.580 visualizaciones

Publicado el

Tutorial para el desarrollo del taler de EDiLIM que impartiré junto a Laura Cano en las jornadas ITCS 2013 del departamento TIC del CRIF las Acacias.

Publicado en: Educación
0 comentarios
4 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

Sin descargas
Visualizaciones
Visualizaciones totales
2.580
En SlideShare
0
De insertados
0
Número de insertados
1.031
Acciones
Compartido
0
Descargas
0
Comentarios
0
Recomendaciones
4
Insertados 0
No insertados

No hay notas en la diapositiva.

Taller de EdiLIM

  1. 1. Un programa deFran Macías
  2. 2. ¿Qué es EdiLIM?Es el editor para crear…LibrosInteractivosMultimedia
  3. 3. ¿Qué es EdiLIM?Es el editor para crear…LIM
  4. 4. Es un programa compatible conWindowsLinux
  5. 5. El resultado final esUna página web (html)con tecnología Flash
  6. 6. ¡Vamos con ello!Primero descargamos el programa desdewww.educalim.comDescomprimimos el zip y encontramosun ejecutable que no necesita instalación
  7. 7. Empezamos un LIM nuevo
  8. 8. Creamos una carpeta para nuestro LIM
  9. 9. Seleccionamos esa carpeta en el apartadode “Directorio de recursos”
  10. 10. Seleccionamos esa carpeta en el apartadode “Directorio de recursos”Y ponemos un nombre a nuestro LIM
  11. 11. Metemos los recursos en elalmacén de recursos
  12. 12. jpg pnggifmp3swf flvtxthtmlLos buscamosdesde aquí
  13. 13. Desde aquí accedemosa un sencilloeditor de imágenes
  14. 14. Actualizar el almacén
  15. 15. Eliminar un recurso
  16. 16. Empezamos a diseñar el aspecto
  17. 17. Estamos en Propiedades
  18. 18. Empezamos por el logotipo,fondo y skins
  19. 19. Podemos hacer que el logoenlace a una página webescribiendo la URL completa (http://...) aquí(Sólo funcionará cuando el LIM esté publicado en Internet)
  20. 20. arrastrar
  21. 21. arrastrar
  22. 22. Seleccionar uno
  23. 23. Definimos los colores
  24. 24. Definimos los botones
  25. 25. Para configurar los botones del menú
  26. 26. Ir a una página del LIM
  27. 27. Ir a una página web(sólo funcionará cuando el LIM esté publicado en Internet)
  28. 28. Abrir un archivo*debe estar en la carpeta del LIM(sólo funcionará cuando el LIM esté publicado en Internet)
  29. 29. Imprimir la página
  30. 30. Botón para reiniciar la actividad
  31. 31. Botón para ir a la página...
  32. 32. Por defecto es unmenú desplegable a laizquierda del LIM
  33. 33. Puede ser no desplegablesi seleccionamos esta opción
  34. 34. Puede ser desplegable y a la derechasi seleccionamos esta opción
  35. 35. arrastrar
  36. 36. Menúnodesplegable
  37. 37. Informederesultados
  38. 38. Informederesultados
  39. 39. On/OffAudio
  40. 40. PantallaCompleta(no se puedeescribir eneste modo)
  41. 41. Identificación del LIM
  42. 42. Escribimos los datosque identificannuestro LIM
  43. 43. aàâbcdeéèêfghiîjklmnoôpqrstuùûvwxyz-Son las letrasque deben apareceren las páginas de…
  44. 44. aàâbcdeéèêfghiîjklmnoôpqrstuùûvwxyz-Son las letrasQue deben apareceren las páginas de…Palabra secreta
  45. 45. aàâbcdeéèêfghiîjklmnoôpqrstuùûvwxyz-Son las letrasQue deben apareceren las páginas de…Palabra secreta Sopa de letras
  46. 46. Últimas propiedades
  47. 47. Música para TODO el libro(definimos su volumen ysi se repetirá en bucle)* Arrastramos desde el almacén de recursos
  48. 48. Enlace que apareceráal finalizar el libro
  49. 49. Si queremos que las páginasdel libro se presenten al azar(excepto la primera)
  50. 50. Mensajes (definir color del texto)y sonidos de evaluación¡Muy bien!Inténtalo de nuevoEVALUACIÓN
  51. 51. ¡Vamos a empezar acrear las páginas!
  52. 52. 52 páginas diferentes
  53. 53. Edición comÚn a todas las páginas
  54. 54. Guardar
  55. 55. Listado de páginas
  56. 56. Podemos cambiarel orden de las páginasarrastrando y pinchandoen “Aplicar”
  57. 57. Duplicar página
  58. 58. Nueva página
  59. 59. Ir a la 1ª página
  60. 60. Ir una página atrás
  61. 61. Ir una página adelante
  62. 62. Ir a la última página
  63. 63. Eliminar página
  64. 64. Ir a la página nº…
  65. 65. Sonido para la página
  66. 66. Sonido para la páginaPuede empezarAutomáticamente o no
  67. 67. Activar botón de atrás y/o adelante
  68. 68. Activar botón de atrás y/o adelante*Si no activamos el botón de adelanteel alumno sólo podrá avanzarsi supera la actividad
  69. 69. Texto inferior
  70. 70. Título de la página
  71. 71. Vista previa de la páginaVista previa
  72. 72. Botones para esta página
  73. 73. Botón(a página del libro o página web)
  74. 74. Mensajes de evaluaciónpersonalizados para la página
  75. 75. IMAGEN Y TEXTOIdeal para una portadaImagen/animación/videoTextoColoresEdición HTML
  76. 76. Insertar una nueva página
  77. 77. Experimenta con las que máste llamen la atención 
  78. 78. Para terminarHay que exportar
  79. 79. Para guardar el trabajo Lo exportamos
  80. 80. Seleccionamos la carpeta del LIM
  81. 81. aulablogaulablog.htmlEscribimos el nombre del LIM
  82. 82. aulablogaulablog.htmlSeleccionamos “empaquetar”si queremos un zip
  83. 83. aulablogaulablog.htmlPinchamos en “publicar”
  84. 84. aulablogaulablog.htmlPodemos ver la vista previa
  85. 85. aulablogaulablog.htmlPinchamos aquí para verla carpeta de nuestro LIM
  86. 86. En la carpeta veremoslos archivos imprescindibles del LIM:
  87. 87. + los recursos utilizados
  88. 88. + el archivo zip(si hemos seleccionado “empaquetar”)
  89. 89. El archivo html es el que abrirá el LIM
  90. 90. ¿Cómo lo subo a internet?DROPBOXwww.dropbox.com
  91. 91. Nos creamos una cuenta nueva
  92. 92. Creamos una carpeta públicaCon dropbox abierto en una pestaña, visitamos la página donde se crea la carpetaPublic:https://www.dropbox.com/enable_public_folder
  93. 93. Abro la carpeta pública
  94. 94. Creo una carpeta para mi LIM
  95. 95. Abrimos esa carpeta
  96. 96. Subo todos los archivos necesarios
  97. 97. Copio el enlace público del archivo html
  98. 98. Este es el enlace de mi LIMhttp://dl.dropbox.com/u/33041444/Aulablog/aulablog.html
  99. 99. ¿Cómo lo “embedo” en mi blog?
  100. 100. ¿Cómo lo “embedo” en mi blog?Hay que escribir, en el modo html:
  101. 101. ¿Cómo lo “embedo” en mi blog?<iframe src=></iframe>Hay que escribir, en el modo html:*la etiqueta iframe
  102. 102. ¿Cómo lo “embedo” en mi blog?<iframesrc=“http://dl.dropbox.com/u/33041444/Aulablog/aulablog.html “></iframe>Hay que escribir, en el modo html:*la etiqueta iframe*con el enlace público del LIM (entre comillas)
  103. 103. ¿Cómo lo “embedo” en mi blog?<iframesrc=“http://dl.dropbox.com/u/33041444/Aulablog/aulablog.html “ width=”500”height=”400″></iframe>Hay que escribir, en el modo html:*la etiqueta iframe*con el enlace público del LIM (entre comillas)* con la anchura y altura
  104. 104. ¿Cómo lo “embedo” en mi blog?Así:
  105. 105. Voilà!

×