---

Spécifications techniques

Un site pour quels navigateurs ?

• Site fournissant des infos sur l'utilisation des navigateurs

Wikini.net : Les navigateurs web [fr]

• Les navigateurs pour lesquel le site doit fonctionner correctement

Les navigateurs suivants devront afficher correctement le site :

• Pour le moteur de rendu Internet Explorer : IE 5.x et +
• Pour le moteur de rendu Gecko : NS 6/7 et Mozilla 1.x
• Pour le moteur de rendu Khtml : Safari et Konqueror
• Autre moteur de rendu : Opéra 5.x et +

Le Javascript et les CSS utilisés devront donc être compatibles avec ces navigateurs.

Les normes à respecter

Pour la version 4 du site, le respect des normes mise en place par le W3C apportera une meilleure lisibilité (poids des pages moindre et compatibilité entre navigateur accrue).
Les normes à respecter :

• XHTML
• CSS1 et CSS2
• ECMAScript (la version normaliser de Javascript)

Politique d'accessibilité

Il est intéressant de consulter le FAQ du "Web Standards Project". Cet organisme est une coalition populaire qui se bat pour les standards qui permettent un accès simple, peu coûteux aux technologies Web pour tous. Leur FAQ présente les intérêts que l'on peut avoir à respecter les standards.

Dans le même ordre d'idée, le site acces-pour-tous.net contient aussi une mine d'informations sur les moyens de rendre un site web accessible.

Pour qu'un site web soit facilement accessible, il doit respecter une politique d'accessibilité.
Le site OpenWeb est un exemple en la matière. Nous pourrions nous inspirer de leur politique et de celle d'Accès-pour-tous :

• http://www.openweb.eu.org/openwebgroup/demarche_accessibilite/
• http://www.acces-pour-tous.net/fichiers_communs/aide_generale.php

Javascript dans Tela V4

Toutes les fonctionnalités de Javascript ne sont pas compatible avec tous les navigateurs. Le Javascript est donc plutôt à éviter. Il peut quand même être intéressant de l'utiliser dans le but d'apporter une meilleure ergonomie au site. Mais il importe de vérifier à chaque fois que son utilisation n'empêchera pas l'indexation du site par les robots.
- Utiliser les fonctionnalités normalisées de Javascript (ECMAscript, DOM1 et 2...). Dans les balises HTML le Javascript devrait être seulement appelé par l'intermédaire du gestionnaire d'évenement (onclick, onmouseover, onchange...).

Il serait aussi intéressant d'utiliser du javascript présent dans des fichiers .js appelé par l'intermédiaire de la balise :
<script src="http://mon.site.com/javascript.php" type="text/javascript" />.

L'autre atout d'utiliser le Javascript dans des fichiers séparés (c'est aussi le cas pour les CSS) est la réduction des problèmes liés à l'utiliation du XHTML. En effet, l'utilisation des signes <, >, " et & pose problème. Cela implique de forcer le passage du texte en CDATA dans les balises script et style, ce qui est assez génant.
Voir ce qu'en dit le site SelfHtml

CSS dans Tela V4

Nous devrions favoriser l'emploi des CSS qui à la différence du Javascript n'empêche pas l'indexation par les robots et ne peut pas être désactivé (l'utilisateur peut désactiver Javascript).
Il serait nécessaire de prévoir au moins deux feuilles de styles alternative pour chaque site :

• une pour les navigateurs de 4ème génération
• une pour les navigateurs conformes

Des sites fournissant des infos sur les CSS :
Wikini.net : les CSS [fr]
SelfHtml : les CSS [fr]

Des sites de démonstration des possibilités des CSS :
Le jardin Zen des CSS [fr] : sur ce site à partir de la même page de base, plusieurs feuilles de style peuvent y être appliqué. Cliquer sur les choix proposés dans la rubrique "Choisissez une conception".

Quels outils pour la réalisation du site ?

Le site utilisera PHP4 (à porter ensuite vers PHP5) et Mysql de façon générale. Certaines parties du site (eFlore) pourront fonctionner sous Postgresql.
Un système d'abastraction de base de données tel que PEAR devra aussi être utilisé dans les nouvelles applications développé pour la version 4 du site.

Le système de gestion de contenu de l'ensemble des site sera Papyrus (gestionaire de contenu en PHP4). Il permet en effet de gérer plusieurs site et offre l'avantage de pouvoir passer des informations d'un site à l'autre.

Certains outils (écrits en php et utilisant une base de données Mysql) seront aussi utilisés tel quel:

• SPIP : pour la gestion de l'actualité
• Wikini : pour la rédaction de document en ligne

D'autres seront récupérés (en conformité avec leur licence) et seront modifié pour être intégrés au site :

• PhpGraphy : pour la réalisation de gallerie d'image

Les bibliothèques de codes suivantes pourront être utilisées :

• PEAR : pour l'abstraction de base de données
• JpGraph : pour la réalisation d'image en php

Concernant les outils non modifié, leur intégration a Papyrus devra être réalisée de tel manière qu'une mise à jour de ces outils soit facilement réalisable.
Leur code devra donc être présent qu'une seule fois dans l'ensemble de l'arborescence même si plusieurs sites utilisent le même outil.
Au niveau de la base de données, une base de donnés spécifique à chaque outil devra être créée. Si un outil utilise une base de données complête, nous devrons créer une nouvelle base de données pour chaque installation de cet outil.

---