Intégration Lemon Learning

Support
1

Bonjour,

Nous souhaitons intégrer un outil d’assistant digital appelé “Lemon Learning” dans Simplicité v5.3.45.
Le principe d’intégration est décrit ici:

Il consiste à

  • intégrer une css dans la balise body de chaque page de l’interface utilisateur
  • intégrer une ligne javascript avant la balise de chaque page de l’interface utilisateur

Comment pouvons nous intégrer ces lignes de code dans le ou les gabarits de pages Simplicité ?
NB: l’idéal serait de pouvoir gérer les gabarits dans un de nos modules.

Cordialement,

5

Bonjour,

J’ai réalisé des tests d’intégration sans trop de soucis avec LemonLearning il y a deux ans, en me basant sur la documentation que vous évoquez (“Intégration directe”).

Dans Simplicité, vous n’avez pas directement accès au HTML de la disposition pour intégrer tel que préconisé par Lemon. La stratégie recommandée est d’utiliser les hooks de la disposition par défaut de /ui qui s’appelle responsive5.

Pour ce faire, naviguez vers la disposition en question (Interface > Disposition > responsive5) et éditez la ressource SCRIPT de cette disposition pour y intégrer le code suivant:

/* Specific client script */
(function($) {
	$(document).on("ui.loaded", function() {
		$ui.loadCSS("https://static.lemonlearning.com/player/bundle.css");
		$ui.loadScript("https://static.lemonlearning.com/player/bundle.js");
	});
})(jQuery);

function LemonLearningReady (player) {
	player.start();
}

Veillez également à modifier la ressource pour qu’elle soit correctement intégrée à votre module.

Simplicité
Simplicité1674×1210 200 KB

Pour information, tout le reste du travail de test de cette solution a été réalisé à l’époque dans l’environnement Lemon.

Cdt,

1 Like
6

Merci pour la réponse Simon.

J’ai pu tester très simplement l’intégration, et cela fonctionne immédiatement. En plus je peux exporter ce js avec le module qui m’interesse. :+1:

1 Like
7

[Message prédéfini]

Nous conseillons aux utilisateurs de marquer comme “solution” la réponse résolvant leur problématique pour permettre au support de mieux suivre les sujets non résolus, et à la communauté de trouver plus facilement la bonne réponse.

Vos messages indiquant une résolution du problème, nous avons réalisé cette opération pour vous.