Création de rapports HTML

La procédure ci-dessous vous montre comment créer un rapport HTML constitué de différents niveaux. Nous partons du principe que vous maîtrisez les fonctions de conceptions courantes de Qlik NPrinting. Les rapports HTML prennent en charge la plupart des objets Qlik Sense. Voir : Utilisation des objets Qlik

Nous allons incorporer des images de deux objets QlikView dans un rapport HTML, puis ajouter un niveau et la balise de variable de niveau comme étiquette au rapport HTML. Le rapport résultant sera généré avec un titre approprié et des images placées dans un cadre pour chacune des trois années.

Remarque: Les rapports HTML peuvent contenir de nombreux fichiers HTML et image. Ceux-ci sont transmis aux utilisateurs sous forme de fichiers .zip.

Création d'un rapport HTML

Procédez comme suit :

  1. Sélectionnez Rapports dans le menu principal de Qlik NPrinting, puis cliquez sur Créer un rapport.
  2. Renseignez le champ Titre du rapport. HTML Report (Sales).
  3. Sélectionnez HTML dans la liste déroulante Type.
  4. Sélectionnez une application dans la liste déroulante Application.
  5. Sélectionnez un Modèle dans les options disponibles :

  6. Cliquez sur Créer pour créer le rapport.

Sélection de connexions et d'objets à ajouter

Procédez comme suit :

  1. Cliquez sur Éditer le modèle pour ouvrir l'éditeur de modèle.
  2. Cliquez sur le nœud Images avec le bouton droit de la souris, puis sélectionnez Ajouter des objets.
  3. Sélectionnez les objets. Dans le cas présent, sélectionnez CH184 et CH320.
  4. Cliquez sur OK.
  5. Faites glisser les jetons CH320 et CH184, et déposez-les sur des lignes situées entre les balises <body> et </body>.
  6. Ajoutez des lignes le cas échéant, puis insérez des balises d'éléments de bloc telles que <p>, <table> ou <div> pour gérer la disposition et des éléments de style intégrés comme indiqué dans la prochaine section.

Aperçu et enregistrement

Procédez comme suit :

  1. Cliquez sur Aperçu.
  2. Vérifiez le rapport, fermez-le, puis éditez à nouveau le modèle, le cas échéant.
  3. Cliquez sur Enregistrer et fermer pour enregistrer le modèle et fermer l'éditeur de modèle.

Rapport obtenu

Le code HTML suivant, par exemple, crée un rapport HTML correspondant :

<html> <body Style="text-align: center;"> <h3 Style="text-align: center; font: 21px verdana;">
 Top 10 countries
 </h3>   <img src="%%CH320%%" alt="CH320">  <h3 Style="text-align: center; font: 21px verdana;">
 Top 10 products
</h3> <img src="%%CH184%%" alt="CH184"> </body> </html>

Ouverture de la fenêtre de sélection de niveaux

Vous avez la possibilité de générer un rapport HTML comportant des niveaux. Par exemple, procédez comme suit pour générer un niveau qui se répète chaque année :

  1. Cliquez sur le nœud Niveaux avec le bouton droit de la souris, puis sélectionnez Ajouter des niveaux.
  2. Sélectionnez Year dans la liste des niveaux.
  3. Cliquez sur OK.
  4. Développez le nœud Niveaux.
  5. Faites glisser le jeton du nœud Year_Level et déposez-le sur une ligne située entre les balises <body> et </body>.

    Le cas échéant, ajoutez des lignes.

  6. Vous obtenez trois nouvelles lignes :%%Year_Level%%, %%/Year_Level%% et une ligne vide entre les deux autres lignes.

  7. Disposez la ligne %%Year_Level%% avant les éléments à inclure dans le cycle du niveau et la ligne %%Year_Level%% après les éléments à inclure dans le cycle du niveau.
  8. Développez le nœud Year_Level.
  9. Faites glisser le jeton du nœud Year et déposez-le sur une ligne située entre les lignes %%Year_Level%% et %%Year_Level%%.

  10. Ajoutez des éléments de style intégrés. Reportez-vous aux exemples de code ci-dessous.

Aperçu et enregistrement

Procédez comme suit :

  1. Cliquez sur Aperçu.
  2. Vérifiez le rapport, fermez-le, puis éditez à nouveau le modèle, le cas échéant.
  3. Cliquez sur Enregistrer et fermer pour enregistrer le modèle et fermer l'éditeur de modèle.

Rapport obtenu

Le code HTML suivant, par exemple, crée un rapport HTML correspondant. Le rapport obtenu comportera trois sections, chacune intitulée en fonction de l'une des années.

<html> <body Style="text-align: center;"> %%Year_Level%%  <h2 Style="font: 24px verdana;font-weight: bold;"> %%Year%%  </h2> <h3 Style="text-align: center; font: 21px verdana;">
 Top 10 countries
</h3> <img src="%%CH320%%" alt="CH320"> <h3 Style="text-align: center; font: 21px verdana;">
 Top 10 products
</h3>  <img src="%%CH184%%" alt="CH184">   %%/Year_Level%% </body> </html>