TRAINING PROJECT

Migration Visualforce vers Lightning (WireBright Consulting)

Migration de l'application Visualforce d'EG Manufacture vers Lightning Web Components chez WireBright Consulting.

Contexte

EG Manufacture, grande manufacture de tapisserie, utilisait Salesforce Classic avec des pages Visualforce et des boutons JavaScript — tous incompatibles avec Lightning Experience. Le cabinet WireBright Consulting pilotait la migration. Mission : réaliser l'inventaire des composants à migrer, produire des spécifications techniques comparant les options, et convertir les composants vers Lightning (LWC / Quick Actions) avec preuves avant/après.

Analyse de l'existant

Inventaire complet des pages Visualforce actives et des boutons JavaScript à migrer
Pour chaque composant : analyse des fonctionnalités, risques de migration et alternatives Lightning
Matrice de priorisation : impact métier × complexité technique × dépendances
Spécifications détaillées avec 2 à 3 options par composant (pour/contre + estimation chiffrage)
Captures d'écran comparatives Classic vs Lightning pour les 3 écrans principaux

Migration réalisée

Pages Visualforce converties en Lightning Web Components (LWC) ou Aura Components selon la complexité
Boutons JavaScript remplacés par des Quick Actions Salesforce Lightning
Validation des composants migrés : tests fonctionnels sur sandbox Lightning
Documentation des gains Lightning : productivité, UX améliorée, accès mobile natif
Code déployé via Salesforce DX et validé sur les pages Lightning de la sandbox EG

Stack & Technologies

Lightning Web Components (LWC) — Remplacement des pages Visualforce
Aura Components — Pour les composants avec dépendances Aura
Quick Actions Salesforce — Migration des boutons JavaScript
Apex Controllers — Logique serveur pour les composants Lightning
Salesforce DX / SFDX — Déploiement et versionning des métadonnées
Salesforce Classic & Lightning — Environnements de test comparatifs

Déroulement du projet

1
Inventaire
Identification de tous les composants Visualforce et JavaScript à migrer — cartographie des dépendances
2
Spécifications
Rédaction des specs techniques : 2-3 options par composant avec pros/cons, chiffrage et recommandation
3
Maquettage
Captures d'écran comparatives Classic vs Lightning pour les 3 écrans clés (formulaire devis, fiche client, tableau de bord)
4
Développement LWC
Conversion des pages Visualforce en LWC — logique Apex inchangée côté serveur, refonte de la couche présentation
5

Résultats

Compétences validées: 2/2(Jury OpenClassrooms)
Composants migrés: Bouton JS + Page VF(Classic → Lightning)
Options documentées: 2-3 / composant(Avec chiffrage)
Évaluation jury: Solutions complètes et pertinentes(Mention spéciale)

wirebright-visualforce-to-lightning — classic home

wirebright-visualforce-to-lightning — lightning home

wirebright-visualforce-to-lightning — classic lead update

wirebright-visualforce-to-lightning — lightning lead update

wirebright-visualforce-to-lightning — classic opportunity search

wirebright-visualforce-to-lightning — lightning opportunity search

Captures d'écran