DJEMIAT Djalal
DJEMIAT Djalal
DJEMIAT Djalal
Présenté par :
DJEMIAT Djalal
OUARADJ Yahia
Thème :
DEVANT LE JURY :
Promotion : 2020-2021
Remerciement
Nous tenons à adresser nos profonds et sincères remerciements à
notre enseignant et encadreur de recherche Mr. MOKHTARI Rabah, qui
a accepté de diriger ce travail, pour tous ses conseils et ses
encouragements ainsi que pour sa disponibilité. Nous lui exprimons notre
gratitude pour nous avoir guidées dans ce travail, ménageant son temps
et son savoir pour que ce travail arrive à son terme.
Les bons mots sont faciles à dire, les bonnes choses sont faciles à
acheter, les bonnes personnes aux bons cœurs comme vous sont
difficiles à trouver. Merci infiniment.
Nous remercions vivement les membres du jury qui nous ont fait
l’honneur de juger notre travail.
Un grand merci à tous ceux qui nous a enseigné durant nos études
et en particulier les enseignants du département de l’informatique. Ainsi
toutes personnes ayant contribué de près ou de loin pour la réalisation de
ce travail.
Dédicaces
Nous dédie ce travail
D. Djalal
O. Yahia
Sommaire
Sommaire
Sommaire……………………………………………………………………………………………I
Liste des figures……………………………………………………………………………………IV
Tableau des abréviations…………………………………………………………………….…….VI
I.2. Motivation…………………………………………………………………………………....…1
II.1. Introduction……………………………………………………………………………….……3
II.2. Le Web…………………………………………………………………………………………3
II.3. Principe de Web………………………………………………………………………….…….3
II.4. Application Web……………………………………………………………………………….4
I
Sommaire
II
Sommaire
III.6. Implémentation……………………………………………………………..………………..31
III.6.1. Page de connexion……………………..……………………………………….……..31
III.6.1.1. Administrateur…………………..……………………………………….……..31
III.6.1.1.1. Ajouter un utilisateur………………………………………….…………..32
III.6.1.1.2 Ajouter des rapports ………………………………………………...……..33
III.6.1.2. Enseignant……………………………………………………………………...33
III.6.1.2.1 Page home………………………………………………………………….33
III.6.1.2.2. Ajouter des rapports……………………………………..………….……..34
III.6.1.2.3. Liste des étudiants…………………………………………………………35
III.6.1.2.4. Liste des enseignants………………………………………………………35
III.6.1.2.5. Profil……………………………………………………………...……….36
III.6.1.2.6. Liste des rapports………………………………………………………….36
III.6.1.3. Etudiants……………………………………………………………….……….37
III.6.1.3.1. Page de home……………………………………………………………...37
III.6.1.3.2. Liste des rapports……………………………………………………….…37
III.6.1.3.3. Télécharger le rapport …………………………………..…………...……38
III.6.1.3.4. Liste des enseignants …………………………………………………..….39
III.6.1.3.5. Profil…………………………………………………………………..…..39
III.6.2. Conclusion…………………………………………………………….………...…….40
Conclusion général ……………….……………………………………………….……..……….41
III
Liste des figures
IV
Liste des figures
V
Tableau des abréviations
Tableau des abréviations
VI
CHAPITRE 1 :
INTRODUCTION GÉNÉRALE
CHAPITRE 1 : INTRODUCTION GÉNÉRALE
Introduction générale
I.1. Contexte d’étude
La gestion désigne l'action de gérer quelque chose. Le terme est utilisé dans de nombreux
domaines comme celui de l'entreprise, de l'administration, de l'immobilier, etc. La gestion se
caractérise dans ces situations par le fait de confier à autrui, ou à soi-même, des affaires à gérer. [18]
Afin d'améliorer le processus de gestion scolaire, nous avons besoin d'un système d'information
qui joue la mise en œuvre des fonctions de gestion.
Un système d'information peut être défini comme un ensemble de composants interdépendants
qui collectent, manipulent, stockent données, diffuseur des informations pour soutenir la prise de
décision et fournir un retour d'information mécanisme de surveillance des performances.
Cela peut également aider le gestionnaire et les professeurs et étudiants pour analyser des
problèmes, visualiser des sujets complexes et créez de nouvelles solutions.
Une application web est un programme informatique qui utilise des navigateurs web et web
technologie pour effectuer des tâches sur internet.
I.2. Motivation
I.3. Problématique
Pour bien administrer une école coranique, l'administration a besoin d'avoir accès à des
informations qui l'aideront à faire des choix.
Nous répondrons à ces problématiques dans notre mémoire en proposant une plateforme web qui
rend la gestion d'une école coranique plus facile, plus rapide et pour nous donner les meilleurs
résultats possibles.
1
CHAPITRE 1 : INTRODUCTION GÉNÉRALE
Ce travail est dans l'intention de concevoir une base de données pour une gestion professionnelle
des informations utiles à une prise de décision dans le secteur.
Mise en place d'une plate-forme coranique sur le web afin de faciliter la gestion des élèves
et des enseignants et des rapports par le directeur de l'école coranique.
Télécharger des rapports pour les parents et les enfants à voir, ce qui assurera l'amélioration
de la mémorisation du « Noble Coran » et augmenter le volume de mémorisation des
étudiants.
2
CHAPITRE 2 :
DÉVELOPPEMENT D’UNE
APPLICATION WEB
CHAPITRE 2 : DÉVELOPPEMENT D’UNE APPLICATION WEB
II.1. Introduction
Le développement d’une application web vous permet de disposer d’une application qui sera
accessible depuis n’importe quel navigateur sur n’importe quel appareil. De plus, contrairement aux
applications natives, elles ne nécessitent pas de téléchargement.
Pour comprendre comment développer une application web, il faut d’abord en savoir un peu plus
sur ce type de développement. Dans ce travail, nous vous proposons cinq types d’applications web,
quelques exemples et d’autres considérations qui vous seront utile. [10]
II.2. Le Web
Une application Web est une application qui est invoquée avec un navigateur Web sur le
L'Internet.
Depuis 1994 quand Internet est devenu accessible au public et surtout en 1995, lorsque le World
Wide Web a mis un visage utilisable sur Internet, Internet à devenir une plate-forme de choix pour
un grand nombre d'entreprises de plus en plus sophistiquées et applications Web innovantes.
En une décennie à peine, le Web est passé du statut de référentiel de pages utilisé principalement
pour accéder à des informations statiques, principalement scientifiques, à une plate-forme puissante
pour le développement et le déploiement d'applications.
Nouvelles technologies, les langages et méthodologies web permettent de créer des applications
dynamiques qui représentent un nouveau modèle de coopération et de collaboration entre un grand
nombre des utilisateurs.
Les premières applications Web offraient principalement des interfaces utilisateur textuelles et
une interactivité limitée. Les applications Web d'aujourd'hui offrent des interfaces riches, sont
interactives et prennent en charge la collaboration entre les utilisateurs. Nous examinons ici
plusieurs applications qui représentent la génération actuelle d'applications Web, parfois appelées
collectivement Web 2.0.
4
CHAPITRE 2 : DÉVELOPPEMENT D’UNE APPLICATION WEB
Les utilisateurs du site web de réseau social créent un compte sur le site, et obtiennent leur propre
login et le mot de passe. Les comptes sur MySpace.com sont gratuits. [25]
Wikipédia, un projet international qui utilise un logiciel Wiki pour créer en collaboration une
encyclopédie devient de plus en plus populaire. Tout le monde peut éditer directement des articles
et chaque édition est enregistrée. L'historique des versions de tous les articles est disponible
gratuitement et permet une multitude d'examens. Cet article donne un aperçu de la recherche sur
Wikipédia. Les composants fondamentaux de Wikipédia, c'est-à-dire les articles, les auteurs, les
modifications et les liens, ainsi que le contenu et la qualité sont analysés. Les possibilités de
recherche sont explorées avec des exemples et des premiers résultats. Plusieurs caractéristiques que
l'on retrouve dans Wikipédia, telles que la croissance exponentielle et les réseaux sans échelle, sont
déjà connues dans d'autres contextes. Cependant, l'architecture Wiki possède également des
spécificités intrinsèques. Les tendances générales mesurées sont typiques de tous les Wikipédia mais
varient en détail entre les langues. [30]
Cette fois, nous voudrions classer différents types d'applications web. Cette classification sera
basée sur le rôle de présentation par les applications web du contenu qu'elles doivent afficher. Voici
les cinq catégories d'applications web que nous distinguons.
Les applications Web statiques affichent peu d'informations et ne changent généralement pas
beaucoup. Elles se chargent sur le navigateur d'un utilisateur exactement comme elles sont stockées
sur le serveur Web. Comme leur nom l'indique, elles manquent de flexibilité et offrent peu ou pas
d'interaction. [11]
Commençons par une courte introduction au Web et à la programmation Web, limitée aux
prérequis indispensables pour comprendre la suite du cours. Vous trouverez facilement sur le Web
beaucoup de documentation plus étendue sur ce sujet, avec notamment une perspective plus large
5
CHAPITRE 2 : DÉVELOPPEMENT D’UNE APPLICATION WEB
sur les autres langages (CSS, JavaScript) intervenant dans la réalisation d’une application web. Les
lecteurs déjà familiers avec ces bases peuvent sauter ce chapitre sans dommage. [6]
Aujourd'hui, le web est le meilleur moyen de communication dans les entreprises modernes. De
nombreuses entreprises redéfinissent leurs stratégies commerciales pour améliorer la production
commerciale. Les affaires sur Internet offrent aux clients et aux partenaires la possibilité de trouver
leurs produits et leurs activités spécifiques. De nos jours, les affaires en ligne brisent la barrière du
temps et de l'espace par rapport au bureau physique. Les grandes entreprises du monde entier se
rendent compte que le commerce électronique ne consiste pas seulement à acheter et à vendre sur
Internet, mais qu'il améliore plutôt l'efficacité pour concurrencer les autres géants du marché. [29]
Un portail Web est une application mise à disposition par une entreprise pour ses clients,
fournisseurs, partenaires. Son objectif est de partager un certain nombre d’informations et de
fonctionnalités premium en fonction des différents utilisateurs. L’accès au portail Web est réalisé
directement via un navigateur web standard grâce à une connexion internet. [20]
Lorsqu'un serveur web reçoit une requête de page web statique, il transmet simplement cette page
au navigateur requérant. En revanche, lorsque le serveur web reçoit une requête de page dynamique,
il transmet cette page à une extension logicielle spéciale chargée d'achever la page. Ce logiciel
spécial est appelé serveur d'application.
Le serveur d'application lit le code de la page, termine cette page en fonction des instructions
figurantes dans le code, puis en retire le code. Il en résulte une page statique que le serveur
d'application renvoie au serveur web, lequel transmet alors cette page au navigateur requérant.
6
CHAPITRE 2 : DÉVELOPPEMENT D’UNE APPLICATION WEB
Le navigateur reçoit uniquement du code HTML pur lorsque la page lui est transmise. Un serveur
d'application nous permet de travailler avec des ressources côté serveur telles que les bases de
données. Une page dynamique peut, par exemple, ordonner au serveur d'application d'extraire des
données de la base de données et de les insérer dans le code HTML de la page. [26]
7
CHAPITRE 2 : DÉVELOPPEMENT D’UNE APPLICATION WEB
Utilisé aujourd’hui dans sa version 5, le HTML est le langage servant à la création de pages pour
le web. Il s’agit donc d’un langage web. En réalité, le HTML5 n’est pas à proprement parlé un
langage de programmation. Il s’agit plutôt d’un langage de balisage. Cela veut simplement dire que
votre code contiendra des balises qui elles-mêmes contiendront les informations que vous souhaitez
afficher sur votre page web.
Le binôme du HTML5 est le CSS3. Là où le HTML mettra les contenus sur notre page web, le
CSS sera utilisé pour mettre en forme ces contenus. Vous allez ainsi pouvoir, grâce au CSS, choisir
la police que vous souhaitez utiliser, sa taille ou encore la couleur du fond de votre page web.
Chaque instruction en CSS que vous écrirez va ainsi pointer l’élément HTML que vous souhaiterez
customiser. Le HTML5 et le CSS3 sont à la base de tous les sites web. [8]
Le JavaScript été utilisé à l’origine pour rendre dynamiques les pages web. Là où le HTML5 et
le CSS3 permettent respectivement l’affichage et la mise en forme de vos éléments sur votre page
web, le JavaScript rendra cette page interactive. Incontournable aujourd’hui en raison du nombre
d’adeptes, le JavaScript permettra plus seulement d’améliorer l’aspect visuel de votre site (front-
end) mais aussi de créer le moteur qui fera tourner le site (back-end) et de gérer les bases de données
associées au site web. C’est bien le JavaScript qui vous permettra de vérifier que les données entrées
par un utilisateur dans votre formulaire de contact sur votre site web sont au bon format. [8]
II.4.4.3. PHP
Les utilisateurs qui viendront sur votre site seront divers et variés. Le contenu de votre site ne
peut donc pas être le même pour tous les utilisateurs. Le PHP permet justement cela. Comment cela
se passe-t-il ? Votre internaute accédera à votre page web, son ordinateur, appelé le client, enverra
une demande à un autre ordinateur, appelé le serveur. Le rôle du serveur est de stocker vos pages
web. Le serveur préparera la page spécialement pour ce client et la lui enverra. Le PHP permet ainsi
à votre page de répondre spécifiquement aux demandes du client en changeant le contenu de la page
demandée.
8
CHAPITRE 2 : DÉVELOPPEMENT D’UNE APPLICATION WEB
Tout comme le HTML5 a comme binôme le CSS3, le PHP a comme acolyte un système pour
gérer les données. MySQL est l’un des plus connus. Son rôle sera d’enregistrer les informations
liées à votre site web et ce de manière organisée. L’objectif sera de les retrouver plus facilement. Si
votre site permet aux membres de s’inscrire, c’est grâce au MySQL que vous pourrez les enregistrer
et les ressortir plus tard lorsque le membre voudra modifier son pseudonyme par exemple. [8]
À vrai dire, vous n’êtes pas la seule personne à vous poser la question. Ces termes viennent
certainement se mélanger dans votre esprit avec «intégrateur web» ou encore «webmestre»,
«programmeur», «web designer»…
Les rôles et les profils de poste de la production web ont évolué au cours de ces dernières années,
il est donc parfois difficile de comprendre ce que fait concrètement chacun. [12]
Nous allons identifier et différencier les rôles de développeur Front-End et développeur Back-
End qui est les deux profils types que l’on retrouve dans la plupart des agences web de nos jours.
9
CHAPITRE 2 : DÉVELOPPEMENT D’UNE APPLICATION WEB
Lorsque l’on parle de «Front-End», il s’agit finalement des éléments du site que l’on voit à l’écran
et avec lesquels on peut interagir. Ces éléments sont composés de HTML, CSS et de JavaScript,
contrôlés par le navigateur web de l’utilisateur. Les champs de compétence du Front-End peuvent
être séparés en deux :
Le design
Le développement HTML, CSS, JavaScript
Le design est traditionnellement réalisé par un web designer qui produit des maquettes
graphiques à l’aide de Photoshop ou Sketch. Cependant de plus en plus de web designers ont franchi
la barrière et savent coder en HTML et CSS. Dans certains cas ils sont aussi capables de produire
du JavaScript.
10
CHAPITRE 2 : DÉVELOPPEMENT D’UNE APPLICATION WEB
Vue ou Vue.js est un framework JavaScript qui est réputé pour être simple à prendre en main. Il
vient se placer en concurrent direct de React. Ces deux géants de l’écosystème JavaScript sont au
coude à coude en termes d’utilisation et de popularité.
Angular est aussi un Framework JavaScript initié par Google mais qui a perdu en popularité ces
dernières années. Il est pourtant tout aussi performant que c’est concurrent.
Il existe de nombreuses bibliothèques JavaScript plus ou moins complexes et adaptées à
différents usages. En tout cas, voici certainement tout ce qu’un développeur front-end devrait
maîtriser. [12]
Le Back-End, c’est un peu comme la partie immergée de l’iceberg. Elle est invisible pour les
visiteurs mais représente une grande partie du développement d’un projet web. Sans elle, le site web
reste une coquille vide. On peut décomposer le Back-End en trois parties essentielles :
Un serveur (ou hébergement web)
Une application (en l’occurrence le site web)
Une base de données (ou l’on stocke les données de l’application)
Le serveur est comme un disque dur accessible 24 heures sur 24, sur lequel les pages du site web
sont enregistrées.
Pour pouvoir conserver vos mots de passe, vos préférences, votre panier d’achat que vous avez
saisi grâce aux éléments de Front-End, il est nécessaire de les enregistrer dans une base de données.
La base de données est comparable à un grand tableau avec des colonnes contenant par exemple
«nom», «prénom», «mot de passe», «achat en cours». Lors de votre inscription sur un site, votre
profil est enregistré dans ce tableau.
Pour pouvoir conserver, traiter, modifier ces données et fournir des informations à jour sur un
site internet (comme des actualités, des fiches produits, des images, des vidéos), le développeur
Back-End va utiliser des langages de programmation «dynamique».
Les langages les plus utilisés sont PHP, Ruby, Python, SQL. Souvent pour rendre le code plus
clair, facilement modifiable et plus simple à maintenir en équipe, le développeur travaille avec des
frameworks tels que Laravel ou Symfony.
11
CHAPITRE 2 : DÉVELOPPEMENT D’UNE APPLICATION WEB
Enfin, le développeur Back-End met également en place et configure le serveur qui accueillera
le site lui-même. [12]
Nous réalisations des applications conçues sur mesure pour votre besoin. Une telle solution vous
permet notamment de :
12
CHAPITRE 2 : DÉVELOPPEMENT D’UNE APPLICATION WEB
II.5. Conclusion
Dans la première section de ce chapitre, nous avons vu quelques notions sur les technologies web
tel que les applications web, et les langages utilises pour la création des applications web.
13
CHAPITRE 3 :
ANALYSE ET CONCEPTION
CHAPITRE 3 : ANALYSE ET CONCEPTION
III.1. Introduction
Pour gérer une école coranique, des mesures et des évaluations doivent être prises pour
rapprocher l’élève de l’enseignant et pour que les parents soient informés du cours d’éducation de
leurs enfants. De la mémorisation, de la réponse, de la révision et de la participation nous avons
donc décidé de faire cette application qui comprend tous les éléments de l’école coranique (directeur,
enseignants, élèves et rapports... etc.)
L’application offre aux élèves et aux parents l’accès à tous les derniers développements de l’école
en plus du fait que le tuteur peut suivre quotidiennement ses enfants en voyant l’état de conservation
et de révision en plus de savoir si ses enfants fréquentent l’école quotidiennement ou non ... etc.
Il permet également aux enseignants de bien encadrer les élèves et d’assurer l’orientation
quotidienne et la bonne conduite de l’école coranique et d’assurer la revitalisation et la motivation
des élèves à travailler dur en informant les parents de tous les derniers développements concernant
leurs enfants, à partir desquels la productivité sera plus et l’établissement d’une génération de
gardiens du livre de dieu le coran, qui est dans ses dispositions, récitation et hymne.
Contrôle pédagogique : préparation et rapports écrits des enseignants, visites de classe du chef
d’établissement, travaux des élèves.
À travers ce qui suit, nous clarifierons les différents plans et mécanismes possibles afin
d’organiser cette école coranique et clarifierons les différentes étapes que toutes les parties au projet
traversent à partir des inscriptions, de l’éducation et du suivi quotidien.
14
CHAPITRE 3 : ANALYSE ET CONCEPTION
UML, le langage unifié de la modélisation s'est dégagé pour devenir le standard de modélisation
objet. En effet, UML n’est pas une méthode mais plutôt une notation qui fusionne les notations
d'OOD et d'OOSE.UML a été standardisée par l'Object Management Group (OMG).
La version 2.0 a été l’occasion d'une refonte majeure du langage UML dont les spécifications ont
été mises en accord avec celles du Meta Object Facility (MOF) méta-méta-modèle du langage UML.
Pour ce faire, les membres de l'OMG ont extrait les concepts identiques du langage UML et du MOF
et les ont mutualisés au sein d'une nouvelle architecture dénommée UML 2.0 Infrastructure. Cette
nouvelle organisation a permis d'alléger les spécifications d'UML 2.0 et celles du MOF 2.0.
Les nouvelles spécifications d'UML sont décrites dans le document intitulé UML 2.0
Superstructure. L'infrastructure d’UML 2.0 a été adoptée en septembre 2003 et la superstructure en
octobre 2003.
15
CHAPITRE 3 : ANALYSE ET CONCEPTION
UML unifie à la fois les notations et les concepts orientés objet (voir l’historique d’UML sur la
figure 4). [9]
Il ne s’agit pas d’une simple notation graphique, car les concepts transmis par un diagrammeont
une sémantique précise et sont porteurs de sens au même titre que les mots d’un langage.
UML unifie également les notations nécessaires aux différentes activités d’un processus de
développement et offre, par ce biais, le moyen d’établir le suivi des décisions prises, depuis
l’expression de besoin jusqu’au codage. Dans ce cadre, un concept appartenant aux exigences des
utilisateurs projettesa réalité dans le modèle de conception et dans le codage.
Le fil tendu entre les différentes étapes de construction permet alors de remonter du code aux
besoins et d’en comprendre les tenants et les aboutissants. En d’autres termes, on peut retrouver la
nécessité d’un bloc de code en se référant à son origine dans le modèle des besoins. [19]
UML dans sa version propose treize diagrammes qui peuvent être utilisés dans la description d’un
système. [22]
17
CHAPITRE 3 : ANALYSE ET CONCEPTION
Maintenant, nous allons présenter quelques diagrammes utilisés dans notre travail :
Le diagramme d’utilisation est destiné à représenter les besoins des utilisateurs par rapport au
système. Il constitue un des diagrammes les plus structurants dans l’analyse d’un système. [23]
18
CHAPITRE 3 : ANALYSE ET CONCEPTION
Le diagramme de séquence permet de décrire les scénarios de chaque cas d’utilisation en mettant
l’accent sur la chronologie des opérations en interaction avec les objets. [23]
UML est un langage formel et normalisé permet une grande précision, assure la pérennité et
facilite l’utilisation d’outils.
UML est un outil qui facilite la communication, propose un cadre d’analyse, permet la
représentation d’éléments abstraits et complexes et offre une grande expressivité grâce à sa
polyvalenceet à sa souplesse.[4]
19
CHAPITRE 3 : ANALYSE ET CONCEPTION
Pour modéliser notre projet, nous utiliserons trois diagrammes, qui sont :
Le diagramme de cas d’utilisation Explique les différentes actions effectuées par chaque élément
du site après la connexion bien sûr, car le site est dirigé vers une certaine catégorie et non vers le
grand public, et elles sont les suivantes (Admin, enseignant, élève et parents) dans une situation
particulière afin qu’ils puissent voir tous les derniers développements de leurs enfants Comme le
montre la figure ci-dessous (Figure 9) :
22
CHAPITRE 3 : ANALYSE ET CONCEPTION
23
CHAPITRE 3 : ANALYSE ET CONCEPTION
Ce diagramme distingué différente relations entre les classes dans le site d’école coranique
(association, généralisation, composition ….etc.) Avec ces cardinalité entre tous deux classes.
Pour chaque classe peut être relie avec un ou plusieurs classes selon ses relations avec le
reste des classes. Comme le montre la figure suivante :
24
CHAPITRE 3 : ANALYSE ET CONCEPTION
III.5.1. Framework
III.5.2. HTML
Le langage HTML (pour Hyper Text Markup Language) permet de créer des documents
indépendant de toute plate-forme, et donc particulièrement bien adapté à des échanges
d'informations dans un environnement hétérogène comme le web. HTML repose sur quelques
concepts très différents de ceux que l'on peut trouver dans un traitement de texte standard. Un
système de balises (d’où le terme Markup Language) permet d'indiquer explicitement, pour chaque
partie du texte, quelle est sa fonction (titre, en-tête de section, légende de figure, etc.) ou son mode
de présentation… [27]
25
CHAPITRE 3 : ANALYSE ET CONCEPTION
III.5.3. CSS
Le terme CSS est l'acronyme anglais de Cascading Style Sheets qui peut se traduire par "feuilles
de style en cascade". Le CSS est un langage informatique utilisé sur l'internet pour mettre en forme
les fichiers HTML ou XML. Ainsi, les feuilles de style, aussi appelé les fichiers CSS, comprennent
du codequi permet de gérer le design d'une page en HTML.
Bien que l'HTML puisse être mis en forme à l'aide de balises prévus à cet effet, de nos jours il est
plus judicieux d'utiliser le CSS et de n'utiliser le XHTML que pour le contenu.
L'avantage de l'utilisation d'un fichier CSS pour la mise en forme d'un site réside dans la possibilité
de modifier tous les titres du site en une seule fois en modifiants une seule partie du fichier CSS.
Sans ce fichier CSS, il serait nécessaire de modifier chaque titre de chaque page du site (difficilement
envisageable pour les énormes sites de plusieurs milliers de pages).
D'autres points forts sont perceptibles. Il est par exemple possible de créer une feuille de style
spécifique pour l'impression des documents, ce qui permet de retirer tous les effets de style et toutes
les parties inutile lors de l'impression. De même, une feuille de style peut être utilisée pour les
utilisateurs d'un téléphone portable, ce qui permet de mieux gérer la mise en forme particulièrement
pour les petitsécrans de ces appareils. [5]
26
CHAPITRE 3 : ANALYSE ET CONCEPTION
III.5.4. JavaScript
JavaScript est un langage de programmation de scripts principalement employé dans les pages web
interactives mais aussi pour les serveurs2. C’est un langage orienté objet à prototype, c’est-à-dire
que les bases du langage et ses principales interfaces sont fournies par des objets qui ne sont pas des
instances de classes, mais qui sont chacun équipés de constructeurs permettant de créer leurs
propriétés, et notamment une propriété de prototypage qui permet d’en créer des objets héritiers
personnalisés. En outre, les fonctions sont des objets de première classe.
Le langage a été créé en 1995 par Brendan Eich (Brendan Eich étant membre du conseil
d'administration de la fondation Mozilla à cette époque) pour le compte de Netscape
Communications Corporation. Le langage, actuellement à la version 1.8.2, est une implémentation
de la 3e version de la norme ECMA-262 qui intègre également des éléments inspirés du langage
Python. La version 1.8.5 du langage est prévue pour intégrer la 5e version du standard ECMA3. [1]
27
CHAPITRE 3 : ANALYSE ET CONCEPTION
III.5.5. MySQL
MySQL est un serveur de bases de données relationnelles Open Source. Un serveur de bases de
données stocke les données dans des tables séparées plutôt que de tout rassembler dans une seule
table. Cela améliore la rapidité et la souplesse de l'ensemble. Les tables sont reliées par des relations
définies, qui rendent possible la combinaison de données entre plusieurs tables durant une requête.
Le SQL dans "MySQL" signifie : le langage standard pour les traitements de bases de données. [16]
III.5.5.1. Caractéristiques :
MySQL est un serveur de base de données relationnelle SQL qui a été développé avec des
performances de lecture élevées à l'esprit, ce qui signifie qu'il est conçu pour servir des
données déjà existantes plus que des mises à jour fréquentes et hautement sécurisées. Il est
multithread et multi-utilisateur.
Il s'agit d'un logiciel libre développé sous double licence selon qu'il est distribué avec un
produit libre ou avec un produit propriétaire. Dans ce dernier cas, la licence est payante,
sinon la licence publique générale GNU (GPL) est en vigueur. Les logiciels qui intègrent du
code MySQL ou intègrent MySQL lors de l'installation doivent être gratuits ou avoir une
licence payante.
Cependant, si la base de données est séparée du logiciel propriétaire qui ne fait qu'utiliser des API
tierces (par exemple en C# ou php), alors il n'y a pas besoin d'acquérir une licence payante MySQL.
Ce type de licence double est utilisé pard'autres produits comme le framework de développement de
logiciels Qt (pour les versions antérieures à la 4.5). [16]
28
CHAPITRE 3 : ANALYSE ET CONCEPTION
Star UML est un outil de modélisation de logiciels open source qui prend en charge le cadre
UML (Unified Modeling Language) pour la modélisation de systèmes et de logiciels. Il est basé sur
UML version 1.4, fournit onze types de diagrammes différents et il accepte la notation UML 2.0. Il
soutient activement l'approche MDA (Model Driven Architecture) en prenant en charge le concept
de profil UML et en permettant de générer du code pour plusieurs langues. [7]
29
CHAPITRE 3 : ANALYSE ET CONCEPTION
III.5.7. WordPress
WordPress est un Système de gestion de contenu (SGC) gratuit et open source. Il permet de créer
des sites Internet complets et variés, reposant sur une base de données MySQL. WordPress est le
leader incontesté des SGC, il propulse un très grand nombre de blogs et de sites de e-commerce.
WordPress offre une interface simple et personnalisable pour administrer les sites Internet et
publier des contenus, en s'installant directement sur un ordinateur. Le site Internet peut être hébergé
sur un serveur Web personnel ou via un service en ligne, puis mis à jour facilement depuis
l'ordinateur.
La gestion du site Internet peut être partagée entre différents utilisateurs, dont les droits peuvent
être restreints en fonction du profil : administrateur, éditeur, auteur, contributeur, et abonné. [15]
30
CHAPITRE 3 : ANALYSE ET CONCEPTION
III.6. Implémentation
Dans la section suivante, nous présenterons des instantanés des pages les plus importantes de
notre application Web.
Dans notre application, tout le monde peut se connecter s'il est déjà inscrit à partir du nom
d'utilisateur ou email et le mot de passe, nous pouvons le détecter s'il est :
Administrateur.
Enseignant.
Étudiant.
III.6.1.1. Administrateur
31
CHAPITRE 3 : ANALYSE ET CONCEPTION
L’administrateur ajouter un utilisateur et attribue son rôle dans une école coranique et voir tous
les utilisateurs qui ont été ajoutés.
32
CHAPITRE 3 : ANALYSE ET CONCEPTION
L'administrateur ajoute et modifie les rapports destinés aux étudiants et aux professeurs et voir
tous les rapports ajoutés.
III.6.1.2. Enseignant
Cette page présente l'interface générale de notre site Web qui est affichée aux enseignants, et à
travers cette page l'utilisateur peut se référer aux services de notre site Web tels que : Déconnexion.
33
CHAPITRE 3 : ANALYSE ET CONCEPTION
Les enseignants ajoutent et modifient des rapports pour les élèves, et ils peuvent voir tous les
rapports qu'ils ont ajoutés.
34
CHAPITRE 3 : ANALYSE ET CONCEPTION
III.6.1.2.5. Profil
36
CHAPITRE 3 : ANALYSE ET CONCEPTION
III.6.1.3. Etudiants
Permet à l’étudiant d'afficher la liste et le profil des enseignants, ainsi que la liste des
rapports.
Cette page présente l'interface générale de notre site Web qui est affichée aux étudiants, et à
travers cette page l'utilisateur peut se référer aux services de notre site Web tels que : Déconnexion.
37
CHAPITRE 3 : ANALYSE ET CONCEPTION
III.6.1.3.5. Profil
III.6.2. Conclusion
Dans ce chapitre, nous avons suivi un processus de modélisation pour développer notre
application web, basée sur le langage UML.
Nous avons présenté l'essentiel de notre travail en commençant par introduire la modélisation
UML et les principaux diagrammes pour l'application web.
Enfin, nous avons présenté un aperçu des pages et sections les plus importantes de notre
application web.
40
CONCLUSION GÉNÉRALE
CONCLUSION GÉNÉRALE
Le travail sur l'application Web a augmenté, en particulier sur les applications de gestion car
c'est l'un des domaines motivants et importants. Dans notre mémoire, nous avons introduit
l'application web de la gestion d’école coranique.
Dans ce travail, nous avons essayé de développer une application web pour toutes les écoles
coraniques. Dans cette application, nous avons essayé de rendre facilitez la gestion des écoles
coraniques et faciliter la communication entre les utilisateurs de l'école coranique et fournir à
l'étudiant tous les besoins pour faciliter la mémorisation.
[1] Ahmed AYADI & Abdelhakim BOUABDALLAH, commerce électronique Obstacles &
perspectives Cas de la Tunisie, Institut Superieur de Gestion de Tunis -Maitrise en Sciences Comptables
2001, dans la catégorie : Commerce et Marketing ic
[8] https://blog.openclassrooms.com/2018/12/13/meilleur-langage-de-programmation-
web/Samir ADOUANE. Intégration des moyens de médications dynamique des contenus sur le web.
Mémoire de magister, Université el Hadj Lakhdar Batna, Batna, 2007.
[9] https://docplayer.fr/1583703-Roques-programmeur-uml-2-modeliser-une-une-application-
web-4-e-e-edition.html. Accédé 2021.
[12] https://www.alticreation.com/blog/difference-developpeur-front-end-et-developpeur-back-
end/ accédé 2021.
[13] https://www.dclic.info/services/developpement-application-gestion-specifique/ accédé 2021.
[19] https://www.memoireonline.com/12/19/11386/m_Conception-et-realisation-d-une
application-web-de-la-gestion-de-recrutement-militaire-pour-le-cas9.html. Accédé 2021.
[21] Jazayeri, M. (2007, May). Some trends in web application development. In Future of
Software Engineering (FOSE'07) (pp. 199-213). IEEE
[22] Joseph Gabay& David Gabay, UML 2. ANALYSE ET CONCEPTION, Mise en œuvre avec
étude de cas, édition DUNOD, Paris, 2008, page 17
[23] Joseph GABAY. Merise et UML pour la modélisation des systèmes d'information, volume
5. Dunod edition, Mars 2004.
[24] L. Edouard, « Le e-commerce attend toujours ses premiers profits », Le nouvel Eco.com (22
mars 2002).
[26] Ounas, Mounir, Lyes Grouahan, and Abdellah Akilal. Conception et réalisation d'une
application web pour la gestion du service médecine du travail. Diss. Université Abderrahmane
Mira-Bejaia, 2018
[27] P. Roque, F. la conception, 4e édition EYROLLES, 2000.
[28] P. Roques, F. Vallée, les Cahiers du Programmeur UML2 : UML 2 en actionN°12104, 4e.
[29] Siddiqui, A. T., & Aljahdali, S. (2013). Web mining techniques in e-commerce applications.
arXiv preprint arXiv:1311.7388.
Ce mémoire présente une application web pour la gestion d'une école coranique. La gestion consiste
en la gestion des listes des apprenants, les enseignants et des rapports à télécharger.
This thesis presents a web application for the management of a Koranic school. Management
consists of the management of lists of learners, teachers and useful lessons as well as reports to
download.
تقدم هذه الرسالة تطبيق ويب إلدارة مدرسة قرآنية .يهدف التطبيق أساسا في إدارة قوائم المتعلمين والمعلمين ولبعض الدروس
المفيدة باإلضافة الى مجموعة من التقارير.