X7 Progiciel – CRM pour les distributeurs d’eau potable et d’assainissement

 

Mission réalisée chez GFI Informatique

Projet : 1 membre

Développeur web CSS3/LESS

En tant que développeur web, j’avais pour objectif de créer un module de changement de thèmes personnalisés. Ce système permettait de changer toute l’apparence du progiciel en seulement 2 clics.

Cela permettait également d’avoir une identité visuelle pour chacun de nos clients. Pour cela, je devais rendre le code CSS, initialement statique, en code dynamique grâce au langage LESS.

OBJECTIFS :

GFI Informatique est une ESN française cotée à la Bourse de Paris. GFI est divisée en plusieurs branches, qui sont elles-mêmes divisées en nombreuses équipes de projets. Me concernant, je travaillais au sein d’une équipe de développement d’un progiciel nommé « X7 ». Ma mission était de développer un module de changement de thèmes et de créer une charte graphique pour chaque thème.

ÉTAPES DE CONCEPTION :

Ce projet a connu plusieurs phases de conception :

  • Dans une première partie, je devais optimiser le code CSS,
  • Ensuite, je devais transformer une partie du code CSS en langage LESS pour le rendre dynamique,
  • Puis, je devais concevoir chaque thème avec une charte graphique différente en fonction des clients,
  • Enfin, je devais créer le module qui permettait le changement d’un thème à un autre.

TECHNOLOGIES UTILISÉES :

HTML5, CSS3, LESS, Javascript.

CSS à LESS

La refonte du code CSS sur le projet X7 a permis d’une part à le rendre plus léger mais elle a surtout permis de revoir l’apparence du progiciel en l’adaptant le mieux possible au langage LESS.

Ensuite, je devais adapter le code CSS3 en code LESS pour le rendre dynamique et ainsi permettre le changement d’une feuille de style à une autre.

Développement du Module de thèmes

Enfin je devais créer le module de changement de thèmes personnalisés.

Pour cela, j’ai utilisé le langage javascript permettant de sélectionner le thème souhaité grâce à un bouton SELECT en HTML.

Le passage d’un thème à un autre pouvait s’effectuer grâce aux différentes feuilles de style au format LESS.

Booster vos ventes

Commençons à travailler ensemble