36
Implementac ión de Portales Web con CMS Lic. Gerald J. Flores G. Docente de Informática Educativa Desarrollador web JOOMLA Diseño web en poco pasos [email protected] m

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

Embed Size (px)

DESCRIPTION

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

Citation preview

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

Implementación de Portales

Web con CMS

Implementación de Portales

Web con CMS

Lic. Gerald J. Flores G.Docente de Informática Educativa

Desarrollador web

JOOMLADiseño web en poco pasos

[email protected]

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

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

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

¿ 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.

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

Tipos de CMS

OsCommerce

DrupalPlone

JOOMLA

WordPress

CMSCMS

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

Tipos de CMS

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

¿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.

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

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.

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

Con Joomla! todo es más sencillo

“Hacer lo simple complicado es cosa

frecuente;

hacer lo complicado simple,

‘impresionantemente’ simple,

eso es creatividad.”

Charles Mingus, músico de jazz

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

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!®.

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

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.

Page 11: CMS JOOMLA 2012, "Diseño web en Pocos Pasos"
Page 12: CMS JOOMLA 2012, "Diseño web en Pocos Pasos"

¿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.

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

¿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.

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

¿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

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

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

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

Estructura de Joomla!

PlantillasPlantillas ComponentesComponentes MódulosMódulos PluginPlugin

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.

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

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

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

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:

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

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.

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

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.

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

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)

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

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

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

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:

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

Algunos Sitios Creados en Joomla

http://www.joomlaspanish.org http://www.joomla.org

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

Educación-Universidad

http://www.unan.edu.ni/ http://www.ie.unan.edu.ni/

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

Gobierno

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

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

ONGs

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

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

Empresas

http://www.eaai.com.ni/

http://www.tecnocomp.com.ni/

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

Internacionales

http://www.unric.org/es/

http://www.coolplanet2009.org/

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

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ónJOOMLA 3.0 beta

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

Requerimientos técnicos

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

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 WindowsPaquete 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

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

Instalación JOOMLA 2.5.7

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

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/

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

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.

Recuerden:

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