« Outils de suivi avec Semantic MediaWiki » : différence entre les versions

De EduTech Wiki
Aller à la navigation Aller à la recherche
mAucun résumé des modifications
 
(60 versions intermédiaires par 3 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
{{Ebauche}}
{{Ebauche}}
Cette page n'est pas à jour (... un jour cela viendra ...) - [[Utilisateur:Daniel K. Schneider|Daniel K. Schneider]] ([[Discussion utilisateur:Daniel K. Schneider|discussion]]) 9 mai 2014 à 16:08 (CEST)


== Introduction ==
== Introduction ==


Cet article documente une expérience dans ce wiki qui vise à implémenter une simple système de [[:en:Learning process analytics|learning process analytics]] avec la technologie [[:en:Semantic Forms|Semantic Forms]]. Pour le moment elle sert aussi à tester des choses .....
Cet article documente une expérience dans ce wiki qui vise à implémenter une simple système de [[:en:Learning process analytics|learning process analytics]] avec la technologie [[:en:Semantic Forms|Semantic Forms]]. Cette technologie est prévue pour collectionner des informations structurées et non pas pour faire des annotations de type "outils de suivi". Toutefois, elle permet de le faire. Une alternative plus efficace mais nettement plus couteuse consisterait à programmer une nouvelle extension de Semantic MediaWiki.  


Il s'agit d'un projet en construction. D'ici mi-octobre le dispositif devrait marcher - [[Utilisateur:Daniel K. Schneider|Daniel K. Schneider]] ([[Discussion utilisateur:Daniel K. Schneider|discussion]]) 30 septembre 2013 à 17:49 (CEST)
Il s'agit d'un projet en construction. Cette page sert donc aussi à tester des choses .....


== Progress reporting ==
== Progress reporting ==
Ligne 11 : Ligne 13 :
Sert à suivre le progrès dans une activité de type transmissive qui engage les apprenants dans des activités de lecture + écriture. Il faut adapter les modèles et formulaires à des contextes spécifiques.
Sert à suivre le progrès dans une activité de type transmissive qui engage les apprenants dans des activités de lecture + écriture. Il faut adapter les modèles et formulaires à des contextes spécifiques.


Une variante est utilisé dans le cours [[Bases psychopédagogiques des technologies éducatives]] (voir ci-dessous)
Le modèle et le formulaire sont utilisés dans le cours [[Bases psychopédagogiques des technologies éducatives]]


=== Modèle et formulaire test pour saisir les données ===
=== Modèle et formulaire test pour saisir les données ===
(data acquisition model and form)


'''Modèles et formulaire pour la saisie'''
* Formulaire:[[Formulaire:Progress reporting debug]]
* Modèle: [[modèle: Progress reporting]]
* Modèle: [[modèle: Progress reporting]]
* Formulaire: [[formulaire: Progress reporting]]
: Ce formulaire doit être appelé dans un #formlink qui permet de préremplir le formulaire. Le code suivant fera donc partie d'un 2ème modèle:
 
Le formulaire doit être appelé dans un formlink qui permet de préremplir le formulaire. Le code suivant fera partie d'un 2ème modèle:


<source lang="bibtex">
<source lang="bibtex">
{{#formlink:form=Progress_reporting
{{#formlink:form=Progress_reporting_debug
|link text=Dites-nous où vous en êtes ....
|link text=Dites-nous où vous en êtes ....
|link type=button
|link type=button
Ligne 31 : Ligne 33 :
</source>
</source>


Dans le formulaire, tous les champs sont visibles, à condition d'appartenir au group "authors". Si vous devez remplir un captcha à chaque édition, il ne marchera pas. Dans un formulaire en production, il faudrait cacher des éléments comme "page wiki", "agent" et "catégorie principale". Autrement dit, le modèle suivant va préremplir le formulaire ci-dessus et ensuite laisser l'utilisateur compléter le reste. Sinon, on peut aussi insérer directement une requête formlink dans chaque page.
Dans le formulaire, tous les champs sont visibles, à condition d'appartenir au group "authors". Si vous devez remplir un captcha à chaque édition, il ne marchera pas.  
 
Dans un formulaire en production, il faudrait cacher des éléments comme "page wiki", "agent" et "catégorie principale". Autrement dit, le modèle suivant va préremplir le formulaire ci-dessus et ensuite laisser l'utilisateur compléter le reste. Sinon, on peut aussi insérer directement une requête formlink dans chaque page.
* Formulaire: [[formulaire: Progress reporting]] (version production)


* [[Modèle:Progress reporting button]] (n'insère pas de catégorie)
'''Modèles à insérer dans des pages'''


En insérant ce modèle <nowiki>{{Progress reporting button}}</nowiki>, cela donne un bouton comme cela:
* [[Modèle:Progress reporting button]] - Pour tester (n'insère pas de catégorie, pas très utile pour une application concrète)
{{Progress reporting button}}
: En insérant ce modèle <nowiki>{{Progress reporting button}}</nowiki>, cela donne un bouton comme cela:
: {{Progress reporting button}}
 
* [[Modèle:Progress reporting bases tetris‎‎]], utilisé dans le cours [[Bases psychopédagogiques des technologies éducatives‎‎]].
: Ce modèle crée une boîte flottante à droite, affiche quelques informations et inclut du "formlink" code pour annoter une page. D'autre champs sont préremplis: Une pour identifier le cours et un autre pour la promotion. Voir par exemple la page [[béhaviorisme]].


=== Modèles pour suivre le progrès, à insérer dans une page utilisateur ===
=== Modèles pour suivre le progrès, à insérer dans une page utilisateur ===
Ligne 43 : Ligne 52 :


* [[modèle: Progress reporting user page]]  
* [[modèle: Progress reporting user page]]  
On peut le copier dans n'importe quelle page: copy/paste:
:On peut le copier dans n'importe quelle page: copy/paste:
<nowiki>{{progress reporting button}} </nowiki>
: <nowiki> {{Progress reporting user page}} </nowiki>


Example page utilisateur test:
Example page utilisateur test:
Ligne 62 : Ligne 71 :
|?a difficulté
|?a difficulté
|?a intérêt
|?a intérêt
|mainlabel = Pages où sont stockées les informations
|limit=5
}}
}}
{{#ask:[[Reporting:+]] [[agent::+]] [[page wiki::+]]
{{#ask:[[Reporting:+]] [[agent::+]] [[page wiki::+]]
Ligne 69 : Ligne 80 :
|?a taux_d'achèvement
|?a taux_d'achèvement
|?a commentaire
|?a commentaire
|limit=5
}}
}}
</source>
</source>
Ligne 81 : Ligne 93 :
|?a difficulté
|?a difficulté
|?a intérêt
|?a intérêt
|mainlabel = Pages où sont stockées les informations
|limit=5
}}
}}
{{#ask:[[Reporting:+]] [[agent::+]] [[page wiki::+]]
{{#ask:[[Reporting:+]] [[agent::+]] [[page wiki::+]]
Ligne 88 : Ligne 102 :
|?a taux_d'achèvement
|?a taux_d'achèvement
|?a commentaire
|?a commentaire
|limit=5
}}
=== Tests visualisations ===
'''Inutiles''' (car il n'y a pas assez d'aggrégation, il faut qu'on fasse usage de [https://semantic-mediawiki.org/wiki/Concept concepts])
Tests to pull data from user reporting pages. In order to visualize agregations, e.g. averages for each page we probably have to create properties that will first #ask average scores.
{{#ask: [[Reporting:+]] [[agent::+]]
|?agent
|?a taux_d'achèvement = Progrès
|?a aidé
|mainlabel=-
|format=jqplotseries
|theme=simple|colorscheme=cc128|width=50%|group=property|chartlegend=nw|charttype=line|stackseries=no
|sort=agent
}}
{{#ask: [[Reporting:+]] [[agent::+]]
|?a taux_d'achèvement = Progrès
|format=jqplotseries
|group=agent
|limit=1000
|grouplabel=property
|chartlegend=ne
}}
...
{{#ask: [[REPORTING:+]] [[agent::+]] [[catégorie_principale::catégorie:Bases psychopédagogiques des technologies éducatives]]
|?agent
}}
{{#ask: [[REPORTING:+]] [[agent::+]] [[catégorie_principale::catégorie:Bases psychopédagogiques des technologies éducatives]]
|?agent
|mainlabel=-
|distribution=yes
|format=d3chart
|charttype=bubble
|width=100%
|headers=show
|link=all
|charttitle= Lu
|datalabels=chart
}}
}}


'''Infobox avec certaines informations'''
=== Eléments à insérer dans des pages concernées ===
 
L'infobox suivante ira '''dans''' la page qui a été suivie et va flotter vers la droite....


L'infobox va flotter vers la droite....
Exemple en production: [[Template:Progress_reporting_bases_tetris]]


<source lang="bibtex" enclose="div">
<div class="noprint" style="width: 25em; min-width:10em; width:20em; max-width:30em; font-size: 90%; border: 1px solid #aaaaaa; background-color: #f9f9f9; color: black; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; text-align:left;">
<div class="noprint" style="width: 25em; min-width:10em; width:20em; max-width:30em; font-size: 90%; border: 1px solid #aaaaaa; background-color: #f9f9f9; color: black; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; text-align:left;">
{{#ask:[[Reporting:+]] [[agent::+]] [[page wiki::{{PAGENAME}}]]
{{#ask:[[Reporting:+]] [[agent::+]] [[page wiki::{{PAGENAME}}]]
|?a intention de produire
|mainlabel =-
|?a taux_d'achèvement
|?agent
|?a intention de produire = prod ?
|?a taux_d'achèvement = %
}}
{{#ask:[[Reporting:+]] [[page wiki::{{PAGENAME}}]]
|?A pourcentage lu
|?A aidé
|mainlabel=-
|format=jqplotchart
|charttype=pie
|chartlegend=s
|distribution=yes
|width=220
|datalabels=percent
}}
}}
{{Progress reporting button}}
</div>
</div>
</source>


Voici le code (approximativement, voir le source de cette section aussi)
<source lang="bibtex" enclose="div">
<div class="noprint" style="width: 25em; min-width:10em; width:20em; max-width:30em; font-size: 90%; border: 1px solid #aaaaaa; background-color: #f9f9f9; color: black; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; text-align:left;">
<div class="noprint" style="width: 25em; min-width:10em; width:20em; max-width:30em; font-size: 90%; border: 1px solid #aaaaaa; background-color: #f9f9f9; color: black; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; text-align:left;">
{{#ask:[[Reporting:+]] [[agent::+]] [[page wiki::{{PAGENAME}}]]
{{#ask:[[Reporting:+]] [[agent::+]] [[page wiki::{{PAGENAME}}]]
|?a intention de produire
|?agent
|?a taux_d'achèvement
|?a intention de produire = prod ?
|?a taux_d'achèvement = %
}}
{{#ask:[[Reporting:+]] [[page wiki::{{PAGENAME}}]]
|?A pourcentage lu
|mainlabel=-
|format=jqplotchart
|charttype=pie
|chartlegend=e
|charttitle= % Lu
|distribution=yes
|width=33%
|datalabels=percent
}}
}}
</div>
</div>
</source>
Afficher des résultats selon les participants:
{{#ask: [[Reporting:+]] [[agent::+]] [[page wiki::{{PAGENAME}}]]
|?agent
|?a taux_d'achèvement = Progrès
|?a aidé
|mainlabel=-
|format=jqplotseries
|theme=simple|colorscheme=cc128|width=50%|group=property|chartlegend=nw|charttype=line|stackseries=no
|sort=agent
}}


== Page reporting ==
== Page reporting ==


Ce dispositif utiliser le namespace "USER". Plutôt '''déconseillé''', car cela pollue un espace qui est normalement réservé à contenir juste les pages utilisateur.
Ce dispositif utilise le namespace "USER". Plutôt '''déconseillé''', car cela pollue un espace qui est normalement réservé à contenir juste les pages utilisateur.


=== Modèles et formulaires utilisés pour la saisie / Models and forms for data gathering ===
=== Modèles et formulaires utilisés pour la saisie / Models and forms for data gathering ===

Dernière version du 9 mai 2014 à 15:08

Cet article est une ébauche à compléter. Une ébauche est une entrée ayant un contenu (très) maigre et qui a donc besoin d'un auteur.

Cette page n'est pas à jour (... un jour cela viendra ...) - Daniel K. Schneider (discussion) 9 mai 2014 à 16:08 (CEST)

Introduction

Cet article documente une expérience dans ce wiki qui vise à implémenter une simple système de learning process analytics avec la technologie Semantic Forms. Cette technologie est prévue pour collectionner des informations structurées et non pas pour faire des annotations de type "outils de suivi". Toutefois, elle permet de le faire. Une alternative plus efficace mais nettement plus couteuse consisterait à programmer une nouvelle extension de Semantic MediaWiki.

Il s'agit d'un projet en construction. Cette page sert donc aussi à tester des choses .....

Progress reporting

Sert à suivre le progrès dans une activité de type transmissive qui engage les apprenants dans des activités de lecture + écriture. Il faut adapter les modèles et formulaires à des contextes spécifiques.

Le modèle et le formulaire sont utilisés dans le cours Bases psychopédagogiques des technologies éducatives

Modèle et formulaire test pour saisir les données

Modèles et formulaire pour la saisie

Ce formulaire doit être appelé dans un #formlink qui permet de préremplir le formulaire. Le code suivant fera donc partie d'un 2ème modèle:
{{#formlink:form=Progress_reporting_debug
|link text=Dites-nous où vous en êtes ....
|link type=button
|query string=Progress_reporting[page_wiki]={{PAGENAME}}&Progress_reporting[agent]=user:{{CURRENTUSER}}&Progress_reporting[class]=tetris
|target=Reporting:[[Reporting]]/{{CURRENTUSER}}/{{PAGENAME}}
|tooltip=Report wiki reading and writing activitiy !
}}

Dans le formulaire, tous les champs sont visibles, à condition d'appartenir au group "authors". Si vous devez remplir un captcha à chaque édition, il ne marchera pas.

Dans un formulaire en production, il faudrait cacher des éléments comme "page wiki", "agent" et "catégorie principale". Autrement dit, le modèle suivant va préremplir le formulaire ci-dessus et ensuite laisser l'utilisateur compléter le reste. Sinon, on peut aussi insérer directement une requête formlink dans chaque page.

Modèles à insérer dans des pages

En insérant ce modèle {{Progress reporting button}}, cela donne un bouton comme cela:


Ce modèle crée une boîte flottante à droite, affiche quelques informations et inclut du "formlink" code pour annoter une page. D'autre champs sont préremplis: Une pour identifier le cours et un autre pour la promotion. Voir par exemple la page béhaviorisme.

Modèles pour suivre le progrès, à insérer dans une page utilisateur

Permet à un utilisateur de suivre son progrès. L'enseignant et les co-apprenants peuvent aussi regarder, mais préfèrent probablement un cockpit global.

On peut le copier dans n'importe quelle page: copy/paste:
{{Progress reporting user page}}

Example page utilisateur test:

Code exemple pour insérer dans une page qui fera "cockpit"

Tableaux avec toutes les informations

{{#ask:[[Reporting:+]] [[agent::+]] [[page wiki::+]]
|?page wiki
|?catégorie principale
|?agent
|?promotion
|?A pourcentage lu
|?a difficulté
|?a intérêt
|mainlabel = Pages où sont stockées les informations
|limit=5
}}
{{#ask:[[Reporting:+]] [[agent::+]] [[page wiki::+]]
|?page wiki
|?agent
|?a intention de produire
|?a taux_d'achèvement
|?a commentaire
|limit=5
}}

Voici le résultat


Tests visualisations

Inutiles (car il n'y a pas assez d'aggrégation, il faut qu'on fasse usage de concepts)

Tests to pull data from user reporting pages. In order to visualize agregations, e.g. averages for each page we probably have to create properties that will first #ask average scores.




...



Eléments à insérer dans des pages concernées

L'infobox suivante ira dans la page qui a été suivie et va flotter vers la droite....

Exemple en production: Template:Progress_reporting_bases_tetris


Voici le code (approximativement, voir le source de cette section aussi)

<div class="noprint" style="width: 25em; min-width:10em; width:20em; max-width:30em; font-size: 90%; border: 1px solid #aaaaaa; background-color: #f9f9f9; color: black; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; text-align:left;">
{{#ask:[[Reporting:+]] [[agent::+]] [[page wiki::{{PAGENAME}}]]
|?agent
|?a intention de produire = prod ?
|?a taux_d'achèvement = %
}}
{{#ask:[[Reporting:+]] [[page wiki::{{PAGENAME}}]]
|?A pourcentage lu
|mainlabel=-
|format=jqplotchart
|charttype=pie
|chartlegend=e
|charttitle= % Lu
|distribution=yes
|width=33%
|datalabels=percent
}}
</div>

Afficher des résultats selon les participants:


Page reporting

Ce dispositif utilise le namespace "USER". Plutôt déconseillé, car cela pollue un espace qui est normalement réservé à contenir juste les pages utilisateur.

Modèles et formulaires utilisés pour la saisie / Models and forms for data gathering

Le formulaire doit être appelé dans un formlink qui permet de préremplir le formulaire. Le code ci-dessous devrait être adapté à un contexte, c-a-d il faudrait adapter le "query string".

{{#formlink:form=Page_reporting
|link text=Dites-nous où vous en êtes ....
|link type=button
|query string=Page_reporting[page_wiki]={{PAGENAME}}&Page_reporting[agent]=user:{{CURRENTUSER}}
|target=user:{{CURRENTUSER}}/{{PAGENAME}}
|tooltip=Report wiki reading and writing activitiy !
}}

Le modèle suivant inclut juste le code ci-dessus. On peut le copier/coller dans les pages qui nécessitent un suivi.


Modèles pour le reporting

Le modèle "page reporting user page" permet à un utilisateur de suivre son progrès. L'enseignant et les co-apprenants peuvent aussi regarder, mais préfèrent probablement un cockpit global.

Example page utilisateur test:

Voici un exemple comment créer un cockpit:

 Page wikiCatégorie principaleAgentA pourcentage luA taux d'achèvementA difficulté
Daniel K. Schneider/Outils de suivi avec Semantic MediaWikiOutils de suivi avec Semantic MediaWikiSemantic MediaWikiDaniel K. Schneider
Daniel K. Schneider/Tutoriel DTDTutoriel DTDDaniel K. Schneider
Daniel K. Schneider/Tutoriel XSLT débutantTutoriel XSLT débutantDaniel K. Schneider12
Daniel/Outils de suivi avec Semantic MediaWikiOutils de suivi avec Semantic MediaWikiDaniel
Daniel/Tutoriel XSLT débutantTutoriel XSLT débutantDaniel
Test/Outils de suivi avec Semantic MediaWikiOutils de suivi avec Semantic MediaWikiTest

Simples tâches et delivrables

A utiliser dans un cours projet...

Liens