Instalacion joomla

ÍNDICE
1. Qué es JOOMLA?
2. Tecnologías y lenguajes
3. Aplicaciones
4. Instalación
5. Usuarios
6. Gestión de la información
7. Menús
8. Layout
9. Extensiones
UD1: CREACIÓN DE UN PORTAL WEB 2.0 CON LA PLATAFORMA JOOMLA – Francesc Pérez Fdez.
9. Extensiones
10. Componentes
11. Módulos
12. Plugins
13. Banners
14. Enlaces y wrappers
15. Diseño, instalación, configuración y publicación de portal web

1. Qué es JOOMLA?
1. Wikipedia: “Joomla! es un sistema de gestión de contenidos, y entre sus
principales virtudes está la de permitir editar el contenido de un sitio web de
manera sencilla.”
2. JoomlaSpanish.org: “Joomla! es un Sistema de Gestión de Contenidos (CMS)
reconocido mundialmente, que le ayuda a construir sitios web y otras
aplicaciones en línea potentes.“
3. Joomla.org: “Joomla is an award-winning content management system (CMS),
which enables you to build Web sites and powerful online applications. Many
aspects, including its ease-of-use and extensibility, have made Joomla the
aspects, including its ease-of-use and extensibility, have made Joomla the
most popular Web site software available.“
Joomla es un sistema de gestión de contenidos (CMS) de licencia pública general
GNU gratuita (código abierto) ,soportado por una enorme comunidad, que
permite crear una página web y gestionar su contenido de forma sencilla.

1. Qué es JOOMLA?
“Un CMS soporta la creación, gestión, distribución, publicación y descubrimiento
de la información corporativa. Cubre el ciclo de vida completo de las páginas,
contenidos y activos albergados en un sitio web, desde la provisión de simples
herramientas para crear los contenidos, pasando por la publicación y, finalmente,
el archivo de los mismos. También proporciona capacidades para gestionar la
estructura del sitio web, la apariencia de las páginas publicadas y el estilo de
navegación que se ofrece a los usuarios.”
(Definición de James Robertson) [ROBERTSON2003]
La arquitectura de un Content Management System (CMS) es:
BASE DE
DATOS
BACK-END
ADMINISTRADOR USUARIO
FRONT-END
Lenguaje de programación
interpretado
WEB SERVER+CMS

1. Qué es JOOMLA?
Cuando el usuario hace una petición al servidor para que le envíe una página
web, el servidor ejecuta el código intérprete , incrustado en el código HTML. Éste
procesa el script solicitado que generará el contenido de manera dinámica (por
ejemplo obteniendo información de una base de datos). El resultado es enviado
por el intérprete al servidor, quien a su vez se lo envía al cliente.
Ejemplos de lenguajes de programación interpretados: PHP, Python, Perl.
Ejemplos de bases de datos: MySQL, Postgres, Oracle, ODBC, DB2, Firebird.
Ejemplos de CMS: Joomla, OpenCMS, WordPress.
Ejemplos de CMS: Joomla, OpenCMS, WordPress.
En nuestra arquitectura web:
MySQL
BACK-END
ADMINISTRADOR USUARIO
FRONT-END
PHP
WEB SERVER+Joomla

2. Tecnologías y lenguajes
La creación y administración de una página web dinámica sin la ayuda de CMS
puede convertirse una tarea harto complicada para un usuario con bajos
conocimientos web. Son necesarios conocimientos acerca de bases
de datos, programación html y xtml, programación de scripts php y perl, hojas de
estilo, etc. Joomla permite crear un portal web adaptado a la ya famosa Web 2.0
sin tener que picar una sola línea de código.

3. Aplicaciones
XAMPP es un servidor independiente de plataforma, software libre, que consiste
principalmente en la base de datos MySQL, el servidor Web Apache y los
intérpretes para lenguajes de script: PHP y Perl. El nombre proviene del acrónimo
de X (para cualquiera de los diferentes sistemas operativos), Apache, MySQL, PHP,
Perl. El programa está liberado bajo la licencia GNU y actúa como un servidor Web
libre, fácil de usar y capaz de interpretar páginas dinámicas. Actualmente XAMPP
esta disponible para Microsoft Windows, GNU/Linux, Solaris, y MacOS X.
Para nuestra arquitectura utilizaremos la versión reducida XAMPP Lite disponible
en http://www.apachefriends.org/en/xampp-windows.html#646.
en http://www.apachefriends.org/en/xampp-windows.html#646.
JOOMLA ya ha sido definido anteriormente como un CMS. Para nuestra
arquitectura utilizaremos la versión en español disponible en
http://joomlaspanish.org/.

4. Instalación
1. Descargue XAMPP Lite (.exe)
2. Descargue Joomla (.zip)
3. Instalación XAMPP
- Ejecute el archivo XAMPP Lite (.exe)
- Instalar XAMPP con la configuración por defecto
- Arrancar XAMPP
- Arrancar los servicios de Apache y MySQL
- Para conocer el estado de XAMPP consulte http://localhost/xampp
- Para ver la seguridad de la arquitectura consulte http://localhost/security
- Para ver la seguridad de la arquitectura consulte http://localhost/security
- Para securizarla consulte http://localhost/security/xamppsecurity.php: configure
una contraseña para el usuario root de MySQL (root/mypw)
- Vaya a http://localhost/phpmyadmin. Valídese con la cuenta de root de MySQL. A
través de esta interfaz web podrá administrar sus bases de datos. Cree una base de
datos para Joomla (jdbsti2m)
4. Descomprima el archivo de Joomla (.zip) en la carpeta que ha crear
c:xampphtdocsjoomla
5. Instalación Joomla
- abra el navegador y consulte la interfaz de web de configuración
http://localhost/joomla/installation/index.php

4. Instalación
5. Instalación Joomla
- instale la configuración por defecto
- al llegar a la configuración de la base de datos:
- tipo de base de datos: mysql
- nombre del servidor: localhost
- nombre de usuario y contraseña: los definidos anteriormente
- nombre de la base de datos: la definida anteriormente
- en configuración avanzada poner seleccionar “Eliminar las tablas
existentes”
existentes”
- prefijo de la base de datos: jos_
- No habilitar la configuración FTP
- Introduzca el nombre de su sitio web
- introduzca los datos del administrador por defecto para el portal de
administración Joomla (back-end) (admin/1234)
- Para finalizar la instalación de Joomla borre el directorio:
c:xampphtdocsjoomlainstallation
6. No lo haga, pero si necesita borrar xampp de su ordenador elimine la carpeta
c:xampp
7. No lo haga, pero si necesita borrar su página web de su ordenador elimine la
carpeta c:xampphtdocsjoomla

4. Instalación
8. Para accede a su página web joomla http://localhost/joomla (Front-end)
9. Para acceder al administrador web joomla
http://localhost/joomla/administrator (Back-end)

5. Usuarios
Existen dos grupos de usuarios, uno para el back-end y otro para el front-end. En
cada grupo se pueden definir usuarios con permisos particulares que restringen
sus accesos dentro del CMS.
Tipos de usuarios del Front-end:
1. Anónimo o No Registrado: tiene acceso a todas las partes del sitio web que el
administrador haya declarado como públicas.
2. Registrado: tiene acceso a todas las partes del sitio web que el administrador
haya declarado como públicas o restringidas. No pueden crear ni editar artículos
haya declarado como públicas o restringidas. No pueden crear ni editar artículos
de otros usuarios.
3. Autor: tiene acceso a todas las partes del sitio web que el administrador haya
declarado como públicas o restringidas. Pueden crear , pero no editar artículos de
otros usuarios ni los suyos propios . Los artículos creados por este usuario quedan
pendientes de validación hasta que un administrador los autorice y los publique.
4. Editor: tiene acceso a todas las partes del sitio web que el administrador haya
declarado como públicas o restringidas. Pueden crear y editar artículos de otros
usuarios . Los artículos creados por este usuario quedan pendientes de validación
hasta que un administrador los autorice y los publique.

5. Usuarios
Tipos de usuarios del Front-end:
5. Publicador: tiene acceso a todas las partes del sitio web que el administrador
haya declarado como públicas o restringidas. Pueden crear , editar y publicar
artículos de otros usuarios y los suyos propios
Desde el back-end (Configuración Global ->Sistema) un usuario administrador
puede permitir el registro automático de usuarios y el nivel por defecto si se
registran desde la página principal. Para poder registrarse desde la página
principal es necesario insertar un módulo de validación (Gestor de módulos ->
principal es necesario insertar un módulo de validación (Gestor de módulos ->
Módulo Acceder). Si el administrador deshabilita la opción de registro automático
deberá dar de alta a los usuarios desde el back-end de forma manual (Gestor de
usuarios).

5. Usuarios
Tipos de usuarios del Back-end:
1. Gestor: los usuarios de este grupo tienen un acceso parcial a la zona de
administración:
- Ayuda: pantallas de ayuda generales e información del sistema
- Sitio: gestor multimedia
- Menús: edición de menús existentes y creación de elementos de menú
- Contenidos: gestor de contenidos, gestor de secciones, gestor de categorías,
gestor de la página de inicio, gestor del archivo
2. Administrador: los usuarios de este grupo tienen un acceso a la mayoría de
2. Administrador: los usuarios de este grupo tienen un acceso a la mayoría de
funciones administrativas. Además de los permisos contemplados para el grupo
"gestor" tiene acceso a:
- Sitio: Administrador de Usuarios (crear/editar/borrar cualquier tipo de usuario
excepto Súper-Administrador).
- Menús: Administrador de Menús (acceso a todas las funciones).
- Contenido: Administrador de las Papeleras, Estadísticas.
- Extensiones: Instalar/Desinstalar, Crear, Editar cualquier Extensión (excepto el
Administrador de Idiomas y el Administrador de Plantillas).

5. Usuarios
Tipos de usuarios del Back-end:
3. Superadministrador: los usuarios de este grupo tienen un acceso a todas las
funciones administrativas. Es recomendable contar con al menos dos cuentas de
este tipo: la que se crea en la instalación (admin) y otra más, como medida de
precaución.
BACK-END FRONT-ENDBACK-END
SUPERADMINISTRADOR
ADMINISTRADOR
GESTOR
PUBLICADOR
EDITOR
AUTOR
REGISTRADO
ANÓNIMO
FRONT-END
JOOMLA

La estructura del contenido en un sitio web Joomla está organizada en un orden
jerárquico en base a secciones, categorías y artículos:
- secciones: contenedores principales; en su interior están las categorías.
- categorías: contenedores secundarios; en su interior están los artículos.
- artículos: la unidad básica de contenido.
Una sección puede tener una o más categorías y una categoría puede tener uno o
más artículos. No podemos incluir un mismo artículo en dos secciones o categorías
diferentes.
diferentes.
Además de esta estructura de organización en secciones y categorías, existe otro
tipo de contenidos que no se incluyen en la jerarquía de secciones y categorías.
Son los artículos "sin clasificar" y que vamos a utilizar como ‘Páginas de Contenido
Estático’ para ofrecer en ellos información más permanente o estable.
La creación, modificación y eliminación de secciones y categorías se hace desde en
el back-end.
Un ejemplo de cómo distribuir las secciones, categorías y artículos de una web que
tratase sobre la vida animal y vegetal sería el de la figura.

ARTÍCULOSCATEGORÍASSECCIONES
ANIMALES
MAMÍFEROS
INSECTOS
El Oso Panda
El Yeti
…
…
PLANTAS
INSECTOS …
ÁRBOL
HIERBAS
…
…

7. Menús
Un menú es un conjunto de enlaces que permite estructurar la información del
portal, así como navegar al usuario para acceder a los contenidos publicados.
Como mínimo un portal ha de tener un menú principal que contenga un vínculo a
la página de inicio. Podemos crear tantos menús como necesitemos.

7. Menús
Cada menú contiene uno o más elementos o ítems que pueden enlazar con
contenidos publicados en nuestro portal (artículos, categorías o secciones en sus
distintos formatos de presentación), con otro tipo de componentes y módulos de
Joomla o también con otros sitios web externos. La creación, modificación y
eliminación de menús se hace desde el back-end.

8. Layout (Template)
Una de las características más sobresalientes de Joomla es la gran facilidad que
tiene para cambiar su aspecto estético (colores, tamaños de tipografías,
distribución de las zonas de contenido ...) y la gran variedad y cantidad de
templates o plantillas disponibles para instalar en nuestro sitio. Hay más de mil
plantillas distintas listas para descargar e instalar en tu portal
http://www.joomla24.com. Y es que en Joomla el contenido va por un lado y el
diseño por otro. Según el tipo de plantilla que seleccionemos la distribución del
contenido de la web será diferente.

Para añadir una nueva plantilla:
1. Entre en el back-end
2. Vaya a Extensiones -> Gestor de plantillas
3. La plantilla seleccionada con una estrella es la que muestra la web por defecto.
4. Para añadir una nueva plantilla vaya a Extensiones -> Instalar/Desinstalar , suba
e instale el paquete.
5. Vaya de nuevo a Extensiones -> Gestor de plantillas, seleccione la plantilla subida
y póngala como predeterminada.
6. Acceda a su Front-end y verá los cambios realizados
6. Acceda a su Front-end y verá los cambios realizados

Podemos configurar nuestro portal para que cada sección o página que se abra al
pulsar sobre un determinado item del menú se muestre dentro de una plantilla
diferente. Podemos hacer por ejemplo que la sección de contactos o la de enlaces
se muestren con una plantilla diferente a la que tenemos seleccionada como
predeterminada.

Cada plantilla tiene unas posiciones predefinidas donde se pueden alojar
componentes, módulos, menús. Desde el back-end vaya a Extensiones -> Gestor de
plantillas . Una vez aquí seleccione la plantilla de la cuál desea ver su estructura o
layout y pulse Previsualizar.

Con Joomla es posible personalizar la plantilla según nuestras necesidades. Pero
además de esto, en todas las plantillas de Joomla podemos realizar otros cambios
sencillos como la sustitución de algunos logos, imágenes y la página de fondo por
otros personalizados y otros algo más complicados relacionados con la edición del
código html que define su diseño para añadir o eliminar zonas o posiciones, variar
el ancho de las columnas, etc o con la edición de la hoja de estilos CSS para variar
la tipografía o los colores de tablas, módulos, etc.
El editor HTML actúa directamente sobre el fichero index.php de la plantilla
seleccionada. El editor CSS actúa directamente sobre los ficheros .css de la plantilla
seleccionada. (c:xampphtdocsjoomlatemplatesplantilla_seleccionada)

Existe un complemento del navegador wêb Mozilla Firefox, denominado Firebug, que
permite visualizar en tiempo real el código HTML y las hojas de estilo .css. Nos será de
gran utilizad a la hora de personalizar nuestra web.

Ejercicio:
1. Generación de contenido:
- Cree al menos dos secciones
- Cree al menos tres categorías por sección
- Cree al menos cuatro artículos por categoría. Para generar el contenido de los
artículos puede utilizar la herramienta on-line http://www.lipsum.com
2. Instale dos nuevas plantillas.
3. Cree dos Menús. Usted distribuirá los artículos de forma coherente en cada menú.
Cada menú ha de tener un plantilla diferente.
Cada menú ha de tener un plantilla diferente.
4. Genere una página principal adecuada, con un artículo sin clasificar que presente el
portal.
5. Cambie el thumbnail de la web. Pista: el archivo thumbnail, fav.ico, reside en la
carpeta de la plantilla.
6. Permita el registro de nuevos usuarios.
7. Cree desde el back-end usuarios para el front-end y back-end con diferentes
permisos
8. Restrinja el contenido a usuarios no registrados

9,10,11,12. Extensiones, Componentes, Módulos y plugins
Una extensión es un paquete genérico que amplia la instalación inicial de Joomla.
Una pequeña selección de extensiones están incluidas en la instalación por defecto
de Joomla, pero existen muchas disponibles en http://extensions.joomla.org/.
Existen tres tipos de extensiones:
1. Componentes: son pequeñas aplicaciones independientes entre sí que añaden
distintas funcionalidades a nuestro gestor de contenidos. Los componentes se
cargan en la zona central de la plantilla. Se puede acceder a ellos a través de
cualquier enlace de un menú. Ejemplo: gestor de usuarios, gestor de contenidos,
cualquier enlace de un menú. Ejemplo: gestor de usuarios, gestor de contenidos,
gestor backups, …
2. Módulos: nos permiten añadir bloques de información secundaria en diferentes
posiciones o zonas de la plantilla, normalmente en la zona periférica: columnas
laterales, encabezamiento y pie de página. Se puede acceder a ellos a través de
cualquier enlace de un menú o a través de cualquier posición definida. Se pueden
empotrar en artículos con el comando {loadposition position}. Ejemplos: acceso,
wrapper, encuesta, búsqueda, carga archivos, …
3. Plugins: realizan dentro de Joomla una amplia variedad de funciones
relacionadas fundamentalmente con la autenticación de usuarios, el
funcionamiento del buscador interno o con la edición de contenidos. Ejemplos:
editores, LDAP, “remember me”, …

Los plugins son funciones que se cargan en nuestro navegador antes de la descarga
de la web. Si saturamos el portal con demasiados plugins la carga de nuestro portal
puede ser lenta.
Para instalar una extensión vaya a http://extensions.joomla.org. Busque que nueva
funcionalidad quiere añadir a su portal, por ejemplo alguna herramienta de backup
(Akeeba). En este caso descargará dos ficheros .zip: el componente de Akeeba y el
módulo de Akeeba. Para instalar estos paquetes vaya a Extensiones->
Instalar/Desinstalar, suba el paquete y proceda a su instalación. Haciendo esto
añadimos una nueva funcionalidad al portal, la creación de copias de respaldo de
nuestra web.

Cada vez que instale un componente, módulo o plugin se generará una carpeta en
c:xampphtdocsjoomlacomponents modules o plugin respectivamente con el
nombre de la extensión. Para eliminar el componente, módulo o plugin borre la
carpeta asociada.

Ejercicio:
Instale el plugin AllVideos que permite gestionar el contenido multimedia de nuestro
portal. Basta con instalarlo y añadir el multimedia al servidor en
c:xampphtdocsjoomlaimagesstoriesvideo o audio. Para cargarlo en el
contenido dentro de un artículo hay que habilitar primero el plugin y luego llamarlo
insertando {mp3}Canción{mp3}
Ejercicio:
Instale el módulo Simple Upload Manager que permite subir ficheros a los usuarios.
Instale el módulo Simple Upload Manager que permite subir ficheros a los usuarios.
Basta con instalarlo y asociarlo a alguna posición de la plantilla.
Ejercicio:
Pruebe de instalar extensiones de Joomla y vea sus aplicaciones: Foro Agora, Ajax
Shoutbox, Editor JCE, Joomfish.

13. Banners
Muchos portales web se sustentan con sponsors y publicidad. Joomla integra un
sistema bastante potente, mediante extensiones, de banners publicitarios. Tiene
muchas opciones:
- Fijar el grado de aleatoriedad y preferencia
- Filtrarlos por categoría, sección o menú
- Permite llevar un control total de accesos (clicks)

14. Enlaces y wrappers
- Wrapper: son enlaces externos empotrados en la web . Muy útiles para servicios
externos. Un wrapper es un módulo de Joomla.
- Enlaces externos: se clasifican en categorías y se gestionan de forma similar a los
artículos.

Links de interés:
- Tutoriales: http://docs.joomla.org, http://www.edujoomla.es
- Foro oficial: http://forum.joomla.org
- Extensiones: http://extensions.joomla.org
- Generador de texto: http://www.lipsum.com

En este apartado el alumno elaborará un portal web que será la plataforma básica
de comunicación entre los alumnos y el profesor para el seguimiento de la
asignatura de proyectos. El preproyecto y el desarrollo de la memoria se colgará en
forma de artículos que posteriormente serán validados por el profesor.
Pasos a seguir:
1. Diseño:
- ¿De qué trata el portal?
- ¿Qué servicios quiero ofrecer? Como mínimo debe existir un sistema de validación
- ¿Qué servicios quiero ofrecer? Como mínimo debe existir un sistema de validación
para que el profesor tenga permisos para publicar vuestros archivos.
- ¿Qué plantilla necesito?
- ¿Es mi portal escalable?
- ¿Puedo hacerlo de otra forma más cómoda?
- ¿Cuántas horas le voy a poder dedicar?
2. Instalación
- Borre xampp y joomla. Para ello elimine de su sistema la carpeta c:xampp
- Instale de nuevo en su máquina local xampp y joomla
- Una vez tenga configurado el portal en su máquina local, lo subirá a un webhosting
público gratuito. Pero esto será más adelante.

Pasos a seguir:
3. Configuración:
-Según los servicios y la forma en que desea distribuirlos instale y configure tanto las
plantillas como las extensiones necesarias para lograr su objetivo.
4. Publicación
- Para publicar una página en Internet necesitamos un webhosting que nos
proporcione la infraestructura que necesitamos: mysql, php, joomla, apache.
Cuidado con las versiones! Aconsejo byethost o miarroba.
Cuidado con las versiones! Aconsejo byethost o miarroba.
- Para subir el portal primero migraremos la base de datos de nuestra máquina local
a la base de datos de nuestro portal en Internet.
- Subir el archivo .zip descomprimido de joomla al webhosting
- Hacer la instalación de joomla en el webhosting
- Borrar la carpeta de instalación del webhosting
- Subir la carpeta joomla instalada en nuestra máquina local y sobreescribir todo.

Errores frecuentes:
- Usar el proveedor de hosting más barato, ofrece menos espacio y ancho de banda
- No “perder” el tiempo haciendo backups
- Usar el mismo password para todo
- Tener fé en terceros
- Llorar en el foro oficial si te han crackeado

Instalacion joomla

Recomendados

Recomendados

Más contenido relacionado

La actualidad más candente

La actualidad más candente (19)

Similar a Instalacion joomla

Similar a Instalacion joomla (20)

Más de Francesc Perez

Más de Francesc Perez (20)

Último

Último (20)

Instalacion joomla