STUDIO Portails

Principe

Le portail est la personnalisation de la page d’accueil permettant :

• d’avoir une situation synthétique, en temps réel, des informations importantes pour un profil donné et un module (alertes, retards, tâches, dernières modifications …)

• l’accès direct aux applications de gestion souhaitées pour gérer ces informations

Tout élément paramétrable d’un portail contenant des informations homogènes est appelé « Rubrique ». Un portail peut avoir plusieurs ergonomies (en fonction de la taille de la page d’accueil), chacune d’entre elles étant composée de plusieurs rubriques.

Un utilisateur peut être associé à un portail de démarrage et une liste de portails accessibles.

Chronologie des différentes phases de paramétrage d’un portail 

1-Définition des apparences	Définition des apparences des différents éléments composant une rubrique : Titre rubrique: Couleur de fond du titre Couleur et police du texte du titre Remarque : Le contour du titre est de la couleur de fond de la rubrique. Filtre rubrique et zones formulaire rubrique Couleur de fond de la zone de saisie Couleur et police texte de la zone de saisie Couleur de fond du libellé Couleur et police du texte du libellé
2-Définition des Format Indicateur (FID)	Ecrire la requête d’extraction des données du FID (REB/POR). Définir le FID : Caractéristiques générales Caractéristiques par modèle Définir les informations affichées (structure)
3-Définition des différentes rubriques	Ecrire la requête d’extraction des données de la rubrique (REB/POR). Définir la rubrique : Les actions et leurs contextes Décrire l’apparence de la rubrique : Titre, Couleurs, Filtre, Icônes Définir les informations affichées et les actions associées Définir le formulaire d’agencement des informations à afficher
4-Définition d’un portail	Créer toutes les rubriques nécessaires au portail Définir sur l’entête du portail les actions utilisables dans les ergonomies Définir les ergonomies nécessaires en fonction des différentes tailles d’écran possibles Sélection des rubriques à afficher Sélection des rubriques en alerte Sélection des actions possibles Définition apparence ergonomie : Icône, Couleur ou image de fond, Titre, Positionnement Définir le formulaire d’agencement des informations à afficher
5-Paramétrage utilisateur / Classe d’utilisateur	Associer une liste de portails autorisés à chaque profil Renseigner le portail de démarrage à chaque profil (voir documentation ADM_Utilisateurs).
6-Démarrage d’un portail	Page d’accueil : Le portail de démarrage est défini par profil utilisateur. Il s’affiche dans la page d’accueil de DIAPASON. L’ergonomie correspondant au portail est sélectionnée automatiquement en fonction de la taille d’écran disponible. A Propos de DIAPASON donne les informations utiles en ce qui concerne la taille d’écran en cours et l’ergonomie sélectionnée automatiquement en fonction de la taille de l’écran pour chaque portail accessible par l’utilisateur Requête de démarrage du portail : Après le lancement est exécutée la requête de démarrage du portail, celle-ci étant facultative, elle permet de personnaliser le titre du portail et d’initialiser des variables utiles aux actions paramétrées sur la définition du portail. Remarque : si aucune ergonomie définie sur le portail de démarrage de l’utilisateur ne correspond à la résolution de l’écran, la plus petite définie est utilisée.

Mise en place d’un portail

Dans l’explorateur applicatif « Studio DIAPASON », dans la branche « Portail », plusieurs applications permettent de gérer les portails :

• Portails ➡️ définition des portails

• Rubriques ➡️ définition des rubriques utilisées dans les portails

• Formats Indicateur (FID) ➡️ définition des formats des indicateurs utilisés dans des rubriques de type Graphique

• Environnement DIALOG (requêtes + variables)

• Apparences et Feuilles de Style

Paramétrage d’une rubrique

Définition d’une rubrique

Onglet Définition

• Référence

La référence de la rubrique. Doit être unique. Non modifiable

• Désignation

La désignation de la rubrique.

• Mot Directeur

Le mot directeur de la rubrique.

• Type: Le type de la rubrique.

  • Liste : rubrique à n lignes

  • Fiche : rubrique à une seule ligne

  • Graphique : rubrique de type tableau ou diagramme

    • Format Indicateur

Le format indicateur (FID) de la rubrique parametrage d’un Format Indicateur (FID) . Saisi seulement dans le cas des rubriques de type Graphique.

• Règle Extraction. Saisi seulement dans le cas des rubriques de type Liste ou Fiche. Règle REB permettant d’alimenter la rubrique :

  • au démarrage de la rubrique,

  • lors de l’application d’un filtre sur la rubrique,

  • lors de la demande d’actualisation de la rubrique.

• Nb. Enreg. Maxi: Nombre de lignes maximum à afficher dans la rubrique, si de type Liste uniquement.

• Titre: Titre de la rubrique qui sera affiché dans la zone de titre de la rubrique. Il est aussi pilotable dans la règle d’extraction de la rubrique (SCR.Titre).

Onglet Interface

➡️ Volet Général : les informations de cet onglet sont communes à tous les types de rubrique.

• Apparence Titre: Apparence du titre à sélectionner permettant de définir (cf. Apparence Titre Rubrique) :

  • La couleur de fond du titre

  • La couleur et la police du texte du titre

• Filtre ? Existence d’un filtre.

• Titre Filtre: Titre du filtre de la rubrique. Il est pilotable dans la règle d’extraction de la rubrique.

• Apparence Filtre: Apparence du filtre permettant de définir (cf. documentation STUDIO_Entités.doc) :

  • L’apparence du titre (couleur de fond, couleur et police du texte)

  • L’apparence de la zone de saisie (couleur de fond, couleur et police du texte)

• Hauteur: Affichage de la hauteur de la rubrique, saisie en création pour les types Liste ou Fiche.

  • Issue du formulaire de la rubrique pour les types Liste et Fiche

  • Issue du FID pour les types Graphique

• Largeur: Affichage de la largeur de la rubrique, saisie en création pour les types Liste ou Fiche.

  • Issue du formulaire de la rubrique pour les types Liste et Fiche

  • Issue du FID pour les types Graphique

• Couleur Fond

Couleur de fond de la rubrique.

➡️ Volet Liste: les informations de cet onglet sont spécifiques aux rubriques de type Liste.

• Coul. Lig. Paires: Couleur de fond des lignes paires.

• Sens: Sens d’affichage de la rubrique.

  • Vertical è les occurrences apparaissent les unes en dessous des autres.

  • Horizontal è les occurrences apparaissent les unes à côté des autres.

➡️ Volet Graphique : les informations de cet onglet sont spécifiques aux rubriques de type Graphique et sont seulement affichées : c’est un rappel des caractéristiques du FID associé.

• Classe générale

Affichée. Classe personnalisée définissant les caractéristiques générales de la rubrique, qui surcharge la classe défaut de DIAPASON liée au modèle choisi (Histogrammes simples ou tableaux). Voir définition format indicateur.

• Prop. Générales

Affichée. Liste de feuilles de style personnalisées disponibles pour le format indicateur. Leur utilisation diffère selon le modèle choisi.

• Détail

Affichage du détail des feuilles de style sélectionnées.

Onglet Actions

• Actions

Accès à l’application de définition des actions pour la rubrique (voir Définition des actions).

• Détail

Affichage du détail des actions définies pour la rubrique.

• Icône défaut

Icône utilisée par défaut pour les actions n’ayant aucune icône paramétrée dans la définition des actions.

• Actions Générales

Actions de la rubrique qui seront affichées sous forme de boutons dans le titre. Dans le cas des rubriques Graphique toutes les actions sont générales.

• Action Alerte

Action à lancer lorsque la rubrique apparaît dans les alertes. Ne s’adresse pas aux rubriques de type Graphique.

Onglet « Qui, Quand ? » :

• Date Création

Date de création de la rubrique : non saisie et initialisée lors de la création de la rubrique.

• Heure Création

Heure de création de la rubrique : non saisie et initialisée lors de la création de la rubrique.

• Util. Création

Utilisateur ayant créé la rubrique : non saisi et initialisé lors de la création de la rubrique.

• Date Modification

Date de dernière modification de la rubrique : non saisie et initialisée lors de la modification de la rubrique.

• Heure Modification

Heure de dernière modification de la rubrique : non saisie et initialisée lors de la modification de la rubrique.

• Util. Modification

Dernier utilisateur ayant modifié la rubrique : non saisi et initialisé lors de la modification de la rubrique.

Actions de gestion sur les rubriques

• Gestion/Visualisation Structure

Permet de lancer l’application de Définition de la structure d’une rubrique pour une rubrique de type fiche ou liste.

• Définition Formulaire

Permet de lancer l’application de définition d’un formulaire Pour une rubrique de type fiche ou liste

• Cas d’Emploi

Donne accès à la gestion des différents portails ayant au moins une ergonomie utilisant cette rubrique (cf. Définition d’un portail)

• Contexte Rubrique

Permet de lancer l’application Contexte Rubrique. Pour les rubriques de type Graphique, lance la définition des FID en étant positionné sur le FID correspondant.

Définition de la structure d’une rubrique

Cette application permet de définir les informations à afficher dans une rubrique de type Liste ou Fiche.

Onglet Définition

• Référence

Référence unique de la zone à afficher. Obligatoire.

• Désignation

Désignation de la zone à afficher.

• Libellé

Libellé de la zone à afficher, utilisé dans le formulaire de la rubrique.

• Type Action

Trois types possibles :

Les actions de type S permettent via DIALOG de déclencher une action différente par ligne de la rubrique. Une seule action de type S peut être rattachée à une rubrique et seulement sur le champ WfResRubrique.RubAct, chacune de ces actions devant être définie lors de la définition de la rubrique.

• Type

Type de la zone à afficher.

• Format

Format d’affichage de la zone à afficher.

• Champ/Variable

Information à afficher sur la zone en fonction du type de la rubrique :

- Cas rubrique de type Fiche

Nom de la variable issue de la requête d’extraction de la rubrique

- Cas rubrique de type Liste

Champ de la liste WfResRubrique issu de la requête d’extraction de la rubrique

• Action

Action associée à la zone : saisissable uniquement si le type d’action est « R ». L’aide présente uniquement les actions paramétrées sur la définition de la rubrique.

Contexte Rubrique (type Liste ou Fiche)

Cette fonctionnalité est un récapitulatif du contexte de la rubrique en ce qui concerne le paramétrage :

• De l’affichage par l’application Définition de l’affichage d’une rubrique

• Des actions par l’application Association Variables Contextuelles

Apparence Titre Rubrique

Cette application permet de définir l’apparence des titres pour les rubriques (cf. STUDIO_Apparence_Styles)

Paramétrage d’un format indicateur (fid)

Les formats indicateurs composent une bibliothèque de représentions graphiques prédéfinies utilisables dans les rubriques, les GFD et les PSD.

Définition d’un Format Indicateur

Onglet Définition

• Référence

La référence du FID. Doit être unique. Non modifiable

• Désignation

La désignation du FID.

• Mot Directeur

Le mot directeur du FID.

• Modèle

Le modèle du FID. Obligatoire. Non modifiable.

La version 10 du navigateur Internet Explorer est nécessaire pour les diagrammes animés, le flux et la jauge.

• Hauteur

Hauteur par défaut du FID, utilisée lors de l’insertion du FID dans un portail (par l‘intermédiaire d’une Rubrique) ou dans une PSD ou dans une ergonomie GFD.

• Largeur

Largeur par défaut du FID, utilisée lors de l’insertion du FID dans un portail (par l‘intermédiaire d’une Rubrique) ou dans une PSD ou dans une ergonomie GFD.

• Classe générale

Classe personnalisée définissant les caractéristiques générales du FID, qui surcharge la classe défaut de DIAPASON dans le cas des histogrammes simples et des tableaux simples.

• Prop. Générales

Cas des Diagrammes animés et Flux  :

Feuille de style personnalisée décrivant les caractéristiques des graphiques. Elle vient en surcharge de la feuille de styles défaut de DIAPASON (cf. documentation Apparence_Styles -Chapitre Feuilles de style).

Autre Cas :

Liste de feuilles de style personnalisées décrivant les caractéristiques des graphiques. Elles viennent en surcharge des feuilles de styles défaut de DIAPASON (cf. documentation Apparence_Styles- chapitre Feuilles de style ). La classe générale définie ci-dessus doit être définie dans l’une des feuilles de style de la liste.

• Détail

Affichage du détail des feuilles de style sélectionnées.

• Règle Extraction

• Règle REB permettant d’alimenter le FID. Le contexte de cette règle est fonction de l’endroit où le FID est inséré :

• Dans une rubrique de portail : le même contexte qu’une règle REB de rubrique (voir chapitre correspondant).

• Dans une ergonomie GFD : le contexte de la règle d’affichage REB de la GFD.

• Dans une PSD : le contexte des règles PSD, sauf les variables de type VSD.

Onglet Caractéristiques / Modèle

• Affichage Valeur

Saisi dans le cas des histogrammes simples. Permet d’activer ou désactiver l’affichage des valeurs dans les barres des histogrammes.

• Affichage Légende

Saisi dans le cas des diagrammes animés. Permet d’activer ou désactiver l’affichage de la légende.

• Style Légende

Saisi dans le cas des diagrammes animés si l’affichage de la légende est coché. Permet de sélectionner une feuille de style permettant de définir l’apparence de la légende.

• Animation

Saisi dans le cas des diagrammes animés et des flux. Permet d’activer ou désactiver l’effet d’animation lors de l’affichage du FID. Dans le cas des flux, l’animation revient à décaler légèrement la flèche active vers le haut (cas flux horizontal), vers la gauche (cas flux vertical).

• Affichage Grille: Saisi dans le cas des diagrammes animés et des flux. Permet d’activer ou désactiver l’affichage :

  • de la grille pour les diagrammes animés

  • de l’intervalle entre les flèches pour les flux

    • Affichage Echelle

Saisi dans le cas des diagrammes animés de type CL, CR, GB et SP. Permet d’activer ou désactiver l’affichage de l’échelle.

• Nb. Graduations

Saisi si l’affichage de l’échelle est coché. Initialisé à 4 lors de la création. C’est le nombre de graduations de l’échelle.

• Orientation

Saisi dans le cas des flux. Permet d’orienter les flèches Verticalement ou Horizontalement .

• Taille texte avant (%)

Saisi dans le cas des flux. Permet de définir la taille en pourcentage de la zone contenant le texte avant (Flux horizontal) ou à gauche (Flux vertical) des flèches.

• Taille texte après (%)

Saisi dans le cas des flux. Permet de définir la taille en pourcentage de la zone contenant le texte après (Flux horizontal) ou à droite (Flux vertical) des flèches.

Paramètres utilisateurs importants

Actions de gestion sur les FID

• Gestion/Visualisation Structure

Permet de lancer l’application de Définition de la structure d’un FID

• Cas d’Emploi Rubriques

Donne accès à la gestion des différentes rubriques utilisant ce FID.

• Cas d’Emploi Variables VAC

Donne accès à la gestion des différentes variables de type VAC utilisant ce FID.

Définition de la structure d’un FID

Cas des FID modèle Tableau

Onglet Définition

• Titre

Titre de la colonne du tableau.

• Style titre

Liste de classes permettant de personnaliser les caractéristiques du titre de la colonne (couleur, police, alignement …). Le séparateur entre deux classes est l’espace. Ces classes doivent appartenir à l’une des feuilles de style référencées sur la définition du FID.

• Type

Type de la zone à afficher.

• Format

Format d’affichage de la zone à afficher.

Remarque : Pour le type A(lpha) le format I(mage) est disponible.

• Champ

Information à afficher sur la zone : champ de la liste WfResRubrique issu de la requête d’extraction du FID.

• Style colonne

Liste de classes permettant de personnaliser les caractéristiques des cellules de la colonne (couleur, police, alignement). Le séparateur entre deux classes est l’espace. Ces classes doivent appartenir à l’une des feuilles de style référencées sur la définition du FID.

Cas des FID modèle Histogramme Simple

Vocabulaire utilisé pour les histogrammes simples :

La structure des histogrammes simples dépend de leur type (Bâton, Tuyaux d’Orgue ou Empilé). Elle est pré initialisée dans l’application de définition et seule la modification est possible.

• Liste pré initialisée dans le cas des histogrammes simples bâtons

• Liste pré initialisée dans le cas des histogrammes simples tuyaux d’orgue

• Liste pré initialisée dans le cas des histogrammes simples empilés

Onglet Définition

• Référence

Affichée.

• Etiquette

Etiquette à afficher devant les valeurs de catégorie, de classe, de série ou de la valeur numérique de la série.

• Style étiquette

Liste de classes permettant de personnaliser les caractéristiques des étiquettes (couleur, police, alignement). Le séparateur entre deux classes est l’espace. Ces classes doivent appartenir à l’une des feuilles de style référencées sur la définition du FID.

• Type

Type de l’étiquette à afficher.

• Format

Format d’affichage de l’étiquette.

• Champ

Saisie pour la référence « Valeur » seulement : champ numérique de la liste WfResRubrique issu de la requête d’extraction du FID.

Cas des FID modèle Diagramme Animé (Barre, Courbe, Radar)

La structure des diagrammes animés (Barre, Courbe et Radar) est pré initialisée dans l’application de définition et seule la modification est possible.

• Référence

Affichée.

• Type

Type de l’information à afficher.

• Format

Format d’affichage de l’information.

• Champ

Saisie pour la référence « Valeur » seulement : champ numérique de la liste WfResRubrique issu de la requête d’extraction du FID.

Les formats d’affichage saisis donnent respectivement pour :

• Catégorie : le format d’affichage des libellés en abscisse

• Classe : le format d’affichage des libellés dans la légende

• Valeur : le format d’affichage des valeurs de l’échelle

Cas des FID modèle Diagramme Animé (Anneau, Circulaire, Polaire)

La structure des diagrammes animés (Anneau, Circulaire et Polaire) est pré initialisée dans l’application de définition et seule la modification est possible.

• Référence

Affichée.

• Type

Type de l’information à afficher.

• Format

Format d’affichage de l’information.

• Champ: Saisie pour la référence « Valeur » seulement : champ numérique de la liste WfResRubrique issu de la requête d’extraction du FID. Les formats d’affichage saisis donnent respectivement pour :

  • Catégorie : le format d’affichage des libellés dans la légende

  • Valeur : le format d’affichage des valeurs de l’échelle (cas polaire)

Cas des FID modèle Jauge

La définition de la structure pour les jauges n’est pas obligatoire. Par défaut correspondances suivantes seront effectives :

Ces correspondances peuvent être forcées par l’application de définition de structure. Elle est pré initialisée et seule la modification est possible.

• Référence

Affichée.

• Champ

Saisi. Champ numérique de la liste WfResRubrique issu de la requête d’extraction du FID pour Minimum, Maximum et Valeur. Champ alpha numérique de la liste WfResRubrique issu de la requête d’extraction du FID pour Libellé.

Cas de FID modèle FLUX

Il s’agit de définir dans la structure la liste des modèles d’étape possibles dans ce flux. L’apparence de chaque étape est décrite. La requête DIALOG de définition du flux fera référence à ces modèles.

• Référence

Saisie. Doit être unique.

• Type flèche

Défini la forme de la flèche :

Type	Forme
Début
Standard
Fin

• Champ texte flèche

Champ contenant le texte à afficher dans la flèche. Lien avec un champ de WFResRubrique.

• Style texte flèche

Classe définissant le style du texte. La classe doit être définie dans l’une des feuilles de style référencée sur le FID.

• Champ texte avant

Champ contenant le texte à afficher avant (Flux Horizontal) ou en haut (Flux Vertical). Lien avec un champ de WFResRubrique.

• Style texte avant

Classe définissant le style du texte. La classe doit être définie dans l’une des feuilles de style référencée sur le FID.

• Champ texte après

Champ contenant le texte à afficher après (Flux Horizontal) ou en bas (Flux Vertical). Lien avec un champ de WFResRubrique.

• Style texte après

Classe définissant le style du texte. La classe doit être définie dans l’une des feuilles de style référencée sur le FID.

• Longueur

Longueur en pixels de la flèche.

• Champ état flèche

Champ l’état de la flèche : sélectionnée ou pas. Lien avec un champ de WFResRubrique.

• Style état sél.

Non obligatoire. Lien avec une feuille de style de type JS qui donne les effets de couleur de la flèche lorsqu’elle est sélectionnée.

• Style état non sél.

Non obligatoire. Lien avec une feuille de style de type JS qui donne les effets de couleur de la flèche lorsqu’elle n’est pas sélectionnée.

Paramétrage d’un portail

Définition d’un portail

Onglet Définition

• Référence

Référence unique du portail. Obligatoire.

• Désignation

Désignation du portail.

• Libellé

Libellé du portail.

• Libellé court

Libellé court du portail.

• Mot Directeur

Mot Directeur du portail.

• Domaine, Famille, Sous-Famille

Domaine, Famille et Sous-Famille du portail. Le domaine fait partie des informations partagées avec les objets applicatifs lancés du portail.

• Titre

Titre du portail, paramétrable dans la requête de démarrage du portail. Apparaît dans l’onglet du portail.

• Icône

Icône représentant le portail, paramétrable dans la requête de démarrage du portail. Apparaît avant le titre dans l’onglet du portail.

• Règle démarrage . Requête REB exécutée avant l’affichage du portail

  • Contexte en entrée :

    • SCR.IAP_TypObj : Type objet applicatif è « POR »

    • SCR.IAP_RefObj : Référence Objet è Référence du portail

    • SCR.IAP_ActCtx : Contexte de la requête è « DEM »

    • SCR.Titre : Titre paramétré sur le portail

  • Contexte en sortie :

    • SCR.Titre : Titre du portail

• Ergonomies

Affichage de la liste des ergonomies définies pour le portail avec leurs dimensions.

• Fréquence Actu.

Fréquence d’actualisation du portail (exprimée en minute). Si aucune fréquence n’est définie, le rafraîchissement du portail s’effectuera via l’action Actualiser disponible.

Quel que soit le mode d’actualisation choisi, dans l’onglet dédié au portail, l’heure de dernière actualisation apparaît entre parenthèse en suivant du titre.

Onglet Actions

• Actions

Actions générales lancées depuis le portail (voir Définition des actions).

• Détail

Détail des actions générales lancées depuis le portail.

• Règle: Règle RCT de gestion des actions du portail. Facultative.

  • Contexte en entrée :

    • SCR.RCT_*

    • SCR.POR_Ref : Référence du portail

    • SCR.PAR_DomRef : Domaine du portail

• Icône défaut

Icône utilisée par défaut pour les actions n’ayant aucune icône paramétrée dans la définition des actions.

Onglet Qui, Quand ?

• Date Création

Date de création du portail : non saisie et initialisée lors de la création du portail.

• Heure Création

Heure de création du portail : non saisie et initialisée lors de la création du portail.

• Util. Création

Utilisateur ayant créé le portail : non saisi et initialisé lors de la création du portail.

• Date Modification

Date de dernière modification du portail : non saisie et initialisée lors de la modification du portail.

• Heure Modification

Heure de dernière modification du portail : non saisie et initialisée lors de la modification du portail.

• Util. Modification

Dernier utilisateur ayant modifié le portail : non saisi et initialisé lors de la modification du portail.

Actions de gestion sur les portails

• Définition Ergonomies

Permet de lancer l’application de Paramétrage des ergonomies d’un portail

• Accès Rubrique

Donne accès à la gestion des différentes rubriques inclues dans les différentes ergonomies de ce portail (cf. Définition d’une rubrique)

• Cas d’Emploi

Donne la liste des utilisateurs et des classes auxquels le portail courant a été rattaché.

• T: ©lasse ou (U)tilisateur

• Référence

Référence de la classe ou de l’utilisateur

• Désignation

Désignation de la classe ou de l’utilisateur

• D

Si coché, indique que le portail est le portail de démarrage de la classe ou de l’utilisateur

Paramétrage des ergonomies d’un portail

Définition des ergonomies d’un portail

Onglet Définition

• Ergonomie

Référence unique de l’ergonomie. Obligatoire.

• Désignation

Désignation de l’ergonomie.

• Positionnement: Positionnement ergonomie dans la page d’accueil. Trois choix possibles :

  • C (Centré)

  • G (Cadré à Gauche)

  • D (Cadré à Droite)

• Image de Fond

Image de fond de l’ergonomie.

• Couleur de Fond

Couleur de fond de l’ergonomie.

Prise en compte si aucune image de fond n’est paramétrée.

• Largeur

Largeur en pixels de l’ergonomie : issue de la définition du formulaire.

• Hauteur

Hauteur en pixels de l’ergonomie : issue de la définition du formulaire.

Onglet Interface

• Rubriques

Sélectionner les rubriques affichées dans l’ergonomie.

• Détail rubriques

Affichage détaillé de la liste des rubriques sélectionnées précédemment.

• Alertes

Parmi les rubriques paramétrées, sélectionner les rubriques apparaissant en alerte.

• Détail alertes

Affichage détaillé des rubriques sélectionnées dans les alertes.

• Actions

Parmi les actions définies sur le portail, sélectionner les actions apparaissant dans l’ergonomie.

• Détail Actions

Affichage détaillé de la liste des actions sélectionnées pour l’ergonomie.

Onglet Qui,Quand ?

• Date Création: Date de création de l’ergonomie : non saisie et initialisée lors de la création de l’ergonomie.

• Heure Création: Heure de création de l’ergonomie : non saisie et initialisée lors de la création de l’ergonomie.

• Util. Création: Utilisateur ayant créé l’ergonomie : non saisi et initialisé lors de la création de l’ergonomie.

• Date Modification: Date de dernière modification de l’ergonomie : non saisie et initialisée lors de la modification de l’ergonomie.

• Heure Modification: Heure de dernière modification de l’ergonomie : non saisie et initialisée lors de la modification de l’ergonomie.

• Util. Modification: Dernier utilisateur ayant modifié l’ergonomie : non saisi et initialisé lors de la modification de l’ergonomie.

Actions de gestion des ergonomies d’un portail

• Définition Formulaire

Permet de lancer l’application de définition d’un formulaire Pour une ergonomie de portail

• Accès Rubriques

Permet d’accéder à la Définition d’une rubrique

Parametrage utilisateur/classe

Il s’agit de faire le lien entre l’utilisateur ou la classe et un ou plusieurs portails (voir documentation ADM_Utilisateurs).

Sur la Classe Utilisateur :

Sur l’utilisateur

Les différents portails accessibles par l’utilisateur apparaissent dans le menu des actions du portail et dans le « A propos » de Diapason.

Parametrage des actions

Définition des actions

Onglet Général

• Numéro d’ordre

Numéro d’ordre de l’action : doit être unique, non modifiable.

• Code action

Code identifiant l’action : sera utilisé lors de la définition de l’affichage d’une rubrique ou d’une ergonomie de portail où les actions utilisées doivent obligatoirement être référencées.

• Type Obj. App.

Type d’action exécutée  (OBLIGATOIRE) :

• Ref. Obj. App.

Référence de l’application lancée en fonction du type sélectionné. OBLIGATOIRE.

• Message

Texte du message affiché pour une action de type MCO, uniquement si type MCO sélectionné.

• Désignation

Désignation de l’action, correspondant au texte dans le menu contextuel.

• Libellé Court

Libellé de l’action présenté dans la bulle d’information.

• Icône

Icône utilisée par défaut pour une action lancée depuis un bouton du formulaire.

• Var. Ctx.

Dans le cas des rubriques uniquement, définition des associations entre le contexte de l’action et les champs ou variables disponibles dans la requête d’extraction de la rubrique (cf. Association Variables Contextuelles)

• Détail Var. Ctx.

Affichage détaillé des associations paramétrées.

Association Variables Contextuelles

- Dans le cas des rubriques, il s’agit d’associer à chaque critère de l’objet applicatif lancé, une variable ou un champ de la liste standard WfResRubrique issu de la requête d’extraction.

• Ctx. Obj. App

Contexte applicatif de l’action : liste des variables critères à initialiser. Affiché.

• Désignation

Désignation du contexte applicatif de l’action. Affichée.

• Champ

Champ de la liste WfResRubrique ou variable issue de la requête d’extraction de la rubrique à associer au contexte applicatif. Saisi.

• Désignation

Désignation liée à l’information sélectionnée dans la colonne Champ. Affichée.

- Dans le cas du portail, cette liste est strictement informative et ne contient que les colonnes Ctx.Obj.App et Désignation. Par contre, à l’exécution d’un objet applicatif depuis un portail, Diapason met à disposition les trois variables standards critère suivantes :

• SCR.IAP_TypePere Type du père ➡️ « POR » ou « RUB »

• SCR.IAP_RefPere Référence Portail ou Référence Rubrique

• SCR.IAP_AppCtxPere Référence Portail ‘/‘ Domaine Portail ‘/’ Action

Définition formulaire

Pour une rubrique de type fiche ou liste

Il s’agit de positionner les zones à afficher de la rubrique, dans un formulaire, avec la possibilité de personnaliser chacune d’entre elles (couleur, police, taille, position).

La définition d’un formulaire est accessible via la documentation STUDIO_Entités

Pour une ergonomie de portail

Il s’agit de positionner sur la page d’accueil les rubriques sélectionnées.

La définition d’un formulaire est accessible via la documentation STUDIO_Entités.

Des particularités apparaissent sur l’action Propriétés, disponible sur chacune des rubriques associées au portail :

• Positionnement des zones (zones Largeur, Hauteur, Position X et Position Y)

• Nom, Désignation et Taille définis sur la rubrique (zone Rubrique)

• Possibilité de donner un nombre de lignes entières visibles (zone Nombre de lignes)

Rubriques standard

Certaines rubriques peuvent être communes à plusieurs portails et indépendantes du module telles que :

• Liste des éléments récents

• Alertes

• Liste des tâches

Les fonctions DIALOG INI-ELS-RECENTS, INI-ALERTES et INI-TACHES (voir doc STUDIO_Fonctions ) permettent d’initialiser automatiquement leur contenu en fonction de critères. La personnalisation de l’ergonomie et des actions sur la rubrique est laissée libre comme pour les rubriques spécifiques.

Liste des éléments récents

Présentation pour l’utilisateur des derniers enregistrements accédés en gestion (Création, Suppression, Modification, Duplication, Validation …) pour les entités DIAPASON.

Le tableau ci-dessous présente, par entité, le résultat renvoyé par la fonction INI-ELS-RECENTS dans la liste standard WfResRubrique.

Alertes

Présentation d’une synthèse des différentes rubriques apparaissant dans le portail, en affichant seulement les titres et le nombre d’enregistrements qu’elles contiennent.

Résultat dans WfResRubrique de la fonction DIALOG  INI-ALERTES :

Liste des tâches

Présentation pour l’utilisateur de la liste des tâches classées : les non datées en premier, puis par date décroissante.

Résultat dans WfResRubrique de la fonction DIALOG INI-TACHES :

Gestion des droits sur les portails

Il est possible de définir des droits sur les portails comme pour d’autres objets applicatifs, ….

Dans l’arborescence de définition des droits de l’explorateur applicatif « Exploitation », la branche « Portails » a été ajoutée (cf. STUDIO_Zone_Navigation).

Annexes

comportements par défaut

Couleurs défaut

Un paramètre utilisateur est mis à disposition pour permettre de définir la liste des couleurs par défaut à utiliser dans les diagrammes lorsque les couleurs ne sont pas surchargées dans les attributs lors de la définition de structure ou lors de l’extraction des données. La désignation contient la liste des numéros de couleur DIAPASON (cf. liste des couleurs dans « A propos »).

Feuilles de style par défaut

Pour chaque type de diagramme (simple ou animé), un paramétrage par défaut est proposé dans les feuilles de styles.

diagrammes animés

Un diagramme a des caractéristiques liées à son apparence (Echelle, Animation, Grille) et à ses données (nombre de séries, couleurs des séries). On distinguera deux types de feuilles de style :

• Structure

• Données

Feuilles de styles Structure défaut diagrammes animés : JS

Des feuilles de style sont fournies par défaut pour donner les rendus défaut suivants :

Référence Feuille de Style	Désignation	Rendu
ISJS_BEZ	Diagramme Courbe Bezier JS sans Aire
ISJS_BEZ_A	Diagramme Courbe Bezier JS avec Aire
ISJS_COU Feuille de style par défaut prise dans le cas du diagramme courbe si aucune autre n’est renseignée sur la définition du FID.	Diagramme Courbe JS sans Aire
ISJS_COU_A	Diagramme Courbe JS avec Aire
ISJS_RAD Feuille de style par défaut prise dans le cas du radar si aucune autre n’est renseignée sur la définition du FID.	Diagramme Radar JS
ISJS_BAR Feuille de style par défaut prise dans le cas de l’histogramme si aucune autre n’est renseignée sur la définition du FID.	Histogramme JS
ISJS_ANN Feuille de style par défaut prise dans le cas du diagramme secteur anneau si aucune autre n’est renseignée sur la définition du FID.	Diagramme Secteur Anneau
ISJS_CIR Feuille de style par défaut prise dans le cas du diagramme secteur circulaire si aucune autre n’est renseignée sur la définition du FID.	Diagramme Secteur Circulaire
ISJS_POL Feuille de style par défaut prise dans le cas du diagramme secteur polaire si aucune autre n’est renseignée sur la définition du FID.	Diagramme Secteur Polaire
ISHTML_LEG Feuille de style par défaut prise pour les légendes si aucune autre n’est renseignée sur la définition du FID.	Représentation Légendes
ISJS_JAU Feuille de style par défaut prise dans le cas des jauges si aucune autre n’est renseignée sur la définition du FID.	Jauge

Ces feuilles de style peuvent être surchargées lors de la définition du FID, dans la zone « Prop. Générales ».

Modèles feuilles de style données : JS

Ces feuilles de style permettent de surcharger les couleurs défauts du paramètre utilisateur.

Les couleurs peuvent être données de la forme :

• COU_TEXTE_numéro de couleur DIAPASON : couleur des lignes ou points

• COU_FOND_ numéro de couleur DIAPASON : couleur de remplissage

• rgba(,,,) 

• #xxxx

Ces feuilles de styles sont liées aux données. Elles sont affectées lors de l’extraction des données au champ WfResRubrique.Attributs.

Options

Exemple Histogramme : Activation Légende et personnalisation de la graduation 

Diagrammes Simples

Feuilles de style structure défaut diagrammes simples

Référence Feuille de Style	Désignation	Rendu
ISHTML_TAB Feuille de style par défaut prise dans le cas des tableaux simples si aucune autre n’est renseignée sur la définition du FID.	Représentation Tableau Simple
ISHTML_HIS Feuille de style par défaut prise dans le cas des histogrammes simples si aucune autre n’est renseignée sur la définition du FID.	Représentation Histogramme Simple

Ces feuilles de style peuvent être surchargées lors de la définition du FID, dans les zones « Classe Générale » et « Prop. Générales ».

Modèle feuille de style données : HTML

Ces feuilles de style permettent de surcharger les couleurs défauts du paramètre utilisateur.

Les couleurs peuvent être données de la forme :

COU_FOND_ numéro de couleur DIAPASON : couleur de remplissage

Exemple de feuille de style pour la surcharge de la structure (classes body et tablePERSO) et des couleurs de cellules (classes couleurcol1 et couleurcol2) dans le cas d’un tableau . Ces dernières sont liées aux données et doivent être définies dans l’une des feuilles de style définie sur le FID. Elles sont affectées lors de l’extraction des données au champ WfResRubrique.Attributs.

Flux

Feuille de style défaut flux

Référence Feuille de Style	Désignation	Rendu
ISHTML_FLU Feuille de style par défaut prise dans le cas des flux si aucune autre n’est renseignée sur la définition du FID.	Représentation Flux

Ces feuilles de style peuvent être surchargées lors de la définition du FID, dans la zone « Prop. Générales ».

Modèles feuilles de style données : JS

Ces feuilles de style permettent de surcharger les couleurs défauts du paramètre utilisateur.

Les couleurs peuvent être données de la forme :

• COU_TEXTE_numéro de couleur DIAPASON : couleur des lignes ou points

• COU_FOND_ numéro de couleur DIAPASON : couleur de remplissage

• rgba(,,,) 

• #xxxx

Ces feuilles de style sont renseignées lors de la définition de la structure du flux (action depuis la définition des FID) et peuvent être surchargées dans la requête d’extraction dans WfResRubrique.Attributs.

Descriptif liste standard : wfresrubrique

Les champs RubAlp*, RubNum*, RubLog*, RubDat* sont libres et permettent d’alimenter l’affichage de la rubrique et les critères nécessaires aux actions paramétrées sur la rubrique.

Dans le cas des rubriques standards se conformer au paragraphe sur les rubriques standards.

Taille de l’écran

Dans l’onglet « Avancé » du « A propos de Diapason … », les zones :

« Dimensions Zone 1 » indique :

- la plus petite taille de l’écran comprenant le Navigateur et la barre des actions affichées,

- la plus grande taille de l’écran sans le Navigateur et sans la barre des actions affichées.

Portails indique par portail accessible par l’utilisateur, l’ergonomie automatiquement choisie en fonction de la taille de la zone1 actuelle.

Exemple portail

Pour obtenir le portail suivant :

Définition de la requête d’extraction : (partie représentant la création d’une occurrence de la liste)

Paramétrage de la rubrique :

Définition de la rubrique

Définition des actions

Définition de l’affichage de la rubrique

Définition formulaire de la rubrique

Paramétrage portail

Définition du portail

Définition d’une ergonomie du portail

Définition du formulaire du portail

exemple parametrage fid

Exemple de tableau

Définition FID

Définition Structure

Requête d’alimentation IS_TAB

Remarques :

• WfResRubrique.Attributs contient la liste chainée des classes permettant de personnaliser les cellules. Cette liste doit être donnée de la forme : RefCol=Classe. Chaque classe utilisée doit être renseignée dans l’une des feuilles de style rattachées au FID lors de sa définition. CHR(59) est le séparateur des colonnes. Dans cet exemple, la couleur de fond de toutes les cellules de la deuxième colonne sera personnalisée.

• WfResRubrique.NumOrdLig donne l’ordre d’affichage des lignes du tableau.

Autre possibilité de définir la structure et/ou de surcharger la structure du tableau dans la requête :

• WfResRubrique.TEn doit contenir *STRUCTURE

• WfResRubrique.RubLib doit contenir la liste ordonnée des libellés des colonnes

• WfResRubrique.Cl1 doit contenir la liste ordonnée des formats des colonnes de la forme C/n ou E/n …..

• WfResRubrique.Cl2 doit contenir la liste ordonnée des champs de WfresRubrique correspondant aux colonnes de la forme WfResRubrique.champ

• WfResRubrique.Cl3 doit contenir la liste des classes définissant les attributs des colonnes

• WfResRubrique.Attributs doit contenir la liste des classes définissant les attributs des titres des colonnes

Le séparateur des ces liste étant : CHR(26).

Feuille de style personnalisée : HTML_PERSO

Renseignée lors de la définition du FID, la feuille de style HTML_PERSO, met à disposition des classes applicables à chaque élément de rubrique si on les attribue au champ de liste WfResRubrique Attributs. Voir requêtes ci-dessus.

.couleurCOL1 {

background-color: COU_FOND_22 ;

}

.couleurCOL2 {

background-color: COU_FOND_23 ;

}

Remarque : Les couleurs peuvent être données de la forme :

• COU_FOND_numéro de couleur Diapason (voir liste des couleurs dans « A propos »)

• COU_TEXTE_ numéro de couleur Diapason (voir liste des couleurs dans « A propos »)

Exemple de Diagramme Simple Empilé

Définition FID

Définition Structure

Requête d’alimentation : IS_HIS_E

Si WfResRubrique.Attributs n’est pas renseigné les couleurs utilisées automatiquement sont les couleurs défaut définies par le paramètre utilisateur « PARAM-GEN / PARAMETRES / POR-COU-DEF ».

Remarques :

• WfResRubrique.Cl1 contient toujours pour les graphiques empilés les valeurs des catégories.

• WfResRubrique.Cl2 contient toujours pour les graphiques empilés les valeurs des classes.

• WfResRubrique.Cl3 contient toujours pour les graphiques empilés les valeurs des séries.

• WfResRubrique.Attributs contient la liste des classes permettant de personnaliser la série. Les classes utilisées doivent être renseignée dans l’une des feuilles de style rattachées au FID lors de sa définition. Le séparateur entre les classes est l’espace.

• WfResRubrique.NumOrdLig donne l’ordre de lecture de WfResRubrique.

Exemple de Diagramme Animé

Définition FID

Définition Structure

Définition règle d’extraction : IS_LIG

Remarques :

Définition Structure du diagramme :

• WfResRubrique.TEn doit contenir *STRUCTURE

• WfResRubrique.Cl1 doit contenir la liste ordonnée des valeurs en abscisse

• WfResRubrique.Cl2 doit contenir la liste des valeurs des séries qui sera aussi la liste des libellés pour la légende

• WfResRubrique.Cl3 doit contenir la liste des libellés à afficher en abscisse si différents de WfResRubrique.Cl1 .

• WfResRubrique.Attributs doit contenir la liste des attributs associés aux séries (une feuille de style JS par série)

• Données du Diagramme :

  • WfResRubrique.Cl1 contient toujours les valeurs des catégories.

  • WfResRubrique.Cl2 contient toujours le libellé des classes qui apparaît dans la légende.

  • WfResRubrique.Cl3 n’est pas utilisé pour les histogrammes animés.

  • WfResRubrique.Attributs contient la feuille de style permettant de personnaliser la classe.

Si WfResRubrique.Attributs n’est pas renseigné les couleurs utilisées automatiquement sont les couleurs défaut définies par le paramètre utilisateur « PARAM-GEN / PARAMETRES / POR-COU-DEF ».

Cette requête peut s’appliquer à un Histogramme animé, une courbe animée ou un radar animé.

Feuilles de style associées utilisées dans la requête

• Feuille de style : JS_LIG_1 :

  • strokeColor : COU_TEXTE_1;

  • pointColor : COU_TEXTE_1;

  • pointStrokeColor : COU_FOND_1;

• Feuille de style : JS_LIG_2 :

  • strokeColor :"rgba(151,187,205,0.5)";

  • pointColor : "rgba(151,187,205,1)";

  • pointStrokeColor : "#fff";

• Feuille de style : JS_LIG_3 :

  • strokeColor : COU_TEXTE_30;

  • pointColor : COU_TEXTE_30;

  • pointStrokeColor : COU_FOND_30;

Les couleurs peuvent être renseignées de la forme : RGB, HEXA, COU_TEXTE_xx ou COU_FOND_xx

Exemple de Jauge

Définition FID

Définition Structure

Requête d’alimentation : IS_JAU

Remarques :

• WfResRubrique.Cl1 contient la valeur du minimum.

• WfResRubrique.Cl2 contient la valeur du maximum.

• WfResRubrique.Cl3 contient le libellé de la jauge.

• WfResRubrique.RubNum0 contient la valeur de la jauge.

• WfResRubrique.Attributs contient la feuille de style permettant de personnaliser les couleurs de la jauge.

Feuille de style associée : ISJS_JAU (défaut)

gaugeColor: COU_FOND_9;

• levelColorsGradient: true;

• levelColors: ["#a9d70b", "#f9c802", "#ff0000"];

• startAnimationType: "<>";

• startAnimationTime : 0

Exemple de diagramme secteur

Définition FID

Définition Structure

Requête d’alimentation : ISJS_SEC

Remarques :

• WfResRubrique.Cl1 contient toujours le libellé des secteurs qui s’affiche dans la légende.

• WfResRubrique.Cl2 n’est pas utilisée pour les diagrammes secteur.

• WfResRubrique.Cl3 n’est pas utilisé pour les diagrammes secteur.

• WfResRubrique.Attributs contient la feuille de style permettant de personnaliser la couleur du secteur.

• WfResRubrique.NumOrdLig donne l’ordre de lecture de WfResRubrique.

Si WfResRubrique.Attributs n’est pas renseigné les couleurs utilisées automatiquement sont les couleurs défaut définies par le paramètre général utilisateur « PARAM-GEN / PARAMETRES / POR-COU-DEF ».

Cette requête peut s’appliquer à un diagramme secteur Anneau, circulaire ou polaire.

Feuille de style associée : JS_SEC_1

color : COU_FOND_1

Exemple de Flux

Définition d’un FID

Définition Structure

Requête d’extraction : ISJS_FLUX

Remarques :

• WfResRubrique.NumOrgLig contient le numéro d’ordre de la flèche dans le flux.

• WfResRubrique.Cl1 contient toujours la référence de l’étape correspondante dans le modèle.

Feuilles de Style Personnalisée :

De type RUB : HTML_FLU è Gestion du texte

Définie lors de définition d’un FID zone « Prop. Générales ». Elle donne les caractéristiques du texte du diagramme (voir § 5.8.6.1).

• De type JS : JS_FL_1 è Gestion du dessin

  • couleurFleche : COU_FOND_34 ;

  • couleurFlecheFin : COU_FOND_37 ;

  • couleurBordure : cou_fond_34 ;

  • Définie lors de la définition de la structure (action accessible depuis la définition du FID), elle donne le caractéristique d’une flèche lorsqu’elle est sélectionnée (voir § 5.8.6.2).

Exemple : portail affichant la liste des messages

Nous allons définir une rubrique permettant d’afficher ces informations.

On crée une rubrique de type « Graphique » à laquelle on attache un format indicateur de type « libre » (zone html).

Dans la règle d’extraction d’un format indicateur de type libre, on renseigne la table WfFicTransfert.

Pour récupérer les données de la table IsDiaMes, on utilise la fonction DIALOG « INI-MESSAGES ».

On récupère les messages du portail dans la liste WfResRubrique lors de l’appel de la fonction :

On parcourt ensuite la liste WfResRubrique pour alimenter la liste WfFicTransfert.

On récupère :

• L’objet du message dans le champ RubAlp0 de WfResRubrique 

• Le texte du message dans le champ RubAlp1 de WfResRubrique 

• La date de début du message dans le champ RubDat0 de WfResRubrique 

• La date de fin du message dans le champ RubDat1 de WfResRubrique 

• L’heure de début du message dans le champ RubNum0 de WfResRubrique 

• L’heure de début du message dans le champ RubNum1 de WfResRubrique 

• Le numéro du message dans le champ RubNum2 de WfResRubrique 

Dans la boucle, on met en forme l’objet et le texte du message.

Une fois la rubrique insérée dans un portail DIAPASON, on obtient le résultat suivant :