TP N° 1 - 2014-2015
Programmation Web

• Introduction
• Description du TP
• Travail demandé
• Placement du Rapport

Introduction

Ce premier TP a deux objectifs en vue :

1. Utilisation de Dreamweaver pour créer les pages d'un site statique;
2. Hébergement du site chez un fournisseur d'accés (Hébergement gratuit chez Hostinger.fr).

Pour cela, nous allons créer un mini site web statique pour l'achat de produits en ligne. Dans ce premier TP, nous utiliserons uniquement les balises HTML et les scripts Javascript.

Description du TP

Le site doit commencer par une page d'accueil (index.html) s'affichant comme suit :

Chacun des liens ci-dessus dirige le client (l'utilisateur) vers la page appropriée (Cliquer sur le lien pour voir).

Liste des produits par famille

La page ci-dessous (liste.html) donne la liste de toutes les familles de produits pouvant être mis en vente. Il est clair, dans ce premier TP, que cette liste est fixe bien que nous pourrions la modifier en modifiant le script de la page.

NB.: Vous êtes libres de prendre n'importe quel exemple de produits. Dans cet exemple, nous avons opté pour du matériel informatique.

Chacun des liens ci-dessus dirige le client vers la page appropriée contenant la liste (statique) des produits relatifs à la famille correspondante. Par exemple, le premier lien de la page ci-dessus donne la page suivante (liste01.html) :

Famille : Unités Centrales - PC de bureau Liste des produits Code Désignation Prix Unitaire HT Disponible Caractéristiques Image PCB01 Asus PC de Bureau M32BF-FR004S 66.00 DA Oui - Processeur AMD A4-5300 - Mémoire 4Go - Stockage 6000Go - Graphiques AMD  PCB02 Compaq PC de bureau 100-406nf 77.00 DA Non - Processeur AMD Dual-Core E1-6010 APU - 4 Go de mémoire DDR3 - Stockage SATA 500 Go

Calcul d'un devis d'achat

Dans cette page (devis.html), le client sélectionne les produits désirés dans la liste des produits (qui est fixe) et clique ensuite sur le bouton Calculer pour avoir le montant global.

Inventaire des produits disponibles

Cette page (inventaire.html) donne un aperçu sur tous les produits disponibles à la vente.

Récapitulatifs des commandes en cours

Cette page (recap.html) donne un aperçu sur toutes les commandes en cours.

Aide

Cette page (aide.html) affiche toute information susceptible d'aider l'utilisateur à faire des commandes sur le site.

Travail demandé

Il est demandé à chaque étudiant de :

1. Fournir un rapport écrit (2 pages au plus) . Le rapport doit mentionner les principales remarques (contraintes, insuffisances, etc.) qui ont pu être soulevées pendant la réalisation. Cliquer ici pour télécharger le document prototype.
2. Le site doit être hébergé sur internet (par exemple chez Hostinger.fr) à l'URL que vous m'aurez communiquée. Pas la peine de me fournir le nom d'utilisateur et le mot de passe de votre compte.
3. Vous n'êtes pas astreints à réaliser votre site comme décrit verbalement dans cet énoncé. Vous pouvez adopter l'ergonomie que vous désirez. Cependant, au moins, toutes les fonctionnalités du TP doivent être conservées (d'une manière ou d'une autre).
4. Le rapport doit être remis par chargement ici-même (voir plus bas).
5. La remise des rapports se fera au plus tard 10 mars 2015.

Pour Uploader (placer) votre rapport, Cliquez ici.