nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

211435_fr-FR

liliconcom

Comment intégrer du contenu JMP Public ou JMP Live dans une page web ou un article de blog

Cet article fait suite à ma série d'articles de blog sur les conseils que j'aurais aimé recevoir à mes débuts avec JMP . Je souhaitais rendre interactifs plusieurs graphiques dans mes articles. Je savais que je pouvais créer ces graphiques interactifs dans JMP et les transférer sur JMP Public . Cependant, j'ignorais comment intégrer le contenu JMP Public directement dans l'article.

Voici comment procéder. Oui, vous allez voir du code. Pas de panique, vous n'avez pas besoin de le modifier. Regardez cette photo d'un chiot et respirez profondément avant de continuer.

See the happy puppy - it's not worried about seeing code. Be like the happy puppy. Regardez ce chiot heureux : il ne s’inquiète pas de voir du code. Soyez comme ce chiot heureux.
Ça va mieux maintenant ? Génial. Accrochez-vous, car ceci va changer votre monde – ou du moins votre façon de bloguer.

Configuration du rapport pour JMP Public et Publication

Étape 1 – Lancer une analyse dans JMP
Vous trouverez des informations détaillées sur cette étape un peu partout dans la communauté des utilisateurs de JMP. Trois points sont à retenir :

Limitez la taille de votre ensemble de données.
Faites attention à la taille de vos images. Voici deux exemples : le premier est optimisé pour un navigateur, le second pour un blog. Pensez-y.
N'oubliez pas que ce que vous publiez sur Internet reste sur Internet !

Étape 2 – Publier l’analyse sur JMP Public (ou JMP Live )
Je ne vais pas réinventer la roue en dupliquant le contenu. Jetez un œil à cet article de blog : Publication sur JMP Public
Veuillez noter que vous devez ouvrir la page publique JMP une fois le téléchargement réussi.

Étape 3 – Récupérer le contenu de l'iFrame
Si votre page JMP Public n'est pas ouverte, ouvrez-la. Cliquez sur l'icône en haut à droite de la fenêtre. JMP Public Screenshot 1.png

Sélectionnez « Code d'intégration (iFrame) » dans la liste. Vous disposez désormais du code HTML nécessaire pour intégrer le contenu de ce rapport à l'aide d'une iFrame. JMP Public Screenshot 2.png

Insérer le code dans un article (en utilisant ce blog comme exemple)

La communauté d'utilisateurs JMP repose sur un système appelé Khoros (anciennement Lithium). Je vais l'utiliser comme exemple, mais cela fonctionnera avec tout système acceptant une iFrame.

Dans mon cas, j'ai créé un nouvel article de blog, ce qui a ouvert un éditeur. Dans cet éditeur, j'ai la possibilité de travailler en mode texte enrichi (ce que font la plupart des gens), d'afficher le code HTML (la plupart des gens font comme s'il n'existait pas), et d'obtenir un aperçu de ce qui apparaîtra lorsque je cliquerai sur « Publier ».
JMP Public Screenshot 3.png
Lorsque je clique sur l'onglet HTML, l'éditeur m'affiche le code correspondant à ce que j'ai écrit dans l'onglet Texte enrichi.
JMP Public Screenshot 4.png
Il me suffit de repérer l'endroit où je souhaite insérer le code iFrame et de le coller à cet endroit. Je trouve plus simple de saisir quelques lignes vides à l'endroit où je veux insérer mon iFrame. Ensuite, je dois les trouver dans le code HTML (elles ressemblent à ceci : « »

") puis repérez le marqueur du dernier paragraphe (qui ressemble à ceci : "

Placez votre curseur à cet endroit (vous pouvez passer à la ligne si vous le souhaitez) et appuyez sur Coller (Ctrl ou Commande + V). Le résultat devrait ressembler à ceci :
JMP Public Screenshot 5.png

Maintenant que l'iFrame est dans le code HTML, je peux aller dans l'onglet Aperçu et jeter un œil au contenu JMP Public intégré.
JMP Public Screenshot 6.png

Et voilà ! Quelques copier-coller suffisent pour intégrer du contenu JMP Public à un article de blog ou une page web. Il vous faudra peut-être simplement vous renseigner sur la méthode d'insertion d'une iFrame, mais elle devrait ressembler à celle que je vous ai présentée.

Bon blog !

Je souhaitais rendre interactifs plusieurs graphiques dans les articles. Je savais que je pouvais créer ces graphiques interactifs dans JMP et les transférer sur JMP Public . Cependant, je ne savais pas comment intégrer le contenu JMP Public dans l'article. Voici donc la marche à suivre.

Partage et communication des résultats

Re : Comment intégrer du contenu JMP Public ou JMP Live dans une page Web ou un article de blog

Merci @MikeD_Anderson J'avais oublié comment faire ce grand rappel facile à suivre.

Re : Comment intégrer du contenu JMP Public ou JMP Live dans une page Web ou un article de blog

Les chiots rendent tout meilleur.

Re : Comment intégrer du contenu JMP Public ou JMP Live dans une page Web ou un article de blog

Merci. Et merci pour la photo du chiot. Ça m'a aidé. Tout comme votre excellente description. Il était facile d'intégrer les rapports

Re : Comment intégrer du contenu JMP Public ou JMP Live dans une page Web ou un article de blog

Excellent article de blog, Mike !

Je voudrais juste rajouter quelques petits conseils :

1. Pour un rapport suffisamment petit pour tenir sur une page de communauté JMP, vous pouvez également réduire les attributs de largeur et de hauteur dans l'iframe, afin d'éliminer tout espace gris supplémentaire. Et si vous ne voulez pas de barres de défilement, vous pouvez ajouter scrolling="no".

Cela ressemblerait à ceci :

Voici un exemple.

2. Lorsqu'un rapport est volumineux et nécessite des barres de défilement, vous pouvez donner un conseil pratique aux utilisateurs de Firefox qui consultent votre blog ou votre page Web : "Si vous utilisez Firefox, faites un clic droit sur le rapport intégré et choisissez "Ce cadre > Ouvrir le cadre dans Nouvelle fenêtre', pour voir l'intégralité du rapport dans une nouvelle fenêtre".

3. Lors de l'intégration d'un rapport comme celui-ci, assurez-vous que le rapport sur JMP Public ou JMP Live a été configuré pour être partagé avec Tout le monde.

~Jean

Comments

There are no comments yet