Tutorial

Pfsense + captive portal + chat online con Livezilla

Octubre 2011 Version 1.0

Autor: Ing. Esp. Luis Sanchez

Venezuela

Que se necesita?

. 1 equipo para pfsense (verificado y funcionando con version 1.2 y 2.0)

. 1 equipo para servidor web, php, y mysql

. los paquetes xampp, vmware server, livezilla y pfsense

Una vez descragados los paquetes se proceden a instalar, lo cual es muy sencillo, una vez instalado
xampp se configura, esta es la pagina de chequeo.. para el caso de apache que es su servidor web
Estado del los servicios web

Al verificar el estado de seguridad se tiene:

Como se ve existen fallas de seguridad que deben ser arregladas, como por ejemplo colocar las
calves de acceso a los servicios.. se le da clic al acceso directo que aparece al final de la pagina

Una vez que se le de clic se tiene:

Aqu se actualizan las claves del mysql y del directorio web .htacces

A medida que se van actualizando las claves se van colocando en verde los problemas de
seguridad, luego sigue en el control panel del xampp:

Se elije el mysql

En localhost del mysql se procede a actualizar la clave de acceso en donde dice cambio de clave
Luego se actualiza la clave de ftp

Ahora vamos a instalar el livezilla

En el directorio de tu preferencia

Una vez instalado se procede a configurar el livezilla, el al ingresar te pedira configurar los
servidores
Se le da crear nuevo livezilla server y se tiene

Defines la nueva clave de acceso a para este servidor

Las caracteristicas del grupo

Luego se elije la forma y el sitio donde se alojara el codigo del livezilla, para este caso como se esta
instalando en el mismo equipo en windows entonces se hace de manera local y por directorio
donde se aloja la web del apache del xampp que se instalo:
Por lo general este ruta es donde se aloja la pagina de xampp en apache por defecto

file:///C:/xampp/htdocs/index.html

y es alli donde se debe colocar los html etc de livezilla

en mi caso se coloco en:

C:\xampp\htdocs\chatweb

Una vez instalado los archivos en la ruta anterior se tiene lo siguiente:

Alli se puede hacer el chequeo a ver si todo esta bien en el servidor de chat
Si todo est bien debe aparecer:

Todo debera estar en verde:

Y en el chequeo del sitio web de chat corriendo debera aparecer:

Una vez listos los archivos es necesario crear las bases de datos:

Dado que se va a usar el mysql que ya viene con xampp entonces se deben usar las claves creadas
con anterioridad con xampp

Pero primero se copia la tabla que debe ser creada en mysql, mediante cdigo sql
Se crea una nueva tabla, luego se define mediante sql

Una vez ejecutado el sql queda la estructura de la base de datos del chat como sigue:
Se deben configurar los privilegios del usuario que podr usar esta base de datos,

Se crea y se le habilitan todos los privilegios

Se debera tener el siguiente mensaje si todo est bien

Una vez validada la tabla se tiene:

Luego se genera el cdigo del link, en mi caso uso uno de texto simple

Este cdigo es agregado como un link en la pgina de ingreso del captive portal con cdigo HTML,
una vez all aparece el chat as:
Cuando el usuario le da clic a ayuda en lnea entonces le aparece:
All coloca sus datos y al ingresar se le muestra:

Y al administrador del chat le aparece:

Una vez aqu se puede atender de manera cmoda al usuario, y esto es solo el comienzo, se
pueden facilitar archivos, hacer atencin en lnea por voz y con ayuda de cmara como una
videoconferencia.