floss:dokuwiki_extensions [Didier Villers, UMONS

Cette page est en lecture seule. Vous pouvez afficher le texte source, mais ne pourrez pas le modifier. Contactez votre administrateur si vous pensez qu'il s'agit d'une erreur.
====== 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}}