Installation

Installer l’extension

Choisir son navigateur. Ensuite, sur votre site, cliquer sur l’icône de l’extension et se connecter avec GitHub.

Firefox

Installer pour Firefox

Cliquer sur le bouton. Firefox demande si ce site peut installer un module complémentaire : choisir « Continuer l’installation », puis « Ajouter ».

Pour l’épingler : icône puzzle dans la barre d’outils, puis ⋯ à côté de Dance Connect Feedback, puis « Épingler à la barre d’outils ».

Les mises à jour s’installent automatiquement.

Chrome

Télécharger pour Chrome (.zip)

Pas dans le Chrome Web Store : télécharger le paquet, puis le charger depuis le disque.

  1. Télécharger le fichier .zip et le décompresser dans un dossier que vous gardez. Chrome charge l’extension depuis ce dossier.
  2. Saisir chrome://extensions dans la barre d’adresse.
  3. En haut à droite, activer le Mode développeur.
  4. En haut à gauche, cliquer sur « Charger l’extension non empaquetée » et choisir le dossier décompressé, celui qui contient manifest.json.
  5. Pour l’épingler : icône puzzle dans la barre d’outils, puis l’épingle à côté de Dance Connect Feedback.

Pas de mise à jour automatique. Pour mettre à jour, télécharger à nouveau le .zip, remplacer les fichiers dans le même dossier, puis cliquer sur la flèche d’actualisation de la carte de l’extension dans chrome://extensions.

BitMan · Feedback Capture

Des signalements qui arrivent en issues GitHub.

Vos testeurs cliquent sur l’icône dans le navigateur, sélectionnent ce qui ne va pas et ajoutent une note. Votre équipe reçoit une issue GitHub avec les captures, la page, le navigateur et ce qui a échoué en arrière-plan.

Fenêtre de signalement avec deux captures, le type de signalement et le bouton Envoyer

Plus besoin de copier des captures dans des tickets.

La page, le navigateur et l’erreur sont déjà dans l’issue. Personne n’a à redemander.

Contenu d’un signalement

Ce que contient l’issue

Tout ce dont un développeur a besoin pour reproduire le problème, en un seul signalement.

Captures

Une zone ou toute la page

Une ou plusieurs zones, ou toute la page visible, chacune avec la note du testeur. Jusqu’à huit par signalement.

Contexte

Page et navigateur

Adresse sans jetons, titre de la page, heure, navigateur, taille de l’écran et élément sélectionné.

Diagnostic

Erreurs de console et requêtes en échec

Enregistrés sur cette page dès l’ouverture de l’outil : erreurs JavaScript, avertissements et requêtes en échec avec adresse, méthode et statut.

Parcours

Derniers clics

Les éléments cliqués avant le problème. Les valeurs saisies ne sont jamais enregistrées.

Classement

Type et labels

Bug, amélioration ou question devient un label, avec un label commun de feedback. La liste se filtre facilement.

Logs

Liens vers vos logs serveur

Si votre application envoie ses logs à Grafana Loki, l’issue renvoie aux logs de cette période. Si vos pages exposent un identifiant de session pseudonyme, aussi à la session exacte du testeur.

Déroulement

Fonctionnement

Trois étapes pour le testeur, sans configuration.

01

Ouvrir l’outil

Cliquer sur l’icône de l’extension sur la page. Tracer la zone à la souris ou choisir « Capture all ».

02

Décrire

Écrire une note, choisir bug, amélioration ou question. Ajouter d’autres captures en continuant d’utiliser la page ; l’icône indique combien attendent.

03

Envoyer

Un clic crée l’issue GitHub sous le compte du testeur et affiche le lien.

Sélectionner une zone et écrire une note
Sélectionner une zone et écrire une note
Grand aperçu d’une capture jointe
Grand aperçu d’une capture jointe

Confidentialité et accès

Uniquement ce que le testeur envoie

  • Connexion avec le compte GitHub du testeur. Les jetons GitHub restent chiffrés sur le serveur ; l’extension ne les reçoit jamais.
  • L’extension ne lit une page qu’après un clic sur son icône sur cette page. Les cookies, les valeurs saisies, les en-têtes et le contenu des requêtes ne sont pas collectés ; les formats d’identifiants connus sont supprimés.
  • Les captures sont stockées dans votre dépôt, sur la branche séparée feedback-assets. L’accès suit les droits du dépôt.
  • Le serveur supprime sa copie d’un signalement dès qu’il est enregistré dans GitHub.
Politique de confidentialité (en anglais) →

En pratique

Chez DanceConnect

DanceConnect est une plateforme pour les écoles de danse. Ses testeurs signalent les problèmes directement dans le dépôt GitHub de l’équipe : chaque issue arrive avec labels, captures et liens vers les logs Grafana de ce moment.

Pour les testeurs DanceConnect : installer l’extension →

Mise en place

Mise en place pour votre équipe

Feedback Capture fonctionne avec les dépôts GitHub, y compris privés. Le propriétaire du dépôt le connecte une fois ; les testeurs se connectent simplement. S’il n’y a qu’un dépôt connecté, il est choisi automatiquement.

Nous le mettons en place ensemble : connecter le dépôt, vérifier les premiers signalements avec votre équipe et, si vous utilisez Grafana Loki, relier les issues à vos logs. Le service peut aussi fonctionner sur votre propre infrastructure. Nous convenons du périmètre et du coût avant de commencer.

Parler de votre projet
Propriétaire d’un dépôt : connecter un dépôt sur GitHub →

Questions fréquentes

Quels navigateurs sont pris en charge ?

Firefox, avec une extension signée qui se met à jour seule. Chrome et les autres navigateurs Chromium par une installation directe du paquet téléchargé ; les étapes sont en haut de cette page.

Les testeurs ont-ils besoin d’un compte GitHub ?

Oui. Les issues sont créées sous le compte de chaque testeur, et chacun ne voit que les dépôts auxquels il a accès.

Est-ce que cela fonctionne avec des dépôts privés ?

Oui. Dans un dépôt privé, les captures ne sont visibles que par les personnes ayant accès au dépôt.

Où les données sont-elles stockées ?

Les captures et l’issue sont dans votre dépôt GitHub. Le serveur conserve les données de connexion et, jusqu’à l’enregistrement d’un signalement, son contenu, chiffrés.

Combien cela coûte-t-il ?

Cela dépend de la mise en place : hébergé par nous ou sur votre infrastructure, nombre de projets et besoin de liens vers les logs. Nous convenons du périmètre et du coût avant de commencer.

Contact

Mettre en place le feedback pour votre projet