Différences

Ci-dessous, les différences entre deux révisions de la page.

--- utilisateurs:impress [2022/01/24 00:05] – francoisa
+++ utilisateurs:impress [2025/05/09 11:25] (Version actuelle) – francoisa
@@ Ligne 17: / Ligne 17: @@
 Pour faire des diaporamas rapides et basiques en ligne à partir de texte en [[https://seps.flibuste.net/markdown_help|markdown]]
+===== Ressources pour LibreOffice Impress =====
+  * Modèles de documents : [[https://dohliam.github.io/libreoffice-impress-templates/|https://dohliam.github.io/libreoffice-impress-templates/]]
+  * Dans extensions : [[https://extensions.libreoffice.org/?q=impress+template&action_doExtensionSearch=Search|https://extensions.libreoffice.org/?q=impress+template&action_doExtensionSearch=Search]]
 ===== Framaslide =====
@@ Ligne 26: / Ligne 31: @@
 Le site slides.com propose d'héberger des diaporamas avec une version gratuite et un stockage limité (50 Mo) si les présentations sont rediffusables et non privées.Attention, les diaporamas sont difficilement exportables (pas en PDF pour la version gratuite). Utilise et favorise la Librairie libre [[https://github.com/hakimel/reveal.js|Reveal.js]]
-===== Diapo avec CodiMD =====
+===== Diaporama avec CodiMD / Hedgedoc =====
-[[https://diapo.cemea.org/|Diapo CEMEA]] : basé sur Codimd
+[[https://diapo.cemea.org/|Diapo CEMEA]] basés sur [[https://github.com/hackmdio/codimd|Codimd]] et et [[https://tutos.cemea.org|Tutos CEMEA]] basé sur [[https://hedgedoc.org/|Hedgedoc]]
-Ouvrir [[https://diapo.cemea.org|https://diapo.cemea.org]]
-Et bientôt son successeur : [[https://hedgedoc.org/|https://hedgedoc.org/]]
 ==== Aide à la rédaction d'une note/diapo ====
-  * [[https://codi-grenoble.beta.education.fr/features#|https://codi-grenoble.beta.education.fr/features#]]
+  * [[https://diapo.cemea.org/features-fr|https://diapo.cemea.org/features-fr]] ou [[https://tutos.cemea.org/features-fr|https://tutos.cemea.org/features-fr]]
+  * [[https://diapo.cemea.org/slide-example-fr#|https://diapo.cemea.org/slide-example-fr#]] ou [[https://tutos.cemea.org/slide-example-fr#|https://tutos.cemea.org/slide-example-fr#]]
-**Quelques astuces**
+**Quelques astuces pour créer un diaporama**
 Précéder le haut du diaporama avec quelques infos / [[https://revealjs.com/config/|ou autres options]] comme :
@@ Ligne 51: / Ligne 53: @@
 lang: fr
 slideOptions:
-  transition: slide // ou none/fade/slide/convex/concave/zoom
+  transition: slide // ou autres
-  theme: blood // ou
+  theme: cemea-formation // ou autres
   slideNumber: true
 ---
@@ Ligne 58: / Ligne 60: @@
 </code>
-Thèmes possibles : ''black, white, league, beige, sky, night, serif, simple, solarized, blood, moon''
+  * Transittions possibles : ''none, fade, slide, convex, concave, zoom''
+  * Thèmes possibles : ''black, white, league, beige, sky, night, serif, simple, solarized, blood, moon, cemea-formation ''
 ==== Mise en forme du texte ====
-''**gras**''  : texte en
+''**gras**''  : en **gras**
 ''*italique*''  : en //italique//
@@ Ligne 77: / Ligne 80: @@
 Chaque diapo est séparé de la suivante avec :
-''—''  : séries de diapositives suivantes à droite
+''- - -''  (3 tirets sans espace): séries de diapositives suivantes à droite
-''—-''  (4 tirets) : diapositive du dessous
+''- - - -''  (4 tirets sans espace) : série de diapositives en dessous
 **Les titres**
@@ Ligne 108: / Ligne 111: @@
 </code>
-'':emoji:''  : Voir la [[https://www.webfx.com/tools/emoji-cheat-sheet/|liste complète]] (commencer par '':''  et choisir) comme : :hearts: pour ♥️
+=== Emoji ou émoticones ===
+Il est possible d'insérer des émoji avec un format spécifique au mlarkdown
+'':emoji:''  : Voir la [[https://gist.github.com/rxaviers/7360908|liste complète exhaustive]] (commencer par '':''  et choisir) comme : :hearts: pour ♥️
+{{.:liste_emoji_codmid_hedgedoc.pdf|Télécharger les emoji de Hedgedoc au format PDF}}
+  * [[https://www.webfx.com/tools/emoji-cheat-sheet/|liste complète d'emoji ré]]cente
+  * [[https://emojiterra.com/fr/liste-fr/|https://emojiterra.com/fr/liste-fr/]] (rechercher et s'inspirer du code 'Discord' en bas
+  * [[https://wprock.fr/t/emoji/|https://wprock.fr/t/emoji/]] (rechercher et trouver le shortcode associé)
+  * [[https://emojipedia.org/|https://emojipedia.org/]] (in english)
+=== Ajout d'images et redimensionnement ===
+Il est possible d'ajouter des images (enregistrer) en les glissant directement dans la zone de texte éditable ou en y mettant le lien de l'image
+On peut aussi modifier l'image la taille avec le paramétrage ''=LxH''  juste avant la parenthèse
+Exemple :
+<code>
+![](https://tutos.cemea.org/uploads/faf7e6ed-0849-4677-aa6d-dd0a86d5363d.jpg **=1050×600**)
+</code>
+=== Fragments ===
+Il est possible de n'afficher progressivement que des parties du diaporama avec ce bout de code à placer après la partie à afficher (et avec de la numérotation possible ici le 1 dans l'exemple)
+<code>
+<!-- .element: class="fragment" data-fragment-index="1" -->
+</code>
 ===== Autres systèmes =====
@@ Ligne 114: / Ligne 150: @@
   * [[https://github.com/visit1985/mdp|mdp]] : le diaporama dans un terminal en markdown
   * [[https://github.com/gnab/remark|remark.js]] : du markdown imbriqué dans un bout de code
+  * [[http://pascal.peter.free.fr/pampi.html|Pampi]] avec interface graphique et markdown (win, Mac, Linux)
   * Diaporama en ligne avec [[https://app.deckdeckgo.com/|DeckDeckGo]][[https://github.com/deckgo/deckdeckgo|auto-hébergeable]], mais un gros bazar et [[https://docs.deckdeckgo.com/?path=/story/introduction-installation--page|pas très bien documenté]].
   * Et d'autres [[https://rmarkdown.rstudio.com/lesson-11.html|machins]]