Journal Présentation : Ça c'est un point qu'il est puissant

Posté par (page perso) . Licence CC by-sa
Tags :
27
4
mai
2014

On cause régulièrement ici de présentations, tu sais le truc qu'ont en commun les déjeuners en famille et les Town Hall Meetings du mardi dans ta boite rachetée par le Nasdaq.

De nombreuses solutions existent : certains font ça plus ou moins directement en HTML (j'ai moi-même développé un CMS pour faire ça à une époque) ; certains sont oufs. Le pire étant sans doute ceux qui font encore leur présentation dans un logiciel de présentation, feh oO :)

Ce matin en testant des templates middleman, je suis tombé là-dessus ; c'est un template qui permet de déployer en une commande une présentation pleine des dernières eye-canderies reponsive design à la mode, et même kekzunes que t'as jamais vues.

Pour être la rock-star de la prochaine réu. :

git clone https://github.com/danielbayerlein/middleman-impress.git ~/.middleman/middleman-impress
cd ~/tmp
middleman init test --template=middleman-impress
cd test
bundle exec middleman server
firefox http://0.0.0.0:4567 &
^C
vi source/index.html.haml

Étonnant, non?

  • # À essayer… mais pour les paresseux

    Posté par . Évalué à 8. Dernière modification le 04/05/14 à 08:27.

    Merci pour le partage ! Ça fait plaisir de voir que cet angle mort du logiciel libre (même si la solution idéale existe depuis belle lurette : j'ai nommé beamer de LaTeX – jamais testée oui je suis un paresseux) fait l'objet de tentatives comme ça.

    Mais pour les paresseux, j'ai trouvé une démo :
    http://joshwlewis.com/slides/middleman/index.html#/resources
    (pensez à autoriser Javascript pour ce site; il peut aussi être intéressant de ne pas autoriser Javascript pour voir la différence, et être capable de browser le contenu)

    C'est un peu fouillis, mais c'est intéressant.

    • [^] # Re: À essayer… mais pour les paresseux

      Posté par (page perso) . Évalué à 8.

      même si la solution idéale existe depuis belle lurette : j'ai nommé beamer de LaTeX – jamais testée oui je suis un paresseux

      J'aime beaucoup le résultat de Beamer, c'est du texte brut, donc gittable, mais l'inconvénient c'est que c'est verbeux et imbitable pour un débutant.
      Au contraire, Markdown est peu verbeux et très compréhensible.

      Depuis peu, j'utilise donc une combinaison des deux : j'écris du Markdown qui donne un PDF produit par Beamer.

      J'en ai fait un mini-billet. En bref, la source (raw) et le résultat.

      blog.rom1v.com

      • [^] # Re: À essayer… mais pour les paresseux

        Posté par (page perso) . Évalué à 6.

        Beamer ça permet de sortir un truc propre pour un contenu scientifique. Mais si c'est pour faire de jolies présentations de type marketing, c'est vraiment pas ça. Dès que tu cherches à agencer de manière un peu particulière des images, ça devient prise de tête. Et on se retrouve avec très souvent des slides trop chargés en texte alors qu'idéalement il faudrait faire des schémas. Bref, je n'arrive tout simplement pas à appliquer avec Beamer ce que j'ai appris en cours de communication.

        J'utilise quand même principalement Beamer car ça m'évite de trop me prendre la tête sur le choix du template, le positionnement du texte, etc. Le rendu pourrait être pire. Mais je ne suis pas vraiment satisfait non plus…

        • [^] # Re: À essayer… mais pour les paresseux

          Posté par (page perso) . Évalué à 8.

          Ce que j'aime bien avec Beamer, c'est qu'il est assez facile de faire un schéma propre et animé avec Tikz.

          « Rappelez-vous toujours que si la Gestapo avait les moyens de vous faire parler, les politiciens ont, eux, les moyens de vous faire taire. » Coluche

        • [^] # Re: À essayer… mais pour les paresseux

          Posté par . Évalué à 8.

          Et on se retrouve avec très souvent des slides trop chargés en texte alors qu'idéalement il faudrait faire des schémas.

          Et un jour on se met à lire TikZ pour l'impatient et on ne se plaint plus.

          J'ai essayé la présentation et c'est particulièrement lourd, ce n'est pas fluide et j'ai du crénelage… Sur un Firefox 29 avec un core i5 haswell (mais je n'ai pas l'accelération du décodage vidéo). L'intérêt d'une présentation web c'est que ça puisse s'afficher n'importe où mais ce n'est pas le cas de celle-ci (contrairement à d'autres présentation web que j'ai pu voir).

          Tous les contenus que j'écris ici sont sous licence CC0 (j'abandonne autant que possible mes droits d'auteur sur mes écrits)

          • [^] # Re: À essayer… mais pour les paresseux

            Posté par . Évalué à 2.

            Je viens de lire, ça fait mal au crane quand meme toute cette géométrie et ces coordonnées :)

            Franchement, le mieux que j'ai trouvé jusque là, c'est libreoffice draw pour les dessins exportés en pdf (enfin impress dans lequel je met un dessin par slide) et un ptit coup de pdfcrop dessus histoire d'avoir juste la bonne taille des figures.

            Ensuite includegraphics avec le paramètre width ou scale suffit pour l'inclusion dans le beamer ou l'article.

            Le gros problème, c'est de positionner plusieurs figures ensembles (surtout pour une présentation, à coté du texte par exemple), et tikz ne gère pas ça plus qu'includegraphics si j'ai bien compris.
            On pourrait écrire toutes les figures en tikz dans un seul bloque, mais bon, je peux aussi mettre tout mes dessins en un seul dans libreoffice aussi, mais ce n'est pas ce que je veux : souvent les figures sont de natures différentes (image + schéma par exemple).

          • [^] # Re: À essayer… mais pour les paresseux

            Posté par (page perso) . Évalué à 4.

            Et on se retrouve avec très souvent des slides trop chargés en texte alors qu'idéalement il faudrait faire des schémas.

            Et un jour on se met à lire TikZ pour l'impatient et on ne se plaint plus.

            Je fais mes présentations avec Beamer + TikZ et ça m'empêche visiblement pas de me plaindre… Tu trouves sérieusement TikZ pratique à utiliser ? J'utilise pas mal TikZ mais heureusement que je suis développeur, sinon je n'aurais même pas eu le courage d'essayer. Ça fait le boulot, on peut faire des trucs propres avec, mais c'est pas pratique. La dernière fois que j'ai voulu faire des slides avec des schémas animés avec TikZ, j'y ai passé vraiment un temps fou. Avec un outils graphique, j'aurais sélectionné mes éléments, je les aurais placé exactement où je veux sans faire des calculs et j'aurais cliqué sur un bouton pour personnaliser l'animation. L'autre jour j'ai voulu faire un effet d'ombre pour un schéma, j'y ai passé 2h facilement pour au final abandonner car ce n'était pas ce que je voulais. Il m'aurait fallu que je définisse de nouvelles commandes et que j'utilise des commandes PGF pour arriver à ce que je voulais faire.

            • [^] # Re: À essayer… mais pour les paresseux

              Posté par (page perso) . Évalué à 6.

              Je ne trouve pas Tikz pratique. Par contre, en général (ça dépend bien évidemment des situations), je trouve que les schémas que je produis avec Tikz sont plus propre et lisible que ceux que j'arrive à faire avec des outils graphiques.

              « Rappelez-vous toujours que si la Gestapo avait les moyens de vous faire parler, les politiciens ont, eux, les moyens de vous faire taire. » Coluche

            • [^] # Re: À essayer… mais pour les paresseux

              Posté par . Évalué à 5.

              Je trouve en effet TikZ très pratique, pour tout utilisateur de latex du moins. Si tu a fait l'effort d'apprendre à utiliser TeX ou LaTeX apprendre beamer et TikZ sont de l'ordre du détail. D'ailleurs TikZ est très proche de graphviz, c'est bien pour pouvoir réutiliser les principes.

              Ensuite TikZ est pratique pour les utilisateurs de TeX parce que :

              • l'intégration est simple dans n'importe quel autre type de document tex
              • c'est du texte facile à gérer dans un vcs (merge compris)
              • il est possible de faire des classes pour gèrer les éléments de son schémas

              Personnellement je trouve que c'est simple de faire ce qu'on veut avec, c'est pas rapide et c'est pas fait pour les sectaires de la sourie, mais faire des choses sans prises de tête se fait bien.

              Tous les contenus que j'écris ici sont sous licence CC0 (j'abandonne autant que possible mes droits d'auteur sur mes écrits)

              • [^] # Re: À essayer… mais pour les paresseux

                Posté par . Évalué à 3.

                C'est vrai que ca demande un certain temps de prise en main mais une fois qu'on a compris, c'est vraiment super; et puis quand je vois la gueule des figures des mes collègues, ou les figures de certaines publications dans des revues de renommée mondiale comme celle de l'IEEE je ne regrette pas d'avoir appris a l'utiliser.
                Je trouve que le logiciel Qtikz simplifie la prise en main, même si il reste sans doute perfectible.
                J'en profite pour faire la réclame pour les packages circuitikz, tikz-timing.

                - Dans la vie, il faut toujours se fier aux apparences. Quand un homme a un bec de canard, des ailes de canard et des pattes de canards, c’est un canard. C’est vrai aussi pour les petits merdeux.

        • [^] # Re: À essayer… mais pour les paresseux

          Posté par (page perso) . Évalué à 9.

          Pour le marketing, il y a pipotronic ;-)

          blog.rom1v.com

    • [^] # Re: À essayer… mais pour les paresseux

      Posté par . Évalué à 9.

      j'adore l'enchainement :

      une slide montrant du code html disant : "….ugh! No Thanks!"
      avec plus loin un slide disant : "Write Ruby code"

      sympa pour le vendeur lambda ou le PDG qui doit faire une presentation… :p

    • [^] # Re: À essayer… mais pour les paresseux

      Posté par (page perso) . Évalué à 4.

      Le deuxième avantage rapide de beamer, c'est l'inclusion d'image vectoriel hyper simple avec l'inclusion de pdf.

      La réalité, c'est ce qui continue d'exister quand on cesse d'y croire - Philip K. Dick

  • # Une démo ?

    Posté par . Évalué à 8.

    Et pour ceux que se demande à quoi ressemble la présentation au final, c'est du impress.js.
    Une petite démo ici : http://bartaz.github.io/impress.js

    • [^] # Re: Une démo ?

      Posté par (page perso) . Évalué à 1.

      ImpressJS, il faut forcément l'héberger ?

      La réalité, c'est ce qui continue d'exister quand on cesse d'y croire - Philip K. Dick

      • [^] # Re: Une démo ?

        Posté par . Évalué à 1.

        Je ne vois pas pourquoi il faudrait, tout semble être en HTML et JS, du coup il suffit de sauvegarder les pages en local et hop..!

        • [^] # Re: Une démo ?

          Posté par (page perso) . Évalué à -5.

          Sur Linux, je suis d'accord, mais de mémoire, c'est un peu plus compliqué de servir de l'HTML sur windows ?

          De mémoire, il faut forcément installer XAMP ou associé.

          La réalité, c'est ce qui continue d'exister quand on cesse d'y croire - Philip K. Dick

          • [^] # Re: Une démo ?

            Posté par . Évalué à 10.

            Firefox sur windows ne gère pas file:// ?

            Tous les contenus que j'écris ici sont sous licence CC0 (j'abandonne autant que possible mes droits d'auteur sur mes écrits)

          • [^] # Re: Une démo ?

            Posté par (page perso) . Évalué à 2. Dernière modification le 05/05/14 à 12:09.

            Ce qui rend cette solution si sexy, c'est entre autres de pas avoir à l’"héberger", si tu as lu jusqu'au bout, avec la commande middleman server tu sers directement la présentation à partir de ta machine. Wow, les changements faits dans le source sont répercutés instantanément.
            Note que pour servir la chose plus classiquement, middleman build te génère tout le HTML à plat dans le répertoire build.

            Middleman rocks.

            • [^] # Re: Une démo ?

              Posté par (page perso) . Évalué à 1.

              On en reviens au même risque pour moi.

              Généralement, je bosse les présentations tranquillement chez moi sur mon pc et la présentation se fait sur un autre pc où souvent je n'ai aucun droit ou presque et qui le plus souvent est sur windows.

              La réalité, c'est ce qui continue d'exister quand on cesse d'y croire - Philip K. Dick

              • [^] # Re: Une démo ?

                Posté par . Évalué à 3.

                Tu prends le fichiers que le build a créé et tu les mets sur ta clef usb. Tu les poussent sur github/free/whatever et comme ça si tu perd ta clef tu les retrouve facilement.

                Tous les contenus que j'écris ici sont sous licence CC0 (j'abandonne autant que possible mes droits d'auteur sur mes écrits)

  • # Markdown c'est trop compliqué

    Posté par . Évalué à 4. Dernière modification le 04/05/14 à 12:07.

    Avec restructured text ça marche out of the box ! (enfin presque)

    rst2pdf winner-views.rst -b2 -s kikoolol.style

    Dans le man :

    man
      --break-level=LEVEL, -b LEVEL
                  Maximum section level that starts in a new page. (Default: 1)

    le kikoolol.style :

    {"pageSetup": {
        "width": "16cm",
        "height": "10cm",
        "margin-top": ".5cm",
        "margin-bottom": ".5cm",
        "margin-left": ".5cm",
        "margin-right": ".5cm",
        "margin-gutter": "0cm",
        "spacing-header": "2mm",
        "spacing-footer": "2mm",
        "firstTemplate": "coverPage"
      },
      "pageTemplates" : {
      "coverPage": {
        "frames": [
            ["0cm", "0cm", "100%", "100%"]
        ],
        "showHeader" : false,
        "showFooter" : true,
        "alignment": "TA_CENTER"
        },
        "cutePage": {
            "frames": [
                ["0", "0", "100%", "100%"]
            ],
            "showHeader" : false,
            "showFooter" : false
        }
      }
    }

    Un exemple de prez :

    #####
    Kikoo
    #####
    
    Demo for the LolZ
    
    Objectifs
    #########
    
    Permettre des présentations simple et funki.
    
    Fonctionnalités
    ###############
    
     - un minimum.
     - du texte surtout.
     - inclusion d'images.
     - plop !

    avec un peu de recherche, on trouve des gens qui postent leur style.

  • # Sozi ?

    Posté par . Évalué à 8.

    Et par rapport à Sozi, c'est mieux moins bien pareil mais différent?

  • # ipython

    Posté par (page perso) . Évalué à 1.

    On a eu une bien bonne dépêche récemment sur ipython.
    https://linuxfr.org/news/sortie-d-ipython-en-version-2-0

    Je pense que ça peut vraiment devenir un très bon outil pour présenter de manière interactive. Mais, il faut par contre l'amadouer et réussir à le coupler à d'autres outils.

    La réalité, c'est ce qui continue d'exister quand on cesse d'y croire - Philip K. Dick

  • # Et une démo qui ne rame pas, svp?

    Posté par . Évalué à 10. Dernière modification le 04/05/14 à 15:24.

    À lire sur un pauvre Intel dualcore 2.53Ghz assité par une nVIDIA Quadro 880M pour une résolution de 1920x1080.
    C'est possible?
    Bon, il est encore rare de trouver des retro-proj "full HD" en entreprise mais là, rien que pour des transformations de texte, c'est insoutenable.

  • # racket

    Posté par . Évalué à 3.

    Il existe aussi slideshow qui peut être vue comme un super DSL pour programmé votre présentation. Ce qui vous donne un script à exécuter.

    #lang slideshow
    
    ;; fichier: presentation.rkt
    
    (require net/url
             pict
             racket/draw)
    
    (define (render-nb dc dx dy)
      (send dc draw-text (string-append (btc-price) "$") dx dy))
    
    (define (btc-price)
      ;; récupére le prix de vente du bitcoin depuis un site
      (define ip (get-pure-port (string->url "https://coinbase.com/charts")))
      (begin0
          (let loop ()
            (let ([line (read-line ip)])
              (cond 
               [(regexp-match? #rx"Sell Price" line)
                (second (regexp-match #rx"[$]([0-9]+(.[0-9]*)?)" line))]
               [(eof-object? line)
                "100.0"]
               [else
                (loop)])))
        (close-input-port ip)))
    
    (slide
     #:title "Investir?"
     (t "le bitcoin est a ")
     (dc render-nb 50.0 50.0))
    
    (slide
     #:title "Regarde le prix"
     (t "Retourne sur la slide précédente le prix à changer depuis"))

    lancer avec:

    racket presentation.rkt

    Je ne sais pas si la valeur du bitcoin est asser volatile pour voir une différence quand on recharge le première slide.

  • # Bof

    Posté par . Évalué à 0.

    La démo a fait planter Chrome sur iPad (oui je sais tout ça c'est propriétaire), bof..

  • # pinpoint

    Posté par . Évalué à 1.

    Sinon, il y a aussi pinpoint qui est bien sympa: https://wiki.gnome.org/action/show/Apps/Pinpoint

Suivre le flux des commentaires

Note : les commentaires appartiennent à ceux qui les ont postés. Nous n'en sommes pas responsables.