Chatbox

Ce plugin permet de mettre en place facilement une « chatbox » permettant à un visiteur authentifié de SPIP de laisser un message.

Principe

Une chatbox est une sorte de mini chat, avec deux différences majeures :

  • Les messages sont persistants (un nouveau venu peut voir votre message d’il y a 1h)
  • Il n’y a pas de liste des personnes connectées

Installation

Le plugin s’installe de manière classique.

Comment ça marche ?

Le plugin gère 1 table :

  • CHATBOX_MESSAGES : qui contient les messages enregistrés par visiteur, avec les champs suivant :
    • #ID_CHATBOX_MESSAGE : l’identifiant du message
    • #ID_AUTEUR : identifiant de l’auteur du message
    • #MESSAGE : le message
    • #DATE : la date d’enregistrement
    • #LANG : la langue du message
    • #STATUT : statut de publication du message

Vous pouvez afficher le contenu de cette table via les BOUCLEs de SPIP.

Mise en œuvre

Les éléments SPIP suivant sont disponibles pour mettre en œuvre votre « chatbox » sur votre site :

  • un formulaire CVT #FORMULAIRE_CHATBOX permettant d’enregistrer un message
  • un exemple de modèle permettant d’afficher la liste des messages enregistrés

Exemple d’utilisation

Afficher le formulaire permettant l’enregistrement d’un message :

[(#SESSION{id_auteur}|oui)
    <h1><:chatbox:chatbox:></h1>
    <div class="ajax">[(#FORMULAIRE_CHATBOX)]</div>
]

NotaBene :
Ce formulaire peut être inclus dans une noisette utilisant le critère {ajax}.
Cette noisette peut être chargée avec la médiabox SPIP.

Afficher la liste des 5 derniers messages enregistrés :

[(#CACHE{0})]
<B_chat_box_archive>
    [(#ANCRE_PAGINATION)]
    <ul>
        <BOUCLE_chat_box_archive(CHATBOX_MESSAGES){par id_chatbox_message}{pagination 4}{inverse}{0,20}{lang}>
            <li>
                <span>[(#ID_AUTEUR|afficher_avatar{'',50})]</span>
                <span>
                    [(#ID_AUTEUR|colore_user{#LANG})]<br/>
                    [(#DATE|affdate)]&nbsp;<:a:>&nbsp;[(#DATE|affdate{"H:i"})]
                </span>
                <div class="clearfix"></div>
                <br/>
                <p>[(#MESSAGE|PtoBR|liens_ouvrants|lignes_longues{30})]</p>
            </li>
        </BOUCLE_chat_box_archive>
    </ul>
    [(#PAGINATION{precedent_suivant})]
</B_chat_box_archive>

Édition dans l’espace privé

Lors de l’activation du plugin, une nouvelle entrée « chatbox messages » est créée dans le menu « Édition ». Elle permet notamment d’afficher la liste des messages enregistrés, gérer leur contenu et leur statut de publication.

Exemple d’utilisation

Un exemple d’utilisation est disponible à cette adresse (la chatbox est disponible dans le menu situé à droite) :
http://www.root-me.org/fr/Challenges/

Dernière modification de cette page le 13 février 2019

Discussion

3 discussions

  • 1

    Salut,

    J’aimerai bien reprendre ton plugin pour y rajouter une fonctionnalité : le chat avec une personne déterminée ou un par groupe (avec plusieurs interlocuteurs)

    Est-ce que tu vois un inconvénient que je fasses une branche sur la zone pour essayer de travailler à ça ? (bon c’est un projet... ça ne va pas être rapide)

    L’idée est de créer deux nouvelles colonnes dans la table : id_destination et type_destination qui désigne soit l’id_auteur de destination, soit l’id_groupe de destination (et donc le type sera auteur ou groupe), et d’ajouter une table groupe_chat qui sera « joiunturée » avec spip_auteurs_liens.

    Ça devrait rester compatible avec l’existant...

    • En regardant mieux, je vois qu’en fait l’un des plugins-dist correspond plus à mon besoin : organiseur et sa messagerie interne. Ce plugin permet déjà les messages entre rédacteurs (un ou plusieurs). je vais donc repartir sur cette base plutôt que Chatbox que ça risque de complexifier pour rien !

    Répondre à ce message

  • 2

    Bonjour, je cherchais justement un outil pour faire des débat et conserver le contenu de celui ci en ligne. C’est parfait, merci pour le plugin.
    la seul chose qui est dommage c’est la nécessité d’être connecté, n’y aurait il pas moyen de donner un accès simplifier au visiteur de passage ?

    • Et une question subsidiaire, est ce qu’un visiteur lambda, vois la conversation en live apparaître comme dans un vrai chat ? Ou il doit rafraichir la page à chaque fois pour voir les nouveaux message ?

    • Oui, mais ca dépend de l’implémentation que tu réalises. Le bloc listant les messages peut être rafraichi via AJAX une fois le message posté.

      Pour moi ce que tu souhaites s’appel simplement IRC ;-)

    Répondre à ce message

  • 2

    Et une question subsidiaire, est ce qu’un visiteur lambda, vois la conversation en live apparaître comme dans un vrai chat ? Ou il doit rafraichir la page à chaque fois pour voir les nouveaux message ?

    Cela dépend de l’implémentation que tu en feras. Sur l’exemple d’utilisation donné il faut cliquer sur un lien/bouton pour rafraichir la conversation ; mais rien ne t’empêche d’utiliser un bout de javascript pour rafraichir la noisette qui affiche les messages toutes les X secondes.

    • Ok merci, je vais faire ainsi.

      Je me pose quand même une question alors ; si j’ajoute du javascript ainsi, quel différence y aurait il, si je faisait la même chose simplement sur une noisette forum avec modération à posteriori ?

      Est ce que je n’obtiendrais pas quasiment le même résultat, mais sans nécessité d’inscription cette fois ci ?

    • C’est très juste, il reste le titre comme différence, mais tu dois pouvoir le remplir facilement avec du « garbage ». Un forum est également lié à un article et ne « possède pas » de gestion du multilinguisme.

    Répondre à ce message

Ajouter un commentaire

Qui êtes-vous ?

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici

Ce champ accepte les raccourcis SPIP {{gras}} {italique} -*liste [texte->url] <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Suivre les commentaires : RSS 2.0 | Atom