Componente y Módulo en Joomla

¿Qué es un Componente?

Son aplicaciones que juegan un papel fundamental en la

gestión de contenidos del CMS Joomla. Son pequeños programas

independientes entre sí.

El nombre de los componentes se designa con el prefijo com.

Algunos ejemplos de componentes son:

• Componente de Gestión de Contenidos (com_content).

• Componente de Administración de Banners (com_banners).

• Componente de Encuestas y Votaciones (com_poll).

¿Qué es un Módulo?

Son elementos usados para mostrar información o para

interactuar con el usuario en un Sitio Joomla!. Su principal

característica es que pueden publicarse en posiciones

preestablecidas de las plantillas del Sitio (Front-end) y del

Administrador (Back-end).

El nombre de los módulos se designa con el prefijo mod.

Algunos ejemplos de módulos son:

• Buscador (mod_search).

• Formulario de acceso (mod_login).

Características de los Componentes y Módulos

• Algunos vienen junto al Core de Joomla (el corazón o núcleo del

sistema), o se pueden descargar a parte y posteriormente se

instalan desde el panel administrador de Joomla.

• Permiten añadir nuevas funcionalidades a un sitio de Joomla.

• En el desarrollo de un componente o módulo se utiliza el

paradigma MVC (Model-View-Controller).

Diseño MVC

● Controlador: es el punto de entrada de la aplicación, el mismo

permanece a la escucha de la peticiones solicitadas, se encarga

de ejectuar la lógica de la aplicación y muestra la vista apropiada

para cada caso.

● Modelo: contiene todo lo relacionado con el acceso de los

datos, no se debe incluir lógica, solamente se realizan los

accesos a la base de datos y las validaciones de los datos.

● Vista: contiene el código de la información que se visualizará

por pantalla.

Componente en Joomla

Los componentes se pueden visualizar en:

• Front-end: lo pueden visualizar los usuarios del sitio Web.

• Back-end: se puede visualizar al ingresar a la interfaz para

administrar el sitio.

Estructura de un Componente

Desarrollo de un Componente Directorio Admin:

● install.php: contiene el script para crear la base de datos.

● uninstall.php: contiene el script para borrar la base de

datos, al momento de desintalar el componente.

● admin.prueba.php: es el punto de entrada, que se encarga

de seleccionar el controller dependiendo de la petición del

usuario, para realizar una acción específica.

● controller.php: ejecuta la lógica de la aplicación y contiene

el modelo y la vista adecuada.

Desarrollo de un Componente

Directorio Admin:

Directorio Views:

● index.html: archivo en blanco que impide que los usuarios

puedan obtener una lista de los directorios.

Directorio Prueba:

● index.html: archivo en blanco que impide que los usuarios

puedan obtener una lista de los directorios.

● view.html.php: contiene el código que se va a visualizar.

Desarrollo de un Componente

Directorio Admin:

Directorio Views:

Directorio tmpl:

● index.html: archivo en blanco que impide que los

usuarios puedan obtener una lista de los directorios.

● default.php: contiene el código que se va a

visualizar por defecto.

Desarrollo de un Componente

Directorio Admin:

Directorio Models:

● index.html: archivo en blanco que impide que los

usuarios puedan obtener una lista de los directorios.

● prueba.php: archivo que permite la interacción con la

base de datos.

Desarrollo de un Componente

Directorio Site:

● prueba.php: es el punto de entrada, que se encarga de

seleccionar el controller dependiendo de la petición del

usuario, para realizar una acción específica.

● controller.php: ejecuta la lógica de la aplicación y contiene

el modelo y la vista adecuada.

Desarrollo de un Componente Directorio Admin:

Directorio Views:

● index.html: archivo en blanco que impide que los usuarios

puedan obtener una lista de los directorios.

Directorio Prueba:

● index.html: archivo en blanco que impide que los

usuarios puedan obtener una lista de los directorios.

● view.html.php: contiene el código que se va a

visualizar.

Desarrollo de un Componente

Directorio Site:

Directorio Views:

Directorio tmpl:

● index.html: archivo en blanco que impide que los

usuarios puedan obtener una lista de los directorios.

● default.php: contiene el código que se va a

visualizar por defecto.

Desarrollo de un Componente

Directorio Site:

Directorio Models:

● index.html: archivo en blanco que impide que los

usuarios puedan obtener una lista de los directorios.

● prueba.php: archivo que permite la interacción con la

base de datos.

Desarrollo de un Componente

Registro de Personas

Nombre

Cédula Ocupación Fecha de ingreso

Desarrollo de un Componente

Acciones

Insertar Guardar, Cancelar

Editar Actualizar, Cancelar

Eliminar

Desarrollo de un Componente

Las clases que se deben crear para el controlador, el modelo

y la vista, se deben llamar de la siguiente manera:

Controlador: Nombre del componente – Controller – Nombre del Controlador

Módelo: Nombre del componente – Model – Nombre del Módelo

Vista:

Nombre del componente – View – Nombre de la Vista

Desarrollo de un Componente

Por medidas de seguridad del framework de joomla, se

recomienda utilizar en todo los archivos php, el siguiente

código, que permite restringir el acceso.

defined('_JEXEC') or die('Restricted access');

Desarrollo de un Componente

Para importar las clases bases se debe incoporar el siguiente código:

Se importa la clase base para una controlador de joomla

jimport( 'joomla.application.component.controller' );

Se importa la clase base para un modelo de joomla

jimport( 'joomla.application.component.model' );

Se importa la clase base para una vista de joomla

jimport( 'joomla.application.component.view' );

Estructura de un Módulo

Desarrollo de un Componente

● helper.php: contiene la lógica del módulo.

● mod_prueba.php: es el punto de entrada del módulo.

Directorio tmpl:

● index.html: archivo en blanco que impide que los

usuarios puedan obtener una lista de los directorios.

● default.php: contiene el código que se va a visualizar.