SlideShare uma empresa Scribd logo
1 de 17
¿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 Desarrolladores Muchas 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 el contenido (artículos, componentes, módulos, etc.) templateDetails.xml Determinante para que la plantilla sea reconocida en el back-end del CMS. Posee diversos datos como licencia, autor, e-mail, etc. En Joomla! 1.5 la plantilla podrá tener parámetros manejables desde el back-end para cambiar la visualización del template. En este archivo se agregaran los parámetros y las posiciones de disponibles para mostrar los módulos. template_thumbnail.png Es la imagen que actuará como previsualización del template en la administración. params.ini Contendrá los valores para configurar los parámetros del template. Si la plantilla no posee parámetros para configurar, este archivo no será necesario. template.css Es el estilo en cascada principal que se encuentra dentro de la carpeta 'css'. En la rama de Joomla! 1.0.x este archivo tenía el nombre de template_css.css favicon.ico Es el favicon que usaremos en nuestro sitio.
Creación de templateDetails.xml Aquí, 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 la tipografia" 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 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 MVC Una 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-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: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

Mais conteúdo relacionado

Mais procurados

1º Meetup joomla Almería
1º Meetup joomla Almería1º Meetup joomla Almería
1º Meetup joomla AlmeríaAntonio Torres
 
Creación de tiendas woo commerce y páginas web - Ender, Factoría de Software
Creación de tiendas woo commerce y páginas web - Ender, Factoría de SoftwareCreación de tiendas woo commerce y páginas web - Ender, Factoría de Software
Creación de tiendas woo commerce y páginas web - Ender, Factoría de SoftwareJonathan Estrella
 
Magento cms comp
Magento cms compMagento cms comp
Magento cms comppdelgadonea
 
Qué es y como se instala Joomla
Qué es y como se instala JoomlaQué es y como se instala Joomla
Qué es y como se instala JoomlaJorge García
 
Que es html zabaleta ruíz milton de jesús
Que es html zabaleta ruíz milton de jesúsQue es html zabaleta ruíz milton de jesús
Que es html zabaleta ruíz milton de jesúsmiltonzabaleta1997
 
Curso de Administración de Joomla
Curso de Administración de JoomlaCurso de Administración de Joomla
Curso de Administración de JoomlaPablo MC
 
Simplex portal 4.0 - Detalle de funcionalidades
Simplex portal 4.0 - Detalle de funcionalidadesSimplex portal 4.0 - Detalle de funcionalidades
Simplex portal 4.0 - Detalle de funcionalidadesSIMPLEXPORTAL
 
Producto 4 programacion web
Producto 4 programacion webProducto 4 programacion web
Producto 4 programacion webEdgar Chacha
 
Estructura básicas de plantillas en joomla!
Estructura básicas de plantillas en joomla!Estructura básicas de plantillas en joomla!
Estructura básicas de plantillas en joomla!Leonel Canton
 
Joomla Curso Noviembre
Joomla Curso NoviembreJoomla Curso Noviembre
Joomla Curso Noviembrejomyto
 
Herramienta web 2
Herramienta web 2Herramienta web 2
Herramienta web 2maleja rizo
 
Diapositivas joomla
Diapositivas joomlaDiapositivas joomla
Diapositivas joomlaBruja Loca
 
Jonathan Estrella. Ender. Wordpress: Ventajas, inconvenientes y trucos.
Jonathan Estrella. Ender. Wordpress: Ventajas, inconvenientes y trucos.Jonathan Estrella. Ender. Wordpress: Ventajas, inconvenientes y trucos.
Jonathan Estrella. Ender. Wordpress: Ventajas, inconvenientes y trucos.SalonMiEmpresa
 

Mais procurados (20)

1º Meetup joomla Almería
1º Meetup joomla Almería1º Meetup joomla Almería
1º Meetup joomla Almería
 
Creación de tiendas woo commerce y páginas web - Ender, Factoría de Software
Creación de tiendas woo commerce y páginas web - Ender, Factoría de SoftwareCreación de tiendas woo commerce y páginas web - Ender, Factoría de Software
Creación de tiendas woo commerce y páginas web - Ender, Factoría de Software
 
Magento cms comp
Magento cms compMagento cms comp
Magento cms comp
 
Joomla y wordpress
Joomla y wordpressJoomla y wordpress
Joomla y wordpress
 
Clase 3 Editores para Programación Web
Clase 3 Editores para Programación WebClase 3 Editores para Programación Web
Clase 3 Editores para Programación Web
 
CMS - Joomla
CMS - JoomlaCMS - Joomla
CMS - Joomla
 
Qué es y como se instala Joomla
Qué es y como se instala JoomlaQué es y como se instala Joomla
Qué es y como se instala Joomla
 
Taller dreamweaver
Taller dreamweaverTaller dreamweaver
Taller dreamweaver
 
HTML 5
HTML 5HTML 5
HTML 5
 
Que es html zabaleta ruíz milton de jesús
Que es html zabaleta ruíz milton de jesúsQue es html zabaleta ruíz milton de jesús
Que es html zabaleta ruíz milton de jesús
 
Presentacion Joomla
Presentacion JoomlaPresentacion Joomla
Presentacion Joomla
 
Curso de Administración de Joomla
Curso de Administración de JoomlaCurso de Administración de Joomla
Curso de Administración de Joomla
 
Qué es joomla
Qué es joomlaQué es joomla
Qué es joomla
 
Simplex portal 4.0 - Detalle de funcionalidades
Simplex portal 4.0 - Detalle de funcionalidadesSimplex portal 4.0 - Detalle de funcionalidades
Simplex portal 4.0 - Detalle de funcionalidades
 
Producto 4 programacion web
Producto 4 programacion webProducto 4 programacion web
Producto 4 programacion web
 
Estructura básicas de plantillas en joomla!
Estructura básicas de plantillas en joomla!Estructura básicas de plantillas en joomla!
Estructura básicas de plantillas en joomla!
 
Joomla Curso Noviembre
Joomla Curso NoviembreJoomla Curso Noviembre
Joomla Curso Noviembre
 
Herramienta web 2
Herramienta web 2Herramienta web 2
Herramienta web 2
 
Diapositivas joomla
Diapositivas joomlaDiapositivas joomla
Diapositivas joomla
 
Jonathan Estrella. Ender. Wordpress: Ventajas, inconvenientes y trucos.
Jonathan Estrella. Ender. Wordpress: Ventajas, inconvenientes y trucos.Jonathan Estrella. Ender. Wordpress: Ventajas, inconvenientes y trucos.
Jonathan Estrella. Ender. Wordpress: Ventajas, inconvenientes y trucos.
 

Destaque

Uso Slideshare.com
Uso Slideshare.comUso Slideshare.com
Uso Slideshare.comvviteriv
 
Desarrollo de protales
Desarrollo de protalesDesarrollo de protales
Desarrollo de protalesrlramirez
 
Charla de Paracaídas de emergencia
Charla de Paracaídas de emergenciaCharla de Paracaídas de emergencia
Charla de Paracaídas de emergenciarlramirez
 
Travel 2.0. Escuchando al mercado turístico (1/2)
Travel 2.0. Escuchando al mercado turístico (1/2)Travel 2.0. Escuchando al mercado turístico (1/2)
Travel 2.0. Escuchando al mercado turístico (1/2)eduwilliam
 
New Faculty Training
New Faculty TrainingNew Faculty Training
New Faculty Trainingmcdsjen
 

Destaque (9)

Uso Slideshare.com
Uso Slideshare.comUso Slideshare.com
Uso Slideshare.com
 
Desarrollo de protales
Desarrollo de protalesDesarrollo de protales
Desarrollo de protales
 
Charla de Paracaídas de emergencia
Charla de Paracaídas de emergenciaCharla de Paracaídas de emergencia
Charla de Paracaídas de emergencia
 
Intrusismo
IntrusismoIntrusismo
Intrusismo
 
Open Source
Open SourceOpen Source
Open Source
 
Travel 2.0. Escuchando al mercado turístico (1/2)
Travel 2.0. Escuchando al mercado turístico (1/2)Travel 2.0. Escuchando al mercado turístico (1/2)
Travel 2.0. Escuchando al mercado turístico (1/2)
 
New Faculty Training
New Faculty TrainingNew Faculty Training
New Faculty Training
 
CSS
CSSCSS
CSS
 
CalçOtada 2008
CalçOtada 2008CalçOtada 2008
CalçOtada 2008
 

Semelhante a Joomla

Semelhante a Joomla (20)

ExposicionSeminarioJoomla
ExposicionSeminarioJoomlaExposicionSeminarioJoomla
ExposicionSeminarioJoomla
 
Curso Joomla
Curso JoomlaCurso Joomla
Curso Joomla
 
Curso joomla
Curso joomlaCurso joomla
Curso joomla
 
Servicio internet
Servicio internetServicio internet
Servicio internet
 
HTML5
HTML5HTML5
HTML5
 
Planes web kramgroup 2011
Planes web kramgroup  2011Planes web kramgroup  2011
Planes web kramgroup 2011
 
Joomla 2005-3087
Joomla 2005-3087Joomla 2005-3087
Joomla 2005-3087
 
Salesforce Bilbao Elevate '15 - 4th developer workshop
Salesforce Bilbao Elevate '15 - 4th developer workshopSalesforce Bilbao Elevate '15 - 4th developer workshop
Salesforce Bilbao Elevate '15 - 4th developer workshop
 
Iniciojoomla
IniciojoomlaIniciojoomla
Iniciojoomla
 
Joomla la web_en_el_entorno_educativo_completo
Joomla la web_en_el_entorno_educativo_completoJoomla la web_en_el_entorno_educativo_completo
Joomla la web_en_el_entorno_educativo_completo
 
Qué es joomla15
Qué es joomla15Qué es joomla15
Qué es joomla15
 
Web-alternativa-al-Senado-de-Espana-desarrollada-Open-Source
Web-alternativa-al-Senado-de-Espana-desarrollada-Open-SourceWeb-alternativa-al-Senado-de-Espana-desarrollada-Open-Source
Web-alternativa-al-Senado-de-Espana-desarrollada-Open-Source
 
Presentacion joomla-publicador
Presentacion joomla-publicadorPresentacion joomla-publicador
Presentacion joomla-publicador
 
Exposicion De Joomla Manuel Lopez
Exposicion De Joomla Manuel LopezExposicion De Joomla Manuel Lopez
Exposicion De Joomla Manuel Lopez
 
05 Joomla. Consideraciones Globales
05 Joomla. Consideraciones Globales05 Joomla. Consideraciones Globales
05 Joomla. Consideraciones Globales
 
Joomla 3
Joomla 3Joomla 3
Joomla 3
 
Joomla! Cms
Joomla! CmsJoomla! Cms
Joomla! Cms
 
Desarrollo rápido de páginas web con Joomla!
Desarrollo rápido de páginas web con Joomla!Desarrollo rápido de páginas web con Joomla!
Desarrollo rápido de páginas web con Joomla!
 
Html5
Html5Html5
Html5
 
Access
AccessAccess
Access
 

Joomla

  • 1.
  • 2. ¿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.
  • 3. 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
  • 4. 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
  • 5. Joomla! para Desarrolladores Muchas 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
  • 7. Archivos index.php El archivo principal, contendrá todo el HTML y directivas PHP de Joomla! para cargar el contenido (artículos, componentes, módulos, etc.) templateDetails.xml Determinante para que la plantilla sea reconocida en el back-end del CMS. Posee diversos datos como licencia, autor, e-mail, etc. En Joomla! 1.5 la plantilla podrá tener parámetros manejables desde el back-end para cambiar la visualización del template. En este archivo se agregaran los parámetros y las posiciones de disponibles para mostrar los módulos. template_thumbnail.png Es la imagen que actuará como previsualización del template en la administración. params.ini Contendrá los valores para configurar los parámetros del template. Si la plantilla no posee parámetros para configurar, este archivo no será necesario. template.css Es el estilo en cascada principal que se encuentra dentro de la carpeta 'css'. En la rama de Joomla! 1.0.x este archivo tenía el nombre de template_css.css favicon.ico Es el favicon que usaremos en nuestro sitio.
  • 8. Creación de templateDetails.xml Aquí, 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. 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>
  • 10. Posiciones <positions> <position>left</position> <position>right</position> <position>user3</position> </positions>
  • 11. Parapemtros <params> <paramname="color" type="list" default="blanco" label="Color de la tipografia" 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 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.
  • 14. Modelo MVC Una 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.
  • 15. Front-endy 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: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 componente simple en Joomla! 1.5 Usando el patrón MVC