UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLÓGICOS ESCUELA DE COMPUTACIÓN CICLO: 02/2015 GUIA DE LABORATORIO #2 Nombre de la Práctica: Instalación, configuración y creación de sitios web con Joomla Lugar de Ejecución: Centro de cómputo Tiempo Estimado: 1 hora con 40 minutos Asignatura: Desarrollo de Aplicaciones Web con Gestores de Contenidos Docentes: Blanca Iris Cañas/Rebeca Benítez/Manuel Guandique I. OBJETIVOS En esta guía de práctica se pretende: 1. Estar en capacidad de obtener el Sistema de Gestión de Contenidos Joomla. 2. Realizar la configuración inicial de Joomla para utilizarlo en la creación de sitios web. 3. Estar en capacidad de utilizar el panel de administración de Joomla. 4. Practicar con la estructura jerárquica de Joomla creando categorías, subcategorías y artículos con los gestores de categorías y de artículos. 5. Dominar las operaciones comunes con los gestores de Joomla como la creación, edición, eliminación y publicación de categorías y artículos. II. INTRODUCCIÓN TEÓRICA Qué es Joomla? Es un Sistema de Gestión de Contenidos (CMS: Content Management System) de interfaz web, que permite crear sitios web elegantes, dinámicos 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 técnicos especiales o de complejos lenguajes de programación. Requerimientos para instalar Joomla Para instalar Joomla 3.3.6 (en inglés o español) es necesario contar con el siguiente software, previamente instalado: Software Recomendado Mínimo 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 Instalación 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 inglés, en la siguiente dirección: http://www.joomla.org/announcements/release-news/5569-joomla-3-3-6-released.html 1
Para descargar la versión en español, puede ingresar al siguiente enlace: http://joomlaspanish.org/ En estas páginas 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 actualización de una versión anterior de Joomla, busque la opción Paquete de actualización (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 ubicación. Si opta por la segunda opción tendrá que copiar los archivos y carpetas que resulten después de descomprimir el paquete. Después 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. Instalación local de Joomla Básicamente lo que hay que hacer para instalar, montar o preparar Joomla para la creación de sitios web, es copiar las carpetas y archivos extraídos 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 instalación con el instalador de Joomla. Esto lo examinaremos en detalle en el procedimiento de esta guía de práctica. Instalación remota de Joomla La posibilidad de instalar Joomla de forma remota depende en gran medida de las características ofrecidas por el servicio de webhosting que tenga a su disposición. 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), colocándolos directamente en la raíz del sitio o en un subdirectorio. Para esto existen muchos programas FTP gratuitos disponibles como Filezilla. Asegúrese de mantener la integridad de la carpeta de archivos. 3. Ejecutar la instalación desde la URL de su web (ejemplo: http://www.sudominio.com/carpetajoomla). Una vez que los archivos estén en el servidor local o remoto, el siguiente paso es seguir el proceso de pre-instalación. 2
Si no ve la página de Instalación 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? Están los módulos MySQL, Zlib y XML activados en el PHP? Si todo está correctamente, y todavía no ve la página de instalación, inténtelo introduciendo: http://www.sudominio.com/installation/index.php. Éste es el enlace directo a la página de instalación. Si aún 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 instálelo 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 interactuarán 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 administración de un sitio web desde una parte de la aplicación que se denomina módulo de administración o back-end, en inglés. Desde el módulo 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 Gestión de Contenidos (CMS), proporciona un panel de control y herramientas para gestionar el sitio web y sus contenidos. La interfaz de administración de Joomla se accede desde un navegador con la siguiente URL: http://[servidor]/[carpetajoomla/]administrator. Al ingresar a esta URL se abrirá una página solicitando el usuario y contraseña 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 página 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. También tendrá acceso al administrador de módulos en el que se mostrarán datos informativos y estadísticos del uso de Joomla. Desde el panel de control podrá realizar tareas como: Acceder al gestor de artículos. Crear y administrar categorías con el gestor de categorías. Acceder al gestor multimedia. Administrar menús con el gestor de menús. Administrar los usuarios. Acceder al gestor de módulos. Acceder al gestor de extensiones. Administrar idiomas del front-end y del back-end. Acceder a la configuración global del sitio web. Administrar las plantillas del sitio web. Editar el perfil. 4
En la opción Configuración Global se pueden examinar los parámetros ingresados durante la instalación de Joomla. Puede verificarlos y modificarlos si es preciso o dejarlos como están. Observará que existen cinco pestañas, que son: Sitio. Sistema. Servidor. Permisos. Filtro de textos. Organización estructural del contenido en Joomla Joomla organiza los elementos del contenido en una estructura jerárquica compuesta por categorías y artículos. El nivel más básico del contenido en la jerarquía es el artículo, estos artículos pueden aparecer como artículos no categorizados o como artículos agrupados dentro de una categoría. A partir de Joomla 1.6, se han eliminado las secciones, quedando únicamente las categorías como contenedores de artículos. Una categoría puede contener una o más subcategorías y pueden existir tantos niveles de subcategorías como sean necesarios. Por último, debe crear los artículos y asociarlos a alguna categoría, sin embargo, Joomla permite la creación de artículos no categorizados. Bajo este esquema, puede imaginar la organización del contenido de Joomla de la siguiente forma: Las categorías son como las gavetas de un archivero. Las subcategorías son como las carpetas en cada gaveta. Los artículos son como las páginas en contenidas en cada carpeta. Joomla proporciona gestores de categorías y artículos con los que se facilita el trabajo de creación de contenido. Tenga en cuenta que debe comenzar por las categorías, del mismo modo cada vez que cree un artículo deberá asociarlo a una categoría. La única excepción a esta regla son los artículos no categorizados, de los cuales no debe abusar para sacar máximo partido de Joomla. 5
III. MATERIALES Y EQUIPO Para la realización de la guía de práctica se requerirá lo siguiente: No. Requerimiento Cantidad 1 Guía de práctica #2 1 2 Computadora con sistema operativo Windows instalado 1 3 El paquete completo de Joomla versión 3.3.6 (español) 1 4 Conexión 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 guía de práctica #1) e ingrese al panel de administración 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 contraseña que le enviaron a su correo y el que utilizó cuando se registró en el servicio. 2. En la sección de Archivos del panel de control busque la parte de la configuración de la administración por FTP y haga clic en el enlace Ver configuración FTP. 3. Tome nota de los datos de administración vía FTP. NOTA IMPORTANTE: Los pasos del 4 al 6 no podrá realizarlos si está haciendo la guía de práctica dentro de la red de la Universidad Don Bosco. Solo podrá realizarlos desde la conexión 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 opción Archivo Gestor de sitios, configurando adecuadamente una nueva cuenta FTP. 6
5. Si la conexión resulta correcta, debería 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 suéltela 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 sección Archivos. 8. Ingrese a la carpeta web del servidor dando clic en ella, en el ejemplo se denomina public_html pero varía según el webhosting. 9. Una vez dentro de la carpeta web, cree un nuevo directorio (carpeta), presionando el botón Nueva carpeta (New dir). 10. La página a la que será redirigido le permite crear uno o varios directorios simultáneamente. Solamente creará uno para esta práctica y lo llamará joomlaudb. Presione el botón submit cuando haya ingresado el nombre de la carpeta en la primera caja de texto. 11. Si la carpeta fue creada satisfactoriamente, la página que se cargará deberá indicárselo en algún mensaje. Presione el botón Regresar (Back) para volver a la página 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 más grandes para poder realizar esta tarea es que en la gran mayoría 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 tamaño máximo de aproximadamente 9 MB, y ya que la carpeta de instalación de Joomla (que deberá haber descargado del enlace proporcionado para la versión en español) sobrepasa el límite, 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 diálogo para crear el archivo comprimido ingrese la información como se indica en la siguiente figura (asegúrese de que la extensión sea.zip). Luego presione el botón Aceptar. 9
15. Los archivos comprimidos creados, serán los que hay que subir al servicio de alojamiento web. 16. Dentro de la carpeta joomlaudb suba los archivos que conforman los volúmenes comprimidos de Joomla dando clic en la opción Upload. Súbalos uno por uno, hasta llegar al último volumen. 17. Cuando termine de seleccionar todos los archivos, presione el botón 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 botón Regresar (Back) para volver a la página 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 práctica 1 en lugar de micuentahostinger. 20. Si es primera vez que ejecuta Joomla deberá ser redireccionado a la página de instalación de Joomla, en ella, se solicitan ciertos datos organizados en 3 pasos: Configuración, Base de datos y Visión general. Ingrese los campos que le son solicitados en el primer formulario. Utilice como nombre de usuario su carnet y como contraseña una que recuerde. Para este ejemplo se ha usado donbosco. Al terminar de ingresar los datos presione el botón 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 opción Base de datos MySQL de la sección 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 continuación y de clic en el botón Crear: 22. Una vez creada la base de datos, ingrese la información correspondiente en el segundo formulario de la instalación de Joomla, colocando en los campos Usuario, Contraseña y Base de datos los datos creados en el paso anterior. Además, 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 botón Siguiente al terminar. 11
23. Por último, en la pestaña de Visión General se seleccionará la opción Nada para el campo Instalar datos de ejemplo, sin realizar la configuración de correo electrónico y verificando la configuración principal, la base de datos y los requisitos de instalación. Presione finalmente, Instalar. 12
24. Verifique que el proceso de instalación finalice correctamente. 25. Al terminar el proceso de instalación elimine la carpeta de instalación, como se le indicará. Puede utilizar el botón que se le presenta en la página o hacerlo manualmente en la carpeta de instalación de Joomla. Ejercicio #2: Gestión 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 práctica 1 en lugar de micuentahostinger. 2. Desde el panel de administración haga clic sobre el botón Gestor de usuarios, o desde el menú Usuarios y luego en la opción Gestor de usuarios Añadir nuevo usuario. 13
3. Ingrese los detalles de la cuenta que se creará, ingresando los datos correspondientes en la pestaña Detalles cuenta. Posteriormente, establezca los grupos asignados al usuario e la pestaña Grupos asignados y, por último, establezca las opciones básicas en la última pestaña. 4. Presione el botón 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 sesión y pruebe los usuarios creados. Puede editar la información de un usuario en específico dando clic en el nombre del mismo. 14
Ejercicio #3: Creación de categorías 1. Ingrese al Gestor de categorías desde los iconos rápidos del panel de administración de Joomla. 2. Observe la categoría Sin categoría, que se crea de forma predeterminada durante la instalación. NOTA: Ya que no se instalaron los datos de ejemplo la única categoría visible será la categoría denominada Sin categoría. 3. Procederemos a crear una nueva categoría. Para comenzar, dentro del Gestor de categorías, haga clic en el botón Nuevo. Cree una categoría llamada Animales y cuando haya ingresado el título, alias (que dejará vacío) y la descripción, presione el botón Guardar y Cerrar. 4. En la página a la que fue redirigido observará un mensaje que indique el estado de la operación. Asimismo, el estado actual del Gestor de categorías debe ser el siguiente en este momento: 5. Dentro de la categoría Animales crearemos 3 subcategorías, denominadas: Mamíferos, Aves y Peces. Para ello, utilizará siempre el Gestor de categorías, con la única salvedad, que ahora necesitará indicar el padre de cada una de las 3 subcategorías que se crearán. Para estas 3 subcategorías seleccionará como padre la categoría Animales creada en los pasos anteriores. 15
Para la subcategoría Aves, la descripción a colocar será: Categoría para animales aves, y para la subcategoría Peces, la descripción será: Categoría para animales peces. Para agregar una subcategoría tras otra, en lugar de dar clic al botón Guardar y cerrar utilice el botón Guardar y nuevo. 6. Cuando haya agregado las 3 sub-categorías dentro de Animales, el resultado debería ser el siguiente: Ejercicio #4: Creación de artículos 1. Ahora que ya ha ingresado las categorías y sub-categorías, comenzaremos a crear artículos. Desde el panel de administración haga clic sobre el botón Gestor de artículos, o desde el menú Contenido y luego en la opción Gestor de artículos Añadir nuevo artículo. 2. Ingrese los detalles del artículo (el título, la categoría a la que pertenece, el contenido del artículo, que puede incluir texto, imágenes y demás contenido que permita el editor TinyMCE). 16
3. Ingrese una imagen dentro del contenido de la categoría presionando el botón Imagen ubicado debajo del editor de contenido TinyMCE. Baje hasta la parte inferior del diálogo emergente para subir una imagen desde la computadora. Luego, súbala al servidor con el botón Iniciar subida, posteriormente selecciónela del listado de archivos multimedia y de clic en el botón Insertar. 17
4. Al terminar de ingresar la información del artículo presione el botón Guardar & Cerrar de la barra de botones superior del Gestor de artículos. 5. En el Gestor de artículos debería aparecer ahora el artículo recién creado. Presione el botón Destacado para que el artículo aparezca en la página de inicio (index) de Joomla. 6. Verifique cómo aparece el artículo dentro de la página de inicio en el lado del cliente (front-end) del sitio. Cargue en el navegador la dirección: http://www.micuentahostinger/joomlaudb (en donde deberá colocar el subdominio que creó en la práctica 1 en lugar de micuentahostinger) y observe el resultado. 18
Ejercicio #5: Mover artículos entre categorías 1. Ingrese al Gestor de artículos nuevamente, y una vez tenga a la vista el listado de categorías marque la casilla de verificación que está a la izquierda del título de la categoría que moverá. En este ejemplo moveremos el único artículo creado a la categoría Peces. Presione seguidamente el botón de Editar. 2. Haga clic en la lista desplegable Categoría para indicar que cambiará el artículo de categoría. En este caso lo pasaremos de la categoría Sin categoría a la categoría Peces. 3. Una vez que haya realizado la modificación, presione el botón Guardar y Cerrar para que el cambio se haga efectivo. 4. Notará que si intenta cargar nuevamente la página principal (de inicio) mostrará exactamente el mismo contenido, a pesar de que hemos movido el artículo de categoría. 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. DISCUSIÓN DE RESULTADOS 1) Cree un sitio web utilizando Joomla mediante el método de instalación local en su computadora. 2) En dicha instalación, ingrese tres nuevos usuarios, uno gestor, uno editor y otro público, todos ellos registrados con sus datos, grupos asignados y opciones básicas personalizados. 3) Cree una jerarquía de categorías y subcategorías, estableciendo al menos una categoría principal y 3 subcategorías, cada una de las últimas debe contener como mínimo un artículo con su respectivo contenido en texto e imágenes. 4) Busque un servicio de webhosting gratuito, distinto al utilizado durante esta práctica 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 información ya personalizada del sitio; para ello, investigue cómo importar una base de datos utilizando phpmyadmin (la herramienta de administración para MySQL que generalmente ofrecen los webhosting). 5) Envíe a su docente de laboratorio el enlace para acceder al sitio web resultante. 19
VI. BIBLIOGRAFÍA Jennifer Marriott/Elin Waring. El libro oficial de Joomla 1.6. Editorial Anaya Multimedia Addison Wesley. Madrid, España. 2011. Ron Severdia/Kenneth Crowder. Joomla. 1ra Edición. Editorial Anaya Multimedia O Reilly. Madrid España. 2010. Bintu Harwani. Joomla, manual imprescindible. 1ra Edición. Editorial Alfaomega Friends of Ed. Madrid, España. 2009. Dan Rahmel. Profesional Joomla. 1a edición. Editorial Anaya Multimedia, Wrox. Madrid, España. Febrero 2007. 20