Annexe VI: extrait du module général de
l'application (appCables)
1. var app = angular.module('appCables', [
'cablesControllers', 'baseMort', 'baseAires' , 'baseTroncons','baseTronAerien',
'cablesServices', 'FormDirectives', 'DisplayDire ctives', 'ui.bootstrap',
'darthwade.loading', 'mapServices', 'LocalStorageModule']);
2.
3. // module de gestion de la page d'accueil
4. angular.module('cablesControllers', ['cablesServices',
'mapServices', 'ngRoute', 'ng Table']);
5.
6. // module de gestion test mort
7. angular.module('baseMort', ['cablesServices', 'mapServices',
'ngRoute', 'ngTable']);
8.
9. // module de gestion test aires
10. angular.module('baseAires', ['cablesServices',
'mapServices', 'ngRoute', 'ngTable']) ;
11.
12. // module de gestion test tronc
13. angular.module('baseTroncons', ['cablesServices',
'mapServices','ngRoute', 'ngTable' ]);
14.
15. // module de gestion test
16. angular.module('baseTronAerien', ['cablesServices',
'mapServices','ngRoute', 'ngTabl e']);
17.
18. // services de l'application
19. angular.module('cablesServices', ['mapServices']);
20.
21. // directives formulaires
22. angular.module('FormDirectives', ['angularFileUpload',
'mapServices']);
23.
24. // directives affichage
25. angular.module('DisplayDirectives', ['mapServices']);
26.
27. // directives map
28. angular.module('mapServices', ['cablesServices']);
41
Université Jean Monnet de Saint-Etienne Khadim
MBACKE
< / Développement d'une application de
cartographie interactive sur internet >
Annexe VII: exemple de
configuration d'un schéma
? Pour la liste
1. title: Zone Sensible Aigles Royal
2. emptyMsg: Aucune zone pour le moment
3. createBtnLabel: Nouvelle zone
4. createUrl: "#/cables/edit/aires/"
5. editUrl: "#/cables/edit/aires/"
6. detailUrl: "#/cables/aires/"
7. editAccess: 5
8. fields:
9. - name: id
10. label: ID
11. filter:
12. id: text
13. options:Â
14. visible: false
15.
16. - name: commentaires
17. label: Commentaires
18. filter:
19. commentaires: text
20. options:
21. visible: true
22. - name: lieu
23. label: Lieu
24. filter:
25. lieu: text
26. options:
27. visible: true
28. - name: source
29. label: Source
30. filter:
31. source: text
32. options:
33. visible: true
? Pour le détail
1. editAccess: 3
2. subEditAccess: 2
3. groups:
4. - name: Informations
5. fields:
6. - name: commentaires
7. label: "Commentaires"
8. type: string
9. - name: lieu
10. label: "Lieu"
11. type: string
12. - name: source
13. label: "Source"
14. type: string
15. #help: ""
42
Université Jean Monnet de Saint-Etienne Khadim
MBACKE
< / Développement d'une application de
cartographie interactive sur internet >
Université Jean Monnet de Saint-Etienne Khadim
MBACKE
43
? Pour l'édition
1. deleteAccess: 5
2. groups:
3. - name: Localisation
4. fields:
5. - name: geom
6. label: Coordonn(c)es GPS
7. type: geom
8. options:
9. geometryType: circle
10. dataUrl: cables/aires
11. - name: Informations
12. fields:
13. - name: id
14. label: ID
15. type: hidden
16. - name: source
17. label: Source
18. type: string
19. options:
20. maxlength: 250
21. - name: lieu
22. label: Lieu
23. type: string
24. options:
25. maxlength: 250
Université Jean Monnet de Saint-Etienne Khadim
MBACKE
44
< / Développement d'une application de
cartographie interactive sur internet >
Annexe VIII: tableau des
fonctionnalités
|
Fonctionnalité
|
Description
|
|
Légende
dynamique
|
Pliable/dépliable
|
Une légende qui est pliable et dépliable sur la
carte
|
|
Légende transparente
|
Une légende transparente sur la carte
|
|
Arborescence couche
|
Possibilité de gérer l'arborescence des couches
|
|
Visibilité couche
|
Possibilité d'afficher ou maquer les couches
|
|
Symbologie
|
Mettre des symboles sur différents sur les couches
|
|
Fonds raster
|
Ajouter des couches rasters
|
|
Session
|
Possibilité de garder les cases cochées et
décochées
|
|
Données
attributaires
dans
tableau
|
Pliable/dépliable
|
Un tableau pliable et dépliable depuis un bouton
|
|
Interface
|
Garder la même interface en liste, détail et
édition
|
|
Filtre
|
Filtrer directement à partir du tableau de
données
|
|
Zoom
|
Faire un zoom sur l'élément filtré dans la
carte
|
|
Détail
|
Affichage de données en fonction du niveau de
l'utilisateur
|
|
Boutons
|
· Bouton Afficher pour montrer le détail d'un
élément
· Bouton Editer pour modifier l'élément
· Bouton Supprimer sur tableau données et
possibilités de supprimer en lot
· Ajout des boutons Modifier et Supprimer en mode
détail
|
Saisie
|
Ajout de données
|
Ajout de données depuis un bouton devant le tableau
|
|
Enregistrer une donnée et rester sur la même page
pour en recréer :
· on reste sur l'interface saisie et le formulaire est
vidé + un bouton pour récupérer données saisies
précédentes
· on reste sur l'interface saisie et le formulaire reste
plein avec possibilité de supprimer données dans champs + bouton
vider les données
|
|
Enregistrer une donnée et retourner sur la liste de
données
|
|
Possibilité de pouvoir déplacer automatique la
géométrie sur la carte sans cliquer sur Editer de Leaflet.
|
|
Regrouper les catégories de données dans des blocs
pliables en mode création ou édition de données
|
|
Possibilité de garder la légende pendant la
saisie de données
|
|
Garder la même interface qu'en liste et détail
|
|
Université Jean Monnet de Saint-Etienne Khadim
MBACKE
45
< / Développement d'une application de
cartographie interactive sur internet >
|
Boutons
|
· Bouton Supprimer
· Bouton Annuler
|
Recherche
|
Recherche de données
|
· Critère géographique + critère
métier + filtre métier dans tableau résultats
· Critère géographique + filtre métier
dans tableau résultats
· Récapitulatif des critères de recherche
depuis le tableau résultat
|
Fichier
|
Photos
|
Possibilité d'ajouter des photos en mode saisie
|
Sortie
|
Impression/export
|
· Possibilité d'exporter le tableau de
données
· Exporter la carte sous divers formats
|
|
Université Jean Monnet de Saint-Etienne Khadim
MBACKE
46
< / Développement d'une application de
cartographie interactive sur internet >
| 
