À 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 de pouvoir le visionner entièrement avec des lunettes anaglyphes (lunettes rouge et cyan). Ça n’était pas l’idée du siècle : tenir plus de 10 minutes avec ces lunettes relève du défi, (bonjour le mal de tête…). Par ailleurs, le jaune et le violet étant idéal pour réaliser des anaglyphes, du fait que ces teintes aient une luminance assez proche une fois filtré par le rouge et le cyan, le choix des couleurs était très limité.
De nombreuses erreurs 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é formateur. Le site était entièrement programmé en flash (ou "full-flash"). Adobe flash, dont le suivi a définitivement cessé depuis décembre 2020, était un programme destiné à l’animation, ce dernier embarquait l’action-script, une programmation très proche du JavaScript, ce afin d’interagir avec l’animation, dans la pratique, les possibilités étaient é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 3ds max, il fallait rendre chacune des images. Cela pouvait prendre à l’époque ente 2 et 5 heures de calculs par image, soit l’équivalent de 13 jours de rendu sans interruption pour la sortie du site. La moindre mise à jour obligeait à 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 en autonomie 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’optimiser les résultats sur les moteurs de recherche et d’éviter les doublons que présentait "hansi07", cette quatrième version apparaît en 2012. Ce fut un énorme projet qui nécessitera un an et demi (ayant peu de temps libre) de conception et réalisation avant de voir le jour. 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 faciliter les mises à jour. Les galeries ont de ce fait énormément évoluées, ainsi, dans sa version finale, seul 0,3% du contenu était issu de la version 3. Il intégrait une nouvelle galerie dédiée à la photographie. S’il était relativement bien construit, il nécessitait un ordinateur relativement puissant afin d’éviter des lenteurs, son accessibilité était également limitée sur appareils mobiles (tablette smartphone…) en raison de la non prise en charge du Flash.



Version 5 :

L’actuelle version est programmée en html5, CSS, JavaScript, et php pour une meilleure accessibilité. C’était une nécessité suite au déclin du Flash (menant à l’arrêt définitif de son support depuis décembre 2020). Le JavaScript étant proche de l’action-Script, j’avais déjà une partie acquise. Toutefois, étant moins à l’aise avec les autres langages, j’ai décidé de partir sur une Template (un modèle) libre de droit réalisée par Alessio Atzeni. J’ai travaillé sur cette base, en apportant de nombreuses fonctionnalités et en adaptant le site à ma propre guise. Le contenu reste proche de la version 4, mais sera plus sélectif pour un contenu qualitatif. Pour l’avenir, je vous invite à me faire part de souhaits qui pourraient agrémenter le site.



Mises à jour V5 :
V5.26 01/11/23 V5.25 28/08/23 V5.24 21/08/23
  • La page matériel utilisé a été actualisée
  • Correctif pour Safari et produits Apple
V5.23 10/10/22
  • Correctifs d'animations pour iOS 16
V5.22 24/09/21
  • Correctifs pour iOS 15 et Safari
    Correctif de l'animation lors du chargement de la page sur Safari
    Correctif pour Safari lorsque l'on survole une image, l'animation passait parfois devant la barre de menu
    Correctifs pour iOS 15
V5.21 12/02/21
  • Modification des teintes du site (plus de contraste et ajout d'une bordure claire entre les sections)
  • Ajout de fonds issus des modélisations 3D sur la page d'accueil (toujours en chargement aléatoire)
  • Quelques améliorations visuelles
    Ajout d'une flèche au bas de la page Photographie permettant l'affichage de toutes les photos de façon intuitive
    Alignement des photos au bas des éléments récent sur la page photographie
V5.20 26/01/21
  • Site à présent traduit et disponible en anglais
  • Amélioration du menu pour écrans à faible définition
  • De nombreuses améliorations visuelles
    Nouvel écran d’accueil (plus sobre)
    Modification des grandes icônes dans la section à propos de la page principale
    Nouvelles petites icônes vectorielles (flèches, traduction, menu mobile, trier par, liste...)
    Modification de toutes les teintes du site (plus de contraste, moins de bleu-vert)
    Police d’écriture plus fine pour les titres
    Modification des tableaux dans les statistiques
    Modification de la photo listant le matériel utilisé
  • De nombreux correctifs
    Contact php à nouveau fonctionnel (conflit avec la boîte de messagerie)
    Correctif évitant l’affichage de page vide dans les nouveaux onglets (les animations ne le lançaient pas)
    Défilement automatique vers une section précise d’une page externe grandement amélioré
    Menu pour mobile à présent visible quelle que soit la résolution ou hauteur de fenêtre
    Suppression du saut de l'arrière-plan sur safari lorsque l'on fait défiler la page d’accueil
    Correctif du calque teinté de l'écran d'accueil afin d’éviter d’apercevoir les bordures sur appareil mobile
    Correctif permettant de désélectionner les images sur les appareils tactiles Apple (évitant également les multi-sélections)
    Amélioration de l'animation sur safari lorsque l'on survol une image
    Pied de page à présent bien collé au bas de la page matériel (conflit depuis la création du site)
V5.19 18/12/20
  • Correctif pour Safari (macOS et iOS) : l'animation d'origine est à présent fonctionnelle lorsque l'on survole une image
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 de 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.