Documentation du CMS Knowledge Place

L’utilisation des Quiz dans les formations

Insérer un Quiz dans une Page, un Projet ou un Article

Pour être accessibles aux utilisateurs, les Quiz crées avec le CMS Knowledge Place doivent être intégrés aux Pages, Projets ou Articles que vous réalisez.

Cette intégration est réalisée grâce à un shortcode qui identifie de manière unique le Quiz à afficher et lui associe des propriétés optionnelles.

Lorsque votre Quiz est terminé et que vous voulez l’intégrer à une Page, un Projet ou un Article :

  • Affichez la liste des Quiz
  • Localisez le shortcode associé au Quiz que vous souhaitez insérer, et qui est affiché dans la colonne « Shortcode » de la liste, par exemple : [kps_quiz id=2]
  • Sélectionnez le shortcode et faîtes un clic droit pour le coller dans le presse-papier

Pour insérer ce Quiz dans une Page, un Projet ou un Article :

  • Ouvrez l’Editeur par Bloc ou l’Editeur Visuel sur la Page, le Projet ou l’Article dans lequel vous souhaitez insérer ce Quiz
  • Ajouter un Module « Code » à l’emplacement où vous souhaitez que le Quiz soit affiché
  • Ouvrez le panneau de configuration de ce Module « Code »
  • Dans l’onglet « Contenu », champ « Contenu », collez le shortcode que vous avez copié dans le presse-papier

Dans l’Editeur Visuel, votre Quiz s’affiche instantanément. Dans l’Editeur par Bloc, cliquez sur le bouton « Prévisualiser les Modifications » pour afficher votre Page, Projet ou Article avec le Quiz que vous venez d’insérer.

Sauvegardez votre Page, Projet ou Article.

Les propriétés du shortcode [kps_quiz]

Le shortcode [kps_quiz] du CMS Knowledge Place vous fournit plusieurs paramètres pour vous offrir une grande flexibilité sur le plan pédagogique.

Les paramètres disponibles sont les suivants.

Paramètres obligatoires :

  • id : l’identifiant unique du Quiz que vous souhaitez insérer

Paramètres optionnels utilisables uniquement lorsque le shortcode est placé dans une Page :

  • weight : s’il est renseigné, ce paramètre indique le coefficient de pondération à appliquer au score obtenu par l’utilisateur sur ce Quiz dans le calcul du score global obtenu par l’utilisateur sur la formation contenant la Page dans laquelle le Quiz est affiché
  • minRawScore : s’il est renseigné, ce paramètre indique le score minimum en points à atteindre par l’utilisateur pour que ce Quiz soit considéré comme validé
  • minScaledScore : s’il est renseigné, ce paramètre indique le score minimum en pourcentage à atteindre par l’utilisateur pour que ce Quiz soit considéré comme validé
  • validate : s’il est renseigné, le Quiz doit être validé pour que la Page soit considérée comme validée

Les paramètres minRawScore et minScaledScore sont mutuellement exclusifs.

Voici quelques exemples :

[kps_quiz id=12]

  • Insère le Quiz identidié par 12

 

[kps_quiz id=16 minScaledScore=80]

  • Insère le Quiz identifié par 16
  • Requiert un score minimum de 80% pour que le Quiz soit validé par l’Utilisateur

 

[kps_quiz id=23 weight=5 minRawScore=50 validate=true]

  • Insère le Quiz identifié par 23
  • Comptabilise avec un coefficient 5 le score obtenu par l’utilisateur sur ce Quiz dans le score global de l’utilisateur sur la formation contenant la Page dans laquelle ce Quiz est affiché
  • Requiert un score minimum de 50 points pour que le Quiz soit validé par l’Utilisateur
  • Requiert que ce Quiz soit validé par l’utilisateur pour que la Page contenant ce Quiz soit considérée comme validée par l’utilisateur

 

Grâce au shortcode [kps_quiz] et à ces différents paramètres :

  • Vous pouvez afficher plusieurs Quiz dans une même Page, Projet ou Article, en utilisant autant de Modules « Code » que nécessaire
  • Vous pouvez utiliser le même Quiz dans plusieurs Pages et utiliser les propriétés optionnelles du shortcode pour définir des modalités de suivi spécifiques en fonction de la Page dans laquelle le Quiz est affiché

 

Par exemple, un même Quiz pourra être validé avec un score de :

  • 50% dans une Page de formation pour niveau débutant
  • 70% dans une Page de formation pour niveau intermédiaire
  • 100% dans une Page de formation pour niveau expert

 

La mise en forme des Quiz

Vous pouvez définir des mises en forme personnalisées pour vos Quiz.

Pour définir une mise en forme personnalisée :

  • Définissez des styles CSS personnalisés dans le menu « Design –> Couleurs et Styles » de votre CMS Knowledge Place
  • Des exemples sont fournis ci-dessous pour des styles associés à une classe « flatQuiz »

Pour utiliser une mise en forme personnalisée sur un Quiz

  • Ouvrez le panneau de configuration du Module « Code » contenant le shortcode du Quiz que vous souhaitez personnaliser
  • Cliquez sur l’onglet « Avancé »
  • Dans le champ « Class CSS », entrez la classe correspondant aux styles que vous souhaitez appliquer, par exemple « flatQuiz »

Vous pouvez bien sûr appliquer la même mise en forme à plusieurs Quiz.

Styles CSS Flat Design pour les Quiz
.flatQuiz .wpProQuiz_button {
background: #ED572A !important;
margin: 8px auto 0 !important;
cursor: pointer !important;
font-size: 20px !important;
font-weight: 500 !important;
-moz-border-radius: 3px !important;
-webkit-border-radius: 3px !important;
border-radius: 3px !important;
padding: 6px 20px !important;
line-height: 1.7em !important;
border: 2px solid !important;
-webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale !important;
-moz-transition: all 0.2s !important;
-webkit-transition: all 0.2s !important;
transition: all 0.2s !important;
text-decoration:none !important;
box-shadow:none !important;
}


.flatQuiz .wpProQuiz_button:hover {
color: #8E1E07 !important;
background: #eee !important;
border-color:#eee !important;
padding: 6px 20px !important;
}

.flatQuiz .wpProQuiz_button2 {
background: #ED572A !important;
margin: 8px auto 0 !important;
cursor: pointer !important;
font-size: 20px !important;
font-weight: 500 !important;
-moz-border-radius: 3px !important;
-webkit-border-radius: 3px !important;
border-radius: 3px !important;
padding: 6px 20px !important;
line-height: 1.7em !important;
border: 2px solid !important;
-webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale !important;
-moz-transition: all 0.2s !important;
-webkit-transition: all 0.2s !important;
transition: all 0.2s !important;
text-decoration:none !important;
box-shadow:none !important;
}

.flatQuiz .wpProQuiz_button2:hover {
color: #8E1E07 !important;
background: #eee !important;
border-color:#eee !important;
padding: 6px 20px !important;
}

.flatQuiz .wpProQuiz_time_limit .wpProQuiz_progress {
height: 10px !important;
background-color: #8E1E07 !important;
margin-bottom: 5px !important;
}

.flatQuiz .wpProQuiz_answerCorrect {
background:#00BD89 !important;
font-weight: bold !important;
}

.flatQuiz .wpProQuiz_answerIncorrect {
background: #FB9F44 !important;
font-weight: bold !important;
}

.flatQuiz .wpProQuiz_lock, .wpProQuiz_prerequisite, .wpProQuiz_startOnlyRegisteredUser, .wpProQuiz_loadQuiz {
border: 1px dotted #FCB56D !important;
background-color: #FCB56D !important;
}

.flatQuiz .wpProQuiz_addToplistMessage {
border: 1px solid rgb(160, 160, 160) !important;
background-color: #FDEADB !important;
margin-bottom: 5px !important;
border-radius: 5px !important;
padding: 5px !important;
font-weight: bold !important;
color: dimGray !important;
}

Documentation CMS

Consultez la documentation du CMS Knowledge Place pour concevoir vos formations Responsive Learning en mode collaboratif.

Exemples CMS

Découvrez les possibilités du CMS Knowledge Place à travers ces exemples consultables sur équipement fixe ou mobile.

Documentation metaLMS

Consultez la documentation du metaLMS Knowledge Place pour concevoir des Knowledge Places utilisables en toutes occasions, en ligne comme en présentiel, sur poste fixe, tablette ou smartphone.

knowledgeplaces.com

Retrouvez toute notre actualité sur notre site Web.