Taller de EdiLIM

2,205 views
2,115 views

Published on

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.

Published in: Education
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,205
On SlideShare
0
From Embeds
0
Number of Embeds
919
Actions
Shares
0
Downloads
0
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

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à!

×