Ce document constitue une note d'intention préalable à la rédaction d'un cahier des charges dédié à la prochaine itération du projet TODD.
Dans une démarche d'amélioration continue, nous nous proposons de faire une évaluation du système en place en en dressant un état des lieux objectif de l'interface utilisateur et des fonctionnalités proposées.
Dans un deuxième temps, en tenant compte de la perspective nouvelle de possibilités d'interactivité du support de diffusion, nous donnerons des éléments de réflexion, d'améliorations, de projection autour du projet TODD et de son évolution.
Ce document doit se concevoir comme un support de discussion entre les parties prenantes du projet TODD et devra permettre de préciser le contenu du cahier des charges et les axes principaux d'optimisation.
Existant
Description de l'interface TODD
Nous allons décrire l'existant de l'application TODD. L'interface est conçue pour le moment comme un tableau de bord avec trois parties notables :
Un bandeau d'état des contenus (brouillon, en attente, validés, rejetés).
Un menu des modules utilisés, permettant de filtrer les contenus par type.
Un tableau avec la liste des contenus créés.
Dans la table des contenus existants, un bouton permet d'accéder aux différentes actions concernant le contenu :
- Éditer le contenu pour en changer les paramètres.
- Voir le contenu tel qu'il sera afficher en diffusion depuis le boîtier.
- Archiver le contenu.
- Supprimer le contenu.
Création de contenu
Le processus de création de contenu est vraiment très simple.
On clique sur le bouton Créer nouveau
Dans la modale qui apparait, on saisit un titre, on sélectionne le type de contenu dans un menu déroulant.
Le contenu de la modale change en fonction du type de contenu choisi : des champs appropriés au type de contenu apparaissent.
Par exemple, pour le type de Anniversaire, la modale de création devient :
Une visualisation des données stockées dans la base sous forme de JSON est visible (payload). Pour l'instant, cette fonctionnalité n'est pas dynamique.
À la fin du processus de création, l'utilisateur connecté à l'interface doit avoir les droits nécessaires pour finaliser le nouveau contenu.
Types de contenus
Voici une liste des types de modules de contenu disponibles. Certains modules sont encore partiellement implémentés ou pas implémentés du tout.
Organigramme
Partiellement implémenté 🚧
Permet d'afficher l'organigramme d'une société. Pour le moment, on ne peut que téléverser une image mais un éditeur d'organigramme est aussi prévu (il reste à développer cependant).
Anniversaires
Fonctionnel ✅
Permet de célébrer un anniversaire en affichant un carton et un message nominatif.
Ce module utilise aussi un éditeur de liste permettant de gérer une banque de nom et de date de naissances (importable aussi sous la forme d'un fichier de type feuille de calcul). Si une liste est utilisée dans ce module, le contenu va afficher les anniversaires à venir en même temps que les anniversaires courants.
⚠️ Doublons (personnes ayant la même date d'anniversaire) à vérifier.
Événements
Non implémenté ⛔
Affichage d'évènements à venir.
Boîte à idées
Non implémenté ⛔
Poster des idées pour améliorer le fonctionnement et la vie dans l'entreprise.
Sondages
Non implémenté ⛔
Réalisation de sondage au sein de l'entreprise.
Sécurité/Accidents
Fonctionnel ✅
Permet de tenir le compte des accidents au travail. L'interface permet de visualiser dans un tableau de bord les statistiques sous forme de courbes du nombres d'incidents mais aussi en les classant par type d'activité ou de lésion. On peut aussi situer les accident sur les parties du corps dans un graphique. Enfin, on a la possiblité de faire passer un message.
En mode édition (dans l'interface TODD), on peut déclarer un incident via un formulaire.
Compte à rebours
Fonctionnel ✅
Flip clock avec un décompte jusqu'à une échéance, puis affichage d'un message.
Pronostics sportifs
Non implémenté ⛔
Proposer sous la forme d'un jeu des pronostics autour d'événements sportifs entre les membres de l'entreprise.
Voyages
Fonctionnel ✅
Afficher un tableau de départs et/ou d'arrivées de vols dans un aéroport. L'utilisateur peut choisir la villes et le nom de l'aéroport.
Calendrier de l'avent
Non implémenté ⛔
Page Facebook
Non implémenté ⛔
Affiche une page Facebook particulière.
Page personnalisée
Fonctionnel ✅
Définition d'une page à afficher sous la forme :
- d'un iframe
- d'un code HTML
- d'un texte écrit directement dans l'interface (éditeur dédié)
Météo
Non implémenté ⛔
Affichage d'un bulletin simplifié.
Citations
Partiellement implémenté 🚧
Affiche une citation choisie dans un flux RSS (liste de flux présélectionnés ou URL fourni par l'utlisateur) ou une base de données sous la forme d'un tableau (cette fonctionnalité reste à implémenter).
Des paramètres d'affichage sont prévus : couleurs texte et fond, fonte, taille, position.
Bienvenue
Fonctionnel ✅
Affichage d'un message de bienvenue pour une personne en pqrticulier. Deux modes sont proposés :
- mode formulaire : message, nom de la personne, titre/fonction, menu de sélection de police, image de fond. Rendu dynamique.
- mode studio (définition dans un éditeur inclus)
Indicateurs
Non implémenté ⛔
Affichage de données dynamiques récupérés en ligne (cours de la bourse,...)
Propositions
Design
Nous avons pensé un design avec en tête une expérience utilisateur la plus simple possible. Le dispositif de gestion des contenus diffusé via TODD doit rester extrêmement simple afin de gagner un maximum de public, quel que soit le niveau de maîtrise de l'outil informatique de l'utilisateur.
Nous n'avons pas arrêté de charte graphique précise mais juste une maquette collant à l'expérience utilisateur imaginée ci-dessous.
L'utilisateur qui se connecte à l'interface de gestion de TODD doit visualiser les dispositifs de diffusion dont il dispose. Chaque machine responsable d'une diffusion est matérialisée par une carte. Le titre de la carte mentionne le nom du dispositif, sa localisation et l'état de connexion. Ensuite, la carte montre la liste des contenus sous forme d'icônes. Dans ce tableau de contrôle, l'utilisateur a donc une vision d'ensemble de son système de diffusion de contenus.
Lorsqu'on clique sur une carte d'un dispositif, on accède à la liste des contenus. L'utilisateur voit les détails de chaque contenu. Il peut éditer ou retirer un contenu. Il peut aussi accéder via le bouton Organiser à une vue dans laquelle il pourra décider de positionner ses éléments sur une grille ou de les afficher en mode diapositive (un contenu après l'autre).
Dans la fenêtre d'organisation, il peut faire apparaître la liste des contenus disponible. Il les affecte à ses dispositif TODD par glisser déposer. Depuis cette liste, en cliquant sur le signe + en bas à droite, il peut ajouter du contenu.
Lorsque l'utilisateur clique sur le bouton pour ajouter un contenu, il accède à une palette avec tous les types de contenus disponibles sous forme de tuiles nommées. On pourra envisager un détails en tooltip au survol.
Modules existants
Organigrammes 🚧
💡 Idées :
- Nom, fonction, image, contact, bureau, QRCode pour joindre...
- Utilisation de la syntaxe Mermaid pour designer l'organigramme dans l'éditeur.
- Création de cartes sous la forme d'une liste + glisser/déposer pour gestion de l'organisation des cartes
❓ Interrogation : La liste des personnes dans l'organigramme pourrait être réinvestie dans celle des anniversaires. Quid d'un système de communication entre les différents contenus, de partage de paramètres, de stockage de paramètres séparément du contenu pour pouvoir être partagé...
Événements ⛔
💡 Idées :
- Principe de liste de personnes participant à l'événement.
- Système de stockage des personnes participant à l'événement (si participation non obligatoire).
- Notifications de rappel
Boîte à idées ⛔
💡 Idées :
Sondages ⛔
💡 Idées :
Sécurité/Accidents ✅
💡 Idées :
Compte à rebours ✅
💡 Idées :
- Notifications de certaines personnes à la fin du décompte.
Pronostics sportifs ⛔
💡 Idées :
Voyages ✅
💡 Idées :
- Un champ dynamique pour la recherche des trigrammes des villes.
- Un menu de sélection des aéroports construit sur le trigramme fourni.
- Possibilité de définir plusieurs villes, plusieurs aéroports.
- Choisir la couleur du tableau.
Calendrier de l'avent ⛔
💡 Idées :
Page Facebook ⛔
💡 Idées :
- QRCode du lien de la page
Page personnalisée ✅
💡 Idées :
- Proposer un mode Markdown dans l'éditeur.
Météo ⛔
💡 Idées :
- Géolocalisation pour bulletin automatique.
Citations 🚧
💡 Idées :
- Partie liste custom de citations (prévue mais non implémentée).
Détails d'amélioration
- Lorsqu'un champ obligatoire est non renseigné, lui applique run ombrage rouge pour le signalement (sinon, l'enregistrement ne fonctionne pas et l'utilisateur ne sait pas forcément pourquoi).