0% ont trouvé ce document utile (0 vote)
307 vues72 pages

Ecole Nationale D'ingénieurs Abderhamane Baba Touré (ENI-ABT)

Ce résumé décrit un rapport de projet sur la conception d'un système d'examen en ligne pour les étudiants. Le document contient une introduction décrivant l'objectif et l'importance du projet, ainsi qu'une description du système proposé et du résultat attendu. Il présente également les technologies utilisées et les différentes étapes de conception du système.

Transféré par

Hamady Gackou
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats DOCX, PDF, TXT ou lisez en ligne sur Scribd
0% ont trouvé ce document utile (0 vote)
307 vues72 pages

Ecole Nationale D'ingénieurs Abderhamane Baba Touré (ENI-ABT)

Ce résumé décrit un rapport de projet sur la conception d'un système d'examen en ligne pour les étudiants. Le document contient une introduction décrivant l'objectif et l'importance du projet, ainsi qu'une description du système proposé et du résultat attendu. Il présente également les technologies utilisées et les différentes étapes de conception du système.

Transféré par

Hamady Gackou
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats DOCX, PDF, TXT ou lisez en ligne sur Scribd

République du Mali

Un peuple Un But Une Foi


Page 1 sur 72

Ministère de l’Enseignement Supérieur et de la


Recherche Scientifique
Ecole Nationale d’Ingénieurs Abderhamane Baba
Touré (ENI-ABT)
Departement : Génie Informatiques et
Télécommunications (GIT)

Rapport Projet Tutoriel Informatique

Thème : Système d’examen en ligne des étudiants

Binôme:

Système d’examen en ligne des étudiants


République du Mali
Un peuple Un But Une Foi
Page 2 sur 72

Hamady Gackou

Fatoumata Binta Keita

Responsable :

Abdoulaye Sidibé, le Ph. D

Sommaire
I. Introduction :...............................................4
II. Les divers planning et Remarques :...................5
III. Cahier de charges :........................................8
IV. Conception :.................................................9
V. Description de l’environnement de Travail :.....21
VI. Implémentation :...........................................26

Système d’examen en ligne des étudiants


République du Mali
Un peuple Un But Une Foi
Page 3 sur 72

VII. Le produit résultant :..................................36


VIII. Quelques démonstrations :..............................40
IX. Conclusion :.................................................45
X. Références bibliographiques :..........................49

I. Introduction :
Objectif :
L’objectif est de concevoir un système qui permettra aux apprenants d’une
discipline de passer facilement leur test sans avoir à se déplacer via des
questionnaires à choix multiples.

Importance du thème :
Le système permettra d’évaluer indépendamment plusieurs apprenants à
distance. La plateforme sera accéssible partout, chaque utilisateur peut passer
facilement son test dans son espace propre. Un administrateur pourra
facilement examiner le niveau de ses apprenants à distance.

Système d’examen en ligne des étudiants


République du Mali
Un peuple Un But Une Foi
Page 4 sur 72

Description du système :
Le système d’examen en ligne est un système à usage dédié pour l’évaluation
des apprenants. Le système contiendra deux parties : un coté administrateur
et un coté utilisateur (les apprenants). L’administrateur joue un rôle important
dans le fonctionnement du système, c’est lui qui s’occupe de la gestion. Il a la
possibilité d’ajouter ou d’enlever des questions, de modifier les paramètres de
l’utilisateur. Quant à l’utilisateur, il doit simplement créer un compte et passer
le test. Les questions seront des questionnaires à choix multiple, l’utilisateur
doit juste sélectionner les bonnes réponses parmi les options et gagner certains
points de score, dans le cas contraire il peut en perdre ou ne rien gagner
(susmentionné par l’administrateur en ajoutant des questions).

Résultat attendu :
Au final, on obtient un système d’examen en ligne, d’une part qui permettra
aux apprenants (utilisateurs du système) de passer leur test en ligne sans
rencontrer de difficultés et d’autre part qui permettra aux formateurs
d’examiner facilement à distance le niveau de leurs apprenants via des
questionnaires à choix multiples.

Environnement pratique :
 Coté Front-end : Du coté Front-end nous allons utiliser le langage
informatique CSS et le langage de programmation de Brenden Eich (le
JavaScript). Comme Framework, nous allons utiliser Bootstrap.
 Coté Back-end : Du coté Back-end nous allons utiliser le langage de
programmation PHP (HyperText Préprocesseur) et le XAMP. Le XAMP
contient à la fois un serveur virtuel APACHE et le SGBDR MYSQL, ce qui
nous permettra d’exécuter les scripts en PHP et les requêtes en SQL à
partir de la base de données.

II. Les divers planning et Remarques :


 Planning prévisionnel :

Système d’examen en ligne des étudiants


République du Mali
Un peuple Un But Une Foi
Page 5 sur 72

 Planning réel :

Système d’examen en ligne des étudiants


République du Mali
Un peuple Un But Une Foi
Page 6 sur 72

 Remarques :

Système d’examen en ligne des étudiants


République du Mali
Un peuple Un But Une Foi
Page 7 sur 72

III. Cahier de charges :


Le projet s’intitule sur la création d’un système d’examen en ligne des
étudiants qui sera à usage dédié pour l’évaluation de ces derniers. Le système
contiendra un coté utilisateur et un coté administrateur. L’utilisateur doit
pouvoir passer facilement des tests en ligne. Un examen est caractérisé par un
identifiant, un titre, une date, une durée, un nombre maximum de questions,
un point pour des bonnes et mauvaises réponses aux questions, une date de
création. L’administrateur du système est caractérisé par un id, un nom, un e-
mail, un mot de passe, et peut correspondre à l’existence de plusieurs tests ou
examens. Un utilisateur(apprenant) peut répondre à plusieurs questions
correspondant à un examen lors de l’enrôlement. Une question est
caractérisée par un titre, un statut d’options de réponses et représente
plusieurs options de choix parmi lesquelles il y’a une seule bonne réponse.
Chaque utilisateur aura un espace propre d’interaction avec le système, une
image, un e-mail, un mot de passe, un nom. Pour interagir avec le système
dans son espace propre, un administrateur doit d’abord s’enregistrer s’il ne
l’est pas et puis se connecter au système. Il a le privilège de gérer la liste des
examens, il peut ajouter des examens. Plus précisément l’administrateur peut
manager les questions, l’enrôlement, le résultat d’un examen. Il doit aussi
pouvoir supprimer ou rééditer un examen. De plus l’administrateur doit
pouvoir manager les utilisateurs. Pour interagir avec le système dans son
espace propre, un utilisateur doit d’abord s’enregistrer s’il ne l’est pas et puis
se connecter au système. Le panneau de l’utilisateur devra contenir de la
fonctionnalité de passer le test, de l’aptitude de changement de son profil, de
l’aptitude de changement de son mot de passe, une sortie vers le système de

Système d’examen en ligne des étudiants


République du Mali
Un peuple Un But Une Foi
Page 8 sur 72

connexion/d’enregistrement. L’utilisateur doit pouvoir changer son profil. Un


utilisateur, à partir de la liste des examens, doit pouvoir passer un examen
c’est-à-dire qu’il peut créer un enrôlement de l’examen sans se rendre compte
si celui-ci (examen) existe dans la liste des examens crées par l’administrateur.
Après la création de l’enrôlement, l’utilisateur peut ensuite voir l’examen à
partir de l’interface d’enrôlement en répondant les questions via un panneau
muni du temps d’examination. L’utilisateur a le droit de passer un examen une
seule fois. Si le temps de l’examen est clos, l’utilisateur sera renvoyé vers une
fenêtre lui communiquant son score. A partir de cette fenêtre, l’apprenant peut
ensuite voir le résultat de test. A partir de l’accueil de gestion des examens, un
administrateur peut voir l’enrôlement des examens puis le résultat
d’enrôlement pour chaque utilisateur.

IV. Conception :
A. Dynamique du système :
1. Diagramme de cas d’utilisation du système :

Système d’examen en ligne des étudiants


République du Mali
Un peuple Un But Une Foi
Page 9 sur 72

2. Diagrammes de séquence :
 La fonctionnalité passer test :

Système d’examen en ligne des étudiants


République du Mali
Un peuple Un But Une Foi
Page 10 sur 72

 La fonctionnalité gérer utilisateur :

Système d’examen en ligne des étudiants


République du Mali
Un peuple Un But Une Foi
Page 11 sur 72

 La fonctionnalité gérer examen :

Système d’examen en ligne des étudiants


République du Mali
Un peuple Un But Une Foi
Page 12 sur 72

B. Statique du système :
1. Diagramme de classe du système :

Système d’examen en ligne des étudiants


République du Mali
Un peuple Un But Une Foi
Page 13 sur 72

2. Diagramme illustrant l’exécution des classes en un instant


donné (digramme d’objets) :

Système d’examen en ligne des étudiants


République du Mali
Un peuple Un But Une Foi
Page 14 sur 72

C. Les diverses structures du site ou les maquettes


 Accueil principal :

Système d’examen en ligne des étudiants


République du Mali
Un peuple Un But Une Foi
Page 15 sur 72

 Accueil utilisateur

Système d’examen en ligne des étudiants


République du Mali
Un peuple Un But Une Foi
Page 16 sur 72

 Accueil administrateur :

Système d’examen en ligne des étudiants


République du Mali
Un peuple Un But Une Foi
Page 17 sur 72

Accueil pour gérer les examens :

Système d’examen en ligne des étudiants


République du Mali
Un peuple Un But Une Foi
Page 18 sur 72

Accueil pour gérer les questions des examens :

Système d’examen en ligne des étudiants


République du Mali
Un peuple Un But Une Foi
Page 19 sur 72

Système d’examen en ligne des étudiants


République du Mali
Un peuple Un But Une Foi
Page 20 sur 72

Accueil pour gérer les options des questions :

Système d’examen en ligne des étudiants


République du Mali
Un peuple Un But Une Foi
Page 21 sur 72

Accueil pour démarrer le test :

Système d’examen en ligne des étudiants


République du Mali
Un peuple Un But Une Foi
Page 22 sur 72

Interface d’examination :

V. Description de l’environnement de Travail :

Système d’examen en ligne des étudiants


République du Mali
Un peuple Un But Une Foi
Page 23 sur 72

Après avoir présenté dans les parties précédentes les différentes étapes
d’analyse et de la conception, nous allons consacrer cette partie à décrire
l’environnement et les outils qui ont servi à la mise en œuvre de notre site
web.

Environnement de développement et d’implémentation :


Dans cette section, nous allons décrire l’environnement utilisé pour le
développement et l’implémentation de notre site. Notre projet est sur la
conception d’un site web, donc nous allons développer des pages web
dynamiques connectées à une base de données en utilisant les langages
suivants : Le langage de script PHP pour la partie dynamique du site. Il
constitue le langage pilier de l’application, c'est-à-dire, que c’est sur lui que
reposent le dynamisme de l’application. Le langage HTML pour la création des
pages statiques de l’application. Le langage Java Script pour les traitements
côté client. Le langage de requête SQL pour interroger la base de données.

Les serveurs :
Serveur apache :
Le serveur Web Apache est le serveur le plus répondu sur internet, il
s’agit d’une application fonctionnant à la base de systèmes d’exploitation
de type Unix, Mais il a désormais été porté sur de nombreux systèmes,
dont Microsoft Windows. C’est un serveur qui met des pages Web à
disposition d’un client, ces pages sont des fichiers au format HTML. Tout
développement de site web requiert un serveur web qui s’occupe de
traitement des requêtes des clients et l’exécution des programmes sur
les machines serveurs. Nous choisissons et présentons ce serveur par les
avantages qu’il offre et que nous allons détailler ci-après :
• C’est un serveur gratuit (peut être téléchargé à partir du site du groupe
Apache à l’adresse ‘http://www.apache.org’).
• Un niveau élevé de performances pour des besoins matériels modeste.
• Extensible, modulaire et configurable.
• robuste.
• Très portable contrairement à IIS (Internet Information Services) de
Microsoft qui tourne seulement sous Windows, le serveur Web apache
dispose d’une version pour chaque plate-forme (Linux, Windows, …).
MySQL : MySQL est un système de gestion de bases de données

Système d’examen en ligne des étudiants


République du Mali
Un peuple Un But Une Foi
Page 24 sur 72

relationnelles(SGBDR) libre fonctionnant sous diverses plates-formes


telles que UNIX, Linux et Windows, et permettant de manipuler des
instructions adressées à la base de données sous forme de requêtes SQL.

Les outils de développement :


Le XAMP :
XAMP est un utilitaire qui Installe et configure automatiquement un
environnement de travail complet pour le développement et le test des
applications Web. Il regroupe un serveur web apache, un serveur de base
de données MySQL et le langage PHP ainsi que des outils qui facilitent le
développement tel que l’administrateur de bases de données MySQL, le
Phpmyadmin.

Installer XAMPP :
XAMP sur le site www.XAMPP.org. Double cliquer sur l’exécutable
téléchargé. Sélectionner le répertoire d’installation et suivre la
procédure.

Lancer XAMP :
On ne peut pas proprement parler du lancement de XAMP, il s’agit en
fait de la mise en route du serveur apache et de serveur MySQL. A
l’installation, un raccourci vers xampp est créé dans le répertoire «
Démarrer /programmes/xampp ».

Utiliser le répertoire htdocs :


Pour que les pages PHP soient interprétées, il est impératif de placer les
fichiers dans le répertoire htdocs ou dans un alias crée. Pour visualiser les
pages, il suffit alors d’ouvrir le « web local » ou d’accéder aux alias via la
page d’administration.

Phpmyadmin :
Phpmyadmin est une application web qui permet de gérer un serveur de
bases de données MySQL. Dans un environnement multiutilisateur, cette
interface écrite en PHP permet également de donner à un utilisateur un
accès à ses propres bases de données.

Les fonctions de Phpmyadmin :

Système d’examen en ligne des étudiants


République du Mali
Un peuple Un But Une Foi
Page 25 sur 72

• Création et suppression de base de données.


• Création, modification et suppression des tables.
• L’édition, l’ajout et la suppression de champs.
• L’exécution des commandes SQL.
• Gérer les privilèges d’accès des utilisateurs.

Utilisation de Phpmyadmin :
Pour accéder à Phpmyadmin, il faut d’abord démarrer le xampp puis le
serveur Apache et le MySQL. Après on peut l’accéder à partir de bouton
Admin à côté de MySQL. La page d’accueil de Phpmyadmin s’affiche dans
la fenêtre du navigateur, accompagner d’un champ de sélection de base
de données présente sur l’hôte MySQL par défaut, comme l’illustre la
figure suivante :

Les langages d’implémentation utilisés :


HTML :
(HyperText Markup Language) un langage hypertexte à balise
(marqueurs). Ces balises permettent d’indiquer la façon dont doit être
présenté le document et les liens qu’il établit avec d’autres documents.
Le HTML n’est pas un langage de programmation au sens classique du
terme, mais est essentiellement un ensemble de règles qui indiquent à
un navigateur comment afficher une page web. Il est souvent utilisé

Système d’examen en ligne des étudiants


République du Mali
Un peuple Un But Une Foi
Page 26 sur 72

conjointement avec les langages de programmation telle que JavaScript


et des formats de présentation CSS (Feuilles de style en cascade).

Le langage de requête SQL :


Pour communiquer avec une base de données, on a besoin de lui
envoyer des commandes ou instructions appelées requêtes. Que ce soit
pour la création, la suppression d’une table, la modification, l’insertion
ou la sélection de données, le langage standard de requêtes est SQL. SQL
ou (structured Query Language) est un langage permettant d’interroger
les bases de données de manière simple. Il est doté d’une syntaxe
particulière que l’on doit respecter pour que la communication avec la
base se passe au mieux. Son succès est dû essentiellement à sa simplicité
et au fait qu’il énonce des requêtes en laissant le SGBD responsable de la
stratégie d’exécution. Il permet :
 La manipulation des tables : création, suppression, modification de
la structure des tables.
 La manipulation des bases de données : sélection, modification et
suppression d’enregistrement.
 La gestion des droits d’accès aux tables : contrôles des données et
validation des modifications.
A part le fait d’envoyer directement les requêtes SQL telles quelles au
SGBD, le but ultime de l’utilisation de SQL sera aussi d’inclure ces
requêtes SQL dans un programme écrit dans un autre langage, ceci
permet de coupler le SGBD à un langage informatique, donc à un
programme. Tel est le cas de MySQL avec le PHP.

Le Java Script :
JavaScript est un langage de scripts incorporé aux balises Html,
permettant d’améliorer la présentation et l’interactivité des pages Web.
Il est plus simple à mettre en œuvre car c’est du code que vous ajoutez à
votre page écrite en Html, il est donc une extension du code Html des
pages Web en permettant d’exécuter des commandes du coté client,
c'est-à-dire au niveau du navigateur et non du serveur web.

Le langage PHP :

Système d’examen en ligne des étudiants


République du Mali
Un peuple Un But Une Foi
Page 27 sur 72

PHP (HyperText Preprocessor, Pré processeur Hypertexte PHP) est un


langage de script côté serveur, c’est à dire que les scripts sont exécutés
avant que la page ne soit envoyée au navigateur, ses principaux
avantages sont : PHP est facile à utiliser, il permet de créer avec un
minimum d’efforts des pages Web dynamiques destinées aux
applications Internet multimédia et de E-commerce. PHP est multi
plateforme, il existe pour les différentes versions de Windows, Unix et
Linux, ainsi que pour de nombreux serveurs Web dont APACHE et IIS.
PHP est libre, donc « OPEN SOURCE », on peut ajouter de nouvelles
fonctionnalités sans attendre une nouvelle version. PHP utilise le moteur
de scripts Zend, qui améliore la rapidité de traitement. PHP a été conçu
pour fonctionner sur le Web, la connexion et l’interrogation d’une base
de données sont extrêmement simple (peuvent être accomplies en deux
ou trois lignes de code).
Les autres langages de scripts coté serveur tels que le Perl ou les
cervelets Java, qui doivent écrire un programme avec de nombreuses
lignes de commande afin d’afficher une page HTML, alors que on écrit
une page HTML avec du code PHP inclus à l’intérieur. Les autres langages
de script coté client comme le Java script sont exécutées par le
navigateur, alors que le code PHP est exécuté sur le serveur. Si on a un
script PHP sur un serveur, le client ne reçoit que le résultat du script, sans
aucun moyen d’avoir accès au code qui a produit ce résultat.

Fonctionnement de PHP :
Le serveur Web reconnaît de l’extension des fichiers, différente de celle
des pages HTML simples, si le document appelé par le client comporte du
code PHP. Le serveur Web lance l’interpréteur PHP. L’interpréteur PHP
traduit le document demandé et exécute le code source de la page ; les
commandes figurant dans la page interprétée et le résultat prennent la
forme d’une page HTML publiée à la place du code source dans le même
document. La page modifiée est envoyée au client pour y être affichée
par le navigateur. De cette façon, la page Web est créée
dynamiquement, c'est-à-dire au moment même où le client est en
dialogue avec le serveur.

Framework utilisé(Bootstrap) :

Système d’examen en ligne des étudiants


République du Mali
Un peuple Un But Une Foi
Page 28 sur 72

Bootstrap est une collection d’outils utiles à la création du design


(graphisme, animation et interactions avec la page dans le navigateur,
etc.) de sites et d'applications web. C'est un ensemble qui contient des
codes HTML et CSS, des formulaires, boutons, outils de navigation et
autres éléments interactifs, ainsi que des extensions JavaScript en
option. Avant l'arrivée de Bootstrap, plusieurs bibliothèques existaient,
ce qui menait à des incohérences et à un coût de maintenance élevé.
Cette plate-forme a été conçue par deux développeurs faisant partie de
la mouvance de développeurs qui gravitent autour de Twitter, Mark Otto
et Jacob Thornton, et avait le nom de Twitter Blueprint en 2010.
En août 2011, Twitter place Bootstrap sous licence open source.
Fonctionnement de Bootstrap
Le Bootstrap consiste en une série de feuilles de styles qui implémentent
différents composants du toolkit. Une feuille de style principale englobe
les feuilles de style des composants. Les développeurs peuvent alors
sélectionner les composants dont ils ont besoin en modifiant cette feuille
principale.
Depuis la version 2, Bootstrap dispose d'une option supplémentaire de
« personnalisation ».
Le système de grille et le style adaptatif sont standardisés sur une grille
de 940 pixels de large, que les développeurs peuvent adapter. Ces
définitions sont déclinées en quatre variations qui peuvent être utilisées
dans différents formats et supports : téléphones (portrait et paysage),
tablette et PC (haute et basse résolution). Ces déclinaisons adaptent
automatiquement l'affichage de la page.

VI. Implémentation :
Dans cette partie d’implémentation, nous allons présenter le code source pour
les sections importantes du site.
Code source de l’accueil principal du site :
<!DOCTYPE html>

Système d’examen en ligne des étudiants


République du Mali
Un peuple Un But Une Foi
Page 29 sur 72

<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Accueil Principal du site</title>
    <link rel="stylesheet" href="css/bootstrap.css">
    <style>

html{
    scroll-behavior: smooth;
}
body{
   
    margin: 5px;
    border-radius: 20px;

}
#principal{
    background-image: url(images/accueilPrincipal.png);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
}
h1{
    background-color: rgba(118, 112, 133, 0.823);
    text-align: center;
    font-weight: bold;
    border-radius: 40px;
}

@keyframes animation {
    0%{
        opacity: 0.25;
        transform: translateY(50px);

    }
    25%{
        opacity: 0.5;
        transform: translateX(-400px);
    }
    75%{
        opacity:0.75;
        transform: translateX(400px);

       
    }

Système d’examen en ligne des étudiants


République du Mali
Un peuple Un But Une Foi
Page 30 sur 72

    100%{
        opacity: 1;
        transform: translateY(0px);
    }
   
}
h2{
    text-align: center;
    animation: animation ease 20s;
}
ul{
    text-align: center;
    padding: 20px;
}
li{
    color: aliceblue;
    list-style-type: none;
    display: inline;
    padding: 100px;
    margin: auto;
    color: rgb(237, 239, 243);
    font-size: 4em;
    font-weight: bold;
    text-shadow: 5px 5px 5px rgb(199, 186, 186);
    font-style: italic;
}
nav{

    padding: 0;
    margin: 0;
}
#welcome{
    text-align: center;
    font-weight: bold;
    font-style: italic;
}
h6{
    margin-left: 150px;
    margin-bottom: 2px;
    font-size: 1.5em;
    font-weight: bold;
}
#premier{
    margin-top: 80px;
}
.nom{
margin-left: 250px;
}

Système d’examen en ligne des étudiants


République du Mali
Un peuple Un But Une Foi
Page 31 sur 72

#dernier{
    margin-bottom: 80px;
}
    </style>
</head>
<body>
    <header>
        <h1>
           Online Examination <br> System
        </h1>
    </header>
    <main id="principal">
        <nav>
            <ul>
                <div class="col-sm-12">
                   <li><a href="sideUser/index.php">User</a></li>
                   
                    <li><a href="sideAdmin/index.php">Admin</a></li>

                </div>
            </ul>
        </nav>
        <div class="col-sm-12" id="trait1">

        </div>
        <h2 id="welcome">
            Welcome to Online Exam  !!
        </h2>
        <div class="col-sm-12" id="trait2">

        </div>
        <div>
        <p id="premier">
            <h6>Guided by :</h6>
            <h6 class="nom">Dr Sidibé</h6>
        </p>
        <div class="col-sm-12" id="trait2">

        </div>
        <p id="dernier">
            <h6>Presented by :</h6>
            <h6 class="nom">Hamady Gackou</h6>
            <h6 class="nom">Fatoumata Binta Keita</h6>
        </p>
        </div>

    </main>

Système d’examen en ligne des étudiants


République du Mali
Un peuple Un But Une Foi
Page 32 sur 72

    <footer>

    </footer>
</body>
</html>

Code source de l’accueil administrateur :


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/bootstrap.css">
    <link rel="stylesheet" href="../css/accueilAdmin.css">
    <title>AccueilUser</title>
</head>
<style>
  body{
    background-color: rgb(204,204,204);

Système d’examen en ligne des étudiants


République du Mali
Un peuple Un But Une Foi
Page 33 sur 72

}
img{
    width: 800px;
    height: 300px;
    float: left;
}
#select{
margin-top: 120px;
}
h2{
    text-align: right;
    font-style: italic;
    margin-bottom: 120px;
}
h1{
    text-align: right;
    font-weight: bold;
}
span{
    background-color: hsl(184, 40%, 72%);
}
button{
    background-color: hsl(184, 40%, 72%);
    width: 300px;
    height: 50px;
    padding: 30px;
    margin: 40px;
    border-radius: 10px;
    font-size: 1em;
    text-align: center;
    font-weight: bold;
}
a:hover{
    color: black;
}
 
</style>

<body>
    <header>
    <div>
    <img src="../images/accueilUser.jpeg" alt="">
        <h2>
           <span>Accueil admin</span>
        </h2>
         <h1>
            <span>Online Examination System </span>
       </h1>

Système d’examen en ligne des étudiants


République du Mali
Un peuple Un But Une Foi
Page 34 sur 72

    </div>
    </header>
    <main>
    <div class="container-fluid"id="select">
        <div class="row">
            <div class="col-sm-4" >
              <button><a href="examen.php">Gerer Examen</a></button>
            </div>
            <div class="col-sm-6" >
              <button><a href="user.php">Gerer User</a></button>
            </div>
            <div class="col-sm-4" >
              <button><a href="changeProfil.php">Changer profil</a></button>
            </div>
            <div class="col-sm-4">
              <button><a href="changePasse.php">Changer mot de
passe</a></button>
            </div>
            <div class="col-sm-4" >
              <button><a href="deconnecter.php">Se Deconnecter</a></button>
            </div>
        </div>
    </div>
    </main>
    <footer>

    </footer>
</body>
</html>

Code source de l’accueil utilisateur :


<?php
session_start();
?>

<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>AccueilUser</title>
    <link rel="stylesheet" href="../css/bootstrap.css">

Système d’examen en ligne des étudiants


République du Mali
Un peuple Un But Une Foi
Page 35 sur 72

    <style>
body{
    background-color: rgb(204,204,204);
}
img{
    width: 600px;
    height: 300px;
    float: left;
}
#select{
margin-top: 150px;
}
h2{
    text-align: right;
    font-style: italic;
   
    margin-bottom: 120px;
}
h1{
    text-align: right;
}
span{
    background-color: hsl(184, 40%, 72%);
}
button{
    background-color: hsl(184, 40%, 72%);
    width: 250px;
    height: 60px;
    padding: 20px;
    margin: 40px;
    border-radius: 10px;
    font-size: 1em;
    text-align: center;
    font-weight: bold;
    color: black;
}
a:hover{
    color: black;
}

Système d’examen en ligne des étudiants


République du Mali
Un peuple Un But Une Foi
Page 36 sur 72

    </style>
</head>
<body>
    <header>
    <div>
    <img src="../images/accueilUser.jpeg" alt="">
        <h2>
           <span>Accueil User</span>
        </h2>
         <h1>
            <span>Online Examination System </span>
       </h1>
    </div>
    </header>
    <main>
   
    <div class="container-fluid"id="select">
        <div class="row">
            <div class="col-sm-6">
              <button><a href="exam.php">Passer test</a></button>
            </div>
            <div class="col-sm-6">
              <button><a href="changeProfil.php">Changer profil</a></button>
            </div>
            <div class="col-sm-6">
              <button><a href="changePasse.php">Changer mot de
passe</a></button>
            </div>
            <div class="col-sm-6">
              <button><a href="deconnecter.php"> Se deconnecter</a></button>
            </div>
        </div>
    </div>
    </main>
    <footer>

    </footer>
</body>
</html>

Système d’examen en ligne des étudiants


République du Mali
Un peuple Un But Une Foi
Page 37 sur 72

Code source de la section d’accueil de gestion des examens :


<?php
session_start();
?>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/bootstrap.css">
    <style>
    body{
    background-image:url("../images/accueilExamen.jpeg");
    background-size: cover;
    background-repeat: no-repeat;
}
#select{
margin-top: 400px;
}
main{

Système d’examen en ligne des étudiants


République du Mali
Un peuple Un But Une Foi
Page 38 sur 72

    margin-top: 150px;
}
h1{
    text-align: center;
    font-weight: bold;
    color: white;
    font-size: 3em;
}
button{
    background-color: hsl(184, 40%, 72%);
    width: 300px;
    height: 50px;
    padding: 30px;
    margin: 30px;
    border-radius: 10px;
    font-size: 1em;
    text-align: center;
    font-weight: bold;
    color: black;
    font-weight: bold;

}
button{
    background-color : white;
    color : white;
    }
    a{
      color : #000;
    }

a{
    font-size: 1.2em;
}
a:hover{
    color: black;
}
 

    </style>
    <title>AccueilExamen</title>
</head>
<body>
    <header>
    <div>
         <h1>

Système d’examen en ligne des étudiants


République du Mali
Un peuple Un But Une Foi
Page 39 sur 72

            <span>Online Examination System </span>


       </h1>
    </div>
    </header>
    <main>
    <div class="container-fluid"id="select" style="margin:auto;">
        <div class="row">
            <div class="col-sm-4">
              <button><a href="listeExamen.php">Voir Liste Examen</a></button>
            </div>
            <div class="col-sm-5">
              <button><a href="exajouter.php">Ajouter Examen</a></button>
            </div>
            <div class="col-sm-4">
              <button><a href="listeenrollement.php">Voir Liste
Enrollement</a></button>
            </div>
            <div class="col-sm-4">
              <button><a href="accueilAdmin.php">Retour</a></button>
            </div>
            <div class="col-sm-4">
              <button><a href="quitter.php">Quitter</a></button>
            </div>
 
           
           
        </div>
    </div>
    </main>
    <footer>

    </footer>
</body>
</html>

Système d’examen en ligne des étudiants


République du Mali
Un peuple Un But Une Foi
Page 40 sur 72

Code source de la section d’accueil de gestion des questions :


<?php
session_start();

include("../../inc/dbConnection.php");

if(isset($_POST['idexam']) or isset($_SESSION['idexam'])){
  if(isset($_POST['idexam'])){
    $idexam=htmlspecialchars($_POST['idexam']);
    $rqte=$bdd->prepare("SELECT * FROM exam WHERE idexam = ?");
    $rqte->execute(array($idexam));
      while ($data = $rqte->fetch()){
              $nb_data = count($data);
              for($i = 0; $i < $nb_data; $i++);
              {

                $_SESSION['idexam'] = $data['idexam'];
                $_SESSION['titre']=$data['titre'];
                $_SESSION['date']=$data['date'];
                $_SESSION['duree']=$data['duree'];
                $_SESSION['nombrequestion']=$data['nombrequestion'];
                $_SESSION['pointbonnereponse']=$data['pointbonnereponse'];
               
$_SESSION['pointmauvaisereponse']=$data['pointmauvaisereponse'];
                $_SESSION['idadmin'] = $data['idadmin'];

              }
         

      }

Système d’examen en ligne des étudiants


République du Mali
Un peuple Un But Une Foi
Page 41 sur 72

    }
    elseif(isset($_SESSION['idexam'])){
      $idexam=$_SESSION['idexam'];
    $rqte=$bdd->prepare("SELECT * FROM exam WHERE idexam = ?");
    $rqte->execute(array($idexam));
      while ($data = $rqte->fetch()){
              $nb_data = count($data);
              for($i = 0; $i < $nb_data; $i++);
              {

                $_SESSION['idexam'] = $data['idexam'];
                $_SESSION['titre']=$data['titre'];
                $_SESSION['date']=$data['date'];
                $_SESSION['duree']=$data['duree'];
                $_SESSION['nombrequestion']=$data['nombrequestion'];
                $_SESSION['pointbonnereponse']=$data['pointbonnereponse'];
               
$_SESSION['pointmauvaisereponse']=$data['pointmauvaisereponse'];
                $_SESSION['idadmin'] = $data['idadmin'];

              }
         

      }
    }

    }

else{
  header("Location : listeExamen.php");
}

?>

<!DOCTYPE html>
<html lang="en">

Système d’examen en ligne des étudiants


République du Mali
Un peuple Un But Une Foi
Page 42 sur 72

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../../css/bootstrap.css">
    <title>AccueilUser</title>
</head>
<style>
  body{
    background-image: url("../../images/accueilQuestion.jpeg");
    background-size: cover;
}

#select{
margin-top: 100px;
}
h1{
    text-align: center;
    font-weight: bold;
    font-size : 3em;
    color: white;
}
button{
    background-color: white;
    width: 300px;
    height: 50px;
    padding: 35px;
    margin: 70px;
    border-radius: 10px;
    font-size: 1em;
    text-align: center;
    font-weight: bold;
    color: black;
    font-weight: bold;
}
a{
  color : #000;
}
a:hover{
    color: black;
}
 
</style>
<body>
    <header>
    <div>
         <h1>
            Online Examination System

Système d’examen en ligne des étudiants


République du Mali
Un peuple Un But Une Foi
Page 43 sur 72

       </h1>
    </div>
    </header>
    <main>
    <div class="container-fluid"id="select">
        <div class="row">
            <div class="col-sm-6" style="text-align:center;">
              <button><a href="questionAjouter.php">Ajouter
question</a></button>
            </div>
            <div class="col-sm-6" style="text-align:center;">
              <button><a href="listeQuestion.php">Voir Liste
Question</a></button>
            </div>
            <div class="col-sm-6" style="text-align:center;">
              <button><a href="../listeExamen.php"> Retour</a></button>
            </div>
            <div class="col-sm-6" style="text-align:center;">
              <button><a href="quitter.php">Quitter</a></button>
            </div>
        </div>
    </div>
    </main>
    <footer>

    </footer>
</body>
</html>

Système d’examen en ligne des étudiants


République du Mali
Un peuple Un But Une Foi
Page 44 sur 72

Code source de la section d’accueil de gestion des options des questions : 


<?php
session_start();

include("../../../inc/dbConnection.php");

if(isset($_POST['idquestion']) or isset($_SESSION['idquestion'])){
  if(isset($_POST['idquestion'])){
    $idquestion=htmlspecialchars($_POST['idquestion']);
    $rqte=$bdd->prepare("SELECT * FROM question WHERE idquestion = ?");
    $rqte->execute(array($idquestion));
      while ($data = $rqte->fetch()){
              $nb_data = count($data);
              for($i = 0; $i < $nb_data; $i++);
              {

                $_SESSION['idquestion'] = $data['idquestion'];
                $_SESSION['titre']=$data['titre'];
                $_SESSION['optionreponse']=$data['optionreponse'];
                $_SESSION['idexam'] = $data['idexam'];

              }
         

      }
    }
    elseif(isset($_SESSION['idquestion'])){
      $idquestion=$_SESSION['idquestion'];
    $rqte=$bdd->prepare("SELECT * FROM question WHERE idquestion = ?");
    $rqte->execute(array($idquestion));
      while ($data = $rqte->fetch()){
              $nb_data = count($data);
              for($i = 0; $i < $nb_data; $i++);
              {

                $_SESSION['idquestion'] = $data['idquestion'];

Système d’examen en ligne des étudiants


République du Mali
Un peuple Un But Une Foi
Page 45 sur 72

                $_SESSION['titre']=$data['titre'];
                $_SESSION['optionreponse']=$data['optionreponse'];
                $_SESSION['idexam'] = $data['idexam'];

              }
         

      }
    }

    }

else{
  header("Location : listeExamen.php");
}

?>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../../../css/bootstrap.css">
    <title>accueilOption</title>
</head>
<style>
  body{

Système d’examen en ligne des étudiants


République du Mali
Un peuple Un But Une Foi
Page 46 sur 72

    background-image: url("../../../images/accueilOption.jpeg");
    background-size: cover;
}

#select{
margin-top: 100px;
}
h1{
    text-align: center;
    font-weight: bold;
    font-size : 3em;
    color: blue;
}
button{
    background-color: white;
    width: 250px;
    height: 50px;
    padding: 30px;
    margin: 60px;
    border-radius: 10px;
    font-size: 1em;
    text-align: center;
    font-weight: bold;
    color: black;
    font-weight: bold;
}
a{
  color : #000;
}
a:hover{
    color: black;
}
 
</style>
<body>
    <header>
    <div>
         <h1>
            Online Examination System
       </h1>
    </div>
    </header>
    <main>
    <div class="container-fluid" id="select">
        <div class="row">
           
            <div class="col-sm-6">
              <button><a href="ajouterOption.php">Ajouter Option</a></button>

Système d’examen en ligne des étudiants


République du Mali
Un peuple Un But Une Foi
Page 47 sur 72

            </div>
            <div class="col-sm-6">
              <button><a href="listeOption.php"> Voir Liste
Option</a></button>
            </div>
           
            <div class="col-sm-6" >
              <button><a href="../listeQuestion.php"> Retour</a></button>
            </div>
            <div class="col-sm-6">
              <button><a href="quitter.php"> quitter</a></button>
            </div>
        </div>
    </div>
    </main>
    <footer>

    </footer>
</body>
</html>

Code source de la section d’accueil pour démarrer le test :


<?php
session_start();
if(isset($_POST['idexam'])){
    $_SESSION['idexam']=$_POST['idexam'];
}

?>

Système d’examen en ligne des étudiants


République du Mali
Un peuple Un But Une Foi
Page 48 sur 72

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Test</title>
    <link rel="stylesheet" href="../css/bootstrap.css">
    <style>
        h1{
              text-align : center;
              font-size : 4em;
              font-weight :  bold;
              color : black;
        }

        body{
            backgrounD-image: url("../images/startTest.jpeg");
            background-repeat: no-repeat;
            background-size:cover;
        }
a{
    color : black;
    font-weight : bold;

button {
    margin-top :20px;
    margin : 100px;
    width : 250px;
    padding : 10px;
    font-size: 1.3em;
    font-weight : bold;
    background-color :white;

   
}
a :hover{
    text-decoration :none;
    color :green;
}

    </style>

Système d’examen en ligne des étudiants


République du Mali
Un peuple Un But Une Foi
Page 49 sur 72

</head>
<body>
    <h1>Online Examination System</h1>
    <div class="container-fluid">
        <div class="row" >
            <div class="col-sm-6">
                <button><a href="examination.php" >Start Test</a></button>
            </div>
            <div class="col-sm-6">
              <button><a href="quitter.php">Quitter</a></button>
            </div>
            <div class="col-sm-6">
              <button><a href="exam.php">Retour</a</button>
              </div>
            </div>
    </div>
     

</body>
</html>

Système d’examen en ligne des étudiants


République du Mali
Un peuple Un But Une Foi
Page 50 sur 72

Code source de l’interface d’examination :


<?php
session_start();
include("../inc/dbconnection.php");
$re121=$bdd->prepare('SELECT COUNT(idenrollement) AS nb_id FROM enrollement
WHERE iduser=? AND idexam=?');
$re121->execute(array( $_SESSION['iduser'], $_SESSION['idexam'] ));
$columns = $re121->fetch();
$nb = $columns['nb_id'];

if($nb>=1){
   header("Location:exam.php?error=existe");
}
$date=strtotime(date('Y/m/d'));
$res=$bdd->prepare("SELECT * FROM exam WHERE idexam =? ");
$res->execute(array($_SESSION['idexam']));
$d=strtotime($res->fetch()['date']);

if($date > $d){


  header("Location:exam.php?error=date_atteinte");
}
if($date > $d){
  header("Location:exam.php?error=date_limite");
}

if(isset($_POST['optionreponse'])){
    $useroptionreponse=htmlspecialchars($_POST['optionreponse']);
    $iduser=htmlspecialchars($_SESSION['iduser']);
    $idexam=htmlspecialchars($_POST['idexam']);
    $idquestion =htmlspecialchars($_POST['idquestion']);
   

    $rqte1=$bdd->prepare("SELECT * FROM question WHERE idquestion=?");

Système d’examen en ligne des étudiants


République du Mali
Un peuple Un But Une Foi
Page 51 sur 72

    $rqte1->execute(array($idquestion));
    $rqte2=$bdd->prepare("SELECT * FROM exam WHERE idexam=?");
    $rqte2->execute(array($idexam));

            if($rqte1->fetch()['optionreponse']==$useroptionreponse){
            $point=$rqte2->fetch()['pointbonnereponse'];
            }
            else{
                $point=$rqte2->fetch()['pointmauvaisereponse'];
            }

            $re12=$bdd->prepare('SELECT COUNT(idexamuserquestionreponse) AS
nb_ide FROM examuserquestionreponse WHERE iduser=? AND idexam=? AND
idquestion=?');
            $re12->execute(array( $iduser, $idexam,$idquestion ));
            $columns = $re12->fetch();
            $nb = $columns['nb_ide'];
           
           if($nb==0){

                $rqte=$bdd->prepare("INSERT INTO
examuserquestionreponse(useroptionreponse,point,iduser,idexam,idquestion)VALUE
S(?,?,?,?,?)");
                $rqte->execute(array($useroptionreponse,$point,$iduser,
$idexam,$idquestion));  
          }
           

  }
   

   

?>
 <style>
           body{
                background-image:url(../images/test.jpeg);

Système d’examen en ligne des étudiants


République du Mali
Un peuple Un But Une Foi
Page 52 sur 72

                background-repeat: no-repeat;
                background-size: cover;
                background-attachment :fixed;
            }
            h1{
               
                font-weight : bold;
                text-align : center;
                background-attachment :fixed;

            }
            h3{
               
                font-style:italic;
                margin-left : 50px;
                margin-top : 20px;
            }
</style>
         
         
          <h1 style="font-weight : bold; position:fixed; top:10px;
right :0px;">Online Examination System</h1>
          <div style="margin-bottom:100px;">
          <h3 style="font-weight : bold;position:fixed; color:red; top:80px;
right:20px;">
                Attention le test a demarré !!
   
            </h3>

            <h4 style="font-weight : bold;position:fixed; color:MidnightBlue;


top:360px; right:20px;"> Si vous Terminez avant l'heure...<br>
                <a href="userScore.php" style="color :FireBrick; text-
decoration :none;">cliquez ici pour voir vos resultats</a>
            </h4>
            <?php
             include("compteur.php");
            ?>

          </div>
       
<?php

if(isset($_SESSION['idexam'])){
$idexam=$_SESSION['idexam'];

include("../inc/dbConnection.php");

Système d’examen en ligne des étudiants


République du Mali
Un peuple Un But Une Foi
Page 53 sur 72

$req = $bdd->prepare("SELECT * FROM question WHERE idexam=?");


$req->execute(array($idexam));
$a=0;
 $id=-1;
while ($data = $req->fetch()){
    $nb_data = count($data);
    $id=$id+1;
    $a=$a+1;
    $idquestion=$data['idquestion'];
    for($i = 0; $i < $nb_data; $i++);
    {
       
          ?>    
         
       <div style="margin-left:150px;font-weight:bold; font-size:1.4em;
color : darkblue;" >
         <?php  echo  $a.'. '.$data['titre']; ?>
       </div>
<?php
    }
        $req2= $bdd->prepare("SELECT * FROM option WHERE idquestion=?");
        $req2->execute(array($data['idquestion']));
        $b=0;
        while ($data2 = $req2->fetch()){
            $nb_data = count($data2);
            $b=$b+1;
            for($i = 0; $i < $nb_data; $i++);
            {
                ?>    
                <div style="margin-left:200px;font-weight:bold;font-
size:1.2em; color : black;" >
                  <?php  echo $b.'. '.$data2['titre']; ?>
                </div>
         <?php
            }
           
           
    }

?>

               
    <form class="form" id="<?php echo 'idform'.$a; ?>"  method="POST"
style="font-weight:bold; color : black;" onsubmit="return sendData(this.id);"
>

Système d’examen en ligne des étudiants


République du Mali
Un peuple Un But Une Foi
Page 54 sur 72

                <input type="hidden" name="idquestion" id="<?php echo


'idquestion'.$a; ?>" value="<?php echo $idquestion; ?>">
                <input type="hidden" name="idexam"  id="<?php echo 'idexam'.
$a; ?>" value="<?php echo $idexam; ?>">
                <div class="form-group">
                <label for="select" style="margin-left:100px;font-size:1.2em;
color:darkgreen;font-weight:bold;"> Selectionner l'option de reponse</label>
                <select id="<?php echo 'select'.$a; ?>" style="background-
color:green;margin-left:100px;font-weight:bold;color:white;
width:100px;"class="form-control" name="optionreponse" style="margin-
left:100px; width:100px;" size="1" style="width:100px;" >
               
                    <option value="1">1</option>
                    <option value="2" selected>2</option>
                    <option value="3" >3</option>
                    <option value="4">4</option>
                    </select>
                </div>
                <div>
                             
                <div class="form-group">
               
                    <input id="<?php echo 'but'.$a; ?>" class="form-control"
onclick="copierText(this.id)"    style=" width:200px; margin-left:100px; font-
weight:bold;background-color:blue;color:white;"type="submit" value="Valider la
reponse" >
                       
                </div>

            </form>
         
           
<?php

}
else{
  header("Location:exam.php");
}

?>

Système d’examen en ligne des étudiants


République du Mali
Un peuple Un But Une Foi
Page 55 sur 72

<script
src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></
script>
    <script type="text/javascript">

       var nb='<?PHP echo $a;?>';


      function sendData(e_id)
      {
   
        for (let j = 1; j <= nb; j++) {
           
           if(e_id=="idform"+j){
            var optionreponse = document.getElementById("select"+j).value;
            var idquestion = document.getElementById("idquestion"+j).value;
            var idexam = document.getElementById("idexam"+j).value;
          }
       }
       
        $.ajax({
          type: 'post',
          url: 'examination.php',
          data: {
            optionreponse:optionreponse,
            idquestion:idquestion,
            idexam:idexam
          },
          success: function (response) {
            $('#res').html("");
          }
        });
         
        return false;
      }
      function copierText(id){
        for (let i = 1; i <= nb; i++) {
           
            if(id=="but"+i){
                document.getElementById(id).value= "Validé";
           }
        }
     }
     

    </script>

<!DOCTYPE html>
    <html lang="en">

Système d’examen en ligne des étudiants


République du Mali
Un peuple Un But Une Foi
Page 56 sur 72

    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Examination</title>
        <link rel="stylesheet" href="../css/bootstrap.css">
           
    </head>
    <body>
       
    </body>
    </html>

Système d’examen en ligne des étudiants


République du Mali
Un peuple Un But Une Foi
Page 57 sur 72

Système d’examen en ligne des étudiants


République du Mali
Un peuple Un But Une Foi
Page 58 sur 72

Système d’examen en ligne des étudiants


République du Mali
Un peuple Un But Une Foi
Page 59 sur 72

Système d’examen en ligne des étudiants


République du Mali
Un peuple Un But Une Foi
Page 60 sur 72

Système d’examen en ligne des étudiants


République du Mali
Un peuple Un But Une Foi
Page 61 sur 72

Système d’examen en ligne des étudiants


République du Mali
Un peuple Un But Une Foi
Page 62 sur 72

Système d’examen en ligne des étudiants


République du Mali
Un peuple Un But Une Foi
Page 63 sur 72

Système d’examen en ligne des étudiants


République du Mali
Un peuple Un But Une Foi
Page 64 sur 72

Système d’examen en ligne des étudiants


République du Mali
Un peuple Un But Une Foi
Page 65 sur 72

VII. Le produit résultant :

Système d’examen en ligne des étudiants


République du Mali
Un peuple Un But Une Foi
Page 66 sur 72

Système d’examen en ligne des étudiants


République du Mali
Un peuple Un But Une Foi
Page 67 sur 72

Système d’examen en ligne des étudiants


République du Mali
Un peuple Un But Une Foi
Page 68 sur 72

VIII. Quelques démonstrations :

Système d’examen en ligne des étudiants


République du Mali
Un peuple Un But Une Foi
Page 69 sur 72

IX. Conclusion :

Système d’examen en ligne des étudiants


République du Mali
Un peuple Un But Une Foi
Page 70 sur 72

X. Références bibliographiques :
Biddouille. (01/07/2005). Affiche une image de la base de données. Récupéré
sur beaussier/developpez.com/articles/php/mysql/db
Charles. (s.d.). L'affichage d'une images à partir de la base de données.
Récupéré sur askcodez.com
Holder, N. (28/05/2020). Système d'examen en ligne en PHP avec code source.
Récupéré sur quedulourd.com
OpenClassroom. (s.d.). Afficher une image de la base de données. Récupéré sur
Openclassrom.com

Système d’examen en ligne des étudiants


République du Mali
Un peuple Un But Une Foi
Page 71 sur 72

Weblesson. (s.d.). Système d'examen en ligne en PHP avec code source.


Récupéré sur www.weblesson.info>source-code-of-update-version-
of.html

Système d’examen en ligne des étudiants


République du Mali
Un peuple Un But Une Foi
Page 72 sur 72

Système d’examen en ligne des étudiants

Vous aimerez peut-être aussi