07 – Ajouter les composants au Tableau de Bord

Objectif de cette étape #

Nous allons créer le Tableau de Bord, puis ajouter les composants un par un.
Chaque composant utilisera une Datasource adaptée à son niveau de détail.

Créer le Tableau de Bord

Dans BiBOARD Studio :

1. créez un nouveau Tableau de Bord ;
2. nommez-le :

PARCOURS_TDB_SUIVI_VENTES

3. ajoutez un titre :

Suivi des ventes Northwind

4. enregistrez le Tableau de Bord avant d’ajouter les composants.

L’interface de création des Tableaux de Bord permet d’ajouter des composants, de leur associer une Datasource, d’organiser leur position et d’exécuter ensuite le résultat dans le portail.

Composant 1 — KPI du chiffre d’affaires #

Type de composant #

Libellé avec Datasource.

Datasource #

PARCOURS_02_CA_TOTAL

Champ utilisé #

ChiffreAffaires

Configuration proposée #

Comment amélioré son affichage ? #

Ajouter un composant libellé du texte.

Chiffre d'affaires

Il est aussi possible de modifier l’apparence des 2 composants pour améliorer son affichage (police, taille, couleur, …).

Composant 2 — KPI du nombre de commandes #

Type de composant #

Libellé avec Datasource.

Datasource #

PARCOURS_03_NOMBRE_COMMANDES

Champ utilisé #

NombreCommandes

Configuration proposée #

Comment amélioré son affichage ? #

Ajouter un composant libellé du texte.

Nombre de commandes

Point d’attention #

La requête retourne déjà le nombre de commandes.
Le composant ne doit pas recompter ou additionner plusieurs lignes.

Composant 3 — Évolution mensuelle du chiffre d’affaires #

Type de composant #

Vous pouvez utiliser :

• une courbe pour mettre en évidence l’évolution ;
• un histogramme pour comparer visuellement les mois.

Configuration proposée #

Datasource #

PARCOURS_04_CA_MENSUEL

Champs utilisés #

Pourquoi utiliser un champ date ?

Un véritable champ date permet :

• de conserver l’ordre chronologique ;
• d’éviter un tri alphabétique des mois ;
• d’utiliser plus tard des fonctions temporelles.

Composant 4 — Chiffre d’affaires par catégorie #

Type de composant #

Un histogramme horizontal est particulièrement adapté lorsque les libellés de catégories sont relativement longs.

Datasource #

PARCOURS_05_CA_CATEGORIE

Champs utilisés #

Configuration proposée

Composant 5 — Tableau détaillé des commandes #

Type de composant #

Un tableau simple.

Datasource #

PARCOURS_01_DETAIL_COMMANDES

Colonnes à afficher #

Dans l’ordre :

NumCommande
DateCommande
Client
Pays
NomProduit
Categorie
Quantite
PrixUnitaire
Remise
Chiffres d'affaire (MontantNet) 

Colonnes à ne pas afficher #

CleLigne
CodeClient
RemisePourcenatge
CodeProduit
MontantBrut
RemisePourcentage

MontantBrut peut toutefois être conservé si vous souhaitez comparer le montant avant et après remise.

Configuration proposée #

Organiser les composants #

Disposition recommandée :

Première ligne

    KPI chiffre d’affaires
    KPI nombre de commandes

Deuxième ligne

    Évolution mensuelle
    Chiffre d’affaires par catégorie

Troisième ligne

    Tableau détaillé

Laissez un espace sur la première ligne pour la future liste de pays.

Tester le Tableau de Bord #

Exécutez le Tableau de Bord avec le paramètre par défaut :

pPays = #NULL

À ce stade :

• tous les composants doivent afficher des données ;
• le filtre par pays n’est pas encore visible ;
• les composants présentent l’ensemble des pays.

Résultat attendu
Le Tableau de Bord est fonctionnel et présente une vue globale des ventes.