Desarrollo

rápido de

páginas webs

con Joomla

Villahermosa, Tabasco a 19 de septiembre de 2012

Remigio Salvador Sánchez

El miedo no existe en

otro lugar excepto en

la mente.

Dale Carnegie

Introducción

¿Qué es un Sistema de

Gestión de Contenidos?

Un sistema de gestión de contenidos (Content Management System, abreviado) es un programa que permite crear una estructura de soporte (framework) para la creación y administración de contenidos, principalmente en páginas web, por parte de los administradores, editores, participantes y demás roles.

El sistema permite manejar de manera independiente el contenido y el diseño.

¿Qué es Joomla!?

Joomla! es un potente gestor de contenidos

web (CMS) que permite crear sitios web

elegantes, dinámicos e interactivos.

¿Qué es Joomla!? 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 para almacenar el contenido y los parámetros 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.

Características de Joomla!

Joomla! ofrece, en general, las

mismas ventajas que otros gestores

de contenidos web en la medida en

que hace posible convertir una web

estática tradicional en un completo

portal con diferentes funcionalidades

y características dinámicas e

interactivas.

¿Qué significa el nombre

Joomla!?

El nombre “Joomla” es una

pronunciación fonética para

anglófonos de la palabra swahili yumla,

que significa "todos juntos" o "como un

todo".

Se escogió como una reflexión del

compromiso del grupo de

desarrolladores y la comunidad del

proyecto.

Instalando

Joomla!

Ingredientes

Servidor web (apache, IIS, nginx,

cherokee, etc)

Base de datos (MySQL, MSQL, aún se

trabaja para Oracle, PosgrestQL, etc)

PHP. Lenguaje de programación

Ganas de aprender

Posibles problemas con los

que podemos encontrarnos

Los puntos críticos durante el proceso de instalación a menudo consisten en:

• el modo seguro de PHP está activado, lo que impide que subas archivos al servidor,

• rutas de re-escritura 'prohibidas' en el servidor web Apache debido a que el Motor de re-escritura de Apache (mod_rewrite) no está activado,

• los permisos de directorio en Linux y OSX, que se configuran de manera distinta a los de Windows.

Familiarizándote con Joomla

• Front End

• Back End

• Archivos

• Base de datos

• Elementos de Joomla

•Artículo

•Categoría

•Extensión

•Opciones

Frontend

Con 'frontend' nos referimos a la parte

pública, a las áreas del sitio web tal y

como los visitantes o los usuarios

registrados las ven. Un usuario registrado

trabajará normalmente en el frontend. Es

como en un comercio, en el que los

artículos en venta se muestran en los

escaparates y en las estanterías.

Backend

Esta es tu área de administración, y por

eso a veces la llamaremos directamente

'administración' o 'zona de

administración'. Siguiendo con el símil del

frontend, el backend sería la "trastienda"

del comercio, la parte privada a la que

sólo tienen acceso ciertas personas de

confianza y los encargados de hacer que

el comercio funcione.

Ahí puedes iniciar sesión con tus datos de

acceso y elegir tu idioma preferido

Archivos

Este directorio es el que se usa cuando

llamas a tudominio.com/administrator en

el navegador. Dentro de él hay otros

directorios, como cache, components,

language, modules y templates. Los

archivos específicos de los distintos

componentes del backend están

almacenados dentro de esos directorios.

Base de datos

Además de los archivos (gráficos,

documentos, archivos de sistema, etc.)

Joomla! también necesita una base de

datos. Durante el procedimiento de

instalación, el instalador web de Joomla!

crea 33 tablas en la base de datos que le

especifiques. En estas tablas, todo el

contenido del sitio será gestionado.

Normalmente, no es necesario realizar

ningún cambio a estas tablas. En caso de

que olvides tu contraseña de

administrador, phpMyAdmin puede ser

de gran ayuda.

Artículos

Joomla! da por hecho que quieres

escribir un artículo. Un artículo

normalmente consta de un título, un texto

y algunas opciones de configuración.

Los artículos pueden ser mostrados

individualmente o como parte de una

lista.

Artículos Los artículos son ordenados de cierta

manera. El primer artículo es mostrado

usando el ancho completo del sitio. Los

otros artículos son colocados debajo en

tres columnas.

Los artículos pueden estar publicados

(publicar) o no publicados (despublicar).

Puedes destacar artículos en tu página

principal, puedes archivarlos o ponerlos

en la papelera y recuperarlos de ella.

Puedes copiarlos y moverlos.

Categorías Para poder mostrar los artículos de forma

clara, debes crear categorías, y después asignar cada artículo a una de ellas. Cada artículo sólo puede ser asignada a una única categoría

Las categorías pueden anidarse hasta cualquier profundidad, por ejemplo: Haciendo clic en Deportes verás todos los artículos categorizados dentro de este tema.

Categorías

Si el periódico distingue entre distintos

deportes, usaran árboles de categorías

anidadas:

Deportes

Fútbol

Basquetbol

Política

Local

Mundo

Categorías

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 clic en nuestra dirección web, el index.php inmediatamente “llama” a la plantilla que estamos usando:

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.

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

Configuración

del Sitio

Niveles de Configuración

Joomla! tiene diferentes niveles de

opciones de configuración. Estas

opciones se transmiten desde los niveles

más altos a los más bajos.

Configuración global

Opciones para artículos, componentes,

módulos, plug-ins, idiomas y plantillas.

¿Cómo eliminar los datos

de muestra? Para conseguir una versión vacía puedes:

1. Instalar de nuevo Joomla! 1.7 sin los datos de ejemplo: Crea una nueva carpeta en tu directorio web local (/htdocs) e instala el nuevo Joomla!. Ahora tienes dos instalaciones completas de Joomla!.

2. Eliminar los datos de muestra desde tu área de administración.

3. Cancelar la publicación de los datos de muestra

Administrando el Contenido

• El gestor multimedia

• Administrar Categorías

• Administrar Artículo

• Mostrar artículo

• Configuración de contenidos

• Práctica

• ¿Cómo funciona el editor de texto

de Joomla 2.5?

Un sistema gestor de contenidos está diseñado para gestionar contenidos. Así que la siguiente pregunta es: ¿qué es el contenido?

En producción multimedia y publicaciones el contenido es la información y experiencias que pueden dar valor para un usuario/audiencia en un contexto específico. (Wikipedia)

¿Y qué es eso que tiene valor?

Esta pregunta en difícil de responder y muy individual, pero creo que ahora tenemos una idea de que es el contenido y que es un sistema de gestión de contenidos como Joomla.

Un sistema de gestión de contenidos es muy útil para administrar la información que tiene valor para tu audiencia (Hagen Graf)

Tipos de Contenido

En el core de Joomla! tenemos los artículos, categorías,

enlaces, banners, contactos y feeds.

Los módulos también pueden ser utilizados para crear

contenidos.

A menudo, querrás enriquecer el contenido con archivos

como imágenes u otros tipos multimedia. Para esto Joomla! tiene el gestor multimedia. Esta es la herramienta

que gestiona esas pequeñas piezas que aportan valor a

tu audiencia.

Si no tienes suficiente siempre puedes mejorar los contenidos de Joomla con los denominados CCKs

(Content Construction Kits) como K2, FlexiContent o

CCKjSeblod, entre otras extensiones

Gestor Multimedia

Los administradores disponen de un

Gestor Multimedia con el que pueden

subir fácilmente imágenes, archivos y

otros elementos multimedia al servidor

para luego insertarlos en las páginas y

artículos de contenido.

Administrar Artículos

Para facilitar la edición de artículos o páginas de

contenido, Joomla! dispone de un editor visual con

una barra de herramientas semejante a la de los

procesadores de textos con las que se puede dar

formato al contenido, añadir imágenes, insertar

hipervínculos, etc.

Publicar, des-publicar o

eliminar artículos

Abre el gestor de artículos y selecciona todos

los elementos de contenido para cancelar su

publicación o eliminarlos.

Para asegurarte de que todos los datos

desaparecerán realmente de tu sitio, debes

limpiar la caché (Sitio -> Mantenimiento ->

Limpiar la caché). Una vez más, selecciona

todo el contenido y elimínalo.

Administración

de menús

Navegación

Para encontrar tu camino a lo largo del sitio web, necesitarás elementos de navegación con los enlaces necesarios.

En Joomla! llamamos a esto menú. Puedes crear tantos menús como desees, y anidarlos de tantas maneras como quieras. Cada menú es un módulo que puede ser situado en cualquiera de las posiciones proporcionadas por la plantilla.

Gestor de menús

Ir al Gestor de Menús en el menú superior de tu

zona administrativa (Menús -> Top)

Hacer clic en la casilla de verificación de la parte

izquierda que hay en el encabezado de la lista

para seleccionar todos los elementos, y a

continuación haz clic en el icono despublicar. Una

vez hayas hecho eso, verás un icono rojo junto a

cada elemento de menú, en la columna "Estado"

Componentes Los componentes son los pequeños paquetes

sorpresa que te ayudan a crear prácticamente cualquier cosa en tu sitio web. ¿Quieres tener un sistema de reserva para talleres? ¿Una plataforma para vender propiedades? ¿Un foro? ¿Una galería de imágenes?

El paquete del núcleo de Joomla! trae varios componentes, como por ejemplo el componente de contactos, que te permite integrar formularios de contacto en tu sitio. Existen muchos componentes para ampliar y mejorar tu sistema Joomla!.

Extensiones Joomla

Extensiones Joomla

http://extensions.joomla.org/

Extensiones Joomla en español

http://extensiones.joomlaspanish.org/

Módulos

Explicado de una forma simplista, un

módulo es algo que puedes colocar junto

a un artículo. Un menú, por ejemplo, es

un módulo. El pequeño bloque de registro

que hay en la parte izquierda es también

un módulo. Puedes crear tantos módulos

con funciones inteligentes como

necesites, y colocarlos en cualquiera de

las áreas predefinidas de la plantilla.

Módulos dentro de un Artículo

Los módulos de Joomla! son

generalmente asignados a posiciones de

módulo prestablecidas en el Template,

pero a veces es muy útil contar con un

módulo integrado dentro de un artículo.

Plug-ins

Un plug-in proporciona servicios

prácticos, pero normalmente es invisible

para los usuarios del sitio. Un editor

WYSIWYG, por ejemplo, es un plug-in. Los

plug-ins son extensiones, que pueden ser

instaladas tantas veces como se quiera.

El paquete del núcleo de Joomla! trae un

buen número de plug-ins muy útiles.

Plantillas

Una plantilla es el patrón gráfico de tu sitio

web. Consta fundamentalmente de archivos

HTML y CSS. Joomla! viene de serie con varias

plantillas entre las que elegir (y hay cientos de

ellas disponibles, tanto gratuitas como

comerciales). Las plantillas son configurables,

lo que te permite subir un logo diferente,

cambiar el color de fondo, etc. Cada

plantilla proporciona áreas en las que poder

colocar los módulos

Usuarios y

Permisos

Gestión de Usuarios

El sistema de gestión de usuarios de

Joomla! nos permite también restringir al

acceso a determinados contenidos a

usuarios con permisos especiales.

Tips para

mejorar tu

desempeño

con Joomla!

Planifica tu web

Con un trabajo previo de

planificación tendrás una idea más

precisa de los elementos que

intervendrán en la misma y los

recursos que utilizarás.

No te conformes

Si necesitas una extensión y la que encontraste no te agrada del todo,

trata de adaptarla a tus necesidades.

Estudia su código, compáralo con otros similares y haz las pruebas que

necesites. Igualmente puedes adaptar

la presentación a tu gusto manipulando su hoja de estilos CSS.

Ayúdate con scripts externos

Puedes insertar código externo y agregar condimento productivo a tu web.

De hecho muchas de las extensiones fabricadas por terceros incluyen scripts que puedes bajarlos libre y gratuitamente de sitios como DHtmlGoodies por ejemplo.

Si no eres muy bueno/a en el tema, te agradará saber que Joomla! permite separar el HTML del PHP en sus plantillas, lo cual agrega sencillez a la hora de recurrir a recursos foráneos.

Aprende a diseñar Interfaces

A fin de construir sitios que respondan lo

mejor posible a su objetivo sin que por

ello sacrifiques tu toque estético.

Unas sólidas nociones de Diseño de

Interfaces te llevarán a una etapa más

profesional de desempeño otorgándote,

a la vez, la capacidad de atender un

nivel distinto de clientes.

Práctica

No tengas miedo de experimentar y

fallar. Las fallas son las que te estimularán

a practicar más, y la práctica productiva

te dará el éxito.

Luego experimenta, investiga y haz las

pruebas que desees; arruina todos los

packs que sean necesarios mientras vas

comprendiendo cómo funciona.

La licencia de uso de Joomla!

Joomla! es Software Libre bajo licencia

GNU/GPL. Puedes modificar el software,

distribuirlo libremente, crear elementos

que se adapten a éste y comercializar tu

trabajo sin permiso previo o posterior.

Puedes remover los créditos del pie de

página y colocar los tuyos si así lo deseas.

Preguntas con

respuesta

¿Quién usa Joomla?

• Sitios web corporativos o portales

• Intranets corporativas

• Revistas en línea, periódicos y

publicaciones

• Sitios web y portales para mercadeo en

línea

• Sitios web de gobierno y aplicaciones

• Pequeños sitios web empresariales

Casos de éxito

Joomla! ¿Un sistema seguro?

En términos objetivos, nada que esté

publicado en la web puede

considerarse completamente seguro. Si

han violado sistemas tan complejos

como el de la Fuerza Aérea

norteamericana, poco queda para el

resto del contenido de internet.

PREGUNTAS

DUDAS

¿?

Twitter:

@remitos

Email:

Remigio.salvador@

gmail.com

Bitácora:

vkn-side.blogspot.mx

Gracias A ustedes:

por su atención

A los organizadores:

por la invitación y

por las facilidades

prestadas

Recursos

Joomla

Recursos Joomla!

Sitio oficial del proyecto Joomla!

Joomla! Spanish Una comunidad de usuarios que tiene como fin lograr el pack de Joomla! totalmente en español

Joomla! - Foros en Español Foros Joomla!

Foros Joomla Spanish Foros de Ayuda en español

Joomla! Documentación Oficial Documentación Oficial de Joomla! en Inglés

Recursos Centro de Ayuda Joomla! Spanish

Traducciones al español de la Documentación Oficial de Joomla!

Joomla Extensions Directorio oficial de extensiones para Joomla!

Comunidad Joomla Tutoriales, manuales, traducciones y soporte para usuarios de Joomla!

How To Joomla Tips and tricks from an experienced Joomla! user

Recursos Joomlaos.de

Plantillas, componentes y mucho más

Joomlaos.net Tutoriales y servicios Joomla

Joomla Argentina! Sitio oficial de la comunidad Joomla en Argenna.

JoomlaBlogger Joomla tips, tutorials and news by Kristoffer Sandven

Ayuda Joomla Tutoriales, manuales, recursos y noticias de actualidad sobre Joomla!

Recursos

Gnumla! Joomla! y Software libre en español

Videotutoriales Joomla! La Primera Serie de Videotutoriales creados por Hosting La Primera

Solo Joomla Todo sobre Joomla!

Fuentes • www.joomla.org/

• community.joomla.org/blogs/community/1533-

new-features-in-joomla-

25.htmlhttp://ayudajoomla.com/

• cocoate.com

• es.wikipedia.org

• www.maestrosdelweb.com