Extensions (sélection)

Quelques démonstrations…

• (à jouter) :
  • filelist

advanced

• https://www.dokuwiki.org/plugin:advanced

Bookcreator

Utiliser l'interface via l'icône “ajouter au livre” à droite….

Bootstrap Wrapper

• Bootstrap Wrapper
  • extension nécessitant un thème Bootstrap, tel que bootstrap3
  • Pour les icônes, installer aussi l'extension icons
  • Les fontes d'icônes Awesome et Glyphicon sont installées avec le thème bootstrap3 !
  • pour voir les composants en action :
    • http://www.lotar.altervista.org/wiki/wiki/plugin/bootswrapper
    • https://theta5912.net/doku.php?id=wiki:plugins:bootstrap_wrapper

Bureaucracy, pagemod, struct

• bureaucracy
• pagemod
• Exemple :
  • mailing_form-testplugin-autotooltip__default plugin-autotooltip_bigFormulaire d'inscription à un mailing
    
    Pour inscription au mailing. Indiquer commentaires + respect privacy (ref UMONS) ...
    
    ajouter timestamp, CAPTCHA, référence à une privacy policy, cases à cocher ?
  • mailing_resultplugin-autotooltip__default plugin-autotooltip_bigInscrits au mailing
    
    Pour modifier la page (ajouts), allez ici Prénom Nom email accord Désinscription Timestamp commentaire Didier Villers didier.villers@umons.ac.be
• struct (inspiré de data
  • nécessite sqlite

Captcha

• https://www.dokuwiki.org/plugin:captcha

catlist

• Ressources en enseignement de la chimieplugin-autotooltip__default plugin-autotooltip_bigRessources en enseignement de la chimie
  
  * Unités d’acquis d’apprentissage * Vue globale des programmes : * Sciences générales - Tableau synoptique de chimie - FWB * Sciences de base - Tableau synoptique de chimie - FWB * Tableaux synoptiques du SEGEC (enseignement catholique)
  
  * Glossaire de termes usuels en chimie * Ligne du temps de la chimie * Sélection d'articles en didactique de la chimie * Publications intéressantes (résumés)
  
  * Des informations ou désinformation…

changes

• https://www.dokuwiki.org/plugin:changes

chem

• heptahydrate du sulfate de fer (II) : FeSO₄•7H₂O (écrit FeSO4•7H2O sans indices)

csv

• liste non exhaustive de produits chimiques autorisés, interdits ou autorisés sous conditions dans les établissements scolaires de l'enseignement secondaire généralplugin-autotooltip__default plugin-autotooltip_bigListe de produits chimiques prohibés
  
  FIXME * mettre à jour suivant la circulaire 6675 du 29-05-2018 : Sécurité-hygiène. Laboratoires de sciences. Liste des produits autorisés, autorisés sous conditions et interdits : révision selon le règlement CLP - conditions de stockage.

dataplot

exempleplugin-autotooltip__default plugin-autotooltip_bigTest du plugin dataplot

* site web :

test élémentaire

Test ISALEM

Ionization energies

datatables

: compléter, installer, utiliser

• https://www.dokuwiki.org/plugin:datatables
• http://lotar.altervista.org/wiki/wiki/plugin/datatables
• …

Definition list

• Glossaire de chimieplugin-autotooltip__default plugin-autotooltip_bigGlossaire de termes usuels de chimie
  
  Ce glossaire reprend principalement les termes chimiques utilisés dans le cours de chimie de l'enseignement secondaire belge (cf. les unités d'acquis d'apprentissage de chimie en sciences générales). Le niveau des définitions est adapté au niveau d'étude. L'ensemble est placé sous licence libre $\chi_{A}$

diagram

Autres exemples :

• curriculum_chimie_secondaireplugin-autotooltip__default plugin-autotooltip_bigCurriculum de chimie au secondaire
  
  Pour une vue globale des programmes en Fédération Wallonie-Bruxelles, voir ces pages :
  
  * Sciences générales - Tableau synoptique de chimie - FWB * Sciences de base - Tableau synoptique de chimie - FWB * Tableaux synoptiques du SEGEC (enseignement catholique)
  
  Plusieurs chercheurs de renom international en didactique de la chimie se sont accordés sur une structure pour un cours de chimie du secondaire, qui fait l'objet d'un livre (
• demarche-investigationplugin-autotooltip__default plugin-autotooltip_bigLa démarche d'investigation
  
  FIXME
  
  * Démarche d’investigation : en veut-on vraiment ? Regard décalé et proposition d’un cadre didactique * Ressources et travail collectif dans la mise en place des DIES - 04-2-hosson-mathe-meheut.pdf
  
  La démarche d'investigation
  
  Source : La main à la pâte, Primas
  
  Consulter les critiques mentionnées en fin de page !
  
  Et la proposition d'une combinaison optimale privilégiant l'enseignement explicite complété par une démarche d'investigation à certaines occasions !

Doodle4

• test_doodle4
• Pour des votes : vote-451217

Draw.io

image-test

dw2pdf

flowchartjs

• https://www.dokuwiki.org/plugin:flowchartjs

  st=>start: Start|past:>https://www.umons.ac.be[blank]
  e=>end: End|future:>https://dvillers.umons.ac.be/wiki/
  op1=>operation: My Operation|past
  op2=>operation: Stuff|current
  sub1=>subroutine: My Subroutine|invalid
  cond=>condition: Yes
  or No?|approved:>https://sdds.umons.ac.be/wiki/
  c2=>condition: Good idea|rejected
  io=>inputoutput: catch something...|future

  st->op1(right)->cond
  cond(yes, right)->c2
  cond(no)->sub1(left)->op1
  c2(yes)->io->e
  c2(no)->op2->e

  boxe1=>operation: Modelage:>http://par-temps-clair.blogspot.com/2019/11/modelage-en-enseignement-explicite-mode.html[blank]
  boxe2=>operation: Pratique guidée:>http://par-temps-clair.blogspot.com/2018/10/pratique-guidee-en-enseignement.html[blank]
  boxe3=>operation: Pratique autonome:>http://par-temps-clair.blogspot.com/2019/11/pratique-autonome-en-enseignement.html[blank]
  
  boxe1->boxe2->boxe3

  boxs1=>operation: Réalisation de la tâche
  par les élèves
  (individuellement
  ou en groupes)
  boxs2=>operation: Démonstration des
  procédures par
  l'enseignant
  si nécessaire
  
  boxs1->boxs2

  boxt1=>operation: Exposé de l'enseignant
  boxt2=>operation: Pratique autonome
  
  boxt1->boxt2

flowcharts

• https://www.dokuwiki.org/plugin:flowcharts
• mermaid - Markdownish syntax for generating flowcharts, sequence diagrams, class diagrams, gantt charts and git graphs.
• Online FlowChart & Diagrams Editor - Mermaid Live Editor
• Mermaid: Create diagrams quickly and effortlessly | by Alexandra Souly | Towards Data Science
• Produce great looking flowcharts in seconds | by Dom Powys-Lybbe | Medium
• Making Diagrams Fun With Mermaid. Sometimes, a good diagram is the best… | by Ozan Tunca | Better Programming
• Mermaid — Create Charts and Diagrams With Markdown-like Syntax | by Trevor-Indrek Lasn | Better Programming

Gallery

• https://www.dokuwiki.org/plugin:gallery

gh

syntax.php

 * @license GPL 2 http://www.gnu.org/licenses/gpl-2.0.html
 * @author  Andreas Gohr <andi@splitbrain.org>
 */
class syntax_plugin_gh extends DokuWiki_Syntax_Plugin
{

Hidden

icalevents

* icalevents

2023/04/01 20:45 - 22:30: KV Oostende - Standard Luik

Location: Unknown
Calendar not up to date? Check https://fixtur.es/up-to-date

2023/04/09 18:30 - 20:15: Standard Luik - KRC Genk

Location: Unknown
Calendar not up to date? Check https://fixtur.es/up-to-date

2023/04/14 20:45 - 22:30: Standard Luik - Sporting Charleroi

Location: Unknown
Calendar not up to date? Check https://fixtur.es/up-to-date

iframe

Exemple Google books

Intégration de l'application Trinket

Site web UMONS

Test H5P :

<iframe src=“https://h5p.org/h5p/embed/328387” width=“1090” height=“914” frameborder=“0” allowfullscreen=“allowfullscreen” allow=“geolocation *; microphone *; camera *; midi *; encrypted-media *”></iframe><script src=“https://h5p.org/sites/all/modules/h5p/library/js/h5p-resizer.js” charset=“UTF-8”></script>

Include

InlineJS Plugin

(en test)

• Test Javascript + dokuwiki + DataCamp-lightplugin-autotooltip__default plugin-autotooltip_bigTest Javascript + dokuwiki + DataCamp-light
  
  

latex

à remplacer par mathjax

Mathjax

• https://www.dokuwiki.org/plugin:mathjax
• https://www.mathjax.org/
• cf. Exercices de thermodynamique statistiqueplugin-autotooltip__default plugin-autotooltip_bigThermodynamique statistique I et II (exercices)
  
  Bachelier en sciences chimiques, troisième année, 15 H (partie I) et 15h (partie II) d'exercices des cours I et II. Titulaire du cours : P. Damman)
  
  Rappels de probabilités et statistique + quelques applications

• $\sum_{E_i} p(E_i) =p(\Omega) = 1$

mhchem

• http://docs.mathjax.org/en/latest/input/tex/extensions/mhchem.html
• http://docs.mathjax.org/_/downloads/en/v2.6-latest/pdf/ → “The mhchem extensions implements the \ce, \cf, and \cee chemical equation macros of the LaTeX mhchem package. See the mhchem CTAN page for more information and a link to the documentation for mhchem.
• https://mhchem.github.io/MathJax-mhchem/
• ATTENTION : ÉCRIRE CECI UNE FOIS PAR PAGE : $\require{mhchem}$
• et vérifier …

• $\ce{2 Mn^2+ + 4 MnO4^- + 6 H2O -> 8 MnO2 + 10 H^+}$

• $\ce{CO2 + C -> 2 CO}$

• $\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$

• $\ce{A <=> B}$
• $\ce{CO3^2-_{(aq)}}$
• $\ce{Fe^{II}Fe^{III}2O4}$

• $\ce{$K = \frac{[\ce{Hg^2+}][\ce{Hg}]}{[\ce{Hg2^2+}]}$}$

move

• https://www.dokuwiki.org/plugin:move

Newpagetemplate

• newpagetemplate
• Exemple :
  • template : 2025template
  • Sylvie Colaire

OpenLayers map

• exempleplugin-autotooltip__default plugin-autotooltip_bigTest du plugin OpenLayersMap 1
  
  Par défaut
  
  

pagelist

plaintext

• https://www.dokuwiki.org/plugin:plaintext

<text>

Similar to <nowiki>text</nowiki>, but linebreaks are preserved (replaced by <br/> in the output, but head and tail linebreaks are trimmmed)

<text>
(Line 1) This is a **long** //long// __long__ long long long long long long long long long long long long long long long long long long long sentence.
(Line 2) This is a **long** //long// __long__ long long long long long long long long long long long long long long long long long long long sentence.
 
(Line 4) This is a **long** //long// __long__ long long long long long long long long long long long long long long long long long long long sentence.
</text>

<TEXT>

Adds a box like <code>, but long text is auto wrapped.

<TEXT>
(Line 1) This is a **long** //long// __long__ long long long long long long long long long long long long long long long long long long long sentence.
(Line 2) This is a **long** //long// __long__ long long long long long long long long long long long long long long long long long long long sentence.
 
(Line 4) This is a **long** //long// __long__ long long long long long long long long long long long long long long long long long long long sentence.
</TEXT>

<code> <file>

This plugin adds a “plaintext” style for wrapped text, so you can use it in <code> or <file> box.

<file plaintext>
(Line 1) This is a **long** //long// __long__ long long long long long long long long long long long long long long long long long long long sentence.
(Line 2) This is a **long** //long// __long__ long long long long long long long long long long long long long long long long long long long sentence.
 
(Line 4) This is a **long** //long// __long__ long long long long long long long long long long long long long long long long long long long sentence.
</file>

Reveal.js

• présentation typeplugin-autotooltip__default plugin-autotooltip_big* REVEAL pour revealjs ou * SLIDESHOW pour s5
  
  This is a test suite for the reval.js plugin.
  
  This slide has black background.
  
  Inline math: $\int f dx$
  
  Display math
  
  \[ \int f dx \]
  
  ----------
  
  this would be an handout region, not to be shown on slides !
  
  Thanks to hidden dokuwiki plugin
• Présentation et principes de base de la programmation en Python, avec quelques applicationsplugin-autotooltip__default plugin-autotooltip_big* Qu'est-ce qu'un langage de programmation ? * Compilation ou interprétation, ou... ?
  
  * Décrire des instructions dans un langage compréhensible par un être humain, mais transformable en d'autres instructions compréhensibles par l'ordinateur (langage machine)

Slider

• https://www.dokuwiki.org/plugin:slider

• 

• titre 3

  Test

• 

  https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/GHS-pictogram-bottle.svg/240px-GHS-pictogram-bottle.svg.png> https://upload.wikimedia.org/wikipedia/commons/thumb/a/a1/GHS-pictogram-acid.svg/240px-GHS-pictogram-acid.svg.png> https://upload.wikimedia.org/wikipedia/commons/thumb/5/58/GHS-pictogram-skull.svg/240px-GHS-pictogram-skull.svg.png> https://upload.wikimedia.org/wikipedia/commons/thumb/c/c3/GHS-pictogram-exclam.svg/240px-GHS-pictogram-exclam.svg.png> https://upload.wikimedia.org/wikipedia/commons/thumb/2/21/GHS-pictogram-silhouette.svg/240px-GHS-pictogram-silhouette.svg.png> https://upload.wikimedia.org/wikipedia/commons/thumb/a/a1/GHS-pictogram-acid.svg/240px-GHS-pictogram-acid.svg.png> https://upload.wikimedia.org/wikipedia/commons/thumb/b/b9/GHS-pictogram-pollu.svg/240px-GHS-pictogram-pollu.svg.png>

SVG

• intégration directe (y compris pour des images externes) ?
• svgEmbed

Tag, tags

• tag
• tagfilter
• pagelist

Video Sharing Site Plugin

• https://www.dokuwiki.org/plugin:vshare

WikipediaSnippet

Snippet de Wikipédia: Wiki

Un wiki est une application web qui permet la création, la modification et l'illustration collaboratives de pages à l'intérieur d'un site web. Il utilise un langage de balisage et son contenu est modifiable au moyen d’un navigateur web. C'est un logiciel de gestion de contenu, dont la structure implicite est minimale, tandis que la structure explicite se met en place progressivement en fonction des besoins des usagers.

Le premier wiki, créé en 1995 par Ward Cunningham pour réaliser la section d’un site sur la programmation informatique, fut appelé WikiWikiWeb. En 2021, selon Alexa Internet, le site géré par wiki le plus consulté est Wikipédia.

Creative Commons Attribution-Share Alike 3.0

Snippet de Wikipédia: DokuWiki

DokuWiki is a wiki application licensed under GPLv2 and written in the PHP programming language. It works on plain text files and thus does not need a database. Its syntax is similar to the one used by MediaWiki. It is often recommended as a more lightweight, easier to customize alternative to MediaWiki. The 'Doku' in DokuWiki is short for Dokumentation which in German means documentation.

Because DokuWiki does not require a database, it can be installed on local PCs, flash drives, and folders synced with file hosting services (Dropbox) or file synchronization programs (syncthing).

Creative Commons Attribution-Share Alike 3.0

wrap

page exempleplugin-autotooltip__default plugin-autotooltip_bigAn uppercase (or alternatively or