====== Extensions  (sélection) ======
Quelques démonstrations...

  * FIXME (à jouter) :
    * [[https://www.dokuwiki.org/plugin:filelist|filelist]]

===== advanced =====
  * [[https://www.dokuwiki.org/plugin:advanced]]


===== Bookcreator =====
Utiliser l'interface via l'icône "ajouter au livre" à droite....

===== Bootstrap Wrapper =====
  * [[bootstrapwrapper|Bootstrap Wrapper]]
    * extension nécessitant un thème Bootstrap, tel que [[https://www.dokuwiki.org/template:bootstrap3|bootstrap3]]
    * Pour les icônes, installer aussi l'extension [[https://www.dokuwiki.org/plugin:icons|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 =====
  * [[https://www.dokuwiki.org/plugin:bureaucracy|bureaucracy]]
  * [[https://www.dokuwiki.org/plugin:pagemod|pagemod]]
  * Exemple :
    * [[:mailing_form-test]]
    * [[:mailing_result]]
  * [[https://www.dokuwiki.org/plugin:struct|struct]] (inspiré de [[https://www.dokuwiki.org/plugin:data|data]]
    * nécessite [[https://www.dokuwiki.org/plugin:sqlite|sqlite]]

===== Captcha =====
  * [[https://www.dokuwiki.org/plugin:captcha]]


===== catlist =====
  * [[teaching:ressourceschimie|Ressources en enseignement de la chimie]]

===== changes =====
  * [[https://www.dokuwiki.org/plugin:changes]]

===== chem =====
  * heptahydrate du sulfate de fer (II) : <chem>FeSO4•7H2O</chem> (écrit FeSO4•7H2O sans indices)

===== csv =====
  * [[teaching:didactiquechimie:liste_des_produits_prohibes_ens_secondaire|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]]

===== dataplot =====
[[intra:test_dataplot_plugin|exemple]]

===== datatables =====
FIXME : compléter, installer, utiliser
  * [[https://www.dokuwiki.org/plugin:datatables]]
  * [[http://lotar.altervista.org/wiki/wiki/plugin/datatables]]
  * ...

===== Definition list =====
  * [[teaching:glossaire-chimie|Glossaire de chimie]]

===== diagram =====
<diagram>
|  | |  |   |  AAA  |   |  | |  |
|  | |  |   | |!@4| |   |  | |  |
|  |,| -| - | -|+|- | - |- |.|  |
| |!@4| |   | |!@4| |   | |!@4| |
|  BBB  |-@2|  CCC  |-@2|  DDD  |
|  | |  |   |  |!|  |   |  |!|  |
|  | |  |   |  |)|- | - |- |'|  |
|  | |  |   | |!@4| |   |  | |  |
|  | |  |   |  EEE  |-@2|  FFF  |
</diagram>

<diagram>
|   | |    | |,| apprehender | |,| observant     |apprehender=Appréhender\\ une réalité complexe|observant=en observant
|   | |    | |!|     | |     | |!|     | |       |
| resoudre |-|+| investiguer |-|+| experimentant |resoudre=Résoudre une situation complexe\\ par la mise en œuvre de la\\ démarche scientifique |investiguer= Investiguer des\\ pistes de recherche |experimentant=\\ en expérimentant
|   | |    | |!|     | |     | |!|     | |       |
|   | |    | |`| structurer  | |)| documentant   |structurer=Structurer des résultats,\\ les communiquer, les valider,\\ les synthétiser|documentant=\\ en se documentant
|   | |    | | |     | |     | |!|     | |       |
|   | |    | | |     | |     | |`| modelisant    |modelisant=\\ en modélisant
</diagram>


Autres exemples :
  * [[teaching:didactiquechimie:curriculum_chimie_secondaire]]
  * [[teaching:didactiquechimie:demarche-investigation]]

===== Doodle4 =====
  * [[test_doodle4]]
  * Pour des votes : [[vote-451217]]

===== Draw.io =====

{{drawio>image-test}}

===== dw2pdf =====

===== flowchartjs =====
  * [[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>

^  Enseignement explicite  ^  Approche (socio)constructiviste  ^  Approche transmissive  ^
|  <flowchartjs default>
  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
</flowchartjs>  |  <flowchartjs default>
  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
</flowchartjs>  |  <flowchartjs default>
  boxt1=>operation: Exposé de l'enseignant
  boxt2=>operation: Pratique autonome
  
  boxt1->boxt2
</flowchartjs>  |



===== flowcharts =====
  * [[https://www.dokuwiki.org/plugin:flowcharts]]
  * [[https://mermaid-js.github.io/mermaid/#/./integrations|mermaid - Markdownish syntax for generating flowcharts, sequence diagrams, class diagrams, gantt charts and git graphs.]]
  * [[https://mermaid-js.github.io/mermaid-live-editor/edit|Online FlowChart & Diagrams Editor - Mermaid Live Editor]]
  * [[https://towardsdatascience.com/mermaid-create-diagrams-quickly-and-effortlessly-d236e23d6d58|Mermaid: Create diagrams quickly and effortlessly | by Alexandra Souly | Towards Data Science]]
  * [[https://dompl.medium.com/produce-great-looking-flowcharts-in-seconds-7f3bea64f2e2|Produce great looking flowcharts in seconds | by Dom Powys-Lybbe | Medium]]
  * [[https://betterprogramming.pub/making-diagrams-fun-again-with-mermaid-8a2c9ea3e471|Making Diagrams Fun With Mermaid. Sometimes, a good diagram is the best… | by Ozan Tunca | Better Programming]]
  * [[https://betterprogramming.pub/mermaid-create-charts-and-diagrams-with-markdown-88a9e639ab14|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>

===== Gallery =====
  * [[https://www.dokuwiki.org/plugin:gallery]]
{{gallery>:teaching:progappchim?lightbox&recursive}}

===== gh =====

{{gh>https://github.com/splitbrain/dokuwiki-plugin-gh/blob/master/syntax.php 5-10}}

===== Hidden =====

<hidden>
=== 4ème jusque 2016-2017 ===

  * Constitution de la matière
    * Élement - atome - ion
      * Approche expérimentale du tableau périodique et modèle atomique
        * ions, cations, anions, solutions, solubilités
      * Classification périodique des éléments
      * Modèle atomique simple
        * notion d’isotopes, concept d'électronégativité
        * Évolution du modèle atomique jusqu’au modèle de Bohr
        * Nombre d’Avogadro  Mole, masse molaire, volume molaire
    * Molécules - cristaux ioniques
      * La liaison chimique
      * Solutions ioniques : ionisation (dissociation) des substances dans l'eau
      * Concentration et dilution
  * Transformation des substances
    * Fonctions et réactions chimiques, équation bilan
    * Réactions de précipitation, de neutralisation acide-base
  * Notions à acquérir de manière continue lors des points précédents :
    * Nomenclature usuelle de chimie minérale 
    * L'utilisation de quelques substances et notions de sécurité
    * Stoechiométrie - relations entre grandeurs physiques (S.I.)
      * relations masses, nombres de moles, volumes de solutions
  * Pratique de laboratoire (pas en sciences de base))

</hidden>

===== icalevents =====
 * [[https://www.dokuwiki.org/plugin:icalevents|icalevents]]

{{iCalEvents>https://ics.fixtur.es/v2/standard-luik.ics}}

===== iframe =====
Exemple Google books
{{url>https://books.google.be/books?id=dZ0AAAAAMAAJ&hl=fr&pg=PA273&output=embed}}

Intégration de l'application Trinket
{{url>https://trinket.io/embed/python/3d8d7ce66b}}

Site web UMONS
{{url>https://web.umons.ac.be/fr/}}

Test H5P :
{{url>https://h5p.org/h5p/embed/328387 1090,914}}

''<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 =====

===== Info =====
  * [[https://www.dokuwiki.org/plugin:info|plugin info]]
  * Affiche la liste des extensions installées ou d'autres informations
    * syntaxplugins — Displays a list of available syntax plugins.
    * adminplugins — Displays a list of available admin plugins.
    * actionplugins — Displays a list of available action plugins.
    * rendererplugins — Displays a list of available render plugins.
    * helperplugins — Displays a list of available helper plugins.

~~INFO:datetime~~

~~INFO:syntaxplugins~~
~~INFO:adminplugins~~
~~INFO:actionplugins~~
~~INFO:rendererplugins~~
~~INFO:helperplugins~~



===== InlineJS Plugin =====
(en test)
  * [[teaching:progappchim:testjs|Test Javascript + dokuwiki + DataCamp-light]]

===== KaTeX =====
  * [[https://www.dokuwiki.org/plugin:katex|plugin KaTeX]]
    * [[https://katex.org/]]

FIXME : à comparer, mais semble meilleur que MathJax ??

===== latex =====
à remplacer par MathJax ou KaTeX

===== MathJax =====

  * [[https://www.dokuwiki.org/plugin:mathjax]]
  * [[https://www.mathjax.org/]]
  * cf. [[teaching:exos:thermodynamique_statistique-exercices|Exercices de thermodynamique statistique]]

  * $\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 [[https://ctan.org/pkg/mhchem|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+}]}$}$

<note warning>
Vérifier les conversions "entities" : [[https://www.dokuwiki.org/entities]]
</note>

==== move ====
  * [[https://www.dokuwiki.org/plugin:move]]

===== Newpagetemplate =====
  * [[https://www.dokuwiki.org/plugin:newpagetemplate|newpagetemplate]]
  * Exemple :
    * template : [[2025template]]
    * [[2025SColaire?do=edit&rev=&newpagetemplate=:floss:2025template&newpagevars=@FIRSTNAME@%2CSylvie;@NAME@%2cColaire;@SECONDAIRE@%2cAR Mons 2019;@CYCLE1@%2cbac chimie 2022;@CYCLE2@%2cmaster FA chimie 2024;@EMAILPERSO@%2ccolaire.sylvie29%40gmail.com;@EMAILUMONS@%2csylvie.colaire%40student.umons.ac.be;@MATRICULE@%2c250219;@OCCUPATION@%2cnon;@MOBILE@%2c0499 99 11 22;@RESIDENCE@%2cMons|Sylvie Colaire]]

===== OpenLayers map =====
  * [[intra:test_openlayersmap-01|exemple]]

===== 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)

<code text>
<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>

==== <TEXT> ====

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

<code text>
<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>

==== <code> <file> ====

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

<code text>
<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>
</code>

===== Reveal.js =====
  * [[intra:example_presentation_standard|présentation type]]
  * [[teaching:progappchim:presentation_principes|Présentation et principes de base de la programmation en Python, avec quelques applications]] 

===== Slider =====
  * [[https://www.dokuwiki.org/plugin:slider]]

<slider https://upload.wikimedia.org/wikipedia/commons/thumb/4/4a/GHS-pictogram-explos.svg/240px-GHS-pictogram-explos.svg.png>  
<slider>
==== titre 3 ====
Test
</slider>

<slider https://upload.wikimedia.org/wikipedia/commons/thumb/6/6d/GHS-pictogram-flamme.svg/240px-GHS-pictogram-flamme.svg.png>  
</slider>

<slider https://upload.wikimedia.org/wikipedia/commons/thumb/e/e5/GHS-pictogram-rondflam.svg/240px-GHS-pictogram-rondflam.svg.png>  
<slider https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/GHS-pictogram-bottle.svg/240px-GHS-pictogram-bottle.svg.png>  
<slider https://upload.wikimedia.org/wikipedia/commons/thumb/a/a1/GHS-pictogram-acid.svg/240px-GHS-pictogram-acid.svg.png>  
<slider https://upload.wikimedia.org/wikipedia/commons/thumb/5/58/GHS-pictogram-skull.svg/240px-GHS-pictogram-skull.svg.png>  
<slider https://upload.wikimedia.org/wikipedia/commons/thumb/c/c3/GHS-pictogram-exclam.svg/240px-GHS-pictogram-exclam.svg.png>  
<slider https://upload.wikimedia.org/wikipedia/commons/thumb/2/21/GHS-pictogram-silhouette.svg/240px-GHS-pictogram-silhouette.svg.png>  
<slider https://upload.wikimedia.org/wikipedia/commons/thumb/a/a1/GHS-pictogram-acid.svg/240px-GHS-pictogram-acid.svg.png>  
<slider https://upload.wikimedia.org/wikipedia/commons/thumb/b/b9/GHS-pictogram-pollu.svg/240px-GHS-pictogram-pollu.svg.png>  
</slider>
===== SVG =====
<note tip>Les images peuvent être créées à l'aide de Inkscape, [[https://app.diagrams.net/]],...</note>
  * intégration directe (y compris pour des images externes) ?
  * [[https://www.dokuwiki.org/plugin:svgembed|svgEmbed]]

{{:floss:test-diagram.svg|Title}}

----

{{:floss:test-diagram2.svg|Title}}

===== Tag, tags =====
  * [[https://www.dokuwiki.org/plugin:tag|tag]]
  * [[https://www.dokuwiki.org/plugin:tagfilter|tagfilter]]
  * [[https://www.dokuwiki.org/plugin:pagelist|pagelist]]

===== Video Sharing Site Plugin =====
  * [[https://www.dokuwiki.org/plugin:vshare]]
{{ youtube>6YDHBFVIvIs }}

===== WikipediaSnippet =====
{{wp>Wiki}}
{{wp:en>Dokuwiki}}

===== wrap =====
[[intra:exemple_wrap|page exemple]]

{{wp:en>Egg_as_food}}

{{url>https://en.wikipedia.org/wiki/Egg_as_food#Nutritional_value }}

<WRAP group>

<WRAP half column>
{{url>https://en.wikipedia.org/wiki/Egg_as_food#Nutritional_value 500px,800px noborder}}
</WRAP>

<WRAP half column>
{{https://upload.wikimedia.org/wikipedia/commons/thumb/5/5e/Chicken_egg_2009-06-04.jpg/343px-Chicken_egg_2009-06-04.jpg}}
</WRAP>

</WRAP>

<wrap box 320px right :en>
{{url>https://fr.m.wikipedia.org/wiki/Œuf_(aliment)}}

{{https://upload.wikimedia.org/wikipedia/commons/thumb/5/5e/Chicken_egg_2009-06-04.jpg/343px-Chicken_egg_2009-06-04.jpg}}
</wrap>
{{url>https://en.wikipedia.org/wiki/Egg_as_food#Nutritional_value 520px,1050px}}

===== yearbox =====
  * [[https://www.dokuwiki.org/plugin:yearbox|yearbox]]
    * voir aussi [[https://www.dokuwiki.org/plugin:minical|minical]]

{{yearbox>year=2021;months=1,2,3,4,5,6;weekdays=1,2,3,4,5;ns=RV;name=jour}}