Estructura deComponentes de Joomla

Bueno ya sabemos que son las extensiones de joomla (link al articulo anterior) 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 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 (Link al artículo

anterior), 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.
img 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.

img views

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.

Para un próximo artículo

Qué debo modificar?

Puedo Modificar los componentes, tendré problemas legales?