Tutorial de Web Chat

Tutorial para instalar un web chat online en tu web

#Ayuda Staff ha preparado este tutorial que te sirvirá de guía a la hora de querer instalar un web chat en tu página web. Usaremos el WebChat "Applet de Java llamado PJIRC" el cual se encuentra en su página oficial http://www.pjirc.com y que es un programa gratuito que puedes descargar sin ningún problema. En este manual utilizaremos la versión 1.9 la cual puedes bajar desde su web oficial o pulsando aquí. Si deseas, puedes cambiar la versión por la más reciente 2.1 pulsando aquí aunque básicamente vas a notar que es lo mismo. Cualquier versión futura que exija otro tipo de instalación lo tendremos presente ya que esta página se actualiza cada 7 meses.

Lo primero que tendrás que hacer es bajarlo y guardarlo en tu computadora. El próximo paso es crear una carpeta que te sugiero le pongas de nombre IRChat (le puedes poner el nombre que deseas). Para este manual seleccioné el nombre IRChat y en esa carpeta vamos a descomprimir el programa.

Asegúrate que al descomprimir el zip en la carpeta nueva IRChat, estén los siguientes archivos dentro de ella:

Nota: Los asteríscos seguidos de pequeños números llamados superíndices son solo referencias.

- irc.cab
- irc.jar
- securedirc.cab
- IRCApplet.class
- all *.lng files *1
- the img directory
- the snd directory

-
your html file *2

*1  spanish.lng   este file es para poner el Chat en español
*2  la página web que hemos creado para instalar el web Chat. Le pondremos a nuestra página de ejemplo el nombre de IRChat.html

Código HTML del applet
Si quieres instalar el web chat con pocos códigos html puedes usar éstos. Solo ponlos en la sección de códigos de tu html desde donde dice <applet code etc.. hasta donde dice </applet>:
<applet code=IRCApplet.class archive="irc.jar,securedirc.jar" width=640 height=400>
<param name="CABINETS" value="irc.cab,securedirc.cab">


<param name="nick" value="
Invitado???">
<param name="name" value="Chat desde
tu-página-aquí !">     
Ejemplo:
<param name="name" value="Chat desde http://www.canal-ayuda.org !">
 
<param name="host" value="us.undernet.org">
<param name="host" value="eu.undernet.org">
<param name="port" value="6667">

</applet>

Si deseas poner un Webchat más completo entonces sigue estas instrucciones.
Ahora vamos a poner los códigos en la html que necesitamos para configurar nuestro web Chat.

1. Código para poner el nick
<param name="nick" value="nick-aquí??"> 
Sustituyes el nick-aquí por el nick que tu quieres. Los caracteres '?' serán reemplazados por números al azar.
Ejemplo:
<param name="nick" value="Ayuda??">
 
El usuario puede entrar con Ayuda01, Ayuda02 etc.
Nota: este será el nick con el que queremos que entren los usuarios al Chat desde nuestra página.

2. Código para el servidor IRC que queremos entrar
<param name="host" value="irc.server.org-aquí">       
Pones el servidor que quieras.
Ejemplo:
<param name="host" value="irc.undernet.org"> 

El usuario entrará con cualquier servidor de undernet.org.
También si quieres uedes ver la lista de servidores de Undernet en http://www.canal-ayuda.org/undernet/servidor.htm

3. Código del puerto que usaremos para entrar en el IRC
<param name="port" value="Puerto-aquí">
Ejemplo:
<param name="port" value="6667">
El usuario entrará con cualquier servidor de undernet.org y el puerto 6667

4. Código del idioma que vas a usar para el programa
<param name="language" value="lenguaje-aquí">
Ejemplo:
<param name="language" value="spanish">
Fijas el lenguaje que usarás en el programa. El nombre corresponderá al lenguaje que pongas aquí y que esté accesible en el Applet. El lenguaje por defecto es el inglés.

5. Código para activar smileys en el web Chat y otras opciones
<param name="smileys" value="true">
<param name="highlight" value="true">
<param name="highlightnick" value="true">
<param name="quitmessage" value="Mensaje-aquí !">
*3
<param name="bitmapsmileys" value="true">

Nota: Por defecto los smyles vienen desactivados. Debes poner la palabra 'true'.>
*3  Para un ejemplo de mensaje de salida: <param name="quitmessage" value="Chat desde http://www.canal-ayuda.org !">

6. Código para poner un servidor alternativo
<param name="alternateserver1" value="irc.secondhost.com 6667">
Ejemplo:
<param name="alternateserver1" value="eu.undernet.org 6667"> 
<param name="alternateserver2" value="Oslo2.NO.EU.undernet.org 6667"> 
<param name="alternateserver3" value="us.az.us.undernet.org 6667">

Nota: Por si no conecta bien con el primero que hayas puesto entonces se conectará con cualquiera de los otros servidores.

7. Códigos para que el Chat tenga sonidos
<param name="soundbeep" value="snd/bell2.au"> *4
<param name="soundquery" value="snd/ding.au">
*5
*4   Para que tenga sonido al conectar al servidor.
*5   Para que tenga sonido al recibir un privado (query).

8. Código para entrar directamente en un canal o varios
<param name="command1" value="/join #canal1"> 
<param name="command2" value="/join #canal2">
<param name="command3" value="/join #canal3"
>
Nota: Solo tienes que sustituir #canal1 por el nombre del canal que quieres que entren.
Ejemplo:
<param name="command1" value="/join #Ayuda">   

Una vez que terminaste de poner los códigos dale a saves y la guardas en la carpeta IRChat. Luego subes la carpeta del web chat 'IRChat' al servidor donde tengas alojada tu página web. Vas a linkear tu página IRChat.html con el menú donde quieres que los usuarios presionen para accesar al Web Chat y de seguro si haces todo esto tu Chat funcionará perfectamente. De todos modos en el archivo Readme.txt que tienes en la carpeta donde descomprimistes el programa PJIRC, verás una multitud de códigos para configurar el Chat a tu gusto.

En el menú Web Chat de www.canal-ayuda.org podrás ver un ejemplo de como queda el programa ya instalado (imagen arriba). Sin embargo, se hicieron modificaciones cambiando el estilo gráfico (template) para que continuara el mismo diseño nuestro. Puedes también agregar códigos para que los usuarios escriban su propio nick, pero para ello necesitas tener instalado php en el servidor.

Puedes usar este ejemplo de un Código source en una web sencilla

<html>
<head>
<title>IRCchat</title>
</head>
<body bgcolor="#FFFFFF">
<h1 align="center"><font color="#335673" style="font-size: 16pt" face="Arial">Web Chat</font></h1>
<hr>
<p align="center">

<applet code=IRCApplet.class archive="irc.jar,securedirc.jar" width=640 height=400>
<param name="CABINETS" value="irc.cab,securedirc.cab,pixx.cab">


<param name="nick" value="Ayuda">
<param name="alternatenick" value="Ayuda??">
<param name="name" value="Chat desde http://www.canal-ayuda.org !">
<param name="host" value="irc.undernet.org">
<param name="gui" value="pixx">

<param name="port" value="6667">

<param name="language" value="spanish">
<param name="command1" value="/join #Ayuda">

</applet>

<hr>
<p align="center"><font face="Arial" color="#335673" size="1">Acepta el certificado de seguridad de Java. "
<b> SI</b> "<br>
Para colocar tu nombre/nick escribe:  <b> /nick Tu-Nombre</b><br>
<b>Si</b> al cambiar tu nombre no se realiza ningún cambio, intenta con otro.<br>
#Ayuda siempre trabajando para tí. <br>
Derechos reservados - 2006</font></p>
</body>
</html>

Cualquier duda que tengas puedes entrar en #Ayuda en Undernet y con gusto te ayudaremos a montar tu Web Chat en tu página. O puedes dejar un mensaje en nuestro foro.

Ayuda Staff trabajando para ti..