Remerciez-le!

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

RAPPORT DE STAGE ACADEMIQUE Etude et Mise en œuvre d’un babillard numérique Réd

RAPPORT DE STAGE ACADEMIQUE Etude et Mise en œuvre d’un babillard numérique Rédigé et présenté par : BADIENGUISSA NGOMA Joress Shelmi & SEUNGTO ASSELSOUBA Stéphane Référent Institut : M. Louis MAZBAK Année Académique 2019-2020 Référent Entreprise : M. Tanguy KUATE Effectué du 15 Avril 2020 au 19 Juin 2020 Etude et Mise en place d’un babillard numérique Page 1 © Joress & Stéphane – Exars 2023 Etude et Mise en place d’un babillard numérique Page 2 © Joress & Stéphane – Exars 2023 Fiche de confidentialité Titre du document : Etude et Mise en œuvre d’un babillard numérique Noms et Prénoms des étudiants : BADIENGUISSA NGOMA Joress Shelmi SEUNGTO ASSELSOUBA Stéphane Promotion : Exars 2023 Entreprise : Institut UCAC-ICAM Mode de diffusion : (Cocher la case correspondante)  Diffusion Libre Les destinataires peuvent conserver leur exemplaire. Un exemplaire est conservé au centre de documentation ou il peut être librement consulté et reproduit.  Diffusion limitée à l’Institut UCAC-ICAM Les membres du jury remettent leur exemplaire à l’étudiant à la fin de la soutenance (l’étudiant prend en charge cette restitution). Un exemplaire est conservé au centre de documentation. Il ne peut pas être sorti de l’Institut UCAC-ICAM ni être reproduit (apposer la mention « diffusion limitée à l’Institut UCAC-ICAM, reproduction interdite » en page de garde).  Diffusion Confidentielle Tous les exemplaires sont remis à l’apprenti à la fin de la soutenance (l’étudiant prend en charge cette restitution). Ils portent la mention « diffusion confidentielle, document à retourner à (nom de l’apprenti et de l’entreprise) » en page de garde. L’Institut UCAC-ICAM n’en conserve aucun. Dans ce cas, un résumé de l’étude diffusable sera remis par l’apprenti à l’Institut UCAC-ICAM afin d’être conservé au centre de documentation où il pourra être librement consulté et reproduit. L’Encadreur : Date : Signature : Les étudiants : Signature(s) : Date : BADIENGUISSA Joress et SEUNGTO Stéphane KUATE Tanguy Etude et Mise en place d’un babillard numérique Page 3 © Joress & Stéphane – Exars 2023 Tables des matières Fiche de confidentialité .................................................................................................................. 2 Tables des matières ........................................................................................................................ 3 Table des illustrations ..................................................................................................................... 5 Glossaire ......................................................................................................................................... 6 Résumé ........................................................................................................................................... 7 Executive summary ........................................................................................................................ 8 Introduction .................................................................................................................................... 9 I. Présentation de l’entreprise .................................................................................................. 10 I.1 Historique ....................................................................................................................... 10 I.2 Généralités ..................................................................................................................... 11 I.2.1 Secteurs d’activité .................................................................................................................. 11 I.2.2 Localisation ............................................................................................................................ 11 I.2.3 Valeurs ................................................................................................................................... 12 I.2.4 Missions ................................................................................................................................. 13 I.3 Organisation de l’entreprise .......................................................................................... 13 I.3.1 Ressources Humaines ............................................................................................................ 13 I.3.2 Ressources matérielles .......................................................................................................... 14 I.4 La mission de stage ........................................................................................................ 15 II. Présentation du projet ....................................................................................................... 16 II.1 Présentation du sujet ..................................................................................................... 16 II.1.1 Contexte et problématique ................................................................................................ 16 II.1.2 Périmètre ........................................................................................................................... 16 II.1.3 Objectifs ............................................................................................................................. 16 II.1.4 Contraintes ......................................................................................................................... 16 II.1.5 Livrable attendu ................................................................................................................. 17 II.2 Les enjeux du projet ....................................................................................................... 17 II.2.1 Intérêt pour l’entreprise .................................................................................................... 17 II.2.2 Intérêt pour l’étudiant ....................................................................................................... 17 III. Analyses et solutions ......................................................................................................... 18 III.1 Description et critique de l’existant ........................................................................... 18 Etude et Mise en place d’un babillard numérique Page 4 © Joress & Stéphane – Exars 2023 III.2 Identification des solutions ........................................................................................ 18 III.2.1 Approche de développement ............................................................................................ 18 III.2.2 Critères de sélections des frameworks web ...................................................................... 19 III.2.3 Etude comparative des solutions pour le frontend ........................................................... 20 III.2.4 Etude comparative des solutions pour le backend ............................................................ 20 III.3 Choix de la solution .................................................................................................... 20 IV. Organisation du projet ....................................................................................................... 22 IV.1 Planification ................................................................................................................ 22 IV.1.1 Planning prévisionnel ......................................................................................................... 22 IV.1.2 Planning réel ...................................................................................................................... 22 IV.2 Ressources .................................................................................................................. 23 V. Réalisation du projet .......................................................................................................... 24 V.1 Travail réalisé et résultats obtenus (jusqu’à l’envoi du rapport) ................................... 24 V.1.1 Modélisation ...................................................................................................................... 24 V.1.2 Prototypage web ................................................................................................................ 29 V.1.3 Installation et configuration ............................................................................................... 29 V.1.4 Frontend ............................................................................................................................. 30 V.1.5 Backend ............................................................................................................................ 33 V.2 Planification des travaux restants à réaliser jusqu’à la fin du stage .............................. 36 Bilan de stage ............................................................................................................................... 37 Conclusion .................................................................................................................................... 38 Webographie ................................................................................................................................ 39 Etude et Mise en place d’un babillard numérique Page 5 © Joress & Stéphane – Exars 2023 Table des illustrations Liste des figures Figure 1 : Logo de l'Institut UCAC-ICAM ..................................................................................... 10 Figure 2 : Situation géographique du campus de Douala ........................................................ 11 Figure 3 : Situation géographique du campus de Pointe-Noire .............................................. 12 Figure 4 : Carte des pays de l’Afrique centrale .......................................................................... 13 Figure 5 : Organigramme de l’institut UCAC-ICAM _ Site de Douala ....................................... 14 Figure 6 : Planning prévisionnel ................................................................................................. 22 Figure 7 : Planning réel ............................................................................................................... 23 Figure 8 : Diagramme de composant ........................................................................................ 24 Figure 9 : Diagramme de cas d'utilisation ................................................................................. 25 Figure 10 : Diagramme de séquence ......................................................................................... 26 Figure 11 : Diagramme d'activité ................................................................................................ 27 Figure 12 : MCD ............................................................................................................................ 28 Figure 13 : MLD ............................................................................................................................ 28 Figure 14 : Zoning du tableau de bord ...................................................................................... 29 Figure 15 : Wireframe du tableau de bord ................................................................................ 29 Figure 16 : Contenu du fichier de configuration .env ............................................................... 30 Figure 17 : Capture de la page d'accueil de l'application ......................................................... 32 Figure 18 : Capture du formulaire de publication .................................................................... 32 Figure 19 : Capture de la page de gestion des utilisateurs ...................................................... 33 Figure 20 : Contenu du fichier web.php .................................................................................... 34 Figure 21 : Contenu du fichier 2014_10_12_create_users_table.php ...................................... 35 Liste des tableaux Tableau 1 : Tableau comparatif des frameworks web pour le frontend ................................ 20 Tableau 2 : Tableau comparatif des frameworks web pour le backend ................................. 20 Tableau 3 : Tableau des ressources ........................................................................................... 23 Etude et Mise en place d’un babillard numérique Page 6 © Joress & Stéphane – Exars 2023 Glossaire Termes Significations/Définitions Framework Ensemble d’outils et de composants logiciels prédéfinis basé sur un langage informatique. Il est souvent fourni sous la forme d’une bibliothèque logicielle et accompagné d’une documentation sur son architecture. Il facilite la programmation informatique. Frontend Ou côté-client. Partie visible d’une application ou d’un site web, généralement l’interface graphique (pages web) Backend Ou côté-serveur. Ensemble d’opérations et de traitements effectués par une application en arrière-plan HTML HyperText Markup Langage. Langage informatique permettant de permet d'écrire et organiser le contenu de la page (paragraphes, titres…) CSS Cascade Style Sheet. Langage Informatique permettant la mise en forme d’une page web (couleur, taille, ...) PHP Langage informatique de développement utilisé pour le backend Responsive Propriété d’une application ou d’un site web à adapter la disposition de son contenu en fonction du l’écran du périphérique sur lequel il est affiché. ORM Object Relational Mapping SQL Structured Query Language MVC Model-View-Controller ou Modèle-Vue-Contrôleur. UML Unified Modeling Language. Langage unifié de modélisation d’objets. MCD Modèle Conceptuel de données MLD Modèle logique de données http Hypertext Transfert Protocol Zoning Schématisation grossière de ce que sera la future page web. On utilise des blocs pour déterminer où se trouveront les contenus et fonctionnalités. Wireframe Suite logique du zoning. Chaque bloc réalisé lors du zoning se voit doté d’image(s), de texte(s) ou de vidéo(s). Etude et Mise en place d’un babillard numérique Page 7 © Joress & Stéphane – Exars 2023 Résumé Dans le cadre de la deuxième année du cycle Ingénieur en Informatique, nous avons effectué un stage académique à l’Institut UCAC-ICAM durant la période allant du 15 Avril 2020 au 19 Juin 2020. Bien que ce stage de clôture de la deuxième année académique ait été effectué dans un contexte particulier dû à la crise sanitaire (COVID-19) observée durant cette période, il a été riche en gain d’expériences. Le projet qui nous a été soumis durant cette période de stage est intitulé « Etude et Mise en place d’un babillard numérique ». Cela a été l’occasion de mettre en application des compétences acquises pendant la formation dans le cadre des missions d’analyse et de développement d’applications puisqu’il s’agissait principalement de développer une application web qui permettrait de publier et lire les annonces habituellement affichées sur les babillards physiques du campus. Il est a également résulté un bon nombre de connaissances et de compétences acquises. Etude et Mise en place d’un babillard numérique Page 8 © Joress & Stéphane – Exars 2023 Executive summary From April 15, 2020 to June 19, 2020, we carried out an academic internship at the UCAC-ICAM Institute during the period from. Although this internship which the second academic year was carried out in a particular context due to the sanitary crisis (COVID-19) observed during this period, it was rich in gaining experiences. The project submitted to us during this internship period is entitled "Study and Installation of a digital bulletin board". This was an opportunity to apply skills acquired during the training in the context of analysis and application development missions since it was mainly a question of developing a web application which would allow to publish and read the announcements. usually posted on physical campus bulletin boards. Etude et Mise en place d’un babillard numérique Page 9 © Joress & Stéphane – Exars 2023 Introduction La communication ou la diffusion d’informations dans une université peut être ardue. Pour la faciliter, des babillards, ou tableaux d’affichage, sont fréquemment utilisés. Ces outils d’affichage classiques peuvent parfois s’avérer peu efficaces pour tenir au courant tous les étudiants, les membres uploads/Management/ rapport-de-stage-x2-joress-badienguissa-v2-pdf.pdf