UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLÓGICOS ESCUELA DE COMPUTACIÓN CICLO: 02/2015 GUIA DE LABORATORIO # 3 Nombre de la Práctica: Creación de sitios web con Joomla Lugar de Ejecución: Centro de cómputo Tiempo Estimado: 2 horas con 30 minutos MATERIA: Administración de Contenidos en Internet DOCENTES: Inga. Laura Cáceres / Ing. Hugo Dimas / Ing. Ricardo Elías I. OBJETIVOS En esta guía de práctica se pretende: 1. Familiarizarse con el panel administrativo de Joomla. 2. 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. 3. 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. 4. Mostrar capacidad para publicar/despublicar artículos, categorías o secciones y para establecer el orden en que deben aparecer cada uno de estos contenidos. II. INTRODUCCIÓN TEÓRICA 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. Administración de Contenidos en Internet 1 / 22
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: Al proporcionar los datos correctos se le dará acceso al panel administrativo de Joomla, que tiene el siguiente aspecto: 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. Administración de Contenidos en Internet 2
El panel de control de Joomla 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á a la disposición unos iconos grandes que proporcionan atajos a las tareas de uso más frecuente en Joomla. Finalmente, 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: Agregar nuevos artículos con el gestor de artículos. 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. Categorías y artículos La forma de crear un sitio web en Joomla es creando categorías, subcategorías y artículos. Estos elementos son la clave para la creación de contenido con Joomla. Veamos cada uno de ellos. Administración de Contenidos en Internet 3
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 no se pueden definir si no pertenecen a una sección, 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. Gestor de categorías El Gestor de categorías tiene la siguiente apariencia: Creación de una categoría nueva La creación de categorías nuevas se realiza desde la opción Añadir nueva categoría, a la cual puede acceder desde el menú Contenido Gestor de categorías Añadir nueva categoría. La opción Añadir nueva categoría le da acceso al formulario para crear una nueva categoría que posee básicamente tres secciones: a) Detalles, b) Opciones de publicación y c) Reglas de acceso a categorías. Administración de Contenidos en Internet 4
Para efectos de la práctica trabajaremos principalmente con los detalles de la categoría, como lo indicaremos en el procedimiento. Gestor de artículos El Gestor de artículos tiene la siguiente apariencia: Creación de un artículo nuevo Para crear un artículo nuevo existen dos opciones, una es dar clic en el icono Añadir un nuevo artículo desde el panel de administración. La otra es desde el menú Contenido en Gestor de artículos Añadir nuevo artículo. El uso adecuado de cada uno de estos gestores para la creación de categorías, subcategorías y artículos será el tema del procedimiento de esta guía de práctica. III. MATERIALES Y EQUIPO Administración de Contenidos en Internet 5
Para la realización de la guía de práctica se requerirá lo siguiente: No. Requerimiento Cantidad 1 Guía de práctica #3: Creación de sitios web con Joomla 1 2 Computadora con sistema operativo Windows instalado 1 3 Conexión a Internet 1 IV. PROCEDIMIENTO Ejercicio #1: Instalación de Joomla sin datos de ejemplo Para la realización de esta práctica debe comenzar por instalar Joomla 3.0.3 (español) o Joomla 3.1.5 (inglés) sin los datos de ejemplo. La carpeta de instalación de Joomla nómbrela joomlaudb2013 o joomlapilet2013, dependiendo de dónde estudie. Durante la instalación use la siguiente configuración: Utilice su propio usuario como administrador y asigne una contraseña que recuerde. Para este ejemplo se utilizó el usuario: ricardo.elias y la contraseña: @dm1n1$tr@t0r. De preferencia anótela y envíesela por correo electrónico para no olvidarla la próxima vez que utilice esta instalación de Joomla. Administración de Contenidos en Internet 6
Debe crear un usuario tecnológico en su MySQL y otorgarle todos los privilegios para completar el paso anterior. La contraseña que se ha usado para este ejemplo es: fetudb, ud. puede usar otra, que esté seguro de no olvidar, o usar el usuario root. Administración de Contenidos en Internet 7
Lo último, es hacer clic en Instalar para terminar el proceso. Si alguna de las comprobaciones no es superada, deberá corregirla antes de dar clic en Instalar. Espere a que termine el proceso de instalación: Elimine la carpeta de instalación, para terminar. Administración de Contenidos en Internet 8
Ejercicio #2: Creación de categorías en Joomla 1. Ingrese al Gestor de categorías desde los iconos rápidos del panel de administración de Joomla. 2. Observe la categoría Principal, que se crea de forma predeterminada durante la instalación. NOTA: Como no se instalaron los datos de ejemplo la única categoría visible será la categoría denominada Principal. 3. Cree las siguientes categorías, sin categoría padre, para que se ubiquen en el mismo nivel que la categoría Principal. Las categorías son: 1) Coordinación Computación, 2) Coordinación Electrónica-Biomédica, 3) Coordinación Eléctrica-Mecánica. Como se ilustra en el siguiente diagrama: Facultad de Estudios Tecnológicos Principal Decanato Coordinaciones Carreras 4. Para comenzar, dentro del Gestor de categorías, haga clic en el botón Nuevo, para crear la primera de las 3 categorías que serán agregadas. Cree la categoría Coordinaciones y cuando haya ingresado el título, alias (que dejará vacío) y la descripción, presione el botón Guardar y Nuevo. Administración de Contenidos en Internet 9
5. Verifique se la categoría se ha creado con éxito. Observará un mensaje que se lo indica en la parte superior del Gestor de categorías, justo debajo de la barra de botones superior del Gestor. 6. Ahora ingrese en el mismo formulario que se cargó la segunda y tercera categorías. Utilice alternadamente los botones Guardar & Cerrar y Guardar & Nuevo para que observe las diferencias entre el uso de uno y otro, siempre verificando que se han creado correctamente las categorías. 7. El estado actual del Gestor de categorías debe ser el siguiente en este momento: 8. Dentro de la categoría Coordinaciones crearemos 3 subcategorías, denominadas: Computación, Electrónica-Biomédica y Eléctrica-Mecánica. El siguiente diagrama ejemplifica cómo deben de quedar jerarquizadas las sub-categorías anteriores: Administración de Contenidos en Internet 10
Facultad de Estudios Tecnológicos Principal Decanato Coordinaciones Carreras Computación Electrónica y Biomédica Eléctrica Mecánica 9. Para crear estas categorías, 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 Coordinaciones creada en los pasos anteriores. Note que en este caso se ingresó un alias para que se ajustara a nuestras necesidades. En vez de que Joomla automáticamente le asigne a este campo electrónica-y-biomedica, al ingresarlo manualmente quedará guardado como electronica-biomedica. Administración de Contenidos en Internet 11
10. Cuando haya agregado las 3 sub-categorías dentro de Coordinaciones, el resultado debería ser el siguiente: Ejercicio #3: Creación de artículos en Joomla. 1. Ahora que ya ingresado las categorías y sub-categorías, comenzaremos a crear artículos. Primero ingrese al Gestor de artículos desde el menú principal del panel de administración que proporciona Joomla. 2. Dentro del Gestor de artículos, presione el botón Nuevo, para comenzar a crear y editar el primer artículo. 3. 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). Administración de Contenidos en Internet 12
4. 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. Administración de Contenidos en Internet 13
5. 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. 6. 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 categoría Principal. Administración de Contenidos en Internet 14
7. Verifique cómo aparece el artículo dentro de la categoría Principal en el lado del cliente (front-end) del sitio. Cargue en el navegador la dirección: http://localhost/joomlaudb2013/ y observe el resultado. 8. Agregue un artículo en la categoría Carreras. Ingrese de nuevo al Gestor de artículos desde el menú principal o desde los iconos de acceso rápido 9. Introduzca el título y seleccione la categoría a la que va a pertenecer el artículo. Administración de Contenidos en Internet 15
10. Ingrese el contenido de la categoría usando el editor TinyMCE que ya viene incorporado en el Gestor de artículos. Presione el botón Guardar & Cerrar cuando haya ingresado todo el contenido. A continuación se muestra el contenido para algunos de los artículos que falta agregar. Administración de Contenidos en Internet 16
Administración de Contenidos en Internet 17 Guía #3: Creación de sitios web con Joomla
11. Ahora, agregue usted artículos relacionados con cada una de las categorías que se crearon. El Gestor de artículos deberá mostrar lo siguiente cuando termine. Ejercicio #4: 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 la categoría Decanato Estudios Tecnológicos. 2. Presione el botón Editar para ingresar a la página de edición de la categoría seleccionada. 3. 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 Decanato a la categoría Principal. 4. Una vez que haya realizado la modificación, presione el botón Guardar & Cerrar para que el cambio se haga efectivo. Administración de Contenidos en Internet 18
5. Notará que si intenta cargar nuevamente la página principal (de inicio) mostrará exactamente el mismo contenido, a pesar de que hemos movido una categoría. Lo que debemos hacer en este momento es hacer clic sobre el botón Cambiar estado de artículo destacado sobre la categoría Decanato Estudios Tecnológicos. 6. Cargue ahora nuevamente la página principal del front-end y verifique el resultado. Administración de Contenidos en Internet 19
Notará que ahora aparecen dos artículos en la página principal. Por defecto, la plantilla predeterminada de Joomla coloca el último artículo primero y el resto de artículos de la categoría Principal abajo y con un ancho diseñado para mostrar 3 columnas. Tendríamos que agregar dos artículos más para que salgan bien distribuidos en todo el contenido. Ejercicio #5: Configurar los artículos para que aparezcan en la página de inicio (index) del sitio web Joomla. 1. Entre en el Gestor de artículos y mueva nuevamente el artículo que movió en el ejercicio anterior a la categoría Decanato. También quite la marca para que este artículo ya no sea destacado, antes de moverlo. 2. Mueva los artículos de la categoría Carreras a la categoría Principal. 3. Marque como destacados los 3 artículos que movió de las carreras de las tres coordinaciones. Administración de Contenidos en Internet 20
4. Visualice la página principal del front-end de Joomla para verificar que todos los artículos destacados se visualizan correctamente. Administración de Contenidos en Internet 21
V. DISCUSIÓN DE RESULTADOS 1) Cree un sitio web completo, sobre un tema de su preferencia. Primero defina tres categorías raíces para el sitio web, luego cree por lo menos dos subcategorías en cada categoría raíz y finalmente, cree como mínimo un artículo para cada subcategoría. Haga esto de forma local. 2) Suba todo el sitio creado al servidor remoto en el que ha adquirido servicio de webhosting y envíe el enlace de su sitio al docente de práctica que le corresponde para verificar su trabajo. 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. Administración de Contenidos en Internet 22