Le site "Initiatives dans le domaine du vin" se compose des pages suivantes :

• page d'accueil (index.php) : elle présente l'objectif du site et son public, en invitant à interroger la base de données, et à la remplir
• interrogation de la base :
  • recherche simple (recherche-simple.php) : interrogation de la base à partir d'une zone unique d'interrogation portant sur toute la base
  • recherche avancée (recherche-avancee.php) : interrogation de la base à partir des champs interrogeables
  • rechercher un acteur (recherche-acteur.php) : interrogation de la base à partir de cinq caractéristiques des acteurs (voir formulaire infra)
  • rechercher une initiative (recherche-initiative.php) : interrogation de la base à partir de trois caractéristiques des initiatives (voir formulaire infra)
  • aide à la recherche (aide-recherche.php) : indique comment utiliser le formulaire (dans une nouvelle fenêtre, ou dans un pop-up)
• contribution à la base (contribuer.php) :
  • entrer un acteur (contribuer1.php)
  • voir la liste des initiatives d'un acteur (contribuer2.php)
  • entrer une initiative (contribuer3.php)
• pages de résultat :
  • affichage des résultats d'une requête : affichage des champs : nom, statut, région et initiatives après une recherche sur un acteur ; intitulé, objet, cible et acteur(s) après une recherche sur une initiative
  • affichage complet de tous les champs pour un acteur ou une initiative
• contact (contact.php) : page pour envoyer un message aux maîtres-toiles
• cahier des charges (cahier-des-charges.php) pour la réalisation du présent site web, en trois parties :
  • présentation du site et de son contexte (cahier-des-charges1.php)
  • plan du site et charte graphique (cahier-des-charges2.php)
  • organisation de la base de données (cahier-des-charges3.php)

Voir le plan du site, document PDF, 34Ko.

Formulaires

La base de données sera interrogeable à partir de formulaires de recherche :

• recherche simple : la recherche s'effectue sur tous les champs de la base, à partir d'un ou des mots entrés par l'utilisateur
• recherche avancée : la recherche s'effectue sur les champs "intitulé", "porte sur", "mots de la description", "moyens mobilisés", "cible visée", "coûts", "mots du commentaire" pour l'initiative, et "statut", "nom", "ville", "région viticole" et "mots de la présentation sommaire" pour l'acteur
• rechercher un acteur : la recherche s'effectue sur les champs "statut", "nom", "ville", "région viticole" et "mots de la présentation sommaire"
• rechercher une initiative : la recherche s'effectue sur les champs : "intitulé", "porte sur" et "par qui"

Pour contribuer à la base de données, l'utilisateur doit d'abord vérifier dans la base si l'acteur est déjà enregistré. Cette recherche se fait à l'aide d'un menu déroulant qui recense tous les acteurs déjà enregistrés.

• si l'acteur est déjà enregistré, l'utilisateur le sélectionne (il clique "sélectionner"). Dans une nouvelle page, la liste des initiatives de cet acteur (classées par ordre alphabétique de nom) est alors générée. Un bouton lui permet alors d'afficher un formulaire lui permettant d'en enregistrer une.
• s'il ne l'est pas, il clique sur "enregistrer un acteur". Il obtient alors un formulaire permettant de l'ajouter à la base. Après validation, il obtient un nouveau formulaire permettant d'enregistrer une de ses initiatives.

Il sera possible de modifier les informations de la base de données en cliquant sur un bouton "modifier" à chaque fois qu'un acteur et qu'une initiative seront affichés. Après avoir cliqué sur le bouton, l'utilisateur modifie les données dans un formulaire pré-rempli avec les informations pré-existantes.

Les pages du site se composent de cinq parties :

• en haut : sur la droite (75 % de la largeur de l'écran) : titre du site (aligné à gauche)
• sur la gauche : en permanence est affiché le menu du site
• au centre : contenu de la page
• sur la droite : un formulaire de recherche simple (un seul champ permettant d'interroger toute la base) et des liens vers d'autres pages ou sites liés au vin
• en bas : le pied de page permet de revenir en haut de la page, indique "L'abus d'alcool est dangeureux pour la santé. A consommer avec modération", et rappelle les grandes catégories du site (avec lien hypertexte pour chacune d'entre elles).

Le résultat doit être de cette forme, document PDF, 112Ko.

La feuille de style stylesheetgen.css correspond aux pages principales.

Lors de l'affichage des resultats, l'utilisateur aura la possibilité d'afficher une nouvelle page conçue pour l'impression : la version imprimable sera accessible en cliquant sur un bouton. Cette version aura une nouvelle feuille de style (impression.css) et contiendra les parties haute et centrale de la page, ainsi que le copyright du pied de page.

• LienExt : pour créer un lien externe
• LienInt : pour créer un lien interne
• Entete : produit les premières lignes d'un document HTML comme les balises doctype, html, head, body, title, css, mots-clés
• Hautdepage : pour créer le "bandeau" avec le titre du site
• Menu : procédure indiquant les liens vers les autres pages du site
• Menudroit : procédure qui produit la partie droite de chaque page
• Pieddepage : procédure permettant de revenir en haut de la page, indiquant "L'abus d'alcool est dangeureux pour la santé. A consommer avec modération", mettant le copyright pour les deux concepteurs du présent site, rappellant les grandes catégories du site (avec lien hypertexte pour chacune d'entre elles), insérant l'image de conformité avec la norme HTML 4.01, et fermant les balises body et html