MANUAL DEL PUBLICADOR EN JOOMLA (15)

Koldo Parra de la Horra 1

MANUAL DEL MANUAL DEL PUBLICADOR EN PUBLICADOR EN

JOOMLA (15)JOOMLA (15)

Todo lo que necesitas saber Todo lo que necesitas saber para publicar tus artículos en para publicar tus artículos en

la página Web del Centrola página Web del Centro

Insertar animaciones flash (SWF) Insertar animaciones flash (SWF) en un artículoen un artículo

2Koldo Parra de la Horra

Índice (8)Índice (8)

15.15. ¿Cómo introduzco una animación ¿Cómo introduzco una animación flash (archivo .SWF) en mi Artículflash (archivo .SWF) en mi Artículo?o?

a)a) Encontrar y bajar una animación FlashEncontrar y bajar una animación Flash.( archivo ..( archivo .swfswf o “ o “InfografíaInfografía”).”).

b)b) Subir el archivo al FTP vía Subir el archivo al FTP vía DocmanDocman..

c)c) Insertar el SWF en el Artículo.Insertar el SWF en el Artículo.


15-Incrustar 15-Incrustar animaciones Flash animaciones Flash

(SWF) en los artículos (SWF) en los artículos (1)(1) Programar en Flash es un trabajo arduo y requiere bastantes Programar en Flash es un trabajo arduo y requiere bastantes

conocimientos.conocimientos. Vamos a limitarnos a aprovechar lo que ya hay creado y puesto Vamos a limitarnos a aprovechar lo que ya hay creado y puesto

en la red.en la red. Se trata de archivos de extensión .SWF, infografías, en muchos Se trata de archivos de extensión .SWF, infografías, en muchos

casos interactivas. Ocupan muy poco espacio, por lo que casos interactivas. Ocupan muy poco espacio, por lo que pueden alojarse en el espacio FTP. (requerirá permiso de un pueden alojarse en el espacio FTP. (requerirá permiso de un administrador).administrador).

Es la operación más compleja, pero pueden tener una Es la operación más compleja, pero pueden tener una aplicación didáctica excelente.aplicación didáctica excelente.

Se recomienda este sitio: Se recomienda este sitio: http://www.consumer.es/infografias/ http://www.consumer.es/infografias/



(SWF) en los artículos (SWF) en los artículos (2)(2)

1.Vamos a “Consumer Eroski”

2.Seleccionamos “Infografías”

a)a)Encontrar y bajar una animación Encontrar y bajar una animación Flash.(1)Flash.(1)




2.Salen ordenadas por categorías. Por ejemplo elegimos “Nuevas Tecnologías”.





3.Elegimos la infografía sobre la fibra óptica.





4.Podemos verla

5.Y también podemos descargarla.





5.En la siguiente pantalla hacemos clic otra vez en “Descargar Infografía”.





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.





8.Es un archivo swf. El original en zip y el html los podemos eliminar.




(SWF) en los artículos (SWF) en los artículos (9)(9)b)b)Subir el archivo al FTP vía Subir el archivo al FTP vía

Docman.(1)Docman.(1) Como publicadores, inicialmente no tenemos permisos para Como publicadores, inicialmente no tenemos permisos para

subir archivos. Debemos hacerlo a través de la extensión subir archivos. Debemos hacerlo a través de la extensión Docman, comunicárselo a un administrador del portal y Docman, comunicárselo a un administrador del portal y esperar a que él nos apruebe la subida (publique) del archivo.esperar a que él nos apruebe la subida (publique) del archivo.

Para ello se debe cumplir que:Para ello se debe cumplir que: La extensión Docman esté instalada.(Debe hacerlo el administrador).La extensión Docman esté instalada.(Debe hacerlo el administrador). Esté configurado para permitir la subida de archivos .SWF (Debe Esté configurado para permitir la subida de archivos .SWF (Debe

hacerlo el administrador).hacerlo el administrador). La carpeta de destino de los archivos sea: joomla/dmdocuments.La carpeta de destino de los archivos sea: joomla/dmdocuments.

No debemos abusar subiendo muchos archivos o subiendo No debemos abusar subiendo muchos archivos o subiendo archivos grandes.archivos grandes.




Docman.(2)Docman.(2) 1.Vamos a la portada de nuestro portal.

2.Loguearnos.3.Encontrar el

enlace “Descargas” en el menú principal. Hacer clic en él.




Docman.(3)Docman.(3)4.Hemos entrado en Docman.5.Hacemos clic en “Submit file”.




Docman.(4)Docman.(4)6.Seleccionamos “Subir desde nuestro

ordenador”.7.Hacemos clic en “Next”.




Docman.(5)Docman.(5)8. Hacemos clic en “Examinar”.9.Seleccionamos el archivo de nuestro

disco duro.




Docman.(6)Docman.(6)

10. Seleccionamos el archivo “fibra_optica.swf”.

11.Clic en “Abrir”.




Docman.(7)Docman.(7)12. Hacemos clic en “Upload”.




Docman.(8)Docman.(8)13. Esperamos a que suba. Tarda poco.




Docman.(9)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.




Docman.(10)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/dmdocuments/fibra_optica.swf




Docman.(11)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




Docman.(12)Docman.(12)Analicemos:http://web.educastur.princast.es/ies/matajove/joomla/dmdocuments/


Dirección FTP de

Educastur

Carpeta de

Docman en

Joomla

Depende de cada

centro

Nombre del

archivo.




Docman.(13)Docman.(13)http://web.educastur.princast.es/ies/matajove/joomla/dmdocuments/


Para vuestro centro es siempre igual.

Sólo cambia esto



(SWF) en los artículos (SWF) en los artículos (22)(22)c)c)Insertar el SWF en el Artículo.Insertar el SWF en el Artículo.

(1)(1)1. Como

siempre, creamos un artículo.

2.De nuevo deberemos editar en HTML, por lo tanto el botón será “<>”.




(2)(2) 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

Este código puede obtenerse del archivo “reproductor swf.txt”, dentro de la carpeta de recursos de esta publicación.




(3)(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" <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="400" height="400">swflash.cab#version=6,0,29,0" width="400" height="400">

<param name="movie" <param name="movie" value="http://ftpweb.educastur.princast.es/ies/matajove/joomla/dmdocuments/value="http://ftpweb.educastur.princast.es/ies/matajove/joomla/dmdocuments/nombrearchivo.swf">nombrearchivo.swf">

<param name="quality" value="high"><param name="quality" value="high">

<embed src="nombre_carpeta_flash/archivo.swf" quality="high" <embed src="nombre_carpeta_flash/archivo.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="400" height="400"></embed> </object>flash" width="400" height="400"></embed> </object>

(1)

(2)




(4)(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" <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="400" height="400">swflash.cab#version=6,0,29,0" width="400" height="400">

<param name="movie" <param name="movie" value="http://ftpweb.educastur.princast.es/ies/matajove/joomla/dmdocumentsvalue="http://ftpweb.educastur.princast.es/ies/matajove/joomla/dmdocuments /fibra-/fibra-optica.swf">optica.swf">

<param name="quality" value="high"><param name="quality" value="high">

<embed src="nombre_carpeta_flash/archivo.swf" quality="high" <embed src="nombre_carpeta_flash/archivo.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="400" height="400"></embed> </object>shockwave-flash" width="400" height="400"></embed> </object>




(5)(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




(6)(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




(7)(7)9.Lo

anterior es el texto del artículo.Se pega aquí con Control+V y se confirma con “Update”.




(9)(9)

10.En el editor se ve así. He centrado la animación.

11.Guardamos el Artículo de la manera habitual.




(10)(10)

12.Al visualizar el archivo se muestra así.




(11)(11)

13.Es interactiva. Podemos ir avanzando.


Hay que instalar el plugin de Adobe Hay que instalar el plugin de Adobe para poder reproducir archivos flashpara poder reproducir archivos flash

http://www.adobe.com/products/flash/about/ http://www.adobe.com/products/flash/about/

O bien haz clic sobre esta imagenO bien haz clic sobre esta imagen



Koldo Parra de la Horra 35

MANUAL DEL MANUAL DEL PUBLICADOR EN PUBLICADOR EN

JOOMLA (15)JOOMLA (15)Insertar animaciones flash (SWF) Insertar animaciones flash (SWF)

en un artículoen un artículoFin de la presentaciónFin de la presentación

MANUAL DEL PUBLICADOR EN JOOMLA (15)

Documents

Transcript of MANUAL DEL PUBLICADOR EN JOOMLA (15)