Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

Application web pour la gestion du parc auto de la province

No description
by

ali benadada

on 23 June 2014

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of Application web pour la gestion du parc auto de la province

Plan
Introduction
Objectifs
Planning
Cahier des charges techniques
Cahier des charges de gestion
Analyse de données
Conception du site Web
Introduction
Dans le cadre de nos études pendant ce semestre, nous sommes amenés à réaliser des projets tuteurés qui rassemblent différentes disciplines de notre formation, et cela en favorisant le travail en groupe, le suivi et l’encadrement.
Pour notre groupe a comme projet la réalisation d’une application web pour la gestion d’un parc automobile en suivant des procédures et des démarches qui vont être détaillées dans les parties suivantes.
Nous avons choisi d’étudier un cas réel, c’est celui du parc auto de la province d’El HAJEB, en s’appuiyant sur le cahier des charges de cette dernière et en essayant le plus possible d’apporter des améliorations pour rendre cette gestion plus facile.

Objectifs
Dans la réalisation de notre projet, nous avons à suivre des procédures essentielles, telles que la création de la base de données, les interfaces web, … etc), et afin d’améliorer et faciliter la gestion du parc auto de la province d’El Hajeb en l’informatisant et en cherchant suggestions jugées utiles dans notre travail.

planning
Cahier des charges techniques
1. Exigences fonctionnelles
2. Arborescence du site
3. Documentation avec la possibilité d' impression
4. Charte graphique
5. Environnement de développement
1. Exigences fonctionnelles
1.1 Fonctionnalités:
1. Exigences fonctionnelles
1.2 Administration:
2. Arborescence du site(1)
MERCI DE VOTRE ATTENTION
Application web pour la gestion du parc auto de la province d'EL HAJEB
Benadada Mohammed Ali
Elghomari Youness
Belghazal Zakaria
Choumi Wail
Encadré par:
M. Bouchakor
Réalisé par:
Projet tuteuré:
INSTITUT SUPERIEUR DU GENI APPLIQUE
3 ISI
Année universitaire 2013/2014
2
3
4
5
6
page d'acceuil
page du menu
page informelles
documentation et impression
7
-Administration technique:
gestion du paramétrages du site
-Administration du contenu:
authentification des utilisateurs
ajout /modification / suppression des profils (administrateurs /utilisateurs)
ajout / modification / suppression de rubriques, du contenus (images /texte)
ajout / modification / suppression des actualités (activation / désactivation)
ajout / modification / suppression des fichiers à télécharger (activation / désactivation)
7
9
3. Documentation et impression
Le site contient des rapports que les utilisateurs peuvent consulter et imprimer
13
4. Charte graphique(1)
5. Environnement de développement
Développement statique:
HTML
CSS
Javascript
Développement dynamique:
PHP

17
14
Outils et programmes utilisés
HTML: création des formes des pages
CSS: design du site
Javascripts: création des fonctions du site
PHP: développement dynamique du site
PHPmyadmin: traitement du code PHP
localhost: exécution du code PHP
création de la base de données
Dreamweaver
WampServer
AnalyseSI - MySQL
18
Une page se compose d'un mot de bienvenu avec le nom de l'utilisateur en haut au centre de la page, le nom de l'application en haut à gauche, un bouton de déconnexion à l'extrême droite et une barre de menus ci-dessous. cette partie ne change pratiquement pas dans toutes les pages. Seuls les noms de rubriques qui s'ajoutent à ce contenu.
4. Charte graphique(2)
Un menu se trouvant au milieu de la page principale contient toutes les rubriques du site sous formes de boutons désignés par des icônes et munis des leurs nom.
Chacun de ces boutons mène à une page spécifique contenant le menu de la rubrique sélectionné, et cela en gardant la même structure de la page principale.
Le fond des pages est sous forme d'un arrière plan de couleur grise.
Les textes dans les pages sont tous en noir.
Les textes en gras sont: le nom de l'application, le nom de l'utilisateur et le bouton de déconnexion.

4. Charte graphique(3)
16
15
Cahier des charges de gestion(1)
Le parking automobile de la province d’El Hajeb contient 92 voitures de différents types. Quelques-unes sont gérées par ordre de mission du gouverneur, et d’autres sont gérées par le chef du parking qui, établit aussi la gestion des techniciens et des chauffeurs pour différents services dans la région d’El Hajeb (travaux de constructions ou de surveillance de prix sur les souks hebdomadaires…), et ces derniers sont avec des ordres de missions du gouverneur.
19
Cahier des charges de gestion(2)
Pour le carburant les chefs de service et les chauffeurs utilisent des billets de commande qui peuvent être utilisées à n’importe quelle station de service.
L’entretien des automobiles se fait dans un garage de mécanique à la ville d’El Hajeb. Et pour quelques voitures, l’entretien et la maintenance se font chez les concessionnaires de ces voitures.
20
Analyse de données
Dictionnaire de données
Modèle conceptuel de données
Modèle logique de données
21
1. Dictionnaire de données(1)
22
1. Dictionnaire de données(2)
23
2. Modèle conceptuel de données
24
3. Modèle logique de données
25
Conception du site web
authentification
connexion à la base de données
consultation
mise à jour
26
- La page d’authentification contient deux zones de texte avec le contrôle de saisie.
- Si l’utilisateur existe dans la base on va vérifier son type pour s’avoir sur quelle page d’accueil on va le rediriger s’il n’existe pas il reste sur la page d’authentification.

L'authentification
Conception du site web(1)
27
Conception du site web(2)
Connexion à la base de données
- On fait appelé à un fichier contenant le code de connexion lorsqu’on veut établir une connexion avec la base.
- La connexion contient une gestion d’exception si le serveur est arrêté ou la base n’existe pas, on reçoit un message d’erreur.

28
Conception du site web(3)
Consultaion
- On affiche la table demandé à m'aide d'une requête.
- Il n’existe aucune gestion des exceptions pour la consultation sauf celui de la connexion avec la base.
- S’il s’agit d’une recherche en envoyant une requête avec un critère (avec le contrôle de saisie de critère).

29
Conception du site web(4)
La mise à jour
la modification
l'ajout
la suppression
30
Simulation
31
Conclusion
Le projet tuteuré nous a permit aussi d'apprendre les bonnes méthodes pour mener un travail de groupe coopératif et sérieux, en favorisant la répartitions des tâches et la recherche d'informations, ainsi qu'en veillant à prendre en compte les recommandations et les conseils de notre encadrant Mr. Bouchakor qui nous a aidé généreusement au cours de la réalisation de ce projet.
32
8
Arborescence du site(2)
10
Arborescence du site(3)
11
Arborescence du site(4)
12
Full transcript