7.6.2.2. Architecture technique de l’application Front

7.6.2.2.1. But de cette documentation

Cette documentation présente la structure technique de l’application Front Single Page développée avec AngularJS 1.

7.6.2.2.2. Le Framework Front : AngularJS 1.5.3

7.6.2.2.2.1. Les modules AngularJS utilisés:

  • angular-animate
  • angular-resource
  • angular-route

7.6.2.2.2.2. Autres frameworks Front utilisés

  • bootstrap (3.3.x) : Responsive feature + CSS + Composants graphiques (bouton + label + zone de saisie)
  • jquery (2.2.x)
  • angular-material (1.1.0) : Les alertes affichées (de confirmation, d’erreur et d’information) et l’écran de détails d’une opération logbook
  • angular-file-upload (2.3.4) : Composant pour l’import des fichiers (SIP, référentiels)
  • restangular (1.5.2) : Client REST
  • v-accordion (1.6.0) : Composant de regroupement (effet accordion) utilisé dans l’écran du formulaire d’une archive
  • bootstrap-material-design-icons: Les îcones utilisées dans le menu et les boutons

7.6.2.2.3. Organisation de l’application

/webapp

/archives : les fichiers json utilisés pour tester l’affichage du formulaire d’une archive unit côté Front

/bower_components : librairies et dépendances (téléchargées en exécutant npm install ou bower install)

/css : feuilles de styles

/images : images affichées dans l’application

/js /controller : controllers AngularJS
/modules

/archive-unit : module qui gére l’écran du formulaire d’une Archive Unit

/archive-unit-search : module qui gére l’écran de recherche des Archive Units

/config: contient les éventuels fichiers utilisés pour customiser l’affichage. Actuellement, le fichier de traduction d’un premier lot de labels de meta données a été ajouté.

/core : contient les factories et les services

/file-format : module qui gére l’écran d’import du référentiel PRONOUN

/logbook : module qui gére l’écran de recherche d’opérations Logbook

/parent : répertoire qui contient les fichiers app.module.js et app.config.js qui définissent respectivement les modules Angular et les routes déclarés dans l’application.

/views : templates HTML

bower.json : dépendances gérées par bower

index.html : page principale

package.json : fichier de configuration nodejs