Retour

Site Web “Trends” pour Risø
Résumé de réalisation
Page personnelle Alexandre Alapetite 11/2003 - 01/2004

Le site Web présenté a été actif à l’adresse http://trends.risoe.dk/ de 2003 à 2006 et fermé en janvier 2010.
Une archive est disponible.

Choix techniques

Côté client

Ce site a été fait en respectant les standards du W3C du moment :

• Codage des données en XHTML1.1
• Style graphique en CSS2 avec prise en charge d’affichages améliorés pour les imprimantes, les téléphones portables, les assistants.
• Vérification préliminaire des formulaires en ECMAScript (JavaScript standard).
• Un fichier RDF avec le vocabulaire RSS1.0 pour que les utilisateurs, et surtout les différents administrateurs puissent être tenu au courant des modifications.

Grâce à CSS, l’affichage du site peut être adapté aux différents médias. Par exemple, lors de l’impression d’une page, le menu de navigation n’est plus affiché et la police est adaptée au papier.
Exemple :

trends-normal.css

body {font-family:"Arial","Helvetica",sans-serif}
/*Imprimante*/
@page {size:portrait}
@page {margin:1.1cm}
@media print {
 body {font-family:"Times New Roman","Times",serif}
 #menu,#logo {display:none}
}
/*Petit écran*/
@media handheld {
 #logo {float:none}
}

Rendu sur un écran classique

Rendu pour une imprimante

Rendu pour un petit écran

Exemple de code de vérification de formulaire :

add-country.js

function verifcountry()
{
 var err='';
 if (!(/^[A-Za-z _-]{4,128}$/.test(document.getElementsByName('ctrname')[0].value)))
 {
  err='Please enter a valid country name';
  document.getElementsByName('ctrname')[0].focus();
 }
 if (err.length>0)
 {
  alert(err);
  return false;
 }
 else if (!confirm('The country will now be stored. Are you sure?')) return false;
 else return true;
}

Côté serveur

• Pages dynamiques avec PHP4.

  • Une librairie libre de transition de PHP4 domxml à PHP5 dom a été écrite à cette occasion, avant d’avoir un certain succès, entre autres dans la communauté libre.
• Génération des pages résultats via un arbre XML, qui garantie la validité du résultat, et permet de modifier à tout moment n’importe quelle partie du résultat.
• Base de données Access, avec liaison ODBC.

Exemple :

detail-country.php

if ($dom=domxml_open_file('model.html')) //Chargement du modèle de sortie
{
 $corpus=$dom->get_element_by_id('corpus');
 if ($odbc=odbc_connect('trends','trends-admin','temppass'))
 {
  $sql='SELECT ct.name AS ct_name FROM countries ct WHERE ct.id='.$country;
  if (($query=odbc_exec($odbc,$sql))&&odbc_fetch_row($query)) //requête SQL
  {
   $h2=$dom->create_element('h2');
   $h2->append_child($dom->create_text_node('Country : '.odbc_result($query,'ct_name')));
   odbc_free_result($query);
   $corpus->append_child($h2);
   $corpus->append_child($dom->create_text_node("\n"));
   //...
  }
  odbc_close($odbc);
 }
 $dom->dump_mem(); //Retourne le résultat au navigateur
}

Retour