Chapitre 1 Présentation du module Document UI

Le module Document UI se substitue aux interfaces Document de Dynacase, qui étaient des pages HTML entièrement générées côté serveur.

Il propose une interface graphique en HTML5 compatible avec les navigateurs modernes permettant une conception réactive (s'ajustant aux tailles des écrans), adaptée aux supports tactiles (tablettes) et facilement modifiable.

1.1 Concepts de développement

Les concepts mis en œuvre sont :

  • modularité : le module est composé d'un ensemble de widgets autonomes articulés autour d'un moteur de rendu,
  • HTML5 : l'utilisation des technologies HTML5 permet le support de résolutions diverses et des interactions tactiles,
  • événementiel : la cinématique des formulaires de saisie est modifiable via un ensemble d'événements standards,
  • robustesse : les éléments unitaires de l'interface sont inclus dans un système de test unitaire qui est exécuté sur les principales plateformes.

1.2 Éléments inclus

Le module inclut toutes les interfaces constituant le document, ce qui comprend :

  • le document en édition,
  • le document en consultation,
  • la fenêtre de changement d'étape,
  • la fenêtre d'historique,
  • la fenêtre de propriétés.

Chacun des éléments d'interface est disponible sous la forme d'un widget autonome qui peut être utilisé pour concevoir une interface globale uniforme.

De plus, un widget de contrôleur est mis à disposition pour mettre en place un document et interagir facilement avec lui.

1.3 Support navigateur

Les navigateurs compatibles sont :

  • Chrome : version 40 ou plus,
  • Firefox : version 36 ou plus,
  • Internet Explorer : version 11.

1.4 Illustrations

1.4.1 Design responsive

Document : largeur d'écran élevée

Figure 1. Document : largeur d'écran élevée

Document : largeur d'écran faible

Figure 2. Document : largeur d'écran faible

×