Projet de fin d’études
M. Achraf BERRAJAA
M. Ayoub OTMANI
Jury : Présenté par :
M. Abdelhakim MEZIANI
Présenté en vue d’obtenir le diplôme d’ingénieur
Spécialité : Ingénierie des Systèmes d’Information
Projet de fin d’études
Royaume du Maroc
Ecole Supérieure de Management, Informatique et Télécommunication
Filière Ingénierie des Systèmes d’Information
Conception et développement d’une plateforme e-commerce
pour les produits Non Prime au profit du groupe ArcelorMittal à
base de la solution Hybris
Encadré par :
M. HADDOUTI Khalid (supmti)
M. SAKTOUN Ilyass (SQLI)
M. BOUTAHAR Saber (SQLI)
Année universitaire : 2019/2020
SUPMTI 2019-2020

IV
Conduite du projet
II
Étude fonctionnelle et conception
III
Réalisation et mise en œuvre
IV
État d’avancement et perspectives
V
PLAN
I Contexte général du projet
Projet de fin d’études
Conclusion
VI
2 SUPMTI 2019-2020

Organisme d’accueil
III IV V
I II
Contexte général du projet
Projet de fin d’études
Problématique
Présentation
du client
Web
solution
Mobilité
et IoT
SQLI
OUJDA
Connected
Commerce
Microsoft
PFE
2400
collaborateurs
238 M€
en 2019
32
agences
Créé en
1990
VI
Solution Besoins et
objectifs
3 SUPMTI 2019-2020
TMA & TRA

Organisme d’accueil Problématique
Présentation
du client
Projet de fin d’études
III IV V
I II
Producteur
d’acier
Lancement en
2006
Présence dans
60 pays
35 agences en
France
200 000
employés
VI
Solution
Contexte général du projet
Besoins et
objectifs
4 SUPMTI 2019-2020

Projet de fin d’études
III IV V
I II
Comment aider ArcelorMittal à lancer ses activités
de vente en ligne pour son agence GALVA?
VI
Organisme d’accueil Problématique
Présentation
du client
Solution
Contexte général du projet
Besoins et
objectifs
5 SUPMTI 2019-2020

Projet de fin d’études
III IV V
I II
La mise en place d’une boutique de vente en
ligne pour l’agence GALVA
VI
Organisme d’accueil Problématique
Présentation
du client
Solution
Contexte général du projet
Besoins et
objectifs
6 SUPMTI 2019-2020

Projet de fin d’études
III IV V
I II
✔ Développement international favorisé par l’ouverture facile de nouveaux pays grâce à
une plateforme nativement multi langues, devise, etc.
✔ Avoir une plateforme facilement administrable.
✔ Réussir l’import des données vers la plateforme.
✔ Mettre en œuvre une solution compatible avec les technologies du groupe.
VI
Organisme d’accueil Problématique
Présentation
du client
Solution Besoins et
objectifs
Contexte général du projet
7 SUPMTI 2019-2020

Projet de fin d’études
Conduite du projet III IV V
I II VI
L’équipe Galva
Cycle Scrum Répartition des
Sprints
JIRA
8 SUPMTI 2019-2020

Projet de fin d’études
Conduite du projet III IV V
I II
Scrum Master
Expert Technique Business Analyste
HAKIM
TEST
Dev Back/Front
VI
L’équipe Galva
Cycle Scrum Répartition des
Sprints
JIRA
9 SUPMTI 2019-2020

Projet de fin d’études
Conduite du projet III IV V
I II
Formation
• Java 8
• Design Patterns
• Spring
• Hybris
Sprint 1
• Nettoyage de
l'Accelerator.
• Paramétrage de
données de base.
• Créations des
catalogues.
• Création des
composants CMS.
• Page d’accueil.
Sprint 2
• Data Modeling et
Hot Folder.
• Gestion des
comptes clients.
Sprint 3
• Page liste de produits
(PLP).
• Page détail d’un produit
(PDP).
VI
L’équipe Galva
Cycle Scrum Répartition des
Sprints
JIRA
10 SUPMTI 2019-2020

Projet de fin d’études
Conduite du projet III IV V
I II VI
L’équipe Galva
Cycle Scrum Répartition des
Sprints
JIRA
11 SUPMTI 2019-2020

Projet de fin d’études
III IV V
I II Étude fonctionnelle et conception
Galva
Service
Création et
Synchronisation
des catalogues
Le processus
de check-out
Importation
des données
Gestion des
comptes
clients
Gestion de la
réservation des
produits
Gestion du
contenu
CMS
Affichage des produits
et leurs détails
VI
Analyse fonctionnelle Problématique Solution Hybris Conception
12 SUPMTI 2019-2020

Projet de fin d’études
Analyse fonctionnelle Problématique
Quelle implémentation technique devons-
nous adopter pour satisfaire à tous ces
besoins?
III IV V
I II Étude fonctionnelle et conception VI
Solution Hybris Conception
13 SUPMTI 2019-2020

Projet de fin d’études
Crée en 1997, c’est l’un des leaders mondiaux des plateformes e-
commerce.
Hybris est une solution e-commerce et de communication multicanal.
Après son rachat par la société SAP en 2013, Hybris gagne en notoriété
et avec l’ERP de SAP ils forment une combinaison puissante pour les
grandes entreprises.
1
2
3
III IV V
I II Étude fonctionnelle et conception VI
Analyse fonctionnelle Problématique Solution Hybris Conception
14 SUPMTI 2019-2020

Projet de fin d’études
Accelerator
Répondre aux normes modernes de sécurité et de
confidentialité requises par les réglementations
mondiales
Marketing B2C et B2B
Réduction des coûts et des
délais de mise en œuvre
Une infrastructure solide pour
faire évoluer les besoins de
l'entreprise
III IV V
I II Étude fonctionnelle et conception VI
Analyse fonctionnelle Problématique Conception
Solution Hybris
15 SUPMTI 2019-2020

Projet de fin d’études
L’administrateur
Le client
III IV V
I II Étude fonctionnelle et conception VI
Analyse fonctionnelle Problématique Solution Hybris Conception
• Les acteurs de Galva Service :
16 SUPMTI 2019-2020

Projet de fin d’études
Le client
III IV V
I II Étude fonctionnelle et conception VI
Analyse fonctionnelle Problématique Solution Hybris
• Diagramme de cas d’utilisation
Conception
17 SUPMTI 2019-2020

Projet de fin d’études
L’administrateur
III IV V
I II Étude fonctionnelle et conception VI
Analyse fonctionnelle Problématique Solution Hybris
• Diagramme de cas d’utilisation
Conception
18 SUPMTI 2019-2020

Projet de fin d’études
III IV V
I II Étude fonctionnelle et conception VI
Analyse fonctionnelle Problématique Solution Hybris
• Diagramme d’activité
Conception
19 SUPMTI 2019-2020

Projet de fin d’études
Réalisation et mise en œuvre
III V
I II IV VI
Outils et technologies Architecture technique Réalisation
• Outils et technologies utilisées
20 SUPMTI 2019-2020

Projet de fin d’études
Réalisation et mise en œuvre
III V
I II IV VI
Outils et technologies Architecture technique Réalisation
• Architecture technique de « Galva Service »
21 SUPMTI 2019-2020

Projet de fin d’études
Pays Langages Devise
1 2 3
• Paramétrage de base :
Réalisation et mise en œuvre
III V
I II IV VI
Outils et technologies Architecture technique Réalisation
22 SUPMTI 2019-2020

Projet de fin d’études
Création des catalogues
• Paramétrage de base :
Synchronisation
✔ Deux versions sont créées pour chaque catalogue :
Staged et Online
✔ La synchronisation entre les versions via le Back
Office
4 5
Réalisation et mise en œuvre
III V
I II IV VI
Outils et technologies Architecture technique Réalisation
23 SUPMTI 2019-2020

Projet de fin d’études
• Page d’accueil :
Réalisation et mise en œuvre
III V
I II IV VI
Outils et technologies Architecture technique Réalisation
24 SUPMTI 2019-2020

Projet de fin d’études
Configuration par Smart Edit
• Page d’accueil :
En-tête de page « Header »
1
Réalisation et mise en œuvre
III V
I II IV VI
Outils et technologies Architecture technique Réalisation
25 SUPMTI 2019-2020

Projet de fin d’études
• Page d’accueil :
Carrousel de bannières
2
Réalisation et mise en œuvre
III V
I II IV VI
Configuration par Smart Edit
Outils et technologies Architecture technique Réalisation
26 SUPMTI 2019-2020

Projet de fin d’études
Catégories de produits
3
• Page d’accueil :
Réalisation et mise en œuvre
III V
I II IV VI
Configuration par Smart Edit
Outils et technologies Architecture technique Réalisation
27 SUPMTI 2019-2020

Projet de fin d’études
Tableaux de bord
4
• Page d’accueil :
Réalisation et mise en œuvre
III V
I II IV VI
Outils et technologies Architecture technique Réalisation
28 SUPMTI 2019-2020

Projet de fin d’études
Bannières de
réassurance
5
• Page d’accueil :
Réalisation et mise en œuvre
III V
I II IV VI
Outils et technologies Architecture technique
Configuration par Smart Edit
Réalisation
29 SUPMTI 2019-2020

Projet de fin d’études
Bas de page « Footer »
6
• Page d’accueil :
Réalisation et mise en œuvre
III V
I II IV VI
Outils et technologies Architecture technique Réalisation
30 SUPMTI 2019-2020

Projet de fin d’études
Inscription
• Gestion des comptes clients
1
Réalisation et mise en œuvre
III V
I II IV VI
Outils et technologies Architecture technique Réalisation
31 SUPMTI 2019-2020

Projet de fin d’études
Authentification
2
• Gestion des comptes clients
Réalisation et mise en œuvre
III V
I II IV VI
Outils et technologies Architecture technique Réalisation
32 SUPMTI 2019-2020

Projet de fin d’études
Détails personnels
• Gestion des comptes clients
3
Réalisation et mise en œuvre
III V
I II IV VI
Outils et technologies Architecture technique Réalisation
33 SUPMTI 2019-2020

Projet de fin d’études
• Réinitialisation du mot de passe
4
• Gestion des comptes clients
Réalisation et mise en œuvre
III V
I II IV VI
Outils et technologies Architecture technique Réalisation
34 SUPMTI 2019-2020

Projet de fin d’études
Aperçu coté BackOffice des types de produits créés
• Création des types de produits
Réalisation et mise en œuvre
III V
I II IV VI
Outils et technologies Architecture technique Réalisation
35 SUPMTI 2019-2020

Projet de fin d’études
• Page liste de produits
• Page liste de produits (PLP)
Réalisation et mise en œuvre
III V
I II IV VI
Outils et technologies Architecture technique Réalisation
36 SUPMTI 2019-2020
1
2
3
1
4
2
3
4
le nombre de produits trouvés
Tri de produits selon plusieurs
critères
Pagination des produits
Informations sur le produit

Projet de fin d’études
• Page détail d’un produit (PDP)
Réalisation et mise en œuvre
III V
I II IV VI
Outils et technologies Architecture technique Réalisation
37 SUPMTI 2019-2020

Projet de fin d’études
• État actuel
• Perspectives
● 3 Sprints ont été livrées.
● 4ème sprint en cours.
● Mettre en œuvre les fonctionnalités qui restent.
● De nouvelles roll-out pour d’autres pays.
État d’avancement et perspectives
III V
I II IV VI
38 SUPMTI 2019-2020

Projet de fin d’études
• Défis
• Objectifs
● Découverte du monde de l’e-commerce.
● Découverte de la solution Hybris.
● Découvrir le monde professionnel.
● Mettre en application les notions apprises en formation.
● Renforcer l’esprit d’équipe.
Conclusion
V
I II IV VI
III
39 SUPMTI 2019-2020

Projet de fin d’études
Merci pour votre attention
SUPMTI 2019-2020

Projet de fin d’études
Jury : Présenté par :
M. Abdelhakim MEZIANI
Présenté en vue d’obtenir le diplôme d’ingénieur
Spécialité : Ingénierie des Systèmes d’Information
Projet de fin d’études
Royaume du Maroc
Ecole Supérieure de Management, Informatique et Télécommunication
Filière Ingénierie des Systèmes d’Information
Conception et développement d’une plateforme e-commerce
pour les produits Non Prime au profit du groupe ArcelorMittal à
base de la solution Hybris
Encadré par :
M. HADDOUTI Khalid (supmti)
M. SAKTOUN Ilyass (SQLI)
M. BOUTAHAR Saber (SQLI)
Année universitaire : 2019/2020
SUPMTI 2019-2020
M. Achraf BERRAJAA
M. Ayoub OTMANI