TP Prog Web 2011-2012

Problématique :
Nous nous proposons de réaliser un site web dynamique pour une entreprise privée spécialisée dans la vente en ligne de véhicules légers. L’objectif est de permettre à la clientèle de passer commande directement par internet. Pour cela, des employés de cette entreprise tiennent à jour la liste des véhicules disponibles et les commandes saisies par les clients.

Par conséquent, le site doit offrir deux types d’accés : un Accés Restreint pour les dits-employés pour tenir à jour les informations du site, d’une part, et un Accés Public pour les clients qui visitent le site, d’autre part.

Les fonctions du site web sont d écrites ci-dessous.

Travail à faire :

1. Réaliser ce site en PHP-MySQL ou ODBC et remettre les scripts sur un support amovible.
2. Rédiger un rapport (maximum 13 pages)  expliquant le travail accompli et le reste à accomplir. Le rapport doit contenir, entre autres, la description des fichiers de la base de données et des relations existantes entre eux.

Recommandations :

1. Le dernier délai de remise des rapports sera fixé par le chargé de cours (normalement avant le début des examens du 2ème semestre)
2. Chaque travail sera réalisé individuellement. Toute reproduction sera sanctionnée.
3. Un test sera organisé par le chargé de cours en salle TP pour l’évaluation du site web réalisé.

PAGE  1:
C’est la page principale qui permet de choisir le type d’accés.

1. Pour accéder à la page 12 ci-dessous cliquer sur le premier le lien Connexion
2. Pour accéder à la page 11 ci-dessous cliquer sur le second lien Connexion
3. En cliquant sur le lien Informations, vous obtenez une page contenant des informations diverses (à vous de jouer !!) et un lien pour revenir à cette page.

PAGE 12 :
Page d’accés restreint.

• Le mot de passe doit être crypté et sécurisé.
• Le lien retour redirige vers PAGE 1

 

PAGE 121
Menu général pour l’accès restreint.

Accés Restreint Veuillez cliquer sur le lien qui vous intéresse : Ajouter un nouveau type de voiture Modifier un type de voiture existant Supprimer un type de voiture existant Afficher liste des commandes entre :                                                          et Retour

1. Le lien <Ajouter un …> redirige vers PAGE 1211
2. Le lien <Modifier un …> redirige vers PAGE 1212
3. Le lien <Supprimer un …> redirige vers PAGE 1213
4. Le lien <Afficher liste …> redirige vers PAGE 1214
5. Le lien <Retour> redirige vers PAGE 12

PAGE  1211
Ajout d’un nouveau type de véhicule

Saisie d'un type de Voiture Veuillez saisir les informations ensuite valider : Code : Désignation : Marque : Prix Unitaire : Retour

• Le bouton Ajouter permet d’enregistrer le nouveau type de véhicule dans la base de données.
• Le lien <Retour> redirige vers PAGE 121

PAGE  1212
Sélection d’une entrée par le code du type de véhicule.

Modification d'un type de voiture Veuillez saisir le code du type de voiture ensuite valider : Code : Retour

1. Le bouton Valider envoit les données saisies vers la page PAGE 12121
2. Le lien <Retour> redirige vers PAGE 121

PAGE  12121
Page de mise à jour de la base de données.

Modification du type de Voiture Code : Veuillez modifier les informations ensuite valider : Désignation : Marque : Prix Unitaire : Retour

1. Le bouton Modifier enregistre les données saisies dans la base de données
2. Le lien <Retour> redirige vers PAGE 1212

PAGE  1213
Suppression d’un type de véhicule de la base de données.

Suppression d'un type de voiture Veuillez saisir le code du type de voiture ensuite valider : Code : Retour

1. Le bouton Supprimer supprime le type de véhicule du code saisi de la base de données
2. Le lien <Retour> redirige vers PAGE 121

PAGE  1214
Affichage de la liste des commandes passées dans un intervalle de dates.

Liste des commandes entre et N° Date Nom Client Types Véhicule Quantité 06 01/01/2012 Amrioui Omar Toyota 2 10 07/02/2012 Omari Amar BMW 1 Retour

• Le lien <Retour> redirige vers PAGE 121

PAGE  11
Page d’accés Public

Accés Public Veuillez vous identifier SVP : Nom & Prénom : Organisme employeur : Adresse : Email : N° Téléphone: Retour

1. Le bouton Connexion enregistre les informations du client uniquement lorsque celui-ci passe au moins une commande
2. Le lien <Retour> redirige vers PAGE 1

PAGE  111
Menu général de l’accés Public

Accés Public Veuillez cliquer sur le lien qui vous intéresse : Saisir une nouvelle commande Afficher un devis Afficher liste des types de voiture                                                         Retour

1. Le lien <Saisir une …> redirige vers PAGE 1111
2. Le lien <Afficher un …> redirige vers PAGE 1112
3. Le lien <Afficher liste …> redirige vers PAGE 1113
4. Le lien <Retour> redirige vers PAGE 11

PAGE  1111
Saisie d’une nouvelle commande

Saisie d'une nouvelle commande Veuillez saisir les informations ensuite valider : N° Commande : Date commande : Code type voiture : Quantité : Couleur : Retour

1. Le bouton Commander permet d’enregistrer la nouvelle commande dans la base de données.
2. Le lien <Retour> redirige vers PAGE 111

PAGE  1112
Sélection de la commande pour affichage du devis associé

Affichage d'un devis Veuillez saisir le N° de la commande ensuite valider : N° Commande : Retour

1. Le bouton Valider envoi les données saisies vers la page PAGE 11120
2. Le lien <Retour> redirige vers PAGE 111

 

PAGE  11120
Affichage du devis

Devis estimatif quantitatif N° Commande : Code voiture Désignation Marque Quantité Prix Unitaire Montant 13 Accent Hyundai 2 1 110 000.00 DA 2 220 000.00 14 Clio Renault 1 1 320 000.00 DA 1 320 000.00 Retour

1. Le lien <Retour> redirige vers PAGE 111

PAGE  1113
Affichage de la liste des types de véhicule

Liste des types de voitures Code voiture Désignation Marque Prix Unitaire 13 Accent Hyundai 1 110 000.00 DA 14 Clio Renault 1 320 000.00 DA Retour

Le lien <Retour> redirige vers PAGE 111