Remerciez-le!

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

Professeur Encadrant : M. Hamid MACHHOUR Maitre de stage : Mme. Khadija TAHIA R

Professeur Encadrant : M. Hamid MACHHOUR Maitre de stage : Mme. Khadija TAHIA Réalisé par : Iliyass ZAMOURI MISE EN PLACE D’UNE APPLICATION DE GESTION DES COLLOCATIONS IM CREATIVE Dédicace : Toutes les lettres ne sauraient trouver les mots qu’il faut… Tous les mots ne sauraient exprimer la gratitude, L’amour, le respect, la reconnaissance… Je dédie ce travail : A mes parents qui se sont sacrifiés pour m’offrir la possibilité de poursuivre mes études dans les meilleures conditions, et qui n’ont jamais cessé de m’encourager et de me soutenir. A ma sœur pour ses encouragements et s’assistance. A toute ma famille, et à tous mes amis pour l’amour, le respect, le courage qu’ils nous ont toujours octroyés et qui je leurs souhaite une vie pleine de bonheur et de succès. A tous mes collègues pour le soutien moral et l'ambiance familiale qu'ils n'ont pas manqué d'apporter durant cette année. A nos professeurs pour leurs énormes efforts. Au personnel du IM creative. REMERCIEMENTS Je veux d'abord remercier Dieu qui m'a donné la force et la patience pour atteindre ce travail dans les meilleures conditions ainsi que l’audace pour dépasser toutes les difficultés. Et deuxièmement, je veux me remercier se croyez en moi et de suivre le travail acharné. Je souhaite exprimer ma gratitude et mes remerciements à mon encadrant de stage Madame « TAHIA Khadija » pour m’avoir encadré et sa bonne orientation avisée et son encouragement tout au long de cette période du stage dont la courtoisie et la disponibilité ont été constantes à notre égard, pour ses conseils précieux et la qualité de l’encadrement dont il nous a faits bénéficie tout le long de ce projet. Avant de présenter mon travail, je veux exprimer ma grande reconnaissance envers tous les responsables et toute l’équipe IM Creative pour leur accueil et leur aide. Que les membres de jury trouvent, ici, l’expression de nos remerciements pour l’honneur qu’ils nous font en acceptant de juger ce travail. RESUME Le projet réalisé dans ce stage est une application mobile et web visée à rencontrer les personnes qui sont intéressés à louer un bien immobilier. Cette application permet aux locataires l’automatisation du processus de recherche des biens immobiliers, ainsi la communication avec les propriétaires et les colocataires. A travers de cette application on pourra demander un bien immobilier à travers des annonces, aussi le locataire peut poster ces biens immobiliers avec des détails et réagir avec les personnes qui sont intéresser. En vue d’appliquer ce qu’on a appris dans le cours Modélisation en UML, nous avons fait tout d’abord une étude conceptuelle. Cette dernière nous a facilité la réalisation de notre application et nous a permet ainsi de bien organiser les idées, les taches et les délais. Et de structurer l’implémentation selon les diagrammes pour la bonne gestion du projet. L’application web a été basé sur l’étude conceptuelle et a été implémentée par diverses technologie comme Laravel, JQuery, Bootstrap et Vue.js qui sont des Framework permettant de créer efficacement des sites web complexes et flexibles, l’application mobile a été développé avec Flutter et Dart En effet, ce stage est considéré comme une occasion qui nous a permis d’entrer en contact direct avec le monde du travail et nous a premièrement aidé à renforcer la théorie par la pratique, deuxièmement à élargir nos connaissances, et enfin à s’adapter à la vie professionnelle et établir des relations directes avec les autres, ainsi à savoir exprimer nos idées et améliorer nos habiletés de communication. ABSTRACT The Project carried out in this stage is a mobile and web application aimed at meeting people who are interested in renting real estate. This app enables tenants to automate the real estate search process, as well as communication with landlords and roommates. Through this application it will be possible to request real estate through advertisements, also the tenant can display these real estates with details and react with the people who are of interest. In order to apply what we have learned in the Modeling in UML course; we first did a conceptual study. The latter facilitated the realization of our application and thus allows us to organize the ideas, the tasks and the deadlines. And to structure the implementation according to the diagrams for the good management of the project. The web application was based on the conceptual study and has been implemented by various technologies such as Laravel, jQuery, Bootstrap and Vue.js which are frameworks for efficiently creating complex and flexible websites, the mobile application has been developed with Flutter and Dart Indeed, this stage is seen as an opportunity that allows us to come into direct contact with the world of work and help us firstly to strengthen theory through practice, secondly to broaden our knowledge, and finally to adapt to professional life and establish direct relationships with others, as well as knowing how to express our ideas and improve our communication skills. Table des matières Cadre du stage .......................................................................................................................................... 10 I. Introduction................................................................................................................................... 11 II. Présentation de l’organisme d’accueil .......................................................................................... 12 1. Introduction : ............................................................................................................................. 12 2. Services et Activités : ................................................................................................................. 13 3. Organigramme de la société :.................................................................................................... 13 III. Présentation du projet .............................................................................................................. 14 1. Contexte et Objectifs : ............................................................................................................... 14 2. Cahier des charges : ................................................................................................................... 14 Conception et Etude théorique ................................................................................................................ 10 I. Conception .................................................................................................................................... 16 1. Diagramme de classe ................................................................................................................. 16 2. Diagramme de cas d'utilisation ................................................................................................. 17 3. Diagramme séquence : .............................................................................................................. 19 4. Digramme de Gantt théorique : ................................................................................................ 21 Réalisation ................................................................................................................................................ 11 I. Technologies utilisées : ................................................................................................................. 24 1. Langage de Modélisation :......................................................................................................... 24 2. Langage de programmation cote serveur : ............................................................................... 24 3. Langage de programmation coté client .................................................................................... 25 4. Système de gestion de base de données : ................................................................................ 25 II. Réalisation : ................................................................................................................................... 26 1. Application Web ........................................................................................................................ 26 2. Mobile ........................................................................................................................................ 35 Conclusion ................................................................................................................................................ 37 1. Bibliographie .............................................................................................................................. 38 2. Webographie ............................................................................................................................. 38 Table des matières Figure 1 Organigramme de la société IM CREATIVE ................................................................................ 13 Figure 2 diagramme de classe .................................................................................................................. 16 Figure 3 diagramme de cas d'utilisation .................................................................................................. 17 Figure 5 séquence d'ajout d'un nouveau bien immobilier ...................................................................... 19 Figure 6 diagramme de Gantt .................................................................................................................. 21 Figure 7 page d'accueil ............................................................................................................................. 26 Figure 8 détails de l'immobilier ................................................................................................................ 27 Figure 9 forme d'ajout d'un nouveau bien immobilier ............................................................................ 28 Figure 10 forme de publication d'une nouvelle annonce ........................................................................ 28 Figure 11 annonce de collaboration ........................................................................................................ 29 Figure 12 Annonce ................................................................................................................................... 29 Figure 13 page d'inscription ..................................................................................................................... 30 Figure 14 page de connexion ................................................................................................................... 30 Figure 15 profil ......................................................................................................................................... 31 Figure 16 profil d'un autre utilisateur ...................................................................................................... 32 Figure 17 à propos .................................................................................................................................... 33 Figure 18 Web de conversation dans le navigateur de bureau ............................................................... 34 Figure 19 perspective mobile de conversation web ................................................................................ 34 Figure 20 liste de contacts (boîte de réception) ...................................................................................... 35 Figure 21 discussion mobile en temps réel .............................................................................................. 35 CHAPITRE I Cadre du stage 11 I. Introduction Pour acquérir une bonne et parfaite qualité, la formation théorique seule ne suffit pas, pour cela, nous sommes amenés à faire un stage de fin d’études dans une entreprise. L’objectif primaire de ce stage est l’insertion dans le milieu professionnel et la mise en application des connaissances acquise. Ce stage réalisé au sein de la société t créative spécialise dans le domaine informatique du 24 mai 2021 au 22 juin 2021, a eu pour principale mission, le développement d’une application web et mobile permettant de rencontrer des personnes pour louer un bien immobilier dans le même quartier, cette application contient plusieurs fonctionnalités qu’on les présentera dans la suite. Le rapport que vous feuilletez, décrit les différentes phases de l’accomplissement de ce projet en trois principaux chapitres : Le premier chapitre intitulé « Contexte générale du projet » est le point du départ. Il consiste, dans un premier lieu de présenté la société au celle on a effectué le stage, En deuxième lieu, nous déterminons les différents objectifs du site sous forme d’un cahier de charge bien structuré, ainsi que le plan suivi. Le deuxième chapitre intitulé « Analyse et conception », aborde la phase de conception de données, on exploite ce chapitre pour analyser les besoins fonctionnels et techniques, et présenter les acteurs et les différents diagrammes et nous détaillerons les différents cas d’utilisation d’application. Finalement, au niveau du dernier chapitre intitulé réalisation, nous présenterons les différents outils utiliser tout au long du développement, ainsi que les principales interfaces graphiques réalisées et quelques scénarios applicatifs. Vous trouverez donc, dans ce rapport, le résultat d’un stage à la fois formateur et enrichissant aussi bien sur le plan professionnel que personnel. Ce chapitre nous a permis de faire une présentation générale du cadre du stage. Nous avons commencé par présenter l’organisme d’accueil puis le cadre du stage et enfin terminé par donner un aperçu sur le sujet et les objectifs à atteindre. 12 II. Présentation de l’organisme d’accueil 1. Introduction : IM CREATIVE est une société informatique située sur la ville de Fès. Fondée en 2019, elle s'intéresse aux métiers de communication, au développement d'applications uploads/Geographie/ rapport-stage-zamouri.pdf