The document discusses the didactic possibilities of using Flash for teaching geography by taking advantage of its multimedia, interactive, and movement capabilities which appeal to students accustomed to video games and the internet. It provides examples of how Flash can be used to create interactive maps, animations, videos, and exercises to analyze images, graphs and maps. Flash allows geographers to design resources that integrate different media in small file sizes for easy sharing and reproduction on different platforms.

1. POSIBILIDADES
DIDÁCTICAS DEL FLASH
PARA LA ENSEÑANZA DE
LA GEOGRAFÍA
Prof. Isaac Buzo Sánchez
IES Extremadura (Montijo)
III SEMINARIO SOBRE LA ENSEÑANZA DE LA
GEOGRAFÍA EN LA EDUCACIÓN SECUNDARIA.
Universidad Carlos III, Getafe, 9, 10 y 11 de Octubre 2010

2. PARTAMOS DE NUESTROS
ALUMNOS...
¿SI EN LOS MOMENTOS DE OCIO Y TIEMPO
LIBRE LOS ALUMNOS PRACTICAN
VIDEOJUEGOS Y NAVEGAN POR LA RED
USANDO....
* LECTURA EN TRES DIMENSIONES (HIPERENLACES)
* GRÁFICOS ESPECTACULARES ES SUS VIDEOJUEGOS (PSP, WII...)
* INTERACTIVIDAD Y MOVIMIENTOS COMPULSIVOS.
* BUSQUEDA DE LA INMEDIATEZ (SI NO ES LO QUE BUSCO, LO
CIERRO...)
...PRETENDEMOS SEGUIR ENSEÑANDO A
PARTIR DE LECTURAS PLANAS E IMÁGENES
ESTÁTICAS?

3. PARA EMPEZAR...
ALGUNOS EJEMPLOS DE ANIMACIÓN FLASH
ENJUTO MOJAMUTO
CALICO ELECTRÓNICO
Mas series:
http://seriesflash.com
LA NIÑA REPELENTE

4. ¿Qué nos ofrece Flash?
1) Multimedia (gráficos, video, sonido...)
2) Movimiento
3) Interactividad
4) Diferentes grados profundización de la información
5) Información tridimensional
6) Y todo ello con archivos de bajo peso y rápidos de
usar
¿No es eso lo que nuestros alumnos practican en su
tiempo de ocio?

5. Ventajas de usar Flash
Se pueden integrar
Se generan archivos archivos multimedia
con poco peso relativo (imagen+video+texto Reproducción
+sonido...) en muchos multiplataforma y
formatos navegadores
Diversidad de
Facilidad de aplicaciones: diseño web,
integración en html cd, animación, tratamiento de
video...
Sistema relativamente
seguro (ante la posibilidad de
copia y manipulación)
Rápida transmisión por
Internet

6. Ventajas de usar Flash
- Comprensión del archivo (en una película no se
guardan todos los fotogramas, sino solamente los
Se generan archivos fotogramas clave)
con poco peso relativo
- Imágenes vectoriales frente a mapas bits
- Sistema de Símbolos (para evitar guardar varias veces
la mima imagen)

7. Ventajas de usar Flash
Se pueden integrar
archivos multimedia
(imagen+video+texto
+sonido...) en muchos
formatos
EJEMPLO EXPANSIÓN ECONÓMICA SWF
EJEMPLO EXPANSIÓN ECONÓMICA FLA
EJEMPLO VIDEO DOLMEN

8. Ventajas de usar Flash
Reproducción
multiplataforma y
navegadores

9. Ventajas de usar Flash
Facilidad de
integración en html
- Subir archivo swf a un servidor
- Incrustarlo en la web mediante el siguiente código:
<td><object height="tamaño" width="tamaño">
<param name="movie"
value="http://direccióndelarchivo.swf">
<embed
src="http://direccióndelarchivo.swf"
height="tamaño" width="tamaño"></object></td>

10. Ventajas de usar Flash
Diversidad de Ejemplo de web usando swf
aplicaciones: diseño web,
cd, animación, tratamiento de
video...
Ejemplo de tratamiento de video
Ejemplo de infografía

11. Ventajas de usar Flash
- Streaming (Las imágenes se van cargando por orden)
Rápida transmisión por - Almacenamiento en la caché del ordenador
Internet
La animación comienza a funcionar
antes de que se termine de descargar
pues se va descargando por orden
SWF
1ª Vez que la veamos:
Descarga en el Buffer
(Archivos temporales)

12. Ventajas de usar Flash
Programa para destripar un archivo swf
¿Sistema relativamente y convertirlo en fla: Flash decompiler
seguro (ante la posibilidad de
copia y manipulación)? http://www.flash-decompiler.com/

13. ¿CÓMO FUNCIONA?
AUTOR USUARIO
TRANSMISIÓN
POR LA RED
CODIFICAR DECODIFICAR
Macromedia Flash: Plugin:
http://www.adobe.com/es/products/flash/ http://get.adobe.com/es/flashplayer/

14. ¿CÓMO USAR EL FLASH?
Quiero usar animaciones flash... ¿Qué tengo que hacer?
Diseño mis propias Usar animaciones
animaciones flash en la red
Aprender el uso del Usar
programa animaciones Usar
de sitios buscador
conocidos
Elaborar recurso
Guardo
Utilizar el recurso (Modifico)
Compartir el
recurso

15. Aprender el uso del programa
http://formacionprofesorado.educacion.es/
http://www.isftic.mepsyd.es/formacion/materiales/34/cd/index.htm
http://www.aulaclic.es/flash8/index.htm
PANIAGUA, A. (2006): Flash 8. Manual imprescindible. Ed. Anaya. Madrid.

16. Herramientas necesarias
ARCHIVOS .fla PUBLICACIÓN ARCHIVOS .swf
PARA ELABORAR PARA VISUALIZAR
Navegador actualizado
o
Adobe flash player:
http://www.adobe.com/es/products/flash/
http://get.adobe.com/es/flashplayer/

17. Espacio de trabajo

18. Espacio de trabajo
USO DE CAPAS
USO DE FOTOGRAMAS

19. COMPONENTES PRINCIPALES DE LA
ANIMACIÓN FLASH
M
MO
OV
VII
MMI
IEEN
NTTO
OS
S
OS NES
BOL IO
S ÍM ACC

20. ¿Qué elementos podemos incluir en
SÍMBOLOS
una animación flash?
OBJETOS
IMÁGENES TEXTO VIDEO SONIDO
- Ahorran espacio (biblioteca-instancia)
SÍMBOLOS
- Se les puede dar órdenes (programar)
GRÁFICO BOTÓN CLIP DE PELÍCULA

21. SÍMBOLOS SÍMBOLO GRÁFICO
GRÁFICO: Objeto (imagen o texto) que puede modificarse en la propia línea de tiempo.
EJEMPLO SWF EJEMPLO FLA

22. SÍMBOLOS CLÍP DE PELÍCULA
CLIP DE PELÍCULA: Símbolos que se modifican en su propia línea de tiempo, no en la de
la animación principal
EJEMPLO SWF EJEMPLO FLA

23. SÍMBOLOS BOTÓN
BOTÓN: Símbolos que sirven para que la animación responda a una orden al ser pulsados
Órdenes del botón
EJEMPLO SWF EJEMPLO FLA

24. ¿Los botones siempre llevan asociados una
SÍMBOLOS acción?
También se pueden utilizar para que cuando se pase el cursos por encima del botón se
vea algo que normalmente no se ve... (En la instancia “sobre” se puede insertar una
imagen o un texto diferente al que se ve en la instancia “reposo”, puede servir por
ejemplo para nombrar partes de un todo)
Los planetas son
botones y cuando
se pasa el cursos
por encima de ellos
aparece su nombre

25. MOVIMIENTOS 1) FOTOGRAMA A FOTOGRAMA
Se incluyen pequeñas modificaciones de un fotograma a otro. Problema, muy lento y
trabajoso.
EJEMPLO ECLIPSE EJEMPLO PUESTA SOL

26. MOVIMIENTOS 2) INTERPOLACIÓN DE MOVIMIENTO
Se inserta un objeto en un fotograma inicial, se crea un fotograma clave dejando
varios fotogramas intermedios y se mueve el objeto a otra posición (y/o le cambiamos
su tamaño). Señalamos el fotograma inicial y seleccionamos animar movimiento en el
panel propiedades, automáticamente se crea el movimiento del objeto.
EJEMPLO COORDENADAS SWF EJEMPLO COORDENADAS FLA

27. MOVIMIENTOS 3) INTERPOLACIÓN DE FORMA
Se inserta un objeto en un fotograma inicial, se crea un fotograma clave dejando
varios fotogramas intermedios y se cambia la forma del objeto en el fotograma final.
Señalamos el fotograma inicial y seleccionamos animar forma en el panel
propiedades, automáticamente se crea el movimiento del objeto.
EJEMPLO SWF
EJEMPLO PRECIPITACIONES
EJEMPLO FLA

28. MOVIMIENTOS 4) ANIMACIÓN MEDIANTE CAPA GUÍA
Se trata de un movimiento en el que el objeto sigue un camino marcado, (no recto
como la interpolación de movimiento normal)
EJEMPLO ECLIPSE SWF
EJEMPLO ECLIPSE FLA
EJEMPLO SISTEMA SOLAR

29. ACCIONES ACTIONSCRIPT
- Las acciones son órdenes que permite al usuario actuar con la animación (es lo
que permite la interactividad).
- Estas órdenes se dan mediante un lenguaje de programación propio de Flash:
Actionscript.
- Sirven para ordenar una acción al pulsar un botón o al llegar a un fotograma
determinado.
- Las acciones se ordenan desde el panel Acciones (seleccionando el botón o el
fotograma).

30. ACCIONES ACTIONSCRIPT
gotoAndPlay
EJEMPLO SWF
EJEMPLO FLA

31. ACCIONES ACTIONSCRIPT
gotoAndStop
EJEMPLO SWF
EJEMPLO FLA

32. ACCIONES ACTIONSCRIPT
nextFrame nextScene
EJEMPLO SWF
EJEMPLO FLA

33. UNIENDO TODO ESTO...
¿QUÉ SE PUEDE HACER?
Y otras más en:
http://www.isaacbuzo.com/flash.html

34. PRESENTACIÓN TRADICIONAL: con botones asociados
a las acciones de avance y retrocede página.

35. PRESENTACIÓN CON MULTIPLES BOTONES: Al pulsar
cada botón nos lleva a una pantalla diferente (Sirve para
analizar imágenes)

36. MAPA INTERACTIVO: Cada territorio un botón asociado a
la acción “ir a un número de fotograma” en el que se
encuentra el nombre de ese territorio

37. MAPAS SENSIBLES: Botones invisibles que al pasar
sobre ellos o bien nos conducen a otro fotograma (como
el caso del mapa) o bien la instancia “sobre” del símbolo
botón tiene un elemento visible que nos indica el nombre
de ese lugar

38. ANIMACIONES EXPLICATIVAS: Animaciones que se
inician al pulsar un botón y sirven para ilustrar algún
fenómeno.

39. ANÁLISIS DE GRÁFICOS, MAPAS...: Al pasar el cursor
sobre un punto, una línea o un área del gráfico o mapa nos
aparece una información extra.

40. EJERCICIOS DE LOCALIZACIÓN DE PUNTOS O
ELEMENTOS SOBRE UN MAPA: Los puntos a localizar son
botones invisibles que cuando pasa el cursor sobre el
realizan alguna acción.

41. VIDEOS: Se diseñan las animaciones en flash y se
exportan a formato de video, pudiéndose editar
posteriormente con un programa adecuado.

42. Subir el archivo a la Red
a) Guardándolo en nuestro servidor via FTP (por ejemplo usando FileZilla

43. Subir el archivo a la Red
b) Usar nuestro servidor usando webFTP

44. Subir el archivo a la Red
c) Usando servidores externos
http://megaswf.com/

45. Subir el archivo a la Red
c) Usando servidores externos
http://www.xooimage.com/fr/
Ejemplo: http://img7.xooimage.com/files/4/a/8/prehistoria-211fc74.swf

46. Usar animaciones
flash en la red
Usar buscador
http://cprmerida.juntaextremadura.net>>Buscasdor Dis@nedu
Autores: Diego Guerrero Alonso y Santiago Ortiz Durán
Asesores TIC. CPR de Mérida

47. Otras lugares donde buscar
Marcadores sociales: - Mister-wong (http://www.mister-wong.es)
- Delicious (http://www.delicious.com)
- Periódicos: http://www.elmundo.es/graficos/multimedia/
http://www.elpais.com
- Editoriales: http://www.librosvivos.net (SM)
http://www.oupe.es (Oxford)
http://www.digital-text.com/
- Profesionales del diseño gráfico: (http://www.albertocairo.com/)
(http://www.90grados.info/)
(http://www.5wgraphics.com/en/)
- Recopilaciones de Profesores:
- Juanjo Romero (http://www.juanjoromero.es)
- Profesor Francisco Ayén (http://www.profesorfrancisco.es)
Webs de Profesores:
- Jesús Peñas Cano (http://www.educaplus.org)
- Otros: http://www.consumer.es

48. Otras lugares donde buscar
- Recopilaciones de Profesores:
- Juanjo Romero (http://www.juanjoromero.es)
- Profesor Francisco Ayén (http://www.profesorfrancisco.es)
- Webs de Profesores:
- Jesús Peñas Cano (http://www.educaplus.org)
- Enrique Alonso (http://www.xtec.cat/~ealonso/flash/mapasflash.htm)
Recursos del Ministerio de Educación y las Consejerías de las CC.AA.:
Proyecto Sexante: http://recursostic.educacion.es/primaria/sextante/web/
Flashes de Geografía (Carlos Gullart):
http://www.ite.educacion.es/w3/recursos/secundaria/sociales/geografia/contenido_indice.html
Contenidos educativos digitales Junta de Extremadura:
http://conteni2.educarex.es/?a=44
- Otros:
http://www.consumer.es

49. Guardar swf
A) En nuestro ordenador para usar desconectado a Internet:
1. En Firefox podemos usar un complemento que se llama “unplug” que identifica los
archivos multimedia (vido, sonido, flash...) que estén insertados en una web y te da la
posibilidad de descargártelo a tu ordenador.
2. También en Firefox, podemos ir al menú herramientas>>información de la
página>>>medios. Ahí aparecen las direcciones de cada elemento alojado en una
web, si queremos guardar el elemento presionamos “guardar como”, le damos nombre
y seleccionamos la carpeta que queramos.
3. También podemos ir a ver>>código fuente y buscar el archivo swf copiar la dirección
y pegar en el navegador y guardar el resultado.

50. Guardar swf
B) En nuestro ordenador para usarlo conectado a Internet:
1. Usando los marcadores del navegador (guarda la dirección web en nuestro propio
ordenador, para que sea fácilmente recuperable cuando queramos usarla)
2. Usando los marcadores sociales: Herramienta colaborativa de la web 2.0 por la
que los usuarios van guardando enlaces a sitios de su interés y etiquetándolos. Sería
necesario abrir una cuenta en algún servicio de marcadores sociales y guardar
nuestros enlaces con sus etiquetas. Cuando lo necesitemos estarán ahí almacenados
(junto a los de los demás usuarios).

51. Y PARA FINALIZAR...
USAR
COMPARTIR