web202011.wikispaces.comweb202011.wikispaces.com/file/view/Manual+Técnico+_v1.3... · Web viewEn...

24
MANUAL TÉCNICO de la web Centros Cívicos de

Transcript of web202011.wikispaces.comweb202011.wikispaces.com/file/view/Manual+Técnico+_v1.3... · Web viewEn...

Page 1: web202011.wikispaces.comweb202011.wikispaces.com/file/view/Manual+Técnico+_v1.3... · Web viewEn esta ocasión se ha elegido Apache como servidor en lugar de Microsoft IIS 7, en

MANUAL TÉCNICOde la web

Centros Cívicos

de Getafe

Page 2: web202011.wikispaces.comweb202011.wikispaces.com/file/view/Manual+Técnico+_v1.3... · Web viewEn esta ocasión se ha elegido Apache como servidor en lugar de Microsoft IIS 7, en

centroscivicos.getafe.es

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/2012http://centroscivicos.getafe.es

Manual Técnico

Page 3: web202011.wikispaces.comweb202011.wikispaces.com/file/view/Manual+Técnico+_v1.3... · Web viewEn esta ocasión se ha elegido Apache como servidor en lugar de Microsoft IIS 7, en

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

Manual Técnico

Page 4: web202011.wikispaces.comweb202011.wikispaces.com/file/view/Manual+Técnico+_v1.3... · Web viewEn esta ocasión se ha elegido Apache como servidor en lugar de Microsoft IIS 7, en

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

Apache(with mod_mysql, mod_xml,and mod_zlib)

2.x + 2.x + http://www.apache.org

Microsoft IIS 7 7 http://www.iis.net

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.

Manual Técnico

Page 5: web202011.wikispaces.comweb202011.wikispaces.com/file/view/Manual+Técnico+_v1.3... · Web viewEn esta ocasión se ha elegido Apache como servidor en lugar de Microsoft IIS 7, en

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.

Manual Técnico

Page 6: web202011.wikispaces.comweb202011.wikispaces.com/file/view/Manual+Técnico+_v1.3... · Web viewEn esta ocasión se ha elegido Apache como servidor en lugar de Microsoft IIS 7, en

centroscivicos.getafe.es

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.

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.

Manual Técnico

Page 7: web202011.wikispaces.comweb202011.wikispaces.com/file/view/Manual+Técnico+_v1.3... · Web viewEn esta ocasión se ha elegido Apache como servidor en lugar de Microsoft IIS 7, en

centroscivicos.getafe.es

Manual Técnico

Page 8: web202011.wikispaces.comweb202011.wikispaces.com/file/view/Manual+Técnico+_v1.3... · Web viewEn esta ocasión se ha elegido Apache como servidor en lugar de Microsoft IIS 7, en

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.

Manual Técnico

Page 9: web202011.wikispaces.comweb202011.wikispaces.com/file/view/Manual+Técnico+_v1.3... · Web viewEn esta ocasión se ha elegido Apache como servidor en lugar de Microsoft IIS 7, en

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.21o PHP 5.3.10o MySql 5.5.20o 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.

Manual Técnico

Page 10: web202011.wikispaces.comweb202011.wikispaces.com/file/view/Manual+Técnico+_v1.3... · Web viewEn esta ocasión se ha elegido Apache como servidor en lugar de Microsoft IIS 7, en

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.

Manual Técnico

Page 11: web202011.wikispaces.comweb202011.wikispaces.com/file/view/Manual+Técnico+_v1.3... · Web viewEn esta ocasión se ha elegido Apache como servidor en lugar de Microsoft IIS 7, en

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.

Manual Técnico

Page 12: web202011.wikispaces.comweb202011.wikispaces.com/file/view/Manual+Técnico+_v1.3... · Web viewEn esta ocasión se ha elegido Apache como servidor en lugar de Microsoft IIS 7, en

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

Manual Técnico

Page 13: web202011.wikispaces.comweb202011.wikispaces.com/file/view/Manual+Técnico+_v1.3... · Web viewEn esta ocasión se ha elegido Apache como servidor en lugar de Microsoft IIS 7, en

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

Manual Técnico

Page 14: web202011.wikispaces.comweb202011.wikispaces.com/file/view/Manual+Técnico+_v1.3... · Web viewEn esta ocasión se ha elegido Apache como servidor en lugar de Microsoft IIS 7, en

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.

Manual Técnico

Page 15: web202011.wikispaces.comweb202011.wikispaces.com/file/view/Manual+Técnico+_v1.3... · Web viewEn esta ocasión se ha elegido Apache como servidor en lugar de Microsoft IIS 7, en

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.

Manual Técnico

Page 16: web202011.wikispaces.comweb202011.wikispaces.com/file/view/Manual+Técnico+_v1.3... · Web viewEn esta ocasión se ha elegido Apache como servidor en lugar de Microsoft IIS 7, en

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.

Manual Técnico

Page 17: web202011.wikispaces.comweb202011.wikispaces.com/file/view/Manual+Técnico+_v1.3... · Web viewEn esta ocasión se ha elegido Apache como servidor en lugar de Microsoft IIS 7, en

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/

Manual Técnico