Interface des listes en format Tableau agile

De Documentation ISIOS
Aller à : navigation, rechercher

Puisque nous considérons que l'accès à l'information est le coeur d'une bonne solution de gestion, ISIOS permet de personnaliser l'affichage de chacune des listes selon vos besoins. Au cours de cette page, nous vous montrerons comment utiliser adéquatement ses fonctions.


Sommaire


Permissions requises

Plusieurs permissions globales sont proposées afin que les utilisateurs, selon leur niveau de permission, puissent configurer leur interface.


Pour plus d'informations, consultez la section sur la Gestion des Permissions Globales.


Autoriser la personnalisation du format des listes

Pour pouvoir modifier l'interface de la liste SANS la sauvegarder en tant que modèle, sélectionnez l'option Autoriser la personnalisation du format des listes'.


Option pour autoriser la modification de l'interface des listes SANS la sauvegarder en tant que modèle.


Ce que cela permet de faire :

  • D'ajouter des colonnes dans votre vue de la liste.
  • D'enlever des colonnes dans votre vue de la liste.
  • De déplacer les colonnes de votre vue de la liste.
  • D'ajuster et/ou de modifier les détails de la vue de votre liste.


La nouvelle interface sera alors sauvegardée uniquement dans un modèle personnalisé, c'est-à-dire que cette vue personnalisée sera accessible et visible uniquement par l'utilisateur qui a effectué cette configuration.


Sauvegarde d'un modèle personnalisé


Si l'utilisateur sélectionne un autre modèle de vue, alors son modèle personnalisé ne sera plus disponible. Un modèle personnalisé est éphémère et permet de répondre à un besoin de configuration ponctuel.


Gérer les modèles des vues listes

Pour pouvoir modifier l'interface de la vue de la liste ET la sauvegarder en tant que modèle agile, sélectionnez l'option Gérer les modèles des listes'.


Option pour autoriser la modification de l'interface des listes ET la sauvegarde en tant que modèle.


Ce que cela permet de faire :

  • De définir les colonnes d'une vue agile.
  • De définir les lignes d'une vue agile.
  • D'ordonnancer les colonnes et les lignes de la vue.
  • De sauvegarder les configurations des interfaces en tant que modèles.
  • De gérer les modèles (supprimer, renommer).
  • De gérer les accès aux modèles.

Les interfaces pourront alors être sauvegardées et disponibles dans les listes à tous les utilisateurs ou bien à un groupe restreint d'utilisateurs.


Cette permission est en général donnée par l'Organisation à un nombre réduit d'utilisateurs ayant un profil d'administrateur ou de pilote système.


Définition d'une vue agile

Lorsqu'un utilisateur accède à une fonctionnalité, il entre avant tout dans une vue.

Une Vue agile est :

  • un ensemble de données visibles dans une cartonnette.
  • des cartonnettes classées dans des colonnes et des lignes.
  • des filtres appliqués sur les données de la vue.


Exemple d'une vue agile


Formats de vues disponibles

Toutes les listes sur ISIOS fonctionnent de la même manière.

Il existe 2 formats de vues :

  • format liste : les données sont réparties dans des colonnes et détails.
  • format agile (Kanban) : les données sont réparties dans une cartonnette est classifiées selon les colonnes et lignes définies.


Pour pouvoir modifier le format de vue, référez-vous à la section Interface des listes en format liste.


Exemple d'une vue format agile (Kanban)

Exemple de format agile


Pour plus d'informations, consultez la section sur le Tableau Agile.


Configurer une vue agile

Sélection du format de la vue

Pour configurer une vue agile, se rendre dans la fonctionnalité visée puis :


1 - cliquez sur l'icône de la fonctionnalité situé au centre de la liste.


Accès


2 - cliquez sur Modifier.


Accès
Pour ouvrir directement l'interface de configuration, faire un clic droit directement dans la barre de titre.


3 - cliquez sur le bouton Layout et choisir Tableau agile.


Sélection du format Tableau agile


Explication de l'interface de configuration

L'interface de modification du modèle est composée de plusieurs sections qui vont permettre d'ajuster, de personnaliser :

  • Barre de recherche
  • Champs de la fonctionnalité disponibles pour la configuration
  • Options d'enregistrement
  • Prévisualisation et mise en page des données de la cartonnette
  • Sélection de l'axe vertical (colonnes)
  • Sélection de l'axe horizontal (lignes)


Sections de l'interface de modification d'une vue agile

Int.ListesAgile PointBleu.png : Moteur de recherche permettant de rechercher un champ disponible dans la fonctionnalité

Int.ListesAgile PointRose.png : Champs disponibles de la fonctionnalité pour la configuration de la vue

Int.ListesAgile PointMArron.png : Options d'enregistrement

Int.ListesAgile PointVert.png : Prévisualisation et mise en page des données de la cartonnette

Int.ListesAgile PointViolet.png : Sélection du champ qui représentera l'axe vertical des colonnes

Int.ListesAgile PointJaune.png : Sélection du champ qui représentera l'axe horizontal des lignes


Tous les champs disponibles dans la fonctionnalité sont visibles et utilisables dans la vue.


Un même champ ne peut pas être utilisé en même temps sur les 2 axes.


Configurer les données de la cartonnette agile

Les données visibles dans la cartonnette ainsi que leur ordonnancement est configurable.


Sélectionner des données dans la cartonnette

Pour ajouter des informations dans la cartonnette, sélectionnez les champs à afficher. Utilisez le moteur de recherche pour trouver rapidement les champs.


Sélection des données à afficher dans la cartonnette


Dans la prévisualisation de la cartonnette, la barre grise est le titre de l'item. Il s'agit d'une donnée obligatoire.


Barre de titre de l'item


Ordonnancer les données dans la cartonnette

L'ordre des données visibles dans la cartonnette dépendent de l'ordre des champs sélectionnés. Pour modifier l'ordre, cliquez sur le champ et le glisser à la place souhaitée. L'ordre sera alors modifié dans la prévisualisation de la cartonnette.


Modifier l'ordre des données de la cartonnette
Résultat observé


Mise en page des données dans la cartonnettes

La mise en page des données dans la cartonnette, permet d'ajuster l'emplacement de ces dernières de manière individuelle comme par exemple :

  • centrer
  • aligner à gauche
  • aligner à droite
  • afficher le titre du champ de la donnée à droite et le résultat à gauche
  • afficher le titre du champ de la donnée au dessus et le résultat en dessous
  • ne pas afficher le titre du champ mais seulement le résultat


Prévisualisation de la cartonnette


Aligner un champ

Pour aligner un champ dans la cartonnette, cliquez directement sur sa barre correspondant dans la cartonnette.

Champ Responsable centré
Résultat observé


Affichage du titre

En maintenant la touche CTRL + clic sur la barre du champ, il est possible de décider de la position du titre et de son résultat.


Exemple de titre à gauche
Résultat observé


Définir l'axe vertical (les colonnes) de la vue agile

La vue agile permet de définir les colonnes dans lesquelles les items de la fonctionnalité vont se classer.


Configuration des colonnes


Sélectionner le champ à appliquer

Comme un item ne peut être classé dans plusieurs colonnes, seuls les champs de type Check, Sélection, et Browse simple de la fonctionnalité seront alors proposés. Pour visualiser et choisir le champ à appliquer comme colonne, cliquez sur le menu déroulant et choisir le champ souhaité.


Choix du champ dans le menu déroulant


Les choix du champ vont alors s'afficher. Sélectionnez alors les choix à afficher. Chaque choix sera représenter alors dans une colonne.


Sélection des choix des colonnes


Des liens sont disponibles en dessous des choix proposés afin de Sélectionner tout ou Tout déselectionner.


Ordonnancer les colonnes du champ défini

Il est possible de définir l'ordre des colonnes visibles dans la vue agile. Pour ce faire, cliquez sur l'icône de poignée de la cellule

Int.ListesAgile Config poignee.png et glisser le choix à la place souhaitée.


Changer l'ordre des colonnes
Résultat observé


Ne pas hésiter à visualiser les différentes configurations au fur et à mesure en cliquant sur Int.ListesAgile Champ gros oeil.png. Il sera possible de continuer la configuration en recommençant le processus.


Définir l'axe horizontal (les lignes) de la vue agile

L'axe horizontal n'est pas une configuration obligatoire. Pour ne pas utiliser cette configuration, le rendre inactif en cliquant sur le bouton

Int.ListesAgile Config ligne bouton off.png.


Activation le l'axe des lignes
Désactivation de l'axe des lignes


Si l'axe des lignes est activé, appliquez les mêmes actions de configurations que pour celles des colonnes.


Configurer les détails d'une vue agile

Les détails d'une vue agile correspondent à un ensemble de données visibles lorsque l'on clique sur le titre de l'item dans la cartonnette. Le tableau de bord de l'item s'ouvre et permet de visualiser :

  • dans la partie de droite : les données présentes dans les colonnes de la vue.
  • dans la partie de gauche : les données présentes dans les détails de la vue.


Accàs aux détails de l'item
Tableau de bord de l'item avec visualisation des colonnes et des détails de la vue


Dans l'interface de configuration d'une vue agile, la section en dessous de la configuration des colonnes et des lignes est la section qui permet de mettre en forme les détails.


Section de configuration des détails d'un item dans une vue agile


Pour plus d'informations, consultez la section Modifier la configuration d'une vue via l'interface des modèles.


Ajouter des colonnes, des lignes

Afin d'organiser les informations présentes dans les détails, il est possible :

  • d'ajouter des colonnes
  • d'ajouter des lignes
  • d'ajouter des titres


Il est conseillé d'ajouter les colonnes nécessaires dès le départ car cela sera plus facile pour ajuster la vue par la suite.


Ajouter des colonnes

Ajoutez des colonnes permet d'afficher des sections les unes à côté des autres. Un maximum de 4 colonnes est permis.

Pour ajouter une colonne, cliquez sur le bouton Édition, puis Ajouter une colonne.


Ajouter une colonne


Recommencer l'opération pour chaque colonne à ajouter.


4 colonnes ajoutées


Ajouter des lignes

Les lignes sont des espaces obligatoires afin d'y glisser les champs qui permettront de visualiser les données contenues dans ces derniers.


Pour ajouter une ligne, cliquez sur le bouton Édition, puis Ajouter une ligne.


Ajouter une ligne


Recommencer l'opération pour chaque ligne à ajouter.


5 lignes ajoutées


Supprimer des colonnes, des lignes

Pour supprimer des colonnes et/ou des lignes, sélectionnez les colonnes et/ou lignes à supprimer, puis cliquez sur le bouton Éditions et Supprimer les lignes sélectionnées ou supprimer les colonnes sélectionnées.


Supprimer des lignes et/ou des colonnes


Si les lignes et/ou les colonnes contiennent des champs, ces derniers se mettront à nouveau disponible dans la section de gauche en attente d'être utilisés.


Ajouter des champs dans les détails

Tous les champs de la fonctionnalité sont disponibles dans la section de gauche et peuvent être utilisés pour configurer les données visibles dans les détails de la vue. Pour ajouter des champs dans les détails d'une vue, glissez le champ à l'endroit désiré.


Ajouter des champs dans les détails


Résulat du glisser


Par défaut les champs de la section de gauche :

  • sont classés par ordre alphabétique
  • commencent par les champs sélectionnées qui seront visibles en colonne de la vue


Ajouter des champs dans les détails


Un même champ ne peut être utilisé en colonne et dans les détails dans une même vue.


Un moteur de recherche est disponible dans la section et permet d'y rechercher un champ plus facilement, surtout si la fonctionnalité propose beaucoup de champs.


Enlever un champ dans les détails

Pour enlever un champ dans les détails, faites le contraire de l'action ci-dessus et glissez le champ des détails n'importe où dans la partie de gauche.


Enlever un champ dans les détails


Fusionner les colonnes

Il se peut, qu'en ayant scinder les détails en plusieurs colonnes, certains titres de champs positionnés dans les détails soient trop volumineux visuellement comme ci-dessous :


Champ compressé à la configuration


Pour remédier à cette problématique, il est possible de fusionner des colonnes afin d'élargir le titre des champs. Sélectionnez les colonnes à fusionner en maintenant le bouton de la souris enfoncé. Les colonnes sélectionnées seront alors sur fond jaune. Cliquez ensuite sur Édition', puis sur Fusionner les cellules sélectionnées.


Sélection des colonnes à fusionner
Option de fusionner


Colonnes fusionnées


Déplacer des champs

Pour déplacer un champ d'une ligne à l'autre, d'une section à l'autre, d'une colonne à l'autre, restez cliquer sur la cellule du champ et la déplacer à l'endroit choisi.


Déplacer un champ dans une même section
Déplacer un champ dans une autre section


Déplacer des sections

Plutôt que déplacer champ par champ, il est possible de réorganiser les détails en déplaçant directement l'entièreté d'une section. Restez cliquer sur l'icône InterfListes Config Détails deplacer section icone.png.


Icone de la section à déplacer
Déplacer la section


Résultat d'une section déplacée


Insérer des titres et sous-titres

Toujours dans le but d'organiser les sections dans les détails d'une vue, il est possible d'insérer des titres et de masquer des sections.

Pour ajouter un titre directement dans une section :

  • sélectionnez la section.
  • cliquez sur Édition puis Insérer l'en-tête 1 ou Insérer l'en-tête 2.


Sélection de la section à nommer
Choix de l'en-tête

Une fenêtre de configuration de l'en-tête va alors s'ouvrir :

  • renseignez le nom de l'en-tête (titre).
  • choisissez l'alignement du titre dans la section.
  • cliquez sur OK.


Configuration de l'en-tête


Résultat obtenu


La différence entre l'en-tête 1 et l'en-tête 2 est la grosseur de titre.


Différence de taille entre en-tête 1 et en-tête 2


Afin d'aérer le plus les en-têtes des sections, il est conseillé de glisser le titre dans une cellule individuelle et de fusionner les colonnes afin que le titre prenne toute la longueur des détails.


Proposition de mise en page pour les titres


Insérez des lignes vides pour espacer les différentes sections ou pour aérer entre un titre et une section.


Mise en page des champs

Pour chaque champ visible dans les détails, il est possible de :

  • Afficher le titre du champ.
  • Faire un saut de ligne après le titre
  • Aligner le champ à gauche, au centre ou à droite de la cellule

Pour ce faire, cliquez sur le titre du champ dans les détails. Une fenêtre de mise en page va alors s'ouvrir.


Accès à la mise en page du champ


Afficher le titre du champ

Dans les détails, il est possible de visualiser le titre du champ et son résultat ou bien seulement le résultat.


Champ avec titre du champ
Champ sans titre du champ


Saut de ligne après le titre

Dans les détails, il est possible de visualiser le titre du champ et son résultat à la suite du titre ou bien en dessous.


Champ avec saut de ligne après le titre
Champ sans saut de ligne après le titre


Aligner le champ à gauche, au centre ou à droite de la cellule

Dans les détails, il est possible de visualiser le titre du champ et son résultat aligner à gauche, au centre ou à droite de la cellule.


Des raccourcis clavier sont indiqués et disponibles pour utiliser rapidement ses options de mise en page sans avoir à passer par l'interface du champ.


Visualiser la configuration d'une vue

Au fur et à mesure de la configuration, il est possible de visualiser la configuration de la vue dans la liste afin de l'améliorer. Pour ce faire, cliquez sur le l'icône InterfListes Config Gros oeil.png situé en bas de la page de configuration.


Visualiser la configuration


Pour la modifier à nouveau et continuer à configurer, se référer à la section Modifiez la configuration d'une vue via l'interface des modèles ou faites un clic droit directement dans la barre de titre pour accéder à la configuration de l'interface.


Autres choix pour la configuration

D'autres d'options sont proposées dans le bouton Édition comme :

  • Débloquer tous les champs
  • Bloquer tous les champs
  • Ajouter tous les champs dans les détails
  • Supprimer tous les champs dans les détails


Autres choix pour configurer


  • Débloquer tous les champs : permet de déverrouiller l'édition de la donnée de tous les champs visibles dans les colonnes
  • Bloquer tous les champs : permet de verrouiller l'édition de la donnée de tous les champs visibles dans les colonnes
  • Ajouter tous les champs dans les détails  : permet de positionner tous les champs disponibles de la fonctionnalité dans les détails
  • Supprimer tous les champs dans les détails  : permet d'enlever tous les champs dans les détails


Quelques uns des choix proposés dans le bouton Édition sont accessible rapidement grâce à un clic droit fait dans une section des détails.


Créer et modifier les modèles des vues agiles des listes

À des fins pratiques, il se peut que vous deviez utiliser plusieurs affichages distincts pour des situations distinctes. Le Gestionnaire des modèles permet d’enregistrer des modèles d’affichage qui peuvent être chargés ultérieurement.


Pour sauvegarder une vue agile en tant que modèle de liste, il faut tout d'abord en détenir la permission.


Pour plus d'informations, consultez la section sur la Gérer les modèles des listes de cette page.


La gestion des modèles permet :

  • de sauvegarder un nouveau modèle
  • de sauvegarder par dessus un modèle déjà existant
  • de supprimer un modèle de vue


Gestionnaire des modèles de vues


Sauvegarder un nouveau modèle

Une fois la configuration de votre vue faite, pour la sauvegarder en tant que nouveau modèle, cliquez sur le bouton Modèles, puis Nouveau. Renseignez le titre du nouveau modèle et cliquez sur OK. Le modèle sera alors sauvegardé.


Bouton Modèles
Nouveau modèle, puis OK


Nouveau modèle créé


Le modèle utilisé dans la vue actuelle de la liste est représenté en jaune.


Sauvegarder par dessus un modèle existant

Une fois la configuration de votre vue faite, pour la sauvegarder par dessus un modèle déjà existant, cliquez sur le bouton Modèles, puis cliquez sur l'icône InterfListes Config Modèle logo disquette.png du modèle à écraser. Un message de confirmation s'affichera. En cliquant sur OK le modèle sera alors sauvegardé par dessus le modèle existant.


Bouton Modèles
Message de confirmation, puis OK


Supprimer un modèle existant

Pour supprimer un modèle existant, entrez dans le gestionnaire de Modèles, puis cliquez sur l'icône InterfListes Config Modèle Supprimer.png pour le supprimer. Un message de confirmation s'affichera. En cliquant sur OK le modèle sera alors supprimé.


Bouton Modèles
Supprimer un modèle


L'action de supprimer est irréversible.


Options de sauvegarde

Lors de la sauvegarde d'un modèle, plusieurs options sont disponibles dans l'interface de configuration de la vue.


Options disponibles


Afficher les filtres dans l'en-tête

Si la vue configurée comprend des filtres et que cette option est cochée lors de la sauvegarde du modèle, ces derniers derniers apparaitront lors de son utilisation.


Filtres du modèle de la vue sélectionnée


Il est possible de cocher cette option et d'enregistrer à nouveau par dessus le modèle existant, si cette option n'était pas cochée lors de la 1ère sauvegarde dudit modèle.


Afficher le nom du modèle dans l'en-tête

Avec cette option, le titre de la vue apparaitra lors de son utilisation.


Titre du modèle de la vue sélectionnée


Il est possible de cocher cette option et de réenregistrer par dessus le modèle existant, si cette option n'était pas cochée lors de la 1ère sauvegarde dudit modèle.


Toujours utiliser le statut par défaut

Cette option permet de définir, que lors de l'ajout d'un item dans la liste, le statut de ce dernier sera le statut défini par défaut dans la configuration des statuts, plutôt que le premier filtre de statut défini dans le modèle de la vue.


Il est possible de cocher cette option et d'enregistrer à nouveau par dessus le modèle existant, si cette option n'était pas cochée lors de la 1ère sauvegarde dudit modèle.


Toujours fusionner les filtres

Cette option permet de fusionner les filtres de la vues avec les filtres du système qui s'appliquent selon l'accès utilisé.

Exemple : si je veux accéderà mes tâches via mon menu personnel, alors le filtre système qui va s'appliquer automatiquement. Responsable : il viendra alors s'ajouter avec ceux enregistrés dans la vue.


Il est possible de cocher cette option et de réenregistrer par dessus le modèle existant, si cette option n'était pas cochée lors de la 1ère sauvegarde dudit modèle.


Inclure la vue dans le permalien

Cette option permet d'enregistrer la configuration (options, filtres) dans le permalien afin de faciliter le partage ou bien d'accéder rapidement à une vue qui n'est pas sauvegardée en tant que modèle.


Il est possible de cocher cette option et de réenregistrer par dessus le modèle existant, si cette option n'était pas cochée lors de la 1ère sauvegarde dudit modèle.


Gérer les accès aux modèles de vues

Si l'utilisateur a la permission de sauvegarder des modèles alors il aura la permission également de Gérer les modèles de vues. Pour gérer les modèles, cliquez sur Modèles, puis sur Gérer.

Bouton Modèles
Gérer


Tous les modèles sauvegardés dans la fonctionnalité seront alors visibles. À partir de là, il sera possible de :

  • d'identifier les ressources pouvant accéder à chacun des modèles.
  • de visualiser et/ou de pousser un modèle de vue à des ressources.
  • de définir un modèle de vue par défaut.


Gérer les modèles


Donner des accès à une vue

Lors de la création et l'enregistrement d'un nouveau modèle, le système donnera un accès à Tout le monde mais il est possible de le modifier en donnant un accès exclusif à certaines ressources humaines. Pour ce faire, cliquez dans la colonne Ressources pouvant accéder au modèle, puis tapez le nom de la ressource humaine ou bien sélectionnez un ensemble de ressources en accédant à la liste des ressources humaines en utilisant le logo Tache Logobrowse.png. N'oubliez pas d'enregistrer.


Identifier les ressources humaines qui auront accès au modèle


Seules les ressources humaines identifiées dans la colonne Ressources pouvant accéder au modèle pourront voir et utiliser ce modèle.


Il est possible de gérer les accès aux modèles de vue des liste de maniàre plus globale. pour plus d'informations, consulter la section Gestionnaire de modèles.


Visualiser et/ou pousser un modèle de vue à des ressources

La colonne Ressources qui ont sélectionné le modèle permet de visualiser le modèle de vue utilisé actuellement par les ressources identifiées dans cette dernière. Il est possible également, grâce à cette dernière, de pousser une vue choisie pour une ressource ou un ensemble de ressource. Pour ce faire, cliquez dans la colonne et tapez le nom de la ressource humaine ou bien sélectionner un ensemble de ressources en accédant à la liste des ressources humaines en utilisant le logo Tache Logobrowse.png. N'oubliez pas d'enregistrer.


Identifier les ressources humaines qui auront un modèle pousser par défaut quand elle entreront dans la fonctionnalité.


Une même ressource humaine ne peut se trouver qu'une seule fois dans la colonne Ressources qui ont sélectionné le modèle .


Définir un modèle de vue par défaut

Un modèle par Défaut peut être défini dans chacune des fonctionnalités. Un modèle par défaut est obligatoirement accessible pour Tout le monde, donc il n'est pas possible de restreindre l'accès d'un modèle par défaut. Pour définir un modèle par défaut, cliquez dans la colonne Par défaut.


Définir un modèle de vue par défaut dans la fonctionnalité.


Une seule vue par défaut et par fonctionnalité est possible.


Modifier le titre d'un modèle de vue existant

Il est possible de modifier le titre d'un modèle déjà existant sans avoir à l'enregistrer à nouveau. Pour ce faire, cliquez dans la colonne nom du modèle, effectuez la modification et Enregistrer.


Renommmer un modèle existant


Accéder aux modèles de vue

Seules les vues accessibles par l'utilisateur seront proposées selon les accès qui lui auront été donné. Seules les vues définies comme par défaut, quant à elles, seront communes et accessibles pour tous les utilisateurs. Dans chaque fonctionnalité, les vues sont accessibles en cliquant sur l'icône de la fonctionnalité situé au milieu de la liste.


Accès aux vues disponibles


Choisir un modèle de vue

Lors de la sélection de la vue, 2 choix seront proposés :

  • choisir la vue uniquement.
  • choisir la vue avec les filtres.


Ensemble des vues disponibles


Choisir la vue uniquement

Choisissez la vue uniquement revient à choisir la vue telle qu'elle a été configurée c'est-à-dire avec les colonnes, les détails et les filtres de cette dernière. Pour ce faire, cliquez sur le titre de la vue choisie.


Choisir une vue uniquement


Choisir la vue avec filtres

Choisir la vue avec les filtres revient à choisir la vue avec ses colonnes, ses détails -mais avec les filtres appliqués actuellement dans la liste-. Pour ce faire, cliquez sur l'option Avec filtres.


Choisir une vue avec filtres


Mettre une vue en favoris

Dans un grand nombre de vues proposées, un utilisateur peut définir ses vues Favori. Pour ce faire, cliquez sur InterfListes Vue Choix vue favoris Etoile.png. Les vues mises en favori seront alors identifiées dans le haut de la fenêtre des vues proposées.


Vues en favori