Memory Js
Memory Js
Memory Js
THEME
Conception d’un site web de location de
maison pour étudiant en ligne
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
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 :
5
PARTIE I : PRESENTATION GENERALE
I.1 HISTORIQUE :
-Parcours en Statistique ;
-Parcours en Commerce ;
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.
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.
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) :
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 :
II.2- Proposition :
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
III.1.1 MERISE :
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.
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 :
12
Chapitre IV Analyse du projet :
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.
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 ;
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.
IV.2.2 Utilisateurs
14
- Un logiciel de modélisation
- Un éditeur de code
-SQL : ce langage sera utilisé pour créer, modifier et extraire des données de
la base de données relationnelles ;
-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 ;
15
Chapitre V : Etude de l’existant dans le domaine
Système
d'exploitation Windows 10
Mémoire vive 16.0 Go
16
Mémoire physique 223 Go
Processeur 2.700 GHz
- Le plug-in PHP qui sera combiné avec le serveur Apache pour permettre la
visualisation des pages web dynamiques (écrites en PHP).
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.
18
Les besoins matériels et logiciels nécessaires de la conception à la réalisation
du projet sont au complet.
19
CHAPITRE VI : Conception du projet
VI.1.1 Acteur :
VI.1.2 Flux :
20
Figure 1 Flux du Modèle Conceptuel de Communication
2-Ajout d’une maison à louer sur le site web après la création du compte ;
VI.2.1 Evènement :
21
VI.2.2 Opération :
VI.2.3 Synchronisation :
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 :
-Date ;
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.1 Entité :
VII.2 Association :
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 :
Minimal :
-Une validation : Une facture ne peut être payé par plusieurs personnes.
25
Figure 3 Modèle Conceptuel de Données
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 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.
27
Figure 5 Modèle Physique des Données
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 :
-Le serveur web APACHE qui stocke des pages web et les envoie aux clients
sans les modifier ;
29
d’interface. Un SGBD est important pour un projet utilisant l’architecture
client/serveur ou C/S comme celui-ci.
-Définition des données : permet de créer des lignes, des tables et des
colonnes ;
-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.
30
VII.3.1.1 Niveau de description des données d’un SGBD :
- Conceptuel ou logique :
- Interne :
- Externe :
31
VII.3.1.2.1.1 Architecture Client/Serveur à deux niveaux ou deux
tiers :
32
VII.3.1.3 Quelques SGBD :
- Oracle :
Édité par Microsoft, on l’utilise avec ASP.NET le plus souvent, il est aussi
payant mais a des versions gratuites limitées ;
- PostgreSQL :
- MySQL :
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.
Désignation Description
Système d'exploitation aucune spécification
Serveur APACHE
Système de Gestion de Base de
Données MySQL
VIII.3.1 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.
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 :
- Déploiement :
35
Figure 6 MySQL Workbench sous Windows
36
Figure 7 shell mysql
37
VIII.3.3 PowerDesigner :
38
CHAPITRE IX PRESENTATION DU SITE WEB
DEVELOPPE
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.
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.
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.
40
CONCLUSION ET IDEES D’AMELIORATION
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.
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 ;
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.
ANNEXES
Questions posées lors des enquêtes :
Du côté des étudiants :
- S’il vous est difficile que diriez-vous d’un moyen plus rapide pour
chercher et louer une maison par exemple un site web ?
42
- Que pensez-vous de l’usage d’un site web pour faire croître votre
publicité auprès de ces personnes ?
43