Memory Js

Télécharger au format docx, pdf ou txt
Télécharger au format docx, pdf ou txt
Vous êtes sur la page 1sur 44

Université Des Comores

Institut Universitaire de Technologie

MEMOIRE DE FIN D’ETUDE POUR L’OBTENTION DU DUT EN


GENIE INFORMATIQUE

THEME
Conception d’un site web de location de
maison pour étudiant en ligne

Présenté et soutenu par : Muhammad Ben Ahamada

Encadreur pédagogique : Said Nourdine Ngazid

ANNÉE SCOLAIRE 2021-2022


Table des matières
AVANT-PROPOS............................................................................................................................3
REMERCIEMENTS........................................................................................................................4
PARTIE I : PRESENTATION GENERALE...................................................................................5
CHAPITRE I : PRESENTATION DE L’Institut Universitaire de Technologie...........................5
I.1 HISTORIQUE :...................................................................................................................5
I.2 Missions de l’IUT................................................................................................................5
I.3 L’administration :...............................................................................................................6
I.4 Les diplômes :.....................................................................................................................6
I.5 Conditions d’admission :.....................................................................................................7
CHAPITRE II : Présentation du projet.........................................................................................8
II.1- Problématique :................................................................................................................8
II.2- Proposition :.....................................................................................................................8
II.3- Les attentes :.....................................................................................................................9
II.4- Procédure :.......................................................................................................................9
PARTIE II : ANALYSE ET CONCEPTION DU SITE WEB........................................................10
CHAPITRE III : Méthodes utilisées........................................................................................10
III.1 Méthode de modélisation :..............................................................................................10
Chapitre IV Analyse du projet :....................................................................................................11
IV.1 Domaine d’utilisabilité.....................................................................................................11
IV.2 Nécessité du projet :.........................................................................................................11
Chapitre V : Etude de l’existant dans le domaine........................................................................14
V.1 Définition du projet...........................................................................................................14
V.2 Etude de l’existant :..........................................................................................................15
V.3 Viabilité du projet :...........................................................................................................15
V.4 Etude de faisabilité :.........................................................................................................16
CHAPITRE VI : Conception du projet........................................................................................18
VI.1 Modèle Conceptuel de Communication (MCC)...............................................................18
VI.2 Modèle Conceptuel de Traitement (MCT) :.....................................................................19

1
VI.3 Dictionnaire de données :...............................................................................................22
VII Modèle Conceptuel de Données (MCD) :.........................................................................23
VIII Modèle Logique de Données (MLD) :.............................................................................25
IX Modèle Physique de Données (MPD) :..............................................................................26
PARTIE III REALISATION DU PROJET :..................................................................................28
CHAPITRE VII : OUTILS DE REALISATION........................................................................28
VII.1 Le matériel.....................................................................................................................28
VII.2 Les logiciels :.................................................................................................................28
VII.3 Système de Gestion de Base de Données :.....................................................................29
CHAPITRE VIII Mise en œuvre et implémentation...................................................................34
VIII.1 Support matériel :.........................................................................................................34
VIII.2 Support logiciel :..........................................................................................................34
VIII.3 Présentation des outils de développement :..................................................................34
VIII.3.1 MySQL :...............................................................................................................34
VIII.3.2 Le serveur web Apache :.......................................................................................37
CHAPITRE IX PRESENTATION DU SITE WEB DEVELOPPE............................................38
IX.1 Description du site :........................................................................................................38
IX.2 Utilisateurs et fonctions :................................................................................................38
IX.3 Captures d’écran du site web réalisé :............................................................................38
IX.3.1 ACCUEIL :..............................................................................................................38

2
Liste des illustrations
Figure 1 Flux du Modèle Conceptuel de Communication..........................................................21
Figure 2 Modèle Conceptuel de Traitement.................................................................................22
Figure 3 Modèle Conceptuel de Données.....................................................................................26
Figure 4 Modèle Logique de Données...........................................................................................27
Figure 5 Modèle Physique des Données........................................................................................28
Figure 6 logo MySQL.....................................................................................................................34
Figure 7 logo de Apache.................................................................................................................37
Figure 8 logo de PowerDesigner....................................................................................................38

Liste des tableaux


Tableau 1 configuration de l'ordinateur pour la modélisation..................................................16
Tableau 2 configuration de l'ordinateur pour la programmation.............................................17

3
AVANT-PROPOS

Dans son évolution l’homme résout des problèmes pour rendre sa vie plus
facile ou invente des solutions pour pallier à des problèmes quotidiens plus
rapidement, dans ce contexte s’inscrit l’informatique qui s’applique presque
dans tous les domaines (médecine, industrie, …).

En restant dans ce contexte de facilité il est clair que pour un étudiant faire le
tour de toute une ville comme Moroni pour se trouver une maison pour
l’année scolaire est assez difficile vu les actions à entreprendre lors de la
recherche.

Ce que nous allons proposer comme solution est un outil qui permettra de
répertorier les maisons susceptibles d’être loué par des étudiants et qui leur
sera disponible depuis n’importe quelle plateforme fixe ou mobile (ordinateur
et smartphone).

4
REMERCIEMENTS

Comme se doit tout travail terminé il faut toujours remercier tous ceux qui
ont contribué de près ou de loin donc voilà pourquoi j’adresse mes plus
sincères remerciements :

- Au Président de l’Université Des Comores Docteur Ibouroi Ali


Tabibou ;
- A notre Directeur Mr Ahmed Bacar ;
- A notre Chef de département Mr Ahmed Abdullatif ;
- A mon encadreur pédagogique Mr Said Nourdine Ngazid.

Enfin, j’adresse mes interminables remerciements à mes parents, à la famille


et surtout à tous mes camarades du département de Génie Informatique et à
Mademoiselle Mdahoma Aïchat.

5
PARTIE I : PRESENTATION GENERALE

CHAPITRE I: PRESENTATION DE L’Institut


Universitaire de Technologie

I.1 HISTORIQUE :

L’Institut Universitaire de Technologie (IUT) anciennement ENAC est l’une


des composantes de l’Université Des Comores (UDC).

Les filières qui y sont dispensées sont :

-Parcours en Génie Informatique (GIF) ;

-Parcours en Statistique ;

-Parcours en Habitat et son environnement ;

-Parcours en Tourisme et Hôtellerie (TH) ;

-Parcours en Commerce ;

-Parcours en Gestion des Entreprises et des Administrations (GEA).

I.2 Missions de l’IUT


L’IUT a pour mission de former les futurs techniciens dans les différentes
filières citées dernièrement en l’espace de deux ans et de manière à ce qu’ils
puissent s’insérer facilement dans le monde professionnel.

6
I.3 L’administration :
L’administration de l’IUT est basée sur trois axes :

- La Direction ;
- Le Secrétariat divisé en deux groupes :
 La scolarité : elle se charge des démarches administratives
(inscription, transfert, changement d’orientation, …) ;
 Le service comptable gérant la comptabilité de l’institut.
- Les départements qui sont dirigés par :
 Dr Ahmed Abdullatif Génie Informatique (GIF) et aussi
directeur adjoint ;
 Oumouri Ahmed Gestion des Entreprises et des
Administrations (GEA) ;
 Djamaly Mohamed Commerce ;
 Mansour M’madi Hamadi Tourisme et Hôtellerie ;
 Mohamed Ahamada Ali Paul Habitat et son
Environnement.

I.4 Les diplômes :

Les diplômes délivrés à l’IUT sont de deux catégories :

- Les DUT pour tous les départements de l’Institut Universitaire de


Technologie délivré après avoir soutenu la deuxième année.

7
- Licences professionnelles : Mathématiques, Statistique et
Informatique Décisionnel (MSID), en informatique on a aussi
deux licences professionnelles distinctes :
 Parcours en Administration et sécurité des réseaux ;
 Parcours en Administration et sécurité des systèmes
d’information.

I.5 Conditions d’admission :

Pour être étudiant à l’IUT il faut passer un concours après avoir terminé les
modalités de préinscription. Les matières du concours diffèrent des types de
département pour les Départements scientifiques (GIF, Habitat et
Statistique) :

Maths, sciences physiques, anglais et français ;

Pour les Départements littéraires composés des départements restants on a :

Maths, anglais, français et arabe.

8
CHAPITRE II : Présentation du projet

Dans cette partie, nous allons présenter le projet en étudiant le contexte tout
en incluant les besoins requis pour sa conception et sa réalisation ainsi que les
résultats attendus.

II.1- Problématique :

La plupart des étudiants ou futurs étudiants de l’Université Des Comores qui


n’ont pas de maison à Moroni doit louer ce qui est en soit un problème vu le
temps qu’il faut pour en chercher selon des critères spécifiques surtout pour
les jeunes bacheliers n’ayant aucune expérience du milieu.
La difficulté réside dans le fait qu’un étudiant puisse trouver une maison ou
un logement qui permette de remplir les conditions pour y habiter ; c’est-à-
dire avoir la suffisance de l’eau, de l’électricité et des conditions d’hygiène
pour un étudiant.

II.2- Proposition :

Pour remédier à ce problème nous nous proposerons de répertorier à Ngazidja


selon des accords avec des propriétaires susceptibles de louer des maisons
aux étudiants sur un site web la liste de leurs maisons.

9
II.3- Les attentes :

Le site web doit être conçu de manière à ce que l’utilisateur puisse rechercher
une maison par rapport :
- Au quartier ;
- Au loyer.
Il devra aussi permettre l’accès à la description d’une maison donnée
(nombre de chambre, présence d’électricité, présence d’eau à l’intérieur) mais
aussi d’en réserver une.

II.4- Procédure :

Pour avoir une idée sur la conception, quelques propriétaires de maison ont
été approchés pour mener des enquêtes sur les modalités de location tout en
leur faisant part du projet et en même temps un recensement par quartier a été
fait.
Cette enquête permettra d’avoir une idée sur la modélisation du projet, des
différentes fonctionnalités et informations à traiter.

10
PARTIE II : ANALYSE ET CONCEPTION DU
SITE WEB

CHAPITRE III : Méthodes utilisées

III.1 Méthode de modélisation :


La méthode que nous avons choisie pour la modélisation du projet est la
méthode MERISE à cause de notre familiarité avec cette méthode depuis la
première année.

III.1.1 MERISE :

La Méthode d’Etude de Réalisation Informatique pour les Systèmes


d’Entreprise (MERISE) est une méthode de modélisation général dans le
domaine du génie logiciel, du développement de système d’information et de
la gestion du projet.

Elle est introduite pour la première fois aux années 80, elle a été largement
utilisée en France, développée affiné au point d’être considéré comme
standard par les organisations gouvernementales, commerciales et
industrielles. MERISE procède à un traitement séparé des données et des
processus, où la vue orientée données est modélisée en trois étapes, du
conceptuel au physique en passant par le modèle logique.

De même, la vision orientée processus, la vue est modélisée en trois étapes


conceptuelle, organisationnelle et opérationnelle. Cette méthode d’analyse est

11
basée sur le modèle entité-relation, en l’utilisant on peut concevoir des tables
avec des relations pour créer une base de données relationnelle.

Quelques modèles :

- Modèle Libre MLB :

Permet de modéliser graphiquement selon les besoins : architecture du


système et des applications, scénarios de cas d’utilisation des applications,
organigrammes, ou même utiliser sa propre méthode.

- Modèle Orientée Objet :

Permet d’utiliser des objets dont l’interaction produit certaines opérations et


qui constituent dans leur ensemble un système d’informations.

- Modèle de Traitement Merise :

Spécifie la façon dont les données sont traitées dans le système


d’information. Ces modèles peuvent être importés depuis le logiciel
spécialisé méthodologie Merise « Mega ».

12
Chapitre IV Analyse du projet :

IV.1 Domaine d’utilisabilité

Notre projet porte sur la location de maison susceptible d’être loué par des
étudiants via un site web, il fait intervenir deux acteurs qui sont les
propriétaires et les étudiants.

IV.2 Nécessité du projet :

Pour mettre ce projet en application nous mènerons des enquêtes auprès des
propriétaires de maison dans différents quartiers de Moroni en leur parlant du
projet et des conditions d’usage ainsi que le recensement de leurs avis.

Un recensement des avis auprès des promoteurs du projet qui sont les
étudiants pour savoir ce qu’ils en pensent d’un tel projet.

Ces enquêtes ont fait jaillir deux problèmes des deux côtés :

- Les propriétaires n’ont pas une vaste communication de leur maison ainsi
que des conditions de location ;

- Les étudiants perdent beaucoup de temps et d’autre moyens pour se trouver


une maison selon leurs critères.

13
IV.2.1 Processus de location :

Dans cette partie nous démontrons la démarche à suivre pour louer une
maison en ligne.

Un propriétaire crée un compte sur le site web et ajoute des maisons dans son
espace en remplissant deux formulaires un pour l’inscription et un autre pour
l’ajout de la maison, cette dernière action permettra au visiteur de voir la
maison en allant dans la zone d’affichage des maisons, d’accéder à la
description pour plus d’information et enfin la réservation.

Après réservation le propriétaire va analyser les informations remplies par le


visiteur et peut décider s’il accepte ou pas en notifiant le visiteur à son tour.

IV.2.2 Utilisateurs

Les utilisateurs du site web sont les deux acteurs du projet :

- Les propriétaires : déclenchant le processus en ajoutant une maison sur le


site ;

- Le visiteur (étudiant) : qui peut rechercher et louer une maison.

IV.2.3 Besoins matériels

Pour la conception et la réalisation du projet on a besoin de deux ordinateurs


portables.

IV.2.4 Besoins logiciels et technologiques

Nous avons besoins de logiciel pour la conception et de technologie web pour


la programmation parmi eux :

14
- Un logiciel de modélisation

- Un éditeur de code

- PHP : langage de programmation compris seulement des serveurs et qui


permet de créer des sites dynamiques c’est aussi lui qui génère la page web il
y a d’autres langages pour créer des sites dynamiques ;

-SQL : ce langage sera utilisé pour créer, modifier et extraire des données de
la base de données relationnelles ;

-JavaScript : on l’utilisera pour afficher des boîtes de dialogue à l’écran, pour


changer du contenu HTML sans recharger la page ;

-HTML : il sert à écrire ce qui doit être affiché sur la page web (titre, menu,
…) son rôle est donc la gestion et l’organisation du contenu ;

-CSS : langage permettant de gérer l’apparence de la page web (couleurs,


positionnement, …)

- La librairie JQuery : c’est un ensemble de méthode JavaScript visant à


rendre l’usage du JS plus facile ;

-AJAX : technique consistant à utiliser du JavaScript pour modifier la page


pendant qu’elle est visitée en échangeant des données avec le serveur ce qui
rend les pages plus dynamiques.

15
Chapitre V : Etude de l’existant dans le domaine

V.1 Définition du projet

Le projet se base dans le domaine de l’immobilier pour permettre aux


étudiants de se trouver une maison en ligne rapidement selon des critères bien
définis.

Actuellement l’agence immobilière I2A possède un site web gérant la


location des maisons de ses clients et la vente de leurs terrains, le problème
c’est que cet agence, l’agence AMANI et CORNICHE immobilier n’ont pas
des maisons susceptibles d’être loué par des étudiants mais plutôt des villas,
des locaux et autres.

Donc voilà le problème qui a poussé la conception d’un tel projet.

V.2 Etude de l’existant :


Dans cette partie nous allons mettre en évidence ce que nous possédons et
utiliserons pour la réalisation du projet.

V.2.1 Matériels existants :

Deux ordinateurs portables l’un servant à la programmation et de serveur


local et l’autre pour la modélisation du projet dont les configurations sont les
suivantes.

Tableau 1 configuration de l'ordinateur pour la modélisation

Système
d'exploitation Windows 10
Mémoire vive 16.0 Go
16
Mémoire physique 223 Go
Processeur 2.700 GHz

Tableau 2 configuration de l'ordinateur pour la programmation

Système Linux Ubuntu 20.04


d'exploitation LTS 64-bit
Mémoire vive 3.7 GB
Mémoire physique 320 GB
Processeur 2.40 GHz * 2

V.2.2 Logiciels existants :

- Le logiciel de modélisation PowerDesigner anciennement PowerAMC :


crée par la société SAP, qui permet de modéliser les traitements
informatiques et leurs bases de données associées ;

- L’éditeur de code Visual Studio Code VS Code ;

- Un serveur web Apache ;

- Un Système de Gestion de Base de Données (SGBD) MySQL ;

- Le plug-in PHP qui sera combiné avec le serveur Apache pour permettre la
visualisation des pages web dynamiques (écrites en PHP).

V.3 Viabilité du projet :

17
Vu qu’il y a déjà des demandeurs attendant la réalisation d’un tel produit
désignant donc le maître d’ouvrage et une personne pouvant fournir le
produit attendu désignant le maître d’œuvre on peut parler de projet.

- Maître d’ouvrage : toute personne organisation ayant des besoins qui


définit les résultats attendus du projet, le délai de réalisation et les
ressources nécessaires on l’appelle aussi MOA.
Pour nous le maître d’ouvrage (MOA) est l’ensemble des étudiants
voulant louer des maisons à Moroni ;

- Maître d’œuvre : C’est la personne ou la société qui va avoir comme


tâche la conception et la réalisation du projet répondant aux besoins du
MOA selon les conditions de ce dernier, on l’appelle aussi MOE.

Muhammad Ben Ahamada en licence 2 de génie informatique va assurer la


conception et la réalisation du projet.

V.4 Etude de faisabilité :


Ici nous allons voir si un tel projet est réalisable et s’il servira vraiment après
réalisation.

V.4.1 Faisabilité organisationnelle :

D’après les enquêtes et recensements faites auprès des propriétaires de


maison et des étudiants les résultats laissent croire qu’un tel projet sera
viable.

V.4.2 Faisabilité technique :

18
Les besoins matériels et logiciels nécessaires de la conception à la réalisation
du projet sont au complet.

- Un éditeur de texte pour la programmation ;


- Un logiciel de modélisation ;
- Un serveur local pour les tests.

19
CHAPITRE VI : Conception du projet

Ce chapitre est consacré à l’analyse du système d’information avec la


méthode MERISE citée plus haut et de l’usage du logiciel de modélisation
POWERAMC pour représenter les différents modèles.

VI.1 Modèle Conceptuel de Communication (MCC)

C’est un modèle schématique représentant toutes les échanges du système se


basant sur les concepts d’acteur et de flux. Il va servir de base pour
l’élaboration du Modèle Conceptuel de Traitement.

VI.1.1 Acteur :

Un acteur est une entité intervenant au système au moyen de flux, il peut


appartenir au domaine d’étude dans ce cas il est interne et est représenté par
un cercle dans le cas contraire il est externe et représenter par un cercle en
pointillé.

VI.1.2 Flux :

C’est l’échange d’information entre deux ou plusieurs acteurs du Système


d’Information, il est représenté par une flèche portant un numéro la plupart
du temps pour éviter la surcharge du schéma. Un flux peut être du matériel,
un financement ou une information.

20
Figure 1 Flux du Modèle Conceptuel de Communication

1-Création d’un compte sur le site web ;

2-Ajout d’une maison à louer sur le site web après la création du compte ;

3-Demande de location après recherche ;

4-Réponse suite à la demande de location du visiteur (client).

VI.2 Modèle Conceptuel de Traitement (MCT) :


Il s’agit d’un schéma décrivant les traitements des données au sein de
Système d’Information, il cherche à décrire ce qu’on veut obtenir. On a
quatre concepts :

VI.2.1 Evènement :

C’est un flux provoquant le lancement d’une opération qui fournira un


résultat on parle aussi de Modèle Evènement Résultat.

21
VI.2.2 Opération :

C’est un ensemble d’action élémentaire exécuter de façon interruptible.

VI.2.3 Synchronisation :

Condition booléenne et temporelle liant les événements déclenchant une


opération grâce aux opérateurs logiques ET ou OU.

VI.2.4 Règle d’émission :

Condition sous laquelle un résultat d’évènement(s) est produit par une


opération. Une opération peut avoir une ou plusieurs règle d’émission dans le
cas où il n’y a aucune règle d’émission l’émission de l’évènement est
inconditionnelle et on utilise la règle « Toujours ».

Figure 2 Modèle Conceptuel de Traitement

VI.3 Dictionnaire de données :

VI.3.1 Données ou Propriétés :

Les données à partir de sources de données qui peuvent être des formulaires
d’inscription, fiche de suivi, des interviews etc.

22
VI.3.3 Valeurs ou Occurrences :

Il s’agit des valeurs des propriétés (mangani est une occurrence de la


propriété quartier).

VI.3.3 Les types de données :

Les données doivent être formalisées de manière à être compris par le


Système de Gestion de Base de Données qui assurera leur gestion. Les
différents types sont :

- Alphabétique : que des caractères ;

-Alphanumérique : des caractères combinés à des chiffres ;

-Numérique : des chiffres ;

-Date ;

-Logique : 0, 1, vrai, faux.

VI.3.4 Concept ou Entité :

C’est une information qui peut être décomposée en plusieurs propriétés.

Tableau 3 Dictionnaire de données

Nom Type Taille Condition


Nom alphabétique 55
Prénom alphabétique 55
Adresse alphanumérique 25
Téléphone numérique 25
Login alphanumérique 25
mot de passe alphanumérique 25

23
Quartier alphanumérique 55
Eau alphabétique 3
Electricité alphabétique 3
si
Avance numérique 2 demandé

obligatoir
photo alphanumérique 10000 e

obligatoir
durée numérique 25 e

obligatoir
nombre de chambre numérique 25 e

VII Modèle Conceptuel de Données (MCD) :

Il s’agit d’une représentation des données facilement compréhensible à l’aide


d’association, d’entité, de cardinalité et de règle de gestion.

VII.1 Entité :

Objet concret ou abstrait du Système d’Information décrit par une liste de


propriétés désignant un ensemble de même type. Les valeurs de ces
propriétés désignent ce qu’on appelle une occurrence d’entité. Une entité est
identifié de manière unique par une propriété appelé identifiant «id ».

VII.2 Association :

Représentation d’une relation entre entités ayant un intérêt pour la base de


données, la plupart du temps une relation peut être un verbe. Selon le nombre
d’entité lié par la relation on a :

24
- Une relation binaire s’il s’agit de deux entités ;
- Une relation tertiaire pour trois entités ;
- Une relation n aire pour n entités « n étant un entier positif »

VII.3 Cardinalité :

Ce sont des couples de valeur (min, max) que l’on trouve entre chaque entité
d’une association, on distingue deux types de cardinalité :

Maximal :

Le maximum de fois qu’une même occurrence d’entité intervient dans


l’association, si elle intervient au plus une fois on a le chiffre 1 si elle
intervient plusieurs fois on a l’entier n.

Minimal :

L’opposé de la cardinalité maximal si l’occurrence n’intervient aucune fois


on a le chiffre 0 si au moins une fois on a le chiffre 1.

VII.4 Règle de gestion :

Expression littéral définissant l’intégrité et la sémantique des données il y a


quatre types :

-Une définition : Un étudiant est définit par son numéro de matricule ;

-Un fait : Tout département n’a qu’un seul chef ;

-Une Formule : Calcul du Taux Hors Taxe (THT) ;

-Une validation : Une facture ne peut être payé par plusieurs personnes.

25
Figure 3 Modèle Conceptuel de Données

VIII Modèle Logique de Données (MLD) :

Ce modèle est issu de modification apportée sur le MCD en lui enlevant ses
relations selon des règles bien définis.

Les entités deviennent des tables, et les identifiants deviennent les clés
primaires de ces tables. Les règles particulières :

-Pour les relations de type père-fils c’est-à-dire où on a les cardinalités (0, n)


à (0, 1) ou (1, 1) ou bien (1, n) à (0, 1) ou (1, 1) la clé primaire du père vers le
fils et la relation disparaît en laissant ses propriétés au fils ;

-Pour les relations de type n à n dont les cardinalités sont (0, n) à (0, n) ou (1,
n) ou bien (1, n) à (0, n) ou (1, n), ici l’association disparaît et la relation

26
devient une table dont la clé primaire est une concaténation des clés primaires
des entités de l’association.

Figure 4 Modèle Logique de Données

IX Modèle Physique de Données (MPD) :

Ce modèle représente l’organisation des données selon un Système de


Gestion de Base de Données retenu qui est souvent sous la forme de table
contenant des colonnes « champs ». La structure en table du modèle
relationnel est gardée en y ajoutant le type des données des colonnes.

27
Figure 5 Modèle Physique des Données

IX.1 Transcription SQL du Modèle Physique de Données :

Cette technique consiste à utiliser des requêtes de type Structured Query


Language (SQL) pour créer la base de données et créer à l’intérieur les tables
du modèle.

PARTIE III REALISATION DU PROJET :

CHAPITRE VII : OUTILS DE REALISATION


Ici nous allons parler des outils de réalisation du projet tant bien matériel que
logiciel.

28
VII.1 Le matériel
Le matériel que nous utiliserons pour la réalisation du projet est tout
simplement un ordinateur portable qui servira pour la programmation et aussi
de serveur local dont la configuration a été illustré dans le tableau 2 :

VII.2 Les logiciels :

Pour ce qui est des logiciels on utilisera :

-L’éditeur de code Visual Studio code, VS Code, pour nous permettre de


créer le code nécessaire à la programmation de l’application ;

-Le serveur web APACHE qui stocke des pages web et les envoie aux clients
sans les modifier ;

-Le Système de Gestion de Base de Données MySQL car plus utilisé.

VII.3 Système de Gestion de Base de Données :

Un Système de Gestion de Base de Donnée SGBD, est un logiciel prenant en


charge la structuration, le stockage, la mise à jour et la maintenance des
données.

Pour manipuler une base de données les utilisateurs utilisent un langage


d’interrogation comme le Structured Query Language SQL qu’ils doivent
combiner avec le SGBD pour avoir une réponse ce qui explicite le rôle

29
d’interface. Un SGBD est important pour un projet utilisant l’architecture
client/serveur ou C/S comme celui-ci.

VII .3.1 Utilités d’un SGBD :

Voici quelques utilités d’un SGBD :

-Définition des données : permet de créer des lignes, des tables et des
colonnes ;

-Indépendance physiques des données : les données sont définies


indépendamment de la structure de stockage qui sera utilisé ;

-Indépendance logique des données : les mêmes données peuvent être


perçues de manière différente d’un utilisateur à l’autre ;

-Recherche des données : Il permet de trouver une information rapidement ;

-Centralisation des données : toute les données doivent être centralisées dans
une même structure ;

-Sécurité et intégrité des données : les données doivent être protéger contre
des personnes ou des programmes malveillants en définissant des droits pour
chaque type d’utilisateurs.

-Non redondance des données : pour des soucis de mise à jour une donnée ne
peut être plusieurs fois dans une même table.

-Partage des données : permettre l’accès aux mêmes données à plusieurs


utilisateurs au même moment.

30
VII.3.1.1 Niveau de description des données d’un SGBD :

On distingue trois niveaux :

- Conceptuel ou logique :

Description de la structure des données, de leurs propriétés sans soucis


d’implémentation physique ni de la façon dont chaque groupe va s’en servir ;

- Interne :

Ce niveau est responsable de l’organisation physique des données ainsi que


de l’usage de telles ou telles méthodes ;

- Externe :

Description de la perception des données pour chaque utilisateur, le modèle


de description des données dépend du langage de manipulation de données
utilisé.

Remarque : On a qu’un seul niveau conceptuel et interne par contre il existe


plusieurs niveaux externes.

VII.3.1.2 Architecture d’un SGBD :

VII.3.1.2.1 Architecture Client/Serveur :

Hiérarchie mettant en jeu un serveur de données gérant les données partagées


d’une part et de l’autre des clients organisés en différents niveaux utilisant
des requêtes de type question réponse.

31
VII.3.1.2.1.1 Architecture Client/Serveur à deux niveaux ou deux
tiers :

Architecture composé par :

-Un serveur exécutant le SGBD et éventuellement des procédures


applicatives.

-Des clients exécutants des applications et la présentation des données

VII.3.1.2.1.2 Architecture Client/Serveur à trois niveaux ou trois


tiers :

-Un serveur exécutant le SGBD et éventuellement des procédures


applicatives ;

-Un serveur exécutant le corps des applications ;

-Des clients responsables des dialogues et la présentation des données selon


les standards du web.

VII.3.1.2.2 Architecture répartie :

Afin de répondre à la tendance centralisatrice de l’approche Client/Serveur,


certains SGBD préconisent une architecture répartie qui fait interagir
plusieurs serveurs gérant un ensemble base de données perçus comme une
seule par ses utilisateurs.

32
VII.3.1.3 Quelques SGBD :

Il existe plusieurs SGBD nous allons présenter quelques-uns :

- Oracle :

Le plus complet, célèbre et puissant. Il est malheureusement payant ce qui le


réserve aux entreprises cependant il existe des versions gratuites ;

- Microsoft SQL Server :

Édité par Microsoft, on l’utilise avec ASP.NET le plus souvent, il est aussi
payant mais a des versions gratuites limitées ;

- PostgreSQL :

Il est libre et gratuit comme MySQL, proposant des fonctionnalités plus


avancées il est parfois comparé à Oracle mais il a une plus petite
communauté qu’Oracle et MySQL ;

- MySQL :

Libre, gratuit, performant et le plus utilisé ce qui explique notre choix.

33
CHAPITRE VIII Mise en œuvre et implémentation

C’est dans cette que serons présentées les différents supports du site web et
les outils de développement en détail.

VIII.1 Support matériel :


Le site web est accessible sur n’importe quelle plateforme à condition d’avoir
une connexion internet et un navigateur web, mais les écrans larges comme
les tablettes sont mieux vu que la responsivité n’est pas totalement gérée, ce
problème peut aussi être réglé en utilisant la fonctionnalité version pour
ordinateur de chrome.

VIII.2 Support logiciel :


L’environnement logiciel sous lequel le site fonctionne est le suivant :

Désignation Description
Système d'exploitation aucune spécification
Serveur APACHE
Système de Gestion de Base de
Données MySQL

VIII.3 Présentation des outils utilisés :

VIII.3.1 MySQL :

Figure 6 logo MySQL

34
MySQL est un Système de Gestion de Base de Données relationnelle
SGBDR cela veut qu’il organise les données en une ou plusieurs tables dont
dans lesquelles les données peuvent être liées les uns aux autres.

Son nom est vient de la combinaison de My le nom de la fille du co-fondateur


Michael Widenius et SQL.

MySQL est gratuit open source selon les termes de la licence publique
générale GNU mais est aussi le SGBD le plus utilisé disposant d’une grande
communauté proche d’Oracle.

- Les limites :

Parmi ses limites, l’usage de moteurs de stockage de base de données autre


que celui par défaut InnoDB, MySQL n’est pas conforme à la norme SQL
complète pour certaines des fonctionnalités implémentées y compris les
références des clés étrangères, les contraintes de vérification sont analysées
mais ignorées par tous les moteurs avant la version 8.0.15 MySQL.

- Déploiement :

MySQL peut être crée et installé manuellement à partir du code source en


utilisant par exemple le système de gestion des packages des distributions
Linux mais on le fait généralement à partir d’un package binaire comme
XAMPP.

Interface Utilisateur Graphique GUI :

La notion de GUI est un type d’interface permettant aux utilisateurs


d’interagir avec un programme à l’aide d’icônes graphiques, pour MySQL il
existe plusieurs interfaces graphiques parmi eux MySQL Workbench,
DBEdit, D Castor.

35
Figure 6 MySQL Workbench sous Windows

Interface de ligne de commande :

Une interface de ligne de commande permet aux utilisateurs d’un programme


d’interagir avec en utilisant des commandes il y en a plusieurs parmi eux le
shell mysql.

36
Figure 7 shell mysql

VIII.3.2 Le serveur web Apache :

Figure 7 logo de Apache

Apache est ce qu’on appelle un serveur web. Il s’agit du plus important de


tous les programmes, car c’est lui qui est chargé de délivrer les pages web
aux visiteurs. Cependant Apache ne gère que les sites statiques (codés en
HTML) il faut le compléter avec d’autres programmes pour qu’il puisse gérer
les sites dynamiques comme le plug-in PHP.

37
VIII.3.3 PowerDesigner :

Figure 8 logo de PowerDesigner

PowerDesigner (anciennement PowerAMC) est un logiciel de conception


créé par la société SAP, qui permet de modéliser les traitements
informatiques et leurs bases de données associées.

Il permet de travailler avec la méthode Merise ce qui étaye notre choix .

38
CHAPITRE IX PRESENTATION DU SITE WEB
DEVELOPPE

IX.1 Description du site :

Le produit obtenu à la fin du projet est un site web se basant sur l’architecture
Client/Serveur qui servira à tout étudiant voulant louer une maison à Moroni
et ce de la recherche à la location.

Pour se faire plusieurs étapes doivent être suivis

IX.2 Utilisateurs et fonctions :

Les utilisateurs du site web sont au nombre de deux qui sont les principaux
acteurs du système d’information :
Le propriétaire d’une maison à louer : le propriétaire d’une maison à louer est
celui qui va donner de l’utilité au site en créant un compte pour pouvoir
poster des maisons à louer sur le site dont il peut assurer la gestion.

L’étudiant : ses actions ne peuvent être réalisées avant celles du propriétaire


citées ci-dessus.

Il peut rechercher une maison mais ne peut aucunement louer à condition


qu’il est au préalable créé un compte et de s’y être connecté pour pouvoir
effectué une demande de location.

IX.3 Captures d’écran du site web réalisé :

Pour mettre de l’eau à la bouche du lecteur ici nous lui offrirons des visuels
du site web montrant ses différentes parties mais on ne va pas faire un
enchaînement sur les processus qui s’y déroulent.

39
IX.3.1 ACCUEIL :
La page d’accueil est la première interface que rencontre le visiteur avant
toute chose.

Dans cette partie on voit une vidéo expliquant ce que met en avant le site et
des onglets représentants des options de navigation.

IX.3.1 PAGES D’AUTHENTIFICATION :


Les pages d’authentification sont au nombre de deux, une page
d’authentification pour le propriétaire d’une maison et une autre pour
l’administrateur du site tout entier, ci-dessous sont illustrés des images de ces
deux pages.

IX.3.1 PAGES D’ADMINISTRATION :


Les pages d’administration sont aussi au nombre de deux et permettent
d’accomplir plusieurs tâches selon les droits définis par exemple la possibilité
donnée au propriétaire de gérer les informations de son propre profil, ou les
informations des maisons qu’il fait louer sur le site. Du côté administrateur il
y a la possibilité de supprimer un propriétaire ainsi que de bloquer la vue
d’une ou plusieurs de ces maisons et peut accéder à plusieurs informations
c’est lui qui a tous les droits qui sont définis.

40
CONCLUSION ET IDEES D’AMELIORATION

Pour résumer, le projet traité dans ce mémoire vise à apporter un moyen


rapide de recherche et de location de maison pour les étudiants voulant louer
des maisons à Moroni.

La réalisation répond évidemment aux besoins du cahier de charge, mais


comme pour tout projet informatique réalisé il y a toujours des idées
d’amélioration venant de l’expérience des utilisateurs mais aussi qui peuvent
venir des concepteurs, ce qui fait référence à la notion de « mise à jour ».

Dans notre cas une des idées d’amélioration serait de faire du site un site qui
est « mobile friendly » c’est-à-dire que le site devra avoir un design qui peut
mettre à l’aise les utilisateurs de smartphone qui sont les plus nombreux, tout
comme le sont les utilisateurs d’ordinateur fixe ou portable.

Les avantages tirés de la conception à la réalisation de ce projet sont plusieurs


parmi eux :

La pratique de ce que nous avons acquis au cours des deux ans passés à
l’Institut Universitaire de Technologie, qui nous a permis d’avoir une idée sur
notre capacité à affronter le milieu professionnel du domaine de
l’informatique ;

La découverte de nouvelles technologies et API qui s’utilise dans le domaine


comme l’API WhatsApp permettant de discuter avec un numéro sur
WhatsApp en suivant un lien depuis le site web.

Pour mettre fin à cette rédaction bien que nous soyons fier du travail réalisé,
son produit ne constitue qu’une ébauche pour d’autres fonctionnalités à venir
et nous pensons être à la hauteur des attentes comme nous l’avons été en
réalisant ce travail.

41
BIBLIOGRAPHIE
Définition du serveur web Apache tiré du livre Concevez votre site web avec
PHP et MySQL sur le site du zéro http://www.siteduzero.com/boutique-614-
107-concevez-votre-site-web-avec-php-et-mysql.html.

Définition des langages HTML et CSS tiré du livre « réalisé votre site web
avec html5 et css3 » sur le site du zéro
http://www.V3.siteduzero.com/boutique-614-640-realisez-votre-site-web-
avec-html5-et-css3.html?tab=3l.

Définition de MySQL, article consulté sur Wikipédia le 27 août 2022.

Définition de Merise tiré de l’article Merise (informatique) consulté le 27


août 2022 sur Wikipédia.

ANNEXES
Questions posées lors des enquêtes :
Du côté des étudiants :

- Est-il facile pour vous de louer une maison ici à Moroni ?

- S’il vous est difficile que diriez-vous d’un moyen plus rapide pour
chercher et louer une maison par exemple un site web ?

Du côté des propriétaires :

- Ne voudriez-vous pas améliorer votre manière d’informer les gens sur


la disponibilité de vos maisons en location ?

42
- Que pensez-vous de l’usage d’un site web pour faire croître votre
publicité auprès de ces personnes ?

- Quelles informations avez-vous besoin de savoir venant des


demandeurs de location ?

- Avez-vous des exigences strictes ?

43

Vous aimerez peut-être aussi