# 7.7.1.2. Architecture technique de l’application Front

## 7.7.1.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.7.1.2.2. Le Framework Front : AngularJS 1.5.3

### 7.7.1.2.2.1. Les modules AngularJS utilisés:

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

### 7.7.1.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.7.1.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 /css : feuilles de styles /images : images affichées dans l’application
`/js` | /controller : controllers AngularJS
`/modules` | /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