Slides del taller "Desarrollo rápido de páginas web con Joomla!" presentado durante las actividades del 9º Congreso Nacional y 6º Internacional de Informática y Sistemas Computacionales efectuado en Villahermosa, Tabasco, el 19 de septiembre de 2012.

1. Desarrollo
rápido de
páginas webs
con Joomla
Remigio Salvador Sánchez
Villahermosa, Tabasco a 19 de septiembre de 2012

2. El miedo no existe en
otro lugar excepto en
la mente.
Dale Carnegie

3. Introducción

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

5. ¿Qué es Joomla!?
Joomla! es un potente gestor de contenidos
web (CMS) que permite crear sitios web
elegantes, dinámicos e interactivos.

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

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

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

9. Instalando
Joomla!

10. Ingredientes
 Servidorweb (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

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

12. Familiarizándote con Joomla
• Front End
• Back End
• Archivos
• Base de datos
• Elementos de Joomla
•Artículo
•Categoría
•Extensión
•Opciones

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

14. Backend
 Estaes 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.

15.  Ahí
puedes iniciar sesión con tus datos de
acceso y elegir tu idioma preferido

16. Archivos
 Estedirectorio 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.

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

18.  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.

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

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

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

22. Categorías
 Si
el periódico distingue entre distintos
deportes, usaran árboles de categorías
anidadas:
 Deportes
 Fútbol
 Basquetbol
 Política
 Local
 Mundo

23. Categorías

24.  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:

25.  Enel 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.
 Esdecir, 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.

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

28. Configuración
del Sitio

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

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

31. 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?

32.  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)

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

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

35. Administrar Artículos
 Parafacilitar 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.

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

37. Administración
de menús

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

39. Gestor de menús
 Iral 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"

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

41. Extensiones Joomla
 Extensiones Joomla
 http://extensions.joomla.org/
 Extensiones Joomla en español
 http://extensiones.joomlaspanish.org/

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

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

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

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

46. Usuarios y
Permisos

47. Gestión de Usuarios
 Elsistema de gestión de usuarios de
Joomla! nos permite también restringir al
acceso a determinados contenidos a
usuarios con permisos especiales.

48. Tips para
mejorar tu
desempeño
con Joomla!

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

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

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

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

53. 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.
 Luegoexperimenta, investiga y haz las
pruebas que desees; arruina todos los
packs que sean necesarios mientras vas
comprendiendo cómo funciona.

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

55. Preguntas con
respuesta

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

57. Casos de éxito

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

59. Twitter: PREGUNTAS
@remitos DUDAS
Email:
Remigio.salvador@
gmail.com ¿?
Bitácora:
vkn-side.blogspot.mx

60. Gracias
A ustedes:
por su atención
A los organizadores:
por la invitación y
por las facilidades
prestadas

61. Recursos
Joomla

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

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

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

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

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