Aller au contenu principal
Version: Current 🚀

Architecture de l'UI Isotope

Objectifs​

Parmis les objectifs d'Isotope on retrouve :

  • La fourniture en standard d'un module d'administration
  • L'industrialisation de la production des nouveaux composants de l'UI, y compris ceux qui sont rĂ©alisĂ©s sur mesure pour un client

Principes d'architecture​

Pour répondre à ces objectifs, Isotope s'appuie, pour la partie cliente, sur l'architecture suivante : architecture des composants UI Isotope

Un composant de l'IHM est ainsi construit en deux couches :

  • Une couche technique, mutualisĂ©e entre tous les composants du mĂŞme type (une liste, un menu, un formulaire...)
  • Une couche graphique qui sera :
    • FigĂ©e pour les composants standard Isotope
    • Construite sur mesure pour les composants designĂ©s spĂ©cifiquement pour le client

Afin de gérer ces deux univers (l'administration incluse de base à Isotope et le front spécifique à l'application du client), L'architecture applicative prend la forme suivante :

architecture applicative Isotope

Le module d'administration est accessible par un lien (bouton, lien textuel...) présent dans le front. Cela rend acceptable les éventuels écarts d'ergonomie ou de charte des deux univers.

L'administration reste néanmoins personnalisable sur les axes suivants :

  • Configuration d'une couleur principale (couleur de thème) et d'une couleur secondaire (couleur d'accent)
  • SĂ©lection d'une police de caractères spĂ©cifique

La géométrie d'une application peut varier depuis le 100% "admin" (basée intégralement sur les composants UI figés d'Isotope, et donc peu coûteuse) jusqu'au 100% "front" (s'appuyant intégralement sur une ergonomie spécifique, et donc plus coûteuse).

Les composants liés à la gestion et à la connexion des utilisateurs sont fournis en standard dans le module d'administration. Ils sont personnalisés lorsque le contexte client le requiert.

Choix pour l'administration​

Pour les composants (figés) du module d'administration d'Isotope, les orientations suivantes ont été prises :

  • Listes d'objets prĂ©sentĂ©es Ă  l'aide de data tables
  • CrĂ©ation et modification des objets via des pop-in
  • Layout figĂ©