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.

1. Un programa de
Fran Macías

2. ¿Qué es EdiLIM?
Es el editor para crear…
Libros
Interactivos
Multimedia

3. ¿Qué es EdiLIM?
Es el editor para crear…
L
I
M

4. Es un programa compatible con
Windows
Linux

5. El resultado final es
Una página web (html)
con tecnología Flash

6. ¡Vamos con ello!
Primero descargamos el programa desde
www.educalim.com
Descomprimimos el zip y encontramos
un ejecutable que no necesita instalación

7. Empezamos un LIM nuevo

8. Creamos una carpeta para nuestro LIM

9. Seleccionamos esa carpeta en el apartado
de “Directorio de recursos”

10. Seleccionamos esa carpeta en el apartado
de “Directorio de recursos”
Y ponemos un nombre a nuestro LIM

11. Metemos los recursos en el
almacén de recursos

12. jpg pnggif
mp3
swf flv
txthtml
Los buscamos
desde aquí

13. Desde aquí accedemos
a un sencillo
editor de imágenes

14. Actualizar el almacén

15. Eliminar un recurso

16. Empezamos a diseñar el aspecto

17. Estamos en Propiedades

18. Empezamos por el logotipo,
fondo y skins

19. Podemos hacer que el logo
enlace a una página web
escribiendo la URL completa (http://...) aquí
(Sólo funcionará cuando el LIM esté publicado en Internet)

20. arrastrar

21. arrastrar

22. Seleccionar uno

27. Definimos los colores

33. Definimos los botones

34. Para configurar los botones del menú

35. Ir a una página del LIM

36. Ir a una página web
(sólo funcionará cuando el LIM esté publicado en Internet)

37. Abrir un archivo
*debe estar en la carpeta del LIM
(sólo funcionará cuando el LIM esté publicado en Internet)

38. Imprimir la página

39. Botón para reiniciar la actividad

40. Botón para ir a la página...

41. Por defecto es un
menú desplegable a la
izquierda del LIM

42. Puede ser no desplegable
si seleccionamos esta opción

43. Puede ser desplegable y a la derecha
si seleccionamos esta opción

45. arrastrar

46. Menú
no
desplegable

48. Informe
de
resultados

49. Informe
de
resultados

50. On/Off
Audio

51. Pantalla
Completa
(no se puede
escribir en
este modo)

52. Identificación del LIM

53. Escribimos los datos
que identifican
nuestro LIM

54. aàâbcdeéèêfghiîjklmnoôpqrstuùûvwxyz-
Son las letras
que deben aparecer
en las páginas de…

55. aàâbcdeéèêfghiîjklmnoôpqrstuùûvwxyz-
Son las letras
Que deben aparecer
en las páginas de…
Palabra secreta

56. aàâbcdeéèêfghiîjklmnoôpqrstuùûvwxyz-
Son las letras
Que deben aparecer
en las páginas de…
Palabra secreta Sopa de letras

57. Últimas propiedades

58. Música para TODO el libro
(definimos su volumen y
si se repetirá en bucle)
* Arrastramos desde el almacén de recursos

59. Enlace que aparecerá
al finalizar el libro

60. Si queremos que las páginas
del libro se presenten al azar
(excepto la primera)

61. Mensajes (definir color del texto)
y sonidos de evaluación
¡Muy bien!
Inténtalo de nuevo
EVALUACIÓN

63. ¡Vamos a empezar a
crear las páginas!

65. 52 páginas diferentes

66. Edición comÚn a todas las páginas

67. Guardar

68. Listado de páginas

69. Podemos cambiar
el orden de las páginas
arrastrando y pinchando
en “Aplicar”

70. Duplicar página

71. Nueva página

72. Ir a la 1ª página

73. Ir una página atrás

74. Ir una página adelante

75. Ir a la última página

76. Eliminar página

77. Ir a la página nº…

78. Sonido para la página

79. Sonido para la página
Puede empezar
Automáticamente o no

80. Activar botón de atrás y/o adelante

81. 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

82. Texto inferior

83. Título de la página

84. Vista previa de la página
Vista previa

85. Botones para esta página

86. Botón
(a página del libro o página web)

87. Mensajes de evaluación
personalizados para la página

88. IMAGEN Y TEXTO
Ideal para una portada
Imagen/animación/video
Texto
Colores
Edición HTML

89. Insertar una nueva página

90. Experimenta con las que más
te llamen la atención 

91. Para terminar
Hay que exportar

92. Para guardar el trabajo Lo exportamos

93. Seleccionamos la carpeta del LIM

94. aulablog
aulablog.html
Escribimos el nombre del LIM

95. aulablog
aulablog.html
Seleccionamos “empaquetar”
si queremos un zip

96. aulablog
aulablog.html
Pinchamos en “publicar”

97. aulablog
aulablog.html
Podemos ver la vista previa

98. aulablog
aulablog.html
Pinchamos aquí para ver
la carpeta de nuestro LIM

99. En la carpeta veremos
los archivos imprescindibles del LIM:

100. + los recursos utilizados

101. + el archivo zip
(si hemos seleccionado “empaquetar”)

102. El archivo html es el que abrirá el LIM

103. ¿Cómo lo subo a internet?
DROPBOX
www.dropbox.com

104. Nos creamos una cuenta nueva

105. Creamos una carpeta pública
Con dropbox abierto en una pestaña, visitamos la página donde se crea la carpeta
Public:
https://www.dropbox.com/enable_public_folder

106. Abro la carpeta pública

108. Creo una carpeta para mi LIM

109. Abrimos esa carpeta

110. Subo todos los archivos necesarios

111. Copio el enlace público del archivo html

112. Este es el enlace de mi LIM
http://dl.dropbox.com/u/33041444/Aulablog/aulablog.html

113. ¿Cómo lo “embedo” en mi blog?

114. ¿Cómo lo “embedo” en mi blog?
Hay que escribir, en el modo html:

115. ¿Cómo lo “embedo” en mi blog?
<iframe src=></iframe>
Hay que escribir, en el modo html:
*la etiqueta iframe

116. ¿Cómo lo “embedo” en mi blog?
<iframe
src=“http://dl.dropbox.com/u/33041444/A
ulablog/aulablog.html “></iframe>
Hay que escribir, en el modo html:
*la etiqueta iframe
*con el enlace público del LIM (entre comillas)

117. ¿Cómo lo “embedo” en mi blog?
<iframe
src=“http://dl.dropbox.com/u/33041444/A
ulablog/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

118. ¿Cómo lo “embedo” en mi blog?
Así:

119. Voilà!