Cafélog

Forumoticons

Publié le 12 mars 2025

Forumoticons

J’ai développé un petit outil pour les utilisateurs de forums, Forumoticons, destiné à faciliter la gestion de leurs smileys personnels et leur insertion dans des messages au format BBCode.

Mais avant de parler de cet outil, un peu de contexte.


Comme mentionné dans mon article À la recherche du web perdu, je participe activement et quotidiennement à un petit forum à l’ancienne, privé — où les membres sont devenus bien plus que de simples connaissances virtuelles.

J'aime beaucoup le fonctionnement des forums, leur philosophie, et c'est un vrai plaisir d'échanger sur ce type d'espaces de discussion, qui se font rares à l’époque des réseaux sociaux et des messageries instantanées.

Page d'accueil du forum HFR
Page d'accueil du forum hardware.fr (HFR pour les intimes), l'un des plus célèbres forums francophones publics

L’une des composantes essentielles des forums est la présence de smileys. Lorsqu’on écrit un message, on peut illustrer ses propos avec des smileys, généralement accessibles de deux manières :

Champ de rédaction d'un message sur le forum HFR
Champ de rédaction d'un message sur le forum HFR

Un fonctionnement bien connu des habitués des forums. Aujourd’hui, on peut également ajouter les émojis disponibles sur les claviers de nos smartphones et ordinateurs.

Prenons un exemple avec ces smileys de base disponibles à côté du champ de rédation d'un message sur le forum HFR :

Selon le smiley utilisé, ces deux petits mots peuvent exprimer un remerciement sincère, une moquerie, de l’agacement, de l’exaspération ou encore de l’admiration…

Pourtant, même une liste bien fournie de smileys ne suffit pas toujours. Tout bon membre de forum qui se respecte est toujours à la recherche de la petite image capable de retranscrire au mieux l’émotion qu’il veut faire passer. Sans en abuser, bien sûr : la qualité des images choisies doit primer sur la quantité.

Pour pallier ce manque de smileys, il est fréquent d'utiliser la balise [img], issue de la syntaxe BBCode et permettant d'insérer une image dans un message de cette façon : [img]https://i.imgur.com/diAmBAC.png[/img]. Ce qui permet donc d’ajouter une petite image qui joue le rôle de smiley dans un message.

Pour cela, il faut avoir l'URL d'une image à insérer sous forme de smiley dans son message. URL que l'on peut par exemple récupérer sur le Wiki Smilies de HFR, ou sur un serveur personnel.

Exemple avec le code [img]https://forum-images.hardware.fr/images/perso/implosion%20du%20tibia.gif[/img] qui donnera :

C'est ce dernier cas de figure qui a été à l'origine de la création de Forumoticons.

J'ai longtemps eu pour habitude d'héberger mes smileys personnels sur un serveur, afin de pouvoir récupérer leurs URL et les utiliser sur mon forum. J'utilisais pour cela un script développé par Sebsauvage, ce qui me facilitait la tâche pour l'upload (pas besoin de passer via un client FTP) mais restait encore assez « lourd ».

Il me fallait en effet :

  1. récupérer l'URL de mon image, sans réel moyen visuel, en se rappelant du nom du fichier…
  2. la copier
  3. la coller dans le champ de rédaction du messsage de mon forum
  4. et enfin l'entourer des balises [img] et [/img].

Rien de bien compliqué en soi, nous sommes bien d'accord. Mais bon, si je peux m'économiser un ou deux clics à chaque fois, et au vu de ma particpation active sur mon forum, je me suis dit qu'il y avait sûrement la possibilité d'optimiser un peu cela.

Forumoticons

Forum, Emoticons… Je n'ai pas réfléchi très longtemps pour trouver un nom à donner à ce projet.

Forumoticons consiste en une interface web qui permet :

Il ne reste ensuite qu'à coller le tout dans le champ de rédaction du message du forum.

Forumoticons
Aperçu de Forumoticons, une fois installé

L'installation de Forumoticons est facile. Il suffit de :

  1. Télécharger l'archive du projet
  2. Modifier deux variables dans deux fichiers
  3. Héberger le tout sur un serveur (nécessite PHP pour fonctionner)

Son utilisation est tout aussi simple, il faut :

  1. Se rendre à l'adresse correspondant au dossier dans lequel les fichiers ont été uploadés
  2. Sur cette page, se trouvent :
    • une image d'exemple grin.gif ; il suffit de cliquer dessus pour copier son URL entourée des balises [img][/img]
    • un formulaire pour uploader une nouvelle image qui viendra s'ajouter à la galerie
Forumoticons - Exemple
Forumoticons, après avoir uploadé quelques smileys

Quelques limites sont définies (format, poids et dimensions des images) mais configurables selon les besoins.

En conclusion, Forumoticons est un petit outil conçu pour faciliter l’utilisation de smileys personnels sur un forum et éviter quelques manipulations répétitives. Pour davantage de détails et télécharger Forumoticons, rendez-vous sur la page GitHub du projet.

Note : n’étant pas développeur professionnel, il est possible que certaines failles ou imperfections subsistent. Si des problèmes sont rencontrés ou si des améliorations sont suggérées, elles seront prises en compte autant que possible pour faire évoluer l’outil. Ne pas hésiter à me contacter pour me faire part d'éventuels retours.