Remerciez-le!

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

UNIVERSITE ABDELMALEK ESSAADI FACULTE DES SCIENCES ET TECHNIQUES DE TANGER Dépa

UNIVERSITE ABDELMALEK ESSAADI FACULTE DES SCIENCES ET TECHNIQUES DE TANGER Département Génie Informatique Mémoire de Projet de Fin d’Études MASTER SCIENCES ET TECHNIQUES EN SYSTEMES INFORMATIQUES ET MOBILES Développement d’une application mobile My Mobilosoft pour la gestion des avis des clients. Membres du Jury : Pr. ABDELHAKIM BOUDHIR Anouar Président Pr. EL AMRANI Chaker Examinateur Pr. BOUHORMA Mohammed Encadrant Pédagogique M. AZOUAGH Noureddine Encadrant Entreprise Soutenu le : 06/07/2021 Année Universitaire 2020/2021  RÉALISÉ PAR : CHLIAH JAAFARI Younes « Les batailles de la vie ne sont pas gagnées par les plus forts, ni par les plus rapides, mais par ceux qui n'abandonnent jamais. » 1 Dédicaces Je dédie ce projet : A ma très chère mère Quoi que je fasse ou que je dise, je ne saurai point te remercier comme il se doit. Ton affection me couvre, ta bienveillance me guide et ta présence à mes côtés a toujours été ma source de force pour affronter les différents obstacles. A mon cher père Qui je souhaite une bonne santé, aucune dédicace ne saurait exprimer l’amour, l’estime, le dévouement et le respect que j’ai toujours eu pour vous. Rien au monde ne vaut les efforts fournis jour et nuit pour mon éducation et mon bien- être. Ce travail est le fruit de tes sacrifices que tu as consentis pour mon éducation et ma formation. 2 Remerciements Dieu On remercie dieu le tout puissant de nous avoir donné la santé et la volonté d’entamer et de terminer ce projet. Mr Mohammed BOUHORMA Tout d’abord, ce travail ne serait pas aussi riche et n’aurait pas pu avoir le jour sans l’aide et l’encadrement de Monsieur Mohamed BOUHORMA, on le remercie pour la qualité de son encadrement exceptionnel, pour sa patience, sa rigueur et sa disponibilité durant notre préparation de ce projet. Noureddine AZOUAGH Nous tenons aussi à adresser nos profonds remerciements à nos encadrants techniques de Stage Noureddine AZOUAGH pour ses précieux conseils, la qualité́ de ses suivis durant toute la période de notre projet et la confiance qu’il nous a témoignés a été́ déterminants dans la réalisation de notre travail. 3 Résumé Ce travail s’inscrit dans le cadre du projet de fin d’études réalisé suite à notre stage au sein de l’entreprise VirtuoCode depuis la fin du février 2021, pour l’obtention du diplôme de master en systèmes informatiques et mobiles à l’université Abdelmalek Essaadi et plus précisément à la faculté́ de sciences et techniques de Tanger durant l’année universitaire 2020/2021. Durant toute la période de notre stage au sein de VirtuoCode, notre mission principale c’était le Développement d’une application mobile « My Mobilosoft » permettant de gérer les avis des clients. Cette application consiste à̀ fournir plusieurs services à la fois :  Un utilisateur peut se connecter à l’application et il peut visualiser les reviews des magasins qui gèrent.  Chaque utilisateur il peut voir ou répondre aux les reviews des magasins qui génèrent.  Chaque utilisateur il peut voire passe les reviews des magasins qui génèrent.  Un utilisateur peut filtrer les reviews par statut [Répondu - Ignoré - Non répondu - Attribuez-moi].  Un utilisateur peut filtrer les reviews par le nom de magasine ou par zip code aussi il peut filtrer par les étoiles [rating] ou par canal [Facebook – Google – Google alerte].  Un utilisateur peut répondre un avis avec une réponse prédéfinie  En cas de réponse déjà fait en peut faire mise à jour  Chaque manager de magasine peut répondre aux reviews de ses magasins.  Chaque utilisateur a la possibilité de basculer entre les sites qui y ont accès.  Chaque utilisateur peut ajouter un avis en tant que favori puis il peut y accéder plus tard pour répondre. 4  Chaque utilisateur peut gérer sa propre liste de favoris en supprimant un avis du favori ou en effectuant une recherche par le nom d'un magasin, il peut également aller à l'examen pour répondre.  Chaque utilisateur a un profil pour voir ses propres détails.  Chaque utilisateur a une zone de notifications pour voir les nouveaux avis à venir il existe deux types de notification le premier lorsque l'application est ouverte automatiquement les avis à venir seront ajoutés à la zone de notification et le second si l'application est fermée une notification push apparaîtra.  Chaque utilisateur peut voir toutes les réponses plus anciennes qui ont été ajoutées à un avis et a la possibilité de mettre à jour chacune d'entre elles  Chaque utilisateur dispose d'une zone de paramètres pour contrôler l'application à sa guise.  Chaque utilisateur peut voir tous les avis auxquels il a répondu sous forme de graphique contenant le pourcentage des avis non répondus et la réponse répondue Abstract This report is an illustration of the work carried out within the company VirtuoCode as part of my final year project in the field of Computer Systems. During the entire period of our internship at VirtuoCode, our main mission was the Development of a "My Mobilosoft" mobile application to manage customer reviews. This application consists of providing several services at the same time:  A user can log into the application and he can view the reviews of the stores that manage it.  Each user can respond to the reviews of the stores that has the access to them.  Each user can skip the reviews of the stores that belongs to him. 5  A user can filter the reviews by status [Replied – Skipped – Not Replied – Assign to me].  Each user can filter reviews by magazine name or zip code, also they can filter by stars [rating] or by channel [Facebook - Google - Google Alert].  A user can respond to a review with a predefined response.  In case of response already exist, he can do an (updated) update  Each store manager can respond to the reviews of his stores, which means the stores that has the access to them.  Each user has the ability to switch between the sites that belongs to him.  Each user can to add a review as a favorite to access to them later  Each user has own favorite list of reviews and he can to filter them by the store name also he can to jump to reply on that review.  Each user has a profile that hold his personnel info.  Each user has a notification area depend by the site to see the new coming review.  Each user can see all the answer on a review also he can update the older answers.  Each user has setting area to control the application as he wants.  Each user can see a chart as a statistic of the review that he replied them. 6 Nom et Prénom de l’Etudiant Stagiaire : CHLIAH JAAFARI Younes Intitulé du sujet : Développement d’une application mobile My Mobilosoft permettant de gérer les avis des clients. Etablissement d’accueil : La société VirtuoCode Encadrant Pédagogique : Prof. Mohammed BOUHORMA Encadrant Technique de Stage : Mr. Noureddine AZOUAGH Période de projet : Du 15 février 2021 au 15 août 2021 Cadre du Stage : Projet de Fin d’Etudes présenté en vue de l’obtention du master systèmes informatiques et mobiles (SIM). Filière : Master en Sciences et Techniques – Système Informatiques et Mobiles (MST-SIM) Avant-propos 7 Table des abréviations Abréviation Désignation API Application Programming Interface GMB Google My Business JSON JavaScript Object Notation SQL Structured Query Language UML Unified Modeling Language URI Uniform Resource Identifier URL Uniform Resource Locator (adresse web) REST REpresentational State Transfer SASS Software as a Service Swagger Swagger is an Interface Description Language for describing RESTful APIs 8 Table de figures Figure 1 Ecosystème du groupe Virtuology International ............................................................................. 16 Figure 2 fonctionnement du méthode scrum ...................................................................................................... 20 Figure 3 Aperçu d’Asana .............................................................................................................................................. 24 Figure 4 Aperçu d’application de Skype ................................................................................................................ 26 Figure 5 Aperçu de Google Meet ............................................................................................................................... 27 Figure 6 Exemple de scrum......................................................................................................................................... 29 Figure 7 diagramme de gantt ..................................................................................................................................... 30 Figure 8 Logo Flutter framework ............................................................................................................................. 39 Figure 9 Logo Intilijj ...................................................................................................................................................... 40 Figure 10 Logo Spring .................................................................................................................................................. 40 Figure 11 Logo Dart langage ..................................................................................................................................... 41 Figure 12 Logo Maven ................................................................................................................................................... 41 Figure 13 Logo Hibernate ............................................................................................................................................ 41 Figure 14 Logo Google My Business ........................................................................................................................ 42 Figure 15 Logo Facebook Graph API ....................................................................................................................... 42 Figure 16 Logo Google Cloud SQL ........................................................................................................................... 43 Figure 17 Logo Git ........................................................................................................................................................... 43 Figure 18 Logo StarUML .............................................................................................................................................. 44 Figure 19 Logo GanttProject ....................................................................................................................................... 44 Figure 20 Logo java ........................................................................................................................................................ 44 Figure 21 Logo Java EE ................................................................................................................................................. 45 Figure 22 Logo spring boot ......................................................................................................................................... 45 Figure 23 Logo Firebase ............................................................................................................................................... 46 Figure 24 Logo mongoDB ............................................................................................................................................ 47 Figure 25 Logo PostgresSQL ....................................................................................................................................... 47 Figure 26 Logo SQLite ................................................................................................................................................... 48 Figure 27 Use case diagram ........................................................................................................................................ 51 Figure 28 Class diagram ............................................................................................................................................... 52 Figure 29 Sequence diagram ...................................................................................................................................... 54 Figure 30 Welcome screen .......................................................................................................................................... 56 Figure 31 Authentication screen .............................................................................................................................. 56 Figure 32 Home screen ................................................................................................................................................. 57 Figure 33 Switch uploads/Geographie/ report-pfe-master-sim-younes.pdf