Édition en temps réel

Le moteur de collaboration en temps réel de Cothon permet aux équipes de travailler simultanément sur des analyses d'appels d'offres et des propositions sans chaos de contrôle de version. Construit sur la technologie WebSocket avec des algorithmes de transformation opérationnelle, la plateforme offre une collaboration de style Google Docs optimisée pour les flux de travail d'approvisionnement complexes.

Voyez les changements au fur et à mesure qu'ils se produisent, suivez qui travaille sur quelles sections et coordonnez de grandes équipes avec des indicateurs de présence et une résolution intelligente des conflits. Plus besoin d'envoyer par courriel des versions « Suivi des modifications » ou de se demander si vous travaillez sur la dernière ébauche.

Comment fonctionne l'édition en temps réel

Fondement technique

Cothon utilise Socket.IO sur des connexions WebSocket pour offrir une synchronisation sous-seconde :

Côté client :

• Le navigateur établit une connexion WebSocket persistante lorsque vous ouvrez une analyse
• Les éditions locales sont diffusées au serveur immédiatement via des événements Socket.IO
• Les changements entrants d'autres utilisateurs sont rendus instantanément dans votre vue
• La transformation opérationnelle résout automatiquement les éditions conflictuelles

Côté serveur :

• Le backend Flask-SocketIO gère les pools de connexions et le routage des événements
• Les changements sont validés et stockés dans Supabase avec horodatage et attribution utilisateur
• Diffuse les mises à jour à tous les clients connectés sur la même analyse
• Gestion automatique de la reconnexion si les connexions tombent

Flux de données :

Utilisateur A tape → Le client diffuse l'événement → Le serveur reçoit et valide →
Stocke dans la base de données → Diffuse aux autres clients → L'utilisateur B voit le changement
(Latence typique : 50-200ms)

Ce qui se synchronise en temps réel

Lorsque plusieurs utilisateurs ouvrent la même analyse :

• Synchronisation de contenu en direct - Éditions de texte, changements de statut d'exigences, mises à jour de métadonnées
• Indicateurs de présence - Qui consulte, qui édite, où ils sont concentrés
• Suivi du curseur - Positions du curseur en temps réel dans les champs de texte (optionnel)
• Ajouts de commentaires - Les nouveaux commentaires apparaissent immédiatement pour tous les utilisateurs
• Changements d'affectation - Les mises à jour de flux de travail diffusées aux assignés
• Mises à jour de statut - Achèvement des exigences, transitions de phase d'analyse
• Prévention des conflits - Verrouillage automatique et résolution de fusion

Indicateurs de présence

Comprendre qui est ici

La barre de présence en haut de chaque analyse partagée affiche les collaborateurs actifs :

Pile d'avatars :

• Photos de profil de tous les utilisateurs consultant actuellement l'analyse
• Maximum 10 avatars affichés ; cliquez sur +5 autres pour voir la liste complète
• Les avatars se mettent à jour dans les 2 secondes lorsque les utilisateurs rejoignent/quittent

Indicateurs de statut visuels :

Détails au survol :

• Déplacez la souris sur n'importe quel avatar pour voir une infobulle avec :
  • Nom complet et rôle dans l'organisation
  • Section actuelle qu'ils consultent (si déterminable)
  • Statut de connexion et horodatage de dernière activité
  • Niveau de permission (Visiteur, Commentateur, Éditeur)

Indicateurs de localisation

Suivez où les coéquipiers travaillent dans l'analyse :

Surlignages de section :

• Les sections actives montrent une bordure colorée subtile correspondant à la couleur d'avatar de l'utilisateur
• Le nom de l'utilisateur apparaît dans le coin supérieur droit de la section qu'il édite
• Plusieurs utilisateurs dans la même section affichent des étiquettes de nom empilées

Suivi du curseur (optionnel, activez dans Paramètres > Collaboration) :

• Positions de curseur en temps réel pour les utilisateurs dans le même champ de texte
• Le curseur est rendu dans la couleur d'avatar de l'utilisateur avec une étiquette de nom
• Les plages de sélection surlignées en superposition de couleur semi-transparente
• Utile pour l'édition en binôme ou les sessions de formation en direct

Élément focalisé :

• L'élément actuellement focalisé par l'utilisateur affiche un contour coloré fin
• Empêche les éditions simultanées accidentelles du même champ
• Verrouillage consultatif - vous pouvez toujours éditer, mais vous verrez un avertissement

Présence dans différentes vues

Vue grille (exigences regroupées par statut) :

• Les avatars d'utilisateur apparaissent sur les cartes d'exigences qu'ils éditent activement
• Survolez pour voir qui a modifié chaque exigence en dernier

Vue liste (exigences chronologiques) :

• Une barre colorée sur le bord gauche indique l'utilisateur travaillant sur cette exigence
• Le nom apparaît au survol

Vue tableau (style feuille de calcul) :

• Le surlignage de cellule montre les éditeurs actifs
• L'icône de verrouillage apparaît si un autre utilisateur édite la même cellule

Travailler ensemble : modèles de collaboration

Édition simultanée (flux de travail parallèle)

Idéal pour : Grandes équipes avec sections clairement divisées, échéances serrées

Comment ça fonctionne : Plusieurs utilisateurs éditent différentes sections simultanément sans conflits :

Exemple de scénario : Équipe de 5 personnes travaillant sur une réponse à un appel d'offres de 72 heures :

• Heure 1-4 : Rédaction parallèle de sections (5 personnes éditant simultanément)
• Heure 4-6 : Période de révision croisée (mode visiteurs, commentaires uniquement)
• Heure 6-8 : Raffinements finaux (éditions séquentielles avec un éditeur à la fois)

Performance :

• Supporte jusqu'à 50 éditeurs simultanés par analyse
• La latence de synchronisation reste sous 200ms avec 10+ éditeurs actifs
• Au-delà de 20 éditeurs, envisagez de diviser en plusieurs analyses liées

Édition de même section (flux de travail collaboratif)

Idéal pour : Exigences complexes nécessitant une contribution multidisciplinaire, sessions de formation/mentorat

Comment ça fonctionne : Deux utilisateurs ou plus éditent la même exigence ou section :

Prévention des conflits :

1. Verrouillages consultatifs : Le premier utilisateur à cliquer dans le champ obtient un « verrouillage souple » (les autres voient un avertissement, peuvent passer outre)
2. Transformation opérationnelle : Si les deux utilisateurs tapent simultanément, l'algorithme fusionne les changements intelligemment
3. Fusion au niveau du caractère : Les éditions à différentes positions fusionnent automatiquement (Utilisateur A ajoute au début, Utilisateur B ajoute à la fin = les deux changements conservés)
4. Détection de conflit : Si les éditions chevauchent les mêmes caractères, la dernière sauvegarde gagne avec notification aux autres utilisateurs

Exemple : Le rédacteur technique rédige une déclaration de conformité tandis que le responsable de la conformité ajoute simultanément des citations réglementaires :

Le rédacteur tape :     « Notre équipe a de l'expérience en matière d'accès aux installations sécurisées... »
Le responsable tape :    [ajoute à la fin] « ...conformément au chapitre 5 du NISPOM. »

Résultat :               « Notre équipe a de l'expérience en matière d'accès aux installations sécurisées conformément au chapitre 5 du NISPOM. »
(Les deux éditions fusionnent automatiquement)

Flux de travail de révision et rétroaction

Idéal pour : Contrôle qualité, révision exécutive, vérifications de conformité

Comment ça fonctionne : Les réviseurs utilisent le mode commentaire uniquement tandis que les rédacteurs voient les retours en temps réel :

Indicateurs de collaboration pendant la révision :

• Les avatars de réviseur apparaissent sur les exigences qu'ils révisent activement
• Le badge de nombre de commentaires affiche les nouveaux commentaires non lus
• Les fils de commentaires résolus se replient mais restent accessibles

Sauvegarde automatique et synchronisation

Comportement de sauvegarde automatique

Cothon élimine les boutons « Enregistrer » avec une sauvegarde automatique intelligente :

Événements déclencheurs :

• Pendant la saisie active : Enregistre toutes les 3 secondes pendant que vous continuez à taper
• Après arrêt : Enregistre immédiatement lorsque vous faites une pause (500ms d'inactivité)
• Sur flou du champ : Enregistre lorsque vous cliquez en dehors du champ de saisie
• Sur navigation : Enregistre avant que vous ne changiez de section ou de page
• Sur perte de connexion : Met en file d'attente les changements localement jusqu'à la reconnexion

Ce qui est sauvegardé :

• Tous les changements de contenu de texte
• Changements de statut des exigences
• Mises à jour de métadonnées (priorité, complexité, balises)
• Ajouts et éditions de commentaires
• Affectations de flux de travail et statut
• Déplacements de dossiers et changements d'organisation

Indicateurs de confirmation :

• Une petite coche apparaît à côté du champ après une sauvegarde réussie
• L'indicateur « Sauvegarde... » s'affiche pendant l'opération de sauvegarde
• Le statut « Tous les changements sauvegardés » dans la barre supérieure lorsque complètement synchronisé
• Notification d'erreur si la sauvegarde échoue (rare, généralement un problème de connexion)

Stratégies de synchronisation

Mises à jour optimistes de l'interface : Vos changements apparaissent immédiatement dans votre vue avant la confirmation du serveur (concurrence optimiste). Si le serveur rejette le changement (par ex., permission révoquée), le changement local revient avec notification.

Résolution de conflits :

Scénario 1 : Éditions non chevauchantes (le plus courant)

• L'utilisateur A édite le texte de l'exigence
• L'utilisateur B change la priorité de l'exigence
• Les deux changements fusionnent automatiquement ✓

Scénario 2 : Éditions séquentielles du même champ

• L'utilisateur A édite le champ, enregistre à 2:00:00
• L'utilisateur B édite le champ, enregistre à 2:00:05
• Le changement de l'utilisateur B écrase celui de l'utilisateur A (dernière écriture gagne)
• L'utilisateur A voit la notification : « Votre changement a été écrasé par [Utilisateur B]. Voir l'historique pour restaurer. »

Scénario 3 : Éditions simultanées du même champ (rare)

• Les deux utilisateurs éditent un texte identique en même temps
• La transformation opérationnelle tente une fusion au niveau du caractère
• Si la fusion est ambiguë, le serveur choisit une version (généralement l'utilisateur qui a sauvegardé en premier)
• Les deux utilisateurs sont notifiés du conflit ; peuvent réviser l'historique et fusionner manuellement

Support hors ligne et récupération

Travailler hors ligne : Si votre connexion Internet tombe pendant l'édition :

1. Continuez à travailler : Toutes les éditions sont mises en file d'attente localement dans le stockage du navigateur
2. Indicateur visuel : Une bannière orange affiche « Hors ligne - les changements se synchroniseront lors de la reconnexion »
3. Sauvegarde automatique locale : Les changements persistent dans le navigateur même si l'onglet est fermé (stockage de session)
4. Reconnexion automatique : Lorsque la connexion est restaurée, les changements en file d'attente se téléchargent automatiquement
5. Vérification de conflit : Le serveur compare vos changements hors ligne avec toute édition que d'autres ont faite pendant votre période hors ligne

Capacités hors ligne :

Récupération après une période hors ligne prolongée :

Exemple : Vous éditez hors ligne pendant 2 heures, d'autres ont fait des changements pendant ce temps

Raccourcis clavier pour une collaboration plus rapide

Augmentez la productivité avec les raccourcis d'édition en temps réel :

Navigation

Édition

Collaboration

Flux de travail

Historique des versions et restauration

Instantanés de version automatiques

Cothon crée automatiquement des instantanés de version à des moments clés :

Déclencheurs d'instantané automatique :

• Horaire : Instantané automatique toutes les heures lorsque l'analyse a des éditions actives
• Éditions majeures : Après 50+ changements ou 5+ mises à jour de statut d'exigences
• Événements jalons : Changements de statut d'analyse (Ébauche → Révision → Final)
• Événements de partage : Avant le premier partage avec des utilisateurs externes
• Pré-exportation : Immédiatement avant l'exportation PDF/Word

Jalons nommés : Créez des instantanés manuels avec des étiquettes personnalisées :

1. Cliquez sur Historique dans la barre d'outils
2. Cliquez sur Créer un instantané
3. Saisissez un nom descriptif (par ex., « Avant révision de l'équipe rouge », « Version de soumission finale »)
4. L'instantané apparaît dans la chronologie de l'historique

Affichage de l'historique des versions

Restauration de versions précédentes

Restauration complète (rétablir l'analyse entière) :

Restauration partielle (sélectionner des changements spécifiques) :

1. Ouvrez la comparaison de version entre la version actuelle et la version cible
2. Révisez le surlignage diff
3. Cliquez sur Restaurer cette section sur une exigence ou section spécifique
4. Le contenu sélectionné revient tandis que le reste de l'analyse reste inchangé

Analytique de l'historique des versions

Informations des données d'historique :

• Vélocité d'édition : Graphique montrant les éditions au fil du temps (identifie les périodes de rush)
• Répartition des contributeurs : Diagramme circulaire des éditions par membre de l'équipe
• Itération de section : Carte thermique montrant quelles exigences ont changé le plus fréquemment
• Volume de changement : Métriques sur les ajouts vs. suppressions vs. modifications

Accéder à l'analytique : Historique > Onglet Analytique

Utile pour :

• Rétrospectives post-projet (où l'équipe a-t-elle passé le plus d'efforts ?)
• Audits de conformité (démontrer des processus de révision approfondis)
• Amélioration des processus (identifier les sections goulot d'étranglement qui ont nécessité un remaniement excessif)

Fonctionnalités avancées en temps réel

Verrouillage de section

Empêcher les éditions accidentelles pendant les phases critiques :

Verrouillage temporaire :

• Cliquez sur ⋮ Plus sur la section > Verrouiller la section
• Seuls les Gestionnaires peuvent déverrouiller
• Utile pour les sections sous révision exécutive
• Les Éditeurs sont rétrogradés à Commentateurs temporairement

Verrouillage d'approbation :

• Cliquez sur ⋮ Plus sur l'exigence > Exiger l'approbation pour éditer
• Les changements à l'exigence verrouillée sont mis en file d'attente comme « En attente d'approbation »
• Le gestionnaire approuve ou rejette les changements proposés
• Utile pour les sections sensibles comme la tarification ou la conformité juridique

Surlignage des conflits

Lorsque des conflits sont détectés (rare mais possible) :

Indicateurs visuels :

• La section en conflit affiche une bannière d'avertissement jaune
• L'infobulle explique : « Cette section a été éditée par [Utilisateur] pendant que vous éditiez »
• Cliquez sur Voir le conflit pour voir le diff

Interface de résolution :

• Vue à trois volets : Votre version | Version du serveur | Résultat fusionné
• Éditez le résultat fusionné pour combiner manuellement les changements
• Cliquez sur Résoudre le conflit lorsque satisfait
• Les versions originales sont préservées dans l'historique

Notifications en temps réel

Au-delà des indicateurs de présence, recevez des alertes proactives :

Notifications d'édition (optionnel, configurez dans Paramètres) :

• Notification de bureau lorsque quelqu'un commence à éditer une analyse que vous consultez
• Utile pour les petites équipes voulant une grande sensibilisation
• Peut être bruyant pour les grandes équipes (désactivez ou définissez sur « Gestionnaires uniquement »)

Alertes spécifiques à une section :

• Surveillez des exigences hautement prioritaires spécifiques
• Recevez une notification instantanée si quelqu'un édite le contenu surveillé
• Configuration : Clic droit sur l'exigence > Surveiller les changements

Avertissements de collision :

• Si vous commencez à taper dans un champ qu'un autre utilisateur édite, un avertissement apparaît : « Sarah édite également ce champ »
• Suggestion de se coordonner ou de choisir une section différente

Optimisation des performances

Pour les grandes équipes (10+ éditeurs simultanés)

Meilleures pratiques :

1. Diviser les analyses : Divisez les appels d'offres de 200+ exigences en plusieurs analyses liées par section
2. Édition par quarts : Coordonnez les quarts d'édition (Équipe A : 9h-12h, Équipe B : 13h-16h) pour réduire la charge simultanée
3. Vues ciblées : Utilisez des filtres pour charger uniquement les exigences pertinentes, réduisant le rendu côté client
4. Fermer les onglets inactifs : Chaque onglet Cothon maintient une connexion WebSocket ; fermez les onglets non utilisés
5. Appareils dédiés : Pour les opérations 24/7, utilisez une machine dédiée pour la surveillance permanente (ne mélangez pas avec des tâches lourdes)

Exigences système pour un temps réel fluide :

• Internet : 5+ Mbps descendant, 1+ Mbps montant (filaire préféré au WiFi pour la stabilité)
• Navigateur : Chrome 100+, Firefox 95+, Safari 15.4+, Edge 100+ (évitez Internet Explorer)
• RAM : 4GB+ disponibles (8GB+ pour les analyses avec 100+ exigences)
• CPU : Processeur multi-cœur moderne (la collaboration utilise les Web Workers pour la performance)

Pour les documents complexes (100+ exigences)

Stratégies de performance :

1. Chargement paginé : Activez dans Paramètres > Performance > Charger les exigences par lots

   • Charge 25 exigences à la fois
   • Faites défiler vers le bas pour charger plus
   • Réduit le temps de rendu initial de 10s à 2s pour les analyses de 200 exigences

2. Rendu virtualisé : Activé automatiquement pour 50+ exigences

   • Rend uniquement les exigences visibles dans la fenêtre d'affichage
   • Les exigences invisibles sont rendues en tant que placeholder
   • Expérience de défilement transparente avec 1000+ exigences

3. Synchronisation différée : Pour l'édition à haute vélocité (plusieurs frappes par seconde)

   • Groupe les changements rapides en un seul événement de synchronisation
   • Réduit la surcharge réseau
   • Maintient toujours une synchronisation sous-seconde pour les autres utilisateurs

Dépannage du lag

Symptôme : Les changements prennent 5+ secondes à apparaître pour les autres

Étapes de diagnostic :

1. Vérifier la connexion : Cliquez sur l'indicateur de connexion, vérifiez la latence
2. Test réseau : Exécutez un test de vitesse sur fast.com (besoin de 5+ Mbps)
3. Console du navigateur : Ouvrez DevTools > Console, recherchez les erreurs WebSocket
4. Désactiver les extensions : Les bloqueurs de publicités interfèrent parfois avec les WebSockets
5. Mettre en liste blanche le domaine : Assurez-vous que *.cothon.ai est en liste blanche dans le pare-feu/VPN
6. Changer de réseau : Essayez un réseau WiFi différent ou une connexion filaire
7. Redémarrer le navigateur : Efface le pool de connexions WebSocket

Problèmes côté serveur (rare) :

• Vérifiez la page de statut : status.cothon.ai
• Si une maintenance du serveur est en cours, vous verrez une notification de bannière
• La maintenance planifiée est annoncée 48h à l'avance par courriel

Scénarios de collaboration en temps réel

Scénario 1 : Appel d'offres urgent (Échéance de 24 heures)

Équipe : 6 personnes, 45 exigences, proposition complexe

Heure 0-2 : Lancement et affectation

• Le gestionnaire crée l'analyse, la partage avec l'équipe (tous en tant qu'Éditeurs)
• Affecte les exigences par catégorie en succession rapide
• Les membres de l'équipe voient les affectations apparaître en temps réel, commencent immédiatement le travail

Heure 2-8 : Rédaction parallèle

• Les 6 personnes éditent simultanément, différentes sections
• Le gestionnaire surveille la progression via les indicateurs de présence (voir qui est actif)
• Une collision se produit (deux personnes commencent la même exigence) - le verrouillage consultatif empêche le conflit, elles se coordonnent via Slack

Heure 8-12 : Quart de sommeil

• La moitié de l'équipe hors ligne, les autres continuent d'éditer
• Les changements se synchronisent lorsque l'équipe du matin revient

Heure 12-18 : Cycle de révision

• Le gestionnaire change l'équipe en permission Commentaire (empêche les éditions)
• L'équipe ajoute 30+ commentaires avec retours
• L'éditeur principal traite les commentaires, marque résolus
• Les 6 personnes voient la progression en temps réel

Heure 18-24 : Polissage final et soumission

• Éditeur unique (gestionnaire de proposition) fait les raffinements finaux
• Les autres en mode Visiteur, regardent les changements se produire en direct
• Exportation en PDF à l'échéance - version finale automatiquement partagée

Résultat : Délai de 24 heures avec une équipe de 6 personnes, aucun problème de contrôle de version, piste d'audit complète

Scénario 2 : Équipe distribuée (5 fuseaux horaires)

Équipe : 10 personnes à travers les États-Unis, l'Europe, l'Asie

Défi : Aucun chevauchement des heures de travail pour l'équipe complète

Solution avec collaboration en temps réel :

1. Édition asynchrone : Chaque région travaille pendant son quart de jour, les éditions se synchronisent automatiquement pour la région suivante
2. Protocole de passation : L'équipe de fin de journée poste un commentaire résumant la progression, marque la prochaine équipe
3. Historique de présence : Le fil d'activité affiche « Dernière édition il y a 6 heures par [Équipe Asie] » donc l'équipe UE sait où reprendre
4. Instantanés de version : Chaque région crée un instantané nommé à la fin du quart (par ex., « US EOD 3/15 », « Europe EOD 3/16 »)
5. Sans collision : Le décalage de fuseau horaire assure qu'aucune deux régions n'éditent simultanément

Résultat : Progression continue de 24 heures, passations transparentes, aucun conflit de fusion

Scénario 3 : Collaboration avec le client (Réviseurs externes)

Équipe : 4 internes, 2 consultants externes (accès Cothon limité)

Configuration :

1. Partagez l'analyse avec les consultants externes via un lien public (permission Commentaire, expiration 7 jours)
2. Les consultants révisent sans comptes Cothon, ajoutent des commentaires
3. L'équipe interne voit les commentaires en temps réel, traite immédiatement
4. Les consultants sont notifiés par courriel lorsque les commentaires sont résolus
5. Après la révision terminée, révoquez le lien pour maintenir la sécurité

Résultat : Contribution externe intégrée de manière transparente sans accorder un accès complet au système

FAQ

Prochaines étapes

Maîtriser les fonctionnalités de collaboration

• Commentaires - Discussions en fil, @mentions et flux de travail de résolution
• Fil d'activité - Suivez toutes les actions de l'équipe et configurez des notifications intelligentes
• Partage - Options de partage avancées incluant les liens publics et le suivi d'accès

Sujets connexes

• Configuration d'équipe - Configurez l'organisation, les rôles et les permissions
• Notifications - Personnalisez les préférences de notification
• Raccourcis clavier - Personnalisez les raccourcis pour des flux de travail plus rapides

Gains rapides

Première session en temps réel : Essayez ceci avec un coéquipier :

1. Ouvrez tous les deux la même analyse simultanément
2. Regardez les indicateurs de présence se montrer mutuellement
3. Chacun édite une exigence différente - voyez la synchronisation instantanée
4. Une personne ajoute un commentaire, l'autre reçoit la notification
5. Essayez de commenter sur la même exigence - voyez la discussion en fil se former

Pratique avancée :

1. Activez le suivi du curseur et essayez l'édition en binôme de la même exigence
2. Créez intentionnellement un conflit (les deux éditent la même phrase) et résolvez-le
3. Créez un instantané de version manuel, faites des changements, puis restaurez la version précédente
4. Utilisez les raccourcis clavier pour naviguer et éditer rapidement pendant que le coéquipier regarde

L'édition en temps réel transforme la productivité de l'équipe d'appels d'offres. Maîtrisez ces fonctionnalités pour éliminer le chaos du contrôle de version et accélérer vos taux de réussite.