UNIVERSIDAD DON BOSCO

FACULTAD DE ESTUDIOS TECNOLGICOS

ESCUELA DE COMPUTACIN

GUIA DE LABORATORIO #2
Nombre de la Prctica: Instalacin, configuracin y creacin de sitios web con Joomla
CICLO: 02/2015 Lugar de Ejecucin: Centro de cmputo
Tiempo Estimado: 1 hora con 40 minutos
Asignatura: Desarrollo de Aplicaciones Web con Gestores de Contenidos
Docentes: Blanca Iris Caas/Rebeca Bentez/Manuel Guandique

I. OBJETIVOS

En esta gua de prctica se pretende:

1. Estar en capacidad de obtener el Sistema de Gestin de Contenidos Joomla.
2. Realizar la configuracin inicial de Joomla para utilizarlo en la creacin de sitios web.
3. Estar en capacidad de utilizar el panel de administracin de Joomla.
4. Practicar con la estructura jerrquica de Joomla creando categoras, subcategoras y artculos
con los gestores de categoras y de artculos.
5. Dominar las operaciones comunes con los gestores de Joomla como la creacin, edicin,
eliminacin y publicacin de categoras y artculos.

II. INTRODUCCIN TERICA

Qu es Joomla?
Es un Sistema de Gestin de Contenidos (CMS: Content Management System) de interfaz web, que
permite crear sitios web elegantes, dinmicos e interactivos.
Con Joomla se puede crear en pocas horas un completo portal para un centro escolar o una web
docente en la que publicar noticias, blogs, directorios de enlaces o documentos para descargar sin
necesidad de conocimientos tcnicos especiales o de complejos lenguajes de programacin.

Requerimientos para instalar Joomla

Para instalar Joomla 3.3.6 (en ingls o espaol) es necesario contar con el siguiente software,
previamente instalado:
Software Recomendado Mnimo
PHP 5.3.1 + 5.3.1
MySQL 5.1 + 5.1
Apache 2.X + 2.X
PostgreSQL 8.3.18 + 8.3.18
IIS 7+ 7

Instalacin de Joomla
Lo primero que debemos de hacer para instalar Joomla 3.3.6 es descargar el software del sitio oficial
de Joomla. Esto se puede hacer desde el sitio en ingls, en la siguiente direccin:
http://www.joomla.org/announcements/release-news/5569-joomla-3-3-6-released.html

1
Para descargar la versin en espaol, puede ingresar al siguiente enlace:
http://joomlaspanish.org/

En estas pginas encontrar los enlaces para instalar Joomla por primera vez en el equipo. Este
enlace es el que indica Paquete completo (Full Package). Por otro lado, si lo que necesita es una
actualizacin de una versin anterior de Joomla, busque la opcin Paquete de actualizacin (Update
Package).

En cualquier caso, el paquete descargado ser un archivo comprimido en formato zip (si lo va a
instalar en un servidor Windows) o tar (si lo har en un servidor Linux o MAC-OS). Debe
descomprimirlo con el programa apropiado. Esto lo puede hacer directamente en la carpeta web
del servidor (www en el caso del Apache que viene con el Wamp) o en otra ubicacin. Si opta por la
segunda opcin tendr que copiar los archivos y carpetas que resulten despus de descomprimir el
paquete.

Despus de descargado el paquete apropiado de Joomla, debe decidir si desea instalar Joomla en un
servidor web local o en un servidor remoto. As que veamos cada uno de los casos.

Instalacin local de Joomla

Bsicamente lo que hay que hacer para instalar, montar o preparar Joomla para la creacin de sitios
web, es copiar las carpetas y archivos extrados del paquete descargado en la carpeta web de su
servidor. Si ya tiene alguna experiencia instalando y configurando sitios web, sabr que esto se hace
en la carpeta www, si utiliza Wamp Server. Otros servidores hacen uso de una carpeta wwwroot,
htdocs o documentRoot, dependiendo del servidor web que disponga.

Adicionalmente, deber disponer de MySQL para poder crear la base de datos al momento de
realizar la instalacin con el instalador de Joomla. Esto lo examinaremos en detalle en el
procedimiento de esta gua de prctica.

Instalacin remota de Joomla

La posibilidad de instalar Joomla de forma remota depende en gran medida de las caractersticas
ofrecidas por el servicio de webhosting que tenga a su disposicin. Sin embargo, el proceso
habitual, debe ser el siguiente:
1. Extraer el archivo de Joomla! en un directorio local.
2. Subir los archivos al servidor por FTP (Protocolo de Transferencia de Archivos), colocndolos
directamente en la raz del sitio o en un subdirectorio. Para esto existen muchos programas
FTP gratuitos disponibles como Filezilla. Asegrese de mantener la integridad de la carpeta
de archivos.
3. Ejecutar la instalacin desde la URL de su web (ejemplo:
http://www.sudominio.com/CarpetaJoomla).

Una vez que los archivos estn en el servidor local o remoto, el siguiente paso es seguir el proceso
de pre-instalacin.

2
Si no ve la pgina de Instalacin de Joomla, revise lo siguiente:
Subi todos los archivos y carpetas al servidor y los coloc en la carpeta indicada?
Elimin completamente su anterior sitio web de Joomla?
Realmente dispone de un servidor web Apache/MySQL/PHP y est iniciado?
Estn los mdulos MySQL, Zlib y XML activados en el PHP?

Si todo est correctamente, y todava no ve la pgina de instalacin, intntelo introduciendo:

http://www.sudominio.com/installation/index.php. ste es el enlace directo a la pgina
de instalacin. Si an no se muestra o ve una gran cantidad de errores, probablemente no disponga
de un servidor Apache/MySQL/PHP. Contacte con su proveedor de hosting o instlelo en este
momento, si est trabajando localmente.

Front-end de Joomla
El front-end de Joomla es la interfaz de usuario con la que los visitantes del sitio interactuarn y la
que pueden ver. En esta parte es donde los usuarios acceden al contenido y funcionalidad del sitio
web. Por defecto, el acceso al front-end es irrestricto; sin embargo, es posible hacer que ciertas partes
del contenido tengan acceso restringido para usuarios registrados.

Back-end de Joomla
Joomla permite realizar la administracin de un sitio web desde una parte de la aplicacin que se
denomina mdulo de administracin o back-end, en ingls. Desde el mdulo administrativo es
donde se realizan la mayor parte de las tareas que modifican el contenido y funcionalidad del sitio
web.
Joomla al ser un Sistema de Gestin de Contenidos (CMS), proporciona un panel de control y
herramientas para gestionar el sitio web y sus contenidos. La interfaz de administracin de Joomla
se accede desde un navegador con la siguiente URL:
http://[servidor]/[carpetajoomla/]administrator.
Al ingresar a esta URL se abrir una pgina solicitando el usuario y contrasea para poder ingresar:

3
Al proporcionar los datos correctos se le dar acceso al panel administrativo de Joomla, que tiene el
siguiente aspecto:

El panel de control es la pgina de inicio para los usuarios administradores, constituye el punto de
partida desde donde se crear el sitio web y desde donde se le dar mantenimiento. En el panel de
control encontrar un men principal que contiene los elementos que dan acceso a todas las
funciones principales de Joomla. Tambin tendr acceso al administrador de mdulos en el que se
mostrarn datos informativos y estadsticos del uso de Joomla.
Desde el panel de control podr realizar tareas como:
Acceder al gestor de artculos.
Crear y administrar categoras con el gestor de categoras.
Acceder al gestor multimedia.
Administrar mens con el gestor de mens.
Administrar los usuarios.
Acceder al gestor de mdulos.
Acceder al gestor de extensiones.
Administrar idiomas del front-end y del back-end.
Acceder a la configuracin global del sitio web.
Administrar las plantillas del sitio web.
Editar el perfil.

4
En la opcin Configuracin Global se pueden examinar los parmetros ingresados durante la
instalacin de Joomla. Puede verificarlos y modificarlos si es preciso o dejarlos como estn.
Observar que existen cinco pestaas, que son:
Sitio.
Sistema.
Servidor.
Permisos.
Filtro de textos.

Organizacin estructural del contenido en Joomla

Joomla organiza los elementos del contenido en una estructura jerrquica
compuesta por categoras y artculos. El nivel ms bsico del contenido en la
jerarqua es el artculo, estos artculos pueden aparecer como artculos no
categorizados o como artculos agrupados dentro de una categora.
A partir de Joomla 1.6, se han eliminado las secciones, quedando
nicamente las categoras como contenedores de artculos. Una categora
puede contener una o ms subcategoras y pueden existir tantos niveles de
subcategoras como sean necesarios.
Por ltimo, debe crear los artculos y asociarlos a alguna categora, sin
embargo, Joomla permite la creacin de artculos no categorizados.
Bajo este esquema, puede imaginar la organizacin del contenido de Joomla
de la siguiente forma:
Las categoras son como las gavetas de un archivero.
Las subcategoras son como las carpetas en cada gaveta.
Los artculos son como las pginas en contenidas en cada carpeta.

Joomla proporciona gestores de categoras y artculos con los que se facilita el trabajo de creacin de
contenido. Tenga en cuenta que debe comenzar por las categoras, del mismo modo cada vez que
cree un artculo deber asociarlo a una categora. La nica excepcin a esta regla son los artculos no
categorizados, de los cuales no debe abusar para sacar mximo partido de Joomla.

5
 III. MATERIALES Y EQUIPO

Para la realizacin de la gua de prctica se requerir lo siguiente:

No. Requerimiento Cantidad
1 Gua de prctica #2 1
2 Computadora con sistema operativo Windows instalado 1
3 El paquete completo de Joomla versin 3.3.6 (espaol) 1
4 Conexin a Internet 1

IV. PROCEDIMIENTO

Ejercicio #1: Instalar Joomla en un servidor remoto

1. Ingrese a su servicio de webhosting (el que cre para la gua de prctica #1) e ingrese al panel
de administracin que le han proporcionado para administrar los archivos de su sitio web. En
este ejemplo es utilizar http://www.hostinger.es/. Ingrese el usuario y contrasea que le
enviaron a su correo y el que utiliz cuando se registr en el servicio.

2. En la seccin de Archivos del panel de control busque la parte de la configuracin de la

administracin por FTP y haga clic en el enlace Ver configuracin FTP.

3. Tome nota de los datos de administracin va FTP.

NOTA IMPORTANTE: Los pasos del 4 al 6 no podr realizarlos si est haciendo la gua de prctica
dentro de la red de la Universidad Don Bosco. Solo podr realizarlos desde la conexin a Internet
de su casa o cualquiera que est fuera de la UDB. Pase al paso 7, si est dentro de la red de la
Universidad.

4. Inicie su cliente FTP (por ejemplo FileZilla) e ingrese en la opcin ArchivoGestor de sitios,
configurando adecuadamente una nueva cuenta FTP.

6
5. Si la conexin resulta correcta, debera ver en el panel del sitio remoto los archivos y carpetas
almacenados en este.

6. Arrastre la carpeta que contiene los archivos de Joomla y sultela sobre la carpeta htdocs del
servidor remoto.

NOTA: Seguir los pasos del 7 al X, en caso de estar dentro de la red de la Universidad Don Bosco.

7
7. Ingrese al administrador de archivos que le proporciona su servicio de alojamiento web. En el
caso de este ejemplo est en la seccin Archivos.

8. Ingrese a la carpeta web del servidor dando clic en ella, en el ejemplo se denomina public_html
pero vara segn el webhosting.

9. Una vez dentro de la carpeta web, cree un nuevo directorio (carpeta), presionando el botn
Nueva carpeta (New dir).

10. La pgina a la que ser redirigido le permite crear uno o varios directorios simultneamente.
Solamente crear uno para esta prctica y lo llamar joomlaudb. Presione el botn submit cuando
haya ingresado el nombre de la carpeta en la primera caja de texto.

11. Si la carpeta fue creada satisfactoriamente, la pgina que se cargar deber indicrselo en algn
mensaje. Presione el botn Regresar (Back) para volver a la pgina anterior.

12. Ingrese a la carpeta joomlaudb que acaba de crear haciendo clic en el enlace con el nombre de esa
carpeta.

8
13. En esta parte se tendr que subir a la carpeta joomlaudb del servidor todo el paquete de Joomla.
Uno de los problemas ms grandes para poder realizar esta tarea es que en la gran mayora de
servidores de alojamiento web la subida de archivos desde el administrador de archivos est
limitada a archivos menores de 2 MB, aunque este valor puede que dependa de cada servicio
de alojamiento web. En el caso de Hostinger, los archivos pueden tener un tamao mximo de
aproximadamente 9 MB, y ya que la carpeta de instalacin de Joomla (que deber haber
descargado del enlace proporcionado para la versin en espaol) sobrepasa el lmite, habr que
ingeniarnos para ir subiendo toda la estructura de carpetas y archivos creando archivos que
pesen menos de 2 MB cada uno, para asegurarnos que la tarea pueda ser completada con xito.

14. Cuando se abra el dilogo para crear el archivo comprimido ingrese la informacin como se
indica en la siguiente figura (asegrese de que la extensin sea .zip). Luego presione el botn
Aceptar.

9
15. Los archivos comprimidos creados, sern los que hay que subir al servicio de alojamiento web.

16. Dentro de la carpeta joomlaudb suba los archivos que conforman los volmenes comprimidos de
Joomla dando clic en la opcin Upload. Sbalos uno por uno, hasta llegar al ltimo volumen.

17. Cuando termine de seleccionar todos los archivos, presione el botn submit.

18. Si los archivos fueron cargados exitosamente, deber observar una serie de mensajes que
confirman que cada archivo ha sido copiado sin problemas. Presione el botn Regresar (Back)
para volver a la pgina anterior, en la cual deber visualizar el rbol de directorios de Joomla
organizados.

10
19. Ahora, accederemos al sitio web que hemos cargado en el servidor, para ello, abra el navegador
de su preferencia y digite en la barra de direcciones el enlace con el siguiente formato:
http://www.miCuentaHostinger/joomlaudb, en donde deber colocar el subdominio
que cre en la prctica 1 en lugar de miCuentaHostinger.

20. Si es primera vez que ejecuta Joomla deber ser redireccionado a la pgina de instalacin de
Joomla, en ella, se solicitan ciertos datos organizados en 3 pasos: Configuracin, Base de datos y
Visin general. Ingrese los campos que le son solicitados en el primer formulario. Utilice como
nombre de usuario su carnet y como contrasea una que recuerde. Para este ejemplo se ha
usado donbosco. Al terminar de ingresar los datos presione el botn Siguiente.

21. Los datos a ingresar en el siguiente paso sirven para configurar la base de datos que se
utilizar. Antes de hacerlo, es necesario crear la base de datos, haciendo uso del panel de
control del webhosting, mediante la opcin Base de datos MySQL de la seccin Bases de datos. En
el formulario Crear Nueva Base de Datos MySQL y Usuario de la Base de Datos mostrado, ingrese
los datos que se muestran a continuacin y de clic en el botn Crear:

22. Una vez creada la base de datos, ingrese la informacin correspondiente en el segundo
formulario de la instalacin de Joomla, colocando en los campos Usuario, Contrasea y Base de
datos los datos creados en el paso anterior. Adems, en el campo Nombre del Host, deber de
colocar mysql.hostinger.es, que es el Host MySQL proporcionado por Hostinger. Los campos Tipo
de base de datos, Prefijo de la tabla y Procesar base de datos antigua los dejaremos con los valores por
defecto. Presione el botn Siguiente al terminar.

11
23. Por ltimo, en la pestaa de Visin General se seleccionar la opcin Nada para el campo Instalar
datos de ejemplo, sin realizar la configuracin de correo electrnico y verificando la configuracin
principal, la base de datos y los requisitos de instalacin. Presione finalmente, Instalar.

12
24. Verifique que el proceso de instalacin finalice correctamente.

25. Al terminar el proceso de instalacin elimine la carpeta de instalacin, como se le indicar.

Puede utilizar el botn que se le presenta en la pgina o hacerlo manualmente en la carpeta de
instalacin de Joomla.

Ejercicio #2: Gestin de usuarios

1. Ingrese al back-end del sitio instalado digitando en la barra de direcciones del navegador de su
preferencia el enlace con el siguiente formato:
http://www.miCuentaHostinger/joomlaudb/administrator, en donde deber
colocar el subdominio que cre en la prctica 1 en lugar de miCuentaHostinger.

2. Desde el panel de administracin haga clic sobre el botn Gestor de usuarios, o desde el men
Usuarios y luego en la opcin Gestor de usuarios Aadir nuevo usuario.

13
3. Ingrese los detalles de la cuenta que se crear, ingresando los datos correspondientes en la
pestaa Detalles cuenta. Posteriormente, establezca los grupos asignados al usuario e la pestaa
Grupos asignados y, por ltimo, establezca las opciones bsicas en la ltima pestaa.

4. Presione el botn Guardar y Cerrar para que los cambios se apliquen en la base de datos.

5. Compruebe al ser redirigido que se ha creado el usuario ingresado.

6. Finalice la sesin y pruebe los usuarios creados. Puede editar la informacin de un usuario en
especfico dando clic en el nombre del mismo.

14
 Ejercicio #3: Creacin de categoras
1. Ingrese al Gestor de categoras desde los iconos rpidos del panel de administracin de Joomla.

2. Observe la categora Sin categora, que se crea de forma predeterminada durante la instalacin.

NOTA: Ya que no se instalaron los datos de ejemplo la nica categora visible ser la categora denominada
Sin categora.

3. Procederemos a crear una nueva categora. Para comenzar, dentro del Gestor de categoras, haga
clic en el botn Nuevo. Cree una categora llamada Animales y cuando haya ingresado el ttulo,
alias (que dejar vaco) y la descripcin, presione el botn Guardar y Cerrar.

4. En la pgina a la que fue redirigido observar un mensaje que indique el estado de la operacin.
Asimismo, el estado actual del Gestor de categoras debe ser el siguiente en este momento:

5. Dentro de la categora Animales crearemos 3 subcategoras, denominadas: Mamferos, Aves y

Peces. Para ello, utilizar siempre el Gestor de categoras, con la nica salvedad, que ahora
necesitar indicar el padre de cada una de las 3 subcategoras que se crearn. Para estas 3
subcategoras seleccionar como padre la categora Animales creada en los pasos anteriores.

15
Para la subcategora Aves, la descripcin a colocar ser: Categora para animales aves, y para la
subcategora Peces, la descripcin ser: Categora para animales peces. Para agregar una subcategora
tras otra, en lugar de dar clic al botn Guardar y cerrar utilice el botn Guardar y nuevo.

6. Cuando haya agregado las 3 sub-categoras dentro de Animales, el resultado debera ser el
siguiente:

Ejercicio #4: Creacin de artculos

1. Ahora que ya ha ingresado las categoras y sub-categoras, comenzaremos a crear artculos.
Desde el panel de administracin haga clic sobre el botn Gestor de artculos, o desde el men
Contenido y luego en la opcin Gestor de artculos Aadir nuevo artculo.

2. Ingrese los detalles del artculo (el ttulo, la categora a la que pertenece, el contenido del artculo,
que puede incluir texto, imgenes y dems contenido que permita el editor TinyMCE).

16
3. Ingrese una imagen dentro del contenido de la categora presionando el botn Imagen ubicado
debajo del editor de contenido TinyMCE. Baje hasta la parte inferior del dilogo emergente para
subir una imagen desde la computadora. Luego, sbala al servidor con el botn Iniciar subida,
posteriormente seleccinela del listado de archivos multimedia y de clic en el botn Insertar.

17
4. Al terminar de ingresar la informacin del artculo presione el botn Guardar & Cerrar de la barra
de botones superior del Gestor de artculos.

5. En el Gestor de artculos debera aparecer ahora el artculo recin creado. Presione el botn
Destacado para que el artculo aparezca en la pgina de inicio (index) de Joomla.

6. Verifique cmo aparece el artculo dentro de la pgina de inicio en el lado del cliente (front-end)
del sitio. Cargue en el navegador la direccin:
http://www.miCuentaHostinger/joomlaudb (en donde deber colocar el subdominio que
cre en la prctica 1 en lugar de miCuentaHostinger) y observe el resultado.

18
Ejercicio #5: Mover artculos entre categoras
1. Ingrese al Gestor de artculos nuevamente, y una vez tenga a la vista el listado de categoras
marque la casilla de verificacin que est a la izquierda del ttulo de la categora que mover. En
este ejemplo moveremos el nico artculo creado a la categora Peces. Presione seguidamente el
botn de Editar.

2. Haga clic en la lista desplegable Categora para indicar que cambiar el artculo de categora. En
este caso lo pasaremos de la categora Sin categora a la categora Peces.

3. Una vez que haya realizado la modificacin, presione el botn Guardar y Cerrar para que el
cambio se haga efectivo.

4. Notar que si intenta cargar nuevamente la pgina principal (de inicio) mostrar exactamente el
mismo contenido, a pesar de que hemos movido el artculo de categora. Esto se debe a que
mantiene su estado de destacado, por lo que, si ya no se desea que aparezca ah, de cambiarse su
estado a no destacado simplemente dando clic al icono en forma de estrella.

V. DISCUSIN DE RESULTADOS

1) Cree un sitio web utilizando Joomla mediante el mtodo de instalacin local en su

computadora.
2) En dicha instalacin, ingrese tres nuevos usuarios, uno gestor, uno editor y otro pblico, todos
ellos registrados con sus datos, grupos asignados y opciones bsicas personalizados.
3) Cree una jerarqua de categoras y subcategoras, estableciendo al menos una categora
principal y 3 subcategoras, cada una de las ltimas debe contener como mnimo un artculo
con su respectivo contenido en texto e imgenes.
4) Busque un servicio de webhosting gratuito, distinto al utilizado durante esta prctica para
instalar Joomla, y, utilizando un cliente FTP suba el sitio web que cre de manera local en los
literales anteriores. Tenga en cuenta las configuraciones necesarias de la base de datos que
contiene la informacin ya personalizada del sitio; para ello, investigue cmo importar una
base de datos utilizando phpMyAdmin (la herramienta de administracin para MySQL que
generalmente ofrecen los webhosting).
5) Enve a su docente de laboratorio el enlace para acceder al sitio web resultante.

19
 VI. BIBLIOGRAFA

Jennifer Marriott/Elin Waring. El libro oficial de Joomla 1.6. Editorial Anaya Multimedia
Addison Wesley. Madrid, Espaa. 2011.
Ron Severdia/Kenneth Crowder. Joomla. 1ra Edicin. Editorial Anaya Multimedia OReilly.
Madrid Espaa. 2010.
Bintu Harwani. Joomla, manual imprescindible. 1ra Edicin. Editorial Alfaomega Friends of Ed.
Madrid, Espaa. 2009.
Dan Rahmel. Profesional Joomla. 1a edicin. Editorial Anaya Multimedia, Wrox. Madrid,
Espaa. Febrero 2007.

20