Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

Année universitaire : 2020-2021 Mémoire de Projet de Fin d’Études Pour l’obtent

Année universitaire : 2020-2021 Mémoire de Projet de Fin d’Études Pour l’obtention du diplôme Ingénieur d’État Génie Informatique Promotion 2020 – 2021 Développement d'un module de gestion des campagnes publicitaires organiques et payantes M. Amine Kacimi Soutenu le :28/06/2021 Membres du jury : M. Noureddine Azouagh M. Anouar Abtoy M. Reda El Jourani M. Yasser Mesmoudi Encadrant société Encadrant ENSATé Professeur ENSATé (Président) Professeur ENSATé (Examinateur) Amine Kacimi 2 2020-2021 Dédicaces A Allah le Tout Miséricordieux À ma très chère mère, en témoignage de ma profonde gratitude et de mon incontestable reconnaissance, pour son soutien tout au long de mon cursus, toute la confiance qu’elle m’accorde et tout l’amour dont elle m’entoure, ses prières et ses bénédictions m’ont été d’un grand secours pour mener à bien mes études. À mon très cher père, celui qui m’a toujours indiqué la bonne voie, en signe d’amour, de gratitude pour tous les soutiens et les sacrifices dont il a fait preuve à mon égard, Nul mot ne saurait exprimer à sa juste valeur le dévouement et le profond respect que je porte envers vous. Que DIEU vous préserve et vous accorde, santé, bonheur et prospérité À mes chers frères, mes chères sœurs, qui sont toujours là pour moi et à mes côtés, disposés à me tendre la main et à me soutenir dans tout ce que j’entreprendrai. À mon cher neveu, et ma chère nièce, qui sont mon porte-bonheur, les rayons de soleil de tous les jours et la joie de ma vie, À toute ma famille, À mes amis, et à tous mes proches, À tous ceux qui m’aiment, je dédie cet humble travail. KACIMI AMINE Amine Kacimi 3 2020-2021 Remerciements Je remercie piètrement Allah le tout puissant de m’avoir donné le courage et la volonté de mener à terme ce présent travail. Ma gratitude, plus que sincère et profonde, à Monsieur le Professeur Anouar Abtoy qui m’a encadré, soutenu, accompagné durant cette période de stage de projet de fin d’études. Je tiens à adresser mes vifs remerciements à Mr AZOUAGH Noureddine pour son accompagnement quotidien, ses remarques toujours affûtées et ses encouragements, ainsi que pour le temps qu’il m’a consacré tout au long de cette période de stage. Mes sincères remerciements pour tous les collaborateurs de VirtuoCode pour leur accueil, leurs aides et pour leurs conseils. Mes remerciements vont également aux membres du jury. Merci à eux d’avoir accepté l’évaluation de ce travail et les implications afférentes. Enfin, je tiens également à adresser mes affectueux remerciements à l’ensemble du corps professoral et administratif de l'ENSATE, de m’avoir donné toutes les connaissances nécessaires durant mes trois années d’études, et ce dans un cadre agréable de complicité et de respect. Amine Kacimi 4 2020-2021 Résumé Le présent document constitue le fruit d’un travail accompli dans le cadre du projet de fin d’études qui m’a été confié durant mon stage au sein de l’entreprise Virtuocode. L’objectif du stage était de participer activement à la conception et la mise en œuvre du nouveau hub« Campagne Beta » qui est un nouveau hub qui va être ajouter au hubs déjà existant dans la plateforme MyMobilosoft , ce dernier a comme objectif de publier les campagnes organique sur trois canaux ( Facebook , store Locator, les fiches GMB) et payante sur google ADS . Campagne Beta est composée de deux parties : Le premier est dédié aux campagnes organiques, et le second dédié aux campagnes payantes. La mise en œuvre de ce projet a eu lieu avec des nouvelles technologies principalement Spring Boot, Javascript, Template engine Thymeleaf et en se basant sur plusieurs APIs parmi eux Google ADS API, Google My Business API, Facebook Graph API, YouTube API, Cloudinary. Le présent document représente une synthèse complète de l’élaboration de travail, en détaillant tous les processus mis en place pour que ce projet voie le jour. Mots clés: JAVA,Spring boot , API , Github, Cloudinary,Google ADS API,Youtube API. Amine Kacimi 5 2020-2021 Abstract This document is the result of a work achieved within the framework of the end of studies project which was entrusted to me during my internship at the company Virtuocode. The objective of the internship was to actively participate in the design and implementation of the new hub "Campaign Beta" which is a new hub that will be added to the existing hubs in the platform MyMobilosoft, it has as objective to publish organic campaigns on three channels (Facebook, store Locator, GMB cards) and paid on google ADS. Campaign Beta is composed of two parts: The first is dedicated to organic campaigns, and the second dedicated to paid campaigns. The implementation of this project took place with new technologies mainly Spring Boot, Javascript, Template engine thymeleaf and relying on several APIs including Google ADS API, Google My Business API, Facebook Graph API, YouTube API, Cloudinary. This document represents a complete synthesis of the work development, detailing all the processes put in place to make this project happen. Key words : JAVA,Spring boot , API , Github, Cloudinary,Google ADS API,Youtube API. Amine Kacimi 6 2020-2021 Liste des tableaux Table 1:Les acteux de platfom MyMobilosoft................................................................ 40 Table 2:Description du cas d’utilisation « bibliothèque d’images » ............................... 45 Table 3:Description du cas d’utilisation « Gestion des templates » ............................... 47 Table 4:Description du cas d’utilisation « Gestion des campagnes » ............................. 50 Table 5:Les caractéristique des images accepter pour le boost .................................... 102 Amine Kacimi 7 2020-2021 Liste des figures Figure 1:L’écosystème du groupe Virtuology International .................................................. 17 Figure 2:Logo de l’entreprise VirtuoCode ............................................................................. 19 Figure 3:Structure de l’entreprise .......................................................................................... 19 Figure 4:Structure de l'équipe Build ...................................................................................... 20 Figure 5:Fiche Google d'un magasin Carrefour ..................................................................... 21 Figure 6:Le processus Scrum ................................................................................................. 25 Figure 7:Fonctionnement de Scrum ....................................................................................... 26 Figure 8:Aperçu d’Asana ....................................................................................................... 28 Figure 9:Aperçu de Skype ..................................................................................................... 30 Figure 10:Aperçu de Google Meet ........................................................................................ 31 Figure 11:Liste des activités du diagramme de Gantt ............................................................ 32 Figure 12:partie 1 de diagramme de GANTT de déroulement de stage ................................ 33 Figure 13:partie 2 de diagramme de GANTT de déroulement de stage ................................ 33 Figure 14:partie 2 de diagramme de GANTT de déroulement de stage ................................ 34 Figure 15:partie 4 de diagramme de GANTT de déroulement de stage ................................ 34 Figure 16:Diagramme de cas d’utilisation ............................................................................. 41 Figure 17:Diagramme de cas d’utilisation de Gestion de Bibliothèque des images .............. 42 Figure 18:Diagramme de case d’utilisation Gestion des templates ....................................... 42 Figure 19:Diagramme de case d’utilisation de gestion des campagnes ................................. 43 Figure 20:Diagramme de séquence pour l’authentification ................................................... 51 Figure 21:Diagramme de séquence d’ajout d’images ............................................................ 52 Figure 22:Diagramme de séquence de suppression d’images ............................................... 53 Figure 23:Diagramme de séquence de la création d’une template ........................................ 54 Figure 24:Diagramme de séquence de la modification d’une template ................................. 55 Figure 25:Diagramme de séquence de la création d’une campagne ...................................... 56 Figure 26:Diagramme de séquence de la modification d’une campagne .............................. 57 Figure 27:Diagramme de séquence pour supprimer une campagne organique ..................... 58 Figure 28:Diagramme de séquence pour accéder à l'aperçu des campagnes ......................... 59 Figure 29:Diagramme de séquence pour accéder au statistique des campagnes ................... 59 Figure 30:Diagramme de séquence pour booster une campagne ........................................... 60 Figure 31:Diagramme de l’activité S’authentifier ................................................................. 61 Figure 32:Diagramme de l’activité Créer une campagne ...................................................... 62 Figure 33:Diagramme de l’activité Booster une campagne dans Google Ads ..................... 63 Figure 34:Diagramme de classes ........................................................................................... 64 Figure 35:Architecture globale du projet ............................................................................... 67 Figure 36:Architecture globale multi-tiers ............................................................................. 68 Figure 37:Architecture Multi-modulaires de la plateforme MyMobilosoft ........................... 69 Figure 38:Logo Intellij IDEA ............................................................................................... 70 Figure 39:Logo Spring ........................................................................................................... 70 Figure 40:Logo Maven ......................................................................................................... 71 Figure 41:Logo Spring boot ................................................................................................... 72 Amine Kacimi 8 2020-2021 Figure 42: Logo Spring Data ................................................................................................. 72 Figure 43:Logo Hibernate ...................................................................................................... 73 Figure 44:Logo MyBatis ........................................................................................................ 73 Figure 45:Logo Google My Business .................................................................................... 74 Figure 46:Logo Facebook Graph API.................................................................................... 74 Figure 47:Logo google Ads ................................................................................................... 75 Figure 48:Logo Cloudinary.................................................................................................... 77 Figure 49:Youtube Api .......................................................................................................... 78 Figure 50:Logo Stripe ............................................................................................................ 78 Figure 51:Logo Google Cloud SQL ...................................................................................... 79 Figure 52:Logo Git ................................................................................................................ 80 Figure 53:Logo Lucid ............................................................................................................ 80 Figure 54:Logo GanttProject ................................................................................................. 81 Figure 55:Aperçu des campagnes organiques et payantes ..................................................... 83 Figure 56:Aperçu Bibliothèque des images ........................................................................... 84 Figure 57:Etape 1 de création d’image .................................................................................. 85 Figure 58:Etape 2 de création d’image .................................................................................. 85 Figure 59:Etape 3 de création d’image .................................................................................. 86 Figure 60:Etape 4 de création d’image .................................................................................. 86 Figure 61:création d’image avec succès ................................................................................ 87 Figure 62:Action possible sur image ..................................................................................... 87 Figure 63:La listes des thèmes ............................................................................................... 88 Figure 64:Bouton de création des thèmes .............................................................................. 88 Figure 65:Pop-up de création d'un nouveau thème ................................................................ 89 Figure 66:Bouton de Modification de thème ......................................................................... 89 Figure 67:Pop-up de modification d'un thème ....................................................................... 90 Figure 68:Bouton Supprimer un thème.................................................................................. 90 Figure 69:Pop-up confirmation de suppression ..................................................................... 90 Figure 70:Aperçu des templates............................................................................................. 91 Figure 71:Etape 1 de création template ................................................................................. 92 Figure 72:Étape 2 de création template ................................................................................. 93 Figure 73:Etape 3 de création template ................................................................................. 94 Figure 74:Etape 4 de création template ................................................................................. 94 Figure 75:Création Template avec succès ............................................................................. 95 Figure 76:Action uploads/Geographie/ rapport-pfe-kacimi-amine-3.pdf