Extensions (sélection)

Quelques démonstrations…

• (à jouter) :
  • filelist

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

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

• 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
• Exemple :
  • mailing_form-test
  • mailing_result
• struct (inspiré de data
  • nécessite sqlite

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

• Ressources en enseignement de la chimie

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

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

• liste non exhaustive de produits chimiques autorisés, interdits ou autorisés sous conditions dans les établissements scolaires de l'enseignement secondaire général

exemple

: compléter, installer, utiliser

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

• Glossaire de chimie

Autres exemples :

• curriculum_chimie_secondaire
• demarche-investigation

• test_doodle4
• Pour des votes : vote-451217

image-test

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

<flowchartjs default>

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

</flowchartjs>

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

• 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

<flow> graph TD;

  A-->B;
  A-->C;
  B-->D;
  C-->D;

</flow>

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

syntax.php

/**
 * DokuWiki Plugin gh (Syntax Component)
 *
 * @license GPL 2 http://www.gnu.org/licenses/gpl-2.0.html
 * @author  Andreas Gohr <andi@splitbrain.org>

* icalevents

https://ics.fixtur.es/v2/standard-luik.ics

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>

(en test)

• Test Javascript + dokuwiki + DataCamp-light

à remplacer par MathJax ou KaTeX

• https://www.dokuwiki.org/plugin:mathjax
• https://www.mathjax.org/
• cf. Exercices de thermodynamique statistique

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

• 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+}]}$}$

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

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

• exemple

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

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>

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>

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>

• présentation type
• Présentation et principes de base de la programmation en Python, avec quelques applications

• 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>

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

• tag
• tagfilter
• pagelist

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

page exemple

• yearbox
  • voir aussi minical