Download Herramienta de soporte publicitario DocOnline

Herramienta de soporte publicitario DocOnline
MANUAL DE INSTALACIÓN
Índice
Herramienta de soporte publicitario DocOnline ........................................................... 1
MANUAL DE INSTALACIÓN........................................................................................ 1
Índice
2
Plataforma Web
3
A tener en cuenta ....................................................................................................... 3
GLOSARIO DE TÉRMINOS ............................................................................................ 3
WAMP (Software de servidor) ...................................................................................... 4
Aplicación
5
Instalación segura ....................................................................................................... 5
Instalación experta...................................................................................................... 5
Dudas, Soporte y Preguntas ........................................................................................ 10
Plataforma Web
Esta plataforma Web basada en software libre (PHP 5.2, MySQL y Apache), tiene
como núcleo de desarrollo el CMS libre WordPress debido a la robustez así como a su amplia
comunidad, lo cual garantiza tanto el mantenimiento como el crecimiento modular de la misma
sin dependencia de ningún proveedor.
A tener en cuenta
Para poder otorgar de una gran potencia y escalabilidad a la aplicación, se han
utilizado para su desarrollo los modelos actualmente más potentes de metodologías de
desarrollo así como sus librerías asociadas. Es recomendable utilizar el mismo modelo cuando
se realicen modificaciones o mejoras en el código, debería seguir el mismo modelo. Dicho
modelo está indicado en el propio código fuente.
Esta aplicación es una herramienta configurable que permite personalizar tanto el
contenido como gran número de funciones a las necesidades del cliente final.
GLOSARIO DE TÉRMINOS

Servidor (hardware): Máquina encargada de alojar el servidor (software) que ha de
cumplir los siguientes puntos:
 Red abierta a internet con el puerto 80.
 IP estática o en su defecto una forma de asociar una DNS fija a una IP dinámica.
 Seguridad de acceso.
 Se recomienda el uso de hosting externo si se desea mantener una copia de
seguridad remota de los documentos.

Servidor (software): Conjunto de aplicaciones que permitirán instalar la plataforma
Web. Con el código de la aplicación adjuntamos un instalador libre (WAMP) orientado a
plataformas Windows x32. No es obligatorio instalar esta plataforma ya que lo más habitual y
económico para el cliente es contratar un hospedaje (hosting) compartido en empresas
especializadas.

WordPress: Aplicación libre que en sus orígenes estaba orientada a Blogs, hoy en día
es un potente CMS que sirve como núcleo para aplicaciones más potentes.

Plugin: Módulo desarrollado para personalizar y dar prestaciones a una instalación
base, en nuestro caso de WordPress.

Theme: Tema gráfico y funcional que dará forma y permitirá gestionar la aplicación por
internet. Es la interfaz que usarán los usuarios.
WAMP (Software de servidor)
En caso de que esta aplicación se vaya a instalar en un hosting remoto (recomendado)
se puede saltar este punto.
El WAMP es un programa que instala el software necesario para utilizar una máquina
Windows x32 como servidor de aplicaciones Web. Estos programas son:

Apache

PHP

MySQL
La instalación es auto guiada y no tiene dificultad, pero su correcto funcionamiento
depende de la configuración de su equipo. Hay que asegurarse tener acceso a la red pública,
el puerto 80 abierto y que tanto el firewall como el antivirus no bloquee ninguna de las
aplicaciones instaladas.
Una vez instalada hay que configurar un par de opciones para nuestro caso particular.
Mientras el programa esté ejecutado (ya sea porque se ha instalado como servicio o al ejecutar
el wamp.exe que habrá generado la instalación) se podrá ver un icono del WAMP en la zona
inferior derecha de nuestra pantalla. Al hacer click tendremos varias opciones. Lo primero que
hay que hacer es activar la extensión openssl de PHP, para ello al pinchar en el icono se va a
la carpeta PHP y de ahí se a extensiones. Se marca php_openssl y ya la tenemos preparada.
Lo siguiente es activar el módulo de reescritura de Apache. El proceso es similar al
anterior pero con las siguientes opciones: Apache > apache modules > rewrite_module.
Una vez activados se reinician los servicios: Restart All Services.
Para poder acceder a la base de datos se hace click en: phpMyAdmin
Aplicación
Instalación segura
Tras la instalación previa de wamp, que nos habrá habilitado tanto el servidor
Apache como el MySQL, procederemos a la instalación de la aplicación.
Creamos la base de datos con el nombre, usuario y password que
consideremos (por ejemplo ataedb, ataeAdmin y adminAtae). Volcamos sobre dicha
base de datos vacía los datos del script sql: adeada.sql.
Copiamos los archivos fuente en la raíz de wamp (normalmente en la carpeta
www).
Cambiamos en wp-config.php los datos de acceso a la base de datos por los
que hubiésemos usado en la creación de la base de datos.
Una vez volcados los datos y antes de comenzar la aplicación, se ha de
cambiar unos valores de base de datos (ya sea mediante una update o antes del
volcado en el propio adeada.sql). Estos datos se corresponden con los “option_value”
correspondientes en la tabla “wp_options” a los “option_name” home y site_url. En
ambos casos los sustituiremos por los correspondientes a nuestro servidor apache (por
ejemplo: http://NUESTRA_IP/adeada).
Se puede replicar a futuro como copias de seguridad o reinstalaciones
partiendo de una configuración de la aplicación deseada, para ello se hace una
exportación de la base de datos actual y se guarda como el caso de adeada.sql.
El usuario ROOT de la aplicación con esta instalación es: doAdmin – adminDo.
Instalación experta
Con este modo se instalará paso a paso la base, los plugins y el tema de nuestra
aplicación.
Instalar la base
Lo primero que hay que hacer es acceder a la base de datos MySQL y crear una
base de datos UTF-8 con el nombre que se desee (minúsculas sin acentos ni ñ), para
ello en WAMP se accede a phpMyAdmin y una vez dentro en la parte de Crear Base de
Datos se indica el nombre y se da aceptar. En otros servidores consultar con el
responsable técnico.
Se descomprime el fichero wordpress-3.2.1-es_ES.zip en la carpeta que corresponda
en el servidor (con WAMP es www directory, en otros casos consultar al contacto
técnico). Una vez descomprimida se cambia el fichero wp-config-sample.php por wpconfig.php y se edita. Dentro debemos indicar el servidor de base de datos (localhost
por WAMP, en otros servidores consultar con el responsable técnico), el nombre de la
base de datos creada, el usuario y el password del usuario de la base de datos (el
mismo que ha creado la base de datos).
Ej.
/** Tu nombre de usuario de MySQL */
define('DB_USER', 'root');
/** Tu contraseña de MySQL */
define('DB_PASSWORD', 'password');
/** Host de MySQL (es muy probable que no necesites cambiarlo) */
define('DB_HOST', 'localhost');
Además podremos decidir el idioma por defecto y darle un prefijo diferente por
opciones de seguridad. Para ello asegurarse usaremos los siguientes campos:
/**
* Prefijo de la base de datos de WordPress.
*
* Cambia el prefijo si deseas instalar multiples blogs en una sola base de datos.
* Emplea solo números, letras y guión bajo.
*/
$table_prefix = 'rs_';
/**
* Idioma de WordPress.
*
* Cambia lo siguiente para tener WordPress en tu idioma. El correspondiente archivo MO
* del lenguaje elegido debe encontrarse en wp-content/languages.
* Por ejemplo, instala ca_ES.mo copiándolo a wp-content/languages y define WPLANG como
'ca_ES'
* para traducir WordPress al catalán.
*/
define ('WPLANG', 'es_ES');
El siguiente punto es navegar a la página que corresponda, en caso de WAMP se
hace click en localhost y se navega la carpeta raíz donde se halla instalado la
aplicación, en caso de otros servidores se pone en un navegador el dominio asociado
al servidor.Ej. http://localhost/adeada
Automáticamente se iniciará un instalador auto guiado que al terminar permitirá
navegar al backend. En el caso anterior sería: http://localhost/adeada/wp-admin
Una vez dentro (se entra con el usuario y password indicado en la instalación) se
podrá gestionar tanto el CMS como los módulos instalados.
Instalar plugins y Tema
Los plugins de la carpeta “plugins” de la instalación, se pueden copiar directamente
en “wp-content/plugins” o simplemente se descargan desde el administrador (backend)
de plugins del wordpress. Dichos plugins son:

Wiki-Lite

doconline

El plugin “doconline” se copiará a “wp-content/plugins”
Desde este backend, se activarán dichos plugins pulsando en “Plugins->Activar”.
Hay que tener en cuenta que en caso de modificar los datos de conexión a base de
datos, es necesario modificarlos en el fichero class/datos.class.php que se encuentra
en el plugin ‘doconline’.
const HOST = "localhost";
const BBDD = "ataedb";
const USER = "ataeAdmin";
const PASS = "adminAtae";
Para instalar el tema se accede en el backend a Apariencia > Temas y ahí se
selecciona twentyten-child, se acepta y con eso tendríamos una instalación completa
sin datos específicos. Se crea una página con plantilla ‘doconline’.
Configuración Avanzada, fuentes personalizadas
Para mejorar la experiencia de uso de la aplicación es posible configurar las fuentes
para que se adapten a los casos de usos más generalizados. Estas fuentes se
embeben en el propio PDF por lo que no hay dependencia de las mismas en el
momento de imprimir el documento.
Para poder configurar dichas fuentes primero hay que seleccionar las que se quieren
en el ‘js’ que llama al editor wysiwyg (el cual es tinyMCE). La lista actual de dichas
fuentes es:

Andale Mono=andale mono,times

Arial=arial,helvetica,sans-serif

Arial Black=arial black,avant garde

Book Antiqua=book antiqua,palatino

Comic Sans MS=comic sans ms,sans-serif

Courier New=courier new,courier

Georgia=georgia,palatino

Helvetica=Helvetica

Impact=impact,Chicago

Symbol=symbol

Tahoma=tahoma,arial,helvetica,sans-serif

Terminal=terminal,monaco

Times New Roman=times new roman,times

Trebuchet MS=trebuchet ms,geneva

Verdana=verdana,geneva

Webdings=webdings

Wingdings=wingdings,zapf dingbats
Para poder seleccionar las fuentes deseadas se indicarán en la llamada al tinyMCE
tal como mostramos en el siguiente ejemplo:
theme_advanced_fonts :"Arial=arial,helvetica,sans-serif;"+
"Arial Black=arial black,avant garde;"+
"Book Antiqua=book antiqua,palatino;"+
"Courier New=courier new,courier;"+
"Georgia=georgia,palatino;"+
"Helvetica=helvetica;"+
"Impact=impact,chicago;"+
"Tahoma=tahoma,arial,helvetica,sans-serif;"+
"Times New Roman=times new roman,times;"+
"Trebuchet MS=trebuchet ms,geneva;"+
"Verdana=verdana,geneva;"
Una vez definidas las fuentes que se desean mostrar hay que asegurarnos que se
encuentren en la carpeta del módulo de impresión PDF (mPDF) del tema:
/wp-content/themes/twentyeleven-child/mpdf/ttfonts/
De esta forma las fuentes se embeberán en el PDF.
Dudas, Soporte y Preguntas
Ante cualquier duda que surja se pueden poner en contacto con [email protected],
se resolverá con la mayor brevedad posible.