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

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.

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/

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

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

17
15-Incrustar animaciones Flash (SWF) en los
artículos (15)

• Subir el archivo al FTP vía Docman.(7)

• Hacemos clic en Upload.

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.

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.

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

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/joom
  la/dmdocuments/nombredelarchivo.swf

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/ie
s/matajove/joomla/dmdocuments/nombredelarchivo.swf
Dirección FTP de Educastur
Nombre del archivo.
Carpeta de Docman en Joomla
Depende de cada centro
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/jo
omla/dmdocuments/nombredelarchivo.swf
Para vuestro centro es siempre igual.
Sólo cambia esto
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á ltgt.

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

ltobject classid"clsidD27CDB6E-AE6D-11cf-96B8-444
553540000" codebase"http//download.macromedia.co
m/pub/shockwave/cabs/flash/swflash.cabversion6,0
,29,0" width"400" height"400"gt ltparam
name"movie" value"http//ftpweb.educastur.princa
st.es/ies/matajove/joomla/dmdocuments/nombrearchiv
o.swf"gt ltparam name"quality" value"high"gt
ltembed src"nombre_carpeta_flash/archivo.swf"
quality"high" pluginspage"http//www.macromedia.
com/go/getflashplayer" type"application/x-shockwa
ve-flash" width"400" height"400"gtlt/embedgt
lt/objectgt
(1)
(2)
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í

ltobject classid"clsidD27CDB6E-AE6D-11cf-96B8-444
553540000" codebase"http//download.macromedia.co
m/pub/shockwave/cabs/flash/swflash.cabversion6,0
,29,0" width"400" height"400"gt ltparam
name"movie" value"http//ftpweb.educastur.princa
st.es/ies/matajove/joomla/dmdocuments
/fibra-optica.swf"gt ltparam name"quality"
value"high"gt ltembed src"nombre_carpeta_flash/a
rchivo.swf" quality"high" pluginspage"http//www
.macromedia.com/go/getflashplayer"
type"application/x-shockwave-flash" width"400"
height"400"gtlt/embedgt lt/objectgt
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. ControlC

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
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 ControlV y se confirma con
  Update.

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.

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

33
15-Incrustar animaciones Flash (SWF) en los
artículos (31)

• Insertar el SWF en el Artículo.(11)

• Es interactiva. Podemos ir avanzando.

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

35
MANUAL DEL PUBLICADOR EN JOOMLA (15)
Insertar animaciones flash (SWF) en un artículo

• Fin de la presentación