PWA Métier Offline-First & Saisie Terrain de Prix
Développement d'une Progressive Web App (PWA) Offline-First sous Vue.js capable d'importer des matrices Excel complexes de l'année N-1 (triées par Enseigne, Ville et Rayon), de stocker localement des dizaines de photos et relevés en base IndexedDB sous forme de blobs, et d'assurer une synchronisation automatique et résiliente avec génération de synthèses XLSX dès le retour du réseau.
Le Défi Initial
Pour le compte de Wesense, la mission consistait à concevoir StoreCheck, un outil de relevé de prix terrain capable d'affronter les conditions réelles des grandes surfaces et centres commerciaux. Les enquêteurs devaient comparer les prix en rayon avec l'historique de l'année précédente (N-1), issu de matrices Excel comprenant des milliers de lignes classées par enseigne, ville et rayon.
En grande distribution, la perte de connectivité 4G/5G en sous-sol ou au fond des rayons est systématique. Une application web classique était exclue : le moindre rechargement de page ou appel API non sécurisé entraînait la perte irrémédiable des relevés en cours et des photographies de preuve prises sur les linéaires.
L'Approche & les Choix Techniques
Front-End réactif développé sous Vue.js avec architecture par composants modulaires
Service Worker configuré avec stratégies de cache pour l'exécution 100% hors-ligne
Base de données locale IndexedDB gérant le stockage asynchrone de données structurées et de blobs photo
Moteur d'importation et d'exportation de classeurs Excel (XLSX) pour le traitement des historiques de prix
Système de file d'attente (Sync Queue) garantissant la tolérance aux pannes réseau lors des téléversements
Résultats & Impact Mesuré
Autonomie totale des enquêteurs hors-ligne sans interruption de saisie
Stockage local fiable de dizaines de photographies en blobs IndexedDB
Synchronisation automatique dès reconnexion sans perte de données
Génération automatisée de rapports comparatifs XLSX et notifications e-mail