¿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 PortalesComercio ElectrónicoPequeños Sitios de NegociosWebs de Organizaciones o ONGsAplicaciones GubernamentalesIntranets y Extranets CorporativasWebs de Escuelas o AgrupacionesPáginas Personales o FamiliaresPortales de ComunidadesRevistas y Periódicos...las posibilidades son ilimitadas
Llevando a Joomla! al Siguiente NivelJoomla! 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ámicosDirectorios de Empresas u OrganizacionesGestores de DocumentosGalerías de Imágenes MultimediaMotores de Comercio y Venta ElectrónicaSoftware de Foros y ChatsCalendariosSoftware para BlogsServicios de DirectorioBoletines de NoticiasHerramientas de Registro de DatosSistemas de Publicación de AnunciosServicios 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 IntegradosSistemas de Control del InventarioHerramientas de Registro de DatosSistemas de Reserva OnlineHerramientas de ComunicaciónPuentes de Aplicaciones...o cualquier tipo de aplicación para una necesidad
Desarrollo de Templates
Archivosindex.phpEl 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.cssfavicon.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:<?xmlversion="1.0" encoding="utf-8"?><installversion="1.5" type="template"><name>Nombre del template</name><creationDate>Fecha de creación</creationDate><author>Nombre del autor</author><copyright>Licencia</copyright><authorEmail>E-mail del autor</authorEmail><authorUrl>Web del autor</authorUrl><version>Versión</version><description><![CDATA[Aqui va la descripción, puede usarse HTML o texto plano.]]></description>
Archivos<files><filename>index.php</filename><filename>templateDetails.xml</filename><filename>template_thumbnail.png</filename><filename>favicon.ico</filename><filename>css/template.css</filename><filename>images/imagen.png</filename></files>
Posiciones<positions><position>left</position><position>right</position><position>user3</position></positions>
Parapemtros<params><paramname="color" type="list" default="blanco" label="Color de latipografia" description="Color de la tipografia"><option value="azul">Azul</option><option value="rojo">Rojo</option><optionvalue="verde">Verde</option></param></params></install>
Index.php<jdoc:includetype="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 JoomlaEl 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-endy back-endFront-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:includetype=”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

Joomla

  • 2.
    ¿Qué es Joomla!?Esun 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.
  • 3.
    Para quien?Joomla! seutiliza 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 PortalesComercio ElectrónicoPequeños Sitios de NegociosWebs de Organizaciones o ONGsAplicaciones GubernamentalesIntranets y Extranets CorporativasWebs de Escuelas o AgrupacionesPáginas Personales o FamiliaresPortales de ComunidadesRevistas y Periódicos...las posibilidades son ilimitadas
  • 4.
    Llevando a Joomla!al Siguiente NivelJoomla! 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ámicosDirectorios de Empresas u OrganizacionesGestores de DocumentosGalerías de Imágenes MultimediaMotores de Comercio y Venta ElectrónicaSoftware de Foros y ChatsCalendariosSoftware para BlogsServicios de DirectorioBoletines de NoticiasHerramientas de Registro de DatosSistemas de Publicación de AnunciosServicios de Suscripción...y muchos, muchos más
  • 5.
    Joomla! para DesarrolladoresMuchascompañí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 IntegradosSistemas de Control del InventarioHerramientas de Registro de DatosSistemas de Reserva OnlineHerramientas de ComunicaciónPuentes de Aplicaciones...o cualquier tipo de aplicación para una necesidad
  • 6.
  • 7.
    Archivosindex.phpEl 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.cssfavicon.icoEs el favicon que usaremos en nuestro sitio.
  • 8.
    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:<?xmlversion="1.0" encoding="utf-8"?><installversion="1.5" type="template"><name>Nombre del template</name><creationDate>Fecha de creación</creationDate><author>Nombre del autor</author><copyright>Licencia</copyright><authorEmail>E-mail del autor</authorEmail><authorUrl>Web del autor</authorUrl><version>Versión</version><description><![CDATA[Aqui va la descripción, puede usarse HTML o texto plano.]]></description>
  • 9.
  • 10.
  • 11.
    Parapemtros<params><paramname="color" type="list" default="blanco"label="Color de latipografia" description="Color de la tipografia"><option value="azul">Azul</option><option value="rojo">Rojo</option><optionvalue="verde">Verde</option></param></params></install>
  • 12.
    Index.php<jdoc:includetype="head" />$this->template$mainframe->getCfg('sitename')<jdoc:include type="modules"name="posición“ style="estilo" /><jdoc:include type="modules" name="left" style="xhtml" />
  • 13.
    Componentes en JoomlaElpatró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.
  • 14.
    Modelo MVCUna aplicaciónweb 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.
  • 15.
    Front-endy back-endFront-end: elfront-end es la parte del componente que es visible para el usuario de nuestro sitio web. Se visualiza donde hayamos incluido la etiqueta <jdoc:includetype=”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!.­
  • 16.
    Construir un componentesimple en Joomla! 1.5 Usando el patrón MVC
  • 17.