(visiteur 40d)
Comment installer le widget de webchat IRC Mibbit
MAJ le 18/08/2008.1. Brève présentation de Mibbit
mibbit.com est un service de webchat IRC et Yahoo.
Mibbit fonctionne, du coté client, uniquement en javascript (AJAX) (et du coté serveur avec Java).
Il suffit donc pour l'utilisateur d'avoir JavaScript activé sur n'importe quel navigateur Internet (Opera, FireFox, Internet Exporer, Safari, iPhone, wii, Nokia n800, etc.).
Aperçu du widget en action (Cliquez pour agrandir)
Ce widget est multi-channels et dispose d'une foule d'options :
- traduction automatique (envoi et réception) en une quarantaine de langues
- un pastebin interne
- smileys graphiques
- couleurs
2. Pré-requis
Pour proposer ce service à vos membres, il faut savoir où aller, disposer d'un salon sur un serveur IRC.Vous avez plusieurs solutions. Vous pouvez créer votre salon sur :
- le serveur IRC de Mibbit (irc.mibbit.com) qui est globalement anglophone
- un des grands réseaux IRC de par le monde (toutes les langues) (dal.net, undernet.org, freenode.net, etc.)
- un réseau IRC de taille plus humaine et globalement francophone (epiknet.org, etc.)
- inframonde.org, un nouveau réseau IRC familial et déjanté
Une fois en possession de l'adresse de votre serveur et du nom de votre salon, vous êtres prêt pour mettre en place ce fameux widget.
3. Installation rapide
Méthode via Iframe
Pour le webmaster, l'installation est des plus simples puisqu'elle se réduit en une ligne de code, une iframe, qui se résume à :<iframe width="800" height="450" scrolling="no" style="border:0; width:100%" src="http://embed.mibbit.com/?server=SERVEUR&channel=SALON"></iframe>Où :
- SERVEUR est l'adresse de votre serveur irc. Par exemple : inframonde.org
- SALON est le nom de votre salon. Par exemple : #test (il est possible sur certains serveurs de mettre plusieurs salons, séparés par une virgule : #test, #aide)
<iframe width="800" height="450" scrolling="no" style="border:0; width:100%" src="http://embed.mibbit.com/?server=inframonde.org&channel=%23test"></iframe>Note : tous les paramètres doivent être urlencodé, #test deviendra donc %23test
Vous pouvez aussi bien-sûr personnaliser la taille (width et height) et le style...
Cette configuration est la plus simple. L'utilisateur entre son nick avant de se connecter, l'onglet du status est caché, seuls les onglets des salons sont visibles, l'encodage par défaut est l'UTF-8.
Voilà, le script est fonctionnel !
Tester cette configuration
Non, la balise iframe n'est pas valide en (x)html strict. Il possible d'utiliser une balide object (voir la doc), mais cela pose des problèmes sur Internet Explorer. A vous de voir si vous préferez sacrifier un peu de validé à une iframe qui passe partout. Si ce n'est pas le cas. Utilisez un lien vers le site de Mibbit, voir méthode suivante.
Méthode directe via le site de Mibbit
L'autre façon de faire est de rediriger directement votre utilisateur, grâce à un lien, vers le widget sur le site mibbit.com : http://embed.mibbit.com/. Les paramètres sont les mêmes.Si l'on reprends notre exemple du dessus, cela donnera :
<a href="http://embed.mibbit.com/?server=SERVEUR&channel=SALON">Viendez chatter</a>Tester cette config
4. Installation plus fine
Il est possible d'affiner certaines options du widget en rajoutant des paramètres.Mibbit dispose d'ailleurs d'un générateur qui vous pondra le code en un clic : http://www.mibbit.com/widget.html
Voici quelques options :
-
- nick=nickpardefaut_%3F%3F%3F%3F
- Ce paramètre force un nick par défaut au lieu de mib_??????.
-
- customprompt=Entrez%20votre%20pseudo
- Ce paramètre permet d'afficher un petit texte supplémentaire, dans la page d'acceuil du widget, juste au dessus du texte anglais par défaut "Choose a nickname". L'occasion de traduire ça en français par exemple. N'oubliez pas d'urlencoder ce texte !
-
- noServerTab=false
- Ce paramètre affichera en plus l'onglet status du serveur. Cet onglet, à la différence des onglets de salon, portera le nom du serveur. En fermant cet onglet vous fermez la connexion.
-
- noServerNotices=true
- Ce paramètre bloquera les notices du serveur.
-
- noServerMotd=true
- Ce paramètre bloquera le MOTD (message du jour) du serveur.
-
- forcePrompt=true
- Ce paramètre forcera l'utilisateur à entrer son propre nick.
-
- charset=ISO-8859-1
- Ce paramètre permet de fixer le charset utilisé sur le chat (par défaut et recommandé : UTF-8).
5. Créer son salon IRC
Si vous ne vous êtes pas encore décidé à créer votre salon IRC, Inframonde est peut-être la solution.Inframonde.org est un jeune réseau IRC français.
Familial, vous y trouverez toujours un administrateur, un opérateur ou quelqu'un prêt à vous aider !
Pour créer votre salon sur inframonde, la solution la plus simple est de vous y connecter en vous rendant sur le site inframonde.org.
Sur le salon #inframonde, demandez à un administrateur ou un opérateur de créer le salon que vous souhaitez.
Un service de channel et/ou un eggdrop pourra aussi vous être mis à diposition.
Il vous suffira ensuite de configurer l'iframe du script Mibbit avec le serveur inframonde.org et votre tout nouveau salon.
Votre salon sera aussi directement accessible depuis l'adresse : http://chat.inframonde.org/chat.php?s=votreserveur&c=votresalon
Une autre solution pour contacter les administrateurs d'inframonde est d'écrire un email à
6. Utilisation du widget
Pour l'utilisateur, l'emploi est aussi simple. Il faut seulement :- un navigateur Internet (le logiciel avec lequel vous lisez ce tuto !)
- activer JavaScript dans votre navigateur
Il vous suffit de :
- mettre votre pseudo à la place de "mib_cjsxpu" (optionnel)
- cliquer sur le bouton vert "Click to join chatroom"
La fenêtre de chat apparaît alors. Cela se présente comme ça :
(Cliquez pour agrandir)
En haut, la barre d'onglets avec l'onglet du serveur (status) (si cet onglet est présent, suivant configuration) et les onglets des salons dans lesquels vous êtes présent.
Et en bas, la boite de texte où ecrire vos messages, et en dessous les liens vers les options.
Quelques commandes de base :
-
- pour changer de pseudo
- tapez : /nick pseudo
- où pseudo est votre pseudo à vous, sans espace ni accent
-
- pour rejoindre un autre salon
- tapez : /join #nom_du_salon
- idem, nom_du_salon est le nom du salon sans espace ni accent
- le # au début est obligatoire
-
- pour partir d'un salon
- cliquez sur la petite croix dans l'onglet du salon (si elle est présente)
- ou bien tapez : /part #nom_du_salon
-
- pour avoir la liste des salons existants
- tapez : /list
-
- pour quitter
- cliquez sur la petite croix dans l'onglet du status (si cet onglet est présent)
- ou bien tapez : /quote quit
- ou bien fermez la fenêtre/onglet du navigateur
7. Liens
A propos
Ce tutoriel est en copyleft.Vous êtes libres de le reproduire, de le distribuer et de le modifier à volonté (à condition que ces même droits soient préservés).
Merci d'en indiquer l'auteur original avec un lien vers http://tuto.isoat.org
