GitScrum / Docs
Available for VS Code, Cursor, Windsurf, and any VS Code forkInstall from Marketplace

Tableau Kanban

Le panneau du tableau Kanban intègre l'ensemble de votre flux de gestion de tâches dans l'éditeur. Consultez les colonnes, faites glisser les tâches entre les étapes, créez et modifiez des tâches en ligne, gérez plusieurs tableaux et accédez aux statistiques — le tout dans un onglet webview à côté de votre code.


Le problème résolu

Ouvrir un navigateur pour consulter votre tableau, trouver la prochaine tâche ou mettre à jour un statut interrompt votre flux de développement. Le temps de naviguer jusqu'au tableau, de trouver la bonne tâche et de revenir à votre éditeur, vous avez perdu le contexte du code que vous étiez en train d'écrire.

Le panneau Board garde votre flux de tâches visible et actionnable dans la même fenêtre que votre code. Terminez une fonction, faites glisser la tâche vers « Review » et continuez sans jamais quitter l'éditeur.


Ce que vous voyez

Le panneau Board s'ouvre en tant qu'onglet d'éditeur affichant le tableau Kanban de votre projet. L'interface se compose des zones suivantes :

Barre d'en-tête : boutons de basculement de vue (Kanban, Liste), menu déroulant de sélection de tableau et boutons d'action pour créer des colonnes et des tâches.

Zone des colonnes : colonnes verticales représentant les étapes du flux de travail. Chaque colonne affiche son nom, le nombre de tâches et un indicateur de couleur.

Cartes de tâches : cartes compactes à l'intérieur des colonnes affichant le titre de la tâche, le code (comme #PROJ-42), les avatars des personnes assignées, les labels, la barre de progression et la date d'échéance.

Tiroir de tâche : panneau coulissant qui s'ouvre lorsque vous cliquez sur une carte de tâche, affichant les détails complets avec édition en ligne.


Ouvrir le tableau

Ouvrez le panneau Board en utilisant l'une de ces méthodes :

  • Cliquez sur Board sous la section Build dans la barre latérale GitScrum
  • Ouvrez la palette de commandes et exécutez GitScrum: Open Board

Le panneau s'ouvre en tant qu'onglet d'éditeur. Vous pouvez le diviser à côté de fichiers de code, l'épingler ou le faire glisser vers un groupe d'éditeurs séparé.


Vue Kanban

La vue par défaut affiche les colonnes disposées horizontalement avec les cartes de tâches empilées à l'intérieur de chaque colonne.

Colonnes

Les colonnes représentent les étapes du flux de travail comme « Backlog », « In Progress », « Review » et « Done ». Chaque colonne affiche :

  • Le nom de la colonne et le nombre de tâches dans l'en-tête
  • Une bordure supérieure colorée pour une identification visuelle rapide
  • Les cartes de tâches dans une zone défilable sous l'en-tête

Créer une colonne

Cliquez sur le bouton « Column » dans la barre d'en-tête pour créer une nouvelle colonne de workflow. Indiquez un nom et sélectionnez éventuellement une couleur. La nouvelle colonne apparaît à la fin de votre tableau.

Gestion des colonnes

Cliquez sur l'icône du menu déroulant dans l'en-tête de n'importe quelle colonne pour accéder aux paramètres de la colonne :

  • Renommer la colonne
  • Changer la couleur de la colonne
  • Définir l'état de la colonne (ouvert, en cours ou fermé)
  • Supprimer la colonne (les tâches sont déplacées vers une colonne par défaut)

Cartes de tâches

Chaque carte de tâche affiche en un coup d'œil :

  • Le titre de la tâche et son identifiant de code
  • Les avatars des personnes assignées
  • Les couleurs des labels
  • L'indicateur de progression (lorsque des sous-tâches existent)
  • La date d'échéance (lorsqu'elle est définie)

Cliquez sur n'importe quelle carte pour ouvrir le tiroir de tâche avec les détails complets et les capacités d'édition.

Glisser-déposer

Déplacez les tâches entre les colonnes en cliquant et en faisant glisser les cartes de tâches. Les modifications se synchronisent en temps réel pour tous les membres de l'équipe. Lorsque vous déposez une tâche dans une nouvelle colonne, son statut de workflow est mis à jour immédiatement.


Vue Liste

Basculez vers la vue Liste depuis l'en-tête pour voir toutes les tâches dans un format de tableau plat. Cette vue est utile lorsque vous devez parcourir de nombreuses tâches à la fois ou que vous préférez une liste traditionnelle au tableau visuel.

La liste affiche des colonnes triables incluant le code de la tâche, le titre, les personnes assignées, le statut, la priorité, les labels et la date d'échéance.


Créer des tâches

Cliquez sur le bouton « Task » dans l'en-tête pour créer une nouvelle tâche. Le formulaire de création rapide capture :

  • Le titre de la tâche (requis)
  • L'affectation de colonne (étape du workflow)
  • Des champs supplémentaires disponibles après la création dans le tiroir de tâche

Les tâches apparaissent immédiatement dans la colonne assignée après la création.


Le tiroir de tâche

Le tiroir de tâche est un panneau coulissant qui s'ouvre lorsque vous cliquez sur n'importe quelle carte de tâche. Il offre une visualisation complète des détails de la tâche et une édition en ligne.

Ce que vous pouvez modifier

Le tiroir vous permet de modifier directement les propriétés suivantes de la tâche :

Titre et description : cliquez pour modifier en ligne. La description prend en charge le formatage Markdown.

Statut du workflow : changez l'affectation de colonne de la tâche depuis un menu déroulant.

Type de tâche : définissez le type de tâche (fonctionnalité, bug, amélioration, etc.).

Personnes assignées : ajoutez ou retirez des membres de l'équipe assignés à la tâche.

Labels : attachez ou détachez des labels à code couleur pour la catégorisation.

Dates : définissez la date de début, la date d'échéance ou les deux.

Indicateurs : basculez les indicateurs de la tâche :

  • Draft — marque la tâche comme brouillon, pas prête pour le travail
  • Blocker — signale la tâche comme bloquante pour d'autres travaux
  • Archived — retire la tâche de la vue active du tableau

Checklists

Créez et gérez des checklists au sein du tiroir de tâche :

  1. Ajoutez une nouvelle checklist avec un titre
  2. Ajoutez des éléments à la checklist
  3. Cochez les éléments au fur et à mesure de leur complétion
  4. Supprimez des éléments ou des checklists entières

La progression de la checklist se reflète dans l'indicateur de progression de la carte de tâche sur le tableau.

Commentaires

Consultez et ajoutez des commentaires directement dans le tiroir de tâche :

  • Lisez l'ensemble du fil de commentaires
  • Ajoutez de nouveaux commentaires avec du texte formaté
  • L'activité des commentaires apparaît dans la chronologie de la tâche

Affectation à un tableau

Si votre projet possède plusieurs tableaux, vous pouvez changer le tableau auquel appartient une tâche depuis le menu déroulant du tiroir.


Tableaux multiples

Les projets peuvent avoir plusieurs tableaux pour organiser différents flux de travail. Le menu déroulant de sélection de tableau dans l'en-tête vous permet de basculer entre les tableaux disponibles.

Utilisez plusieurs tableaux pour séparer :

  • Le travail sur les fonctionnalités de la maintenance
  • Les tâches frontend des tâches backend
  • Les différents flux de travail des équipes

Les tâches appartiennent à un seul tableau à la fois. Vous pouvez réaffecter les tâches entre les tableaux depuis le tiroir de tâche.


Statistiques du tableau

Le tableau inclut des statistiques intégrées accessibles depuis les contrôles de vue :

Cumulative Flow Diagram (CFD) : affiche comment les tâches s'accumulent dans chaque étape du workflow au fil du temps. Des bandes qui s'élargissent indiquent des goulots d'étranglement.

Chronologie : visualise le mouvement et l'achèvement des tâches au fil du temps.

Graphique de vélocité : suit le nombre de tâches que votre équipe complète par période.

Ces graphiques utilisent l'historique réel de vos tâches et se mettent à jour au fur et à mesure de l'avancement du travail.


Tâches archivées

Activez la vue d'archive pour afficher ou masquer les tâches archivées sur le tableau. Les tâches archivées apparaissent avec un indicateur visuel. Utilisez ceci pour :

  • Examiner le travail accompli
  • Récupérer des tâches archivées par erreur
  • Auditer les données historiques des tâches

Astuces (une fois que vous serez à l'aise)

  • Côte à côte : divisez votre éditeur avec le code à gauche et le Board à droite. Lorsque vous terminez l'implémentation d'une fonctionnalité, faites glisser sa carte de tâche vers la colonne suivante immédiatement.
  • Création rapide de tâches : utilisez la création de tâches en ligne dans l'en-tête du tableau — tapez un titre et appuyez sur Entrée pour capturer rapidement des tâches lors des sessions de planification.
  • Raccourci du tiroir : cliquez sur une carte de tâche, effectuez vos modifications dans le tiroir, puis fermez-le. Le tableau s'actualise automatiquement en affichant vos modifications.
  • Tableaux multiples : créez un tableau « Tech Debt » séparé du travail sur les fonctionnalités. Cela garde votre tableau principal concentré tout en suivant les travaux de nettoyage importants.

Permissions

L'accès au tableau suit votre rôle dans le projet GitScrum :

  • Agency Owners et Managers : accès complet — créer/modifier/supprimer des colonnes, gérer toutes les tâches, accéder aux statistiques
  • Developers : peuvent créer des tâches, déplacer des tâches entre les colonnes, modifier les détails des tâches
  • Clients : accès en lecture seule au tableau (si l'accès au projet est accordé)

Comment signaler un problème ou demander une fonctionnalité

Si le tableau ne s'affiche pas correctement ou si vous avez des idées d'amélioration, soumettez vos retours via GitScrum Studio.

Dans la barre latérale de l'application web, cliquez sur Support Tickets et ouvrez un ticket décrivant votre expérience.