Slide 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

1


Slide 2

Í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


Slide 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

3


Slide 4

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


Slide 5

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


Slide 6

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


Slide 7

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


Slide 8

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


Slide 9

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


Slide 10

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


Slide 11

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


Slide 12

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


Slide 13

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


Slide 14

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


Slide 15

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


Slide 16

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


Slide 17

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


Slide 18

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


Slide 19

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


Slide 20

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


Slide 21

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


Slide 22

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


Slide 23

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


Slide 24

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


Slide 25

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


Slide 26

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)


(1)

Koldo Parra de la Horra

(2)

26


Slide 27

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í:

Koldo Parra de la Horra

27


Slide 28

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


Slide 29

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


Slide 30

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


Slide 31

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


Slide 32

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


Slide 33

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


Slide 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

34


Slide 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

35