CMS JOOMLA, "Diseño web en Pocos Pasos" Diseño Web Dinámico ::..2do Festival de Informática Educativa 2012::Tecnología para la Educación y el Conocimiento...UNAN-MANAGUA

1. Diseño web en poco pasos
geraldflores07@gmail.com

2. Introducción
En los 90, cuando comenzó la expansión de Internet, la web era
basicamente nexada a informar con páginas estáticas, donde la
mayoría de los usuarios lo único que hacían o lograban hacer;
era hacer clic en diferentes páginas web. Sin participar de
forma activa en la interacción o direccionamiento de la
información.
Hoy en día la realidad es completamente distinta, Internet se
encuentra repleto de opiniones, ocio y diversidades presentes
en las miles de redes sociales, blogs personales, blogs de
empresas, comunidades y foros, hay lugares para conocer el
mundo y darse a conocer a la sociedad mediante imágenes,
musica,videos.
La web 2.0 nos brinda una mayor accesibilidad a la información,
cambiando el mundo de la interacción social

3. ¿ Que es un CMS ?
 CMS :Content Management System,
Traducido:Sistema Manejador de Contenidos.
 Código abierto de uso libre y gratuito.
 Se instala en un servidor.
 Se manejan a través de un navegador desde
cualquier equipo conectado a Internet.
 Es multiusuario, posibilidad de asignar diferentes
niveles de uso y administración a diferentes
usuarios.

4. Tipos de CMS
OsCommerce
Drupal
Plone
JOOMLA
WordPress
CMS

5. Tipos de CMS

6. ¿Qué es Joomla!?
Joomla! es un potente gestor de
contenidos web (CMS) que permite
crear sitios web elegantes, dinámicos e
interactivos sin necesidad de
conocimientos técnicos especializados.
Joomla! es un software que permite crear
páginas web con suma facilidad, facilitando
enormemente las tareas de publicación de
información y la administración del portal.

7. Joomla! es Open Source
Joomla! es una aplicación Open Source o
de código abierto programada en
lenguaje PHP bajo una licencia GPL y
que utiliza una base de datos MySQL
para almacenar el contenido y los
parámentros de configuración del sitio.
Además de libre, Joomla! es gratuito y no
tendrás que pagar nada por usar este
CMS para construir tu web.

8. Con Joomla! todoes más sencillo
“Hacerlosimplecomplicado escosafrecuente;
hacerlocomplicado simple,
‘impresionantemente’ simple,
esoescreatividad.”
Charles Mingus, músico de jazz

9. Un poco de Historia
Joomla surge como el resultado de una
bifurcación o mejora de Mambo, de la
corporación Miro de Australia, quien
mantenía la marca del nombre Mambo
A mediados de 2005, los administradores
del equipo de desarrollo de Mambo
renunciaron de inmediato y fundaron
Joomla!®.

10. Un poco de Historia
 El grupo de desarrollo creo un sitio Web que se
llamó OpenSourceMatters para distribuir
información a los usuarios, desarrolladores,
diseñadores Web y a la comunidad en general.
 Joomla! una palabra de origen africano que
significa “todos juntos”
 La primera versión de Joomla! (Joomla! 1.0.0) fue
publicada el 16 de septiembre de 2005.

12. ¿Qué puedo hacer con Joomla?
Si instalamos Joomla en un servidor
podremos crear un portal que incluya
información estática y dinámica,
artículos en formato blog, agregador de
noticias, enlaces de interés, descarga de
archivos, contactos personalizados,
mensajería interna, foros, galerías de
imágenes, wikis, encuestas… ¿Hace falta
decir más? Prácticamente, todo lo que
queramos.

13. ¿Por qué JOOMLA!?
 Fue premiado en los años 2006 y 2007 como el
mejor CMS. El segundo mas utilizado en el mundo,
después de WordPress.
 Permite crear portales Webs en pocas horas sin
necesidad de conocimientos especiales sobre diseño
o de complejos lenguajes de programación.
 Facilidad de instalación y manejo.
 Hay decenas de módulos y componentes que
amplían su funcionalidad.

14. ¿Por qué JOOMLA!?
 Existen numerosas plantillas gratuitas en
Internet que permiten cambiar su aspecto
fácilmente.
 La interfaz gráfica de Joomla es placentera.
 Joomla organiza grandes cantidades de
contenido en secciones y categorías.
 Puede mostrar el mismo contenido de varias
formas.
 Tiene muchas extensiones y add-ons
 Soporta permisos y flujo de trabajo

15. Diferentes Versiones
2005
Joomla!
1.0.X
Joomla!
1.5.X
Joomla!
1.6.X
20102008 2011
Joomla!
1.7.X
Joomla!
2.5.X
2012 2012
Joomla!
3.0.X

16. Estructura de Joomla!
Plantillas Componentes Módulos Plugin
Tras estos cuatro conceptos se esconde la potencia real de Joomla!. Se trata
de las extensiones, las piezas del rompecabezas, que dotan de diseño o
funcionalidad adicional a los sitios creados con Joomla!
Son extensiones
o complementos
de Joomla! que
nos permiten
añadir bloques de
información
secundaria en
diferentes
posiciones o
zonas de la
plantilla.
Es el Diseño o más
bien aspecto estético
de nuestro sitio
(colores, tamaños de
tipografías,
distribución de las
zonas de contenido ...)
existen gran variedad
y cantidad de
templates o plantillas
disponibles .
Son pequeñas
aplicaciones
independientes
entre sí que
gestionan la
información dentro
de Joomla!
Son extensiones
que realizan dentro
de Joomla! una
amplia variedad de
funciones
relacionadas
fundamentalmente
con la autenticación
de usuarios, con la
edición de
contenidos, etc.

17. Aspectos técnicos de Joomla
Utiliza PHP, MySQL y Apache
Corre de forma nativa en Unix/Linux,
pero puede correrse en Windows (WAMP)
y MAC (MAMP)
Modificar plantillas requiere conocimientos
de HTML, CSS y PHP
Aspectos
técnicos de
Joomla
Agregar contenido requiere conocimiento
básico de HTML

18. Comenzando con Joomla!
En principio es bueno saber cómo están organizados los distintos elementos
que intervienen en Joomla! y cómo actúan para devolver los resultados
esperados.
Cuando un usuario escribe o hace click en nuestra dirección web, el index.php
inmediatamente “llama” a la plantilla que estamos usando:

19. Comenzando con Joomla!
En el index de la plantilla se encuentra buena parte de la información de
estructura de la web, y casi toda la información de los estilos. No toda la
estructura se controla desde la plantilla porque ésta, a su vez, “llama” a los
elementos que el diseñador incluyó con anterioridad.
Es decir, si en la plantilla se requieren módulos, entonces aparecerá el
Módulo específico que originalmente se encuentra en su directorio y ahora
se refleja en el sitio. Igualmente sucede con los Componentes.

20. Comenzando con Joomla!
Todo Módulo y Componente tiene insertada su
propia estructura HTML, así como
instrucciones PHP particulares para cada
caso, y algunas veces hasta su propia hoja
de estilos CSS. Los Módulos están en el
directorio /modules/ y los Componentes en
/components/.
Puedes probar personalizando el Módulo que
más te guste con tus propias etiquetas y
opciones de configuración, ya que cada
Módulo tiene sus parámetros en un archivo
XML.

21. Usuarios
Externos
(frond-end)
Éstos se dividen
en dos grupos:
Administracción Joomla!
La administración es el lugar en donde trabajan los usuarios registrados.
Usuarios
Internos
(back-end)

22. Usuarios Externos
front-end
Tienen un Menú del usuario
cuando se registran, según puede el tipo pueden incluir
enlaces o escribir, modificar y publicar los contenidos.
Registrado
Autor
Editor
Publicador

23. Usuarios Internos
Super Administrador
Administrador
Managers
Son los que tienen los
máximos privilegios.
Son los que configuran
la web y añaden
componentes
Tienen acceso
a todos los controles
de contenidos
back-end administra la web desde la Administración de la web y se dividen en:

24. Algunos Sitios Creados en Joomla
http://www.joomlaspanish.org http://www.joomla.org

25. Educación-Universidad
http://www.unan.edu.ni/ http://www.ie.unan.edu.ni/

26. Gobierno
http://www.presidencia.gob.ni/ http://www.lagaceta.gob.ni/

27. ONGs
http://www.fundacionhumanidad.org/es/ http://www.portaleducativofzt.org/

28. Empresas
http://www.eaai.com.ni/
http://www.tecnocomp.com.ni/

29. Internacionales
http://www.unric.org/es/
http://www.coolplanet2009.org/

30. JOOMLA 2.5
Es la última versión vigente de JOOMLA y fue
liberada el 24 de enero 2012
Características:
• Búsqueda avanzada
• Notificación automática de actualizaciones del núcleo de
Joomla y extensiones
• Soporte para múltiples bases de datos con la adición de
Microsoft SQL Server.
• Vinculación de los nuevos Menús con un módulo.
• Botón para corregir/reparar la base de datos:
Actualmente se consigue la versión
JOOMLA 3.0 beta

31. Requerimientos técnicos

32. Instalación de Joomla!
Descargar en nuestro equipo el paquete
de instalación de Joomla
Preparar los archivos de instalación en
el directorio web local
Instalación servidor local, para Entorno Windows
Paquete WAMP
(Windows,Apache,MySql,PHP)
Podemos resumir
el proceso de
instalación en 5
etapas principales: Ejecutar el asistente de instalación
Eliminar la carpeta del instalador
1
2
3
4
5

34. Sitios Web Oficiales
 http:// www.joomla.org
 http:// www.forge.joomla.org
 http:// www.dev.joomla.org
 http:// www.forum.joomla.org
 http:// www.help.joomla.org/
 http://www.docs.joomla.org/
 http:// www.joomlaspanish.org
 http://www.comunidadjoomla.org/
 http:// www.ayuda.joomlaspanish.org
 http:// www.comunidadjoomla.org
 http:// www.extensions.joomla.org/
 http:// www.joomlacode.org/

35. El futuro de la información inicia hoy y tenemos las
herramientas al alcance de nuestras manos para formar parte
de esta. Así pues…intégrate tú también.