Taller EdiLIM

28,124 views
29,084 views

Published on

Presentación creada para el taller de EdiLIM del encuentro de Aulablog 2011 en Madrid

2 Comments
16 Likes
Statistics
Notes
No Downloads
Views
Total views
28,124
On SlideShare
0
From Embeds
0
Number of Embeds
22,185
Actions
Shares
0
Downloads
0
Comments
2
Likes
16
Embeds 0
No embeds

No notes for slide

Taller EdiLIM

  1. 1. ¿Qué es EdiLIM?
  2. 2. ¿Qué es EdiLIM? Es el editor para crear…
  3. 3. El resultado final esUna página web (html)con tecnología Flash
  4. 4. ¡Vamos con ello!Primero descargamos el programa desde www.educalim.com Descomprimimos el zip y encontramos un ejecutable que no necesita instalación
  5. 5. Empezamos un LIM nuevo
  6. 6. Creamos una carpeta para nuestro LIM
  7. 7. Seleccionamos esa carpeta en el apartado de “Directorio de recursos”
  8. 8. Seleccionamos esa carpeta en el apartado de “Directorio de recursos” Y ponemos un nombre a nuestro LIM
  9. 9. Metemos los recursos en el almacén de recursos
  10. 10. Los buscamos desde aquí txt html mp3 flv png gif jpg swf
  11. 11. Los buscamos desde aquí jpg txt html mp3 flv png gif swf
  12. 12. Los buscamos desde aquí jpg gif txt html mp3 flv png swf
  13. 13. Los buscamos desde aquí jpg gif png txt html mp3 flv swf
  14. 14. Los buscamos desde aquí jpg gif png txt html flv mp3 swf
  15. 15. Los buscamos desde aquí jpg gif png txt html flv mp3 swf
  16. 16. Los buscamos desde aquí jpg gif png txt html mp3 swf flv
  17. 17. Los buscamos desde aquí jpg gif png html mp3 swf flv txt
  18. 18. Los buscamos desde aquí jpg gif png mp3 swf flv html txt
  19. 19. Desde aquí accedemos a un sencillo editor de imágenes
  20. 20. Cambiar tamaño
  21. 21. Actualizar el almacén
  22. 22. Eliminar un recurso
  23. 23. Empezamos a diseñar el aspecto
  24. 24. Estamos en Propiedades
  25. 25. Empezamos por el logotipo, fondo y skins
  26. 26. arrastrar
  27. 27. 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)
  28. 28. arrastrar
  29. 29. arrastrar
  30. 30. Seleccionar uno
  31. 31. Definimos los colores
  32. 32. Definimos los botones
  33. 33. Para configurar los botones del menú
  34. 34. Ir a una página del LIM
  35. 35. Ir a una página web(sólo funcionará cuando el LIM esté publicado en Internet)
  36. 36. Abrir un archivo*debe estar en la carpeta del LIM(sólo funcionará cuando el LIM esté publicado en Internet)
  37. 37. Imprimir la página
  38. 38. Botón para reiniciar la actividad
  39. 39. Botón para ir a la página...
  40. 40. Por defecto es unmenú desplegable a la izquierda del LIM
  41. 41. Puede ser no desplegablesi seleccionamos esta opción
  42. 42. Puede ser desplegable y a la derecha si seleccionamos esta opción
  43. 43. arrastrar
  44. 44. Menú nodesplegable
  45. 45. Informe deresultados
  46. 46. Informe deresultados
  47. 47. On/Off Audio
  48. 48. PantallaCompleta(no se puede escribir en este modo)
  49. 49. Identificación del LIM
  50. 50. Escribimos los datos que identificannuestro LIM
  51. 51. Son las letras que debenaparecer en las páginas de… aàâbcdeéèêfghiîjklmnoôpqrstuùûvwxyz-
  52. 52. Son las letras Que debenaparecer en las páginas de… aàâbcdeéèêfghiîjklmnoôpqrstuùûvwxyz- Palabra secreta
  53. 53. Son las letras Que debenaparecer en las páginas de… aàâbcdeéèêfghiîjklmnoôpqrstuùûvwxyz- Palabra secreta Sopa de letras
  54. 54. Últimas propiedades
  55. 55. Música para TODO el libro (definimos su volumen y si se repetirá en bucle)* Arrastramos desde el almacén de recursos
  56. 56. Enlace que aparecerá al finalizar el libro
  57. 57. Si queremos que las páginasdel libro se presenten al azar (excepto la primera)
  58. 58. ¡Muy bien! Inténtalo de nuevo EVALUACIÓNMensajes (definir color del texto) y sonidos de evaluación
  59. 59. ¡Vamos a empezar a crear las páginas!
  60. 60. 52 páginas diferentes
  61. 61. Edición comÚn a todas las páginas
  62. 62. Guardar
  63. 63. Listado de páginas
  64. 64. Podemos cambiar el orden de las páginasarrastrando y pinchando en “Aplicar”
  65. 65. Duplicar página
  66. 66. Nueva página
  67. 67. Ir a la 1ª página
  68. 68. Ir una página atrás
  69. 69. Ir una página adelante
  70. 70. Ir a la última página
  71. 71. Eliminar página
  72. 72. Ir a la página nº…
  73. 73. Sonido para la página
  74. 74. Sonido para la página Puede empezarAutomáticamente o no
  75. 75. Activar botón de atrás y/o adelante
  76. 76. Activar botón de atrás y/o adelante*Si no activamos el botón de adelante el alumno sólo podrá avanzar si supera la actividad
  77. 77. Texto inferior
  78. 78. Título de la página
  79. 79. Vista previa de la páginaVista previa
  80. 80. Botones para esta página
  81. 81. Botón(a página del libro o página web)
  82. 82. Mensajes de evaluaciónpersonalizados para la página
  83. 83. IMAGEN Y TEXTO Ideal para una portadaImagen/animación/video Texto Edición HTML Colores
  84. 84. Insertar una nueva página
  85. 85. Experimenta con las que más te llamen la atención 
  86. 86. Para terminarHay que exportar
  87. 87. Para guardar el trabajo Lo exportamos
  88. 88. Seleccionamos la carpeta del LIM
  89. 89. Escribimos el nombre del LIM aulablog aulablog.html
  90. 90. Seleccionamos “empaquetar” si queremos un zip aulablog aulablog.html
  91. 91. Pinchamos en “publicar”aulablog aulablog.html
  92. 92. Podemos ver la vista previa aulablog aulablog.html
  93. 93. Pinchamos aquí para verla carpeta de nuestro LIM aulablog aulablog.html
  94. 94. ¿Cómo lo subo a internet? DROPBOX www.dropbox.com
  95. 95. Nos creamos una cuenta nueva
  96. 96. Abro la carpeta pública
  97. 97. Creo una carpeta para mi LIM
  98. 98. Abrimos esa carpeta
  99. 99. Subo todos los archivos necesarios
  100. 100. Copio el enlace público del archivo html
  101. 101. Este es el enlace de mi LIMhttp://dl.dropbox.com/u/33041444/Aulablog/aulablog.html
  102. 102. ¿Cómo lo “embedo” en mi blog?
  103. 103. ¿Cómo lo “embedo” en mi blog?Hay que escribir, en el modo html:
  104. 104. ¿Cómo lo “embedo” en mi blog?Hay que escribir, en el modo html:*la etiqueta iframe<iframe src=></iframe>
  105. 105. ¿Cómo lo “embedo” en mi blog?Hay que escribir, en el modo html:*la etiqueta iframe*con el enlace público del LIM (entre comillas) <iframe src=“http://dl.dropbox.com/u/33041444/Aulablo g/aulablog.html “></iframe>
  106. 106. ¿Cómo lo “embedo” en mi blog?Hay que escribir, en el modo html:*la etiqueta iframe*con el enlace público del LIM (entre comillas)* con la anchura y altura <iframe src=“http://dl.dropbox.com/u/33041444/Aulablo g/aulablog.html “ width=”500” height=”400″></iframe>
  107. 107. ¿Cómo lo “embedo” en mi blog? Así:
  108. 108. Voilà!

×