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

Post on 16-Jan-2015

1.569 views 2 download

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

Transcript of 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

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

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

Tipos de CMS

OsCommerce

DrupalPlone

JOOMLA

WordPress

CMSCMS

Tipos de CMS

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

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.

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

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

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.

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

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

¿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

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

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.

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

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:

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.

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.

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)

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

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:

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

Requerimientos técnicos

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

Instalación JOOMLA 2.5.7

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/

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: