Le making-of de ce site

Outils utilisés
Organisation générale du site
Scripts PHP	Informations diverses et livre d'Invités (GuestBook) outil de recherche
Javascript	Script jcb.js Scripts de menus dynamiques
Les noms de domaine	Règles de nommage Enregistrement Délais Coûts Redirection d'URL
Téléchargement	le site complet

Les outils utilisés

Outils		Références
Editeur HTML		Microsoft FrontPage 2003 (sans aucune extension "exotique" : webbot, ActiveX, ASP,...)
Bitmaps (fixes et animés)		Paint Shop Pro 7 (avec Animation Shop)
Scripts PHP & JavaScript		EditPlus
Documentation JavaScript		Javascript Reference (Netscape)
Documentation PHP		PHP manual

Organisation générale du site

Avant-propos

Le fond d'écran, qui apparaît sur toutes les pages de ce site, est une planche extraite de l'Encyclopédie de Diderot et d'Alembert, et elle représente "Le Grand Oeuvre", qui désigne le travail permanent de l'alchimiste dans sa quête de la Pierre Philosophale et de l'Elixir de longue vie. Il ne faut évidemment rien voir d'occulte là-dedans, et le considérer sur un plan symbolique.

Mon bureau est en quelque sorte un laboratoire, et mon ordinateur est l'athanor dans lequel je "calcine" inlassablement mon site. Pour reprendre un autre symbolisme, c'est une pierre brute que je dois dégrossir, tailler puis polir afin de pouvoir l'insérer dans l'édifice de la Connaissance.

Architecture générale

Ce site ne fait pas appel aux pages de cadres, dans un but de simplicité, facilité "d'aspiration", optimisation du temps de chargement.
Toute la navigation est basée sur l'utilisation de DHTML (Dynamic HTML), menus dynamiques gérés par des scripts écrits en Javascript et l'utilisation de feuilles de style.

Les scripts

Ces scripts, écrits en langage PHP, ne peuvent fonctionner que sur des serveurs HTTP supportant ce langage. Apache, sous UNIX (Solaris, Linux,...) et Internet Information Server, sous Windows, sont dans ce cas. Certains hébergeur, tels que FREE, offrent ce service gratuitement.(ce n'est pas le cas, hélas, de Wanadoo!)
Les sources de ces scripts sont données ci-dessous, et sont librement réutilisables, sous réserve de conserver le copyright.

Informations diverses et livre d'Invités (GuestBook)
Outil de recherche

1.Informations diverses et livre d'invités (Guestbook)

Scripts	Commentaires	Affichage du code source
infos2img.php	Ce script utilisé en haut de chaque page sert à générer une image PNG, contenant diverses informations : adresse IP (à partir de la variable $REMOTE_ADDR) Navigateur et Système d'exploitation (à partir de la variable $HTTP_USER_AGENT) nombre de visites (à partir d'une table MySQL) nombre de connexions simultanées (à partir d'une table MySQL)
guestbook.php	Ce script affiche le contenu du livre d'invités. Ce livre est composé d'une base de données MySQL, stockée sur le serveur. Chaque enregistrement contient les informations déposées par les visiteurs du site (nom, email, site Web, commentaires). Cette base n'est pas accessible directement, mais lue puis mise en forme le script
formbook.php	Ce script sert à la saisie d'informations, puis appelle le script setbook.php
setbook.php	Ce script vérifie la validité des informations, affiche un message de remerciements, puis actualise le fichier de messages.

2.Outil de recherche

Script "search.php"

Ce script permet d'effectuer une recherche sur le site de 2 façons différentes:

Avec un moteur interne
- crée le formulaire de saisie de la chaîne à rechercher
- récupère la chaîne de recherche provenant du formulaire et stockée dans un cookie.
- ouvre en lecture le fichier index.txt qui a été créé par ailleurs à l'aide d'un programme séparé d'indexation (écrit en Delphi 6). Ce fichier contient une liste de mots-clefs, suivis des URL des documents les contenant. Le script cherche dans cette liste la chaîne qui a été saisie, et s'il la trouve, affiche les URL et titres des documents dans le cadre "search".
- Voici un extrait du fichier index.txt :
  
  ...
  atapi
  ---fr/telechargements.html espace téléchargement
  ---fr/windowsnt.html#limitesnt windows nt
  ---fr/windows9x.html windows 9x
  authentification
  ---fr/reseau.html réseau
  ---fr/systeme.html#fondamentales système
  ---fr/windows2000.html#apports windows 2000
  autorun
  ---fr/cdbootable.html#preparation cd bootable w2k
  ---fr/divers.html divers
  autorun.inf
  ---fr/cdbootable.html#preparation cd bootable w2k
  ---fr/divers.html divers
  ...
A l'aide du moteur de
- récupère la chaîne de recherche provenant du formulaire et stockée dans un cookie.
- génère la requête de recherche qui sera passée au moteur de Google
- ouvre une connexion (fsockopen) puis effectue la requête
- récupère les résultats dans un tampon et le met en forme (suppression des entêtes, ...)

	Moteur interne	Moteur Google
Avantages	peut retourner l'emplacement à l'intérieur d'un document.	Critères de recherche multiples
Inconvénients	ne fonctionne que si l'objet de recherche a été indexé	retourne seulement la page

Scripts	Commentaires	Affichage du code source
search.php	Script principal de recherche

Javascript

Ce site fait appel à un grand nombre d'autres scripts. Comme ils sont utilisés par la majorité des pages, ils sont inclus pour la plupart dans un seul fichier commun jcb.js, invoqué au début de chaque document par le tag : <script language="JavaScript" src="../jcb.js"></script>

Script jcb.js

Ce site utilise un seul cookie, destiné à stocker la langue couramment utilisée (français ou anglais). Ainsi, lorsque l'utilisateur recharge la page d'accueil, un transfert automatique est effectué vers la page principale liée à la langue en cours
Ce cookie a pour nom "lang", et pour valeur soit "fr", soit "en"

Code source du script jcb.js

Scripts de menus dynamiques

L'affichage des menus dynamiques a été réalisé à l'aide d'un ensemble de scripts (Ultimate Drop Down Menu) conçus par "BrotherCake"
Il est librement téléchargeable (pour un usage non commercial) depuis Dynamic Drive qui est un site consacré aux scripts DHTML
Il se compose de 11 fichiers .js à placer dans la racine du site :

custom.js

style.js

menu_op6.js

menu_op5.js

menu_ns4.js

menu_moz.js

menu_ie5.js

menu_ie4.js

menu_com.js

menu.js

sniffer.js

Un seul script est à personnaliser : custom.js
Code source du script custom.js

Téléchargement

Le site COMPLET (pour consultation "off-line")

Date de mise à jour : 05/02/2004

Ce lapin n'a pour but que d'attirer l'attention du lecteur et l'inviter à lire
ce message d'information !

En raison de la présence de nombreuses lignes de code VBS dans ce site, ainsi que la description de faille de sécurité dans NT4 ou d'un "ver" tel que "I Love You", certains anti-virus peuvent se méprendre et détecter à tort la présence de virus, ver ou "cheval de Troie".

C'est le cas par exemple de :
    "Esafe" qui croit déceler dans les scripts VBS le virus "vbs.rabbit1".
    "PCCILLIN" qui croit déceler dans le fichier hackdll.zip le troyen "TROJ_DLLHACK.A".
    "Norton AntiVirus" qui croit déceler dans la description de "I Love You" le ver lui-même.

Je peux affirmer que c'est totalement FAUX!
L'intégralité du site a été composée exclusivement par mes soins et est garantie sans virus.

Vu la taille du site, il est disponible sous la forme de plusieurs fichiers .rar (obtenus avec WinRAR)

Fichier Taille

jcb.part01.exe 1424 ko

jcb.part02.rar 1424 ko

jcb.part03.rar 1424 ko

jcb.part04.rar 1424 ko

jcb.part05.rar 1424 ko

jcb.part06.rar 1424 ko

jcb.part07.rar 1424 ko

jcb.part08.rar 1424 ko

jcb.part09.rar 1424 ko

jcb.part10.rar 1424 ko

jcb.part11.rar 1424 ko

jcb.part12.rar 1424 ko

jcb.part13.rar 1424 ko

jcb.part14.rar 1424 ko

jcb.part15.rar 1424 ko

jcb.part16.rar 1424 ko

jcb.part17.rar 1424 ko

jcb.part18.rar 911 ko

Téléchargement manuel

Télécharger les 18 fichiers ci-contre en les plaçant dans un dossier unique quelconque.

Exécuter le fichier autoextractible jcb.part01.exe (garanti sans virus!)

Une boite de dialogue va demander le dossier de destination, et l'extraction globale va se dérouler automatiquement.

Téléchargement automatisé

Télécharger

le script getsitejcb.vbs (3,5 ko)

le contrôle ActiveX jcb.ocx (107 ko)

Exécuter le script getsitejcb.vbs
Il est alors demandé le nom du dossier de destination. S'il n'existe pas, le script propose de le créer.

S'il n'y a pas d'erreur de transfert, l'ensemble des fichiers est transféré et à la fin il est demandé si on veut opérer la décompression et installation (automatique).

L'espace disque requis est d'environ 34 Mo.
Compte tenu de la taille importante de l'ensemble, certains gros fichiers à télécharger sur le site ont été retirés.

A propos des noms de domaine

Il existe 2 types d'organisations enregistrant les noms de domaines :

l'INTERNIC, qui s'occupe à l'échelle planétaire des ".com", ".org",".net",..
l'organisme propre à chaque pays, qui s'occupe du domaine du pays uniquement. Par exemple en France l'AFNIC a la charge du domaine ".fr"

Règles de nommage (résumé)

Un nom de domaine suit des règles différentes suivant son origine :

domaines .com, .net., org.
- Est enregistré par l'INTERNIC
- Ne doit pas être déjà utilisé
- Peut être déposé par n'importe qui (particulier, association, entreprise,...)
- Peut être LIBREMENT choisi : une seule règle : "1er arrivé, 1er servi"
domaine ".fr"
- Est enregistré par l'AFNIC
- Ne doit pas être déjà utilisé
- Ne peut pas être déposé par n'importe qui
- Doit respecter certaines règles de nommage
  cf. http://www.afnic.fr/obtenir/chartes
  - Entreprises
    un domaine xxxxx.fr n'est possible que si "xxxxx" est :
    - une marque déposée (fournir le certificat de l'INPI)
    - un nom de société (fournir le Kbis)
  - Particuliers
    un domaine doit obligatoirement être de la forme xxxxx-yyyyy.nom.fr dans lequel
    - xxxxx est obligatoirement le patronyme
    - yyyyy est un champ libre mais obligatoire
      p.ex., dans mon cas, cela pourrait être : "bellamy-scanbin.nom.fr"
    - nom est un suffixe intermédiaire obligatoire
    - il faut fournir les documents suivants :
      - résidence en France : justificatif de domicile et justificatif de majorité
      - résidence à l'étranger : justificatif de domicile et justificatif de majorité et justificatif de nationalité française.
Comme on le voit, la législation française est loin d'être simple!

Enregistrement

Dans tous les cas, on ne doit pas s'adresser à l'INTERNIC ou à l'AFNIC directement.
Il faut passer par un prestataire qui se charge de tout :

action auprès de l'INTERNIC ou de l'AFNIC (suivant le cas)

encaissement des frais (pour lui et pour l'INTERNIC ou AFNIC)!

Cas d'un domaine ".fr" :
Le prestataire doit être conventionné avec l'AFNIC (cf.liste)
Les prestataires non conventionnés n'ont pas le droit de gérer un domaine ".fr"

En ce qui me concerne, j'ai fait appel à AndCoNet (en France), pour déposer le domaine "bellamyjc.net" (A l'époque où j'ai effectué ma demande, un particulier n'avait pas le droit de déposer un nom de domaine .fr).
J'ai déposé également le nom de domaine "bellamyjc.org" auprès de Sitelutions.

Délais

Il faut compter environ entre 4 jours et une semaine pour que le domaine soit enregistré.

Les coûts

Ils sont très variables ! Ils se composent :
- de frais propres à l'organisme de base (INTERNIC ou AFNIC)
- de frais propres au prestataire.
On distingue :
- des frais de réservation (à payer une seule fois, lors de la création du domaine)
- des frais annuels (en principe)

A titre INDICATIF seulement, et non exhaustif, voici quelques tarifs :

*Prestatataire*	*Domaine*	*Réservation*	*Frais annuels*
*Gandi*	.BIZ .COM .INFO .NAME .NET .ORG .BE	0 €	12 €
Sitelutions	.BIZ .COM .INFO .NAME .NET .ORG .US .TW .CC .BS .NU	0 $	9 $

Redirection d'URL

Ce qui précède ne concerne que les formalités de dépôt de nom de domaine. Ce domaine peut très bien être "virtuel", et ne concerner aucun site.
De 3 choses l'une :

ou bien on dispose d'un accès permanent à l'Internet, avec adresse IP permanente et serveurs de DNS dûment enregistrés auprès de l'Internic , et dans ce cas on est son propre fournisseur d'accès à l'Internet.

ou bien (cas le plus fréquent), on a fait appel à un fournisseur d'accès Internet, lequel héberge le site. La plupart du temps, ce FAI n'est pas un "registrar", il ne fait qu'héberger le site, lequel a comme nom de domaine celui de l'hébergeur. C'est le cas par exemple de Wanadoo, Free, Compuserve, ... (dans leur offre "grand public")
Dans mon cas, c'est "FREE" qui m'héberge, et donc mon site possèdait au départ l'URL "jc.bellamy.free.fr".
Pour que le site soit accessible depuis un URL ayant le nom de domaine que l'utilisateur a choisi (chez moi "www.bellamyjc.net"), il faut faire appel à un "redirecteur d'URL"

C'est un prestataire qui informe l'INTERNIC de modifications sur le nom de domaine, associe l'URL finale (ici "www.bellamyjc.net") à une adresse IP à lui (en l'occurence 194.206.126.204).
Lors d'une requête HTTP sur l'URL finale, cela effectue un branchement chez le prestataire de redirection, qui renvoie alors une frame "encapsulant" l'URL initiale (ici "jc.bellamy.free.fr" d'adresse IP 212.27.32.41)

En ce qui me concerne, j'étais passé par " Le Relais Internet" (publicité gratuite!), qui fait cela assez bien et d'une façon très pratique. C'est en effet le client qui configure lui-même "on-line" sa redirection d'URL (si je décidais un jour de migrer de FREE vers un autre fournisseur d'accès à Internet, je n'aurais qu'à remplir un petit formulaire dont les informations seront opérationnelles en moins d'une demi-heure).

En ce qui concerne ce service, GANDI est réputé pour son excellent rapport qualité/prix.

ou bien on fait appel à un hébergeur qui peut faire aussi office de registrar. Dans ce cas, le nom de domaine de l'utilisateur est géré par l'hébergeur lui-même, tout est automatique, et on n'est pas concerné par le nom de domaine de l'hébergeur. Par contre, il n'est pas forcément FAI.
En ce qui me concerne, j'ai opté en juin 2001 pour cette solution, en transférant mon site chez AMEN .

Mais en janvier 2004, suite au comportement très peu commercial de cet hébergeur (au moindre problème il suspend le site, en avertissant a posteriori de la suppression), j'ai migré le site chez la société SIBLE , qui offre un hébergement mutualisé pour 23 € par mois TTC avec un espace disque de 500 Mo.