Social Home OS du foyer · fédéré · ouvert

Blog L'équipe Social Home

Organize, repensé : tâches, courses et Post-it

Un vrai tableau de tâches avec glisser-déposer, une liste de courses avec Annuler, et un mur de Post-it qui fonctionne sur téléphone. Le tout dans Social Home 2026.10.2.

Tableau de tâches pour les projets Maison avec les colonnes À faire, En cours et Terminé, des étiquettes colorées, des échéances et des avatars de responsables

Organize, c’est là qu’un foyer tient ses promesses du quotidien : appeler le plombier, acheter du lait, ne pas oublier les poubelles jeudi. Dans Social Home 2026.10.2, les trois outils ont eu droit à une refonte complète, de la base de données jusqu’au dernier pixel. Nous en sommes vraiment contents.

Tâches, Courses et Post-it (Stickies) partagent désormais les mêmes briques : une barre d’ajout rapide, un squelette de chargement, une carte d’erreur avec Réessayer, un toast Annuler. Ils se ressemblent, se comportent pareil, et chaque contrôle a une zone tactile de 44 px sur téléphone.

Toutes les captures ci-dessous montrent des données d’exemple.

Les tâches deviennent un tableau

Les tâches vivent maintenant sur un tableau à trois colonnes fixes : À faire, En cours et Terminé. Chaque carte affiche sa priorité (de Aucune à Urgente), jusqu’à trois étiquettes, une puce d’échéance (rouge une fois dépassée) et qui s’en occupe. La vue Liste reste à un clic si vous préférez une simple liste à cocher.

Déplacer une carte marche comme vos mains s’y attendent :

  • Souris : faites-la glisser. Une carte fantôme et une ligne d’insertion montrent où elle atterrit, et le tableau défile sur les bords.
  • Tactile : appuyez longuement, pour que le défilement normal continue de fonctionner.
  • Clavier : Alt + ←/→ change de colonne, Alt + ↑/↓ réordonne, et chaque déplacement est annoncé aux lecteurs d’écran.

Si quelque chose échoue en chemin, la carte revient à sa place et vous dit pourquoi. Deux glissements rapides d’affilée ne se gênent jamais.

Une carte de tâche glissée de À faire vers En cours, avec une carte fantôme et une ligne d'insertion
Glisser-déposerUne carte fantôme et une ligne d'insertion montrent exactement où elle atterrit.
Boîte de dialogue Modifier la tâche avec statut, échéance, puces de priorité, étiquettes avec suggestions et responsables
Détails de la tâcheStatut, échéance, priorité, étiquettes avec suggestions, et responsables.
Tableau de tâches sur un téléphone avec les puces de colonne À faire 1, En cours 4 et Terminé 5, et une astuce sur l'appui long
Sur un téléphoneUne colonne à la fois. Les puces servent aussi de cibles de dépôt.

Les couleurs des étiquettes sont dérivées de leur nom, donc elles ne coûtent aucun stockage supplémentaire et rien de plus sur le réseau. Les droits de modification sont plus clairs aussi : le créateur, un responsable ou un administrateur peut modifier une tâche. Tous les autres voient un 🔒 au lieu d’un bouton qui échoue.

Sous le capot

Un glissement à la souris démarre après 4 px de mouvement ; en tactile, appuyez longuement pendant environ 300 ms. Un déplacement envoie au plus deux requêtes : un changement de statut quand la colonne change, puis un réordonnancement qui nomme la carte déplacée. Les déplacements sont mis en file par liste, donc deux glissements rapides n’entrent jamais en collision.

Une liste de courses qui suit le rythme

La liste regroupe les articles par magasin, ou les affiche à plat. Collez plusieurs articles d’un coup et terminez une ligne par @ Magasin pour la ranger au bon endroit. Les articles achetés descendent en bas, grisés.

La suppression est désormais immédiate, avec Annuler. L’astuce : la suppression ne part vers le serveur qu’à l’expiration du toast, donc Annuler n’a jamais rien à recréer. Tout effacer retire exactement les articles que vous avez vus disparaître, pas celui que vous avez coché une seconde plus tard.

Liste de courses regroupée par Aldi, Migros, Bäckerei et Sans magasin, avec une section Déjà acheté en bas
Regroupée par magasinUne section par magasin, les articles achetés en bas.
Liste de courses sur un téléphone avec un toast Annuler après la suppression de Lait
AnnulerSupprimé le lait ? Un tap le ramène.

Des Post-it, sur tous les écrans

Le mur de Post-it reste la porte du frigo de votre foyer, et il fonctionne maintenant aussi sur téléphone. Seule la languette de ruban adhésif capte le toucher, donc balayer le tableau fait défiler la page. Les notes se dimensionnent d’elles-mêmes au tableau. En dessous d’environ 760 px de largeur, elles deviennent une grille ordonnée dans l’ordre de lecture, et leurs positions enregistrées restent intactes pour le grand écran.

Les notes se déplacent par leur languette ou avec les flèches du clavier (Maj déplace cinq fois plus loin). Les couleurs ont des noms maintenant : Jaune, Corail, Menthe, Ciel, Lilas et Pêche. Choisissez une couleur personnalisée sombre et le texte passe de lui-même en encre claire.

Tableau de Post-it avec huit notes colorées, chacune avec une languette de ruban adhésif en haut
Le murAttrapez une note par sa languette et mettez-la à sa place.
Post-it sur un téléphone disposés en grille à deux colonnes
Sur un téléphoneUne grille lisible à deux colonnes.

Plus sûr, et plus rapide aussi

La relecture de l’ancien code a fait remonter quelques points que nous avons corrigés au passage :

  • Les tâches et les Post-it d’un espace restent dans leur espace. Une tâche ou une note d’un espace ne peut pas être atteinte depuis un autre, même en devinant son adresse.
  • La couleur d’une note ne peut plus « téléphoner à la maison ». Avant, une couleur forgée pouvait faire charger une image externe par le navigateur de chaque membre et révéler son adresse IP. Désormais, une couleur n’est qu’une couleur.
  • Organize s’ouvre plus vite. Le compteur « Tâches · N » de la barre latérale ne charge plus chaque liste pour les compter.

Et tout est traduit en anglais, allemand, espagnol, français et néerlandais.

Sous le capot

Chaque requête propre à un espace est désormais vérifiée par rapport à l’espace dans l’URL ; une note ou une tâche d’un autre espace répond 404, exactement comme si elle n’existait pas. Les couleurs des Post-it doivent être une simple valeur #RRGGBB, donc une couleur ne peut plus glisser un url() dans un style. Le compteur « Tâches · N » provient d’une seule requête groupée au lieu d’une requête par liste.

Essayez-le

Le nouvel Organize fait partie de Social Home 2026.10.2. Mettez à jour le module complémentaire dans Home Assistant et ouvrez Organize. Vous découvrez Social Home ? Premiers pas vous mène de Home Assistant à votre premier foyer en quelques minutes.