Rechercher dans ce blog

lundi 26 août 2019

L'éducation et le numérique

Dédicaces
Ce modeste travail est dédié :
A mes chers parents qui nous ont soutenus et encouragés durant toute notre scolarité
A mes frères et sœurs
A mes amis(e)s

Remerciements
Je remercie en premier lieu Dieu tout puissant qui m'a doté d’une grande volonté et d’un savoir adéquat pour mener à terme notre projet.
Je tiens à exprimer mes remerciements à tous ceux qui ont rendu ce travail possible. Leurs aides précieuses, leurs conseils fructueux et leurs encouragements, tout au long de l’élaboration de ce projet de fin d’études,  m’ont permis de le réaliser dans la meilleure considération.
Ma profonde gratitude et sincères remerciements à mon encadreur, en l’occurrence Mr OUATTARA Djibohini Bourahima qui m'a inculqués une grande confiance et m'a orienté dans le bon sens quant à l’élaboration de ce projet.

SOMMAIRE
Liste des tableaux
Liste des figures
Liste des abréviations
Introduction
Chapitre I : Contexte du projet
   1. L’entreprise d’accueil
      1. Son histoire
      2. Son évolution
      3. Nature de son activité
   2. Le service d’affectation
   3. Une étude de l’existant
   4.  Le cahier de charges
      1. Contexte et présentation du projet
      2. Besoins et contraintes liés au projet
      3. Les résultats attendus
Chapitre II : Conception du projet
   1. Présentation de la méthode MERISE
   2. Modèle conceptuel de données
      1. Terminologie de l’approche conceptuelle
      2. Modèle conceptuel de l’application
   3. Modèle conceptuel de traitements
      1. Terminologie de l’approche conceptuelle
      2. Modèle conceptuel de traitements de l’application
   4. Le modèle logique de donnée relationnel
      1. Terminologie du modèle logique relationnel
      2. Règles de passage au modèle logique relationnel
      3. Modèle logique relationnel de l’application
Chapitre III : Réalisation du projet
   1. Les outils développement
      1. Environnement WampServer
      2. MySQL
   2. Les langages de programmation utilisés
      1.  HTML (HyperText Markup Language)
      2. CSS (Cascading Style Sheets)
      3. JavaScript
      4. PHP (Hypertext Preprocessor)
      5. SQL (Structured Query Language)
   3. La conception de la base de données
   4. Les fonctions et les interfaces de l’application
       1. Page d’accueil
       2. Page de connexion
       3. Page d’inscription
       4. Page réservée aux parents
   5. Les difficultés et les enseignements tirés aux cours du stage
Conclusion
Bibliographiques
webographies
Liste des tableaux
Tableau 1 - Comparaison MERISE/UML
Tableau 2 - Liste des propriétés du modèle conceptuel


Liste des figures
Figure 1 - Organigramme UVCI
Figure 2 - Méthodologie MERISE
Figure 3 - Modèle conceptuel de donnée
Figure 4 - Modèle conceptuelle de traitements
Figure 5 - base de données
Figure 6 - Page de d'accueil
Figure 7 - Page de connexion
Figure 8 - Page d'inscription
Figure 9 - Page réservée aux parents



Liste des abréviations
UVCI : Université Virtuelle de Côte d’Ivoire
MERISE : Méthode d’Étude et de Réalisation Informatique pour les Systèmes d'Entreprise
UMLUnified Modeling Language
MCD : Modèle Conceptuel de Données
MCT : Modèle Conceptuel des Traitements
MLD : Modèle Logique de Données
MySQL : My Structured Query Language
HTML: HyperText Markup Language
CSS: Cascading Style Sheets
PHP: Hypertext Preprocessor
SQL : Structured Query Language




INTRODUCTION

L’échec et l’exclusion fréquente des élèves dans les écoles est une dure réealité pour certains parents. En effet ceux-ci apprennent le résultat négatif qu’a la fin de l’année scolaire, n’ayant pas eu l’occasion de suivre l’évolution de l’année académique de leurs enfants. Le  progrès scolaire est synonyme de l'achèvement avec succès d'un parcours scolaire. Et pour y parvenir, il est possible d'utiliser les nouvelles technologies numériques qui sont devenues incontournables dans nos vies en apportant des solutions afin de simplifier notre quotidien. Pour pallier à ce problème majeur il m’a été soumis le thème suivant : "LE SUIVI DU PROGRÈS SCOLAIRE DES ÉLÈVES A L'AIDE DU NUMÉRIQUE". Comment le numérique peut-il contribuer aux progrès scolaire? Quels sont les apports du numérique dans l’amélioration de la vie scolaire? La réalisation de notre travail se fera en trois grandes parties :
  • Le contexte où il sera question de présenter l’entreprise d’accueil, le cadre du projetet les objectifs du projet;
  • la conception qui nous permet de présenter le problème, le procédé de la résolution de ce problème en indiquant les motivations techniques ou scientifiques de résolution dudit problème;
  • la réalisation où nous présenterons le travail réalisé.








CHAPITRE I

Le contexte du projet

  1. L’entreprise d’accueil 
      1. Son histoire 
      2. L’Université Virtuelle de Côte d’Ivoire (UVCI) est un établissement public administratif (EPA), créé par décret N°2015-775 du 09 novembre 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) Education/Formation conçu 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’organisation administrative de l’UVCI est présentée à travers l’organigramme détaillé ci-dessous :

        Figure 1 - Organigramme UVCI



        L’UVCI est sous la responsabilité du Conseil de Gestion(CG) dont les pouvoirs sont confiés à un Directeur Général(DG). Le Directeur Général est aidé dans sa tâche par deux directeurs Centraux : le Directeur des Affaires Académiques et Pédagogiques (DAAP) et la Directrice des Affaires Administratives et Financières (DAAF). Les directions sont organisées en sous-direction, aux quelles sont rattachées des services pour mener à bien les activités.


      3. Son évolution 
      4. L’Université Virtuelle de Côte d’Ivoire compte deux ans 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.


      5. Nature de son activité 
      6. L’université Virtuelle de Côte d’Ivoire est une Université publique d’enseignement supérieur à distance axée sur le numérique éducatif. Elle offre des formations qualifiantes, diplomates et professionnelles. Pour la rentrée universitaire, la Licence Informatique & Sciences du numérique est ouverte avec 6 spécialités :
          • Réseaux et sécurité informatique (RSI)  dont les débouchés sont : administrateur de réseaux et sécurité informatique, gestionnaire de systèmes d’information …
          • Bases de données (BD) dont les débouchés sont : administrateur de base de données, chef de projet développement des bases de données…
          • MultiMedia et Arts Numérique (MMX) avec comme débouchées : designer multimédia, infographe …
          • Communication digitale(COM) avec comme débouchées : chargées de communication web, Gestionnaire des medias sociaux …
          • e-Commerce e-Marketing Digital (CMD) qui débouchent sur les métiers comme : Responsable de la promotion des ventes sur un site marchand, acheteur d’espace publicitaires web …
          • Développement d’applications et e-services(DAS) qui débouchent sur les métiers comme : Intégrateur de solutions web, développeur d’application mobile et web …


    1. Le service d’affectation 
    2. Au sein de l’Université Virtuelle de Cote d’Ivoire où j’ai effectué mon stage, j’ai été rattaché au service informatique chargé de la gestion du site web de l’établissement, du campus en ligne, des plates-formes de cours …
      Les études reposent sur un système de tutorat qui améliore l’encadrement des apprenants tout en leur inculquant la culture de l’apprentissage autonome. La formation est réalisée à distance avec l’accès aux ressources pédagogiques et documentation en ligne, l’organisation de webinaire et l’utilisation d’espaces numériques de travail. Des regroupements en présentiel sont utilisés pour les travaux dirigés, l’évaluation et la socialisation des apprenants.

    3. Une étude de l’existant 
    4. Avec les progrès techniques réalisées dans le domaine numérique, le travail manuel dans les établissements scolaires publics, prives et professionnels a diminué considérable. Certaines tâches manuelles s’effectuent maintenant automatiquement tels le calcul des moyennes, la saisie des évaluations et devoirs, la  gestion des absences et autres ; tout cela en utilisant des logiciels spécialisés pour chacune des taches à effectuées.
      Cependant un problème demeure : le manque de communication permanant entre les parents d’élèves et l’administration de l’établissement concerné. Et cela affecte les résultats scolaires des élèves. Comme effets négatives on peut lister :

          • Le parent ne se rend compte des faibles compétences de ces enfants qu’à la fin de l’année scolaire;
          • Le mauvais résultat scolaire ou l’exclusion de certains élèves à la grande surprise des parents;
          • Les parents ne sont pas informés instantanément des retards, des absences et des sanctions;
          • Pas de communication entre le corps enseignant et les parents;
          • Aucun retour n’est fait sur les évaluations, devoirs dans le même temps.
      Pour résoudre ce problème de communication entre les parents et l’administration de l’établissement, nous proposons de développer une application web qui sera un intermédiaire entre les deux entités. Elle aura pour but de faciliter les échanges entre l’administration et les parents afin de permettre aux derniers cités d’être d’informer en temps réel de la vie scolaire de leurs enfants.

    5. Le cahier de charges 
      1. Contexte et présentation du projet 
      2. Tout parent inscrivant son enfant à l’école vise à permettre à ce dernier d’avoir un avenir meilleur. Cependant force est de constater que ce dernier peut être souvent absent des cours, des évaluations ou ne plus se présenter à l’école pendant de semaines sans même que le parent en question ne soit informé vu le comportement normal de celui-ci à la maison. Tous ces incidents qui surviennent régulièrement dans nos lycées et collèges publics, privés et professionnels et mettent en périls l’avenir de ces élèves sont en effet les causes d’un problème crucial socio-éducatif : le manque de communication permanant entre les parents d’élèves et l’administration de l’établissement concerné. La réussite scolaire est synonyme d’achement avec succès d'un parcours scolaire. Les résultats scolaires et l’obtention d’une reconnaissance des acquis (diplômes, certificat, attestation d’études, …) sont les indicateurs de réussite scolaire. Ce terme est donc porteur d’idée de rendement et de performances. C’est toujours dans cette optique d’améliorations du rendement et performances scolaire que sera développée une application web qui va permettre en premier lieu aux responsables d’établissements et aux parents d’élèves d’être en étroite collaboration et en second lieu permettre aux parents de suivre en temps réel et en toute sérénité la vie scolaire de leurs enfants.
      3. Besoins et contraintes liés au projet 
    Dans cette deuxième partie, nous analysons les besoins auxquels doit répondre notre application et ses contraintes.
        1. Les besoins fonctionnels
    Les besoins fonctionnels listent les opérations réalisées avec l’application web. Elle doit permettre :
          • Un accès rapide aux menus et aux données;
          • Un accès sécurisé et les utilisateurs doivent avoir un accès individualisé;
          • La consultation des actualités sur l’établissement : activités extra-scolaires, évènements ;
          • Un accès à l’emploi du temps;
          • Un accès aux évaluations, absences-sanctions, devoirs, moyenne. 
        1. Les contraintes
          • Développement en HTML, CSS et JAVASCRIPT pour l’application web et PHP et SQL pour la base de données;
          • Application destinée à tout type d’appareil;
          • Disponibilité permanente et actualisation en temps réel des données reçue.

      1. Les résultats attendus 
        • Développement effectif de l’application web;
        • La conception de la base de données;
        • Les interfaces de l’application web.






    CHAPITRE II
    Conception du projet

    La phase de conception nécessite des méthodes permettant de mettre en place un modèle sur lequel on va s’appuyé. La modélisation consiste à créer une représentation virtuelle d’une réalité de telle façon à faire ressortir les points auxquels nous nous intéressons. Ce type de méthode est appelée analyse.

    Il existe plusieurs méthodes d’analyse, notamment MERISE et UML.
    • La méthode MERISE propose un ensemble de formalismes et de règles destinées à modéliser de manière indépendante les données et les traitements du système d’information.
    • UML (Unified Modeling Language) traduit en français par langage de modélisation unifié est un langage de modélisation graphique à base de pictogrammes. Il est apparu dans le monde du génie logiciel, dans le cadre de la « conception orienté objet ».
    Dans ce qui suit, nous présentons une comparaison entre MERISE et UML.



    Niveau d’abstraction
    Approche fonctionnelle
    Dualité données-traitements
    MERIS

    Le cycle d’abstraction permet de sérier les niveaux de préoccupations lors de la description ou de l’analyse du système.
    ü  Le niveau conceptuel
    ü  Le niveau logique
    ü  Le niveau physique
    L’approche MERISE propose une approche descendante où le système réel est composé en activités, elles-mêmes déclinées en fonction. Les fonctions sont composées de règles de gestion, elles-mêmes regroupées en opérations.
    L’approche MERISE propose de considérer le système réel selon deux points :
    ü  Un point de vu statique (les données),
    ü  Un point de vu dynamique(les traitements).
    Il s’agit d’avoir une vision duale du système.
    UML
    L’approche UML propose différents notions (cas d’utilisation, paquetage, classe, composant, nœud) et les différents diagrammes pour modéliser le système aux différents niveaux d’abstractions.
    Les fonctions cèdent la place aux cas d’utilisation qui permettent de situer les besoins de l’utilisateur dans le contexte réel. A chaque scénario correspond des diagrammes d’interaction entre les objets du système et non pas un diagramme de fonction.
    L’approche objet associe :
    ü  Les informations,
    ü  Les traitements.
    De cette façon, elle assure un certain niveau de cohérence.
    Tableau 1 - Comparaison MERISE/UML

    La conception d’un système d’information n’est pas évidente car il faut réfléchir à l’ensemble de l’organisation que l’on doit mettre en place. La phase de conception nécessite de mettre en place un modèle sur lequel on va s’appuyer Parmi ces méthodes nous trouvons une méthode, la plus utilisée pour la conception de base de donnée La méthode MERISE.


    1. Présentation de la méthode MERISE
    2. MERISE (Méthode d’Étude et de Réalisation Informatique pour les Systèmes d'Entreprise) est une méthode de conception, de développement et de réalisations de projets informatiques.
      Le but de cette méthode est d’arriver à concevoir un système d’information. La méthode MERISE est basée sur la séparation de données et des traitements à effectuer en plusieurs modèles conceptuels et physiques. Une séparation des données et des traitements assure une longévité au modèle.
      La conception du système d’information se fait par étapes, afin d’aboutir à un système d’information fonctionnel reflétant une réalité physique. Il s’agit donc de valider une à une chacune des étapes en prenant en compte les résultats de la phase précédente. D’autre part les données étant séparés des traitements, il faut vérifier la concordance entre données et traitements afin de vérifier que toutes les données nécessaire aux traitements sont présentes et qu’il n’y a pas de données superflues.
      Cette succession d’étapes appelée cycle d’abstraction pour la conception des systèmes d’informations :

      Figure 2 - Méthodologie MERISE


      Dans ce rapport de projet nous aborderons que le modèle conceptuel de données, le modèle conceptuel de traitements et le modèle logique relationnel de donnée
    3. Le modèle conceptuel de données
    4. Le Modèle Conceptuel de Données (MCD) a pour but de décrire de façon formelle les données qui seront utilisées par le système d’information. Il s’agit donc d’une représentation des données facilement compréhensible, permettant de décrire le système d’information à l’aide d’entités.

        1. Terminologie de l’approche conceptuelle
              • Entité : la représentation d’un élément matériel ou immatériel ayant un rôle dans un système qu’on désire décrire;
              • Classe d’entité : un ensemble composé d »entités de même type, c’est-à-dire dont la définition est la même;
              • Propriété : donnée élémentaire permettant de décrire une entité;
              • Identifiant : un ensemble de propriétés permet de désigner une et une seule entité;
              • Cardinalité : permettent de caractériser le lien qui existe entre une entité et la relation à laquelle elle est reliée.
          Le tableau suivant liste les entités, leurs propriétés et leurs descriptions.

          Entité
          Propriétés           
          Description de la propriété
          Type
          Eleve
          MatElev
          NomElev
          PrenomElev
          DatenaissElev
          SexeElev
          Matricule de l’élève
          Nom de l’élève
          Prenons de l’élève
          Date de naissance de l’élève
          Sexe de l’élève
          Varchar[15]
          Varchar[15]
          Varchar[50]
          Date
          Char[1]
          Utilisateur
          IdUtil
          NomUtil
          PrenomUtil
          TelUtil
          Identifiant de l’utilisateur
          Nom de l’utilisateur
          Prénoms de l’utilisateur
          Téléphone de l’utilisateur
          Int[10]
          Varchar[15]
          Varchar[50]
          Varchar[15]
          Etablissement
          CodeEtab
          NomEtab
          VilleEtab
          Code_postaleEtab
          TypeEtab
          Code l’établissement
          Nom de l’établissement
          Ville de l’établissement
          Code postale de l’établissement
          Le type de l’établissement
          Int[25]
          Varchar[100]
          Varchar[50]
          Varchar[50]
          Varchar[10]
          DossierEleve
          IdDossier
          Notes
          Retards
          Absences
          Devoirs
          Autres
          Identifiant du dossier
          Notes contenues dans le dossier
          Retards consignés dans le dossier
          Absences consignés dans le dossier
          Devoirs consignés dans le dossier
          Autres informations contenues dans le dossier
          Int[10]
          Int[10]
          Int[10]
          Int[10]
          Int[10]
          Varchar[255]

          Tableau 2 - Liste des propriétés du modèle conceptuel


        2. Modèle conceptuel de l’application

      Figure 3 - Modèle conceptuel de donnée


    5. Le modèle conceptuel de traitements
    6. Le Modèle Conceptuel des Traitements (MCT) permet de traiter la dynamique du système d’information, c’est-à-dire les opérations qui sont réalisées en fonction d’évènements.
      Ce modèle permet donc de représenter de façon schématique l’activité d’un système d’information sans faire référence à des choix organisationnels ou des moyennes d’exécutions, c’est-à-dire qu’il permet de définir simplement ce qui doit être fait, mais il ne dit pas quand, comment ni ou…
        1. Terminologie de l’approche conceptuelle
              • L’évènement : C’est une sollicitation du système d’information qui génère une réaction de la part de celui-ci;
              • Le processus : C’est un enchainement synchronisé d’opérations au sein d’un même  domaine, généralement déclenché par un évènement externe;
              • L’opération : C’est un ensemble d’actions accomplies par le système d’information en réaction à un évènement ou à une conjonction d’évènement et non interruptibles par un évènement externe;
              • Le résultat : Il peut être un document, un message externe, un nouvel état du SI, crée par une opération, qui peut lui-même jouer le rôle d’’évènement;
              • La synchronisation : C’est une condition booléenne (ET / OU / NON) traduisant les règles de gestion que doivent respecter les évènements pour déclencher une opération;
              • La règle d’émission : condition, traduisant les règles de gestion, qui permet d’exprimer des collaborations de sorties des résultats.
        2. Modèle conceptuel de traitements de l’application
      Figure 4 - Modèle conceptuelle de traitements

    7. Le modèle logique de donnée relationnel
    8. Le Modèle Logique de Données (MLD) relationnel est basé sur une organisation des données sous forme de tables. La manipulation des données se fait selon le concept mathématique de relation de la théorie des ensembles « l'algèbre relationnelle ». Elle est constituée d'un ensemble d'opérations formelles sur les relations. Les opérations relationnelles permettent de créer une nouvelle relation (table) à partir d'opérations élémentaires sur d'autres tables.
        1. Terminologie du modèle logique relationnel
              • Attributs : On appelle attributs le nom des colonnes qui représentent les constituants de l'entité. Un attribut (une colonne) est repéré par un nom et un domaine de définition, c'est à-dire l'ensemble des valeurs qu'il peut prendre;
              • Tuples : On appelle le  tuple  une  ligne du tableau;
              • Cardinalité : La cardinalité d'une relation est le nombre de tuples qui la compose;
              • Clé principale : La clé principale d'une relation est l'attribut, ou l'ensemble d'attributs, permettant de désigner de façon unique un tuple;
              • Clé étrangère : Une clé étrangère, par contre, est une clé (donc un attribut permettant d'identifier de façon unique un tuple) faisant référence à une clé appartenant à une autre table.
        2. Règles de passage au modèle logique relationnel
        3. Règle 1 : Transformation des classes Chaque classe devient une relation. L’identifiant (respectivement les attributs) de la classe devient la clé primaire (respectivement des attributs) de la relation;

          Règle 2 : Association un-à-plusieurs Il faut ajouter un attribut de type clé étrangère dans la relation fils de l’association. L’attribut porte le nom de la clé primaire de la relation père de l’association;

          Règle 3 : Associations plusieurs-à-plusieurs ou classes-associations L’association (classe-association) devient une relation dont la clé primaire est composée par la concaténation des identifiants des classes connectés à l’association (classe association). Les attributs de l’association (classe-association) doivent être ajoutés à la nouvelle relation. Ces attributs ne sont ni clé primaire, ni clé étrangère;

          Règle 4 : Association un-à-un Il faut ajouter un attribut clé étrangère, dans la relation dérivée de la classe ayant la multiplicité minimale égale à un. L’attribut porte le nom de la clé primaire de la relation dérivée de la classe connectée à l’association.
        4. Modèle logique relationnel de l’application
      Eleve (MatElev, NomElev, PrenomElev, DatenaissElev, SexeElev)
      Etablissement (CodeEtab, NomEtab, VilleEtabl, Code_postaleEtab, TypeEtab, #MatElev, #IdDossier)
      Utilisateur (IdUtil, NomUtil, PrenomUtil, TelUtil, #MatElev)
      DossierEleve (IdDossier, Notes, Retards, Absences, Devoirs, Autres, #MatElev)





    CHAPITRE III
    Réalisation du projet

    Après avoir réalisé une conception qui répondait bien aux besoins de l’application, nous entamons la partie réalisation de l’application que nous avons développée, en exposons les différents outils et langages de développement utilisés lors de la réalisation, la conception de la base de données, les fonctions principales et un aperçu sur les interfaces de notre application, les difficultés et les enseignements tirés aux cours du stage.

    1. Les outils développement
    2. Le développement d'un tel système nécessite l'utilisation de quelques outils. Dans ce qui suit, nous citons les outils qui ont été utilisés
          • Environnement WampServer

      WampServer (anciennement WAMP5) est une plateforme de développement Web, permettant de faire fonctionner localement (sans se connecter à un serveur externe) des scripts PHP. WampServer n'est pas en soi un logiciel, mais un environnement comprenant deux serveurs (Apache et MySQL), un interpréteur de script (PHP), ainsi que PHPMyAdmin pour l'administration web des bases MySQL. [2]
      Il dispose d'une interface d'administration permettant de gérer et d'administrer ses serveurs au travers d'un tray icone (icône près de l'horloge de Windows).
      Le serveur web « Apache » est l’un des serveurs les plus répondus sur internet et il est basé sur le protocole HTTP. L’objectif est de fournir, à un maximum de personnes et d’organisations, une plate-forme solide pour réaliser des tests et des applications de productions, son grand avantage est le fait qu’il fonctionne sur de nombreux systèmes d’exploitation dont Microsoft Windows, Linux,….
          • MySQL
      MySQL (My Structured Query Language) est une base de données relationnelle libre qui a vu le jour en 1995 et très employée sur le Web, souvent en association avec PHP (langage) et Apache (serveur web), basé  sur un modèle client - serveur. Son rôle consiste à stocker et à gérer une grande quantité de données en les organisant sous forme de tables. MySQL fonctionne indifféremment sur tous les systèmes d'exploitation (Windows, Linux, Mac OS notamment).
    3. Les langages de programmation utilisés
    4. Au cours de la réalisation de l’application web, une multitude de langages de programmation ont été mis en œuvre afin que ce dernier puisse être implémenté comme il a été décrit lors de la phase de conception. Voici une brève description de chacun des langages utilisés :
          • HTML (HyperText Markup Language)
      Le langage HTML est le langage universel utilisé sur les pages web lisibles par tous les navigateurs web (Internet Explorer, Netscape, Mozilla, etc…). Ce langage fonctionne suivant l’assemblage et la combinaison de balises permettant de structurer et donner l’apparence voulue aux données textes, images et multimédias suivant la mise en page voulue.
      C'est un langage qui permet de créer des hyperliens, à savoir des liens d'un document à un autre ou d'un endroit d'un document à un autre endroit du même document (identificateur de fragment). 

          • CSS (Cascading Style Sheets)
      Les feuilles de styles (en anglais "Cascading Style Sheets", abrégé CSS) sont un langage qui permet de gérer la présentation d'une page Web. Le langage CSS est une recommandation du World Wide Web Consortium (W3C), au même titre que HTML.

          • JavaScript
      JavaScript est un langage de script orienté objet principalement utilisé dans les pages HTML. A l'opposé des langages serveurs (qui s'exécutent sur le site), JavaScript est exécuté sur l'ordinateur de l'internaute par le navigateur lui-même. Ainsi, ce langage permet une interaction avec l'utilisateur en fonction de ses actions (lors du passage de la souris au-dessus d'un élément, du redimensionnement de la page...).

          • PHP (Hypertext Preprocessor)
      Le PHP est un langage de programmation, sa principale application se situe au niveau de la gestion des sites web dynamiques, Les capacités de PHP ne s’arrêtent pas à la création de pages web. Il est aussi possible de manipuler des images, de créer des fichiers PDF, de se connecter à des bases de données ou des serveurs, et même d’instancier des objets Java. Un module annexe lui permet également de fournir des interfaces graphiques classiques (client lourd, sans navigateur ou serveur web). PHP est un langage impératif orienté-objet.

          • SQL (Structured Query Language
      SQL (Structured Query Language) en français « Langage d'interrogation Structuré », est un langage d'interrogation de base de données très populaire. Il constitue aujourd'hui une norme implémentée par de nombreux SGBD (Systèmes de Gestion de Bases de Données), comprenez : des serveurs de bases de données. L’accès aux BDD (bases de données) se fait de façon standard à l'aide de requêtes du langage SQL. Il existe un outil d'administration, PhpMyAdmin, qui nous offre une interface pour manipuler les tables. La connaissance de quelques requêtes permet de répondre à la majorité des besoins de programmation.
    5. La conception de la base de données
    6. Les tables de la base de données : notre base de données contient 4 tables :

      Figure 5 - base de données


    7. Les fonctions et les interfaces de l’application
          • Page d’accueil
      Cette page représente la page d’accueil  présentée par la figure si dessous apparait lorsque l’utilisateur accède à l’application. Pour se connecter ou s’inscrire sur la plateforme, il suffit de cliquer sur l’un des trois types d’établissements.

      Figure 6 - Page de d'accueil

          • Page de connexion
      Ce page présente l’interface Connexion de l’application. Cette interface est décomposée deux champs pour la saisie du code d’accès (Login) et du mot de passe  pour pouvoir accéder à l’application.

      Figure 7 - Page de connexion


          • Page d’inscription
      Ce page présente l’interface Inscription de l’application. Cette interface est décomposée cinq champs pour la saisie du nom, des prénoms, un numero de téléphone du parent et le matricule de l’élève à suivre pour pouvoir s’inscrire sur la plateforme.

      Figure 8 - Page d'inscription


          • Page réservée aux parents
      Cette page réservée aux parents permet à ces derniers de suivre en temps réel les actualités de l’établissement, l’emploi du temps, les absences et les notes de l’élève.

      Figure 9 - Page réservée aux parents

    8. Les difficultés et les enseignements tirés aux cours du stage
    9. Au cours de ce stage, dans le processus de développement de l’application web, nous avons confrontés des difficultés de divers ordres. Nous pouvons cités entre autres :
          • La rédaction du cahier de charges qui est très importante parce que tout le travail qui a été dépendait entièrement de celui-ci;
          • La conception du MCD et du MCT. La conception du MCD était essentielle pour la conception d’une base de données et le MCT pour bien comprendre le fonctionnement de l’application web elle-même;
          • Le développement de l’application, qui a nécessité patience, le sens de la logique et le calme pour arriver aux résultats obtenues.
      Ce travail nous a permis d’acquérir une expérience personnelle et professionnelle. Il nous a été très bénéfique car on a eu la chance d’améliorer  nos connaissances dans le domaine de la conception et cela sur le plan théorique ; mais aussi de découvrir et d’acquérir de nouvelles connaissances en matière de programmation et de développement de bases de données en ce qui concerne l’aspect pratique.


    La phase de réalisation est une étape très  importante dans le cycle de vie d’une application. Dans ce dernier chapitre nous avons illustré le déroulement de la réalisation de notre application, présenté les outils et le langage de programmation suivi d’une présentation des différentes interfaces de notre application. En fin, on conclut avec les difficultés et les enseignements tirés aux cours du stage.





    Conclusion

    Le travail effectué dans ce rapport de stage a pour objectif la réalisation d’une application web  pour un suivi du progrès scolaire dans le but de permettre aux parents d’élèves de suivre la vie scolaire de leurs enfants sans se déplacer et en temps réel. Nous avons analysé la problématique et nous sommes arrivés à concevoir une application que nous espérons être une solution efficace et bénéfique pour Les parents. Pour cela on a mené en premier lieu une  présentation historique, évolutive et des activités de l’Université Virtuelle de Côte d’Ivoire. Nous avons élaboré un cahier de charge qui illustre le contexte, les besoins fonctionnel et non fonctionnel, les contraintes et les résultats attendus du projet. Ensuite, nous avons entamé le second chapitre dont lequel nous avons décrit la méthode de modélisation pour la conception de notre application qui est la méthode MERISE. On a établi le modèle conceptuel de données ainsi que le modèle conceptuelle de traitements suivi du modèle relationnel associé au premier cité en appliquant les règles de passage ce qui nous permettra d’avoir un aperçu sur la base de données. Enfin, on a pris le temps de réaliser à bien notre application web tout en spécifiant les outils de développements ainsi que les langages de programmation utilisés, les fonctions et un aperçu des interfaces que comprend celle-ci, suivi des difficultés et enseignements tirés aux cours de ce stage.
    J’ai été honoré de faire mon stage dans cette université de formation à distance avec une équipe en tant que développeur web, un poste qui sera sans doute mon métier avec des missions très intéressantes qui m’ont permis d’avoir une idée sur le monde professionnel dans ce domaine. En développant cette application web, j’espère que cette solution va contribuer au progrès scolaire et être un outil d’améliorations de la vie scolaire des élèves.
    En guise de perspective, nous voulons développer une application mobile qui utilisera les services web de notre application.



    Bibliographie
    [5] : PASCAL Roques, UML 2 par la pratique, Eyrolles, 2006, 5ème édition.
    [9] : CHRISTIAN Soutou, UML2 pour les bases de données, Eyrolles, 2006, 1 ère
    Edition.
    [11] : MAGALI Contensin, Bases de données et Internet avec PHP et MySQL, DUNOD, 2004,1 ère édition.
    [12] : HTML et JavaScript, Daniel CHARNAY, Philippe CHALEAT.
    [15] : PHP 5 avancé [4ème édition], Damien Seguy.
    [16] : Richard Grin, Le langage SQL, version 2.3, Université de Nice Sophia- Antipolis 2000.


    Webographie
    [13] : https://www.w3.org/Style/CSS/                                                                           
    [14] : http://www.futura-sciences.com/magazines/high-tech/infos/dico/d/internet-javascript-509/

    Aucun commentaire:

    Enregistrer un commentaire