Trabajo de evaluación de la asignatura , fecha y envío

El día 26 de noviembre dejaremos de ver cosas nuevas de Joomla! para dedicar los restantes 5 días de clase a realizar un proyecto web completo. El alumno deberá seleccionar un tema para el desarrollo de los contenidos y las funcionalidades que mejor se adapten a su tema.

Se documentará el desarrollo de proyecto web mediante la impresiones de pantalla de los avances y breves textos descriptivos. Se agradecerá la inclusión de un índice y de los títulos de las diferentes secciones en el documento con el objeto de aclarar su lectura.

Nota: Para plasmar la imagen de la pantalla en el documento de texto, pulsad la tecla 'Imprimir pantalla' de vuestro teclado con la imagen que deseáis pasar al documento, y pulsar CONTROL+V en el texto. Se copiará una copia exacta de la pantalla.

Envío: El documento se enviará por correo electrónico a la dirección marko.galarza@unavarra.es indicando vuestro nombre y apellidos, y haciendo referencia a la asignatura. Es imprescindible que por mi parte os envíe confirmación de la correcta recepción del trabajo. En caso de no responderos, insistid en el envío.

Fecha límite: la fecha límite para la recepción de los trabajos es el día 23 de diciembre.

Más extensiones

Durante el curso hemos trabajado con componentes que han cubierto las necesidades que puede tener un portal web básico, y que eran más o menos sencillas y estables de instalar en los equipos de clase.

La comunidad de desarrollo de Joomla! ofrece una gran variedad de componentes con infinidad de funciones. Todas ellas están catalogadas en la página de extensiones de Joomla!: http://extensions.joomla.org/

Entre las diferentes categorías que veréis en el menú izquierdo del portal encontraréis módulos para:

• Gestión de idiomas de la página
• Relojes
• Festividades
• Chat
• Videoconferencia
• Formularios
• Comunidades de usuarios
• Tiendas virtuales
• Multimedia
• Presentaciones dinámicas de imágenes
• Juegos
• Etc., etc...

Recomiendo navegar por el sitio e instalar los componentes que os resulten interesantes para vuestro proyecto web.

Foros de debate

El último componente que veremos, y con el que completaremos todas las funcionalidades del portal web de referencia de Segunda Familia, va a ser el de un foro de debate, disusión u opinión.

Si buscáis componentes para foros en Joomla veréis una gran cantidad de soluciones. La que me ha parecido más estable y sencilla de instalar es Fireboard.

Existe una instalación directa en español que podéis conseguir desde esta dirección.

Pero seguid estos pasos para la completa y correcta configuración del componente:

• Instalar el fichero (sin descomprimir, como siempre) desde 'Extensiones -> Instalar/Desinstalar'.
• Accedéis al panel principal del componente desde 'Componentes -> Fireboard Forum'
• Veréis que os da 2 opciones para terminar la instalación. No recuerdo exactamente qué pregunta. Pulsáis la opción superior. Responderá que la instalación ha sido completada
• Desde el Panel de control del foro, pulsáis 'Configuración del foro' y se extenderá un submenú en el menú de la izquierda
• Vais a 'Seguridad' y ponéis 'Leer y escribir público' a 'Sí'
• Para dar de alta los temas de debate, pulsad en el Panel de control del foro, sobre 'Administración del foro'
• Surge un listado de categorías. La idea es que una categoría de primer nivel es un foro de debate, y una categoría de segundo nivel (a la que le digáis que su padre es otra categoría), es ya un tema de discusión. Si no creáis un par de categorías anidadas, el foro no funcionará correctamente en la web
• Por si acaso (no estoy seguro de esto), ponéis el campo 'Nivel de acceso público:' de cada categoría como todos los usuarios
• Para hacer el foro visible a los usuarios de la web, falta crear un ítem de menú del tipo 'Fireboard Forum' que lo enlazará al foro

Libros de visitas

Los libros de visitas que hace unos años eran muy comunes, han ido desapareciendo de los desarrollos web más recientes en favor de los foros de opinión y, sobretodo, de la posibilidad de comentar los artículos por parte de los usuarios.

A pesar de ello, y dada su simplicidad, hemos visto en clase una opción de libro de visitas. Al igual que una de las galerçías fotográficas, el portal Phoca ofrece también un componente para llevar a cabo esta función. Se pueden obtener los ficheros de instalación e idioma desde la sección correspondiente.

Como siempre, instalaremos el componente primero y después el fichero del idioma. En mi caso concreto y en el de algunos alumnos, la instalación de este segundo fichero de idioma ha dado problemas. Al tratarse de un componente bastante sencillo, es algo que no va a importar para configurarlo y utilizarlo.

Veremos que en el back end se ha instalado en 'Componentes' -> 'Phoca Guestbook'. La idea es que se pueden crear tantos libros de visita como queramos.

La visualización al usuario se realiza desde los menús. Creando un nuevo ítem de menú, allá donde deseemos enlazar a un libro de visitas, surge una nueva opción de enlace llamada 'Phoa Guestbook'. El formulario de edición del ítem de menú pide en la columna derecha que se seleccione el libro a enlazar.

Cuando estamos en el Panel principal del componente, en la esquina superior derecha podemos configurar algunas opciones interesantes desde 'Preferencias'. Una de estas opciones es 'Display Form', lo cual permite ocultar el formulario del libro que se hace visible al pulsar en el enlace.

Very Simple Gallery

'Very simple gallery' es una galería fotográfica que me ha gustado mucho por su sencillez de gestión en la administración y porque se pueden incluir las galerías dentro de los artículos, cosa que las dos anteriores no lo permiten (creo).

Encontraréis la página de desarrollo de este componente en esta dirección. El fichero del componente se halla en esa misma página más abajo. Si pulsáis en la sección Howto Plugin en el menú de la izquierda veréis el proceso detallado de instalación y uso.

Un resumen de su funcionamiento sería el siguiente:

1. Se descarga el fichero de la web
2. Se instala desde 'Extensiones' -> 'Instalar/Desinstalar'
3. Se activa el Plugin desde el 'Gestor de plugins'. Se llama exactamente 'Very Simple Image Gallery Plugin'
4. Se pueden retocar opciones de configuración en el formulario de edición del plugin, como tamaño de las miniaturas (thumbnails), posición de éstas respecto de la foto grande y cnatidad de compresión
5. ¿Y cómo se crean las galerías? Pues desde el 'Gestor multimedia' creamos subdirectorios dentro del directorio 'stories' con el nombre de nuestras galerías. Por ejemplo: galeria1, fotosviajeverano, fotoscarpa,...
6. Subimos a estos subdirecotrios las fotos correspondientes de cada galería
7. ¿Y cómo se visualizan? Pues en el formulario de edición del artículo donde queremos insertar la galería escribimos el siguiente código: {vsig}nombregaleria{/vsig}. En los ejemplos anteriores, sería: {vsig}galeria1{/vsig} o {vsig}fotosviajeverano{/vsig} o {vsig}fotoscarpa{/vsig}
   

Galerías de fotos

En el portal de extensiones de Joomla! existen 34 opciones de galerías fotográficas. Algunas no serán válidas para la versión 1.5 que estamos utilizando de Joomla!, otras serán de pago, y otras se ofrecerán de forma gratuita.

Entre ellas están JoomGallery y Phoca Gallery. Para conseguir estos componentes se localizarían sus protales correspondientes y se descargarían las últimas versiones, así como el fichero de traducción. En el caso de JoomGallery desde aquí el componente y el idioma español, y en el caso de Phoca desde aquí se puede conseguir todo.

Se trataría de instalar ambos componentes, probarlos y decidir por el que mejor se adapte al objetivo.

Mapa de ubicación dinámico con Google Maps

Google Maps es una herramienta de cartografía para tecnología web que se ha hecho muy popular. A día de hoy es imprescindible utilizarlo para la sección de 'Contacto' o 'Cómo llegar' de cualquier sitio web. Un ejemplo de cómo se hacían anteriormente las cosas sería el plano de acceso al Instituto de Agrobiotecnología de la UPNA. Mientras que si utilizamos los mapas interactivos de Google Maps obtenemos un resultado en nuestra página como el del acceso al Centro de Innovación Tecnológica de Automoción de Navarra.

Estos días pasados además se ha producido la activación de Google Street View sobre su plataforma Maps en Pamplona (ver noticia). Con esta aplicación podemos hacer un zoom sobre los mapas hasta ver detalles fotográficos a nivel de calle e ir desplazándonos por la misma.

Para utilizar esta herramienta en nuestro sitio Joomla! existe el plugin GoogleMaps que se puede descargar desde aquí. Tras su instalación es necesario activar el componente desde 'Gestor de plugins' -> 'Google Maps' -> Publicado: Si (en la columna de la izquierda) y Published: Si (en la columna de la derecha).

Para visualizar un mapa en un artículo hay que escribir el código siguiente en el editor web. Con cuidado de evitar retornos de línea, y de incluir las llaves que contienen el código:

{mosmap width='500'|height='400'|lat='52.052312'|lon='4.447141'|zoom='3'|zoomType='Large'|zoomNew='0'|mapType='Satellite'|showMaptype='1'|overview='0'|text='sv DWO'|lang=''}

Los valores 'lat' y 'lon' son las coordenadas del punto en el que se centrará el mapa. Los de la UPNA son por ejemplo: 42.800208,-1.636473. Los valores 'width' y 'height' son las dimensiones del mapa. Si sustituís 'Satellite' por 'Map' se mostrará en formato mapa en vez de imagen de satélite.

Una forma sencilla de localizar las coordenadas exactas de la ubicación deseada es utilizar Google Maps, acercarse al punto deseado, pulsar con el botón derecho del ratón, clic en '¿Qué hay aquí?', y se muestran las coordenadas exactas en el campo de búsqueda (arriba a la izquierda).

El valor de 'text' en el código anterior es el texto que se muestra en el cuadro que se abre al pulsar el puntero.

Agenda de Eventos

La agenda de eventos que hemos visto en clase ha sido JEvents. Este componente dispone de una página web en www.jevents.net. Se trata de la misma agenda de eventos que podemos ver en el sitio web de referencia de Segunda Familia.

Instalación:

Los ficheros principales se descargan desde la propia home del sitio del componente. Hay que desacargar desde los siguientes enlaces:

1. '...main component...' para el componente base con el que se gestionan los eventos en el back-end.
2. 'Mini-Calendar Module' nos instala en el gestor de módulos la posibilidad de insertar el calendario como un bloque o módulo en nuestra web.
3. 'Translations' -> 'Spanish translations' -> 'Download' trae la traducción al español del componente.

La instalación en Joomla! se realiza desde 'Extensoiones' -> 'Instalar/Desinstalar', instalando los ficheros comprimidos en el orden anterior.

Uso:

Siguiendo la filosofía general de Joomla! la gestión de los eventos y su porganización se lleva a cabo desde el back-end. JEvents dispone también una gran cantidad de opciones de configuración para adaptarse a nuestras necesidades.

Para la visualización de los eventos existen dos posibilidades. Activar el módulo del mini-calendario, o enlazar desde un ítem de menú a diferentes posibilidades de listados de eventos (anuales, mensuales, semanales, los próximos, etc).

Otras opciones:

Existe otra extensión para crear agendas de eventos en Joomla! más refinada desde el punto de vista del diseño, y con alguna fubcionalidad más. Se trata de JCalPro (ver demo) pero no es gratuita como en el caso anterior. No es posible instalarla y probarla sin registrarse en su sistema y comprando la licencia (que además es anual).

Los Módulos básicos de Joomla!

Hasta ahora hemos utilizado el Gestor de módulos para visualizar y situar bloques de menús, acceso o login, encuestas y banners. Sin embargo la idea inherente de ver un módulo como un bloque en la estructura visual de nuestro sitio, nos permite dar las siguentes funcionalidades extra al gestor de módulos:

1. Acceder
2. Artículos relacionados
3. Banner
4. Marco (Wrapper) 
5. Buscar
6. Menú 
7. Contenido archivado
8. Personalizar HTML 
9. Contenido más leído
10. Presentación de la suscripción 
11. Encuesta
12. Quién está en línea 
13. Estadísticas
14. Ruta de acceso 
15. Flash de noticias
16. Secciones 
17. Footer (pie de página)
18. Sindicación 
19. Imagen aleatoria
20. Últimas noticias

Se recomienda practicar con todos ellos, principalmente con los módulos 'Personalizar HTML' y 'Ruta de acceso', por su importancia y flexibilidad.

Los Componentes

En el menú 'Componentes' del back-end de Joomla! encontramos las siguientes nuevas funciones:

1. Banner: permite la gestión de espacios publicitarios. Cada espacio es un bloque de un determinado tamaño que se sitúa en nuestra página, y cada banner puede ser una imagen, un fichero flash o incluso una porción de texto o HTML. Internamente se organizan por Clientes y Categorías; y lógicamente, se visualizan (dada su naturaleza de bloque) desde el 'Gestor de módulos'.
2. Buscar: Se trata de un registro de palabras utilizadas en el buscador interno del sitio web. Para activarlo hay que pulsar 'Preferencias' desde el componente, ya que está inactivo por defecto.
3. Contactos: Los contactos se pueden considerar como unas especie de artículo con un formato predeterminado. Se organizan internamente mediante Categorías, y al tratarse de contenido, y no de bloques se enlazan desde los menús, y no desde el Gestor de módulos (Nuevo ítem de menú -> Contactos -> Presentación del contacto de la categoría).
4. Encuestas: Se trata de mini-encuestas que se gestionan desde este componente. Este tipo de funcionalidad se incluye en un lateral como un pequeño bloque, por lo que se visualiza desde el Gestor de módulos.
5. Enlaces web: De naturaleza básica similar a los Contactos, se trata de simples unidades de contenido o artículo especial, por lo que se enlazan desde los Menús, y no desde el Gestor de módulos.

En estos vídeos podéis ver cómo gestionar Encuestas, Banners y Contactos. Aunque la mejor manera de aprender es ir probando vosotros mismos.

Encuestas:

Banners:

Contactos:

Configuración avanzada del formularo de edición de un artículo

En la columna derecha del formulario de edición de un artículo (nuevo o no) observamos una serie de opciones agrupadas en 'Parámetros avanzados' e 'Información de metadatos'.

En el caso de los Parámetros avanzados se trata de opciones y detalles a la hora de visualizar un artículo en la web. La mejor manera de entenderlos es ir modificándolos y viendo el resultado. Se puede incluir la sección, categoría, iconos de imprimir, convertir en PDF, enviar por correo, el autor, el título, etc., etc.

En el caso de la Información de metadatos ya vimos que se trata de información redundante de cada página, sobretodo un título para la página, una descripción y una lista de palabras clave, que no son visibles para el usuario pero que son realmente importantes para los buscadores.

Observaréis que Joomla! da la opción de 'Utilizar el valor global' en la mayoria de las configuraciones de Parámetros avanzados. Estos valores globales se configuran desde 'Contenido' -> 'Gestor de artículos' -> 'Preferencias' (a la derecha, al lado de 'Ayuda')

La página principal

Hasta ahora hemos visto cómo generar y organizar el contenido en Joomla!, y cómo se puede enlazar este contenido desde los menús que proporcionan la navegación en el sitio. Sin embargo, cuando se accede al dominio de cualquier página, nos aparece la portada, o home, o inicio, o la página principal. No hemos pulsado ningún menú para verla.

¿Cómo se gestiona la página de inicio en Joomla!?

Pues bien. La idea principal es que cualquier artículo puede incluirse en la página principal. Al trabajar con el formulario de edición de un artículo existe la opción 'Página principal: Sí, No'. Si activamos varios artículos en la página principal, se verá como un blog: un listado con el título y la entradilla (hasta el 'Leer más') que se puede pulsar para ver el detalle completo del artículo.

Muchas veces queremos una portada con un diseño diferente al resto, más elaborado. En tal caso se podría activar en la portada un sólo artículo, e incluir ese diseño especial mediante el editor web TinyMCE de ese artículo.

3 opciones de configuración básica, casi obligatorias

EDITOR EXTENDIDO

Ya hemos visto en la entrada de edición de contenidos en Joomla! cómo extender el editor TinyMCE para darnos total flexibilidad el editar textos, imágenes, ficheros, formatos, etc. Es recomendable acitvar el editor extendido desde la propia instalación del gestor.

URL's SEMÁNTICAS O AMIGABLES

Otra opción que debería de activarse por defecto con la instalación, son las URL amigables o semánticas. Utilizar direcciones web entendibles por el usuario es un factor importantísimo para los motores de búsqueda. Joomla! no los utiliza por defecto. Ello se consigue desde 'Sitio' -> 'Configuración global' y a la derecha habilitar URLs amigables para motores de búsqueda. Una vez hecho esto comprobar la diferencia en la dirección web de cada página cuando no está activado.

La demostración de la importancia de este factor se puede ver buscando 'segunda familia' en Google. El primer resultado es nuestro sitio de referencia. Si buscamos 'asociacion segunda familia', aparece en tercer lugar, siendo el primero una web con una URL que incluye estos términos: http://www.qype.es/place/preview/es-1105890-asociacion-segunda-familia-huarte

COMPATIBILIZAR VERSIONES

Cuando vayamos instalando nuevas extensiones y plugins a nuestro sitio Joomla! nos ahoraremos más de unos cuantos probloemas y mensajes de error si activamos la opción de compatibilidad entre versiones. En 'Extensiones' -> 'Gestor de plugins' buscamos en la segunda página del listado 'Sistema - Legado' y lo publicamos pulsando en el icono correspondiente.

En definitiva estos tres pasos deberían de activarse al instalar el Joomla! pero al no ser el caso se han de realizar manualmente debido a la importancia que tienen.

Menús con enlaces a Categorías y Secciones

Hasta ahora hemos hecho ítems de menú enlazados a artículos concretos. Si por ejemplo (continuando con nuestro sitio de referencia) pulsamos Noticias en la web www.segundafamilia.com vemos un listado con un resumen previo de varios artículos.

Esta funcionalidad es muy práctica para desarrollar un Blog, o una sección de Noticias, de Novedades, o incluso de Proyectos realizados por una empresa.

La forma de llevar a cabo esta navegación es en el momento en el que creamos un nuevo ítem de menú, cuando nos solicita Seleccionar el tipo de ítem del menú. En la opción Artículos surgen las siguientes posibilidades además de la que hemos utilizado Presentación del artículo:

• Presentación de la categoría blog
• Presentación de la lista de categorías
• Presentación de la sección blog
• Presentación de la sección

Probando a enlazar ítems de menú con estas opciones se puede comprobar el comportamiento exacto de Joomla! en tales casos. En la columna derecha al editar el ítem tenemos varias opciones interesantes en Parámetros - Básico y Parámetros - Avanzados.

Manual de Joomla!

Este documento en formato PDF es el manual que con más frecuencia aparece recomendado en internet: Manual de Usuario de Joomla 1.0 (PDF - 6.2 MB)

Está referido a la versión 1.0 cuando nosotros estamos trabajando con la 1.5, sin embargo es muy recomendable como lectura introductoria a Joomla!

Edición de los contenidos

El editor web que aparece por defecto para la edición de los contenidos de un artículo es el TinyMCE. Joomla! instala otras opciones pero este editor se está convirtiendo en un estándar en estas funciones.

TinyMCE extendido: en primera instancia se instala una versión básica de edición que es más que recomendable extender desde: 'Extensiones' -> 'Gestor de plugins' -> 'Editor - TinyMCE', y en la columna derecha 'Funcionalidad' -> 'Extendido', y 'Guardar' o 'Aplicar'

TinyMCE permite modificar el formato del texto con negrita, cursiva, subrayado, tachado, diferentes alienados, niveles de encabezamiento, índices, subíndices, tipos de fuente, color, color del fondo, etc. Controla formatos de listados numerados o no, y tablas de datos.

También dispone de opciones interesantes para copiar, pegar, deshacer cambios, buscar texto; así como la inserción de imágenes, ficheros multimedia, símbolos, líneas horizontales, etc.

En definitiva se trata de un potente editor de contenidos que proporciona una gran flexibilidad para todo tipo de formatos de textos, y que la mejor manera de controlarlo es ir probando cada una de sus opciones.

EL GESTOR MULTIMEDIA

Dese 'Sitio' -> 'Gestor Multimedia' accedemos a la interfaz de un explorador de archivos con el que gestionamos la subida de todo tipo de ficheros al directorio /images/ del sitio raíz de nuestra web.

Un documento que se suba aquí, se puede enlazar desde el editor TinyMCE como 'images/nombredocumento' (incluyendo la extensión del documento).

Los menús en Joomla!

Tras la creación del contenido (artículos) organizado en secciones y categorías dentro del back-end o administración, hemos visto en clase cómo se crean y gestionan los menús de navegación de la página web. La idea básica para iniciarnos, es que un menú tiene un nombre o título, y uno o varios enlaces y subenlaces. En Joomla! estos enlaces se denominan ítems del menú. Todo ello se lleva a cabo desde el Gestor de menús en la admimistración.

Otra idea o concepto importante, y no muy claro si no se detalla, es que cada menú hay que asociarlo a un bloque para posicionar y visualizar el menú en la página. Estos bloques posicionales se denominan en Joomla! como módulos, y se gestionan desde otra sección del administrador. Al dar de alta un menú se solicita el nombre que se le quiere dar a este bloque o módulo que va a soportarlo en la estructura de la página. SI ESTE CAMPO SE DEJA VACÍO, ¡NO SERÁ POSIBLE VISUALIZAR EL MENÚ!

Tras la correcta creación del menú y sus ítems, la visualización y colocación del menú se realiza desde el Gestor de módulos donde se localiza el nuevo módulo, se edita, se habilita y se selecciona su localización en los principales bloques de la página web.

El siguiente vídeo se aproxima cosiderablemente a los pasos que hemos seguido hasta ahora en clase para gestionar los menús:

Y este documento detalla también la gestión de los menús de Joomla!

Organización de los contenidos: Secciones, Categorías y Atículos

La organización de la información que se utiliza en Joomla! se estructura en tres niveles jerárquicos:

1. Secciones
2. Categorías
3. Artículos

La unidad básica de información es un artículo, que es básicamente una página de contenido que puede incluir texto, imágenes, enlaces, información multimedia, etc. Cada artículo se agrupa en categorías, y estas a su vez en secciones. Podríamos hacer la equivalencia de las secciones y las categorías con carpetas y subcarpetas en un sistema operativo, respectivamente.

Las últimas versions de Joomla! permiten crear artículos sin clasificarlos por categorías. La experiencia muestra que es un opción muy utilizada en la práctica.

El siguiente vídeo detalla todos los pasos en la creación y edición de secciones, categorías y artículos en Joomla! 1.5:

Una idea importante en los pasos inciales de introducción de Joomla!, es que esta es una organización interna de la información y en principio no está relacionada con los menús de navegación que se crean a posteriori. Esta idea resulta en ocasiones algo confusa, pero una vez asimilada, uno se da cuenta de la flexibilidad que proporciona.

Las plantillas de diseño

En las siguientes URLs encontraréis plantillas de diseño de Joomla! gratuitas:

1. http://www.joomlademo.de/
2. http://www.joomlaos.de/
3. http://www.joomlashack.com/
4. http://www.joomla24.com/
5. http://www.joomlart.com/

Para la instalación seguimos los siguientes pasos:

1. Nos descargamos el fichero de la plantilla. Generalmente es un .zip
2. En el back-end de Joomla! vamos a 'Extensiones' -> 'Instalar/Desinstalar'
3. En 'Subir paquete' seleccionamos el fichero y pulsamos 'Subir Archivo & Instalar'
4. Saldrá un mensaje de instalación exitosa
5. Vamos a 'Extensiones' -> 'Gestión de plantillas'
6. Seleccionamos la que queremos activar y pulsamos 'Predeterminado'
7. Refrescando nuestro sitio (pulsando F5) veremos el cambio visual

Copiar el portal completo en una memoria USB

Los ordenadores del aula donde se imparte la asignatura, se suelen formatear bastante a menudo. Como todo el trabajo que desarrollamos en nuestra página web se almacena en la base de datos, lo perderíamos como causa de este formateao. Tampoco es posible llevarnos las tablas de la base de datos con la información.
El proceso de realización de las copias de seguridad en la memoria USB será el siguiente:

1. Doble clic en el icono naranja del pie de la ventana para abrir XAMPP Control
2. STOP - STOP - EXIT
3. Entramos al direcotrio D:\xampplite donde está nuestro servidor web, la base de datos y nuestro(s) portal(es) Joomla.
4. Seleccionamos todos los ficheros. Tened cuidado de borrar o de no seleccionar el fichero comprimido del día pasado.
5. Los comprimimos en un sólo fichero. Por defecto lo llamará xampplite.zip (creo)
6. Guardamos en la memoria USB este fichero

Cuando volvamos al día siguiente y si han formateado los ordenadores, podremos recuperar todo sin necesidad de instalarlo desde el principio. Para ello:

1. Creamos la carpeta D:\xampplite
2. Descomprimimos en esta carpeta el fichero que creamos el día anterior
3. Desde D:\xampplite\ ejecutamos setup_xampp.bat
4. Si en la pantalla que surge nos pregunta (en inglés) si queremos actualizar la configuración, pulsamos '1' e 'Intro'
5. Desde D:\xampplite\ ejecutamos xampp-control.exe. Pulsamos 'Start' en Apache y en MySQL
6. Accedemos a nuestra página http://localhost/joomla1 o http://localhost/joomla2/

Instalación de Joomla!

La última clase vimos la plataforma sobre la que se ejecuta el gestor web Joomla1. Se vio la necesidad de utlizar un servidor web y una base de datos. Se mencionó el paquete XAMPP que instala estos bloques de manera local.

A continuación se detallan los pasos a seguir para una correcta instalación de Joomla! Se aconseja utilizar los mismos nombres y directorios que se indican para evitar confusiones posteriores.

1. Partimos de que el alumno dispone los ficheros de instalación:
   - xampplite-win32-1.7.1.zip: para el servidor web Apache y la base de datos MySQL
   - Joomla_1.5.14-Spanish-pack_completo.zip: para instalar Joomla!
2. En caso de no disponer de los mismos, pedirlo a algún compañero o solicitar al profesor que los copie en la carpeta compartida
3. Extraer los ficheros de xampplite-win32-1.7.1.zip a D:\
4. Observar que se crea el directorio D:\xampplite\
5. Desde D:\xampplite\ ejecutar setup_xampp.bat. Con esto se configura el servidor web. Seguir las instrucciones hasta que indique 'Pulsar una tecla para continuar'
6. Desde D:\xampplite\ ejecutar xampp-control.exe. Pulsar 'Start' en Apache y en MySQL
7. En este punto se ha instalado un servidor web y base de datos en el ordenador. Se puede comprobar escribiendo la URL http://localhost/ en un navegador
8. El directorio raíz del servidor web es D:\xampplite\htdocs\. Instalaremos Joomla! en un subdirectorio del mismo
9. Crear el subdirectorio D:\xampplite\htdocs\joomla1\
10. Extraer los ficheros de Joomla_1.5.14-Spanish-pack_completo.zip a D:\xampplite\htdocs\joomla1\
11. Acceder a la URL http://localhost/joomla1/ desde un navegador web
12. Selecciona Spanish y pulsar Siguiente
13. En la segunda pantalla, pulsar Siguiente
14. En la Licencia, Siguiente
15. En la configuración de la base de datos:
    - Nombre del servidor: localhost
    - Nombre de usuario: root
    - Contraseña: (delar vacío)
    - Nombre de la base de datos: joomla1
    - Pulsar Siguiente
16. En Configuración FTP: pulsar siguiente
17. En Configuración Principal:
    - Nombre del sitio: (Opcional, aunque obligatorio) Mi sitio web Joomla1!
    - Correo electrónico: ponéis vuestro correo
    - Contraseñadel admin: admin (para poner todos el mismo, por ahora)
    - Pulsar Instalar datos de ejemplo predeterminados
    - Siguiente
18. Borrar (o renombrar) el directorio: D:\xampplite\htdocs\joomla1\installation
19. Ver el portal instalado en http://localhost/joomla1/
20. El acceso a la administración del portal se realiza desde http://localhost/joomla1/administrator/
    - Usuario 'admin
    - Contraseña 'admin'

Como ejercicio instalar una segunda versión en un directorio joomla2 (http://localhost/joomla2/) sin los datos de ejemplo predeterminados. Para ello repetís los pasos a partir del punto 9 sustituyendo 'joomla1' por 'joomla2', y sin instalar datos de ejemplo del punto 17.

En internet hay una cantidad enorme de información y tutoriales sobre posibilidades de instalación de Joomla! en un ordenador de manera local. A modo de ejemplo este vídeo en Youtube donde realizan una instalación similar a la que hemos llevado a cabo en clase.

Noticia interesante en la portada de la web de la UPNA

Recientemente ha aparecido una noticia en la portada de la web de la UPNA relacionada con el tema de la asignatura. Informan sobre el desarrollo de un portal web de una ONG como proyecto final de carrera de un alumno. La dirección del sitio es http://www.segundafamilia.com/.

Un primer vistazo al código fuente de la página muestra una línea de metadatos que dice:

meta name="generator" content="Joomla! 1.5 - Open Source Content Management"

cuyo significado obvio es que la plataforma utilizada para el desarrollo de la página es el gestor de contenidos de código abierto Joomla!, en su última versión 1.5.

Unas líneas más abajo, en los enlaces a las hojas de estilos de la página, se distingue:

link rel="stylesheet" href="http://www.segundafamilia.com/templates/ja_purity/css/template.css" type="text/css"

de donde se confirma la utilización de una plantilla de diseño llamada ja_purity.

La navegación a través del contenido y funcionalidades del sitio muestra la utilización de al menos los siguientes módulos de Joomla!:

• Noticias
• Enlaces de interés
• Libro de visitas
• Encuestas
• Zona privada
• Gestión de banners
• Formulario personalizado
• Agenda de eventos y actividades
• Álbum de fotos
• Galería de vídeos
• Foro de debate

Teniendo en cuenta que este proyecto se ha llevado a cabo en la UPNA utilizando el CMS en el que se basa la asignatura, podemos tomar este sitio web como referencia para la asingatura (al menos inicialmente).

Presentación de la asignatura

Al tratarse del primer curso que se imparte la asignatura no he tenido opción de reservar un aula con las plazas suficientes para todos los días. El aula 016 es la que menos problemas presentaba. Los siguientes días no será posible impartir la asignatura:

6 de octubre, martes
24 de noviembre, martes
15 de diciembre, martes

Existe reserva por parte de otro profesor en algunos otros días pero es probable que podamos intercambiar con el aula 017.



Este primer día hemos realizado la presentación de la asignatura. Se ha comentado la naturaleza totalmente práctica de la misma. El profesor introducirá los módulos al inicio de la clase, y se dejará el resto para practicar con los mismos. Se menciona las posibilidades que ofrece una comunidad de software libre para aquellos que quieran investigar sus propias soluciones.

La evaluación final se llevará a cabo en los últimos días de clase donde se expondrá un portal realizado en base a los módulos practicados, o los que el alumno aplique libremente.

Como introducción a la gestión de contenidos web nos hemos registrado en un blog y lo hemos configurado. Se han publicado entradas y moderado comentarios. La herramienta utilizada ha sido Blogger de Google. Se menciona también Wordpress por la opción de instalación local que permite.

Finalmente, recordar la necesidad de utilizar memorias extraíbles debido a la periodicidad del formateo de los ordenadores.