Aperçu du tableau de bord

Votre tableau de bord Cothon est votre centre de commandement central pour l'intelligence d'approvisionnement. Il fournit un accès d'un coup d'œil aux mesures critiques, aux tendances du marché, à l'intelligence concurrentielle et aux informations exploitables—tous personnalisables pour correspondre à votre flux de travail et à vos priorités stratégiques.

Le tableau de bord utilise une architecture flexible basée sur des widgets qui vous permet de créer des vues personnalisées de votre paysage d'approvisionnement. Que vous suiviez les taux de réussite, surveiliez l'activité des concurrents, analysiez les tendances de prix ou identifiiez de nouvelles opportunités, votre tableau de bord s'adapte pour présenter l'information la plus pertinente.

Qu'est-ce que le tableau de bord?

Le tableau de bord est le premier écran que vous voyez après vous être connecté à Cothon. Il sert de centre d'analyse personnalisé, combinant:

• Mesures en temps réel de votre historique de soumissions et de vos poursuites en cours
• Intelligence de marché agrégée à partir des sources d'approvisionnement gouvernementales
• Analytique concurrentielle suivant les modèles de titulaires et le comportement des concurrents
• Informations alimentées par l'IA mettant en évidence les tendances, les risques et les opportunités
• Suivi de performance pour les taux de réussite, la précision des prix et la santé du pipeline
• Actions rapides pour accéder à l'analyse, examiner les opportunités ou générer des propositions

Contrairement aux outils de rapport statiques, le tableau de bord Cothon est dynamique et interactif. Cliquez sur n'importe quelle mesure pour approfondir les détails, survolez les graphiques pour les données contextuelles et utilisez les filtres pour vous concentrer sur des périodes spécifiques, des organismes ou des catégories.

Architecture du tableau de bord

Le tableau de bord se compose de trois couches principales:

1. Système de grille de widgets

Les widgets sont disposés dans une grille réactive qui s'adapte à la taille de votre écran. Chaque widget occupe une ou plusieurs cellules de grille et peut être:

• Redimensionné en faisant glisser les poignées de coin
• Déplacé en faisant glisser l'en-tête du widget
• Configuré via l'icône de paramètres dans chaque en-tête de widget
• Supprimé en cliquant sur le bouton X (masqué jusqu'au survol)
• Ajouté à partir du catalogue de widgets dans la barre d'outils du tableau de bord

La grille se réorganise automatiquement lorsque vous ajoutez, supprimez ou redimensionnez des widgets, maintenant une disposition propre sans ajustement manuel.

2. Mécanisme de rafraîchissement des données

Les données du tableau de bord se mettent à jour selon plusieurs horaires selon la source de données:

• Données en temps réel (état de soumission, changements de pipeline): Mises à jour toutes les 30 secondes via WebSocket
• Analytique agrégée (taux de réussite, tendances): Rafraîchit toutes les 5 minutes
• Intelligence de marché (nouvelles opportunités, activité des concurrents): Rafraîchit toutes les 15 minutes
• Données historiques (graphiques, tendances): Mise en cache pendant 1 heure, rafraîchit à la demande

Vous pouvez rafraîchir manuellement n'importe quel widget en cliquant sur l'icône de rafraîchissement dans l'en-tête du widget.

3. Moteur de personnalisation

Votre configuration de tableau de bord est enregistrée dans votre profil utilisateur, incluant:

• Sélection de widgets: Quels widgets sont visibles
• Disposition de widgets: Position et taille de chaque widget
• Paramètres de widgets: Filtres, plages temporelles et options d'affichage pour chaque widget
• Vue du tableau de bord: Vous pouvez créer plusieurs vues de tableau de bord nommées pour différents objectifs

Lorsque vous vous connectez depuis un appareil différent, votre disposition de tableau de bord personnalisée vous suit.

Catégories de widgets

Cothon offre plus de 20 widgets de tableau de bord organisés en six catégories:

Widgets d'aperçu du marché

Suivez le paysage d'approvisionnement plus large et identifiez les tendances:

• Aperçu du marché: Mesures clés (opportunités totales, valeur totale, valeur moyenne, concurrents actifs)
• Tendances du marché: Graphiques de séries temporelles montrant le volume d'opportunités et la valeur au fil du temps
• Distribution des catégories: Graphiques circulaires/à barres décomposant les opportunités par catégorie d'approvisionnement
• Activité des organismes: Classement des organismes d'approvisionnement les plus actifs
• Carte de chaleur géographique: Visualisation cartographique des emplacements d'opportunités
• Calendrier d'approvisionnement: Vue chronologique des dates limites à venir et des versions de sollicitation

En savoir plus sur les widgets d'aperçu du marché →

Widgets de performance de soumission

Surveillez l'efficacité de soumission de votre équipe et la santé du pipeline:

• Analyse du taux de réussite: Ratios gains/pertes avec lignes de tendance et filtres
• Statistiques de soumission: Total de soumissions, en attente, gagnées, perdues avec mesures de conversion
• Analyse de prix: Prix soumis vs. prix gagnants avec analyse de variance
• Aperçu du pipeline: Visualisation de l'entonnoir des opportunités à chaque étape
• Calendrier de soumission: Calendrier des dates limites et dates de soumission à venir
• Analyse d'effort: Allocation de temps et de ressources entre les soumissions actives

En savoir plus sur les widgets de performance de soumission →

Widgets d'intelligence concurrentielle

Comprenez votre paysage concurrentiel et votre positionnement:

• Analyse des concurrents: Principaux concurrents par gains, fréquence de soumission et part de marché
• Indice HHI: Indice Herfindahl-Hirschman mesurant la concentration du marché
• Analyse des titulaires: Suivi des renouvellements de contrats et des taux de rétention des titulaires
• Recherche de différenciateurs: Lacunes identifiées par l'IA où vos capacités se démarquent
• Chevauchement concurrentiel: Diagramme de Venn montrant quels concurrents vous affrontez le plus souvent
• Gains/Pertes par concurrent: Performance face à face contre des concurrents spécifiques

En savoir plus sur les widgets d'intelligence concurrentielle →

Widgets de découverte d'opportunités

Faites ressortir de nouvelles opportunités alignées avec vos capacités:

• Recommandations intelligentes: Opportunités appariées par IA basées sur votre profil de capacités
• Récemment publiées: Dernières opportunités gouvernementales avec filtrage
• Recherches enregistrées: Accès rapide à vos critères de recherche d'opportunités enregistrés
• Liste de surveillance: Opportunités que vous avez signalées pour surveillance
• Expire bientôt: Dates limites approchant dans les 7/14/30 prochains jours
• Alertes haute valeur: Opportunités au-dessus de votre seuil de valeur défini

Catalogue complet de widgets →

Widgets d'informations et d'IA

Exploitez l'analytique alimentée par l'IA pour la prise de décision stratégique:

• Prédictions de tendances: Prévisions d'apprentissage automatique des volumes d'approvisionnement à venir
• Alertes de risque: Risques signalés par l'IA dans les soumissions actives (prix, exigences, conformité)
• Lacunes de capacités: Analyse des exigences que vous avez fréquemment du mal à satisfaire
• Modèles de succès: Caractéristiques communes de vos soumissions gagnantes
• Changements de marché: Changements détectés dans les priorités des organismes ou les modèles d'approvisionnement
• Aperçus de questions: Questions probables de l'appel d'offres basées sur l'historique de l'organisme

Widgets d'actions rapides

Rationalisez les flux de travail courants avec un accès en un clic:

• Documents récents: 5 derniers documents que vous avez consultés ou modifiés
• Révisions en attente: Propositions en attente de votre révision ou approbation
• Activité d'équipe: Flux en temps réel des actions des membres de l'équipe
• Téléchargement rapide: Zone glisser-déposer pour analyser de nouveaux appels d'offres
• Palette de commandes: Recherche et navigation pilotées par clavier
• Notifications: Alertes système, dates limites et mentions d'équipe

Comment fonctionne le tableau de bord

Chargement initial

Lorsque vous accédez au tableau de bord pour la première fois:

1. Vérification d'authentification: Supabase vérifie votre jeton de session
2. Chargement de profil: Le système récupère votre configuration de tableau de bord enregistrée
3. Initialisation des widgets: Chaque widget visible demande ses données via l'API
4. Chargement parallèle: Plusieurs appels API s'exécutent simultanément pour un rendu rapide
5. Affichage progressif: Les widgets apparaissent au fur et à mesure que leurs données se chargent (pas de blocage)
6. Connexion WebSocket: Canal en temps réel établi pour les mises à jour en direct

Le premier chargement se termine généralement en 1-3 secondes selon le nombre de widgets actifs.

Flux de données

Les widgets du tableau de bord suivent un modèle de flux de données cohérent:

Composant Widget (React)
  ↓
Hook TanStack Query (useQuery)
  ↓
Client API (lib/api.ts)
  ↓
Backend Flask (/api/v1/analytics/*)
  ↓
Base de données Supabase + Système RAG
  ↓
Transformation et agrégation de données
  ↓
Réponse JSON
  ↓
Rendu de widget (Graphiques, Tableaux, Mesures)

Chaque widget gère son propre:

• Clé de requête: Identifiant unique pour la mise en cache et l'invalidation
• Intervalle de rafraîchissement: Fréquence de récupération des données
• Gestion d'erreur: Interface de secours lorsque les données ne se chargent pas
• État de chargement: Chargeurs squelettes pendant la récupération des données

Mises à jour en temps réel

Les widgets abonnés aux données en temps réel se connectent au serveur Flask-SocketIO:

1. Le widget se monte et rejoint une salle Socket.IO (ex: user:123:dashboard)
2. Le backend émet des événements lorsque les données pertinentes changent (nouvelle soumission, mise à jour d'état, etc.)
3. Le widget reçoit l'événement et invalide son cache TanStack Query
4. La requête récupère automatiquement les données fraîches
5. Le widget se rafraîchit avec les informations mises à jour

Les widgets en temps réel incluent: Statistiques de soumission, Aperçu du pipeline, Activité d'équipe, Notifications, Documents récents.

Comportement réactif

La grille du tableau de bord s'adapte à la taille de l'écran:

• Bureau (1920px+): Grille de 4 colonnes, tous les widgets visibles
• Ordinateur portable (1280-1919px): Grille de 3 colonnes, les widgets se redimensionnent proportionnellement
• Tablette (768-1279px): Grille de 2 colonnes, certains widgets s'empilent verticalement
• Mobile (< 768px): Disposition à 1 colonne, widgets pleine largeur avec défilement vertical

Le contenu des widgets s'adapte également:

• Les graphiques passent de multi-séries complexes à séries simples simplifiées sur les petits écrans
• Les tableaux deviennent des listes basées sur des cartes sur mobile
• Les mesures détaillées se condensent en indicateurs clés essentiels
• Les filtres et contrôles se déplacent vers des panneaux pliables

Démarrage

Votre première session de tableau de bord

Suivez ces étapes pour tirer le meilleur parti de votre expérience initiale de tableau de bord:

Vues du tableau de bord

Vous pouvez créer plusieurs vues de tableau de bord pour différents objectifs:

• Vue direction: Indicateurs de haut niveau et résumés de tendances pour les revues de direction
• Vue analyste: Graphiques détaillés, données concurrentielles et intelligence de marché pour l'analyse approfondie
• Vue poursuite: Pipeline, dates limites et performance de soumission pour la gestion active d'opportunités
• Vue mobile: Widgets compacts optimisés pour l'accès téléphone/tablette

Basculez entre les vues en utilisant le menu déroulant dans la barre d'outils du tableau de bord. Chaque vue maintient sa propre sélection de widgets, disposition et paramètres.

Exemples de flux de travail de tableau de bord

Routine matinale: Vérification quotidienne du pipeline

Objectif: Obtenir un aperçu des changements de nuit et des priorités d'aujourd'hui

Widgets utilisés: Statistiques de soumission, Aperçu du pipeline, Expire bientôt, Activité d'équipe, Notifications

Flux de travail:

1. Vérifier Statistiques de soumission pour les nouvelles victoires/pertes ou changements d'état
2. Réviser Aperçu du pipeline pour les mouvements d'étape (quelque chose a-t-il avancé?)
3. Scanner Expire bientôt pour les dates limites dans les 7 prochains jours
4. Lire le flux Activité d'équipe pour le travail de nuit (propositions soumises, documents téléchargés)
5. Traiter les Notifications pour les mentions ou demandes d'approbation

Investissement de temps: 3-5 minutes

---

Session de stratégie hebdomadaire: Analyse de marché

Objectif: Identifier les tendances, les changements concurrentiels et les nouvelles opportunités

Widgets utilisés: Tendances du marché, Distribution des catégories, Analyse des concurrents, Indice HHI, Recommandations intelligentes

Flux de travail:

1. Réviser le graphique Tendances du marché pour les changements de volume/valeur semaine après semaine
2. Vérifier Distribution des catégories pour les catégories chaudes émergentes
3. Analyser Analyse des concurrents pour les nouveaux joueurs ou changements dans les taux de réussite
4. Examiner Indice HHI pour voir si la concentration du marché augmente (moins de grands joueurs) ou diminue (plus de concurrence)
5. Parcourir Recommandations intelligentes pour les opportunités appariées par IA dans les catégories en croissance

Investissement de temps: 20-30 minutes

---

Pré-soumission Go/No-Go: Évaluation concurrentielle

Objectif: Décider s'il faut poursuivre une opportunité spécifique basée sur le paysage concurrentiel

Widgets utilisés: Analyse des titulaires, Chevauchement concurrentiel, Gains/Pertes par concurrent, Recherche de différenciateurs

Flux de travail:

1. Identifier le titulaire depuis Analyse des titulaires (si renouvellement, quel est le taux de rétention pour cet organisme?)
2. Vérifier Chevauchement concurrentiel pour voir quels concurrents sont susceptibles de soumissionner
3. Réviser Gains/Pertes par concurrent pour le record face à face contre les concurrents attendus
4. Utiliser Recherche de différenciateurs pour identifier les forces uniques pour cette opportunité
5. Prendre une décision go/no-go basée sur la position concurrentielle et le potentiel de différenciation

Investissement de temps: 10-15 minutes par opportunité

---

Rapport mensuel: Revue de performance

Objectif: Générer des informations pour les rapports de gestion et les discussions de performance d'équipe

Widgets utilisés: Analyse du taux de réussite, Analyse de prix, Analyse d'effort, Modèles de succès, Alertes de risque

Flux de travail:

1. Exporter les données d'Analyse du taux de réussite avec lignes de tendance et filtres par catégorie
2. Réviser Analyse de prix pour la précision de soumission (dans quelle mesure étions-nous proches des prix gagnants?)
3. Examiner Analyse d'effort pour comprendre l'allocation des ressources et le retour sur investissement
4. Étudier Modèles de succès pour identifier ce qui fonctionne (catégories, organismes, composition d'équipe)
5. Traiter Alertes de risque pour prévenir les problèmes récurrents dans les soumissions à venir

Investissement de temps: 45-60 minutes

Meilleures pratiques

Principes de conception de tableau de bord

1. Au-dessus du pli compte

Placez vos mesures les plus critiques dans le quadrant supérieur gauche. C'est la première chose que vous voyez et devrait répondre à "Que dois-je savoir maintenant?"

2. Regroupez les widgets connexes

Créez des groupes visuels d'informations connexes:

• Colonne gauche: Widgets d'intelligence concurrentielle
• Centre: Widgets de performance et de pipeline
• Colonne droite: Découverte d'opportunités et recommandations

3. Équilibrez détail et aperçu

Mélangez les indicateurs de haut niveau (chiffres uniques, graphiques simples) avec l'analytique détaillée (graphiques complexes, tableaux). Trop de détails est accablant; trop peu manque d'actionnabilité.

4. Minimisez le défilement

Visez 80% de vos mesures clés visibles sans défilement sur votre écran principal. Si vous vous trouvez constamment en train de défiler, vous avez trop de widgets ou ils sont trop grands.

5. Utilisez la couleur de manière intentionnelle

Les widgets utilisent la couleur pour transmettre du sens:

• Vert: Mesures positives, gains, opportunités
• Rouge: Risques, pertes, dates limites urgentes
• Bleu/Gris: Information neutre, tendances

Ne remplacez pas ces conventions—elles créent des raccourcis visuels pour une interprétation plus rapide.

Stratégie de sélection de widgets

Commencez minimal, développez délibérément

Commencez avec 6-8 widgets de base couvrant:

• 2 widgets de performance (taux de réussite, statistiques de soumission)
• 2 widgets de marché (tendances, distribution des catégories)
• 2 widgets concurrentiels (analyse des concurrents, analyse des titulaires)
• 2 widgets d'opportunités (recommandations, expire bientôt)

Ajoutez de nouveaux widgets uniquement lorsque vous vous retrouvez à naviguer à plusieurs reprises loin du tableau de bord pour vérifier des données spécifiques. C'est un signal pour présenter cela sur le tableau de bord.

Adaptez les widgets à votre rôle

• Directions: Indicateurs de haut niveau, tendances, informations stratégiques
• Analystes: Graphiques détaillés, données concurrentielles, intelligence de marché
• Gestionnaires de propositions: Pipeline, dates limites, activité d'équipe, suivi d'effort
• Développement des affaires: Découverte d'opportunités, recommandations, activité des organismes

Ajustements saisonniers

Vos besoins de tableau de bord changent tout au long du cycle d'approvisionnement:

• Q4 (oct-déc): Forte découverte d'opportunités alors que l'année fiscale gouvernementale se termine
• Q1 (jan-mars): Focus sur le pipeline et l'allocation d'effort pour la nouvelle année fiscale
• Q2-Q3: Analyse concurrentielle et revues de performance de mi-année

Créez des vues de tableau de bord saisonnières et basculez entre elles à mesure que les priorités changent.

Hygiène des données

La précision du tableau de bord dépend de la saisie cohérente des données:

Gardez votre profil de capacités à jour

Recommandations intelligentes et Recherche de différenciateurs s'appuient sur votre profil de capacités d'entreprise. Révisez trimestriellement et mettez à jour lorsque vous:

• Gagnez de nouveaux types de contrats
• Ajoutez des certifications ou qualifications
• Élargissez les offres de services
• Entrez dans de nouveaux marchés géographiques

Maintenez les dossiers de soumission

Analyse du taux de réussite et Analyse de prix nécessitent des données de soumission complètes:

• Enregistrez toutes les soumissions soumises (même si perdues)
• Entrez le prix réel soumis (pas l'estimation interne)
• Étiquetez les soumissions avec catégories, concurrents et organismes
• Mettez à jour l'état lorsque les attributions sont annoncées

Classifiez les opportunités de manière cohérente

Distribution des catégories et widgets Activité des organismes agrègent vos classifications:

• Utilisez la taxonomie standard des catégories (ne créez pas de catégories ad hoc)
• Étiquetez les opportunités avec des mots-clés pertinents pour un meilleur filtrage
• Associez les opportunités aux bons organismes (nom légal complet, pas d'abréviations)

Raccourcis clavier

Les utilisateurs expérimentés peuvent naviguer le tableau de bord sans toucher la souris:

• Ctrl/Cmd + K: Ouvrir la palette de commandes (rechercher widgets, naviguer)
• Ctrl/Cmd + R: Rafraîchir tous les widgets
• Ctrl/Cmd + D: Basculer le mode édition (glisser/redimensionner widgets)
• Ctrl/Cmd + S: Enregistrer la disposition actuelle du tableau de bord
• Ctrl/Cmd + Shift + A: Ouvrir le catalogue de widgets
• Tab: Parcourir le focus des widgets
• Enter: Développer le widget focalisé en plein écran
• Esc: Quitter le widget plein écran ou annuler le mode édition

Dépannage

Le widget affiche "Aucune donnée disponible"

Causes possibles:

1. Données historiques insuffisantes: Certains widgets (tendances, taux de réussite) nécessitent des points de données minimaux (ex: au moins 5 soumissions pour l'analyse du taux de réussite)

   • Solution: Continuez à utiliser la plateforme; le widget se remplira au fur et à mesure que vous accumulez des données

2. Filtres trop restrictifs: Vous avez appliqué des filtres qui excluent toutes les données (ex: filtrage vers une plage temporelle sans activité)

   • Solution: Cliquez sur l'icône de filtre et réinitialisez aux valeurs par défaut

3. Erreur API: La demande backend a échoué (problème de réseau, erreur de serveur)

   • Solution: Vérifiez votre connexion Internet, essayez de rafraîchir le widget (icône de flèche circulaire)

4. Problème de permission: Vous manquez d'accès à des données spécifiques (ex: mesures au niveau de l'organisation si vous n'êtes pas admin)

   • Solution: Contactez l'admin de votre organisation pour ajuster les permissions

Le tableau de bord se charge lentement

Étapes d'optimisation:

1. Réduire le nombre de widgets: Chaque widget = appel API séparé. Commencez par supprimer 2-3 widgets les moins utilisés
2. Augmenter le temps de cache: Modifiez les paramètres du widget pour mettre en cache les données plus longtemps (échangez fraîcheur contre vitesse)
3. Désactiver le rafraîchissement automatique: Désactivez le rafraîchissement automatique pour les widgets que vous vérifiez manuellement
4. Vérifier le réseau: Exécutez un test de vitesse; Internet lent = chargements de tableau de bord lents
5. Vider le cache du navigateur: Le cache corrompu peut ralentir le rendu (Ctrl/Cmd + Shift + Delete)

Temps de chargement typique: 1-3 secondes pour 8-10 widgets sur une connexion moderne.

La disposition du widget se réinitialise après la déconnexion

Cause: Disposition du tableau de bord non enregistrée dans le profil

Solution:

1. Organisez vos widgets comme désiré
2. Cliquez sur le bouton Enregistrer le tableau de bord dans la barre d'outils
3. Confirmez que vous voyez la notification toast "Tableau de bord enregistré avec succès"
4. Rafraîchissez la page pour vérifier que la disposition persiste

Si la disposition se réinitialise toujours, vérifiez les paramètres du navigateur—les cookies doivent être activés pour l'authentification.

Les mises à jour en temps réel ne fonctionnent pas

Symptômes: Les changements d'état de soumission n'apparaissent pas jusqu'au rafraîchissement manuel

Débogage:

1. Vérifier l'état de connexion WebSocket (point vert dans le coin supérieur droit = connecté)
2. Vérifier que le pare-feu/proxy autorise les connexions WebSocket (port 5000)
3. Essayer de désactiver les extensions de navigateur (les bloqueurs de publicités cassent parfois les WebSockets)
4. Vérifier la console développeur pour les erreurs de connexion Socket.IO

Les mises à jour en temps réel se reconnectent généralement automatiquement dans les 30 secondes si interrompues.

FAQ

Prochaines étapes

Maintenant que vous comprenez les fondamentaux du tableau de bord, explorez des catégories de widgets spécifiques:

• Catalogue de widgets - Référence détaillée pour tous les 20+ widgets disponibles
• Personnalisation de votre disposition - Guide étape par étape pour la personnalisation
• Widgets d'aperçu du marché - Plongée profonde dans les widgets d'intelligence de marché
• Widgets de performance de soumission - Optimisez l'efficacité de soumission de votre équipe
• Widgets d'intelligence concurrentielle - Comprenez et déjouez les concurrents

Prêt à personnaliser? Commencez avec le Catalogue de widgets pour parcourir tous les widgets disponibles et leurs capacités.