Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Diseño web en poco pasos
geraldflores07@gmail.com
Introducción
En los 90, cuando comenzó la expansión de Internet, la web era
basicamente nexada a informar con páginas está...
¿ Que es un CMS ?
 CMS :Content Management System,
Traducido:Sistema Manejador de Contenidos.
 Código abierto de uso lib...
Tipos de CMS
OsCommerce
Drupal
Plone
JOOMLA
WordPress
CMS
Tipos de CMS
¿Qué es Joomla!?
Joomla! es un potente gestor de
contenidos web (CMS) que permite
crear sitios web elegantes, dinámicos e...
Joomla! es Open Source
Joomla! es una aplicación Open Source o
de código abierto programada en
lenguaje PHP bajo una licen...
Con Joomla! todoes más sencillo
“Hacerlosimplecomplicado escosafrecuente;
hacerlocomplicado simple,
‘impresionantemente’ s...
Un poco de Historia
Joomla surge como el resultado de una
bifurcación o mejora de Mambo, de la
corporación Miro de Austra...
Un poco de Historia
 El grupo de desarrollo creo un sitio Web que se
llamó OpenSourceMatters para distribuir
información ...
¿Qué puedo hacer con Joomla?
Si instalamos Joomla en un servidor
podremos crear un portal que incluya
información estática...
¿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 ...
¿Por qué JOOMLA!?
 Existen numerosas plantillas gratuitas en
Internet que permiten cambiar su aspecto
fácilmente.
 La in...
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
Jo...
Estructura de Joomla!
Plantillas Componentes Módulos Plugin
Tras estos cuatro conceptos se esconde la potencia real de Joo...
Aspectos técnicos de Joomla
Utiliza PHP, MySQL y Apache
Corre de forma nativa en Unix/Linux,
pero puede correrse en Window...
Comenzando con Joomla!
En principio es bueno saber cómo están organizados los distintos elementos
que intervienen en Jooml...
Comenzando con Joomla!
En el index de la plantilla se encuentra buena parte de la información de
estructura de la web, y c...
Comenzando con Joomla!
Todo Módulo y Componente tiene insertada su
propia estructura HTML, así como
instrucciones PHP part...
Usuarios
Externos
(frond-end)
Éstos se dividen
en dos grupos:
Administracción Joomla!
La administración es el lugar en don...
Usuarios Externos
front-end
Tienen un Menú del usuario
cuando se registran, según puede el tipo pueden incluir
enlaces o e...
Usuarios Internos
Super Administrador
Administrador
Managers
Son los que tienen los
máximos privilegios.
Son los que confi...
Algunos Sitios Creados en Joomla
http://www.joomlaspanish.org http://www.joomla.org
Educación-Universidad
http://www.unan.edu.ni/ http://www.ie.unan.edu.ni/
Gobierno
http://www.presidencia.gob.ni/ http://www.lagaceta.gob.ni/
ONGs
http://www.fundacionhumanidad.org/es/ http://www.portaleducativofzt.org/
Empresas
http://www.eaai.com.ni/
http://www.tecnocomp.com.ni/
Internacionales
http://www.unric.org/es/
http://www.coolplanet2009.org/
JOOMLA 2.5
Es la última versión vigente de JOOMLA y fue
liberada el 24 de enero 2012
Características:
• Búsqueda avanzada
...
Requerimientos técnicos
Instalación de Joomla!
Descargar en nuestro equipo el paquete
de instalación de Joomla
Preparar los archivos de instalació...
Sitios Web Oficiales
 http:// www.joomla.org
 http:// www.forge.joomla.org
 http:// www.dev.joomla.org
 http:// www.fo...
El futuro de la información inicia hoy y tenemos las
herramientas al alcance de nuestras manos para formar parte
de esta. ...
CMS JOOMLA 2012, "Diseño web en Pocos Pasos"
CMS JOOMLA 2012, "Diseño web en Pocos Pasos"
CMS JOOMLA 2012, "Diseño web en Pocos Pasos"
Upcoming SlideShare
Loading in …5
×

CMS JOOMLA 2012, "Diseño web en Pocos Pasos"

1,812 views

Published on

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

Published in: Education
  • Be the first to comment

CMS JOOMLA 2012, "Diseño web en Pocos Pasos"

  1. 1. Diseño web en poco pasos geraldflores07@gmail.com
  2. 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. 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. 4. Tipos de CMS OsCommerce Drupal Plone JOOMLA WordPress CMS
  5. 5. Tipos de CMS
  6. 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. 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. 8. Con Joomla! todoes más sencillo “Hacerlosimplecomplicado escosafrecuente; hacerlocomplicado simple, ‘impresionantemente’ simple, esoescreatividad.” Charles Mingus, músico de jazz
  9. 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. 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.
  11. 11. ¿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.
  12. 12. ¿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.
  13. 13. ¿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
  14. 14. 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
  15. 15. 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.
  16. 16. 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
  17. 17. 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:
  18. 18. 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.
  19. 19. 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.
  20. 20. 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)
  21. 21. 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
  22. 22. 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:
  23. 23. Algunos Sitios Creados en Joomla http://www.joomlaspanish.org http://www.joomla.org
  24. 24. Educación-Universidad http://www.unan.edu.ni/ http://www.ie.unan.edu.ni/
  25. 25. Gobierno http://www.presidencia.gob.ni/ http://www.lagaceta.gob.ni/
  26. 26. ONGs http://www.fundacionhumanidad.org/es/ http://www.portaleducativofzt.org/
  27. 27. Empresas http://www.eaai.com.ni/ http://www.tecnocomp.com.ni/
  28. 28. Internacionales http://www.unric.org/es/ http://www.coolplanet2009.org/
  29. 29. 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
  30. 30. Requerimientos técnicos
  31. 31. 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
  32. 32. 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/
  33. 33. 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.

×