Accueil / Home / ホームページ | Présentation | Contact | Tous les albums / All albums / 写真帳 | 100 photos au hasard | Autres | Vidéos | Liens

Information sur le site

Cette page est en quelque sorte le musée du site : elle en détaille l'histoire et le fonctionnement. La page Présentation contient des informations plus générales me concernant.


Structure du site actuel :

Dans les grandes lignes, l'architecture du site date de 2007 environ. Il est écrit en PHP qui génère du XHTML, et s'appuie sur une base de données MySQL pour stocker les informations des pages et des fichiers (images). Du Javascript est utilisé pour le diaporama de la page d'accueil et pour l'API Google Maps sur la page de Géolocalisation.

Dans le cas le plus fréquent, lorsque l'on demande une page particulière au script index.php, il génère l'affichage d'un album photo avec les miniatures associées à cette page et le descriptif de la page. Dans ce cas l'album photo est constitué uniquement d'enregistrements MySQL et de fichiers image.

Si les champs hasheader ou hasfooter sont activés, un script PHP dédié est ajouté au début ou à la fin.

Si la page est indiquée custom, ce fonctionnement global est remplacé par un script PHP dédié à cette page. Par exemple, la page sur laquelle vous êtes est une page custom, et tous les liens du bandeau ci-dessus pointent vers des pages custom.

En cliquant sur une miniature, c'est le script xshow.php qui est appelé par le navigateur pour afficher l'image en grand. Il utilise la technologie AJAX pour remplacer dynamiquement l'image et ses informations lorsque l'utilisateur clique sur une autre miniature.

Modèle de données :

Suite à l'abandon des news et du blog, les objets manipulés se limitent désormais à trois types : les pages, les fichiers (images) et les diapo de l'accueil.

Logigramme pour la page index.php :

Histoire

J'ai une présence en ligne depuis le début des années 2000, faite de plusieurs sites successifs, que l'on peut revisiter avec plus ou moins de succès grâce à l'Internet Wayback Machine. Les captures d'écran ci-dessous ont été réalisées par ce moyen et présentent des défauts visuels quand le style graphique n'a pas été archivé en même temps que la page HTML. Néanmoins elles fournissent tout de même une bonne impression des sites tels qu'ils étaient à l'époque.

2001 - 2005 : Sites statiques hébergés chez FAI

Les premiers sites étaient naturellement des sites statiques, réalisés avec des outils WYSIWG tels que Frontpage ou Word (ahem).

D'abord, une sorte de mini-annuaire de liens un peu inutile, hébergé chez mon FAI de l'époque (AOL)

Peu satisfait par l'hébergement d'AOL, j'ai ensuite choisi de tout migrer chez Free :

On pouvait y trouver notamment un site dédié à l'excellent jeu Mechwarrior4 dont j'étais un grand amateur à l'époque.

Egalement, un site dédié au partage des photos prises lors d'un échange scolaire avec des correspondants Allemands :

Ce site préfigure l'orientation que prendra ma présence en ligne : un moyen de partager mes photos, et de maintenir un niveau basique de compétences en technologies du Web.

2005 - 2007 : Site dynamique en PHP

Alors en classes préparatoire, l'idée m'est venue d'apprendre le PHP et de rendre le site dynamique. La première version a été mise en ligne en avril 2005. Elle utilisait une base MySQL pour stocker les pages (ce qui n'a pas changé) mais les photos étaient redécouverte dans leur dossier à chaque fois. Cela a rapidement été amélioré ensuite.

Il comprenait tout une ribambelle de fonctions : un forum avec un compte pour mes amis, un bloc-note, un stockage temporaire de fichier. Tout cela a été très peu utilisé. Des news sur la page d'accueil indiquaient les évolutions, et il y en avait souvent ! La base MySQL s'en souvient encore :

Le style également évoluait, avec un passage par un thème avec des couleurs claires que je n'ai pas réussi à reconstruire.

2007 - 2008 : mstorn.net hébergé chez OVH

Suite à mon expérience d'hébergement "professionnel" avec le site du club photo, j'ai pris mon hébergement et acheté le nom de domaine mstorn.net chez OVH au cours de l'été 2007 et n'ai pas bougé depuis.

On peut retrouver une bonne capture en mars 2008, lorsque le site présentait un page d'accueil à deux colonnes :

Peu de temps après, je préparais mon stage de 3 mois au Japon et il m'a semblé utile de pouvoir raconter comment il se passe. J'ai donc ajouté un blog, qui n'a connu que 9 posts au final, dont le célèbre post sur les boissons au Japon.

Dans cette version, chaque album appartenait à une ou plusieurs catégories, accessibles par le menu en haut :

La page avec tous les albums était entièrement textuelle : pas très agréable !

2009 - actuellement : version moderne

En octobre 2008, une grosse simplification de la page d'accueil a été réalisée, permettant d'afficher les meilleures photos directement sur la page d'accueil. C'était ma première utilisation de la technologie AJAX. Les motivations ont été décrites dans un post de blog.

En 2010, nouvelle simplification : chaque album a une petite illustration, et sur la page d'accueil la liste textuelle des albums est remplacée par leur illustrations, pour les 4 derniers.

La page avec tous les albums présentait à la fois l'illustration et le texte : c'est très complet mais cela fait une page très longue !

Entre 2010 et 2013, abandon du blog et de l'exposition de photos directement sur la page d'accueil. A la place, un diaporama automatique sur la photo d'accueil, qui démarre à chaque fois avec la plus récente. Egalement, l'ajout de la page "100 photos au hasard".

Enfin, en 2014 c'est la libération des tailles : le diaporama de l'accueil passe à 1280px de large, et les photos des albums passent de 0.54MPix (typiquement 900px de large) à 1Mpix (typiquement 1224px de large)..


(c) Maxime Storn 2005-2017, photos sous license Creative Commons BY-NC-ND sauf indication contraire.