Connexion
Les champs ‘Login’ et ‘Mot de passe’ doivent être saisis par l’utilisateur.
Lorsque l’utilisateur clique sur le bouton [Valider] et si ses identifiants sont valides, il est alors redirigé sur la page principale de l’IHM.
Sinon un message d’erreur est affiché et l’utilisateur est invité à saisir de nouveau ses identifiants.
Navigation générale
Cette IHM se découpe en trois parties distinctes:
-
La partie informative sur l’utilisateur connecté. Cette partie personnalise l’accueil de l’utilisateur et lui permet de modifier son mot de passe selon son souhait.
-
La partie ’navigation par module’ Cette partie, située sur la colonne de gauche permet de lister les modules accessibles par l’utilisateur selon ses droits : accès à la partie [Créancier] ou [Sécurité] ou [Déconnexion].
-
La partie ’navigation principale’ Cette partie permet la navigation dans l’ensemble des fonctionnalités mises à disposition de l’utilisateur pour le module sélectionné dans la partie ci-dessus.
Par exemple, pour le module créancier, l’utilisateur a accès aux fonctionnalités de statistiques, de recherche sur les mandats, sur les SDD, sur les organisations…
Figure 0 - Navigation générale
Figure 1 - Application à l’IHM
Module ‘créancier’
Pour accéder à l’ensemble des fonctionnalités de la gestion des mandats décrites dans ce document, l’utilisateur doit sélectionner le module ‘créancier’.
Par défaut, il se peut que l’utilisateur ne voie que ce module, selon les droits qui lui ont été attribués.
Figure 2 - Accès au module créancier
Repérage fonctionnel
Des jeux de couleurs foncées/clairs permettent à l’utilisateur de se situer dans la partie ’navigation principale’.
Chaque fonctionnalité est associée à un onglet et la navigation d’une fonctionnalité à l’autre se fait par passage d’un onglet à un autre.
L’onglet dans lequel l’utilisateur se trouve est d’une couleur plus foncée que les autres onglets.
De même, pour chaque page accessible depuis un onglet, la couleur plus ou moins foncée permet à l’utilisateur de se repérer:
Exemple : l’utilisateur est dans la page ‘Rechercher un mandat’
Figure 3 - Page ‘Rechercher un mandat’
Enfin, cette navigation est reprise par l’affichage de la cinématique des pages pour chaque action effectuée par l’utilisateur:
Exemple: A partir du plus bas niveau de l’application ‘Home’, l’utilisateur retrouve sa navigation:
-
Module ‘Créanciers’
-
Onglet/fonctionnalité ‘Gestion des mandats’ (traduit plus simplement par ‘Mandats’).
-
Page ‘Rechercher un mandat’ (traduit plus simplement par ‘Recherche’).
Figure 4 - Repérage fonctionnel dans l’IHM
Critères de recherche
D’une façon générale, pour chaque recherche effectuée par l’utilisateur, les critères de recherche sélectionnés par cet utilisateur sont conservés lors de l’affichage des tableaux de résultats et jusqu’à ce qu’une nouvelle recherche soit effectuée.
Masquer les critères de recherche
Dans toutes les parties de l’IHM où il y a des critères de recherche, il est possible de masquer ceux-ci afin de gagner de la place pour l’affichage des résultats.
Pour masquer les critères de recherche, il faut cliquer sur le libellé ‘Critères de recherche’ présent en haut à gauche de chaque bloc de recherche:
Exemple : l’utilisateur clique sur le libellé ‘Critères de recherche’
Figure 5 - critères de recherche affichés
Résultat: en cliquant sur l’étiquette «Critères de recherche», les critères sont désormais masqués:
Figure 6 - les critères de recherche masqués
Bouton Réinitialiser
Un bouton [REINITIALISER] est présent dans chaque bloc de définition des critères de recherche.
Ce bouton permet de remettre aux valeurs par défaut tous les champs des critères de recherche.
Exemple : recherche valorisée pour le critère ‘IBAN’:
Figure 7 - Page de recherche
Après appui sur le bouton [REINITIALISER]:
Figure 8 - Fonctionnement du bouton \[REINITIALISER\]
Focus sur les tableaux
Pour chaque recherche pouvant être effectuée dans cette IHM, les résultats sont affichés sous forme de tableaux.
Présentation générale des tableaux
Au niveau de cette présentation sous forme de tableaux,
- Le nombre de résultats est présenté en bas de chaque tableau, ainsi que le nombre de pages de résultats. Une liste déroulante permet de modifier le nombre de résultats affichés:
Figure 9 - Présentation des tableaux de résultats
- Il est possible de faire un tri sur chaque colonne des tableaux de résultats, sauf sur les colonnes présentant les icones d’actions (c'est-à-dire sauf sur les colonnes dont le libellé est ‘Action’).
Ce tri s’effectue en cliquant directement sur le libellé de la colonne. En cliquant une fois sur une étiquette, le tableau sera trié par ordre croissant, tandis qu’en cliquant deux fois dessus, le tableau sera trié par ordre décroissant.
Exemple : tri sur la colonne ‘Nom’
Figure 10 - Tableau de résultats
Résultats:
Sur la colonne sur laquelle s’effectue le tri une flèche précise le sens du tri appliqué (ascendant ou descendant):
Figure 11 - Tri sur les tableaux
Absence de résultats
Lorsque la recherche ne renvoie aucune donnée avec les critères sélectionnés, le message «Aucun résultat à afficher» apparait à la place du tableau.
L’utilisateur peut alors effectuer une nouvelle recherche en modifiant ses critères:
Figure 12 - Absence de résultats
Description des icônes
Au niveau de chaque tableau d’affichage des résultats, il est possible pour chaque utilisateur et, selon ses droits, de réaliser des actions.
Ces actions sont accessibles via des icônes:
Cette icône permet d’accéder aux détails des informations récapitulatives de la ligne de résultat. En cliquant sur cette icone, le créancier supprime l’objet sélectionné.
Cette icône permet à l’utilisateur d’accéder en modification aux informations données sur la ligne de résultat.
Cette icône permet à l’utilisateur de consulter la ligne contenant l’icône.
Cette icone permet à l’utilisateur de générer le mandat au format PDF
Export CSV
Au niveau des tableaux affichant les résultats d’une recherche effectuée par l’utilisateur, il est possible de réaliser un export CSV des résultats.
Pour réaliser cet export, un bouton [EXPORTER LES RESULTATS EN CSV] apparait en bleu lorsque la recherche renvoie des résultats.
Figure 13 - \[EXPORTER LES RESULTATS EN CSV\]
Si l’utilisateur clique sur ce bouton, alors un pop-up s’affiche sur son écran afin de lui permettre le téléchargement des résultats.
Les informations exportées correspondent aux résultats trouvés lors de la requête, sans conservation des éventuels ordres de tri précisés par l’utilisateur.
Le nombre maximal de résultats exportés dans le fichier est limité à 100001.
Mais si le nombre de résultats à exporter est supérieur à 100001, un message d'erreur s'affiche.
Filtre créancier
Un utilisateur peut être rattaché à une organisation créancier. Sur plusieurs pages, il est possible de consulter les informations de cette organisation ou de l’une de ses sous-organisations.
Un rappel est indiqué à titre informatif pour expliquer la structure des organisations créanciers.
Trois types de filtres créanciers apparaissent dans les pages de l’application:
-
Un filtre permettant de sélectionner l’entité créancier uniquement
-
Un filtre permettant par ailleurs de préciser l’ICS
-
Un filtre permettant de préciser, en plus de l’ICS, le business code.
Ces différents points sont détaillés ci-dessous.
Rappel sur la structure des entités créanciers
Un créancier est représenté sous la forme d’une organisation hiérarchique afin de couvrir les différentes organisations existantes au sein d’une société.
Figure 14 - Exemple de structure Créancier
Un nœud de la structure créancier est défini par un nom, un ensemble d’ICS, un ensemble de Business Codes et un ensemble de comptes (BIC et IBAN). Ces caractéristiques se propagent du haut vers le bas de la structure et des restrictions peuvent être appliquées à chaque niveau de l’organisation. De plus, il est possible de définir à chaque nœud les comptes (BIC+IBAN) qu’un créancier, identifié par un ICS éventuellement complété d’un Business Code, peut manipuler. Un compte par défaut peut également être associé à un créancier donné.
L’ensemble des ICS et des Business Codes associés à chaque nœud détermine les données (mandats, flux SEPA) auxquelles il peut accéder.
Choix de l’entité créancier
L’utilisateur sélectionne l’entité créancier pour laquelle il souhaite filtrer les informations. Un utilisateur ne peut choisir que l’entité créancier ou distributeur à laquelle il est associé, ainsi que les enfants de celle-ci.
Figure 15 - « Filtre créancier » : choix de l’entité créancier
Choix de l’entité créancier et de l’ICS
L’utilisateur sélectionne premièrement l’entité créancier, tel qu’expliqué dans la section précédente.
Figure 16 - « Filtre créancier » : choix de l’entité créancier
L’utilisateur peut ensuite choisir un des comptes ICS associés à l’entité créancier qu’il a auparavant choisie:
Figure 17 - « Filtre créancier » : choix du compte ICS
Choix de l’entité créancier, de l’ICS et du Business Code
Enfin dans ce cas, l’utilisateur sélectionne d’abord l’entité créancier et le compte ICS, tel qu’indiqué dans les deux sections précédentes.
Ensuite il peut choisir un business code associé à l’ICS.
Figure 18 - « Filtre créancier » : choix du business code
Cycle de vie
L’historique des modifications des mandats, des R-Transactions et des SDD, est audité. Ces modifications sont consultables dans chacune des pages de consultation dans le détail de ces entités. Elles sont affichées sous la forme d’un tableau dans un bloc «Cycle de vie».
Exemple: cycle de vie d’un SDD
Figure 19 - Consulter un SDD: « Cycle de vie »
Le cycle de vie est ordonné par date décroissante. L’utilisateur peut consulter toutes les modifications: l’ancienne et la nouvelle valeur sont indiquées, ainsi que l’utilisateur à l’origine de cette modification et le type de cet utilisateur.
Une modification de source:
-
Fichier, indique que la modification a été réalisée suite à un traitement fichier
-
Back Office, indique que la modification a été réalisée suite à un traitement manuel
Fenêtre de confirmation
Certaines actions réalisées par l’utilisateur nécessitent sa confirmation: lorsqu’il souhaite activer, suspendre ou révoquer un mandat ou encore annuler un SDD. Après avoir cliqué sur le bouton d’action correspondant, un pop-up de confirmation s’affiche à l’écran invitant l’utilisateur à confirmer son choix. Il peut aussi rédiger un commentaire expliquant son action.
Exemple: pour annuler un SDD l’utilisateur doit aller sur la page de consultation des SDD (cf. 5.2 Consulter un SDD) et cliquer sur le bouton [ANNULER LE SDD].
Figure 20 - Consultation d'un SDD : Annuler un SDD
Une fois que l’utilisateur a cliqué sur le bouton, la fenêtre de confirmation suivante apparaît:
Figure 21 - Pop-up de confirmation de l\'annulation de SDD
Arborescence de l’IHM
L’image ci-dessous présente les différents menus et sous-menus présents dans cette IHM et qui seront détaillés ci-après.
Figure 22 - Arborescence de l’IHM
Mention légale
Le propriétaire de la plate-forme peut définir une mention légale pouvant être consulté par les utilisateurs. Pour le consulter, l'utilisateur doit cliquer sur le lien Mentions légales sur le pied de page. Cette action amène l'utilisateur à la page d'avis juridique ouverte dans un autre onglet du navigateur. Le lien n'est affiché que si un texte a été fourni par le propriétaire de la plateforme.
Figure 23 - Mention légale