1. Ergonomie

1.1. Connexion, déconnexion

1.1.1. Connexion

Une application openMairie est une application Web, pour l’utiliser depuis un terminal tel qu’un ordinateur ou une tablette, il faut démarrer un navigateur Web afin d’y saisir l’adresse et les identifiants de connexion fournis par votre administrateur qu’il aura au préalable configuré dans le logiciel.

1.1.1.2. Saisie des informations de connexion

Cet écran de connexion est composé de deux zones de texte et d’un bouton.

../../_images/a_connexion_formulaire.png

Formulaire de connexion

La figure ci-dessus présente l’écran d’identification, il faut saisir son identifiant et son mot de passe puis cliquer sur Se connecter.

Note

L’identifiant et le mot de passe doivent être saisis en respectant la casse, c’est-à-dire les minuscules et majuscules.

1.1.1.2.1. Connexion échouée

Si les identifiants saisis sont incorrects, un message d’erreur apparaît et il faut ressaisir les informations de connexion et re-cliquer sur Se connecter.

../../_images/a_connexion_message_erreur.png

Message de connexion échouée

1.1.1.2.2. Connexion réussie

Si les identifiants sont corrects, vous êtes redirigé vers la page demandée sur laquelle le message suivant doit d’afficher.

../../_images/a_connexion_message_ok.png

Message de connexion réussie

1.1.2. Déconnexion

Tant que toutes les fenêtres de votre navigateur ne sont pas fermées, votre session reste ouverte dans votre navigateur au moins pour un temps: une nouvelle fenêtre Firefox aura alors accès à l’application avec votre compte. Pour une question de sécurité, il est donc important de prendre l’habitude de déconnecter de l’application quand vous n’en avez plus l’usage immédiat.

L’action « Déconnexion » est disponible à tout moment dans les actions personnelles en haut à droite de l’écran.

../../_images/a_deconnexion_action.png

Action « Déconnexion » dans la barre d’actions personnelles

Une fois déconnecté, c’est le formulaire de connexion qui s’affiche avec un message expliquant la réussite de la déconnexion.

../../_images/a_deconnexion_message_ok.png

Message de déconnexion réussie

1.2. Ergonomie générale

L’application, sur la grande majorité des écrans, conserve ses composants disposés exactement au même endroit. Cette structuration de l’application permet donc à l’utilisateur de toujours trouver les outils au même endroit et de se repérer rapidement. Nous allons décrire ici le fonctionnement et l’objectif de chacun de ces composants.

../../_images/a_ergonomie_generale_detail.png

Ergonomie générale

Note

Les actions et affichages de l’application diffèrent en fonction du profil de l’utilisateur. Il se peut donc que dans les paragraphes qui suivent des actions soient décrites et n’apparaissent pas sur votre interface ou inversement que des actions ne soient pas décrites mais apparaissent sur votre interface.

1.2.1. Le haut de page

1.2.1.2. Actions personnelles

Cet élément affiche plusieurs informations importantes.

Par défaut:

  • L’identifiant de l’utilisateur actuellement connecté
  • Le nom de la collectivité sur laquelle nous sommes en train de travailler. En mode multi-collectivité, une action est proposée sur ce champ pour permettre de changer de collectivité.
  • Enfin l’action pour permettre de changer de mot de passe peut être proposée
  • En dernier, le bouton et le mot Déconnexion pour se déconnecter
../../_images/a_ergonomie_actions_personnelles.png

Actions personnelles

1.2.1.3. Raccourcis

Cet élément permet d’afficher des raccourcis vers des écrans auxquels nous avons besoin d’accéder très souvent. Par exemple, ici nous avons un lien vers le tableau de bord.

../../_images/a_ergonomie_raccourcis.png

Raccourcis

1.2.2. La colonne de gauche

1.2.3. La zone centrale

Cet élément est la fenêtre active sélectionnée par le menu.

La plupart des éléments du menu conduisent à afficher dans la fenêtre soit un listing, soit un formulaire, dont le fonctionnement général est décrit dans le paragraphe “Listings et Formulaires”.

Au démarrage, c’est le tableau de bord qui y est affiché. Le tableau de bord affiche des éléments sous forme de bloc appelés widgets. Les widgets présentés et leur place dépendent du profil de droit de l’utilisateur.

Les deux vocations principales de ces widgets de tableau de bord sont :

  • aider au pilotage en affichant des indicateurs et des liens vers les menus s’y rapportant
  • offrir un accès transverse: cartographie, recherche inter-menu

1.2.4. Le pied de page

1.2.4.1. Actions globales

Cet élément permet d’afficher en permanence le nom et la version du logiciel.

Ensuite on a par défaut différents hyper-liens vers :

  • la documentation
  • l’espace d’échange (forum) de l’application
  • la page de l’application sur le site officiel openMairie
../../_images/a_ergonomie_actions_globales.png

Actions globales

1.3. Listings et Formulaires

1.3.1. Listings

Un listing s’affiche quand on clique sur la plupart des entrées du menu. Par exemple, pour le menu Administration > Gestion des utilisateurs > Utilisateur :

../../_images/m_ergonomie_listing_global.png

Listing

Le titre indique le menu qui a été demandé; ici : Administration  => Droit

Le listing est affichée dans un onglet dont le nom rappelle le sous-menu; ici : Droit

C’est à partir du listing qu’on peut demander l’ajout d’un enregistrement dans le cas ou l’ajout est autorisé. Cela se fait grâce au bouton bouton_ajout situé dans l’en-tête de la première colonne.

1.3.1.1. La zone de pagination

Cette zone affiche le nombre d’enregistrements du listing, en tenant compte des filtres de recherche éventuels en cours. Par défaut, le listing est paginée par 15, et on peut soit faire défiler les pages, soit sélectionner la page à afficher.

../../_images/m_ergonomie_listing_pagination.png

Pagination de listing

1.3.1.2. La zone de recherche

Quel que soit le mode de recherche:
  • on utilise le caractère * pour indiquer un ou plusieurs caractères inconnus
  • il faut vérifier dans la note sous la zone de recherche si des * sont ajoutés implicitement ou pas en début ou fin; par défaut ils le sont
  • une zone laissée vide ou avec seulement des blancs est ignorée
  • pour chercher plusieurs valeurs à la fois, il faut les séparer par des virgules dans la zone de saisie. Par exemple, pour chercher 120 ou 121 ou 124 ou 127: 120,121,124,127
  • la casse (minuscule/majuscule) est ignorée
  • les accents et caractères de ponctuation sont ignorés

Par défaut, une zone de recherche standard est affichée en haut à droite, s’il n’a pas été prévu une recherche avancée pour ce listing.

On peut rechercher une ou des valeurs en la saisissant, en sélectionnant des champs parmi lesquels on cherche (Tous par défaut), et cliquer sur Recherche :

../../_images/a_ergonomie_exemple_listing_recherche_standard.png

Recherche standard

Si une recherche avancée a été prévue, en cliquant sur le libellé Afficher la recherche ..., on peut basculer entre les modes recherche avancée et simple.

En recherche avancée :

../../_images/a_ergonomie_exemple_listing_recherche_avancee.png

Recherche avancée

  • chaque zone de saisie cherche dans le champ associé
  • sur la droite en haut du listing, il peut y avoir des icones qui permettent:
  • d’imprimer le résultat: imprimante
  • d’exporter le résultat: csv

En recherche simple:

../../_images/a_ergonomie_exemple_listing_recherche_simple.png

Recherche simple

  • une seule zone de saisie sert à chercher
  • on peut chercher soit dans un champ, soit dans tous les champs à la fois, comme avec la recherche standard

Une fois la recherche effectuée, le listing affiche les éléments correspondants.

1.3.1.3. Entête des colonnes

Ajout

L’icone bouton_ajout, s’il est présent dans l’en-te de la 1ère colonne, permet d’ajouter un nouvel enregistrement. D’autres actions transverses à tous les enregistrements peuvent être proposées ici, chacune est alors représentée par une icone.

Tri

Un listing ne peut être trié que sur une seule colonne à la fois. Une icône « triangle » devant le titre de la colonne permet de changer l’ordre de trier :

  • pointe à l’horizontale trianglehorizontal : sans tri demandé par l’utilisateur (tri par défaut); en général il s’agit d’un tri par libellé
  • pointe vers le bas trianglebas : tri « dans le sens naturel de lecture », du plus petit au plus grand
  • pointe vers le haut trianglehaut : tri « dans le sens inverse du sens naturel de lecture », du plus grand au plus petit

Note

pour certaines applications, les icônes triangle sont parfois inversées par rapport au standard openMairie :

  • pointe en haut trianglehaut : tri croissant
  • pointe en bas trianglebas : tri décroissant

Indicateur d’éligibilité à la recherche

Une icône loupe après le titre de la colonne indique qu’une recherche peut être faite sur les valeurs de cette colonne.

1.3.1.4. Consultation

Par défaut, pour consulter un enregistrement du listing, on peut cliquer :

  • Soit dans la première colonne sur l’icone loupedossier
  • Soit sur n’importe quelle valeur de la ligne

Un écran formulaire de consultation s’affiche alors, permettant, de consulter la totalité des informations relatives à la ligne sélectionnée, et d’effectuer des actions sur cet enregistrement.

Dans cette première colonne, d’autres actions que la consultation peuvent être proposées: chacune est alors représentée par une icone.

1.3.2. Formulaires

Les formulaires sont de deux types : le formulaire de consultation et le formulaire d’ajout ou mise à jour.

Ils ont en commun un certain nombre d’éléments : le retour, les zones repliées, les onglets.

1.3.2.1. Les éléments communs aux formulaires de consultation et mise à jour

Les boutons retour

Sur la partie gauche, en haut et en bas de l’écran, se trouve un lien retour permettant de revenir à l’écran précedent.

Si on est sur un écran de consultation, il ramène au listing.

Si on est sur un écran de modification, il ramène à l’écran de consultation.

Note

Lorsqu’on clique sur “”Retour””, il n’y a pas d’enregistrement des modifications effectuées, les saisies sont perdues.

Les zones repliées

Afin de présenter immédiatement les informations les plus importantes, certaines informations sont présentées repliées. Pour consulter le contenu du bloc, il suffit de le déplier en cliquant dessus.

../../_images/a_ergonomie_fieldset_closed.png

Fieldset replié

Les onglets :

La fiche d’un élément est le premier onglet. Les autres onglets affichent les sous-listings des éléments d’une autre nature qui lui sont directement rattachés.

Par exemple, pour un Profil de droit:

  • les compositions de tableaux de bord rattachés à ce profil
  • les droits rattachés à ce profil
  • les utilisateurs rattachés à ce profil

Ces listings peuvent être filtrés : à chaque caractère saisi, le filtre est appliqué immédiatement sur toutes les colonnes éligibles du listing.

../../_images/a_ergonomie_exemple_onglet_listing_recherche_live.png

Formulaire sous-listing dans un onglet

1.3.2.2. Le formulaire de consultation

Les boutons d’action :

Dans le formulaire de consultation d’un enregistrement, sur la partie droite de l’écran se trouve un bloc avec les boutons permettant d’effectuer une action sur cet enregistrement, telle qu’une modification, une suppression ou afficher une édition PDF.

../../_images/a_ergonomie_portlet_actions_contextuelles.png

Bloc des actions d’un formulaire de consultation

Les actions présentées sont celles qui sont autorisées en termes de droit ainsi qu’en fonction du contexte. On peut par exemple interdire à tous de supprimer un élément dont dépendent d’autres éléments…

Un clic sur Modifier ou Supprimer charge le formulaire de mise à jour correspondant sur lequel se trouve le bouton de validation permettant d’enregistrer la modification ou la suppression.

Pour rappel, la création (ajout) se fait par un bouton présent sur le listing : bouton_ajout

1.3.2.3. Le formulaire de mise à jour

Les zones obligatoires : Leur libellé est suivi d’une * .

L’enregistrement :

L’enregistrement des modifications (ajout, modification ou suppression) ne se fait qu’après avoir cliqué sur le bouton de validation situé à gauche de l’écran, en haut et en bas, à côté du bouton Retour.

Le libellé du bouton varie suivant le type de mise à jour demandé : Ajouter, Modifier, Supprimer.

../../_images/a_ergonomie_exemple_formulaire_modification.png

Validation de formulaire

Lorsque l’enregistrement est effectué, le formulaire de consultation s’affiche de nouveau avec confirmation de l’enregistrement.

../../_images/a_ergonomie_exemple_formulaire_modification_message_validation.png

Message de confirmation

1.4. Usage du module om_sig

Note

Cette section a pour objet de décrire le module sig interne d’openMairie dans la version om 4.4.5.

Dans sa version 4.4.5 ;

  • intégration des formulaires dans le sig interne
  • integration des résultats du moteur de recherche dans les cartes (cas utilisation moteur de recherche)
  • intégration dans les cartes d’un résultat dans reqmo (cas d’utilisation reqmo)
  • accès multiples aux objets
  • accès à des objets multi géométrie

La nouveauté est la mise en place d’une nouvelle ergonomie avec un cartouche où sont accessibles toutes les commandes.

1.4.1. Ergonomie de l’interface SIG interne:

Nous allons décrire l’ergonomie d’om_sig qui se présente en plusieurs zones

../../_images/ergonomie.png

Les éléments de l’interface sont les suivants :

1 En haut à gauche , il est noté l’objet et l’enregistrement concernés :

objet PERE et enregistrement -1

Quand l’enregistrement est -1, cela veut dire qu’il n’y a pas d’objet sélectionné.

2 la barre de zoom

3 la fenêtre de navigation rapide

4 l’attribution : openCadastre

5 fenetre message : mesure distance = 244 683 m

6 Outils disponnibles : boite à outil, édition, information, couches et fonds

7 Menu

1.4.2. les fonds :

../../_images/fond.png

Ils sont paramétrés dans om_sig_map.

Dans notre cas, les options OSM et Bing sont cochées et il y a 2 flux wms paramétrés dans om_sig_flux et associés à om_sig_map (om_sig_map_flux) qui sont : cadastre, orthophoto 2003.

voir paramétrage

1.4.3. les couches :

Dans notre exemple, il y a :

  • deux couches vecteurs modifiables : point et périmètre,
../../_images/couche_vecteur.png
  • une couche de marqueurs (option layerInfo d’om_sig_map),
../../_images/couche_marqueur.png
  • Trois flux wms: métier, adresse et métier filtré
../../_images/couche_flux.png

Les flux sont paramétrés dans om_sig_flux et ils sont associés aux cartes dans om_sig_map_flux.

Voir paramétrage

1.4.4. Information:

Cet onglet donne les informations disponibles lorsque l’on clique sur la carte sur un fond wms, le ou les marqueurs, une donnée vecteur.

1.4.4.1. un fond wms

../../_images/info_wms.png

La couche de fond est le cadastre.

En cliquant sur le batiment 7916, le flux wms « bati » et le flux « parcelles » sont affichés dans l’onglet « infos »

1.4.4.2. le marqueur

../../_images/info_marqueur_flux.png

Lorsqu’il y a plusieurs enregistrements sur un même marqueur, exemple : plusieurs électeurs à une même adresse, tous les enregistrements s’affichent si on est sur une recherche simple ou sur un moteur de recherche.

Il est possible dans l’information du marqueur de mettre un pointeur vers un formulaire de la manière suivante :

Dans om_sig_map : champ URL

../app/index.php?module=sousform&obj=pere&action=3&idx=

1.4.4.3. une donnée vecteur

../../_images/info_donne_wms.png

les données sont paramétrables dans om_sig_map (voir paramétrage)

Les flux parcelles, pere_perim et fpere_perim sont les informations des flux wms cochés dans la ou les couche(s)

1.4.5. Boite à outils :

La boite à outil est accessible dans l’onglet outil du menu cartographique

../../_images/boite_outil.png

1.4.5.1. Accès au formulaire de saisie de données

../../_images/map-form.png

Il est possible d’accéder au formulaire de saisie de l’enregistrement courant (sous formulaire)

../../_images/form.png

En appuyant sur modifier, vous pouvez modifier les données de l’enregistrement.

../../_images/form2.png

La suppression de l’enregistrement n’est pas géree dans la carte, par contre elle est effective dans la base :

  • le point reste sur la carte et n’est pas supprimé
  • les données du marqueurs restent visualisables

En cas de rafraischissement de la carte, les données ont disparu.

CONSEIL : ne pas utiliser l’option supprimer dans le formulaire

De même le champ geom du formulaire renvoie par défaut sur la carte. Il vaut mieux éviter d’afficher le champ geom sur les formulaires de cartes.

1.4.5.3. Se géolocaliser dans la carte

Ce bouton sert a se géolocaliser dans la carte

../../_images/map-geoloc.png

1.4.5.4. Mesurer une distance

Il est possible de mesurer une distance avec l’outil

../../_images/map-distance.png

Cliquer sur les points à mesurer, cliquez 2 fois pour obtenir la mesure qui s’affiche dans la fenêtre observation

Appuyer sur le bouton « Navigation » pour sortir de l’outil de mesure.

1.4.5.5. Mesurer une aire

Il est possible de mesurer une aire avec l’outil

../../_images/map-area.png

cliquer sur les angles du polygone à mesurer, cliquez 2 fois pour obtenir la mesure qui s’affiche dans la fenêtre observation

Appuyer sur le bouton « Navigation » pour sortir de l’outil de mesure.

1.4.6. Mode édition :

En mode édition, on ne peut plus accéder aux autres onglets

Cet onglet permet de modifier la ou les géométries de l’enregistrement de l’objet courant :

ci dessous la géométrie point de pere 1

../../_images/geom_point.png

Il est possible dans la fenêtre du haut de choisir une des géométries à modifier, ici le point ou le polygone de père 1

1.4.7. Edition d’un point:

Nous choisissons d’éditer le point :

1.4.7.1. Création d’un ou plusieurs points :

../../_images/map-edit-point.png

Après avoir sélectionné ce bouton, cliquez sur la carte à l’endroit où vous voulez le point. Vous pouvez créer un ou plusieurs points. Le point est de couleur bleue.

1.4.7.2. Modifier une géométrie sélectionnées :

../../_images/map-edit-modif.png

Sélectionner un des points en cliquant dessus, il devient rouge.

Vous pouvez maintenant le déplacer

1.4.7.3. (Dé)selectionner une géométrie :

Vous pouvez selectionner ou déselectionner un point :

../../_images/map-edit-select.png
  • bleu : non sélectionné
  • rouge sélectionné

Un point sélectionné est actif pour une modification, suppression ou enregistrement

1.4.7.4. Supprimer une géométrie selectionnée :

En appuyant sur

../../_images/map-edit-erase.png

Vous effacez la ou les géométries sélectionnées

1.4.7.5. Vérifier avant enregistrement d’un point:

../../_images/map-edit-valid.png

Cette option vous permet de vérifier que votre géométrie est valide avant enregistrement.

Si vous avez par exemple plusieurs points sélectionnés et que la géométrie attendue est un seul point, un message s’affichera en observation

Edition: Données invalides! Point: MultiPoint sélectionné, point attendu

Si dans le même cas vous avez sélectionné qu’un seul point :

  • Les points construits non selectionnés seront effacés.

  • le message sera le suivant

    Edition: vérification terminée avec succès
    

1.4.7.6. Enregistrer un point :

Cette option permet d’enregistrer un point.

../../_images/map-edit-record.png

1.4.8. Edition d’un polygone:

En sélectionnant périmètre, on peut mettre à jour la géométrie polygone.

../../_images/geom_perimetre.png

1.4.8.1. Utilisation du panier pour construire une géométrie

Dans panier, choisir un panier (ici parcelle panier)

Le fond correspondant à parcelle panier s’affiche (cadastre)

Séléctionner une ou des géométries.

../../_images/parcelle_pannier.png

Valider l’option récupération panier en appuyant sur

../../_images/map-edit-get-cart.png

les objets récupérés sont en bleu.

../../_images/parcelle_pannier2.png

1.4.8.2. Créer un polygone

Vous pouvez créer un polygone en appuyant sur :

../../_images/map-edit-draw-polygon.png

Vous pouvez construire un polygone régulier en

  • en appuyant sur
../../_images/map-edit-draw-regular.png
  • sélectionner le nombre de côtés que vous voulez (par défaut 4)

1.4.8.3. Modifier un polygone sélectionné :

../../_images/map-edit-modif.png

Sélectionner un des polygones en cliquant dessus, il devient rouge.

Vous pouvez maintenant le modifier

1.4.8.4. (Dé)selectionner une géométrie :

Vous pouvez selectionner ou déselectionner un polygone :

../../_images/map-edit-select.png
  • bleu : non sélectionné
  • rouge sélectionné
../../_images/parcelle_pannier3.png

Un polygone sélectionné est actif pour une modification, suppression ou enregistrement

1.4.8.5. Supprimer un polygone selectionné :

En appuyant sur

../../_images/map-edit-erase.png

Vous effacez la ou les géométries sélectionnées

1.4.8.6. Vérifier avant enregistrement d’un polygone:

../../_images/map-edit-valid.png

Cette option vous permet de vérifier que votre géométrie est valide avant enregistrement.

1.4.8.7. Enregistrer un polygone :

Cette option permet d’enregistrer un polygone.

../../_images/map-edit-record.png

1.4.9. Modification d’un ligne :

En sélectionnant ligne, on peut mettre à jour la géométrie ligne.

1.4.9.1. Utilisation du panier pour construire une géométrie

Dans panier, choisir un panier (ici tronçon panier)

Le fond correspondant à troncon panier s’affiche

Séléctionner une ou des géométries.

Valider l’option récupération panier en appuyant sur

../../_images/map-edit-get-cart.png

les objets récupérés sont en bleu.

1.4.9.2. Créer une ligne :

Vous pouvez créer une ligne en appuyant sur :

../../_images/map-edit-draw-line.png

1.4.9.3. Modifier une ligne sélectionnée :

../../_images/map-edit-modif.png

Sélectionner une des lignes en cliquant dessus, elle devient rouge.

Vous pouvez maintenant modifier les points de la ligne

1.4.9.4. (Dé)selectionner une géométrie :

Vous pouvez selectionner ou déselectionner une ligne :

../../_images/map-edit-select.png
  • bleu : non sélectionnée
  • rouge sélectionnée

La ligne sélectionnée est active pour une modification, suppression ou enregistrement

1.4.9.5. Supprimer une ligne selectionnée :

En appuyant sur

../../_images/map-edit-erase.png

Vous effacez la ou les géométries sélectionnées

1.4.9.6. Vérifier avant enregistrement d’une ligne:

../../_images/map-edit-valid.png

Cette option vous permet de vérifier que votre géométrie est valide avant enregistrement.

1.4.9.7. Enregistrer une ligne :

../../_images/map-edit-record.png

Cette option permet d’enregistrer une ligne.