EdLeH a écrit 149 commentaires

Pas besoin d'en faire des caisses pour arriver au fond.

Contrepet sur Terre aux hommes de bonnes volonté !

J'eusse souhaité que nous plussoyassions tous

pourquoi en ai-je reçu alors ?

dysnumérique ?

J'ai testé avec vis.js et ça fonctionne à peu près.
Voici un exemple : http://pascal.peter.free.fr/presentations/test.html.

Il y a quelques soucis d'interaction quand vis.js et impress.js se marchent sur les pieds.
Par exemple à l'étape 4 où les nodes ne sont pas déplaçables et évidemment la molette qui fait passer à l'étape suivante.
Sinon on peut bien déplacer les graphiques à l'horizontale et tourner dans la vue 3d (dans le navigateur ; dans l'interface de PAMPI ça marche moins bien).

Techniquement, j'ai juste :
* téléchargé vis.js et copié les fichiers utiles (js et css) dans DOCUMENTS/presentations/assets/js/vis ;
* modifié le fichier DOCUMENTS/presentations/assets/_template.html pour ajouter des appels à vis.min.css et vis.min.js ;
* copié-collé des exemples dans le fichier test.md et généré le html correspondant.

Je vais voir pour l'intégrer un peu comme pour MathJax.

dans le fichier "pampi-help" (et la vidéo sur la page de PAMPI) il y a une vidéo à l'une des dernières étapes.
Elle est insérée avec du code html (et bootstrap.css) ainsi :

<div class="figure">
<video controls allowfullscreen class="embed-responsive-item">
<source src="data/pampi-help/tour.mp4" type="video/mp4">
</video>
</div>

Sinon en prenant un exemple de cette question chez stackoverflow on peut aussi faire ce genre de truc (la vidéo sera ouverte en lien) :

[![](https://img.youtube.com/vi/StTqXEQ2l-Y/0.jpg)](https://www.youtube.com/watch?v=StTqXEQ2l-Y)

va falloir que je regarde cela. Effectivement ça serait top !

Pour l'image ça doit être un chemin incorrect.
L'idéal est de placer tous ses fichiers dans le dossier DOCUMENTS/presentations/data (et même d'y faire des sous-dossiers pour s'y retrouver). L'appel se fait alors avec un chemin relatif :

![](data/pampi-help/pampi_icon.png)

On peut aussi mettre une adresse web mais ça ne fonctionnera que si on est en ligne :

![](https://www.blender.org/wp-content/uploads/2013/05/07__08_05_A_001.png)

On peut enfin mettre un chemin en dur mais on perd la portabilité.

On peut déjà exporter en pdf et donc imprimer donc ça devrait suffire.
L'intérêt d'utiliser une "QKeySequence" est que ça s'adapte au système de l'utilisateur et que je ne risque pas d'utiliser un raccourcis clavier en dur qui empiéterait sur le système.

merci ; j'indique les paquets sur la page de PAMPI.

• changer la couleur de fond

• mettre une image dans comme fond, pour tout la présentation ou pour une étape
  
  il suffit de modifier le fichier DOCUMENTS/presentations/assets/css/default.css (partie body).

• permettre les liens/menus si l'on souhaite réaliser une présentation non-linéaire
  
  répondu dans un autre message sur cette page.

J'ai ajouté une FAQ à la page de PAMPI avec des exemples de ce genre de trucs. Je la mettrai à jour au fur et à mesure des questions qui viendront.

Pour le reste : à priori tout ce qu'on peut faire avec du html doit pouvoir se faire ici.
Dans les fichiers Markdown, on peut mettre du html pur si besoin.
Par contre ça demande forcément du boulot…

C'est corrigé. Le programme gère ce renommage auquel Qt s'est amusé…

Ça y est c'est implémenté (dans le menu "outils").
Ensuite il y a une boîte de dialogue pour choisir si on veut ou pas que les notes de la présentation soient aussi dans le fichier PDF (j'ajouterai peut-être d'autres réglages par la suite).

Si vous aviez déjà installé PAMPI, après avoir mis à jour :

• recopiez manuellement le contenu du dossier INSTALLATION/pampi/presentations/assets dans le dossier DOCUMENTS/presentations/assets (où INSTALLATION est le dossier où est installé PAMPI et DOCUMENTS/presentations celui contenant vos présentations)
• explications :
  • seulement au premier lancement de PAMPI, le dossier INSTALLATION/pampi/presentations est recopié dans votre dossier DOCUMENTS
  • comme vous pouvez être amené à modifier certains fichiers (CSS, javascript, etc) pour les adapter à vos besoins, PAMPI ne doit pas écraser vos modifications personnelles
  • si vous avez modifié certains fichiers du sous-dossier assets, vérifiez sur le dépôt GitLab ce qui a été modifié dans PAMPI pour ne pas perdre vos modifications. ```

Techniquement c'est faisable mais pas super simple en l'état (car pas prévu).

Pour faire un test (en vrai j'en ai fait plusieurs) j'ai fait ce qui suit :

• export d'une présentation (histoire de ne pas massacrer l'originale et de pouvoir jouer avec les fichiers "assets")
• modification du fichier html pour effacer à la fin le div de l'aide et les appels aux 3 fichiers javascript. Déjà ça s'affiche dans le navigateur avec les étapes les unes au dessus des autres
• modifications du fichier default.css pour que ça s'affiche mieux (viré background-color, ajouté page-break-before et page-break-inside, adapté width, etc)
• arrivé là, imprimer depuis le Firefox en pdf donne déjà un truc correct
• en utilisant wkhtmltopdf ça fonctionne aussi (je peux même ajouter un pied de page et autres trucs).

Je vais regarder pour ajouter cette possibilité directement depuis PAMPI (mais faudra quelques jours).

OUPS ! Merci de l'avoir signalé (et aussi à Benoît Sibaud d'avoir corrigé le titre de la dépêche).
J'ai honte.

Je ne connaissais pas Marp donc pour ceux qui seraient dans le même cas : Marp.
Ça me semble plus avoir pour objectif de faire des présentations "classiques" mais en Markdown plutôt qu'avec LibreOffice (ou autre).

Pour publier, vu que c'est du html (avec du javascript, css etc) il suffit d'envoyer sur son site.
Par exemple j'ai toutes mes présentations sur mon ordi et je fais un miroir sur mon site avec lftp.
Comme ça je peux les utiliser même quand un orage a coupé l'accès internet, mais aussi indiquer le lien pour les jouer en ligne.

N'étant pas certain d'avoir compris correctement la question, je vais tenter plusieurs cas :

• un double-clic passe en "overview" et de là on peut aller à une étape en cliquant dessus
• on passe d'une étape à la suivante (ou précédente) en roulant la molette de la souris
• pour un lien direct entre 2 étapes non successives, c'est possible en donnant des noms aux étapes (ou en récupérant le nom automatiquement attribué depuis son navigateur, mais c'est moins pratique).
  Exemple :
  • on donne un nom à l'étape cible
    # {#machin .step ...}
  • dans une autre étape on met un lien
    [va voir machin](#machin)

Sozi se base sur un fichier SVG dans lequel on se déplace.
Le principe est à peu près le même et le choix dépend de tes préférences et compétences.

Justement PAMPI ne sert qu'à rendre accessible à des profs de base ce que je faisais jusque là en ligne de commande.
Exemple de génération du fichier vrac_6-05.html à partir du fichier vrac_6-05.md :

DIR=~/Documents/presentations
FILE=vrac_6-05 && TITLE="En v'rac"
cd $DIR && pandoc --template assets/_template.html -V css=default -V title="$TITLE" -V math= -s -t html5 --section-divs -o $FILE.html md/$FILE.md

C'est Pandoc et impress.js qui gèrent cela.
Il y a un tout petit peu de Markdown car c'est obligatoirement un titre de niveau 1.
Du coup on ne peut pas utiliser les titres de niveau 1 à l'intérieur des présentations, sauf à mettre le texte sur la même ligne :

# texte ici {.step data-x=1000 data-y=1000 data-rotate=60 data-scale=2}

Mais comme ça me semblait compliquer les choses pour les utilisateurs non expérimentés, j'ai préféré ne pas en parler et mettre les textes de niveau 2 de même taille que le niveau 1 dans le fichier CSS.

d'après la démo d'impress.js et celle d'Hovercraft!, Prezzi ne gère pas la 3d et ne permet pas de facilement modifier un fichier existant.
En plus je crois que les présentations réalisées ne sont accessibles qu'en ligne.
Mais tout cela est à vérifier…

C'est fait pour le raccourcis clavier.
J'ai mis la QKeySequence.Print de Qt, donc le raccourcis pour imprimer (Ctrl+P chez moi) vu que je ne compte pas proposer d'imprimer quoi que ce soit.

Bonjour,
je voulais ajouter que depuis la rédaction de la dépêche j'ai ajouté un espèce d'assistant pour aider à la mise en forme de sa présentation.
Par exemple on sélectionne "polygone régulier", on indique" le nombre d'étapes et le rayon et on se retrouve avec une présentation dont les étapes sont déjà positionnées.
Reste plus qu'à s'occuper du contenu.

Je suppose que tu parles du fichier que j'ai mis en lien dans la dépêche.
Son but est de montrer ce qu'on peut faire et de comparer le contenu du fichier Markdown avec ce qui est affiché.
J'aurais sans doute dû ajouter un exemple de présentation "réelle".

Un exemple utilisé en classe : somme des angles d'un triangle.

Sinon toutes les présentations que j'ai faites sont disponibles sur mon site (menu "présentations").

Merci ; je note pour le raccourci clavier et ajouterai cela dès que possible.
Pour ce qui est de comparer à Prezzi, je ne sais pas trop car je ne l'ai jamais utilisé vu que ce n'est pas libre.