MANUAL DEL PUBLICADOR EN JOOMLA (15)

1. MANUAL DEL PUBLICADOR EN JOOMLA (15) Insertar animaciones flash (SWF) en un artículo Todo lo que necesitas saber para publicar tus artículos en la página Web del Centro Koldo Parra de la Horra

2. Índice (8) • ¿Cómo introduzco una animación flash (archivo .SWF) en mi Artículo? • Encontrar y bajar una animación Flash.( archivo .swf o “Infografía”). • Subir el archivo al FTP vía Docman. • Insertar el SWF en el Artículo. Koldo Parra de la Horra

3. 15-Incrustar animaciones Flash (SWF) en los artículos (1) • Programar en Flash es un trabajo arduo y requiere bastantes conocimientos. • Vamos a limitarnos a aprovechar lo que ya hay creado y puesto en la red. • Se trata de archivos de extensión .SWF, infografías, en muchos casos interactivas. Ocupan muy poco espacio, por lo que pueden alojarse en el espacio FTP. (requerirá permiso de un administrador). • Es la operación más compleja, pero pueden tener una aplicación didáctica excelente. • Se recomienda este sitio: http://www.consumer.es/infografias/ Koldo Parra de la Horra

4. 15-Incrustar animaciones Flash (SWF) en los artículos (2) • Encontrar y bajar una animación Flash.(1) • Vamos a “Consumer Eroski” • Seleccionamos “Infografías” Koldo Parra de la Horra

5. 15-Incrustar animaciones Flash (SWF) en los artículos (3) • Encontrar y bajar una animación Flash.(2) • Salen ordenadas por categorías. Por ejemplo elegimos “Nuevas Tecnologías”. Koldo Parra de la Horra

6. 15-Incrustar animaciones Flash (SWF) en los artículos (4) • Encontrar y bajar una animación Flash.(3) • Elegimos la infografía sobre la fibra óptica. Koldo Parra de la Horra

7. 15-Incrustar animaciones Flash (SWF) en los artículos (5) • Encontrar y bajar una animación Flash.(4) • Podemos verla • Y también podemos descargarla. Koldo Parra de la Horra

8. 15-Incrustar animaciones Flash (SWF) en los artículos (6) • Encontrar y bajar una animación Flash.(5) • En la siguiente pantalla hacemos clic otra vez en “Descargar Infografía”. Koldo Parra de la Horra

9. 15-Incrustar animaciones Flash (SWF) en los artículos (7) • Encontrar y bajar una animación Flash.(6) • Este es el archivo que ha bajado a nuestro equipo. • Lo copiamos a una carpeta llamada “Infografías y dentro de ella lo descomprimimos. Koldo Parra de la Horra

10. 15-Incrustar animaciones Flash (SWF) en los artículos (8) • Encontrar y bajar una animación Flash.(7) • Es un archivo swf. El original en zip y el html los podemos eliminar. Koldo Parra de la Horra

11. 15-Incrustar animaciones Flash (SWF) en los artículos (9) • Subir el archivo al FTP vía Docman.(1) • Como publicadores, inicialmente no tenemos permisos para subir archivos. Debemos hacerlo a través de la extensión Docman, comunicárselo a un administrador del portal y esperar a que él nos apruebe la subida (publique) del archivo. • Para ello se debe cumplir que: • La extensión Docman esté instalada.(Debe hacerlo el administrador). • Esté configurado para permitir la subida de archivos .SWF (Debe hacerlo el administrador). • La carpeta de destino de los archivos sea: joomla/dmdocuments. • No debemos abusar subiendo muchos archivos o subiendo archivos grandes. Koldo Parra de la Horra

12. 15-Incrustar animaciones Flash (SWF) en los artículos (10) • Subir el archivo al FTP vía Docman.(2) • Vamos a la portada de nuestro portal. • Loguearnos. • Encontrar el enlace “Descargas” en el menú principal. Hacer clic en él. Koldo Parra de la Horra

13. 15-Incrustar animaciones Flash (SWF) en los artículos (11) • Subir el archivo al FTP vía Docman.(3) • Hemos entrado en Docman. • Hacemos clic en “Submit file”. Koldo Parra de la Horra

14. 15-Incrustar animaciones Flash (SWF) en los artículos (12) • Subir el archivo al FTP vía Docman.(4) • Seleccionamos “Subir desde nuestro ordenador”. • Hacemos clic en “Next”. Koldo Parra de la Horra

15. 15-Incrustar animaciones Flash (SWF) en los artículos (13) • Subir el archivo al FTP vía Docman.(5) • Hacemos clic en “Examinar”. • Seleccionamos el archivo de nuestro disco duro. Koldo Parra de la Horra

16. 15-Incrustar animaciones Flash (SWF) en los artículos (14) • Subir el archivo al FTP vía Docman.(6) • Seleccionamos el archivo “fibra_optica.swf”. • Clic en “Abrir”. Koldo Parra de la Horra

17. 15-Incrustar animaciones Flash (SWF) en los artículos (15) • Subir el archivo al FTP vía Docman.(7) • Hacemos clic en “Upload”. Koldo Parra de la Horra

18. 15-Incrustar animaciones Flash (SWF) en los artículos (16) • Subir el archivo al FTP vía Docman.(8) • Esperamos a que suba. Tarda poco. Koldo Parra de la Horra

19. 15-Incrustar animaciones Flash (SWF) en los artículos (17) • Subir el archivo al FTP vía Docman.(9) • Podemos renombrar el archivo. • Elegir Carpeta. Lo ideal es crear una por Departamento. (Administrador). • Activar “Yes” en “Aproved” • Confirmar. Koldo Parra de la Horra

20. 15-Incrustar animaciones Flash (SWF) en los artículos (18) • Subir el archivo al FTP vía Docman.(10) • Vemos el archivo subido junto con los otros anteriores. • Da igual que esté en la carpeta “Nuevas tecnologías”, la ruta del archivo es el servidor FTP de nuestro IES o CP+/joomla/dmdocuments/fibra_optica.swf Koldo Parra de la Horra

21. 15-Incrustar animaciones Flash (SWF) en los artículos (19) • Subir el archivo al FTP vía Docman.(11) • Recuerda: • Avisa a un administrador para que apruebe desde el panel de administración la subida del archivo. De lo contrario es como si no existiese. • Previamente debe haber creado una carpeta para tu Departamento. • Da igual la carpeta en la que esté, la dirección donde se alojan es la misma para todos: En mi caso será: • http://web.educastur.princast.es/ies/matajove/joomla/dmdocuments/nombredelarchivo.swf Koldo Parra de la Horra

22. 15-Incrustar animaciones Flash (SWF) en los artículos (20) • Subir el archivo al FTP vía Docman.(12) Analicemos: http://web.educastur.princast.es/ies/matajove/joomla/dmdocuments/nombredelarchivo.swf Dirección FTP de Educastur Nombre del archivo. Depende de cada centro Carpeta de Docman en Joomla Koldo Parra de la Horra

23. 15-Incrustar animaciones Flash (SWF) en los artículos (21) • Subir el archivo al FTP vía Docman.(13) http://web.educastur.princast.es/ies/matajove/joomla/dmdocuments/nombredelarchivo.swf Para vuestro centro es siempre igual. Sólo cambia esto Koldo Parra de la Horra

24. 15-Incrustar animaciones Flash (SWF) en los artículos (22) • Insertar el SWF en el Artículo.(1) • Como siempre, creamos un artículo. • De nuevo deberemos editar en HTML, por lo tanto el botón será “<>”. Koldo Parra de la Horra

25. 15-Incrustar animaciones Flash (SWF) en los artículos (23) • Insertar el SWF en el Artículo.(2) • Pero ahora resulta más complejo porque no hay reproductor específico. • Primero debemos preparar el código base. Se recomienda en el bloc de notas Este código puede obtenerse del archivo “reproductor swf.txt”, dentro de la carpeta de recursos de esta publicación. Koldo Parra de la Horra

26. 15-Incrustar animaciones Flash (SWF) en los artículos (24) • Insertar el SWF en el Artículo.(3) • Observamos este código. Solo hay que sustituir: • El FTP correspondiente a nuestro CP o IES.(1) • El nombre del archivo swf que queremos reproducir. (2) <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="400" height="400"> <param name="movie" value="http://ftpweb.educastur.princast.es/ies/matajove/joomla/dmdocuments/nombrearchivo.swf"> <param name="quality" value="high"> <embed src="nombre_carpeta_flash/archivo.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="400" height="400"></embed> </object> (1) (2) Koldo Parra de la Horra

27. 15-Incrustar animaciones Flash (SWF) en los artículos (25) • Insertar el SWF en el Artículo.(4) • Ojo hay que ponerlo justo entre las comillas. En nuestro caso y para ese archivo quedaría así: <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="400" height="400"> <param name="movie" value="http://ftpweb.educastur.princast.es/ies/matajove/joomla/dmdocuments/fibra-optica.swf"> <param name="quality" value="high"> <embed src="nombre_carpeta_flash/archivo.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="400" height="400"></embed> </object> Koldo Parra de la Horra

28. 15-Incrustar animaciones Flash (SWF) en los artículos (26) • Insertar el SWF en el Artículo.(5) • Es mejor realizar los cambios en el bloc de notas. Luego seleccionar todo, copiarlo y pegarlo en el editor HTML de Joomla. • Edición y “Seleccionar todo”. Control+C Koldo Parra de la Horra

29. 15-Incrustar animaciones Flash (SWF) en los artículos (27) • Insertar el SWF en el Artículo.(6) La ventaja es que siempre va a ser igual. Solamente cambia el nombre del archivo .SWF, porque la ubicación siempre es la misma. Con Docman, todos los archivos están en ../joomla/dmdocuments Koldo Parra de la Horra

30. 15-Incrustar animaciones Flash (SWF) en los artículos (28) • Insertar el SWF en el Artículo.(7) • Lo anterior es el texto del artículo. • Se pega aquí con Control+V y se confirma con “Update”. Koldo Parra de la Horra

31. 15-Incrustar animaciones Flash (SWF) en los artículos (29) • Insertar el SWF en el Artículo.(9) • En el editor se ve así. He centrado la animación. • Guardamos el Artículo de la manera habitual. Koldo Parra de la Horra

32. 15-Incrustar animaciones Flash (SWF) en los artículos (30) • Insertar el SWF en el Artículo.(10) • Al visualizar el archivo se muestra así. Koldo Parra de la Horra

33. 15-Incrustar animaciones Flash (SWF) en los artículos (31) • Insertar el SWF en el Artículo.(11) • Es interactiva. Podemos ir avanzando. Koldo Parra de la Horra

34. 15-Incrustar animaciones Flash (SWF) en los artículos (32) • Hay que instalar el plugin de Adobe para poder reproducir archivos flash http://www.adobe.com/products/flash/about/ • O bien haz clic sobre esta imagen Koldo Parra de la Horra

35. MANUAL DEL PUBLICADOR EN JOOMLA (15) Insertar animaciones flash (SWF) en un artículo Fin de la presentación Koldo Parra de la Horra