# Kanban

{% embed url="<https://youtu.be/BiU3xH8dcaA>" %}

**Kanban** signifie “Étiquette” en japonais. La méthode Kanban fonctionne sur un système de cartes (ou d’étiquettes) indiquant continuellement les tâches à réaliser, quand les réaliser, et les tâches déjà réalisées.

## 1. Préparer l’organisation de la future donnée&#x20;

{% hint style="warning" %}
Pour que le Kanban fonctionne, la [**liste**](https://doc.kis.work/documentation/guide-de-demarrage/importez-vos-donnees-dans-kis/creez-et-peuplez-une-liste) associée doit obligatoirement comporter 6 colonnes particulières.
{% endhint %}

| Nom de la colonne          | Format de la colonne | Valeur par défaut | Description                                                           |
| -------------------------- | -------------------- | ----------------- | --------------------------------------------------------------------- |
| **project\_status**        | Texte                | `Laisser vide`    | Statut des colonnes du Kanban (ex : À réaliser / En cours / Terminé). |
| **project\_id**            | Texte                | `Laisser vide`    | Permet l'ordre / la position des cartes.                              |
| **project\_label\_red**    | Vrai / faux          | `Laisser vide`    | Permet d'ajouter un marqueur rouge sur une carte.                     |
| **project\_label\_yellow** | Vrai / faux          | `Laisser vide`    | Permet d'ajouter un marqueur jaune sur une carte.                     |
| **project\_label\_green**  | Vrai / faux          | `Laisser vide`    | Permet d'ajouter un marqueur vert sur une carte.                      |
| **project\_label\_blue**   | Vrai / faux          | `Laisser vide`    | Permet d'ajouter un marqueur bleu sur une carte.                      |

## 2. La partie visuelle du Kanban

1 - Dans notre page, on ajoute un **container vide** et l'on vient glisser-déposer le **composant Kanban**. On clique dessus afin d'afficher, sur la gauche, le volet d’édition.

2 - Dans **Données**, on crée une nouvelle source (ici, **Kanban Événements**) que l'on va relier à notre [**liste**](https://doc.kis.work/documentation/guide-de-demarrage/importez-vos-donnees-dans-kis/creez-et-peuplez-une-liste) "**kanban-événements**".

3 - On sélectionne les **Options d'attributs**. C'est-à-dire les droits donnés à l’utilisateur pour interagir avec le Kanban : **créer, déplacer, modifier et/ou supprimer des cartes**.

4 - Dans **Origine de la carte**, on intègre les [**données dynamiques**](https://doc.getkis.io/docs/les-donn%C3%A9es-dynamiques) qui nous intéressent. On sélectionne la source de données crée et la colonne de la liste correspondante, "**project\_status**".

5 - On répète l'opération dans **Texte d'aperçu de la page** mais, cette fois, en reliant ce champ à la colonne "**project\_id**" de notre liste. De cette manière, le nom de la tâche créée apparaîtra sur la carte du Kanban, ainsi que dans la liste.

6 - On ajoute **autant de colonnes que nécessaire** à notre Kanban et on les nomme. Dans notre exemple, on en crée trois : **À faire, En cours, Terminé**.

7 - Si on le souhaite, via **Liens vers d'autres pages**, on peut également intégrer et personnaliser un bouton de redirection sur les cartes du Kanban.

8 - Allons vérifier le **rendu final côté utilisateur**. Les trois colonnes sont visibles.

Et il est possible de **créer une nouvelle carte**, de la nommer, de lui attribuer un code couleur, de la déplacer entre les colonnes, de la modifier ou de la supprimer.