¿Qué es Joomla!?

• Es un Sistema de Gestión de Contenidos (CMS) premiado mundialmente, que le ayuda a construir sitios web y otras aplicaciones online potentes. Lo mejor de todo, es que Joomla! es una solución de código abierto y está disponible libremente para cualquiera que desee utilizarlo.

Para quien?Joomla! se utiliza en todo el mundo para generar desde una simple página web personal hasta complejas aplicaciones web corporativas. Entre los diferentes usos que la gente da a Joomla! están:

• Webs Corporativas o Portales• Comercio Electrónico• Pequeños Sitios de Negocios• Webs de Organizaciones o ONGs• Aplicaciones Gubernamentales• Intranets y Extranets Corporativas• Webs de Escuelas o Agrupaciones• Páginas Personales o Familiares• Portales de Comunidades• Revistas y Periódicos• ...las posibilidades son ilimitadas

Llevando a Joomla! al Siguiente Nivel

Joomla! realiza un gran trabajo gestionando el contenido necesario para que un sitio web funcione. Pero para mucha gente, el verdadero potencial de Joomla! recae en la arquitectura de la aplicación, que posibilita que miles de desarrolladores en el mundo puedan crear potentes add-ons y extensiones. A continuación mostramos algunos ejemplos de los cientos de extensiones disponibles:

• Generadores de Formularios Dinámicos• Directorios de Empresas u Organizaciones• Gestores de Documentos• Galerías de Imágenes Multimedia• Motores de Comercio y Venta Electrónica• Software de Foros y Chats• Calendarios• Software para Blogs• Servicios de Directorio• Boletines de Noticias• Herramientas de Registro de Datos• Sistemas de Publicación de Anuncios• Servicios de Suscripción• ...y muchos, muchos más

Joomla! para DesarrolladoresMuchas compañías u organizaciones tienen necesidades que van más allá de lo

disponible en el paquete básico de Joomla! o en las extensiones de distribución libre.

Joomla! ofrece una arquitectura de aplicación potente que permite a los desarrolladores crear sofisticadas extensiones que amplían la capacidad de Joomla! en múltiples e ilimitadas direcciones.

Usando la estructura del núcleo de Joomla!, los desarrolladores puede construir fácilmente:– Sistemas de Comercio Electrónico Integrados– Sistemas de Control del Inventario– Herramientas de Registro de Datos– Sistemas de Reserva Online– Herramientas de Comunicación– Puentes de Aplicaciones– ...o cualquier tipo de aplicación para una necesidad

Desarrollo de Templates

Archivos• index.php

El archivo principal, contendrá todo el HTML y directivas PHP de Joomla! para cargar elcontenido (artículos, componentes, módulos, etc.)

• templateDetails.xmlDeterminante para que la plantilla sea reconocida en el back-end del CMS. Posee diversosdatos como licencia, autor, e-mail, etc. En Joomla! 1.5 la plantilla podrá tener parámetrosmanejables desde el back-end para cambiar la visualización del template. En este archivo seagregaran los parámetros y las posiciones de disponibles para mostrar los módulos.

• template_thumbnail.pngEs la imagen que actuará como previsualización del template en la administración.

• params.iniContendrá los valores para configurar los parámetros del template. Si la plantilla no poseeparámetros para configurar, este archivo no será necesario.

• template.cssEs el estilo en cascada principal que se encuentra dentro de la carpeta 'css'. En la rama deJoomla! 1.0.x este archivo tenía el nombre de template_css.css

• favicon.icoEs el favicon que usaremos en nuestro sitio.

Creación de templateDetails.xmlAquí, entre cada etiqueta pondremos los datos específicos de la plantilla como su versión,

autor, email, página web, año, licencia y descripción:1. <?xml version="1.0" encoding="utf-8"?>2. <install version="1.5" type="template">3. <name>Nombre del template</name>4. <creationDate>Fecha de creación</creationDate>5. <author>Nombre del autor</author>6. <copyright>Licencia</copyright>7. <authorEmail>E-mail del autor</authorEmail>8. <authorUrl>Web del autor</authorUrl>9. <version>Versión</version>10. <description>11. <![CDATA[12. Aqui va la descripción, puede usarse HTML o texto plano.13. ]]>14. </description>

Archivos

1. <files>2. <filename>index.php</filename>3. <filename>templateDetails.xml</filename>4. <filename>template_thumbnail.png</filename>5. <filename>favicon.ico</filename>6. <filename>css/template.css</filename>7. <filename>images/imagen.png</filename>8. </files>

Posiciones

1. <positions>2. <position>left</position>3. <position>right</position>4. <position>user3</position>5. </positions>

Parapemtros

1. <params>2. <param name="color" type="list" default="blanco"

label="Color de la3. tipografia" description="Color de la tipografia">4. <option value="azul">Azul</option>5. <option value="rojo">Rojo</option>6. <option value="verde">Verde</option>7. </param>8. </params>9. </install>

Index.php

• <jdoc:include type="head" />• $this->template• $mainframe->getCfg('sitename')• <jdoc:include type="modules"

name="posición“ style="estilo" />• <jdoc:include type="modules" name="left"

style="xhtml" />

Componentes en Joomla

El patrón de diseño MVC.• La nueva versión 1.5 de joomla! Incluye

novedades en la elaboración de componentes, entre ellas la posibilidad de incorporar un patrón de diseño MVC , que a la larga facilitará el mantenimiento de nuestro componente, y lo hará más fácil de extender al mismo tiempo que resultará más fácil de leer por otras personas.

Modelo MVCUna aplicación web basada en este patrón separa su código en tres

partes diferenciadas:• El controlador: el controlador es el punto de entrada de la aplicación,

se mantiene a la escucha de todas las peticiones, ejecuta la lógica de la aplicación, y muestra la vista apropiada para cada caso.

• El modelo : el modelo contiene todo el código relacionado con el acceso a datos. Es importante que sea un código lo más genérico posible y se pueda reutilizar en otras situaciones y proyectos. Nunca incluiremos lógica en el modelo, solamente consultas a la base de datos y validaciones de entrada de datos.

• La vista : la vista contiene el código que representará lo que nosotros veremos por pantalla, en este caso se trata de código html.

Front-end y back-end• Front-end: el front-end es la parte del componente que es visible

para el usuario de nuestro sitio web. Se visualiza donde hayamos incluido la etiqueta <jdoc:include type=”component” /> en el template. Su código fuente se encuentra en el directorio components dentro del directorio principal de Joomla!.

• Back-end : es la parte del componente que se mostrará cuando entremos al sitio como administradores. El componente se mostrará donde lo hayamos especificado en el template del back-end. El template para la parte de back-end y la parte de front-end es difrerente. Su codigo fuente se encuentra en el directorio components dentro del directorio administrator dentro del directorio principal de Joomla!.

Construir un componente simple en Joomla! 1.5 Usando el patrón MVC

• http://docs.google.com/View?id=dcsmq2ts_137db2fs5dc