En este taller Sergio Iglesias nos introducirá en el desarrollo de módulos para Joomla y nos explicara con casos prácticos: - Ficheros que forman un módulo. - Visualización de datos a partir de campos de configuración. - Visualización de datos a partir de consulta a base de datos. - Tips y herramientas para el desarrollo de módulos.

1. INTRODUCCIÓN AL
DESARROLLO DE MÓDULOS
JOOMLA!

2. Hola!
soy SERGIO IGLESIAS
2
Consultor Joomla! - Backend & Frontend
Developer
Desarrollo Sitios Web para PYMEs y
Autónomos
Formador Joomla! (Cursos Online y a
Medida).
Puedes contactar conmigo en:
https://sergioiglesias.net
info@sergioiglesias.net

3. QUÉ VAMOS A VER
1. Qué es un módulo
2. Tipos nativos
3. Estructura
4. Campos configuración
5. Consulta a BBDD
6. Tips
7. Enlaces de interés
3
En esta sesión vamos a comenzar con el
desarrollo de módulos en Joomla.
Una pequeña introducción para que
podamos crear nuestros propios
módulos a medida para los proyectos
que gestionamos.

4. Los módulos son extensiones más ligeras y flexibles
que los componentes usadas para la generación de
páginas.
Permiten mostrar, en las posiciones de una plantilla,
contenido de un componente (a través de una
consulta a base de datos) o de datos introducidos (a
partir de sus campos de configuración).
4
▪ Se asignan a cada elemento de menú.
▪ Fácil realizar overrides:
- Flexibilidad a la hora de mostrar contenido y adaptarlo al
diseño de la plantilla o a las necesidades del proyecto.
▪ Rápido de desarrollar.
1.
QUÉ ES UN
MÓDULO

5. Artículos Archivados Artículos - Últimas
novedades
Artículos - Artículos
relacionados
5
2.
TIPOS DE
MÓDULOS
NATIVOS: 26
Artículos Categorías Artículos Categoría Anuncios
Ruta de navegación HTML Personalizado Sindicación del sitio
Pie De Página Selector de Idioma Últimas novedades
Usuarios recientes Datos de acceso Menú

6. Los más populares Etiquetas Populares Imagen aleatoria
6
2.
TIPOS DE
MÓDULOS
NATIVOS: 26
Buscar Etiquetas similares Módulo de búsquedas
inteligentes
Estadísticas Sindicación del sitio Enlaces web
Quién está en línea URL Embebida Más...

7. 7
3.
ESTRUCTURA
MÓDULO BÁSICO
> Estructura
language/: ficheros de idioma
tmpl/default.php: visualización
helper.php: opcional
module_name.php: punto de entrada
module_name.xml: instalación e info

8. Custom Thumbnails
Ver en GitHub
8
4.
CAMPOS
CONFIGURACIÓN
VISUALIZACIÓN DE
DATOS

9. Articles Thumbnails
Ver en GitHub
9
5.
CONSULTA A
BBDD
VISUALIZACIÓN DE
DATOS

10. 10
6.
TIPS
Consejos para el desarrollo de módulos en Joomla.
▪ No reinventes la rueda: existen multitud de módulos en el JED
▪ Piensa en el usuario: pon las cosas fáciles desde la configuración
▪ Utiliza auto-update: facilita la actualización de tus extensiones
▪ Cuidado con la carga de ficheros: CSS y JS
- Deja que sea el usuario quien decida si quiere usar los que pongas por defecto
o bien los que quiera él desde plantilla
- No cargues más de 2 veces la librería jQuery (ver)
- JHtml::_('jquery.framework');
▪ Usa MVC: los maquetadores te lo agradecerán
▪ Usa GitHub como repositorio: siempre hay desarrolladores que pueden contribuir a
hacer mejor tu módulo
▪ ¿Tienes algún consejo más? Compártelo con nosotros...

11. 11
7.
ENLACES DE
INTERÉS
En los siguientes enlaces tienes información relacionada con los módulos en Joomla.
▪ Documentación oficial:
- https://docs.joomla.org/Module/es
- https://docs.joomla.org/Standard_form_field_types/es
▪ Herramientas online: ayudan en la generación de un módulo
- https://xdsoft.net/joomla-module-generator/
- https://extstore.com/tools/module-creator
▪ Tutoriales
- https://sergioiglesias.net/blog/joomla/372-como-crear-clase-estilo-modulos-pl
antilla-joomla
- https://magazine.joomla.org/es/item/3191-creando-un-modulo-para-consumir-
un-web-service
- https://sergioiglesias.net/blog/joomla/373-cambiar-descripcion-posicion-planti
lla-joomla
- https://sergioiglesias.net/blog/joomla/376-como-crear-nuevo-estilo-modulo-pl
antilla-joomla
- https://manualesjoomla.es/blog/79-mjcommentsystem-tutorial-5

12. Gracias por vuestra
atención!
12
Si tenéis alguna duda o pregunta podéis
hacerla ahora o a través de:
▪ sergioiglesias.net
▪ info@sergioiglesias.net
▪ @sergiois