MANUAL TÉCNICO de la web Centros Cívicos de Getafe Casa de Oficios Diseño web y multimedia 2.0 para el desarrollo de redes sociales Agencia Local de Empleo y Formación (ALEF) Ayuntamiento de Getafe Versión 1.3 11/05/2012 http://centroscivicos.getafe.es centroscivicos.getafe.es ÍNDICE Introducción ......................................................................................................................... 3 El servidor web, la base de datos y el gestor de contenidos Joomla! ..................................... 3 El hosting ......................................................................................................................... 4 La plantilla ........................................................................................................................ 6 Software y configuración ....................................................................................................... 7 Software ........................................................................................................................... 7 Configuración .................................................................................................................... 7 Instalación inicial .................................................................................................................. 8 Instalación de Joomla! 2.5 ................................................................................................. 8 Instalación de extensiones ................................................................................................. 9 Instalación de la plantilla de los centros cívicos ................................................................... 9 Correo Electrónico Centros Cívicos ....................................................................................... 10 Copia de Seguridad ............................................................................................................. 11 Archivos y carpetas ......................................................................................................... 11 La base de datos ............................................................................................................. 12 Enlaces de interés............................................................................................................... 15 2 Manual Técnico centroscivicos.getafe.es INTRODUCCIÓN La página web de los Centros Cívicos de Getafe ha sido desarrollada en el año 2012 por los alumnos-trabajadores de la Casa de Oficios (CO) Diseño web y multimedia 2.0 para el desarrollo de redes sociales de la Agencia Local de Empleo y Formación del Ayuntamiento de Getafe (ALEF). La web ha sido desarrollada sobre Joomla! 2.5 utilizando una plantilla diseñada por los alumnos y una serie de extensiones gratuitas de la comunidad Joomla! lo que la convierte en una página muy flexible, fácil de gestionar y alimentar de contenidos por usuarios sin conocimientos avanzados. El alcance de este documento es enseñar a los administradores de sistemas a mantener, reinstalar o mover el sitio a otra ubicación de manera que el departamento de sistemas de los centros cívicos sea autosuficientes para gestionar la página. EL SERVIDOR WEB, LA BASE DE DATOS Y EL GESTOR DE CONTENIDOS JOOMLA! La web de los centros cívicos de Getafe está creada sobre el gestor de contenidos Joomla! 2.5. Los requisitos técnicos para el funcionamiento apropiado de Joomla! 2.5 son: PHP 5.3 + 5.2.4 + http://www.php.net MySQL 5.0.4 + 5.0.4 + http://www.mysql.com 2.x + 2.x + http://www.apache.org 7 7 http://www.iis.net Apache (with mod_mysql, mod_xml, and mod_zlib) Microsoft IIS En esta ocasión se ha elegido Apache como servidor en lugar de Microsoft IIS 7, en Windows Server 2008 será necesario, por tanto, desactivar éste previamente. 3 Manual Técnico centroscivicos.getafe.es EL HOSTING Actualmente el servidor se encuentra alojado dentro de una máquina virtual que funciona sobre una máquina física, esto es así para simplificar los futuros traslados físicos del hosting. LA MÁQUINA FÍSICA La máquina física está bajo el control y mantenimiento de la empresa encargada de los sistemas informáticos de la Agencia Local de Empleo y Formación, en adelante, ALEF. El nombre de la citada empresa es CISET y su email de contacto es [email protected]. Es conveniente enviar el correo a CISET desde la dirección de correo [email protected] LA MÁQUINA VIRTUAL – CONEXIÓN REMOTA Máquina virtual Oracle VM Virtualbox 4.1.8: Sistema Operativo: Windows server 2008 R2 standard SP1 64b con 2GB RAM Nombre: CENTROSCIVICOS Conexión remota (RDP): 217.172.64.149:3390 Usuario: [VER ANEXO] Contraseña: [VER ANEXO] Desde Windows podemos utilizar para la conexión remota el programa preinstalado. Menú Inicio Todos los programas Accesorios Conexión a Escritorio Remoto En la ventana que se abre (que podemos ver en la imagen superior de la derecha) tenemos un botón de Opciones desde el que podremos indicar que conecte una unidad de disco de nuestro equipo con el remoto de forma que podamos traernos los archivos necesarios. 4 Manual Técnico centroscivicos.getafe.es Al pulsar el botón de Opciones se muestran más opciones debajo y, además, se muestran una serie de pestañas, en la pestaña Recursos locales, en la parte inferior vemos un botón Más, éste abre una nueva ventana donde podemos seleccionar la unidad o unidades que deseamos conectar al equipo remoto. En este momento pulsamos el botón Aceptar de esta última ventana y, posteriormente, el botón Conectar en la ventana anterior. Una vez conectados a la máquina remota, en el explorador de Windows veremos una unidad de disco más con el nombre de nuestro equipo local. Al copiar archivos en ésta unidad los estaremos trayendo al equipo local, por este motivo la velocidad de la copia de archivos será más lenta, dependiendo de la conexión a internet que tengamos. 5 Manual Técnico centroscivicos.getafe.es LA PLANTILLA La página ha sido optimizada para garantizar la experiencia del 95% de los usuarios de España a la fecha de creación de este documento. Para una resolución de 1024x768 no es necesario el scroll horizontal y es notable la posibilidad de scroll vertical y la existencia de más contenido al hacer éste. LOS NAVEGADORES Se ha probado con los navegadores: Internet explorer 8 Mozilla Firefox 3 Google Chrome 18 Maxthon 3 La respuesta de estos hace suponer que no existirán problemas notables en el resto de los navegadores más utilizados garantizando la experiencia a más del 99% de los usuarios. 6 Manual Técnico centroscivicos.getafe.es SOFTWARE Y CONFIGURACIÓN Ha sido necesario realizar, sobre la máquina virtual citada anteriormente, la instalación de ciertos programas así como su configuración para el correcto funcionamiento de la página. El acceso web al servidor, su disponibilidad 24/7 y la seguridad necesaria han sido proporcionados por la empresa CISET. SOFTWARE WampServer 2.2 http://www.wampserver.com que a su vez ha proporcionado: o Apache 2.2.21 o PHP 5.3.10 o MySql 5.5.20 o Phpmyadmin 3.4.10 Joomla! 2.5.4 http://www.joomla.org CONFIGURACIÓN BASE DE DATOS El nombre de la base de datos es joomla_ccg Se le ha añadido el prefijo a todas las tablas utilizadas por joomla: ccg_ o Usuario: [VER ANEXO] o Contraseña: [VER ANEXO] UBICACIÓN DE LOS ARCHIVOS DE LA WEB Todos los archivos se encuentran en el directorio C:\wamp\www Es el directorio por defecto utilizado por la instalación wampserver, se han eliminado los archivos por defecto que ahí se instalan. En la configuración de wampserver no se da por defecto permisos remotos a esta carpeta, será necesario hacerlo manualmente. 7 Manual Técnico centroscivicos.getafe.es INSTALACIÓN INICIAL A continuación explicaremos como realizar una instalación inicial del sitio web suponiendo que el software y la configuración explicada en el apartado anterior ya haya sido realizada por el departamento correspondiente. INSTALACIÓN DE JOOMLA! 2.5 Descargamos la versión de Joomla! 2.5 de la página oficial y descomprimimos el contenido del archivo descargado en el directorio donde deban estar los archivos del sitio web. 8 Manual Técnico centroscivicos.getafe.es Los archivos de la imagen se corresponden con la instalación actual por lo que, en una instalación inicial, habría menos en este punto. Con un navegador de internet accedemos a la dirección URL de la página y aparecerá una página web que nos guiará a través de la instalación. Al finalizar la instalación se habrá creado un archivo llamado configuration.php en el directorio raíz. Si fuera necesario repetir la instalación debemos borrar este archivo, recuperar el directorio installation si lo hemos eliminado durante la instalación, y volver a cargar la URL del sitio, Joomla! empezará de nuevo con la instalación. Es conveniente tener una copia del archivo configuration.php, si fuera necesario una instalación de cero tendremos en él una referencia. Para más información dirigirse a la documentación oficial de Joomla! INSTALACIÓN DE EXTENSIONES Para la realización de la página nos hemos ayudado de ciertas extensiones que será necesario instalar inicialmente desde el gestor de extensiones de Joomla! Mini Front Page _v2.1.3 Xmap _v2.2.1 Addthis _v1.5.5 Googlemap _v2.1.5 INSTALACIÓN DE LA PLANTILLA DE LOS CENTROS CÍVICOS También desde el gestor de extensiones se instala la plantilla de la web de los centros cívicos, es decir, el aspecto del sitio web, utilizando el archivo comprimido de tipo zip. Luego será necesario dirigirse al gestor de plantillas para seleccionar ésta como predeterminada y, posteriormente, dirigirse al gestor de módulos para ubicar cada módulo en la posición correspondiente. 9 Manual Técnico centroscivicos.getafe.es CORREO ELECTRÓNICO CENTROS CÍVICOS Se ha creado una dirección de correo electrónico para los centros cívicos: [email protected] Para poder gestionar este correo debemos acceder desde cualquier navegador de internet a la URL: https://correo.aytogetafe.es/owa En el nombre de usuario debemos incluir también el dominio. Usuario: [VER ANEXO] Contraseña: [VER ANEXO] Microsoft Office Web Access 10 Manual Técnico centroscivicos.getafe.es COPIA DE SEGURIDAD Será necesario realizar copias de seguridad diarias del sitio web para evitar la pérdida de datos. Estas copias pueden hacerse a varios niveles: Copia de toda la máquina física – Este tipo de copias las realizará la empresa o administradores de sistemas que lleven el hosting. Copia de la máquina virtual – Este tipo de copias las realizará la empresa o administradores de sistemas que lleven el hosting. Copia del sitio web – Este es el tipo de copia de seguridad que entra en el alcance del presente documento. Será necesario salvar/restaurar los archivos y carpetas indicados a continuación y, sobretodo, la base de datos. No es recomendable dejar las copias en la misma máquina del servidor, si hubiera un daño físico de ésta se perderían también las copias. ARCHIVOS Y CARPETAS La única carpeta que será necesario salvar/restaurar es la correspondiente al gestor multimedia puesto que contendrá todos los archivos que se hayan ido subiendo a los diferentes artículos. En las rutas indicadas sustituir [JOOMLA] por la carpeta en la que se encuentre nuestro sitio web. [JOOMLA]/images OTROS ARCHIVOS MODIFICADOS DURANTE LA CREACIÓN DEL SITIO WEB Algunos archivos más fueron modificados para la creación de este sitio, sólo será necesario restaurar éstos en caso de instalación desde cero y su copia sólo será necesaria en caso de haber sido modificados (excepto el configuration.php, ese no se restaura, se tiene como referencia). [JOOMLA]/media/system/images/arrow.png [JOOMLA]/modules/mod_aidanews2/css/ccg_destacados.css [JOOMLA]/modules/mod_minifrontpage/themes/default/assets/css/style.css [JOOMLA]/media/editors/tinymce/templates/template_list.js [JOOMLA]/configuration.php 11 Manual Técnico centroscivicos.getafe.es LA BASE DE DATOS Todos los textos de los contenidos, las configuraciones de los módulos, datos de los usuarios, fechas, permisos, …etc. se encuentran en la base de datos, por lo que es de vital importancia realizar copias de ésta también diariamente. En la máquina donde se encuentra instalado el servidor hay una aplicación web para gestionar gráficamente desde un navegador web la base de datos. En la url del navegador pondremos la url http://localhost/phpmyadmin Aunque se trata de una aplicación web, por motivos de seguridad el servidor no permite conectarse a la base de datos desde otro equipo por lo que el navegador web debe abrirse en la misma máquina. Para acceder desde el servidor a una página instalada en él mismo se utiliza la URL localhost En la página que se muestra veremos un menú horizontal con una opción a la derecha Más que despliega un menú con más opciones entre las que se encuentran Exportar e Importar HACER UNA COPIA DE SEGURIDAD - EXPORTAR Al pulsar en Exportar veremos una página con las opciones de exportación. Al marcar la opción personalizado se muestran más opciones de las cuales solo tenemos que preocuparnos de dos. 12 Manual Técnico centroscivicos.getafe.es Debemos seleccionar solo la base de datos de la web joomla_ccg Marcamos la opción Agregar sentencia DROP DATABASE Finalmente pulsamos el botón Continuar y se descarga un archivo localhost.sql con toda la información de la base de datos de la web que será el que guardemos. 13 Manual Técnico centroscivicos.getafe.es RECUPERAR UNA COPIA DE SEGURIDAD - IMPORTAR Al pulsar en Importar veremos una página con las opciones de importación. En ésta será necesario pulsar en el botón examinar y seleccionar el archivo localhost.sql de la copia de seguridad que queremos restaurar. Al final de la página vemos de nuevo el botón Continuar. Inmediatamente después, en la parte superior de la página veremos durante un breve periodo de tiempo un mensaje de carga. Cuando la carga se haya realizado, también en la parte superior de la página, veremos el mensaje con el resultado del proceso. 14 Manual Técnico centroscivicos.getafe.es ENLACES DE INTERÉS WEB OFICIAL DE JOOMLA! http://www.joomla.org WEB DE JOOMLA! EN ESPAÑOL http://www.joomlaspanish.com/ 15 Manual Técnico