Publicar videos en Joomla con AllVideos

Vamos a presentaros una forma sencilla, potente y elegante de publicar videos en vuestro sitio web basado en Joomla: AllVideos de JoomlaWorks. Se trata de un plugin gratuito que nos permitirá reproducir videos alojados en nuestro servidor o en la nube (Youtube, Vimeo, etc...) con gran cantidad de formatos y de forma responsive.

Instalación y configuración

Podemos descargarlo desde la página web del fabricante: http://www.joomlaworks.net/extensions/free/allvideos. Lo instalaremos desde el gestor de extensiones de nuestro Joomla (Extensiones > Gestión de Extensiones)

Una vez instalado vamos a configurar el plugin. Desde Extensiones > Plugins buscamos AllVideos y entramos a su configuración:

Desde aqui podemos establecer el directorio por defecto que alojará los videos, tamaño por defecto, apariencia del reproductor...

Uso: subir un video a nuestra web

El primer paso será subir el archivo físico al servidor que tiene alojada nuestra página web. Tenemos dos alternativas en función del tamaño del video:

• FTP: subiremos el video a nuestro servidor, por defecto al directorio images/stories/video.
• Si es menor de 10MB podemos utilizar el gestor de archivos de Joomla disponible en el menú Contenido > Gestor Multimedia

En nuestro caso hemos subido un video en formato flv (flash) llamado demo480.flv.

Una vez subido vamos a crear un artículo de Joomla desde Contenido > Gestor de Artículos > Añadir nuevo artículo:

Señalado en rojo tenemos el contenido del artículo, una cadena con la sintaxis que reconocerá el plugin AllVideos para incluir un reproductor con ese contenido. Llamamos al artículo "Videos" y escribimos el contenido: {flv}demo480|480|240{/flv}

La sintaxis del plugin es la siguiente:

• Sencilla: {formato o proveedor}nombre_archivo{/formato o proveedor}
• Avanzada: {formato o proveedor}nombre_archivo|ancho|alto|autoplay{/formato o proveedor} 

Desglosando la sintaxis podemos observar que el bloque se encierra entre los tags {formato o proveedor} y {/formato o proveedor} donde podemos indicar:

•  Proveedores: YouTube, Vimeo, Dailymotion, Metacafe, MySpace, Flickr Video, Blip.tv, TwitVid, yFrog, SoundCloud.
• Formatos: flv, swf, mov, mp4, wmv, wma, mp3, 3gp, webm, ogv, ogg, divx y más.

 Ejemplos:

• {flv}demo480|480|240{/flv} Código utilizado para reproducir nuestro vídeo de ejemplo demo480.flv con la resolución 480x240.
• {flv}demo480|480|240|1{/flv} Código similar al anterior pero al mostrar el video se reproducirá automáticamente.
• {youtube}he73js82|600|450|1{/youtube} Reproduce el video correspondiente alojado en Youtube

Enlazar el video en nuestra web

 Una vez grabado el artículo vamos a crear un elemento de menú  desde Menú > [Menú elegido] > Crear nuevo elemento de menú y seleccionamos el tipo "Mostrar un solo artículo":

Seleccionamos nuestro artículo "Videos" y ponemos el título al elemento de menú:

Ahora aparecerá nuestro nuevo menú en la web:

 Y al pulsar en él aparece una página con el reproductor de nuestro video embebido:

 Esperemos que os resulte de utilidad, un saludo

Joomla: error en Responsive Form Contact

Hace unos días os hablamos de un módulo para crear formularios de contacto en Joomla: Responsive Form Contact

Es posible que en algunos servidores web os aparezca este error al enviar un formulario desde el formulario de contacto creado por el módulo Responsive Form Contact en Joomla:

¡Error SMTP! Los siguientes destinatarios han fallado: tucorreo@dominio.com
Error del servidor SMTP: 5.7.1: Sender address rejected: not owned by user correoadministrador@tudominio.com

Este es un error de seguridad que se produce en algunos servidores de correo como Postfix cuando están configurados para enviar correos sólo desde cuentas de tu dominio. El módulo Responsive Form Contact envía el correo fijando como dirección de envío la introducida en el formulario por el usuario. Cuando llega el correo a Postfix es rechazado por la configuración de seguridad.

¿Cómo lo evitamos?

Si no queremos o no podemos eliminar esa regla de la configuración del servidor podemos modificar el módulo Responsive Form Contact para que no envíe los correos con la dirección del usuario (sino con la que está configurada como dirección de administración de Joomla).

Para ello editaremos el fichero mod_responsive_contact_form.php que se encuentra en la ruta: [raíz de Joomla]/modules/mod_responsive_contact_form/ y comentamos las líneas 144 y 210, en las cuales se establece la dirección de origen del correo (sentencia setSender() del objeto getMailer):

De ese modo Joomla utiliza como dirección de envío la que tenga establecida por defecto y el formulario funcionará correctamente.

Joomla: Responsive Contact Form

Responsive Contact Form es un plugin gratuito de Joomla desarrollado por Joomla Drive que nos permite incluir un formulario de contacto responsive muy fácil de instalar y configurar.

Todos los campos son personalizables, permitiendo cambiar los nombres, los textos que aparecen en ellos y marcar algunos como requeridos.

Descarga e instalación

Podéis descargar el módulo desde la página del desarrollador: http://joomladrive.com/index.php/extensions

Tienen versión para Joomla 3.0 y 2.5. Como cualquier otra extensión, abrid el gestor de extensiones, cargad el archivo con el módulo y pulsad en instalar.

Configuración

La configuración de este módulo es un poco singular. Para mostrarlo desde un elemento de menú tendremos que crear un artículo con el alias contact-frame y enlazarlo a un elemento de menú (por ejemplo "Contacto")

Después crearemos un módulo nuevo del tipo "Responsive Contact Form" y se abrirá la pantalla de configuración:

Elegid la posición que más os convenga en vuestra plantilla y en la parte inferior seleccionad la asignación del módulo "sólo para las páginas seleccionadas" y seleccionad el menú "Contacto" que creamos antes.

En las opciones de la columna de la derecha podéis marcar los campos email y teléfono como requeridos, editar las direcciones de correo, configurar el Captcha si lo necesitáis, marcar los campos que queréis publicar y los nombres de los campos.

Pulsad en guardar y ya tendréis el formulario de contacto funcionando.

Instalar idioma castellano en Joomla 2.5.9

La gestión de idioma ha mejorado sensiblemente en las últimas versiones de Joomla 2.5.X. En lugar de buscar el paquete de traducción desde el sitio de Joomla ahora lo tenemos disponible desde el propio interfaz de administración.

Accedemos al panel de control de administrador de Joomla y accedemos al menú Extensions > Language Manager

Por defecto estará instalado el idioma inglés. Pulsamos sobre el icono Language Install:

 

En el formulario introducimos "spanish" en el filtro de búsqueda

Una vez instalado volvemos a seleccionar Extensions > Language Manager y seleccionamos el registro spanish como default en la pestaña Installed - Administrator

 

Nada más marcar el icono estrella el idioma del panel de administración cambia a castellano. Seleccionamos ahora la pestaña Instalado - Sitio y marcamos el icono Predeterminado en Spanish (ES). Esto cambiará el idioma del front-end

Y con esto tenemos el sitio en castellano, más sencillo que con versiones anteriores de Joomla.

Joomla: crear un campo personalizado en el registro de usuarios

¿Necesitáis crear un campo nuevo para vuestros usuarios? Vamos a explicar cómo añadir campos en el registro de usuarios de Joomla 2.5. Dividiremos el proceso en dos partes:

1) Agregar el campo en el registro

Modificaremos el archivo components/com_users/models/forms/registration.xml para añadir los campos que queramos. Si os fijáis en la estructura del resto de registros podemos utilizarlos como guía:

Como podéis ver en la imagen, hemos creado los campos encuadrados en rojo. El primero es un campo entero para modelar un checkbox y el segundo es un campo de texto con máximo 50 caracteres. El atributo name debe coincidir con el nombre del campo de la base de datos que lo alojará (y el tipo debe ser compatible).

 

Ahora vamos a hacer los cambios en la base de datos. Nosotros utilizamos PhpMyAdmin para acceder a la misma. Localizad la tabla prefijo_users (donde prefijo será aquel que hayáis elegido en vuestra instalación de Joomla). Al final de la tabla vamos a añadir dos campos:

 

 

Como véis hemos llamado a los campos con el mismo nombre que pusimos en el atributo name del xml y el tipo de dato es int(1) para el entero y varchar(50) para el campo de texto.

 

Si accedéis al formulario de registro de Joomla podéis ver los nuevos campos:

 

 

Como podéis ver ya tenemos los campos disponibles en el registro de usuarios. La gestión de estos campos ya podremos hacerla desde nuestros propios módulos o componentes.



Akeeba Backup: copias de seguridad gratuitas en Joomla

Si tenéis un sitio en Joomla debéis conocer este programa: Akeeba Backup.

Se trata de un componente que permite hacer copias de seguridad (manuales y programadas) rápida y fácilmente, de forma gratuita. Podéis descargarlo de forma gratuita desde su página web en:

https://www.akeebabackup.com/download/akeeba-backup.html

Una vez descargado lo instalaremos desde el gestor de extensiones de Joomla. Hay versiones para Joomla 2.5 y 3.0. Una vez instalado accederemos a él desde los componentes. En el primer acceso se ejecuta el "Asistente de configuración":

Aquí se configuran los parámetros principales del componente de forma automática. Una vez ejecutado podremos realizar copias de seguridad con un solo clic:

Al pulsar Respaldar Ahora se creará una copia de seguridad del sitio completo: por una parte comprime todos los archivos de nuestro sitio y por otra realiza un backup de la base de datos. Quedan excluidos automáticamente los archivos de copias de seguridad previa y los que decidamos excluir nosotros desde el apartado "Configuración".

Terminada la copia podemos comprobar la lista de archivos de copia desde "Administer Backup Files" del informe de copia o desde el mismo apartado del panel de control:

Desde aquí podemos descargar el archivo a nuestro equipo local para almacenar copias de seguridad, restaurarlo en otro servidor, o lo que necesitemos.

Desde el panel de control tenemos acceso a todas las características de la aplicación:

RESTAURACIÓN

Restaurar los ficheros es una tarea muy sencilla. Consta de una serie de pasos muy sencilla:

1) Subimos el archivo de copia de seguridad vía ftp a la raíz de nuestro espacio web.

2) Debemos subir el extractor kickstart que podemos obtener gratuitamente en la web de Akeeba:

https://www.akeebabackup.com/download/official/akeeba-kickstart.html

El paquete descargado contiene varios archivos de los que descargamos los siguientes:

• kickstart.php: archivo instalador.
• librerías de java: json2.min.js y jquery.min.js
• librerías de idioma: sólo nos interesa el español (es-ES.kickstart.ini)

3) Subimos esos archivos a la raíz de nuestro espacio web (al mismo que subimos el archivo de copia).

4) Iniciamos el proceso instalador de copia con nuestra url/kickstart.php:

Aparece un listado con los archivos de copia disponibles para restaurar (normalmente sólo nos aparecera uno, el que acabamos de subir).

Una vez descomprimido podemos lanzar el instalador de Akeeba:

El instalador es un proceso guiado muy sencillo. Comienza con una revisión de requisitos:

(En nuestro caso aparecen un par de requisitos no superados o no recomendados, pero que no afecta a la restauración). Pulsaremos sobre el botón Next para seguir el proceso e introducir los datos de conexión con la base de datos:

 Al pulsar "Next" aparece una última pantalla para configurar el administrador de Joomla y el proceso finalizará.

Como veis se trata de un proceso sencillo, un sistema muy interesante para hacer copias de seguridad de vuestro sitio en Joomla.

jDownloads: área de descarga gratuita para Joomla

Vamos a presentar un componente de Joomla para crear un área de descargas: jDownloads. Es un componente gratuito con una funcionalidad bastante completa.

Descargamos el componente de la página del desarrollador para nuestra versión de Joomla

http://www.jdownloads.com/index.php?option=com_jdownloads&Itemid=133&view=summary&cid=320&catid=33

Una vez descargado lo instalaremos desde el gestor de extensiones de Joomla:

 Pulsamos sobre "Start jDownloads" para acceder al panel de control (o vamos a Componentes > jDownloads):

CREAR UN APARTADO DE DESCARGAS

El primer paso será crear una categoría (que posteriormente enlazaremos con un elemento de menú). Pulsamos el icono Categories y pulsamos en "Nueva". Rellenamos los datos de la categoría. Nosotros hemos elegido el nombre "Publico" para hacer un apartado de descargas para el público general.

Ahora vamos a crear una descarga. Pulsamos en la pestaña "Downloads" y el botón "Nuevo":

Aparece un formulario con un botón para elegir los ficheros que queremos subir a nuestro servidor. Para que la descarga quede enlazada iremos a la pestaña "Manage files" y elegimos nuestro archivo subido:

Pulsamos sobre "Create Download" y rellenamos el formulario que aparece con la categoría de la descarga (nuestra categoría "Publico", el tipo de archivo, descripción, etc...)

Pulsamos "Guardar" y tendremos la descarga creada y accesible desde el listado:

Ahora tenemos que crear el elemento de menú enlazado con la categoría. Nos vamos al menú concreto donde queramos que aparezca, pulsamos "Nuevo" y seleccionamos el tipo de elemento de menú jdownloads > Category Layout

 Fijamos la categoría "Publico" creada, "descargas" como nombre del elemento de menú y guardamos. En nuestro front-end tendremos disponible el nuevo elemento de menú:

Y al pulsarlo aparecerán las descargas en la categoría "Publico" (de momento sólo la única que hemos creado, pero seguro que pronto añadimos más):

JCE Editor: cambiar el editor de Joomla

Si trabajáis con Joomla habréis podido comprobar que el editor de artículos que viene por defecto es muy sencillo, simple, y tal vez un poco limitado, el TinyMCE. Cuando queremos incluir imágenes en los artículos nos vemos obligados a subir primero las mismas desde el gestor multimedia de Joomla para insertarlas en nuestro artículo escribiendo directamente la URL relativa:

Mucha gente opta por instalar suites como K2 (hablaremos de ello en otro artículo). En este artículo vamos a explicar cómo instalar un editor mucho más potente y útil: el JCE.

Descargamos el editor para nuestra versión de Joomla (1.5, 2.5 o 3.0) y lo instalamos desde el gestor de extensiones de Joomla.

 Una vez instalado podemos seleccionarlo como editor por defecto desde el administrador de Joomla pulsando Sitio > Configuración global > Sitio y eligiendo "Editor - JCE" en el desplegable "Editor por defecto":

Guardamos los cambios y ya tendremos el nuevo editor disponible. Para comprobarlo vamos a la inserción o edición de artículos:

Como podéis ver, JCE tiene muchas más opciones que el editor por defecto. Una de las más interesantes es el gestor de imágenes que incorpora. Cuando hacemos clic en insertar una imagen se abre la ventana del gestor:

Con los botones señalados en rojo podemos subir directamente imágenes de nuestro disco local, o si lo preferimos podemos seleccionarlo del sistema de ficheros de Joomla.

Espero que os sea tan útil como a mí, un saludo.

Instalar Joomla fácilmente

< Instalación de un servidor WAMP 

Joomla es un gestor de contenidos libre que nos permitirá crear un sitio web de manera cómoda y sencilla. Existen otras soluciones similares en el mercado con distintas características:

• Wordpress: a pesar de ser el más sencillo de los tres es un potente CMS orientado a la creación de Blogs, aunque sus numerosas extensiones nos permiten diseñar un website completo. Su sencillez hace de él el más usado de los tres.
• Drupal: destaca ante todo por su potencia. Drupal ha sido estructurado en módulos desde su base, construyendo un sistema entero a base de interconexión de módulos al más puro estilo de la orientación a objetos. Su curva de aprendizaje es tremenda comparado con sus competidores pero una vez dominado permite hacer aplicaciones complejas con un esfuerzo muy reducido.
• Joomla: se encuentra a medio camino entre ambos. Surgió como un gestor de contenidos más simple pero a medida que ha ido evolucionando se ha ido complicando y ha añadido cada vez más funcionalidades. El salto de la versión 1.5 a 1.6 supuso un cambio cualitativo importante y un rediseño casi completo. No está tan estructurado como Drupal pero es más sencillo de manejar.

Elegir el CMS adecuado para tu web es algo muy subjetivo aunque depende en gran medida del proyecto que tengas entre manos. Wordpress no será adecuado para grandes Intranets mientras que hacer un sencillo website o blog con Drupal será "matar moscas a cañonazos".

En este post vamos a instalar y configurar Joomla para hacer un primer website sencillo. En futuras publicaciones iremos ampliando la información sobre este CMS y las posibilidades que nos ofrece.




Preparación del servidor


Para poner en marcha un sitio en Joomla necesitamos un servidor web que soporte PHP y MySQL. Las últimas versiones de Joomla pueden utilizarse también sobre PostgreSQL (aunque en este post nos centraremos en MySQL).


En un post anterior explicamos cómo instalar un servidor WAMP (http://alcasoft.blogspot.com.es/2011/12/instalacion-de-un-servidor-local-wamp.html)



Para instalar Joomla necesitamos un directorio en el servidor web y una base de datos MySQL. El directorio de trabajo lo crearemos en c:\wamp\www (ver detalles de la instalación en el post anterior).


Para crear la base de datos sobre el WAMP utilizamos el PhpMyAdmin que viene preinstalado. Ejecutamos el WAMP y pulsamos con el botón izquierdo para desplegar el menú contextual. Elegimos la opción phpMyAdmin:

Se abre la pantalla de inicio de phpMyAdmin, iniciamos sesión con el usuario y la clave que introdujimos en la instalación:

Ahora seleccionamos la opción "Privilegios"

Seleccionamos "Agregar un nuevo usuario" y se abre el siguiente formulario:

Elegimos nuestro nombre de usuario, en Servidor ponemos "localhost", escribimos la contraseña y muy importante: marcamos la opción de crear una base de datos con el mismo nombre y todos los privilegios. Pulsamos "Continuar" para completar el proceso y tendremos nuestra base de datos creada.





Descarga e instalación de Joomla


El primer paso es descargar los fuentes de Joomla. Lo mejor es descargarlo directamente de la web del proyecto (http://www.joomla.org/). Joomla está desarrollado en un conjunto de archivos PHP y distintas librerías (AJAX, JQuery...).

Existen numerosos "refritos" que incorporan traducciones o ampliaciones a los fuentes de Joomla, pero es posible que nos encontremos bugs en la instalación o la versión. Mi consejo es descargarlos de la fuente original de Joomla (a ver si por ahorrar unos minutos en instalar el pack de idioma en castellano nos volvemos locos porque un botón de la instalación no funcione, por poner un ejemplo ;)

Descargamos la versión 2.5.6, un archivo comprimido en ZIP con los fuentes que tendremos que descomprimir en el directorio que creamos en el paso anterior (por ejemplo c:\wamp\www\joomla).

Una vez descomprimido abrimos un navegador web y ponemos la URL a nuestro sitio (en nuestro ejemplo http://localhost/joomla) y se abrirá el instalador web:

Seleccionamos el idioma castellano y pulsamos "Siguiente". El siguiente paso es la comprobación de requisitos:

Como podéis ver aparecen en verde si está todo correcto y en rojo si hay algún problema. En mi caso tengo dos en rojo: mostrar errores y buffer de salida activados. Yo lo prefiero así para poder hacer una correcta depuración de errores en PHP pero es recomendable desactivarlos en un sitio en producción. Pulsamos el botón "Siguiente" para pasar a la siguiente pantalla:

Pulsamos "Siguiente" para aceptar la licencia y pasar a la pantalla de configuración de la base de datos:

Ponemos aquí los datos de la base de datos creada en el paso anterior (servidor localhost, nombre de usuario y base de datos "joomla" y nuestra clave). Hay un campo aleatorio que pone un prefijo alfanumérico a las tablas de la base de datos (para usuarios avanzados: podéis poner algo más inteligible como "intranet" o "web", por si tocáis directamente las tablas desde phpMyAdmin). Pulsamos "Siguiente" y nos aparece un formulario para configurar el servidor FTP (de momento pasamos de largo, podemos rellenarlo posteriormente si implementamos un servidor FTP).

Pulsamos "Siguiente" y se mostrará la pantalla para poner la configuración principal del sitio. Aquí ponemos el nombre de nuestro sitio web, el correo del administrador y el usuario y la clave del mismo. Es interesante cambiar el que viene por defecto ("admin") por otro para evitar virus y bots que puedan "secuestrar" nuestro sitio. Por último podemos instalar los datos de ejemplo para trastear con el sitio si no tenemos experiencia con Joomla. 

Os recomiendo crear un sitio vacío sin datos de ejemplo (en un directorio con una base de datos) y otro diferente con los datos de ejemplo (en otro directorio con otra base de datos). Será más sencillo construir nuestro propio sitio desde cero, aunque siempre es interesante ver el potencial de Joomla con los datos de ejemplo y así tenemos las dos opciones.

Para finalizar pulsamos siguiente y aparece la última pantalla del instalador de Joomla:

Pulsamos el botón "Eliminar carpeta de instalación", y podremos acceder directamente a nuestro sitio web pulsando el botón "Sitio" o al de "Administración" para elegir más opciones.

JOOMLA EN CASTELLANO

Con este procedimiento hemos instalado Joomla en inglés. Para instalar el pack de idioma castellano podemos descargarlo de la web de joomla en la siguiente URL:

Pack de idioma en castellano para Joomla 2.5

Descargamos el archivo .zip a nuestro disco duro y accedemos al sitio del Administrador de Joomla (http://localhost/joomla/administrator o el nombre que hayáis puesto vosotros). Ingresamos con nuestro usuario y clave y vamos al gestor de extensiones:

A partir de la versión 1.6 de Joomla se centraliza la instalación de cualquier software añadido como extensiones: plantillas, idiomas, componentes, módulos, plugins... Todo se instala desde el gestion de extensiones o "Extension Manager". Pulsamos sobre él y nos aparece un formulario para subir un archivo. En "Upload Package File" pulsamos "Examinar" para localizar el archivo con el pack de idioma que descargamos y una vez seleccionado pulsamos "Upload & Install":

El sistema nos informará que el paquete se ha instalado correctamente y detallará las notas de instalación:

 Una vez cargado debemos activarlo en el menú "Extensions" > "Language Manager" seleccionamos la estrellita al lado del idioma Spanish:

 Repetimos la operación para la parte de administrador seleccionando la pestaña "Installed - Administrator" y la estrellita en el idioma castellano:

Como se trata del idioma del sitio de administración observaréis que el idioma cambia automáticamente a castellano.

Con esto ya tenéis vuestro Joomla listo para empezar a construir vuestro website. Iremos publicando poco a poco más posts sobre el funcionamiento de Joomla y algunos componentes o plugins interesantes que podemos utilizar.