Historique

J'ai proposé pour un autre site qui a connu beaucoup d'évolutions (et qui en connaîtra de nouvelles, je l'espère) une rubrique intitulé "historique ou l'histoire d'un site web". Je trouve toujours intéressant de retracer l'histoire d'un site, cela traduit les tendances d'une époque ou tout simplement cela permet avec quelques images de voir toute une évolution (certes plus dans l'apparence que dans le contenu).
Alors voilà l'histoire du site depuis la première page publiée jusqu'à demain...

Juillet 1999

C'était mes débuts en HTML, j'allais mettre en pratique les principes d'ergonomie d'un site web que j'apprenais auprès de l'équipe de SQL Ingénérie à l'Ecole des Mines de Paris.
Quelques mois auparavent, j'achetai mon nom de domaine auprès de l'Internic. "denel.com" , tout simplement car je m'appelle Denel et que je voulais développer un site personnel.
Le site hébergé, je publiai cette page pour que votre navigateur ne reste plus vide, l'adresse http://www.denel.com tapée.
Le résultat fut simple : une phrase d'accueil, ma photo et mon email....

Mai 2000 ( I )

Presque un an s'est écoulé sans grand changement... et pour cause l'armée est passée par là. Malheureusement mes heures de connexion ont durant cette période fortement chutées. N'étant pas sur le Monge ;-) , et n'ayant pas d'ordinateurs à disposition pour des travaux personnels sur mes bâtiments au large de Brest, j'ai fait mûrir le projet dans ma tête entre deux quarts...
Mes objectifs étaient les suivants :
- mettre en ligne mes écrits académiques, rompre ainsi avec le rendu classique sur papier et l'archivage bibliothécaire par une forme numérique sur l'Internet
- développer un cv interactif en HTML
- faire partager ma passion pour la photo
- proposer une sitothèque
A partir de là, la structure du site s'est construite, les choix concernant l'organisation des fichiers et des dossiers se sont faits, les principes généraux de navigation et de présentation ont été adoptés. Ainsi j'ai décidé de placer une barre de navigation sur la gauche de toutes les pages principales. Ensuite suivant le niveau dans lequel on se trouve dans l'arborescence du site, la possibilité de remonter d'un niveau ou de revenir à l'accueil est offerte.
La page alors mise en ligne devait traduire ces attentes. J'ai construit la barre de navigation (les liens n'était pas encore actifs). Toujours la même phrase d'accueil et ma photo...

Mai 2000 ( II )

La page d'accueil se développe, les liens deviennent actifs en fonction du contenu de chaque rubrique.
Pour chaque mémoire figure au moins un sommaire avec des liens hypertextes qui pointent vers chaque chapitre.
Les premiers albums photos sont en ligne.
Le cv en ligne est le miroir de celui de http://www.msit.org .
Une feuille de style donne au site unité et cohérence.

Juin 2000

Toutes les rubriques de mes mémoires académiques sont complètes, par conséquents tous les liens du site deviennent actifs.
La sitothèque ne demande qu'à "grossir", les albums photos qu'à s'étoffer, de nouvelles rubriques qu'à naître.
Une première grande modification a lieu dans la mise en page : le site est présenté sous forme de cadres aux bords arrondis.

Novembre 2000

De grands changement à tous les niveaux :
- les cadres changent d'apparence. Après de nombreux essais, je préfère présenter le site avec des cadres au contour coloré d'une épaisseur d'un pixel. L'astuce... regardez le source, un tableau dans un tableau avec pour chacun une couleur différente. Le résultat est portable, chaque type navigateur l'accepte.
- ma photo disparaît pour laisser place à un "logo". N'étant pas infographiste professionnel, je me contente de reprendre mon nom en respectant la charte graphique.
- tous les titres changent vite de couleurs grâce à un léger remaniement de la feuille de style. L'arrière plan devient bleu.

Janvier 2001

Si vous utiliser Internet Explorer v5, vous aurez remarqué les "scroll barres" colorées passées dans les feuilles de style, sinon il y a toujours la copie d'écran pour voir à quoi ça ressemble.
Dans les remerciements, on voit apparaître FREE, tout simplement car mon cv y est alors héberger. Je me lance dans le PHP qui m'apporte de grandes satisfactions. La page du cv gère le contexte applicatif, il n'y a plus de page miroir entre mon site et msit.org (et plus tard hec.ensmp.fr), toutes pointent sur celle hégergée par FREE. Ce choix est adopté pour des questions de mise à jour et pour la gestion du PHP.

Avril 2001

La couleur de l'arrière plan était trop lumineuse, j'adopte un nouveau bleu.
En plus de la correction des erreurs qui me sont signalées ou que je détecte, une nouvelle rubrique est écrite dans la catégorie "Navigation". Elle est consacrée au WML, le langage à balises comme le HTML utilisé pour le wap. Grâce à FREE qui supporte ce langage, j'ai écris quelques lignes de code pour en apprécier les possibilités et les spécificités. Je décide de présenter le code illustré de cet exemple.
Le site est placé sous licence art libre.

Mai 2001

Les titres de catégorie étaient jusque là du texte avec une certaine mise en page définie par la feuille se style. Ce sont maintenant des images qui permettent d'adopter un nouveau style avec un peu plus d'effet. Le même style est adopté pour le logo.
Les sous-catégories de la barre de navigation se trouvent précédées d'un petit signet. Leur arrière plan devient blanc.

Septembre 2001

Je travaille surtout sur mon extranet qui me permettra de gérer le maximum des fonctionnalités et des rubriques de mon site à distance. Je passe beaucoup de fonctionnalités en PHP. L'extranet est à accès restreint, donc il y a pas de résultat visible.
Un script d'analyse de log en PHP est corrigé et amélioré. Depuis juin 2001, les tendances se précisent : la fréquentation mensuelle moyenne s'élève à plus de 500 visiteurs.
La rubrique historique est mise en ligne (cf la copie d'écran, cette image n'a pas de lien vers une image 800x600, on risquerait de partir dans un monde fractal ;-) ).
La page d'accueil du site se dote d'un lien en plus qui pointe ici.

Octobre 2001

Refonte complète du site : la largeur de chaque page passe de 750 pixels à 100%. Ce changement tout en garantissant la portabilité soigne la présentation pour les écrans de grandes dimensions. Quelques différences subsistent d'un navigateur à l'autre. Elles devraient être réglées par l'utilisation d'images transparentes.

Août 2002

Migration complète du site en php. C'est un travail de fond dont je rédigerai certainement un petit mémo de conseils pour ceux qui souhaiteront passer le cap !

Octobre 2002

Création d'une nouvelle catégorie "Programmation" où sont regroupés les développements wml et php. Outre le site complet qui est passé en php, les pages du projet php sont entièrement dynamiques... Le dynamisme est généré par le flux des visites car il présente un ensemble de statistiques de fréquentation.

Mars 2004

Nouvelle image pour l'arrière plan général du site et réactualisation de la photo du cv. Doit suivre la refonte complète des albums photos.

Demain...