Rapport de stage

Rapport de stage: Développement d’un site web de gestion des étudiants(e-encadrement)

Par  TRA BI LEZIE DAVID

Licence Professionnelle " Informatique et Sciences du Numérique (ISN)" spécialité Développement d’Applications et e-Services (DAS)   Année 2018/2019

     Maître de stage : DIE LUC

     Encadreur en entreprise : Koné Mamadou

Etablissement scolaire : UNIVERSITÉ VIRTUELLE DE CÔTE IVOIRE

Entreprise d’accueil : UNIVERSITÉ VIRTUELLE DE CÔTE IVOIRE

Entreprise d’accueil : UNIVERSITÉ VIRTUELLE DE CÔTE IVOIRE du 05 Août 2019 au 5 Octobre 2019

Remerciements

Je tiens tout d’abord à remercier Mr DIE LUC, mon maître de stage qui m’a aidée, conseillée et soutenue tout au long du stage. Il a toujours été disponible pour moi et m’a bien accueillie malgré son emploi du temps chargé. Ensuite, j’aimerais remercier l’université virtuelle de côte d’ivoire qui m’a permis de faire ce stage en proposant des stages en son sein. Elle m’a aussi aidée dans les démarches pour obtenir ce stage. Je remercie également les personnes avec qui j’ai travaillé.

Dédicace

Je dédie ce travail a mes chers parents.

Pour tout l’amour dont vous m’avez entouré, pour tout ce que vous avez fait pour moi.

Que ce modeste travail, soit l’exaucement de vos vœux tant formulés et de vos prières

quotidiennes.

I.  INTRODUCTION

Effectuer une mission en entreprise représente toujours l’occasion d’enrichir ses Connaissances, cela à travers des travaux permettant de les compléter ou d’en acquérir de nouvelles. De notre point de vue, il nous parait nécessaire, sinon indispensable, d'être confronté à des situations et à des technologies nouvelles présentant un grand intérêt dans le secteur de l'informatique, afin de s’enquérir de tous les contours de ce secteur. Ainsi, la mission proposée et les éléments mis en œuvre au sein de celle-ci ont été prépondérants dans le choix de l’entreprise.

Dans cette partie, en premier temps,  des présentations de la structure d’accueil                                seront décrits pour comprendre le fonctionnement de cette structure.                                           Dans un deuxième temps, un état des lieux (étude de l’existant) sera réalisé(e) sur les méthodes et les outils informatiques qu'utilise le service informatique pour gérer leurs données. Ce bilan de l'existant amènera à la problématique du sujet et la méthodologie de travail adoptée.

II.   CHAPITRE 1 : CONTEXTE DE TRAVAIL

      1. Présentation de la structure d’accueil

         a. Description et formation en son sein

L’Université Virtuelle de Côte d’Ivoire (UVCI) est un établissement public administratif (EPA) créée par décret N°2015-775 du 09 décembre 2015 par l’Etat de Côte d’Ivoire.

Cette université qui forme aux métiers du numérique éducatif est issue de la deuxième phase de l’appui financier du deuxième Contrat de Désendettement et de Développement (C2D) Éducation/Formation conclu entre la République française et l’Etat de Côte d’Ivoire par la volonté politique du Ministère de l’Enseignement Supérieur et de la Recherche Scientifique, à vouloir résoudre le problème du sureffectif des institutions universitaires.

Le C2D éducation/formation vise ainsi à soutenir le ministère de l’enseignement supérieur et de la recherche scientifique dans ses efforts d’introduction du numérique éducatif dans le système d’enseignement supérieur. L’objectif étant de répondre au nombre de plus en plus croissant de bacheliers qui se présentent aux portes des universités chaque année, au déficit en infrastructures et d’améliorer la qualité de l’offre de formation en vue de relever le taux d’employabilité des diplômés.

L’Université Virtuelle de Côte d’Ivoire a pour principale mission de développer et vulgariser l’enseignement à distance à travers les Technologies de l’Information et de la Communication qui font partie intégrante du Programme Thématique de Recherche du Conseil Africain et Malgache pour l’Enseignement Supérieur (CAMES). Par conséquent, elle se doit d’accompagner les Universités et Grandes Écoles Publiques qui dispensent de cours en présentiel, afin que celles-ci convergent vers la formation à distance à travers le numérique. Il est à rappeler que l’Université Virtuelle compte en deux années de fonctionnement, près de 6500 étudiants qui sont formés au numérique éducatif dans la filière Informatique des Sciences du Numérique. L'Université Virtuelle de Côte d'Ivoire est une Université publique d'enseignement à distance axée sur le numérique éducatif. Elle offre des formations qualifiantes, diplômantes et professionnalisantes. Pour la rentrée universitaire, la Licence Informatique & Sciences du Numérique est ouverte avec 6 spécialités : SPÉCIALISTE Réseaux et Sécurité Informatique (RSI), SPÉCIALISTE Bases de Données (BD), SPÉCIALISTE Développement d’Applications et e-Services (DAS), SPÉCIALISTE Multimédia et Arts Numériques (MMX), SPÉCIALISTE Communication Digitales (COM), SPÉCIALISTE e-Commerce et Marketing Digital (CMD).

               b. PRÉSENTATION DE L’ORGANIGRAMME EN IMAGE

PRÉSENTATION DE L’ORGANIGRAMME EN IMAGE

            2.  L’ETUDE DE L’EXISTANT ET LES DIFFICULTES RENCONTREES PAR CELUI-CI.

Au niveau de l’existant, la quantité d’opérations possibles est assez importante, certaines étant plus fastidieuses que d’autres. Toutefois, la cohérence de l’ensemble est incertaine ; une partie des opérations s’effectuent soit par des outils intégrés au portail existant, (campus.UVCI.edu.ci, scolarité.UVCI.ci, UVCI.edu.ci, e-stage.UVCI.edu.ci …) soit en passant par une tierce personne  (l’administration, scolarité, pédagogie…).  Aussi, dans le premier cas nous parlerons «d’outils existant en interne permettant la formation à distances (dispensions des cours, le rendu de devoir et  des compositions de fin de semestre) » tandis que dans l’autre nous évoquerons les  problèmes principaux observés au niveau des étudiants, lesquels ont poussé l’administration de la dite université a envisagée la mise en place d’une plateforme appelée e-encadrement pour la suivie des étudiants par les encadreurs , qui est l’objet principal de notre stage au sein de cette université.

a. OUTIL EXISTANT EN INTERNE PERMETTANT LA FORMATION A DISTANCES

En interne, les formations et les informations  sont dispensées par le biais de plusieurs plateformes à savoir : campus UVCI. Cette plateforme est utilisée pour dispenser les cours universitaires et l’étudiant grâce à cette plateforme peut télécharger ses cours et rendre ses devoirs. Elle a aussi en son sein un forum d’échange entre les étudiants et les membres de leur groupe et leur tuteur.

Il existe également la plateforme scolarité UVCI. Cette plateforme quant à elle est un intermédiaire entre l’étudiant et l’administration et sur cette plateforme l’étudiant a accès à ses documents admiratifs, il peut consulter et télécharger ces bulletins de fin de semestres et de fin de  licences.

Nous avons aussi l’outil Gmail de Google. Cette application est utilisée pour l’échange d’information entre l’administration et les étudiants

Enfin, il y a la plateforme e-stage UVCI. Il s’agit en réalité d’un espace numérique de travail qui s’avère nécessaire dans la gestion et le suivi des rapports de stage et des étudiants de l’UVCI. Comme tous les établissements de l’enseignement supérieur, l’UVCI offre à ses étudiants la possibilité d’effectuer des stages dans des entreprises publiques ou privées.

En effet, selon le type de stage, les étudiants sont intégrés durant une certaine période dans des structures d’accueil sous l’assistance d’un encadreur de la société (le maître de stage), d’un encadreur de l’université et de l’administration de l’UVCI. L’UVCI veut à travers cette plateforme rompre avec le modèle classique du stage.

Toutes ces actions sont possibles pour les étudiants et chaque étudiant disposent d’un compte utilisateur et d’un mot de passe  unique délivré depuis l’inscription en licence 1 dans cette université.

    3. LES PRINCIPAUX PROBLÈMES OBSERVES ET LES SOLUTIONS ENVISAGÉES.

              a.LES PRINCIPAUX PROBLÈMES OBSERVE.

De l’analyse du système existant ont été relevés des dysfonctionnements  entre tuteur et étudiant et entre tuteur et administration. Dans le département de l’encadrement, nous constatons une mauvaise gestion des étudiants réunirent par groupe de la part des tuteurs et aucun suivie des rapports des activités menés par les tuteurs, du fait du manque  de plateforme dédier pour ce département.

Au final, ces diverses difficultés ont conduit à envisager La mise en place d’une plateforme web (Application web) dénommé plateforme e-encadrement.

             b. PRÉSENTATION DU CAHIER DE CHARGE (SOLUTIONS ENVISAGÉES)

La plateforme de gestion de l’encadrement des étudiants dénommée e-encadrement a pour but principal de créer une application qui permettrait de gérer les données de l’encadrement des étudiants par les tuteurs et surtout automatiser le formulaire de dépôt de rapport. Cette plateforme comporte des acteurs principaux que sont les l’administrateur (membre du service APS) et le tuteur.

Pour l’administrateur

L’application doit pouvoir récupérer les groupes et leur liste telle que créé sur la plateforme de la scolarité.

L’administrateur doit pouvoir :

-           Inscrire les tuteurs ;

-           Créer les paramètres de connexion de chaque tuteur ;

-           Affecter les tuteurs à des groupes (ou affecter des groupes à un tuteur) ;

-           Retirer des groupes à un tuteur ;

-           Regrouper les tuteurs inscrits par niveau et par spécialité ;

-           Rendre un tuteur inactif sur e-encadrement ;

-           Ouvrir et fermer (paramétrer) les dates de début et de fin de dépôt des rapports hebdomadaire en fonction du niveau et de la spécialité des tuteurs. Le paramétrage devra se faire en termes de dates, d’heures, et de spécialité concerné ;

Le tuteur

Une fois son compte créé, les paramètres lui sont communiqués. Ainsi, le tuteur doit pouvoir se :

-  Connecter avec ses paramètres. Une fois connecté, il accède à son espace. Cet espace doit contenir la liste de ses groupes.

En cliquant sur le nom d’un des groupes, il accède à un espace commun entre lui et les étudiants de ce groupe. Il y verra :

-  La liste des étudiants de ce groupe, cette liste doit afficher intégralement en contenant le nom, le prénom, l’e-mail, les contacts des étudiants et un champ profil ;

-   En cliquant sur le champ profil d’un étudiant, le profil de ce dernier doit s’afficher avec les informations : nom, prénom, e-mail, contacts des étudiants et photo.

-  Chaque tuteur, une fois connecté dispose d’un bouton rapport. En cliquant sur ce bouton, le formulaire de rapport s’affiche. Mais l’admin devra activer les boutons rapports, par niveau et par spécialité avant que celui-ci ne soit cliquable par le tuteur.

Le formulaire de rapport hebdomadaire contient les champs suivants :

*A combien estimez-vous le nombre d'étudiant qui participent à vos activités hebdomadaires?

* les noms des étudiants absents aux activités pédagogiques durant la semaine

* Compte rendu de chat sur hangouts (Date du 1er chat des deux premiers groupes ; Heure de début et heure de fin du chat du 1er chat ; Date du 2ième chat deux autres groupes ; Heure de début et heure de fin du chat du 2ième chat)

* Résumé sommaire de tous les échanges de la semaine ;

* Critiques vis-à-vis du système

* Recommandations

Statistiques

Le système doit permettre à l’administrateur de ressortir les éléments suivants, pour une année donnée :

-Le nombre total de tuteur

- Le nombre de tuteur par niveau (tous niveaux confondus)

- Le nombre de tuteur par niveau et par spécialité ;

- Le nombre total de groupe (tous niveaux et toutes spécialités confondus)

- Le nombre de groupe par tuteur (liste des tuteurs et le nombre de groupe de chacun)

- Le nombre de groupe par niveau

- Le nombre de groupe par spécialité (tous niveaux confondus)

- Le nombre d’étudiant par niveau (L1, L2, L3, M1, M2)

- Le nombre d’étudiant par niveau et par spécialité

-  Le nombre de rapport rendu par tuteur

-Le nombre de rapport rendu par niveau (L1, L2, L3, M1, M2)

-  Le nombre de rapport rendu par spécialité (tous niveaux confondus)

-Le nombre total de rapport rendu par niveau, par spécialité et par an.

        III. Chapitre 2: CONCEPTION  

INTRODUCTION

  Dans le cycle de vie de notre projet, la Conception présente une phase primordiale et déterminante pour produire une application de haute qualité.

Cette phase a pour objectif de déduire la spécification de l'architecture du système. Elle aboutira à la Conception Et la présentation des diagrammes de séquences et d'activité en se basant sur le langage UML.

1.   CONCEPTION GÉNÉRAL

                 La modélisation UML 

UML, se définit comme un langage graphique et textuel qui permet de représenter, de communiquer les divers aspects d'un système d'information. UML n'est donc pas une méthode d'analyse mais un métalangage car il fournit les éléments permettant de construire le modèle qui, lui sera le langage du projet Concrètement, UML, s’utilise pour comprendre et définir les besoins, spécifier et documenter des systèmes, esquisser des bases données et des traitements en élaborant des diagrammes. UML 2.0 comporte treize (13) diagrammes représentant autant de vues distinctes pour représenter des concepts particuliers du système: 

Les vues statiques

  v  Diagramme de cas d'utilisation ;

  v  Diagramme d'objet ;

  v  Diagramme de classe ;

Diagramme de composants

  v  Diagramme de déploiement ;

Les vues dynamiques

  v  Diagramme de collaboration ;

  v  Diagramme de séquence ;

  v  Diagramme d'activité ; 

  v  Diagramme d'état-Transition;

Dans le cadre de la modélisation de notre système, le diagramme de séquences, le diagramme d'interaction et le diagramme de classe suffirons à modéliser notre système.

                              a. diagramme de séquences

Les diagrammes de séquences permettent de représenter la succession chronologique des opérations réalisées par un acteur et qui font passer d'un objet à un autre pour présenter un scénario.  Dans cette partie, nous allons décrire les scénarios les plus importants ainsi que leurs représentations par les diagrammes de séquence.

Figure 1 : diagramme de séquences

                     b. Diagramme d’interaction authentification d’un utilisateur

Le diagramme d’interaction est un diagramme de s´séquence détaillé.

Nous respecterons également les règles que nous avions fixées sur les relations entre les classes d’analyses, mais en nous intéressant cette fois-ci aux interactions dynamiques entre objets :

Les acteurs ne peuvent interagir (envoyer des messages) qu’avec les dialogues;

Les dialogues peuvent interagir avec les contrôles;

Les contrôles peuvent interagir avec les dialogues, les entités, ou d’autres contrôles.

– Les entités ne peuvent interagir qu’entre elles.

Figure 2:Diagramme d’interaction authentification d’un utilisateur

                                 c. Diagramme des classes

Un diagramme des classes décrit le type des objets ou données du système ainsi que les différentes formes de relations statiques qui relient entre eux

Figure 3: Diagramme des classes

CONCLUSION

 Cette phase de Conception avait pour intérêt de présenter les différentes étapes de Conception de l'application en évoluant dans le niveau de détail, et doit par conséquent aboutir immédiatement à l'implémentation avec une vision claire des aspects fonctionnels ainsi que l'organisationnels de l'application.

      IV.  Chapitre:3  Réalisation

1. Choix du système de gestion de la base de données

Le choix du SGBD (système de gestion de la base de données) s'est porté sur MySQL qui possède plusieurs interfaces utilisateurs, nous proposons une architecture avec 7 tables qui répondent, selon nous, à tous les besoins de ce projet (nous pouvons modifier cette base de données si besoin). Nous pouvons voir ci-dessus l’ensemble des tables de la base de données et la présentation des interfaces du SGBD.

Figure 4: présentation des tables

·SQL : l’interface en ligne de commande, qui a permis d’interroger la base de donner
avec des requêtes SQL.
·Conception: l’outil d’administration graphique.
·Php-MyAdmin : l’interface web d’administration.

            a.   Les différents outils de développement utilisés (Langages de programmation)

        a.1  Les langages serveur

La première partie des langages que nous dirons « serveur » servent à traiter la demande du tuteur et préparer la réponse à envoyer. Le code y est exécuté par le serveur, et ne pourra jamais être vu par le tuteur

·         Les langages PHP

 Personne n’a pu passer à coté du PHP (HyperText Preprocessor), utilisé par les plus grands CMS (wordpress, joomla, drupal, magento). Il est très facile à déployer, a une excellente documentation, et permet de faire des choses simples très vite. Ce langage est principalement utilisé pour produire un site web dynamique. Il est courant que ce langage soit associé à une base de données, tel que MySQL.

·   Les langages SQL (Structured Query Language, langage structuré de requêtes)

Le langage qui permet d’interroger les bases de données (généralement MySQL). Les bases de données sont indispensables pour tout site web conséquent. Elles permettent de stocker et gérer de grandes quantités d’informations.

                                                  

              a.2 Les langages Client

Sous ce nom assez… improvisé, nous allons parler des langages exécutés sur la machine du tuteur, donc de l’internaute.

·  Les langages (HTML HyperText Markup Language.)

Sans conteste, le langage client phare pour les sites web, le HTML gère tout ce qui est mise en forme d’information (bien que le HTML5 tende à faire plus que de l’affichage). Il est composé d’un ensemble de balises, et qui ressemble (voir même qui est, si nous simplifions) au XML. Il est assez particulier car il n’est en réalité qu’un ensemble de règles énnoncées par le W3C.

· Les langages CSS (Cascading Style Sheets, ou feuilles de styles en cascade)

Il s’utilise conjointement avec le HTML, et définit des règles d’affichage. Il est lui aussi maintenu par le W3C, et n’est aussi qu’une suite de recommandations. Sa version 3 permet de faire des choses qui s’approchent du javascript, en permettant de faire des transitions (un moyen tout smooth de passer d’un état, une couleur, une position, à un autre).

·         Les langages Javascript

Comme pour les deux précédents, le javascript est une interprétation de l’ECMAScript maintenu par le W3C. C’est le moyen de rendre dynamique des pages, en modifiant les propriétés HTML avec des transitions (pour faire de jolies animations, par exemple), effectuant des requêtes vers le serveur, discutant avec des éléments embarqués tels du flash, et autres.

             a.3 Bootstrap de twitter

Pour gérer le design de l’application, on a choisi le framework Bootstrap. Bootstrap est un framework côté client (désigné Fronted en anglais), c’est un framework CSS3 ;

·         Il embarque également des composants HTML 5 et JavaScript ;

·         Il contient une bibliothèque totalement open source sous licence Apache ;

·         Il dispose d'une mise en page basée sur une grille de colonnes simples et efficaces pour mettre en ordre l'aspect visuel d'une page web ;

·         Il dispose de plugins jQuery de qualité ;

·         Du code qui tient compte du format d'affichage des principaux outils de navigation

·         (Responsive design) : smartphones, tablettes…

Après la réalisation de la base de données, nous avons réfléchi sur une
maquette de l'application. Nous vous présenterons les différentes interfaces
utilisateurs. À travers ces interfaces, vous pourrez voir la disposition des différentes
rubriques et les informations utiles à chaque utilisateur. Notre souhait est de proposer une
application web facile d’utilisation avec un environnement conviviale.

      b.  Les fonctionnalités pour le tuteur:
L’application est mise en ligne (exécuté) sur un  serveur local, après le transfert de tous les
fichiers qui composent l’application en local dans le dossier eds-www du logiciel EasyPHP-Devserver-17. En ce qui concerne la phase de mise en service, notre application est divisée en deux parties, un Fronted et un Backend. 

Figure 7: page accueil

Fronted : la Fronted est la partie publique, où on peut obtenir des informations sur l’application (info sur l’établissement, connexion tuteur et connexion).
Backend : le Backend est le back-office de l’application, c’est la zone administrative, où un utilisateur enregistré et authentifié accède à la gestion des fonctionnalités.

         ·                Connexion à l’application pour le tuteur:
La connexion à l’application pour le tuteur lui  permet accéder à son espace.
Pour se connecter, il lui  faut un nom d’utilisateur et un mot de passe valide, stockés dans la table « Tuteur1 » de la base de données crée au préalable par l’administrateur.

           ·           Sécuriser l’application pour l’espace tuteur:

 L’espace tuteur est une zone privée. Seul le tuteur authentifié a accès aux fonctionnalités. Si le tuteur  est déconnecté, à chaque fois que quelqu’un essaie d’accéder à n’importe quel vue, l’accès reste verrouillé.

Figure 8: Connexion espace tuteur

         c.  Présentation de quelques interfaces et fonctionnement de l’application sur l’espace tuteur:

Une fois connecté l’application s’ouvre sur une vue, le tuteur accède à son espace. Cet espace contient la liste de ses groupes. En cliquant sur le nom d’un des groupes, il accède à un espace commun entre lui et les étudiants de ce groupe. Il y trouvera la liste des étudiants de ce groupe.

En cliquant sur le champ profil d’un étudiant, le profil de ce dernier s’affiche avec les informations comme le nom, le prénom, l’e-mail, les contacts de cet étudiants et  sa photo.

Figure 9: accueil de l'espace tuteur

Figure 10: Liste des groupes du tuteur connecté

Figure 12: profit de l'étudiant sélectionné

Chaque tuteur, une fois connecté dispose d’un bouton rapport. En cliquant sur ce bouton, le formulaire de rapport s’affiche (Figure 7:formulaire de rapport). Mais l’admin devra activer les boutons rapports, par niveau et par spécialité avant que celui-ci ne soit cliquable par le tuteur.

Le formulaire de rapport hebdomadaire contient les champs suivants :

* A combien estimez-vous le nombre d'étudiant qui participent à vos activités hebdomadaires ?

* les noms des étudiants absents aux activités pédagogiques durant la semaine

* Compte rendu de chat sur hangouts (Date du 1er chat des deux premiers groupes ; Heure de début et heure de fin du chat du 1^er chat ; Date du 2ième chat deux autres groupes ; Heure de début et heure de fin du chat du 2^ième chat)

* Résumé sommaire de tous les échanges de la semaine

* Critiques vis-à-vis du système

* Recommandations.

Figure 13: formulaire de rapport

                 d.  Le format d’affichage
Bootstrap twitter prend en charge 4 types de formats d’affichages à savoir :

· Très petit format (smartphone)
· Petit format (tablette)
· Moyen format (petit écran)
· Large format (écran standard)
Voici un exemple comparatif qui montre le changement des menus entre les types de formats.

Figure 14: Figure 8: Les formats d'affichage de Bootstrap

              e.      Fonctionnalités pour l’administrateur

             e.1  Connexion à l’application pour l’administrateur:
La connexion à l’application pour l’aministrateur  permet de travailler dans l’espace d’administration. Pour se connecter, il faut un nom d’utilisateur et un mot de passe valide, stockés dans la table « adminUvci » de la base de données. 

               e.2 Sécuriser l’application pour l’administrateur:

L’espace d’administration est une zone privée; seul l’administrateur  authentifié a accès aux fonctionnalités. Si l’administrateur est déconnecté, à chaque fois que quelqu’un essaie d’accéder à n’importe quel vue, l’accès reste verrouillé. Figure 15: Connexion administrateur

Figure 15: Connexion administrateur

e.3 Présentation de quelques interfaces et fonctionnement de l’application sur l’espace administration:

Une fois que l’utilisateur est authentifié, tous les composants du premier menu horizontal, se chargent à la fois et l’application s’ouvre sur la vue. Ce menu représente les grandes fonctionnalités de l’application définies par :

Un bouton crée un tuteur, qui contient un formulaire  pour ajouter un tuteur « Figure 16:formulaire crée tuteur »

Un bouton  Crée spécialité, qui contient un formulaire pour ajouter une « spécialité » Figure 17: formulaire crée spécialité

Un bouton  Crée niveau, qui contient lien un formulaire ajouter un « niveau d’étude » Figure 18: formulaire crée niveau

Un bouton  Crée étudiant, qui contient un formulaire pour ajouter un «étudiants » Figure 19:formulaire crée étudiants

Un bouton  Crée groupe, qui contient un formulaire pour ajouter un « groupe » Figure 20:formulaire crée groupe

Figure 16:formulaire crée tuteur

Figure 17: formulaire crée spécialité

Figure 18: formulaire crée niveau

Figure 19:formulaire crée groupe

Figure 20:formulaire crée étudiants

Figure 21:formulaire crée groupe

f.   Partie statistiques

Le système permet à l’administrateur de consulter les éléments suivants, pour une année donnée : Figure 20: Menu et statistique

·         Le nombre total de tuteur

·         Le nombre de tuteur par niveau (tous niveaux confondus)

·         Le nombre de tuteur par niveau et par spécialité ;

·         Le nombre total de groupe (tout niveau et toutes spécialités confondus)

·         Le nombre de groupe par tuteur (liste des tuteurs et le nombre de groupe de chacun)

·         Le nombre de groupe par niveau

·         Le nombre de groupe par spécialité (tous niveaux confondus)

·         Le nombre d’étudiant par niveau (L1, L2, L3, M1, M2)

·         Le nombre d’étudiant par niveau et par spécialité

·         Le nombre de rapport rendus par tuteur

·         Le nombre de rapport rendus par niveau (L1, L2, L3, M1, M2)

·         Le nombre de rapport rendus par spécialité (tous niveaux confondus)

·         Le nombre total de rapport rendus par niveau, par spécialité et par an

Figure 21: Menu et statistique

g. Difficulté et enseignement tirés au cour du stage

Au cours de ce stage, nous avons beaucoup appris. Les apports que nous avons tirés de cette expérience professionnelle peuvent être regroupés autour de trois idées principales : les compétences acquises, les difficultés rencontrés et solutions apportées ainsi que la vie en société.

g.1 Compétences acquises

Tout d’abord, ce stage nous a permis d’apprendre et de mettre en exergue nos connaissances entant que développeur, créateur d’application web (site web) via PHP ainsi que l’utilisation du Framework Bootstrap de  twitter. Il nous a également permis de nous trouver dans un cadre professionnel pendant deux mois. C’était une magnifique expérience que nous recommencerions bien si  l'occasion nous est encore donnée. Enfin, nous avons beaucoup été soutenus par notre maître de stage.

Ce stage nous a aussi offert la chance de progresser techniquement dans les domaines que nous  connaissons déjà tels que le Html, le Css, le Javascript ou encore les optimisations de rapidité. Nous avons également pu prendre en main Framework  symfony 4 avec lequel nous sommes  maintenant familiers. Comme nous connaissions peu le langage de programmation PHP, ce stage nous a alors permis de découvrir ce langage que nous apprécions d’ailleurs énormément.

g.2  Difficultés rencontrés et solutions apportées

De jour en jour, nous nous sommes améliorés dans  la manière de penser et de coder l’application web. Lorsque nous revenions sur un code plus ancien, nous  nous rendions compte que ce n’était pas comme nous le souhaitons. Parfois nous y trouvons des erreurs ou des fautes quant à la manière d’implémenter une partie de l’application.  Un souci de clarté et de compréhension

La plus grosse difficulté, ce qui nous a pris plus d’une semaine à résoudre était la partie Ouvrir et fermer (paramétrer) les dates de début et de fin de dépôt des rapports hebdomadaire en fonction du niveau et de la spécialité des tuteurs. Elle ne fonctionnait pas, nous avons donc dû passer beaucoup plus de temps à chercher le problème. La partie ouvrir et fermer le rapport n’avait pas été encore résolue lorsque nous avons entamé la phase de documentation. Cela représentait donc une source de stress. Nous avons passé une journée entière à faire de nombreux tests. Il s’est avéré que la partie de code ne marchait pas. Pas à pas, nous avons pu tout recommencer et finir par rendre fonctionnelle la partie Ouvrir et fermer (paramétrer) les dates de début et de fin de dépôt des rapports de la partie administration de l’application.

Voici en sommes quelques difficultés que nous avons rencontrées dans l’élaboration de cette plateforme, au cours de ce stage.

g.3  La vie en société

Notre stage à l’UVCI a été très instructif. Au cours de ces deux mois, nous avons pu observer le fonctionnement d’une structure et au-delà, de l’activité de chacun des services, nous avons pu apprendre comment s’articulent les différents départements d’une telle structure. Par ailleurs, les relations humaines entre les différents employés de la structure, indépendamment de l’activité exercée par chacun d’eux, nous ont appris sur le comportement à avoir au sein d'une entreprise.

V. CONCLUSION

La réalisation d’une application web pour les stages se trouve donc être un projet plein
d'ambitions, complexe et intéressant. Nous sommes satisfaits du travail que nous avons  fourni et de son résultat.

En effet, le stage nous a permis de prendre certaines responsabilités, par la suite de consolider de plus en plus nos connaissances théoriques et pratiques. C’est là que réside la valeur d’un tel projet qui combine les exigences de la vie professionnelle aux cotés bénéfiques de l’enseignement pratique que nous avons eu à l’UVCI.

Cependant, toutes nos  idées d’amélioration n’ont pu être intégrées par manque de temps.

 Il s’avère aussi qu’il reste des bugs que nous n’avons  pas pu résoudre ou que nous avons découverts trop tard. Ce travail de conception et de développement d’une application web d’encadrement des étudiants par les tuteurs au long du stage nous a été́ bénéfique sur plusieurs plans :

Il nous a permis de perfectionner nos connaissances acquises en programmation et en conception. Aussi de mettre en place  un système plus dynamique, attrayant et fonctionnel. Tout au long de l’élaboration du projet, nous avons rencontré́ plusieurs difficultés tant au niveau conceptuel qu’au niveau de la réalisation. Tout de même, nous avons réussi à les surpasser pour présenter en fin de compte une application opérationnelle. La nouvelle application « e-encadrement », lors de son utilisation officielle, permettra donc d’offrir aux tuteurs, étudiants et à l’administration de l’uvci de mieux encadrer leurs étudiants.

Comme perspective, nous espérons voir notre application évoluer par une étape d’approfondir par la mise en ligne de nouvelle version.

Nous espérons enfin que le travail que nous avons effectué́ a été́ à la hauteur de la confiance qui nous a été́ donnée.



Références  

synthèse du rapport en vidéo:  https://www.youtube.com/watch?v=7SHy92YCUfQ

Google.com/openclasrooms.com /
https://openclassrooms.com/forum/sujet/afficher-le-contenu-d-une-base-de-donnee-dans-un-tableau-69984

Youtube.com/ https://www.youtube.com/watch?v=1NiJcZrPHvA&t=424s