Tutoriel · Extension & application

📸 Les visuels d'une note : captures, vidéos et écrans mobiles

Une image vaut mieux qu'un long message. Chaque note Kalinotes peut être accompagnée d'un visuel qui montre exactement ce que vous voyez : un élément de la page, une zone, une vidéo de votre parcours ou l'écran d'une application mobile.

⏱ ~5 min📶 Débutant🧩 Extension📱 Application

Tous les visuels possibles

Le visuel s'ajoute au moment où vous créez la note. Il est enregistré avec elle et visible par tous ceux qui suivent le projet, dans l'extension comme dans le dashboard.

🎯

Capture d'un élément

Cliquez sur un bouton, une image ou un bloc : il est capturé et associé à la note.

Voir →
✂️

Capture d'une zone

Délimitez à la souris la partie exacte de la page à montrer.

Voir →
✏️

Capture annotée

Dessinez, surlignez et posez des commentaires directement sur l'image.

Voir →
🎥

Vidéo de la page

Filmez votre parcours dans l'onglet pour montrer un bug qui bouge.

Voir →
🖥️

Vidéo d'une fenêtre ou de l'écran

Enregistrez une autre application ou tout l'écran de votre PC.

Voir →
📱

Écran d'une application mobile

Partagez la copie d'écran d'une app Android vers l'application Kalinotes.

Voir →

1. Capturer un élément de la page

🧩 Extension

C'est le visuel le plus précis : il dit « c'est ce bouton-là, pas l'autre ».

1

Ouvrez l'extension

Sur la page à commenter, cliquez sur l'icône Kalinotes puis sur l'ajout d'une note. L'écran Capture d'un élément s'affiche avec les dimensions de la fenêtre et de la zone visible.

2

Cliquez sur l'élément

Survolez la page : l'élément sous la souris est mis en surbrillance. Cliquez dessus pour l'associer à la note. La capture est prise et l'élément est mémorisé avec sa position.

3

Complétez la note

Ajoutez un titre, un mémo, la catégorie, le statut et la priorité, puis enregistrez. Pas besoin de visuel ? Utilisez Passer cette étape.

2. Capturer une zone précise

🧩 Extension

Quand le problème ne tient pas dans un seul élément (un alignement, un espacement, deux blocs qui se chevauchent), délimitez la zone vous-même depuis l'écran de capture :

RaccourciRésultat
Ctrl + glisserCapture une zone précise de la page
Maj + glisserCapture une zone avec le cadre de sélection visible sur l'image, pour bien repérer la partie concernée

3. Annoter la capture

🧩 Extension

Une fois la capture prise, le bouton ✏️ Annoter la capture ouvre un éditeur directement sur l'image :

  • Crayon pour entourer ou flécher un détail
  • Pinceau pour surligner une zone
  • Commentaire : cliquez sur l'image pour y poser une bulle de texte
  • Choix de la couleur et de l'épaisseur du trait
  • Annuler le dernier trait ou tout effacer pour recommencer

Cliquez sur Enregistrer : l'image annotée remplace la capture d'origine dans la note. Le bouton ✕ Supprimer retire le visuel si vous voulez en reprendre un autre.

4. Enregistrer une vidéo

🧩 Extension

Une animation qui saute, un menu qui se ferme trop tôt, un formulaire qui ne réagit pas : certains bugs ne se voient qu'en mouvement. Depuis l'écran de capture, cliquez sur 🎥 Capture Vidéo. Votre navigateur vous demande alors ce que vous voulez partager :

🌐L'onglet de la page

Filmez uniquement la page web, pour montrer un parcours sur le site.

🪟Une fenêtre

Enregistrez une autre application ouverte sur votre PC.

🖥️L'écran entier

Capturez tout ce qui se passe sur votre écran, plusieurs applications comprises.

  • Pendant l'enregistrement, le bouton passe au rouge et affiche la durée et la taille de la vidéo.
  • Pour terminer, recliquez sur le bouton ou sur Arrêter le partage dans la barre du navigateur.
  • La vidéo s'ajoute à la note, avec un lecteur pour la revoir. Vous pouvez encore sélectionner un élément de la page à lui associer.
  • 💬 Annoter la vidéo permet d'y ajouter vos commentaires, et ✕ Supprimer de la retirer.
💡 La taille d'une vidéo est limitée à 10 Mo, ce qui correspond à quelques dizaines de secondes à une minute environ. Préparez votre parcours avant de lancer l'enregistrement pour aller droit au but.

5. Montrer une application mobile

📱 Application Kalinotes

Vous testez une application Android ? Joignez à votre note une capture d'écran de l'application en cours de fonctionnement, grâce au partage d'Android. Le développeur voit exactement l'écran, l'état et le message affichés sur le téléphone, sans que vous ayez à les décrire.

1

Faites une copie d'écran

Dans l'application à tester, au moment où le problème est visible, prenez une copie d'écran avec le raccourci habituel de votre téléphone (souvent Marche/Arrêt + Volume bas).

2

Partagez-la vers Kalinotes

Touchez Partager sur l'aperçu de la capture (ou depuis votre galerie), puis choisissez Kalinotes dans la liste des applications.

3

Complétez la note

L'application Kalinotes s'ouvre avec la capture : ajoutez votre commentaire et enregistrez la note dans le bon projet.

  • Idéal pour la recette d'une application mobile, en conditions réelles sur votre smartphone.
  • La note et sa capture sont synchronisées avec votre compte : elles apparaissent aussitôt dans le dashboard.

Vous préférez travailler depuis votre ordinateur ? Pilotez votre téléphone depuis le navigateur avec droidVNC-NG et utilisez les captures de l'extension.

6. Le contexte technique, ajouté tout seul

Quel que soit le visuel choisi depuis l'extension, la note enregistre automatiquement les informations utiles pour reproduire le problème :

  • L'URL exacte de la page
  • La taille de la fenêtre et de la zone visible (viewport)
  • Le navigateur utilisé (Chrome, Firefox, Edge…)
  • L'élément sélectionné, quand vous en avez choisi un

Quel visuel choisir ?

Vous voulez montrer…Le bon visuel
Un texte, un bouton, une image à corriger🎯 Capture d'un élément
Un problème de mise en page entre plusieurs blocs✂️ Capture d'une zone (Ctrl ou Maj + glisser)
Une modification précise à faire✏️ Capture annotée
Un bug qui apparaît pendant un parcours🎥 Vidéo de l'onglet
Un problème dans un autre logiciel ou entre plusieurs fenêtres🖥️ Vidéo d'une fenêtre ou de l'écran
Un écran d'application mobile📱 Copie d'écran partagée vers l'application Kalinotes

→ Aller plus loin : partager vos remarques avec Kalinotes

Convaincu ? Lancez-vous.

Installez l'extension et créez votre première note illustrée en moins d'une minute. Gratuit, sans carte bancaire.

1Installez l'extensionChrome, Firefox ou Edge
2Capturez, annotez, envoyezVotre retour arrive dans le dashboard