Transformez les présentations à sens unique en interaction en direct : déploiement de Claper et pratique de l’accès public pour l’audience

Source : article CSDN original
Titre original : « 让演示从单向讲解变成现场互动：Claper部署与公网参与实践 »
Remarque : il s’agit d’une réécriture au niveau du ton, basée sur l’article original. La structure, les étapes, les commandes et la logique de placement des images d’origine sont conservées.
Le contenu original est soumis à la licence CC 4.0 BY-SA. Veuillez conserver la mention de la source et de la licence lors de la publication.

Introduction

Dans des scénarios tels que l’enseignement en classe, les lancements de produits et les présentations professionnelles, terminer le contenu ne signifie pas toujours que le public a réellement participé.

Bien souvent, les sessions de questions-réponses en direct peinent à susciter des réactions. Les votes à l’oral sont difficiles à comptabiliser. Les participants à distance ont également du mal à partager leurs idées à temps. Au final, on ne peut compter que sur une enquête après l’événement pour recueillir les retours, avec des résultats souvent peu satisfaisants.

Claper vous permet de téléverser des fichiers PPT ou PDF vers une plateforme de présentation indépendante, et d’ajouter des commentaires en temps réel, des enquêtes, des sondages et des questions-réponses pendant la présentation. Le public n’a qu’à ouvrir la page de l’événement dans un navigateur pour participer directement. L’animateur peut également voir les retours en temps réel depuis l’interface de présentation.

Ainsi, ce qui était auparavant une présentation de diapositives à sens unique peut devenir un processus avec des réponses instantanées et une interaction en direct.

Dans cette configuration, Claper gère les fichiers de présentation et les fonctionnalités interactives. PostgreSQL stocke les données de la plateforme. Docker prend en charge le déploiement. cpolar mappe le port local 4000 du réseau local vers une URL publique.

Cette solution convient à l’enseignement en classe, à la formation interne, au partage en ligne et aux événements de petite à moyenne envergure. Un point à noter : Claper n’est pas un plugin installé directement dans PowerPoint. La présentation réelle est effectuée

via la page Claper.

1. Déployer Claper avec Docker en une seule étape

Tant que vous disposez d’un appareil prenant en charge Docker, vous pouvez faire fonctionner Claper assez rapidement. Vous n’avez pas besoin d’une configuration d’environnement compliquée, et il n’est pas lié à un système d’exploitation spécifique.

Dans cet exemple, j’utilise CentOS
7. Parcourons le processus de déploiement.

Tout d’abord, installez-le et exécutez-le avec Docker, puis créez un répertoire pour stocker les fichiers :

mkdir -p /docker/Claper
cd /docker/Claper

Ensuite, enregistrez le contenu suivant dans un fichier docker-compose.yml.

Lorsque PostgreSQL démarre pour la première fois et que le répertoire de données est vide, il crée l’utilisateur et la base de données à partir des variables d’environnement POSTGRES_* :

POSTGRES_PASSWORD: claper
POSTGRES_USER: claper
POSTGRES_DB: claper

Vous pouvez générer SECRET_KEY_BASE avec la commande suivante :

openssl rand -hex 64

La configuration complète de docker-compose.yml est la suivante :

version: "3.0"

services:
db:
image:

postgres:9
volumes:
- ./postgres-data:/var/lib/postgresql/data
environment:
POSTGRES_PASSWORD: claper
POSTGRES_USER: claper
POSTGRES_DB: claper
healthcheck:
test: ["CMD-SHELL", "pg_isready -U claper"]
interval: 5s
timeout: 5s
retries: 10

app:
image: ghcr.io/claperco/claper:latest
user: "0:0"
ports:
- "4000:4000"
volumes:
- uploads:/app/uploads
environment:
DATABASE_URL: postgres://claper:claper@db:5432/claper
SECRET_KEY_BASE: 08fdecbc274177363ad3e5457ae910005216dc6d27b470cf69d9524e4fc6b951156b3c4709290054cb76778899ef
ENDPOINT_PORT: 4000
ENDPOINT_HOST: 192.168.42.140
MAX_FILE_SIZE_MB: 50
depends_on:
db:
condition: service_healthy

volumes:
uploads:

Exécutez ensuite la commande suivante pour démarrer le service :

# Démarrer tous les services
docker-compose up -d

Une fois le service démarré, vous pouvez entrer dans le conteneur PostgreSQL pour le vérifier :

docker exec -it claper-db-1 psql -U claper -d claper

Si vous pouvez accéder normalement à l’invite psql, cela signifie que l’utilisateur et la base de données ont été créés avec succès.

Vous pouvez également utiliser l’utilisateur postgres pour afficher tous les rôles :

docker exec -it claper-db-1 psql -U postgres -c '\du'

![Cette image montre, dans la ligne de commande d’un système CentOS 7, l’interface d’exécution de la commande permettant d’entrer dans le conteneur PostgreSQL, à savoir docker exec -it claper-db-1 psql -U claper -d claper. Après l’exécution de la commande, la ligne de commande renvoie l’invite psql, en version 9.6.

24, et invite à saisir « help » pour obtenir de l’aide. Cette opération correspond à l’étape « après le démarrage du service, entrer dans le conteneur PostgreSQL pour vérifier » dans la documentation, afin de confirmer que l’utilisateur et la base de données ont bien été créés.](https://we0-cms.oss-cn-beijing.aliyuncs.com/cms-assets/article-images/2026/07/cdc2e614-7103-4028-a5b4-367a708009de-1-4.png)

Une fois le démarrage terminé, vérifiez si le port 4000 est accessible :

curl http://192.168.42.140:4000

Ouvrez l’adresse suivante ; vous devriez voir la page d’accueil de Claper :

http://localhost:4000

Inscrivez-vous, puis connectez-vous :

Après une connexion réussie, vous pouvez accéder au tableau de bord d’administration :

Ensuite, vous pouvez créer un événement de présentation :

![L’image montre la page « Mes événements » de la plateforme Claper. En haut de la page se trouvent les onglets « Active », « Finished » et « Shared

avec vous », avec « Active » actuellement sélectionné. Au centre de la page apparaît « Create your first event », et en dessous se trouve un bouton « + Create event » encadré en rouge, avec une flèche pointant vers ce bouton. Cette image correspond au contenu du document « Next, you can create a presentation event » et guide l’utilisateur, après une connexion réussie, vers le tableau de bord d’administration afin de cliquer sur le bouton « + Create event » pour créer un événement de présentation.](https://we0-cms.oss-cn-beijing.aliyuncs.com/cms-assets/article-images/2026/07/23ea88f7-cc63-4285-86ba-ed3f4dc7a95b-1-9.png)

Suivez les instructions affichées sur la page.

Cliquez sur Create dans le coin supérieur droit, téléversez un fichier PPT ou PDF, puis configurez les composants interactifs. Il est recommandé d’activer les commentaires et les sondages, car cela rend l’effet interactif plus évident.

À ce stade, la plateforme de présentation interactive Claper a été déployée.

Vous pouvez maintenant créer un événement de présentation et inviter le public à le rejoindre. Qu’il scanne un QR code sur place ou ouvre un lien à distance, le public peut participer au moyen de commentaires, d’enquêtes, de sondages et d’autres méthodes. Il peut également laisser des données de retour utiles au cours du processus.

Qu’il s’agisse d’un rapport en salle de réunion, d’un cours en classe ou d’un événement de lancement en ligne, Claper peut transformer une explication à sens unique en une interaction à double sens, avec un plus fort sentiment de participation.

1. Installer cpolar

Si vous avez déjà déployé Claper en local et que les fonctionnalités de commentaires, d’enquêtes et de retours en temps réel sont configurées, vous pouvez tout de même rencontrer un problème lorsque vous souhaitez que des collègues, des clients ou des étudiants participent à distance. Ils ne peuvent pas

accès :

http://votre-ip-interne:4000

La raison est simple : le service fonctionne à l’intérieur d’un LAN et ne dispose pas d’une adresse IP publique, les appareils externes ne peuvent donc pas y accéder.

C’est là que cpolar peut aider à résoudre le problème de l’accès public.

cpolar peut mapper des services exécutés sur votre ordinateur local, tels que SSH, des services Web et des bases de données, vers Internet public. Cela signifie que même si le service fonctionne à la maison, au bureau ou dans une machine virtuelle, il reste accessible via une URL publique.

Voici les étapes d’installation de cpolar.

Installez-le avec le script en un clic :

sudo curl https://get.cpolar.sh | sh

Après l’installation, exécutez la commande suivante pour vérifier l’état du service cpolar. Si l’état est normal, le service a démarré avec succès.

sudo systemctl status cpolar

![L’image montre la sortie du terminal dans le système Z4S

• VJFL après l’utilisation de la commande sudo systemctl status cpolar pour vérifier l’état du service cpolar. Elle indique que le service cpolar est chargé, que son état est active (running), et qu’il fonctionne depuis le 17 septembre à 16:51:03, depuis 8 secondes. Elle liste également l’ID du processus principal, le nombre de tâches, l’utilisation de la mémoire, ainsi que les informations relatives au CGroup. Cette image est liée au contenu du document concernant la vérification de l’état du service après l’installation de cpolar et présente visuellement l’état de fonctionnement normal du service.](https://we0-cms.oss-cn-beijing.aliyuncs.com/cms-assets/article-images/2026/07/de719673-d864-44f7-8bf8-6f87105189f3-1-12.png)

Une fois cpolar installé et démarré avec succès, saisissez l’adresse IP de l’hôte de la machine virtuelle suivie du port 9200 dans votre navigateur pour accéder à l’interface de gestion :

http://ip:9200

Vous pouvez également l’ouvrir localement :

http://localhost:9200

Après vous être connecté avec le compte enregistré sur le

site officiel de cpolar, vous verrez l’interface de configuration Web de cpolar. La configuration ultérieure des tunnels peut être effectuée depuis cette page.

1. Configurer une URL publique

Après vous être connecté à l’interface de gestion Web UI de cpolar, cliquez sur Gestion des tunnels → Créer un tunnel dans le tableau de bord de gauche.

Configurez-le avec les paramètres suivants :

• Nom du tunnel : valeur personnalisée. Cet exemple utilise claper. Assurez-vous qu’il ne duplique pas le nom d’un tunnel existant.
• Protocole : http
• Adresse locale : 4000
• Type de domaine : domaine aléatoire
• Région : choisissez China Top

Une fois la création réussie, ouvrez Liste des tunnels en ligne à gauche. Vous verrez l’URL publique qui vient d’être générée.

Ensuite, utilisez cette adresse sur un autre ordinateur ou téléphone, et vous pourrez accéder depuis l’Internet public à la page Claper déployée localement.

Après un accès réussi, la page ressemble à ceci :

1. Réserver une URL publique fixe

Une URL publique aléatoire peut être utilisée temporairement. Mais si vous souhaitez partager le service avec d’autres personnes sur une période plus longue, une adresse qui change fréquemment n’est pas très pratique.

Vous pouvez donc configurer ici un sous-domaine de second niveau fixe dans cpolar. Une fois la configuration terminée, cette URL publique ne changera plus aléatoirement à chaque fois.

Cliquez sur Réserver à gauche, puis sélectionnez Réserver un sous-domaine de second niveau. Choisissez China Top comme région, puis définissez un nom de sous-domaine de second niveau.

Dans cet exemple, le sous-domaine utilisé est capler. Vous pouvez le personnaliser selon vos besoins. Après avoir rempli les informations de remarque, cliquez sur Réserver.

Retournez ensuite à l’interface d’administration Web UI de cpolar. Cliquez sur Gestion des tunnels → Liste des tunnels dans le tableau de bord de gauche. Trouvez le tunnel que vous souhaitez configurer, puis cliquez sur Modifier à droite.

![Cette image montre la page de liste des tunnels dans l’interface d’administration Web UI de cpolar, correspondant à l’étape décrite dans le document après « retourner à l’interface d’administration Web UI de cpolar ».]

La barre latérale gauche de la page est une barre de navigation fonctionnelle, comprenant le tableau de bord, la gestion des tunnels avec des options comme la liste des tunnels et la création de tunnel, l’état ainsi que le site officiel de cpolar. À droite, la zone de liste des tunnels affiche un tunnel portant le numéro 1, nommé « capler », dont l’état est « active ». La colonne des actions contient des boutons tels que modifier, redémarrer et arrêter. Cette page permet de consulter l’état du tunnel après la configuration d’un sous-domaine fixe de deuxième niveau.](https://we0-cms.oss-cn-beijing.aliyuncs.com/cms-assets/article-images/2026/07/ecb5e619-4f88-4fdb-bd10-99aa83a54b73-1-19.png)

Ensuite, modifiez les informations du tunnel et configurez le sous-domaine de deuxième niveau réservé dans le tunnel :

• Type de domaine : choisissez un sous-domaine de deuxième niveau
• Sous-domaine : saisissez le sous-domaine de deuxième niveau réservé avec succès
• Région : China Top

Une fois les paramètres terminés, cliquez sur Mettre à jour.

Une fois la mise à jour terminée, ouvrez à nouveau Liste des tunnels en ligne. Vous verrez que l’URL publique aléatoire d’origine est devenue une URL fixe de sous-domaine de deuxième niveau.

Enfin, ouvrez l’URL publique fixe dans le navigateur de n’importe quel appareil. Si la page s’ouvre normalement, cela signifie que l’adresse publique fixe du sous-domaine de deuxième niveau a été configurée avec succès.

![Cette image montre une interface de connexion Web, avec un arrière-plan violet foncé, des champs de saisie au centre et un bouton violet « Join ». En haut se trouve le logo de la marque représentant ce service. Dans le coin supérieur droit, il y a des boutons « About » et « Login », et à droite des éléments décoratifs de style cartoon. D’après le contexte, cette interface est une page d’opération liée à l’interface de gestion Web UI de cpolar, utilisée par l’utilisateur pour effectuer la configuration et la connexion au service concerné. Il s’agit de la page d’entrée à utiliser dans le processus de configuration d’une URL publique fixe.](https://we0-cms.oss-cn-beijing.

aliyuncs.com/cms-assets/article-images/2026/07/0d8ae4da-3ced-4377-9830-09cc8bc11487-1-22.png)

Conclusion

Claper ne résout pas le problème de la mise en page des PPT. Il résout le problème de la participation pendant une présentation.

Le public peut consulter le contenu, soumettre des questions et participer à des sondages sur la même page. Le présentateur peut également voir plus rapidement les retours sur place. Cette approche est particulièrement adaptée aux cours, aux formations et aux événements de lancement qui nécessitent une communication bidirectionnelle.

Avant de l’utiliser officiellement, quelques points méritent d’être vérifiés à l’avance :

1. Remplacez le mot de passe par défaut de la base de données dans docker-compose.yml.
2. Utilisez la commande suivante pour générer un SECRET_KEY_BASE indépendant. N’utilisez pas directement la valeur d’exemple de cet article.

openssl rand -hex 64

1. Après avoir configuré l’URL publique, vérifiez si ENDPOINT_HOST doit être remplacé par le domaine d’accès réel. Sinon, les liens d’invitation ou la communication en temps réel peuvent toujours pointer vers l’adresse IP du réseau local.
2. Pour l’image PostgreSQL, il est recommandé d’utiliser une version actuellement prise en charge par le projet. Il n’est pas recommandé de continuer à utiliser l’ancienne version postgres:9 pendant une longue période.

Dans l’ensemble, l’idée centrale de cette solution est claire :

Commencez par utiliser Docker pour lancer Claper. Utilisez ensuite cpolar pour mapper le port local 4000 vers Internet public. Ainsi, qu’il s’agisse d’un événement sur site ou d’une présentation à distance, le public peut participer via un navigateur.

Pour les salles de classe, les sessions de formation, les démonstrations de produits et les partages en ligne, cette approche génère davantage de retours qu’une simple diffusion de PPT, tout en facilitant la participation du public.