à propos d'artHansi

Historique des sites web

Voici un bref historique des cinq versions du site :


Version 1 :

Initialement intitulée relief, c’est en 2004 qu’apparaît la première version du site, dédiée exclusivement aux anaglyphes et à la modélisation 3D. Le projet initial visait à concevoir le site afin d’être visionné entièrement avec des lunettes anaglyphes (lunettes rouge et cyan). En se tenant qu’au projet ça ne pouvait déjà pas fonctionner : tenir plus de 10 minutes avec ces lunettes relève du défi, (bonjour le mal de crâne…) Par ailleurs, le jaune et le violet étant idéal pour réaliser des anaglyphes, du fait que ces teintes ont une luminance assez proche une fois filtré par le rouge et le cyan, le choix des couleurs m’était très limité. Et tant qu’à faire, plutôt que de choisir l’un ou l’autre, j’avais opté pour les deux, vous visionnez cette combinaison ? Eh bien ça pique les yeux !
Par chance, de nombreuses fautes de conception empêcheront le site de voir réellement le jour : mauvaise organisation de l’espace, un plan de site mal défini et une programmation laborieuse… Toutefois, Ces nombreux obstacles rencontrés au cours du développement ont été très formateur. Le site était entièrement programmé en flash (dit aussi "full-flash"). Adobe flash est un programme destiné à l’animation, ce dernier embarque l’action-script, une programmation très proche du JavaScript, ce afin d’interagir avec l’animation, dans la pratique, les possibilités sont énormes.



Version 2 :

Cette version intitulée "Hansi07 v2" apparaît en 2005, réalisée en full-flash, ce site exposait des anaglyphes et des modélisations 3D. L’apparence du site n’était pas très soignée mais cela fonctionnait, avec une programmation simple et efficace. Son originalité résidait au sein du menu : non mécontent d’avoir modélisé une crosse de violoncelle à une époque où je commençais tout juste à assimiler les fondamentaux de la modélisation 3d, j’avais décidé d’en détourner l’usage afin de réaliser un menu. Le contenu restait toutefois très limité en quantité et en qualité.



Version 3 :

Toujours en full-Flash ce site apparaît en 2006 et conserve son appellation "Hansi07 v3", il intégrait une nouvelle galerie présentant mes premiers dessins quelque peu laborieux. Le concept d’une apparence et d’une navigation laissant la possibilité de se "déplacer" telle que nous pourrions le faire dans une galerie d’exposition était son principal atout. Mais sa réalisation était très mal pensée : Le site était en quelque sorte une grande vidéo, la programmation permettait d’avancer, reculer, sélectionner la section du clip à visualiser… Ce grand clip étant réalisé entièrement en image de synthèse sous 3Dsmax, il fallait rendre chacune des images, si une image se calcule en à peine 2 minutes sur mon matériel actuel, il fallait compter ente 2 à 5 heures de calculs en 2006, soit l’équivalent de 13 jours de rendu sans interruption pour la sortie du site ! La moindre mise à jour obligeait de refaire toute un ensemble de rendus, c’était de lourdes et fastidieuses étapes ! De ce fait le contenu n’évoluait pas énormément. La totalité du site avait été programmée de mémoire sans aucune aide ni extrait de code, une première pour l’époque avec près de 40 000 caractères.



Version 4 :

Intitulée "ArtHansi V4" afin d’éviter les doublons que pouvait avoir "hansi07", cette quatrième version apparaît en 2012. Ce fut un énorme projet qui nécessitera un an et demi de conception et de réalisation avant de voir le jour (j’aurais pu faire mieux, mais j’avais peu de temps de libre) Toujours réalisé en full-Flash, ce dernier a été programmé de façon autonome en action-script 3, une nouvelle syntaxe qui me sollicitera un moment d’adaptions. Dans sa dernière version on compte plus de 250 000 caractères, l’équivalent d’une bonne centaine de pages de code. Il a sans doute été moins original que les précédentes versions, mais a été conçu pour combler la principale lacune de la troisième version en facilitant les mises à jour. Les galeries ont de ce fait énormément évolué puisque dans sa version finale, seul 0,3% du contenu est issu de la version 3. Il intégrait une nouvelle galerie dédiée à la photographie. S’il était relativement bien construit, son accessibilité était limitée en raison de son poids (bien qu’allégé de 2,5 fois son poids initial, après de nombreuses mises à jour), sa lenteur (il nécessitait un ordinateur assez puissant) et son universalité, dû à la non prise en charge des éléments flash des derniers appareils (tablettes, smartphone…)



Version 5 :

L’actuelle version est à présent programmée en html5, javaScript, CSS3 et php pour une meilleure accessibilité. Cela devenait une nécessité : les éléments en Flash sont de moins en moins rependus et cela ne va pas s’améliorer. Une chance, le JavaScript est proche de l’action-Script, toutefois, étant moins à l’aise avec ces langages, j’ai décidé de partir sur une Template (un modèle) libre de droit réalisée par Alessio Atzeni, avec laquelle j’ai apporté de nombreuses fonctionnalités en adaptant le site à ma propre guise. Concernant le contenu, il reste proche de la version 4, mais sera plus sélectif pour un contenu qualitatif. Une section dédiée aux articles/tutoriaux fera probablement apparition, je vous invite d’ailleurs à me faire part de souhaits. Certaines fonctionnalités agrémenteront le site au fil du temps.



Mises à jour V5:
V5.18 05/01/20
  • Amélioration de la programmation pour une validation complète W3C
  • Correctif de la barre de navigation sur Safari (macOs et iOs)
  • Remplacement du partage google+ par Pinterest
  • Divers correctifs d'affichage
V5.17 14/05/19
  • Optimisation de l’affichage pour une meilleur lisibilité sur les supports mobiles
  • Amélioration du formulaire dans la section Contact
  • Ajout d'infobulles pour certains termes
  • Quelques améliorations visuelles
  • Divers correctifs
V5.16 30/10/18
  • Ajout d'animations lorsque l'on fait défiler les pages
  • Site à présent sécurisé par certificat SSL
V5.15 30/07/18
  • Quelques modifications visuelles
  • Correction de défauts d'affichages dans la galerie photographies
  • Correctifs et simplification du formulaire dans la section contact
V5.14 08/07/18
  • Refonte complète de la visualisation des images dans une nouvelle apparence et avec de nouvelles fonctionnalités :
  • Amélioration de la navigation, affichages des vignettes sans avoir à quitter la galerie, zoom...etc
V5.13 04/07/18
  • Correction de défauts d’affichage
  • Optimisation du "responsive web design"
V5.12 26/06/18
  • Second correctif pour les supports mobiles afin de figer les images visualisées
  • Correctif lors de rotations effectués sur supports mobiles
  • Ajout de la fonction trie sur supports mobiles
V5.11 16/10/17
  • Ajout d’un menu déroulant
  • Affichage des sous-catégories dans le menu de la version mobile
  • Modification de certains éléments graphiques
V5.10 09/10/17
  • La fonction trie des images (par date, catégorie…) est à présent entièrement fonctionnelle
  • Affichage du nombre de photographies disponibles dans chaque catégorie
  • Optimisation de l’affichage pour les écrans à haute résolution
  • Correctifs pour les supports mobiles lorsque l’on visualise une image (cette dernière reste à présent figée)
  • Correctif du problème de rotation sur les supports mobiles
  • Réagencement de certains éléments afin d’optimiser l’affichage
  • De nombreux correctifs
V5.05 28/08/16
  • Suppression de la latence lors de la navigation dans les galeries (Flèches : suivant-précédent)
V5.04 20/08/16
  • Correctifs pour safari et produits Apple
  • Correctifs pour supports mobiles
V5.03 18/06/16
  • Correctifs et ajouts de fonctionnalités pour les supports mobiles
V5.02 25/02/16
  • De nouveaux fonds d'écran sur la page d'accueil avec ajout de fonction pour une sélection aléatoire
  • Repositionnement ce certains éléments pour une meilleure clarté
  • Restructuration du contenu pour un meilleur référencement
  • Divers correctifs
V5.01 20/02/16
  • Modifications des boutons et reformulation du contenu pour une navigation plus claire
  • Divers correctifs


Diverses statistiques

Graphiques

Contenu statistiques

Ci-dessus, l'évolution du contenu au fil des cinq versions du site. Il apparait deux relevés par version de site : le premier relevé correspond à l'état du site lors de son lancement, le second correspondant à sa dernière mise à jour. Ainsi on remarque aisément l'absence d'évolution du contenu pour les trois premières versions. L'actuel tendance à limiter la quantité du contenu s'explique par une sélection plus rigoureuse et qualitative. La courbe représentant les nouveautés correspond au nombre d'éléments nouveaux par rapport au relevé précédent (exemple : il y a eu 350 éléments nouveaux entre la version 4 et la version 4.30, le contenu final n'avait par conséquent qu'une mineure partie issue du contenu de la version initiale...).

Poids statistiques

Voici le poids en kilo-octet de chaque version. Le poids du premier chargement correspond au chargement minimal permettant l'accès à la page d'accueil. Le poids total n'inclut pas le chargement des images issues des galeries.

Programmation statistiques

Ci-dessus le nombre de caractère de programmation. Les quatre premières versions ont été programmées de A à Z de façon autonome, la version 4 m'a par exemple demandé plus de 250 000 caractères de programmation, l'équivalent de 90 pages. En revanche, cette version actuelle a été programmée en partant d'une base déjà fonctionnelle mais non adaptée à mes besoins, je l'ai donc modifiée et complétée avec de nombreuses fonctionnalités, parfois tirées d'extraits de codes déjà écrits. Ceci explique le nombre faramineux des 750 000 caractères, l'équivalent de 300 pages...

Texte statistiques

Voici l'évolution du texte présent au sein du site exprimé en nombre de caractères, cela concerne par exemple la présentation du site, mais également les précisions relatives au contenu.