Kanban

Cette méthode de travail très claire et visuelle permet une meilleure collaboration grâce à une communication en temps réel.

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

Pour que le Kanban fonctionne, la table de données associée doit obligatoirement comporter 6 colonnes particulières.

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 table de données "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 qui nous intéressent. On sélectionne la source de données crée et la colonne de la table 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 table de données. De cette manière, le nom de la tâche créée apparaîtra sur la carte du Kanban, ainsi que dans la table de données.

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.