L'histoire d'InformatiWeb

InformatiWeb a été créé vers les années 2008 - 2009.

Sa 1ère version était conçue en HTML/CSS et son apparence était plutôt celle d'un site perso que celle d'un site professionnel.

Ensuite, nous avons commencé à intégrer le PHP et les bases de données MySQL dans cette même version. Nous avons tenté de créer un Design "extensible" pour que notre site s'adapte automatiquement à la taille de l'écran du visiteur. Le problème, c'est que nous avons remarqué (au fil du temps) que ce design n'était pas le meilleur au niveau de la visibilité.
Sur les grands écrans, le texte s'étalait sur une trop grande distance. Ce qui pose des soucis de lecture pour les visiteurs.

PHP v1

La 2ème version était conçue en HTML/CSS, PHP4 et MySQL.

Cette 2ème version possédait une apparence plus professionnelle et elle a été un vrai tournant pour InformatiWeb qui a su plaire à beaucoup de visiteurs. Ce design était fixe, mais il réglait les nombreux problèmes de sa précédente version.

InformatiWeb v2

La 3ème version était conçue en Responsive Design.
Celle-ci est conçue avec les dernières technologies liées au Web : HTML5 / CSS3, Responsive / Switching Design, PHP 5, MySQL, Réécriture d'url, ...

Vous l'aurez compris, cette dernière version est celle, la plus aboutie au niveau technique.

Voici donc une liste détaillée de ces nouveautés :

  • HTML5 : Utilisation des nouvelles balises HTML5 qui permettent de mieux respecter la sémantique HTML ainsi que de bénéficier d'un meilleur référencement, car Google aime les sites web structurés.
  • CSS3 : Utilisation des nouvelles propriétés CSS3 permettant de :
    • Créer des animations (et des transitions) sans le moindre code JavaScript
    • Créer des dégradés de couleurs sans utiliser la moindre image. Ce qui améliore le temps de chargement du site web car aucune image ne doit être téléchargée
    • Créer des ombres, des blocs supplémentaires (virtuels), ...
  • Responsive / Switching Design : Vous n'êtes pas sans savoir que le nombre de mobinautes est en augmentation. Et c'est d'ailleurs aussi le cas sur notre site, comme nous avons pu le constater grâce à Google Analytics.

    Nous avons donc créé cette nouvelle version en Responsive / Switching Design pour que notre site web s'adapte au mieux à tous les périphériques et ce quels qu'ils soient ainsi qu'à toutes les tailles.

    Vous remarquerez d'ailleurs que les listes changent légèrement d'apparence sur les petits écrans pour être mieux accessibles sur mobile et tablettes
  • PHP 5 : Utilisation des nouveautés de PHP dont :
    • Les classes PHP (et donc les objets) pour mieux sécuriser notre site web
    • La nouvelle méthode de connexion aux bases de données nommée PDO
    • Créer des ombres, des blocs supplémentaires (virtuels), ...
  • MySQL : Utilisation de base de données MySQL qui est le système de gestion de base de données le plus utilisé pour le Web.
  • La réécriture d'url (via Apache) : Utilisation de la réécriture d'url supportée par le serveur Web Apache pour créer des url plus claires pour le visiteur ainsi que pour les moteurs de recherches. Ces url sont donc maintenant SEO friendly.
  • Optimisation des performances et de la sécurité du site web :
    • Utilisation d'un code plus propre et plus sécurisé du côté client (HTML, CSS, ...) ainsi que du côté serveur (Apache, PHP, MySQL).
    • Meilleure utilisation des balises HTML et des propriétés CSS3
    • Utilisation de dégradés de couleurs à la place des images pour éviter les nombreux échanges : client <> serveur
    • Utilisation d'une image répétée en mosaïque pour le fond du site. Ce type d'image est appelé : pattern
  • Optimisation du référencement du site web :
    • Le webmaster peut maintenant indiquer des descriptions et une liste de mots clés personnalisés pour chaque page du site.
    • Accent mis sur la structuration correcte du code HTML du site web pour que Google s'y retrouve plus facilement dans l'indexage de nos contenus (tutoriels, astuces, ...)
    • Support futur de l'anglais pour que notre site web soit aussi référencé aux États-Unis, au Royaume-Uni, ...
  • Le supporte du multilangues sur notre site web :
    • Tout le site (ainsi que sa base de données) a été reprogrammé pour pouvoir supporter plusieurs langues.
    • Les drapeaux sont disponibles en haut à droite du site web pour changer de langue, sans pour autant retomber sur la page d'accueil.