Sommaire
1.Qu'est-ce que c'est
Un cockpit ERP-CRM léger pour OsmiumWPC : suivi des prospects et clients, catalogue de prestations, devis, contrats avec suivi de signature, factures avec règlements fractionnés, projets avec étapes de production, et un planning qui regroupe toutes les échéances au même endroit.
Cette version démo tourne entièrement dans le navigateur — aucune donnée n'est envoyée à un serveur, un cloud ou une IA. Elle est protégée par un mot de passe et pré-remplie avec un jeu de données fictif pour être présentable dès l'ouverture.
2.Accéder à la démo
OsmiumWPC2026! — à changer avant toute diffusion publique du lien.3.Changer le mot de passe
Le mot de passe n'est jamais stocké en clair dans le fichier : seule son empreinte (hash SHA-256) y figure. Pour le changer :
.html dans un éditeur de texte, repérer la ligne const LOCK_HASH = "..." tout en haut du bloc <script>, remplacer la valeur par le hash copié.4.Les modules, en bref
| Onglet | À quoi il sert |
|---|---|
| Tableau de bord | KPI commerciaux et de production, filtrables par période. |
| CRM | Opportunités (pipeline prospect) et base clients avec fiche 360. |
| Prestations | Catalogue des offres, préremplit devis et montants. |
| Devis | Numérotation automatique, statuts, liaison prestation/opportunité. |
| Contrats | Suivi de signature (envoyé / signé / refusé), mode et relances. |
| Factures | Numérotation légale continue, règlements fractionnés, reste dû calculé automatiquement. |
| Projets | Statuts projet + étapes de production détaillées avec avancement. |
| Planning | Calendrier du mois + agenda groupé de toutes les échéances. |
| Registre RGPD | Traitements types déjà pré-remplis (prospection, contrats, facturation, support). |
| Journal | Historique horodaté de toutes les actions engageantes. |
| Paramètres | Export/import JSON, jeu de démo, sécurité, réinitialisation. |
5.Jeu de données de démonstration
À la toute première ouverture, un jeu de données riche se charge automatiquement (6 clients/prospects, devis à différents statuts, contrats signés, factures partiellement réglées, projets à différents stades de production) — rien à faire, la démo est prête à montrer.
Pour recharger un jeu frais par-dessus les données actuelles : Paramètres → Charger la démonstration. Pour repartir de zéro : Paramètres → Réinitialiser toutes les données.
6.Sauvegarder ses données
Sans service externe, il n'y a pas de sauvegarde automatique. Depuis Paramètres :
Exporter télécharge un fichier JSON complet (toutes les données). Importer recharge un fichier JSON précédemment exporté, en remplaçant les données actuelles.
7.Intégrer sur osmiumwpc.fr
Option recommandée — dépôt direct du fichier
Déposer le fichier .html tel quel sur l'hébergement (gestionnaire de fichiers ou FTP), puis y accéder par une URL directe, par exemple osmiumwpc.fr/demo-crm.html. La page s'affiche en plein format, sans risque de conflit avec le thème du site.
Option alternative — module Code Divi
Coller le contenu du fichier dans un module Code, sur une page dédiée. Fonctionne, mais le CSS de Divi peut interférer avec la mise en page — à vérifier avant de partager le lien.
8.Assistant IA (simulation)
La version « Démo IA » ajoute un assistant qui illustre ce qu'une vraie intégration Claude préparerait — sans appel réseau réel, sans clé API, sans coût. Trois fonctions :
| Où | Ce que ça fait |
|---|---|
| Bouton 🤖 IA sur chaque opportunité (CRM) | Génère un résumé, un statut CRM recommandé, un pack pressenti, des questions à poser, les risques RGPD/santé identifiés et un brouillon de réponse. |
| Bouton dans le formulaire Devis | Propose une trame de périmètre à partir de la prestation du catalogue choisie. |
| Tableau de bord | Génère une synthèse hebdomadaire textuelle à partir des vrais chiffres du cockpit (prospects, devis à relancer, projets en production, risques). |
Étape suivante possible : brancher une vraie API Claude. Cela demande un petit serveur intermédiaire pour ne jamais exposer la clé API dans le navigateur, et sort donc du fonctionnement « tout local » — à traiter comme un projet séparé le jour venu.
9.Sécurité et cybersécurité
Ce qui est déjà en place dans les versions démo :
| Mesure | Effet |
|---|---|
| Mot de passe par hash SHA-256 | Le mot de passe en clair n'apparaît jamais dans le fichier. |
Balise noindex, nofollow | Empêche les moteurs de recherche d'indexer ou de suggérer la page dans leurs résultats. |
| Verrouillage par session navigateur | Fermer l'onglet redemande le mot de passe à la prochaine visite. |
| Aucun appel réseau | Rien n'est transmis à un tiers ; les données ne peuvent pas être interceptées en transit puisqu'elles ne voyagent pas. |
Ce qu'il reste à faire de ton côté avant une diffusion plus large :
10.Limites à connaître
Les données sont propres à chaque navigateur : pas de synchronisation automatique entre deux appareils ni entre plusieurs utilisateurs. Le mot de passe protège l'affichage, pas le code source (visible via « afficher le code source »). L'assistant IA est une simulation locale, pas une vraie connexion à Claude — ce sera une étape séparée, avec un serveur intermédiaire, une fois ce flux manuel validé.