CMS-JOOMLA-01
Implementación de un sistema de gestión de
contenidos multimedia.
José Manuel Chorro Boix. Transmisión de Datos Multimedia, Master en Ingeniería de Computadores.
en la gestión del contenido existente o publicar contenido
Resumen—Este documento presenta una breve introducción a nuevo. Para poder llevar a cabo este proceso de gestión los
los Sistemas de Gestión de Contenido, de ahora en adelante CMS, CMS implementan una estructura jerárquica de usuarios en
y los pasos a seguir para realizar la implementación de “Joomla” varios niveles, que se pueden resumir de forma genérica en
en una plataforma Linux, en concreto en la distribución
“Kubuntu” basada en “Debian”. Joomla es el CMS descrito en
tres: Administración y gestión de la funcionalidad del sitio,
este documento y permite la publicación de contenido multimedia, como nivel de usuario más elevado; administración del
(audio y video), ampliando su funcionalidad por medio de un tipo contenido, que permite decidir si un determinado contenido
de extensión que en términos de Joomla se llama “Mambot”. En será o no publicado y cuando será retirado, y finalmente
el sitio web desarrollado se han publicado las grabaciones creación de contenido, esta acción normalmente le está
realizadas en las clases de transmisión de datos multimedia, y asignada a todos los usuarios registrados en el sitio y en
algunos vídeos ilustrativos para mostrar las posibilidades de este
CMS. Finalmente se ha realizado una captura de red mediante el algunos casos, hasta incluso a los usuarios visitantes. Esta
programa “Ethereal” y “Carena”, a nivel de protocolo “http” jerarquía, en la organización de las tareas en varios niveles de
para tratar de aclarar como “Joomla”, permite mostrar el responsabilidad impide que se produzcan situaciones
contenido multimedia embebido en los artículos allí publicados. indeseadas.
Finalmente hablar del tipo de contenido, en principio la
publicación de contenido fue orientada fundamentalmente a
I. INTRODUCCIÓN texto permitiendo en algunos casos la introducción de
L A primera cuestión planteada, es la aclaración del término
CMS que se podría definir como un software accesible a
través de un navegador que permite crear y administrar
imágenes, como son el caso de los CMSs orientados a
“Blogs”, “Wikis”, “Chats”, “Foros” etc, pero cada vez más
aparecen portales orientados a la publicación de contenido
portales o sitios web de forma sencilla, así como facilitar los multimedia como es el caso de YouTube, de ahí que hayan
mecanismos y recursos necesarios para que los propios aparecido varios CMSs orientados a este tipo de contenido o
usuarios del sitio actualicen y publiquen contenido en dicho hayan añadido esta funcionalidad a las ya existentes.
portal. Una definición más precisa se puede encontrar en la En cuanto al tipo de licencias en el que se presenta este tipo de
“wikipedia” y dicho sea de paso la propia wikipedia es un software, decir que se encuentra de todo, licencias
CMS en si. La arquitectura básica que compone cualquier comerciales, libres, de código abierto, etc.
CMS se apoya en tres pilares: Una base de datos que podrá
residir o no en el propio servidor, un servidor de HTTP y un II. ESTADO DEL ARTE
intérprete de código al que el servidor web le pasará las El primer factor de filtrado para elegir un CMS era que tuviera
peticiones. En el caso de Joomla, el sistema operativo del la posibilidad de publicar contenido multimedia, en segundo
servidor puede ser tanto Linux como MS Windows, pero lugar y no menos importante que el primero, es que debía de
obliga a que la base de datos sea MySql, el servidor Web ser abierto y libre. Para realizar el estudio, se partió de una
Apache, y el interprete de comandos o lenguaje en el que está clasificación realizada por WikiPedia, en la que proporcionaba
programado el sitio PHP. Esta combinación, MySql-Apache- una lista de CMSs orientados a la construcción de portales
Php es bastante común y son muchos los portales web que se web y de carácter libre, en esta lista no se aclaraba que el
basan en ella. En cuanto a la forma de trabajar de los CMS, software presentase la posibilidad de publicar contenidos
todos funcionan de forma similar, pues básicamente divide su multimedia, de hecho, después de investigar algo más sobre
gestión en dos partes: una orientada a la administración y a la esta lista se pudo comprobar que ninguno de ellos aparecía con
que sólo pueden acceder los administradores, en la que se esta opción por defecto, solo los más populares permitían la
determinará la funcionalidad de los distinto elementos que instalación de complementos adicionales que les añadían
componen el sitio y su aspecto final, y otra parte visible al funcionalidad multimedia, como es el caso de Joomla, que
usuario final que le permitirá navegar por el portal y acceder al junto con la publicidad que recibía por haber
contenido de forma eficiente, así como colaborar y participar
CMS-JOOMLA-01 2
ganado el premio al mejor CMS de código abierto de 2006, Ubuntu, realmente la diferencia primordial es el tipo de
hizo que se convirtiese en el software elegido. Quizá la forma escritorio que utiliza, Ubuntu implementa Gnome y Kubuntu
en la que se ha llevado a cabo esta decisión parezca un poco KDE. Se podría haber elegido Windows 2000 Server como
pobre, pero lo cierto es que la elección cumplía las sistema operativo, pues se dispone de licencia corporativa en
expectativas principales, “GNU/GPL+Multimedia”, a las que el politécnico, además el grado de conocimiento de este
habría que añadirles la publicidad del momento. Para sistema operativo es muy superior al de Linux. La pregunta es,
determinar lo óptima que ha sido esta decisión, se tendría que ¿Entonces por qué Linux?; tres son las razones fundamentales,
realizar la implementación de varios CMSs que cumpliesen la primera el interés por conocer mejor este sistema operativo,
estas características y realizar comparaciones entre ellos para segundo que es completamente gratuito, y tercero por
obtener una correcta evaluación, pero ello, aunque sería lo solidaridad con la filosofía de código abierto.
ideal, llevaría demasiado tiempo. No se va a entrar en los detalles de la instalación del sistema
Las posibilidades multimedia que ofrece Joomla vienen operativo, sólo resaltar que es muy sencillo más que una
determinadas por un “mambot”, que hay que instalar en la instalación de Windows XP, en cualquier caso es mucha la
distribución básica y que vienen descritas en la pagina web de documentación y tutoriales sobre cómo instalar esta
sus desarrolladores [1] entre las que cabe destacar, distribución, para ello y para más información sobre el
reproducción audio mp3 y wma, vídeos en formato mpg4, proyecto, se puede consultar su página web [4]. Kubuntu
wmv, avi y permite incorporar enlaces embebidos a vídeos realiza las instalaciones de paquetes a través de lo que se llama
subidos a servidores de vídeo como “YouTube”, lo cual es una un gestor de instalaciones, al cual se accede a través del
característica interesante pues permite ahorrar mucho espacio comando “Aptitude”. Las aplicaciones disponibles para el
en disco y sólo perder el control del formato en el que el vídeo sistema, se encuentran en los llamados repositorios y la
se presenta en la página, pues el aspecto es el mismo que si información necesaria para buscar y descargar aplicaciones de
estuviese en nuestro propio servidor. La forma de introducir el dichos repositorios, se encuentra almacenada en el fichero
vídeo o el audio es relativamente sencilla, consiste en “/etc/apt/sources.list”. Por defecto, en la instalación de
introducir una etiqueta del tipo: Kubuntu, se excluyen en el fichero algunos repositorios a los
{formato}nombre_fichero_sin_extensión{/formato} que se necesita tener acceso y que son [5] y [6] se
Donde {formato} hace referencia a una de las siglas de los descomentan las dos líneas, se guarda el fichero y finalmente
formatos soportados por Joomla, o la etiqueta que identifica al se actualizan los cambios ejecutando el commando “aptitude
servidor de vídeo correspondiente, estas etiquetas son upgrade” .
introducidas por medio del editor proporcionado por Joomla, Hasta este punto, la instalación realizada era opcional, se
como componente del sistema del tipo What You See Is What podría haber elegido una plataforma Windows perfectamente,
You Get, y rompe un poco con la propia definición del editor no es un requerimiento de Joomla, en cambio previamente al
pues lo que se ve es una etiqueta y no el vídeo, probablemente lanzamiento de la instalación de Joomla, que se abordará en el
esto se solucione con posteriores versiones. siguiente apartado, se exige que se haya instalado, MySql
Una vez elegido Joomla como el CMS a implantar, todavía (V3.23 o superior) como servidor de base de datos, PHP
quedaba una decisión más, versión Beta 1.15 o la última (V4.3 o superior), para manejar el contenido dinámico y
versión estable 1.11; por tratarse de la primera vez que se Apache (V1.13.19 o superior) como servidor de web. A
instalaba este software se decide instalar la versión 1.11, de continuación, se describen los pasos para instalar estos
componentes desde una ventana de Terminal.
esta forma se evitaba la aparición de inestabilidades en su
Instalación de MySql. Se ejecuta el comando “sudo aptitude
funcionamiento. Además esta versión tenía el aliciente de estar
install mysql-server-4.1”, simplemente destacar la orden
traducida al español. Se puede obtener una buena descripción
“sudo”, esta orden indica al sistema que el comando que le
sobre este CMS en la url [2]. sigue lo ejecuta “root”, por ello pedirá la contraseña antes de
realizar la ejecución.
I. IMPLEMENTACIÓN DE LA ARQUITECTURA Instalación de Apache. Se ejecuta “sudo aptitude install
Como soporte Hardware se parte de un PC con 512Mb de apache2”.
RAM, un procesador Pentium IV a 2,5GHz y un disco duro de Instalación de PHP. Se ejecuta “sudo aptitude install php5”.
70 Gb, (más que suficiente), la máquina se encuentra integrada No solamente se requiere la instalación de estos componentes,
dentro de la red de la UPV, y para ser accedida desde el sino que es necesaria la instalación adicional de dos programas
exterior será necesaria una conexión tunel [16], pues por para que MySql pueda trabajar conjuntamente con Apache y
defecto el Firewall de la UPV corta los accesos al puerto 80. Php.
La dirección IP de la máquina se puede considerar como fija, Instalación de soporte de MySql para Php. “sudo aptitude
(158.42.196.226); aprovechando esta característica se ha install libapache2-mod-auth-mysql”
Instalación de soporte de MySql para Apache. “sudo aptitude
decidido asignarle un nombre DNS a través de la empresa [3].
install php5-mysql”
El nombre que se le ha asignado es “mediaclub.blogdns.com”.
Finalmente, para comprobar que la instalación se ha realizado
Como sistema operativo se ha elegido linux, en concreto, la
correctamente se abre una ventana de navegador dentro de la
distribución Kubuntu, basada en Debian, muy similar a la propia máquina y se intenta cargar el fichero, “test.php”, si el
CMS-JOOMLA-01 3
resultado es el que se muestra en la siguiente captura todo tabla), es creada por Joomla automáticamente durante el
indicará que la instalación se realizó correctamente. proceso de instalación pero el nombre del “usuario” y de la
“base de datos” se le ha de proporcionar. Para ello se ha hecho
uso de un tutorial de My Sql, que puede ser consultado en [9].
Cuando MySql se instala por primera vez, el usario “root” es
creado sin password. Para crear la base datos existen varios
procedimientos, inicialmente se creó accediendo al servidor
con la cuenta de root por medio del comando “mysql –u root “
que abre la consola del servidor mysql, antes de seguir
adelante, en este punto, se debe de cambiar la contraseña de
root por medio del comando “SET PASSWORD FOR root”,
este es un tema importante de seguridad. Desde la consola se
ejecuta el comando “CREATE DATABASE base_joomla;”,
donde “base_joomla” es el nombre de la base de datos que se
crea. La creación del usario y la asignación de permisos sobre
la base de datos, se realiza con el comando “GRANT ALL
PRIVILEGES ON base_joomla.* TO 'joomlin'@'localhost'
IDENTIFIED BY 'contraseña'”. En este caso, el usario
“joomlin”, que no existía, es creado por el propio comando y
se le asigna la contraseña que se elija en ese momento.
Realizar estas operaciones desde la consola de comandos es
poco amigable, existe la posibilidad de conseguir el mismo
resultado por medio de una utilidad Php, que se puede ejecutar
Los pasos para realizar esta instalación, se han sacado de un desde el navegador, previa instalación en el servidor, se la
artículo redactado para una distribución “Ubuntu”, pero que conoce con el nombre “Phpmyadmin” y se puede instalar por
son perfectamente exportables a “Kubuntu”, se encuentran en medio del comando “aptitude INSTALAR phpmyadmin”, el
[7]. Esta página ha sido de una gran utilidad, para inexpertos aspecto del interface se muestra en la captura siguiente y es
en entorno Linux (como es el caso), pero no todo podía ser aconsejable usarlo para cualquier mantenimiento que se deba
perfecto, como más adelante se comentará, los documentos hacer con la base de datos si no se tiene experiencia con la
Joomla están codificados en “ISO-8859-1”, comúnmente consola del servidor MySql.
conocido como codificación “latin1”, en cambio Kubuntu y el
texto desarrollado para él, esta codificado en “UTF-8”, y Php
toma por defecto la codificación del sistema, es decir “UTF-
8”, en este caso, esto provoca la perdida de la “ñ” y de los
acentos. En el siguiente apartado, “Instalación de Joomla”, se
tratará este tema con más detalle, aquí simplemente comentar
que para evitar esta incomodidad desde el principio basta con
editar un fichero de configuración: El mantenimiento sobre la base de datos se puede considerar
“/etc/php5/apache2/php.ini” del Php, y asignar a la variable prácticamente nulo, salvo que se quiera realizar alguna copia
“default_charset” el valor “iso-8859-1”. Esta información se de seguridad, mover Joomla a otra máquina, o simplemente
obtuvo por medio una consulta al Chat de la comunidad instalar la base de datos en un servidor independiente, en estos
Joomla, [8], leer este foro es buena manera de resolver dudas y casos se tendrá que exportar la base de datos completa e
aprender cosas acerca de Joomla. importarla en el nuevo destino. Comentar que si se realiza
alguna vez esta operación, recordar que el código de
caracteres en la importación se debe de corresponder con el de
II. INSTALACIÓN DE JOOMLA la información contenida en dicha base de datos que en este
Llegados a este punto, ya se tiene el servidor preparado para caso será “Latin1”, en caso contrario también se tendrá
realizar la instalación del CMS elegido. El documento que ha problemas con la ñ y los acentos.
servido de guía para realizar la instalación de Joomla, es el
propio manual de usuario. Este manual contempla dos casos,
que tengamos acceso y control sobre el servidor que es nuestro
caso, o que el servidor sea remoto, la complejidad de este
segundo caso dependerá de la flexibilidad del proveedor de
hosting, en cualquier caso, antes de comenzar a instalar nada,
se debe crear en el servidor de base de datos, una base de
datos y un usuario con permisos sobre esa base de datos, la
estructura de dicha base de datos, (tablas y campos de cada
CMS-JOOMLA-01 4
Es conveniente sintetizar la información obtenida en este paso En esta pantalla, se rellenan las casillas con los datos de
para ser usada más adelante. configuración de MySql sintetizados en la anterior columna y
Nombre de la base de datos: base_joomla es conveniente marcar la casilla, instalar datos de ejemplo,
Usuario de la base de datos: joomlin para poder realizar algunas pruebas antes de comenzar a
Password del usuario: ******** introducir contenido.
Servidor de la base de datos: localhost El prefijo de las tablas que crea Joomla en la base de datos lo
El paso siguiente es descargase el software, que viene propone en este apartado como “jos_”, es un dato que Joomla
comprimido en un único fichero, de la página [10]. permite modificar pero no se aprecia ningún interés en poner
Una vez descargado el fichero “Joomla_1.0.11-spanish- otro distinto.
premium.zip” se descomprime con la utilidad “gunzip”. Hay Pulsando nuevamente en botón siguiente, Joomla pide
que destacar que el código Joomla es PHP, luego el mismo confirmación sobre los parámetros introducidos y pulsando
código servirá tanto para un sistema Linux como para uno aceptar carga la pantalla del paso dos, en el que simplemente
Windows, de ahí que no haga distinción en la página de se pregunta por el nombre del sitio que utilizará en los correos
descarga. La descompresión del fichero ha de realizarse en el electrónicos y que para este caso carece de importancia.
directorio principal del servidor web, en este caso: En la pantalla del paso tres se piden cuatro datos importantes:
“/var/www”. A partir de este momento la instalación se La url de sitio web: http://mediaclub.blogdns.com
continúa desde el navegador simplemente accediendo a la La localización física del sito:/var/www
dirección del sitio web: http://localhost (para este caso). La dirección de correo del administrador:******
La página de inicio del sito web, es ahora la pantalla de La contraseña del administrador:*******
preinstalación de Joomla, en la que se informa si todos los De estos datos sin querer restar importancia a los 3 primeros,
componentes necesarios para la instalación están el más importante es el cuarto; Joomla crea un usuario al que
correctamente instalados como se puede ver en la siguiente llama “admin” y que tiene capacidad de administrar el sitio
captura de pantalla: web, para ello se debe de acceder a la zona de administración,
(Back-End), utilizando la contraseña que aquí se define.
En esta pantalla se hacen además dos preguntas importantes,
en cuanto a seguridad se refiere y que es conveniente dejarlas
en la opción por defecto, pues así se le resta capacidad a
Joomla para que modifique los permisos del sistema de
archivos, aunque en este caso no se considera decisivo. Es
importante no olvidar la clave del administrador
(usuario:admin.), con estos aspectos aclarados se pasa a la
pantalla siguiente, en la que básicamente se pide confirmación
de la clave de acceso que se citaba anteriormente y ofrece la
posibilidad de cambiar el nombre del administrador “admin”
por el que se crea conveniente, en este caso se ha mantenido la
de defecto: “admin” , también se informa que se debe de
borrar el directorio “installation” situado en la raíz del sitio
Si todas las comprobaciones aparecen en verde, se puede web y que Joomla crea durante la instalación. Joomla no
pulsar el botón siguiente para continuar con la instalación. funcionará mientras no se borre manualmente desde el sistema
En este apartado, se presenta otra pantalla en la que se informa operativo, por motivos de seguridad.
que Joomla es software libre distribuido bajo GNU/GPL y El aspecto que tiene el sitio cuando la instalación ha finalizado
suponiendo que se está de acuerdo con estos términos, se pulsa correctamente se muestra en la siguiente captura:
el botón siguiente que lleva a la pantalla de configuración de
la base de datos:
CMS-JOOMLA-01 5
III. INSTALACIÓN DEL MAMBOT ALL_VIDEOS_PLUGIN posibilidades de éste pues son descritas con el suficiente
En este momento se tiene montado un sitio web con muchas detalle en el manual del usuario de Joomla. La mayoría de
posibilidades, pero que todavía no está en condiciones de opciones de administración pueden ser accedidas doblemente
poder publicar contenido multimedia embebido en la propia tanto por los iconos del panel como por el menú desplegable
página, para ello es necesaria la instalación de lo que se puede de la parte superior de la pantalla.
considerar un Plugin, pero que Joomla, prefiere denominar Para la instalación de AllvideosPlugin lo más sencillo una vez
“Mambot”. se tiene acceso al panel de control es clicar sobre el Icono
Joomla dispone de tres tipos de Plugins: “Instalar Mambot”, que aparece en la parte inferior izquierda
Componentes del panel y que abre una nueva pantalla desde la que se puede
Módulos gestionar la instalación y desinstalación de mambots.
Mambots La siguiente captura, muestra la parte de la pantalla en la que
Los mambots, sirven para ampliar las funcionalidades de los se ha de centrar la atención para realizar la instalación:
módulos y los componentes, en concreto AllvideosPlugin
amplia las funcionalidades del editor de contenido de Joomla
que es considerado un “componente”, permitiendo introducir
determinado tipo de etiquetas que serán sustituidas por
ficheros de audio o vídeo y generando la apariencia de estar 1 1
Haciendo clic en el botón examinar, se le indica a Joomla, por
embebidos en la propia página. medio de un explorador de archivos, dónde se encuentra el
Como anécdota contar que, cuando se intentó instalar fichero “.zip” que se descargó previamente. Una vez el
AllvideosPlugin no se tenía muy clara la jerarquía de estas nombre completo del fichero aparece en el recuadro “Paquete”
funcionalidades y se asumió tácitamente que se trataba de un se hace clic en el botón subir archivo e instalarlo. Al final de la
módulo y no de un mambot, lo que produjo muchos instalación aparecerá un mensaje informando que la
quebraderos de cabeza y la pérdida de bastante tiempo. instalación fue satisfactoria. El mambot recién instalado
El primer paso para la instalación del componente, es genera una nueva entrada en la lista de mambots instalados,
descargarlo de la página de sus creadores, no hace falta (no del núcleo), que aparece en la parte inferior de la pantalla
descargarlo localmente en el servidor, basta con descargarlo en y muestra información sobre el autor, versión, página de
el ordenador cliente desde el que se va a acceder al panel de descarga, etc, sobre esta lista solo se puede actuar para realizar
administración para realizar la instalación. Previamente a la desinstalaciones.
descarga se ha tenido que navegar un poco por los foros y
enlaces de la comunidad Joomla hasta encontrar lo que se
estaba buscando y cabe destacar que la solución es única, es
decir, no se encontraron varias posibilidades sobre las que
poder hacer comparaciones
La solución como se comentó en la introducción se encontró 1
en la página: [1], desde la que se puede realizar la descarga del Para acceder a las posibilidades de configuración y ayuda
fichero: sobre como emplearlo, hay que acceder a través de la barra de
“plugin_jw_allvideos_2.2.zip”. Otra cosa interesante que menús del panel de control a la opción: “Gestión de Mambots”
sorprende, no es necesario que se descomprima el fichero para que presenta otra lista con todos los mambots
su instalación. disponibles,(núcleo + instalados).
Una vez el fichero está descargado, para proceder a su
instalación, es necesario acceder a la parte de administración
del sitio desde el enlace de la página principal
“Administración”, en el menú “Recursos Joomla” o bien
directamente desde el navegador: [11] , en cualquiera de los
casos una ventana como la que se muestra en la captura Haciendo clic sobre el mambot instalado se abre una página
siguiente aparecerá, preguntando por el nombre de usuario y con todas las posibilidades de configuración e información que
contraseña. el programador haya considerado. Como anécdota comentar
que de este mambot existen varias versiones e inicialmente se
instaló la más actual, el problema es que estaba desarrollado
por un programador alemán y se tuvo que desinstalar e instalar
una versión anterior desarrollada en inglés pues no fue posible
entender la documentación y ventajas que aportaba dicha
versión. Existe una versión inferior a la instalada actualmente
con la documentación en español, sin embargo, se ha
mantenido la versión en inglés porque resolvía algunos de los
bugs que presentaba la versión en español.
Una vez validados correctamente, Joomla muestra el panel de El programador de este mambot ha previsto 4 parámetros
control del administrador, no se describen todas las importantes de configuración:
CMS-JOOMLA-01 6
El tamaño del objeto embebido de video
El tamaño del objeto embebido de audio
El directorio donde se almacenan los ficheros de
vídeo
El directorio donde se almacenan los ficheros de
audio.
En cuanto a las dimensiones de los vídeos, presenta una
general a la que llama “Master” y dos excepciones para vídeos
localizados en otros servidores a los que llama Ifilm y
Metacafe.
La información sobre la forma de usar el mambot está
separada en dos partes: una dedicada a los formatos admitidos
localmente y la forma de integrarlos en los artículos y la otra Aspecto del artículo publicado
dedicada al conjunto de servidores de vídeo a los que se puede
hacer referencia desde los artículos.
Los formatos disponibles en video son:
.flv (recomendado para streaming)
.swf
.mov (el Segundo mayor para streaming)
.mp4 (tanto para video como para audio)
.wmv (sin incluir asf y axf)
.avi (incluido DivX) Estos ejemplos son para el caso de audio ,en caso de vídeo
.mpg y .mpeg en el modo de edición sólo cambia el nombre del archivo y
.rm y .ram (Tanto para video como para audio) el tipo de etiqueta, el aspecto publicado se muestra a
continuación:
Disponibles para audio:
.mp3 (Este formato se soporta tanto localmente en el
servidor como en un servidor remoto)
.wma
.rm y .ram
.mp4
Existe un gran número de servidores en Internet que este
mambot considera compatibles, para que Joomla tenga
referencia del tipo de servidor y las peculiaridades que pueda
presentar la codificación de los vídeos allí almacenados,
necesita que el vídeo sea identificado con una etiqueta distinta
para cada tipo de servidor, además de indicar el identificador
del archivo.
Los servidores más importantes de vídeo, soportados son los
siguientes
Google (varios países)
Yahoo! Vídeo IV. ESTRUCTURACIÓN DEL CONTENIDO
YouTube
iFilm Ya se está en condiciones de poder publicar contenido
Metacafe multimedia de una forma sencilla, pero este contenido ha de
Bolt (para vídeo y audio) ser estructurado, clasificado y ordenado de forma también
La forma de añadir estas etiquetas a los artículos ya ha sido sencilla, para poder hacer esto es necesario conocer más cosas
comentada anteriormente, para que quede más claro se han sobre Joomla, sin entrar en el nivel de detalle del manual de
realizado unas capturas de pantalla: usuario, se van a dar las claves para poder entender la forma
Aspecto del artículo en modo de edición en la que se ha estructurado este contenido.
En primer lugar, se tiene que tener claro que lo que se va a
publicar en el sitio es el conjunto de grabaciones de algunas de
las asignaturas del master y un conjunto de vídeos sobre los
que se van a realizar algunas pruebas para tratar de analizar
como funciona la incrustación de vídeo a nivel de protocolo
http. Es interesante que el contenido de audio se acompañe de
un breve texto de descripción y que se puedan hacer
búsquedas en el sitio web en base a dicho texto.
Joomla estructura el contenido en tres niveles jerárquicos:
CMS-JOOMLA-01 7
Super Admin
SECCIONES
Back Administrador
Administrador
End
Panel de
CATEGORIAS Manager
Administració
n
Supervisor
ARTICULOS
Editor
Front
De forma que los artículos están contenidos o pertenecen a
una única categoría y a su vez cada categoría pertenece a una End Autor
determinada sección, este concepto de estructura lleva a
Sito Web Registrado Alumnos
confusión, cuando se introduce el concepto de menú, los
menús se tratan como simples listas de elección (de varios Invitados
formatos) que son dispuestos en una plantilla y que pueden Visitantes
contener tanto artículos, como secciones como categorías. La
confusión aparece porque al acceder a una categoría a través En el cuadro anterior se intenta sintetizar la relación de los
de un menú se muestran los artículos contenidos en dicha niveles de usuario proporcionados por Joomla, (casillas con
categoría, dando la impresión de tratarse de menús anidados. fondo rojo o gris) y los necesarios para poder desarrollar este
Con estas posibilidades de estructuración, se ha optado por sito adecuadamente, (casillas con fondo azul oscuro). No se
crear dos secciones: “Sección Vídeo” y “Sección Audio”, y va a entrar en la explicación detallada de las posibilidades de
dentro de la sección Audio, se han creado 3 categorías una por cada uno de los niveles de usuario que Joomla ha previsto,
cada asignatura, “Multimedia”, “Web” y “Redes”, en cada una pues se encuentra perfectamente explicada en el manual del
de estas categorías se ha creado un artículo por cada clase usuario.
impartida. En estos momentos puede asaltar la duda de cómo crear estos
En el caso de la sección Vídeos se han creado dos categorías, usuarios y como asignarles la funcionalidad deseada. Joomla
Remotos y Locales. Y un artículo por cada vídeo colgado. gestiona esta necesidad de la misma forma que lo hacen la
Esquemáticamente se vería así: mayor parte de los sitios web, permite la integración dentro del
sitio de un recuadro de texto Login – Pasword con la opción
de registro para visitantes como se muestra en la captura al
Videos AUDIO
margen. Una vez el usuario se valida,
Joomla muestra un nuevo menú de
LOCALES REMOTOS MULTI. WEB REDES usuario en el que se presenta el acceso a
las funcionalidades que el usario tiene
asignadas en la zona “front end”, en caso
Joomla no solamente organiza el contenido en forma
de tratarse de un usuario con funciones
jerárquica, sino que también crea una jerarquía de los usuarios
administrativas asignadas deberá acceder
que van hacer uso del sitio estructurándolos en base a las
al “back end” o trastienda en castellano o
tareas que van a desempeñar en el sitio. En este caso no es
simplemente panel de control a través del acceso ya descrito
necesaria una jerarquía tan detallada, sería suficiente con 3
en la página 5.
niveles administrador, alumnos y visitantes. Claramente hace
Comentar que el formulario de acceso es un módulo integrado
falta un administrador que pueda realizar modificaciones en el
en el núcleo de Joomla y que tiene varios parámetros
sitio y que sea el encargado de colocar o como mínimo de
configurables en el menú de gestión de módulos del panel de
validar el contenido que se vaya a publicar en el sitio, es
control y se podrá usar o no en el sito web, pero en ningún
necesario crear un nivel de alumno, pues no se desea que
caso se podrá desinstalar por el hecho de pertenecer al núcleo.
cualquier visitante tenga acceso al contenido del master,
Una vez un usuario se registra a través de este menú, un
únicamente los alumnos matriculados en las asignaturas de las
administrador lo tendrá que activar para que quede
que se presentan las grabaciones, por supuesto hay que ser
completamente operativo, también lo podrá crear directamente
amable con cualquier visitante que navegue por el sitio,
sin necesidad de que el usuario se registre inicialmente y en
mostrándole algo de contenido por ejemplo los vídeos y
cualquier momento lo podrá desactivar. Todas estas
contenido descriptivo de la temática del sitio.
operaciones las podrá realizar un administrador, en este caso el
Joomla divide a sus usuarios en dos grandes grupos, los que
usario “admin”, desde el icono “Administrar usuarios” del
pueden realizar acciones o tareas administrativas en el panel
panel de control.
de control y los que no pueden acceder a este panel, los
La correcta estructuración del contenido, puede eliminar la
usuarios de mayor jerarquía siempre heredan la funcionalidad
necesidad de emplear herramientas de búsqueda cuando la
de los de un nivel inmediatamente menor y se les añade alguna
cantidad de contenido es reducida, como inicialmente ocurre
nueva.
en este sitio demostrativo, ¿pero que ocurre cuando la cantidad
de artículos va creciendo? Para resolver esto Joomla
CMS-JOOMLA-01 8
implementa también un módulo integrado en el núcleo asignándolo a un determinado menú, (pestaña enlace menú),
denominado “Buscador”, la configuración de este módulo se decidir si el artículo se publica o no y para que nivel de
lleva a cabo como la del formulario de acceso o como la de usuario estará disponible, (pestaña publicación).
cualquier otro módulo y tiene un aspecto similar al de la La forma de crear un artículo a través del editor del tipo
mayoría de sitios web. “wysiwyg” que Joomla proporciona como un componente del
núcleo y que no admite configuración, es muy sencilla e
intuitiva, además algunas de sus particularidades como la de
las etiquetas ya se han ido describiendo implícitamente en
otros apartados por lo que no se va profundizar más en este
tema, que para el caso de este sitio es tarea plena del
administrador.
V. ASPECTO DEL SITIO (FRONT-END)
En los apartados anteriores se ha visto cómo Joomla es capaz
de mostrar contenido multimedia, cómo este contenido se
El aspecto del cuadro de búsqueda es configurable desde el integra dentro de los artículos, cómo se estructuran dichos
panel de control, su versión mas completa es la que se muestra artículos, las posibilidades de localización o búsqueda de los
en la captura pero también se puede simplificar su aspecto a mismos y quién es capaz de crear y tener acceso a esta
un recuadro de texto. información, (jerarquía de usuarios). Queda por ver cómo todo
En cualquier caso, la clave para que el buscador funcione esto es mostrado y accedido desde el front-end, es decir, lo
correctamente se decide en el momento de crear un artículo de que el usuario final se va a encontrar cuando visite un sitio
contenido. Joomla no rastrea todo el contenido que se haya desarrollado con Joomla. Ya se han hecho algunos anticipos al
escrito en un artículo, ni mucho menos realiza un examen de hablar de menús y módulos pero claramente no es suficiente
los contenidos multimedia, hay que darle las pista sobre el para tener una idea compacta de cómo Joomla orquesta todo
artículo seleccionando las palabras que se quiera que esto. En este apartado se va a tratar de dar esa idea sin entrar
produzcan acierto en una búsqueda, para ello Joomla ha en demasiado detalle.
previsto dos recuadros dentro de la pestaña “MetaData” El instrumento clave para dar un determinado aspecto a un
situada a la derecha del editor de artículos en los que escribir sitio, son las plantillas que joomla define como componentes
estas palabras maestras. El recuadro superior que recibe el del sitio, éstas se componen de un archivo Index.php, que
título “Descripción”, suele albergar una frase que sirve para contiene el código html, php y puede que javascript que va a
describir el artículo, mientras el recuadro “Keywords” alberga conseguir armonizar el aspecto definido en el código CSS para
palabras sueltas separadas por comas. La información de los un conjunto de etiquetas con los módulos que desde Joomla se
dos recuadros es empleada por los motores de búsqueda de pueden asignar a dichas etiquetas; un archivo con la
internet para indexar artículos pero las “keywords” son más configuración CSS; un conjunto de imágenes y un fichero xml,
específicas del módulo de búsqueda de Joomla y permite con información sobre el contenido de la plantilla. Joomla no
relacionar artículos que comparten las mismas “Keywords” proporciona herramientas para crear plantillas de forma
sencilla, sino que parte de la idea de que existen dichas
La captura siguiente forma parte de la pantalla de creación de plantillas. Joomla proporciona mecanismos de gestión que
contenido a la que se puede tener acceso desde el back-end por permiten tanto instalar plantillas diseñadas por terceros de
medio de los iconos “Añadir nuevo contenido” o “Editar forma muy similar a la de instalación de “All_videos_Plugin”,
contenido de artículos”. También se puede acceder a través del así como actuar sobre la configuración de las mismas
menú de usuario en el front-end , en caso de que el usuario permitiendo editar el código del fichero index.php y los
pertenezca a la categoría de “autor”. códigos CSS de la plantilla correspondiente desde el menú
“SitioAdministrar plantillasPlantillas del sitio” del panel
de control, como se puede ver en la siguiente captura.
Desde este menú, se puede además asignar una determinada
plantilla al sitio, con lo que se deduce que cambiar
completamente el aspecto de un sitio web por medio del
administrador de plantillas es realmente sencillo.
El administrador del sitio, a través del resto de pestañas puede La gestión interesante que Joomla puede realizar sobre las
determinar la posición del artículo dentro de la página plantillas no se centra en la edición de ficheros, sino en otras
CMS-JOOMLA-01 9
herramientas más amigables a las que se puede acceder desde
el panel de control. Si se quiere ver el efecto de una plantilla
en el sito web se asigna la plantilla desde el menú anterior y
sin necesidad de salir del back-end se puede ver el resultado
accediendo al menú “SitioVista previa En línea”
Esta vista es la misma que se obtendría si se abriese una nueva En este caso se trata del menú del usuario que se quiere
ventana en el navegador y se cargase la página del sitio, la posicionar en la etiqueta “left” que se corresponde con el
vista realmente interesante es la que proporciona la siguiente margen izquierdo de la página. Existen muchos más
opción del menú, “En línea con las posiciones de los parámetros que se pueden configurar desde esta pantalla, pero
módulos”, esta opción presenta el sitio de forma esquemática muchos de ellos son intuitivos, y otros no aportan mucho. Se
tal como se puede ver en la siguiente captura. puede observar que en el desplegable donde se puede elegir la
posición del módulo, aparecen muchas más etiquetas de las
que aparecen en la plantilla, estas etiquetas pueden estar
definidas en otras plantillas cargadas en el sito o haberse
definido en el menú:
“SitioAdministrar PlantillasPosiciones de los módulos”
Es conveniente aclarar que en el mantenimiento normal de un
sitio, se va a ir añadiendo contenido y asignándolo a
determinado menú, esto puede hacer pensar que es la forma de
crear el contenido de los menús pero también se puede ir en
sentido contrario, crear el menú y desde su herramienta de
gestión ir añadiendo contenidos u otros módulos que serán
añadidos como entradas al menú objeto de gestión. Un detalle
que se considera interesante aclarar pues puede crear bastante
Lo interesante de esta vista son las etiquetas “user3”, “user4”, confusión, cuando se crea un nuevo menú desde la pantalla de
“top”, “left”, “right”, “banner”, “user1”, “user2”. Parece administración de menús
lógico pensar que estas etiquetas cuyo aspecto viene aparece una ventana que
determinado en el fichero de códigos CSS, están relacionadas pide dos datos: el
de alguna manera con el contenido que se quiere mostrar en el nombre del menú y el
sitio, y pensar que moviendo dichas etiquetas del sitio se podrá título del módulo, de tal
mover el contenido de sitio. Bueno ese razonamiento es lógico manera que aparecerá
y cierto, pero para hacerlo habría que modificar código. La con el nombre que se
filosofía de Joomla es algo distinta, permite asignar los asigne a nombre de
módulos disponibles para el sitio a las etiquetas que se menús y con el nombre del título cuando se le quiera
muestran en la vista esquemática. Para un módulo estas administrar como módulo. En el caso de los menús que Joomla
etiquetas determinan una posición dentro del sitio y a dicha crea por defecto asigna nombres al menú que hacen relación a
posición se le pueden asignar tantos módulos como se crea las etiquetas que aparecen en las plantillas, esto lleva a
necesario y determinar el orden de aparición. Se está hablando confusión porque el nombre del menú nada tiene que ver con
de módulos y donde está el contenido que se creó. El lo que aparece en la plantilla, simplemente sirve para
contenido cuando se publica, ha de ser asignado a un menú y gestionar el contenido o componentes que albergará. El título
un menú es un módulo del tipo “mod_mainmenu” y como tal del módulo sí está relacionado con las plantillas, empezando
puede ser colocado en la página del sitio enlazándose con estas porque será el nombre que aparecerá en la pantalla de
etiquetas localizadoras. Para realizar estas acciones hay que administración de componentes del sitio para poder ser
entrar en el menú, “MódulosMódulos del sitio” y haciendo asignado a una etiqueta de la plantilla. Un último detalle es
clic en el módulo que se desea asignar, aparece una pantalla comentar que en el caso de dar nombres muy dispares al menú
como la siguiente en la que se puede realizar la asignación y y al componente, puede que después de algún tiempo se olvide
establecer el orden del módulo dentro de dicha localización. quien corresponde a quien, si se alcanza esta situación no se
puede averiguar desde la gestión de menús, se tiene que
recurrir a la gestión de módulos del sito para descubrirlo.
Recalcar que todos los menús son componentes del tipo
“mod_mainmenu” aunque su administración se haya
desdoblado en contenido y posición.
CMS-JOOMLA-01 10
A lo largo del desarrollo de este documento se ha hablado de versión de Fire Fox, es necesario instalar la versión 1.5 para
“Componentes”, “Modulos” y “Mambots”, es cierto que estos poder usarlo. Una vez instalada correctamente, se puede
conceptos crean cierta confusión a la hora de entender el acceder a ella a través del menú “Herramientas
funcionamiento de Joomla, para tratar de sintetizar, decir que ExtensionesCarena”. La obtención de estas cabeceras han
un componente es un pequeño programa que desempeña una producido unas 30 hojas de información que se presentan en
determinada funcionalidad y que puede ser integrado dentro un anexo, mostrando en este documento únicamente las
del front-end directamente en una plantilla o asociándolo a un conclusiones para cada caso y las cabeceras más importantes.
módulo, que podrá ser asignado a una etiqueta de la plantilla. El principal problema que plantea el uso de esta herramienta
Los módulos son intermediarios entre un componente y una es que no muestra el payload de peticiones tipo GET al
plantilla que aumenta la flexibilidad del administrador a la servidor, esta información generalmente no es relevante para el
hora de posicionar un componente en una plantilla. nivel de detalle que se busca, dicho esto aclarar que las
Los mambots son etiquetas interceptables por el núcleo de capturas que se muestran en los siguientes apartados son
Joomla y que aumentan la funcionalidad de algunos generadas por el código html devuelto como payload por las
componentes. cabeceras de petición GET “fichero.php”, todas las
instrucciones html del tipo “src=http://x.x.x.x/fichero” que
El cuadro siguiente trata de sintetizar estas relaciones de forma contienen estas respuestas son las que originan las capturas
esquemática, que se muestran en estos apartados. Para aclarar algunas
situaciones en concreto la de audio, se ha tenido que usar un
Mambots PHP,HTML P analizador capaz de capturar el payload de la respuesta a las
Contenido
…S L FRONT cabeceras GET. Se ha elegido el Ethereal por tratarse de un
A END software con muchas posibilidades y distribuido bajo licencia
CSS N GNU. Se puede descargar de la página:[13], la instalación es
Componentes T muy sencilla y para que pueda funcionar desde Windows Xp
I es necesario instalar los drivers WinPcap que se pueden
IMAGENES encontrar en la página:[14]. En el siguiente esquema se
L BACK
L pretende aclarar el escenario de la captura.
END
Módulos ETIQUETAS A
VI. ANÁLISIS HTTP DEL CONTENIDO MULTIMEDIA PUBLICADO
Con lo expuesto hasta este momento, se puede construir y
gestionar un sito web partiendo desde cero y entender la forma
en la que se engranan todos los elementos. En cambio se
desconoce la forma en la que se realiza la transferencia del
contenido multimedia a través de la red tanto al usar las
etiquetas proporcionadas por “AllvideosPlugin” como al
emplear código html con el fin de aclararlo y dar un carácter
más técnico a este documento se realiza la captura de código
http en las siguientes situaciones:
1. Vídeo local embebido en el sitio
2. Vídeo local accedido por un enlace
3. Vídeo remoto embebido en el sito Se pasa a describir cada uno de los caso de estudio
4. Vídeo remoto embebido con código propuesto por You 1. Vídeo local embebido en el Sitio:
Tube En este caso se ha accedido al vídeo “Molde5-
5. Vídeo remoto accedido por un enlace BA512Ks.wmv”, a través del artículo situado en: “Menú
6. Audio local embebido en el sito PrincipalVídeos multiformatoFormato Banda Ancha 512
7. Audio local accedido por un enlace Kbs” y generado desde MS-MovieMaker. Lo interesante de
8. Vídeo flv descargado de YouTube y accedido esta prueba es que todas las cabeceras se generan cuando se
localmente desde un artículo hace clic en el artículo, no cuando se intenta reproducir desde
el objeto reproductor, en ese momento no se genera ninguna
La captura del código se realiza por medio de “Carena”, un cabecera http. La conclusión para este caso es que el vídeo se
plugin desarrollado por el grupo de Investigación Arquitectura descarga localmente como si se tratase de un objeto más,
de la Web, que puede ser instalado en el navegador Mozilla mientras que todas las operaciones que se hacen con el
Firefox y se distribuye con licencia GNU. Puede ser reproductor tienen lugar localmente. El reproductor embebido
descargado de la página: [12], donde se realiza una breve en la página es código java_script que se ejecuta localmente,
descripción de esta herramienta y la motivación que llevó a su esto se deduce de la siguiente cabecera:
desarrollo. Esta extensión no se puede instalar en la última
CMS-JOOMLA-01 11
http://158.42.196.226/mambots/content/plugin_jw_allvideos/g Content-Type: video/x-ms-wmv
z_eolas_fix.js
El resto de capturas no se presentan por no representar ningún
GET /mambots/content/plugin_jw_allvideos/gz_eolas_fix.js interés, pues lo único que hacen es resolver la localización del
HTTP/1.1 fichero, no hay ninguna cabecera que haga referencia a la
reproducción del vídeo.
Content-Type: application/x-javascript
3. Vídeo remoto embebido en el sitio:
La descarga del video se puede observar en la siguiente A diferencia del vídeo local en este caso se pueden capturar
cabecera: cabeceras http cuando se accede al artículo y cuando se pulsa
el botón reproducir por primera vez, el resto de acciones sobre
http://158.42.196.226/images/stories/videos/molde5- los controles del reproductor tienen lugar localmente y no
BA512Ks.wmv generan ningún tráfico de red. En el acceso al artículo se
puede observar que se descarga el aspecto del reproductor,
GET /images/stories/videos/molde5-BA512Ks.wmv HTTP/1.1 como resultado de la descarga del código “x-shockwave-flash”
y una imagen representativa del vídeo en formato jpg que se
Content-Type: video/x-ms-wmv coloca de fondo del reproductor y que da la idea al usuario que
está preparado para ser reproducido. Este proceso se genera a
Como se dedujo en las capturas anteriores, la acción sobre los partir de la siguiente cabecera generada por el código PHP de
botones del reproductor no generan ningún tráfico de red Joomla:
pudiendo ser accionado dicho reproductor después de haberse
conseguido un buffer lo suficientemente grande para evitar http://www.youtube.com/v/n5gDqSdQB38
problemas de Jitter. El origen de estas capturas hay que
buscarlo en la respuesta a la petición que genera el clic de GET /v/n5gDqSdQB38 HTTP/1.1
entrada al artículo:
HTTP/1.x 303 See Other
GET_/index.php?option=com_content&task=view&id=26&It Location:
emid=33 HTTP/1.1 /p.swf?video_id=n5gDqSdQB38&eurl=…..
HTTP/1.x 200 OK Esta petición produce un redireccionamiento por parte de You
Es el payload de la respuesta correspondiente a esta cabecera Tube, a la que seguidamente accede el servidor que alberga el
el que contiene el código html que genera las cabeceras sitio Joomla obteniéndose los resultados descritos en el párrafo
anteriores. Esta captura no la proporciona Carena, por lo que anterior.
ha sido necesario usar Ethereal. Obtención del código x-shockwave-flash:
HTTP/1.x 200 OK
Al pulsar sobre el reproductor se produce la petición del vídeo
al servidor remoto y como se puede observar la aplicación El resultado obtenido es prácticamente idéntico al del apartado
flash comienza a reproducirlo localmente cuando considera anterior, la única diferencia es que es un poco más engorroso
que ha llenado el buffer lo suficiente, pero la gestión del buffer de introducir, pero aporta dos grandes ventajas, por una parte
como la actuación sobre los controles de reproducción no se tiene control sobre el tamaño del vídeo mostrado de forma
genera ningún tipo de tráfico de red. individual para cada vídeo, cosa que el mambot no permite y
En esta captura se puede observar la descarga del fichero de la segunda más interesante, es que después de introducir el
vídeo: código html, se permite apreciar el tamaño del objeto dentro
del editor, de esta forma no se le anula la funcionalidad
http://ash-v132.ash.youtube.com/get_video?video_id=n5gDqS “wysiwyg”, característica del editor.
dQB38
GET /get_video?video_id=n5gDqSdQB38 HTTP/1.1
HTTP/1.x 200 OK
Content-Type: video/flv
Esta cabecera no se carga directamente al pulsar el botón de
reproducción, es el resultado de una redirección previa.
Además Proporciona una información interesante que permite
descargar el vídeo almacenado en el servidor de YouTube
directamente desde el navegador accediendo a [15]
El formato flv no es reconocido por el Windows Media Player
pero puede ser reproducido perfectamente por el VLC, de libre
distribución.
Como fruto de la investigación de estas cabeceras se ha
colgado en el sitio web el vídeo descargado y el acceso directo 5. Vídeo remoto accedido por un enlace:
que permite acceder directamente al reproductor de YouTube Cuando se sube un vídeo a YouTube, proporciona un enlace a
sin tener que pasar por su página web. través del cual se permite visualizar. Accediendo de esta forma
se abre una nueva ventana del navegador en la que se carga
4. Vídeo remoto embebido con código propuesto por You una página YouTube con el vídeo en cuestión embebido en
Tube dicha página.
En el portal de YouTube, cuando se accede a la sección en la La cantidad de cabeceras que genera esta acción son
que se permite hacer una edición de las características del demasiadas y la mayoría no ofrecen demasiado interés por
video se proporciona el código html necesario para embeber el tratarse de pequeños archivos jpg que configuran el aspecto de
vídeo en cualquier página, que sería el equivalente a insertar la la página, las cabeceras relacionadas con la visualización de
etiqueta descrita en el apartado anterior. Este es el código: los vídeos se muestran a continuación, la primera de ellas
carga la aplicación que los permite visualizar:
GET /player2.swf?video_id=n5gDqSdQB38&l=303&t=
Para mostrar el efecto de este código se ha creado un articulo OEgsToPDskIXvYExBT9GdftMilWIDIgE HTTP/1.1
en la sección de vídeos al que se le ha llamado: “Código
propuesto por YouTube”. La introducción del código html en Content-Type: application/x-shockwave-flash
el artículo se realiza por medio de la utilidad vista html que
proporciona el editor. Una vez introducido Joomla hace una Al igual que el caso anterior después de cargar la aplicación de
traducción convirtiéndolo en: reproducción, descarga el vídeo por medio de una redirección
a la misma URI que en el caso anterior y que se supone que es
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swfl el servidor donde se guardan los vídeos.
ash.cab#version=6,0,29,0" width="425" height="350">
qSdQB38
GET /get_video?video_id=n5gDqSdQB38 HTTP/1.1
src="http://www.youtube.com/v/n5gDqSdQB38" wmode="" quality="high"
CMS-JOOMLA-01 13
http://158.42.196.226/mambots/content/plugin_jw_allvideos/j
HTTP/1.x 206 Partial Content w_allvideos_player.swf?file=http://158.42.196.226/images/sto
ries/videos/config.xml&12
Content-Type: video/flv
GET
En este caso no emplea la descarga de la imagen jpg, /mambots/content/plugin_jw_allvideos/jw_allvideos_player.sw
correspondiente a un fotograma del propio vídeo para cubrir el f?file=http://158.42.196.226/images/stories/videos/config.xml
fondo oscuro del reproductor, sino que comienza directamente &12 HTTP/1.1
la reproducción.
HTTP/1.x 200 OK
6. Audio local embebido en el sitio:
Aparece una cabecera en la que se realiza la descarga del Content-Type: application/x-shockwave-flash
fichero como se muestra a continuación.
http://158.42.196.226/images/stories/audio/Master- Una aplicación “flash” del mismo tipo que la proporcionada
1Clase.wma por el servidor YouTube.
A continuación se muestra el código html que produce estas
GET /images/stories/audio/Master-1Clase.wma HTTP/1.1 peticiones capturado con Ethereal:
HTTP/1.x 200 OK src=”http:/158.42.196.226/mambots/content/plugin_jw_allvid
eos/jw_allvideos_player.swf?file=http:/158.42.196.226/……
Content-Type: audio/x-ms-wma
Para este caso en las cabeceras no aparece ninguna referencia VII. CONCLUSIONES
a la aplicación encargada de reproducir el fichero de audio. Joomla hace justicia a la definición de CMS, pues permite de
Para tratar de resolver el misterio, se ha realizado la captura forma muy sencilla y sin conocer ningún tipo de lenguaje de
con ethereal y en el código html capturado sí hace referencia al programación crear y gestionar un sito Web.
plugin jvs pero no lo descarga, luego ha de ser interpretado Presenta cierta dificultad el manejo de plantillas desde el punto
directamente por el navegador. de vista del administrador. Sería interesante el disponer de
algún tipo de herramienta para la creación de plantillas
En cuanto a la posibilidad de incorporar contenido multimedia
queda cubierta por el plugin descrito en este artículo, recordar
ster-1Clase.wmv”style=”with:400px;height:323px;”autoS ser introducido en un artículo donde es combinado con una
correcta descripción en modo texto. Entre las posibilidades
que proporciona este plugin la más interesante es subir los
7. Audio local accedido por un enlace: vídeos a un servidor público tipo YouTube y acceder a ellos
La situación es muy similar sólo que no se reproduce en la con la correspondiente etiqueta, este método presenta tres
propia página sino que el navegador utiliza el reproductor por grandes ventajas:
defecto, en este caso, el Windows Media Player. La cabecera No se provoca la descarga del vídeo al acceder al artículo
que muestra la descarga del fichero es prácticamente igual a la hasta que se pulse el botón de play del reproductor.
del apartado anterior por lo que no tiene interés mostrarla. Ahorro de espacio de disco en el servidor y además no hay
que preocuparse por el proceso de conversión de formato
8. Vídeo flv descargado de YouTube y accedido desde un aunque ello reste independencia
artículo: Ahorro de ancho de banda en la descarga del video desde
El hecho de haber conseguido la descarga del fichero el punto de vista del servidor que alberga el sitio.
“get_video.flv”, desde el servidor de vídeos de you_tube ha
motivado la realización de una prueba más, consistente en la No obstante se espera que sea mejorado en próximas
creación de un nuevo artículo de contenido en el que se versiones, especialmente en dos puntos:
presenta este vídeo por medio de etiquetas {flv} Que la introducción de la etiqueta provoque la aparición de
get_video{/flv} proporcionadas por “AllVideosPlugin”. El un recuadro del tamaño del objeto vídeo o audio a ser
resultado ha sido un poco sorprendente porque se esperaba el posible con el mismo aspecto que tendría en la página.
empleo del mismo sistema de reproducción empleado con el En la reproducción de contenido albergado en el servidor,
resto de vídeos, pero no lo hace exactamente igual pues carga que el hecho de entrar en el artículo no provoque la
una aplicación distinta para su reproducción como se puede descarga inmediata del vídeo hasta que no se haga clic en
comprobar en la siguiente cabecera. el reproductor o por lo menos que esta acción sea
configurable.
CMS-JOOMLA-01 14
Subir los vídeos al servidor conlleva un problema con el gestor
multimedia que teóricamente sería la herramienta para subir
estos ficheros, pues no los reconoce como válidos, solo
reconoce algunos tipos de imágenes. Esto es debido a que el
núcleo de joomla no estaba pensado para subir vídeos y la
instalación del mambot no realiza las modificaciones
correspondientes para resolver este detalle. Otro problema es
el tamaño de los ficheros pues para conseguir aumentar el
tamaño permitido hay que modificar el fichero
“/etc/php5/apache2/php.ini” donde se define este valor.
Los ficheros de este tipo que se muestran en el sito han sido
subidos con la herramienta “pscp.exe” una utilidad del “ssh”.
Sería interesante que en el manual de Joomla en español se
explicara la forma de resolver los posibles problemas que
pueden aparecer con la ñ y los acentos.
Finalmente una pequeña reflexión, puede que alguien lea este
articulo y solo se centre en los pequeños inconvenientes que
presenta este sistema, en cualquier caso tener presente que se
está hablando de una aplicación con más de 65.000 líneas de
código con un coste aproximado de 2.000.000 de dólares y
llevada a cabo en poco más de 1 año.
VIII. REFERENCIAS
[1]http://www.joomlaworks.gr
[2]http://es.wikipedia.org/wiki/Joomla
[3]www.dyndns.com
[4]http://www.kubuntu.org/
[5]http://us.archive.kubuntu.com/ubuntu
[6]http://us.archive.kubuntu.com/kubuntu
[7]http://ubuntu.chapinware.com/2006/05/22/como-instalar-
apache-mysql- php5/”.
[8]http://foro.joomlaspanish.net/index.php?board=4.0
[9]http://perso.wanadoo.es/tutoriales/cursos/mysql
[10]http://developer.joomla.org/sf/go/projects.spanish/
[11]http://mediaclub.blogdns.com/administrator
[12]http://www.gii.upv.es/web_architecture/tool.php?toolid=3
[13] http://www.ethereal.com
[14] http://www.winpcap.org/install
[15] http://ash-v132.ash.youtube.com/get_video?video_id=n5gDqS
dQB38
[16] http://infoacceso.upv.es
[17] Manual del usuario de Joomla