Bueno ya sabemos que son las extensiones de joomla (Las tan nombradas EXTENSIONES de Joomla) ahora la pregunta es cómo se utilizan éstas, por lo cual en este artículo nos centraremos en los componentes y el uso del patrón Modelo Control Vista (MVC) para la programación del mismo.

Joomla logo

Joomla logo

Joomla en su versión 1.5 incorporó una nuevo patrón de arquitectura de software para la programación de los componentes, su nombre es MVC, este patrón es usado en varios frameworks como por ejemplo Django y Pylons en python, ruby on rails en ruby entre muchas otras. La idea con este patrón es separar los datos de una aplicación, la interfaz de usuario y la lógica de control.

En una aplicación Web, la Vista sería lo que el usuario vería en pantalla o el código html , el Control se encargaría de capturar todas las entradas realizadas desde la vista y el Modelo tendría todo el código referente a la gestión de bases de datos.

El patrón MVC puede parecer complicado en un principio, pero la realidad es que te ayudará mucho en un futuro si deseas realizar modificaciones sobre el componente, además de esto será fácil de leer para personas externas ya que tiene una estructura definida, por lo cual nos ayudará a guiarnos en el momento que queramos modificar algún componente.

En el artículo anterior definimos los conceptos de Front-end y Back-end (Las tan nombradas EXTENSIONES de Joomla), debido a que tanto el Front-end como el Back-end tienen vistas diferentes, existen dos patrónes distintos para cada uno, es decir, habrá un MVC para el Administrador del Componete (sólo lo ve el administrador) y habrá otro MVC diferente para el componente en sí (Lo que ve el usuario)

Cada framework utiliza a su manera el patrón MVC, por ejemplo algunos trabajan con archivos de configuración a diferencia de Joomla que para mapear las acciones del componente se guía a través de los nombres de los ficheros, por lo cual es obligatorio que nombres cada fichero debidamente para que tu aplicación pueda funcionar correctamente.

Viendo la importancia que tiene los ficheros y sus nombres en Joomla vamos a realizar un recorrido por la estructura de un componente, cuando entras a la carpetas de tu sitio en Joomla te vas a encontrar con dos carpetas principales referente a la programación del componente, una es para el Back-end (administrator/components) y otra para el Front-end(components), nos centraremos en la carpeta del Front-end y específicamente en un componente para realizar formularios para contacto llamado aicontactsafe.

La carpeta donde se van a guardar los archivos del componente debe tener el siguiente nombre com_nombrecomponente y debe estar dentro de la carpeta components. Los componentes deben tener básicamente tres carpetas una para el Modelo llamada “models”, otra para la Vista llamada “views” y otra para el Controlador llamada “controllers”, como podemos ver en la siguiente imagen de la estructura del componente de aicontactsafe.

Estructura_componentes

Estructura componentes

Dentro de la carpeta “views” se deben crear las vistas que va a tener tu componente, por ejemplo aicontactsafe tiene tres vistas y dentro de cada una de estas carpetas se encuentra una carpeta llamada tmp, que contiene el template es decir el código HTML.

Vistas componentes

Vistas componentes

Dentro de la carpeta “models” se encuentra los códigos que interactuarán con la base de datos para cada vista.

Luego de haber creado mi componente y de entender lo básico del funcionamiento de los componentes en joomla, me dí cuenta de la posibilidad de generar componentes de joomla a partir de un generador de código de componentes mirar (http://www.joomlafreak.be/joomla_component_code_generator/create.html), es muy fácil pero te recomiendo que si vas a interactuar y a modificar componentes constantemente, crea tu propio componente interactúa con el código y entiéndelo.

« »