Bien communiquer avec OpenFlyers and Tableaux: Difference between pages

From Documentation de la solution web de gestion OpenFlyers
(Difference between pages)
Jump to navigation Jump to search
imported>Claratte
 
imported>Ltremblet
mNo edit summary
 
Line 1: Line 1:
__TOC__
=Présentation=
=Présentation=
L'objet de cette page est de décrire les bonnes pratiques pour optimiser les échanges avec OpenFlyers.
L'objet de cette page est de présenter l'utilisation des '''tableaux''' de la [[UserDoc4|version 4 d'OpenFlyers]].


=Rapporter un écart de paramétrage=
=Aspect=
Lors de la mise en place du paramétrage ou lors d'un modification du paramétrage, l'équipe OpenFlyers intervient pour configurer la plateforme en accord avec la demande du client. Si la demande du client ne peut être satisfaite, l'équipe OpenFlyers indique cette impossibilité soit directement par retour d'e-mail soit dans un e-mail récapitulatif de mise en place du paramétrage ou de la modification du paramétrage.
==Général==
*Un tableau présente un ensemble de données réparties sur des '''lignes aux couleurs alternées'''.
*Une '''colonne de gauche foncée''' comporte des informations et fonctionnalités dont la présence dépend du tableau concerné :
**Titre du tableau.
**[[#D.C3.A9placement|Déplacement de ligne]].
**[[#Ajout.2Fsupression_de_ligne|Ajout/suppression de ligne]].
**Titre de ligne.


Malgré tout le soin que nous pouvons apporter aux configurations, des erreurs de paramétrage peuvent faire jour ou des oublis de communication d'impossibilité d'obtenir le résultat souhaité peuvent également apparaitre.
[[File:Table4-1-generic.png]]


Dans ces cas, le client doit rapporter le défaut par e-mail.
==Adaptation à la taille de l'écran==
L'aspect du tableau s'adapte à la taille de l'écran sur lequel il s'affiche :
*Les '''titres de colonnes et de lignes''' restent toujours visibles.
*La '''largeur et la hauteur du tableau''' s'adaptent. Si des lignes sont plus longues que la largeur du tableau, ou si le nombre de lignes excède sa hauteur, il est possible de les faire '''coulisser''', afin d'accéder à toutes les données.


Afin d'éviter de perdre du temps dans des échanges par e-mail, il est important de présenter clairement l'écart en détaillant :
*le paramétrage souhaité
*le comportement constaté en faisant ressortir l'écart de comportement de la plateforme par rapport à ce qui est recherché
*une indication claire permettant de retrouver un exemple de saisie débouchant sur un défaut de comportement


Voici un exemple d'e-mail permettant à l'équipe d'OpenFlyers d'intervenir immédiatement et évitant des questions supplémentaires par e-mail :
[[File:Table4-14-responsive.png]]


''Nous avons demandé à ce que les vols convoyage bénéficie d'une remise de 50%. Or nous avons saisi un vol sur le F-ABCD à la date du 01/01/01 d'une durée de 1 heure avec comme pilote M. MERMOZ et ce dernier a été débité de 150 € au lieu de 75 € calculé selon la formule : 150 €/h x 1 heure x 50%.''
==Tableau à onglets==
Certains tableaux comportent plusieurs sections accessibles par '''onglets'''.


Dans cet exemple, nous voyons :
[[File:OF4-ddt-tabs.png]]
*qu'il nous est facilement possible de retrouver le vol concerné car nous disposons du nom de l'aéronef, du nom du pilote et de la date du vol concerné.
 
*qu'il nous est possible de comprendre immédiatement l'écart constaté car nous disposons de l'information sur le résultat constaté (le pilote est débité de 150 €) et du résultat souhaité (le pilote devrait être débité de 75 €) avec la formule de calcul permettant de retrouver les 75 €.
==Tableaux à pages==
*Lorsqu'une cellule comporte plusieurs caractéristiques, ces dernières sont placées dans un second tableau, '''imbriqué''' dans le tableau initial.
 
*La '''navigation''' entre les tableaux se fait alors par '''pages'''.
**La zone de navigation est situé au-dessus du tableau et comporte les éléments suivants :
**Au centre : La page courante, son titre, le nombre de pages total, sont indiqués sous la forme : '''N° de la page courante/Nbre de pages + Nom de la page courante'''.
 
*À gauche et à droite : '''flèches''' de navigation, permettant de naviguer vers un tableau imbriqué ou de revenir au tableau principal.
 
[[File:Of4-ddt-page-1.png]]
 
 
[[File:Of4-ddt-page-2.png]]
 
=Ordonnancement=
*Dans certains tableaux, il est possible de changer l''''ordre des lignes''', en intervenant sur leur '''position'''.
*L'ordre défini dans un tableau a des '''conséquences sur l'affichage''' d'une autre page de l'application. Par ex. : l'ordre que définit l'utilisateur dans le ''tableau des ressources'' s'applique dans le ''planning des ressources''.
*Pour changer la '''position''' d'une ligne :
#Cliquer sur le '''pictogramme''' [[File:OF4-grab.png]].
#'''Relâcher''' que lorsque la ligne se dispose à la position souhaité.
#Un '''témoin''' sous forme d'une ligne bleu foncé indique l'emplacement de destination.
[[File:Table4-8-move.png]]
 
=Ajout/suppression de ligne=
Dans certains tableaux, il est possible d''''ajouter et/ou de supprimer''' des lignes. Ces actions s'effectuent grâce au '''pictogramme des options de ligne'''.
 
==Pictogramme des options de ligne==
*Le pictogramme des options de ligne est situé dans la colonne fixe du tableau.
*Il est représenté de cette manière : [[File:Table4-9-row-options.png]].
*Il comporte un groupe d'items s'affichant dans une [[ModalWindow4#Info-bulle|info-bulle]] en fonction des contextes ci-dessous.
 
==Ajout de ligne==
*'''Survoler''' le pictogramme des options de ligne.
*Une '''bulle de dialogue''' s'ouvre.
*Cliquer sur l''''item''' souhaité :
**'''Ajouter une ligne au-dessus''' : ajoute une ligne au-dessus de la ligne courante.
**'''Ajouter une ligne en-dessous''' : ajoute une ligne en-dessous de la ligne courante.
*Une '''nouvelle ligne''' est créée. Ses champs sont vides. Les [[#Champ_requis|champs requis]] sont signalés.
 
==Enregistrement d'une ligne==
**L''''enregistrement''' s'effectue lorsque les [[#Champ_requis|champs requis]] sont complétés.
**Si les champs requis ne sont pas complétés, le [[#Pictogramme_des_options_de_ligne|pictogramme des options de ligne]] présente au survol un seul item : '''Annuler la création de ligne''', qui permet de supprimer immédiatement la nouvelle ligne incomplète.
 
[[File:Table4-10-row-options-delete.png]]
 
==Suppression de ligne==
*'''Survoler''' le pictogramme des options de ligne.
*Une '''bulle de dialogue''' s'ouvre.
*Cliquer sur l''''item''' : '''Supprimer la ligne'''.
 
=Édition des données=
==Mise à jour instantanée==
La mise à jour des données d'un tableau ne nécessite aucun rechargement de page. Celle-ci est instantanée.
 
==Principe général==
Pour éditer des données, '''cliquer sur une cellule'''.
 
La cellule en cours d'édition change d'état : elle entre en mode '''focus''' et prend un contour pointillé.
 
[[File:Table4-16-focus.png]]
 
Selon le [[#Modes_d.27.C3.A9dition|mode d'édition]], d'autres changements d'états se produisent, afin d'optimiser la saisie en fonction du contenu.
 
La ligne en cours d'édition ou ayant subi des modifications prend un fond plus foncé.
[[File:Table4-2-edit-modify.png]]
 
==Navigation entre les cellules==
La touche '''tab''' permet de passer d'une cellule à une autre :
*'''tab :''' champ suivant
*'''shift + tab :''' champ précédent
 
==Champ requis==
*Certaines données sont '''requises''' pour que l'enregistrement d'une ligne soit effectué.
*Les champs restant incomplets ou vides sont signalés par un pictogramme représentant un '''panneau d'alerte orange''' :
<s>**Dans la colonne de titre de la ligne concernée, afin que la ligne par défaut soit toujours identifiable.</s>
**A la place du champ incomplet, afin de savoir quel est le champ concerné.
**Dans le cas d'un tableau à onglets, à côté de l'onglet dans lequel la ligne est incomplète, afin de repérer l'onglet contenant le champ concerné.
[[File:Table4-11-required-line.png]]
 
[[File:Table4-12-required-thumbnail.png]]
 
==Modes d'édition==
===Dans la cellule===
*'''Champ de texte :''' le champ se met en surbrillance.
[[File:Table4-3-edit-input.png]]
*'''Case à cocher :'''
[[File:Table4-4-edit-checkbox.png]]
 
===Dans une fenêtre modale===
Afin d'éditer certains types de contenus, la saisie s'effectue dans une [[ModalWindow4|fenêtre modale]].
*[[ModalWindow4#Texte_long|Texte long]]
*[[ModalWindow4#Choix_unique|Choix unique]]
*[[ModalWindow4#Choix_multiples|Choix multiples]]
 
=Fonctionnalités particulières=
==Pointage==
Certains tableaux présentent un mode '''Pointage''', qui permet d'enregistrer définitivement des données. Ce mode est inactif par défaut.
 
Exemples de tableaux : comptabilité, activités.
 
===Inactif===
En bas de tableau, un bouton bleu '''Pointer''' est présent. On clique dessus pour entrer dans le mode Pointage.
 
[[File:Of4-ddt-point-1.png]]
 
===Actif===
*Le bouton '''Pointer''' est remplacé par un texte simple à côté duquel on trouve une icône permettant de sortir du mode ''Pointer''.
*Un bouton '''Valider''' apparaît. Il est alors dans un état ''inactif'' : bouton plat gris avec texte en gris, peu de contraste.
 
[[File:Of4-ddt-point-2.png]]
 
*La sélection d'une ou plusieurs lignes du DDT rend le bouton '''Valider''' ''actif''. Il devient vert et légèrement bombé, comme les autres boutons de validation de l'application.
 
[[File:Of4-ddt-point-3.png]]
 
*Dans le tableau, les '''lignes sélectionnées''' deviennent légèrement plus foncées.
 
===Ligne non validée/validée===
*Une ligne '''non validée''' s'affiche en italique.
 
[[File:Table4-ddt-1-pointage.png]]
 
*Lorsque le pointage est effectué, chaque ligne concernée est considérée comme '''validée'''. Son texte s'affiche alors en gras.
 
[[File:Table4-ddt-2-pointage.png]]
 
==Comptabilité==
Les tableaux spécifiques à la comptabilité présentent :
*Des '''sous-totaux'''.
*Des '''excédents''' (en vert).
*Des '''déficits''' (en rouge).
 
[[File:Table4-13-accountancy.png]]
 
*La fonctionnalité de [[#Pointage|pointage]].

Revision as of 10:49, 3 September 2014

Présentation

L'objet de cette page est de présenter l'utilisation des tableaux de la version 4 d'OpenFlyers.

Aspect

Général

  • Un tableau présente un ensemble de données réparties sur des lignes aux couleurs alternées.
  • Une colonne de gauche foncée comporte des informations et fonctionnalités dont la présence dépend du tableau concerné :

Table4 1 generic.png

Adaptation à la taille de l'écran

L'aspect du tableau s'adapte à la taille de l'écran sur lequel il s'affiche :

  • Les titres de colonnes et de lignes restent toujours visibles.
  • La largeur et la hauteur du tableau s'adaptent. Si des lignes sont plus longues que la largeur du tableau, ou si le nombre de lignes excède sa hauteur, il est possible de les faire coulisser, afin d'accéder à toutes les données.


Table4 14 responsive.png

Tableau à onglets

Certains tableaux comportent plusieurs sections accessibles par onglets.

OF4 ddt tabs.png

Tableaux à pages

  • Lorsqu'une cellule comporte plusieurs caractéristiques, ces dernières sont placées dans un second tableau, imbriqué dans le tableau initial.
  • La navigation entre les tableaux se fait alors par pages.
    • La zone de navigation est situé au-dessus du tableau et comporte les éléments suivants :
    • Au centre : La page courante, son titre, le nombre de pages total, sont indiqués sous la forme : N° de la page courante/Nbre de pages + Nom de la page courante.
  • À gauche et à droite : flèches de navigation, permettant de naviguer vers un tableau imbriqué ou de revenir au tableau principal.

Of4 ddt page 1.png


Of4 ddt page 2.png

Ordonnancement

  • Dans certains tableaux, il est possible de changer l'ordre des lignes, en intervenant sur leur position.
  • L'ordre défini dans un tableau a des conséquences sur l'affichage d'une autre page de l'application. Par ex. : l'ordre que définit l'utilisateur dans le tableau des ressources s'applique dans le planning des ressources.
  • Pour changer la position d'une ligne :
  1. Cliquer sur le pictogramme OF4 grab.png.
  2. Relâcher que lorsque la ligne se dispose à la position souhaité.
  3. Un témoin sous forme d'une ligne bleu foncé indique l'emplacement de destination.

Table4 8 move.png

Ajout/suppression de ligne

Dans certains tableaux, il est possible d'ajouter et/ou de supprimer des lignes. Ces actions s'effectuent grâce au pictogramme des options de ligne.

Pictogramme des options de ligne

  • Le pictogramme des options de ligne est situé dans la colonne fixe du tableau.
  • Il est représenté de cette manière : Table4 9 row options.png.
  • Il comporte un groupe d'items s'affichant dans une info-bulle en fonction des contextes ci-dessous.

Ajout de ligne

  • Survoler le pictogramme des options de ligne.
  • Une bulle de dialogue s'ouvre.
  • Cliquer sur l'item souhaité :
    • Ajouter une ligne au-dessus : ajoute une ligne au-dessus de la ligne courante.
    • Ajouter une ligne en-dessous : ajoute une ligne en-dessous de la ligne courante.
  • Une nouvelle ligne est créée. Ses champs sont vides. Les champs requis sont signalés.

Enregistrement d'une ligne

    • L'enregistrement s'effectue lorsque les champs requis sont complétés.
    • Si les champs requis ne sont pas complétés, le pictogramme des options de ligne présente au survol un seul item : Annuler la création de ligne, qui permet de supprimer immédiatement la nouvelle ligne incomplète.

Table4 10 row options delete.png

Suppression de ligne

  • Survoler le pictogramme des options de ligne.
  • Une bulle de dialogue s'ouvre.
  • Cliquer sur l'item : Supprimer la ligne.

Édition des données

Mise à jour instantanée

La mise à jour des données d'un tableau ne nécessite aucun rechargement de page. Celle-ci est instantanée.

Principe général

Pour éditer des données, cliquer sur une cellule.

La cellule en cours d'édition change d'état : elle entre en mode focus et prend un contour pointillé.

Table4 16 focus.png

Selon le mode d'édition, d'autres changements d'états se produisent, afin d'optimiser la saisie en fonction du contenu.

La ligne en cours d'édition ou ayant subi des modifications prend un fond plus foncé. Table4 2 edit modify.png

Navigation entre les cellules

La touche tab permet de passer d'une cellule à une autre :

  • tab : champ suivant
  • shift + tab : champ précédent

Champ requis

  • Certaines données sont requises pour que l'enregistrement d'une ligne soit effectué.
  • Les champs restant incomplets ou vides sont signalés par un pictogramme représentant un panneau d'alerte orange :

**Dans la colonne de titre de la ligne concernée, afin que la ligne par défaut soit toujours identifiable.

    • A la place du champ incomplet, afin de savoir quel est le champ concerné.
    • Dans le cas d'un tableau à onglets, à côté de l'onglet dans lequel la ligne est incomplète, afin de repérer l'onglet contenant le champ concerné.

Table4 11 required line.png

Table4 12 required thumbnail.png

Modes d'édition

Dans la cellule

  • Champ de texte : le champ se met en surbrillance.

Table4 3 edit input.png

  • Case à cocher :

Table4 4 edit checkbox.png

Dans une fenêtre modale

Afin d'éditer certains types de contenus, la saisie s'effectue dans une fenêtre modale.

Fonctionnalités particulières

Pointage

Certains tableaux présentent un mode Pointage, qui permet d'enregistrer définitivement des données. Ce mode est inactif par défaut.

Exemples de tableaux : comptabilité, activités.

Inactif

En bas de tableau, un bouton bleu Pointer est présent. On clique dessus pour entrer dans le mode Pointage.

Of4 ddt point 1.png

Actif

  • Le bouton Pointer est remplacé par un texte simple à côté duquel on trouve une icône permettant de sortir du mode Pointer.
  • Un bouton Valider apparaît. Il est alors dans un état inactif : bouton plat gris avec texte en gris, peu de contraste.

Of4 ddt point 2.png

  • La sélection d'une ou plusieurs lignes du DDT rend le bouton Valider actif. Il devient vert et légèrement bombé, comme les autres boutons de validation de l'application.

Of4 ddt point 3.png

  • Dans le tableau, les lignes sélectionnées deviennent légèrement plus foncées.

Ligne non validée/validée

  • Une ligne non validée s'affiche en italique.

Table4 ddt 1 pointage.png

  • Lorsque le pointage est effectué, chaque ligne concernée est considérée comme validée. Son texte s'affiche alors en gras.

Table4 ddt 2 pointage.png

Comptabilité

Les tableaux spécifiques à la comptabilité présentent :

  • Des sous-totaux.
  • Des excédents (en vert).
  • Des déficits (en rouge).

Table4 13 accountancy.png