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
1
Índice (8)
15.
¿Cómo introduzco una animación flash
(archivo .SWF) en mi Artículo?
a)
b)
c)
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
2
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
3
15-Incrustar animaciones Flash
(SWF) en los artículos (2)
a)Encontrar y bajar una animación Flash.(1)
1. Vamos a
“Consumer
Eroski”
2. Seleccionamos
“Infografías”
Koldo Parra de la Horra
4
15-Incrustar animaciones Flash
(SWF) en los artículos (3)
a)Encontrar y bajar una animación Flash.(2)
2. Salen
ordenadas por
categorías. Por
ejemplo
elegimos
“Nuevas
Tecnologías”.
Koldo Parra de la Horra
5
15-Incrustar animaciones Flash
(SWF) en los artículos (4)
a)Encontrar y bajar una animación Flash.(3)
3. Elegimos la
infografía
sobre la fibra
óptica.
Koldo Parra de la Horra
6
15-Incrustar animaciones Flash
(SWF) en los artículos (5)
a)Encontrar y bajar una animación Flash.(4)
4. Podemos verla
5. Y también
podemos
descargarla.
Koldo Parra de la Horra
7
15-Incrustar animaciones Flash
(SWF) en los artículos (6)
a)Encontrar y bajar una animación Flash.(5)
5. En la
siguiente
pantalla
hacemos clic
otra vez en
“Descargar
Infografía”.
Koldo Parra de la Horra
8
15-Incrustar animaciones Flash
(SWF) en los artículos (7)
a)Encontrar y bajar una animación Flash.(6)
6. Este es el archivo que
ha bajado a nuestro
equipo.
7. Lo copiamos a una
carpeta llamada
“Infografías y dentro
de ella lo
descomprimimos.
Koldo Parra de la Horra
9
15-Incrustar animaciones Flash
(SWF) en los artículos (8)
a)Encontrar y bajar una animación Flash.(7)
8. Es un archivo swf. El
original en zip y el
html los podemos
eliminar.
Koldo Parra de la Horra
10
15-Incrustar animaciones Flash
(SWF) en los artículos (9)
b)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
11
15-Incrustar animaciones Flash
(SWF) en los artículos (10)
b)Subir el archivo al FTP vía Docman.(2)
Koldo Parra de la Horra
1. Vamos a la
portada de
nuestro portal.
2. Loguearnos.
3. Encontrar el
enlace
“Descargas” en
el menú
principal. Hacer
clic en él. 12
15-Incrustar animaciones Flash
(SWF) en los artículos (11)
b)Subir el archivo al FTP vía Docman.(3)
4. Hemos entrado en Docman.
5. Hacemos clic en “Submit file”.
Koldo Parra de la Horra
13
15-Incrustar animaciones Flash
(SWF) en los artículos (12)
b)Subir el archivo al FTP vía Docman.(4)
6. Seleccionamos “Subir desde nuestro ordenador”.
7. Hacemos clic en “Next”.
Koldo Parra de la Horra
14
15-Incrustar animaciones Flash
(SWF) en los artículos (13)
b)Subir el archivo al FTP vía Docman.(5)
8. Hacemos clic en “Examinar”.
9. Seleccionamos el archivo de nuestro disco duro.
Koldo Parra de la Horra
15
15-Incrustar animaciones Flash
(SWF) en los artículos (14)
b)Subir el archivo al FTP vía Docman.(6)
10. Seleccionamos el
archivo
“fibra_optica.swf ”.
11.Clic en “Abrir”.
Koldo Parra de la Horra
16
15-Incrustar animaciones Flash
(SWF) en los artículos (15)
b)Subir el archivo al FTP vía Docman.(7)
12. Hacemos clic en “Upload”.
Koldo Parra de la Horra
17
15-Incrustar animaciones Flash
(SWF) en los artículos (16)
b)Subir el archivo al FTP vía Docman.(8)
13. Esperamos a que suba. Tarda poco.
Koldo Parra de la Horra
18
15-Incrustar animaciones Flash
(SWF) en los artículos (17)
b)Subir el archivo al FTP vía Docman.(9)
14. Podemos
renombrar el
archivo.
15.Elegir Carpeta. Lo
ideal es crear una
por Departamento.
(Administrador).
16.Activar “Yes” en
“Aproved”
17.Confirmar.
Koldo Parra de la Horra
19
15-Incrustar animaciones Flash
(SWF) en los artículos (18)
b)Subir el archivo al FTP vía Docman.(10)
18. Vemos el archivo subido
junto con los otros
anteriores.
19.Da igual que esté en la
carpeta “Nuevas
tecnologías”, la ruta del
archivo es el servidor
FTP de nuestro IES o
CP+/joomla/dmdocume
nts/fibra_optica.swf
Koldo Parra de la Horra
20
15-Incrustar animaciones Flash
(SWF) en los artículos (19)
b)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
21
15-Incrustar animaciones Flash
(SWF) en los artículos (20)
b)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
Depende Carpeta
de cada
de
centro Docman
en
Joomla
Koldo Parra de la Horra
Nombre
del
archivo.
22
15-Incrustar animaciones Flash
(SWF) en los artículos (21)
b)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.
Koldo Parra de la Horra
Sólo
cambia
esto
23
15-Incrustar animaciones Flash
(SWF) en los artículos (22)
c)Insertar el SWF en el Artículo.(1)
1. Como siempre,
creamos un
artículo.
2. De nuevo
deberemos editar
en HTML, por lo
tanto el botón será
“<>”.
Koldo Parra de la Horra
24
15-Incrustar animaciones Flash
(SWF) en los artículos (23)
c)Insertar el SWF en el Artículo.(2)
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
3. Pero ahora resulta
más complejo
porque no hay
reproductor
específico.
4. Primero debemos
preparar el código
base. Se
recomienda en el
bloc de notas
25
15-Incrustar animaciones Flash
(SWF) en los artículos (24)
c)Insertar el SWF en el Artículo.(3)
5. 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)
Koldo Parra de la Horra
(2)
26
15-Incrustar animaciones Flash
(SWF) en los artículos (25)
c)Insertar el SWF en el Artículo.(4)
6. 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
27
15-Incrustar animaciones Flash
(SWF) en los artículos (26)
c)Insertar el SWF en el Artículo.(5)
7. Es mejor realizar los cambios en el bloc de notas.
Luego seleccionar todo, copiarlo y pegarlo en el
editor HTML de Joomla.
8. Edición y
“Seleccionar
todo”.
Control+C
Koldo Parra de la Horra
28
15-Incrustar animaciones Flash
(SWF) en los artículos (27)
c)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
29
15-Incrustar animaciones Flash
(SWF) en los artículos (28)
c)Insertar el SWF en el Artículo.(7)
9. Lo anterior es
el texto del
artículo.
Se pega aquí
con
Control+V y
se confirma
con “Update”.
Koldo Parra de la Horra
30
15-Incrustar animaciones Flash
(SWF) en los artículos (29)
c)Insertar el SWF en el Artículo.(9)
10.En el editor se ve
así. He centrado
la animación.
11.Guardamos el
Artículo de la
manera habitual.
Koldo Parra de la Horra
31
15-Incrustar animaciones Flash
(SWF) en los artículos (30)
c)Insertar el SWF en el Artículo.(10)
12.Al visualizar
el archivo se
muestra así.
Koldo Parra de la Horra
32
15-Incrustar animaciones Flash
(SWF) en los artículos (31)
c)Insertar el SWF en el Artículo.(11)
13.Es interactiva.
Podemos ir
avanzando.
Koldo Parra de la Horra
33
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
34
MANUAL DEL
PUBLICADOR EN
JOOMLA (15)
Insertar animaciones flash (SWF) en un
artículo
Fin de la presentación
Koldo Parra de la Horra
35
Descargar

MANUAL DEL PUBLICADOR EN JOOMLA