Imprez : un plugin #WordPress pour partager vos keynotes autrement

Crédits Photo Luke Pilon speaking at WordCamp LA de Bryan Villarin, on Flickr

Vous vous souvenez de cet article : je vous proposais un « hack » pour facilement uploader une prez Powerpoint sur votre WordPress et inclure un slider cÎté front pour optimiser sa lecture.

Et bien, aujourd’hui je vous propose de beta tester un nouveau prototype de Plugin maison qui ajoutera du dynamisme et de l’interaction Ă  vos keynotes.

Le lecteur de prez Imprez !

Naissance d’un concept

Ce dimanche, je testais tranquillement la WP 3.4 beta 2, et comme je me suis lancĂ© un dĂ©fi perso (concevoir un thĂšme BuddyPress html5/responsive), je me suis attardĂ© sur la nouvelle interface de customisation des thĂšmes. AprĂšs affichage et quelques clics, j’ai tout de suite voulu inspecter la bĂȘte plus en profondeur. J’ai commencĂ© par l’inspecteur web de mon navigateur pour terminer dans le code source de cette nouvelle API. Inspiration, mon cerveau est montĂ© en tempĂ©rature, malgrĂ© la difficultĂ© de trouver des hooks pour dĂ©tourner son usage, je me suis dit : « trĂšs astucieux la crĂ©ation Ă  la volĂ©e d’une section par dessus la page themes.php pour charger un iframe et visualiser les settings de notre thĂšme » 🙂

On reparle des commentaires plus bas 😉

Ci-dessus, ce que cela m’a Ă©voquĂ© : l’interface des softs d’Ă©dition de prĂ©sentation comme Keynote et Powerpoint. Je suis donc parti Ă  la recherche d’une librairie sympa de visualisation de prez..

Sous le capot : un pur-sang qui ne demande qu’Ă  galoper!

Et trĂšs vite je suis arrivĂ© sur la librairie de Bartaz : impress.jz. Comme vous pourrez le constater, je n’ai pas profitĂ© de toutes ses fonctionnalitĂ©s. Potentiellement, cette librairie rĂ©alise des effets similaire au site Prezi.com. J’adore! Le seul souci c’est que crĂ©er une interface d’Ă©dition qui permette de gĂ©nĂ©rer les rĂ©glages nĂ©cessaires par slide est plus long et je voulais d’abord commencer par un usage simple. En fonction de l’intĂ©rĂȘt qui sera portĂ© Ă  ce prototype, j’enrichirai Ă©ventuellement…

Observations sur la diffusion des présentations.

Loin de moi l’idĂ©e de faire un remake des « secrets de prĂ©sentation de tel ou tel », concevoir une prĂ©sentation puis la partager avec une audience est un exercice que je trouve trĂšs compliquĂ© et du coup, faut que le thĂšme m’intĂ©resse pour que j’y investisse mon temps 🙂 Simplement, en tant que spectateur, j’observe des pratiques amusantes. Les prĂ©sentateurs rĂ©servent toujours des entractes « Questions / RĂ©ponses » Ă  la fin de leur intervention. En fait, cela devient (en milieu professionnel surtout) le moment le plus redoutĂ© du spectacle : la prise de parole risquĂ©e devant tout le monde.. « Et si ma question Ă©tait naĂŻve ». Dans la majoritĂ© des cas, j’ai constatĂ© que ces entractes dĂ©marrent par un long silence, tout le monde regarde ses pieds et Ă©vite le regard du prĂ©sentateur. Et puis au bout de quelques minutes, quelqu’un se dĂ©voue pour nous sauver de ce silence pesant et notre premiĂšre rĂ©action est prĂ©cisĂ©ment de se dire « Mais quelle question naze! ».

Ensuite, pour ajouter en interactivitĂ©, certains animateurs surfent sur la mode et invite les gens Ă  partager leurs impressions en live via l’utilisation de twitter la plupart du temps. Ils communiquent un hashtag et demandent son utilisation. L’avantage est que cela dĂ©dramatise la prise de parole, les deux inconvĂ©nients que j’y vois personnellement sont :

  1. Je n’ai pas envie de polluer ma timeline de trucs professionnels dont tous mes followers vont profiter (les pauvres!).
  2. La diffusion de certaines infos professionnelles peut par ailleurs poser problÚme.. (confidentialités, secrets voir tabous!)

Enfin, si on choisit ce mode d’interaction pour ne pas afficher en live les tweets, j’ai envie de dire « WTF » !! (si si j’ai vĂ©cu ce type de prez 😉 )

DerniĂšre observation, c’est la fin de la prez et parfois elle a Ă©tĂ© intĂ©ressante et on souhaite disposer des supports pour revenir dessus. Et lĂ , c’est le drame ! Certains naĂŻfs tendent leur clĂ© USB mettant l’animateur devant un dilemme insoutenable : faire plaisir Ă  la clĂ© USB tendue et risquer de devoir faire des copies pour chaque participant ou dĂ©cliner et communiquer une adresse mail pour stocker les demandes de support. Je n’ai jamais vu la premiĂšre option. En revanche la deuxiĂšme : frĂ©quemment. Du coup on oublie d’envoyer le mail et l’intĂ©rĂȘt s’envole.. Si toutefois on va jusqu’au bout de la logique, on met l’animateur dans l’embarras. En effet, comme les personnes n’optimisent pas les visuels de leur prĂ©sentation, la taille du fichier explose et ne passe pas par mail..Il faut donc se creuser la tĂȘte 2 secondes de plus pour trouver un moyen, et bien souvent elles sont fatales : ces 2 secondes ! Rassurons-nous la prez finit par arrivĂ©e, mais 1 mois aprĂšs l’Ă©vĂšnement..

Entrons dans le vif du sujet

Quel rapport avec le plugin ces observations ?? En fait, il tente de proposer une rĂ©ponse alternative Ă  ces pratiques – essayons d’ĂȘtre critique mais constructif 😉

On ne change pas une recette qui a fait ses preuves – cf. prĂ©cĂ©dent article : le plugin utilise les attachments aux posts pour stocker les exports image de la prĂ©sentation. Partager une « imprez » s’effectue ainsi en 3 Ă©tapes.

Step 1 : J’exporte ma prez en images

Plus de problĂšme de max file upload size

Step 2 : Je drop toutes ces images dans les medias de mon post ou de ma page

Glisser déposer les images

Step 3 : J’insĂšre la gallery (ajout du shortcode gallery) et j’Ă©dite ce shortcode en remplaçant [gallerie] par [imprez]

Une fois insérée, afficher la vue html pour éditer le shortcode

Et voilĂ , il ne vous reste plus qu’Ă  publier ou mettre Ă  jour votre post. Sur les templates diffĂ©rents de page.php ou single.php, une miniature s’affichera avec une information sur les commentaires et un lien vers la prĂ©sentation.

Tada !

Dans les templates single.php et page.php, vous verrez la mĂȘme miniature et sur click, jQuery entre en action pour masquer tous les Ă©lĂ©ments du template et charger l’interface d’imprez. Pour dĂ©filer les slides le lecteur a le choix : il peut utiliser la navigations de type lecteur, par miniature ou simplement les touches droite ou gauche du pavĂ© directionnel de son clavier. Il peut masquer la sidebar pour ne maintenir affichĂ©e que la prez.

Navigation imprez.

Dans l’illustration du soft Keynote plus haut, en rouge on voit un commentaire du prĂ©sentateur. Avec Imprez, il peut toujours commenter chacun de ses slides.. les lecteurs aussi ! Contrairement Ă  Slideshare ou Prezi, j’ai pensĂ© que chaque slide Ă©tait propice Ă  commentaire. C’est quand mĂȘme plus pratique que de devoir commenter globalement la prez en indiquant « dans ton slide 47, je ne suis pas d’accord avec ton point de vue.. », vous ne trouvez pas ? Perso je trouve ça gĂ©nial 🙂 !!

Innovation : des conversations sur chaque slide !

One last thing !

DĂ©poser des commentaires sur chaque slide, c’est intĂ©ressant.. Mais imaginons que vous puissiez les consulter en temps rĂ©els alors que vous intervenez, ne serait-ce par encore plus gĂ©nial ? Et bien c’est prĂ©vu 😉 Pour ajouter en dynamisme, vous pouvez activer cette option en ajoutant un post meta Ă  votre article en le nommant « imprez-timer » et en dĂ©finissant la frĂ©quence des appels ajax en millisecondes.

Dans cet exemple, toutes les 5 secondes Imprez vĂ©rifie si le slide a fait l’objet d’un nouveau commentaire et le charge le cas Ă©chĂ©ant.

La DĂ©mo !

Alors… ImprezionnĂ©s ?

Ce plugin a Ă©tĂ© conçu sous WordPress 3.4 beta 2, je l’ai testĂ© sur la 3.3.1 avec succĂšs. Il fonctionne comme un charme sur les derniĂšres versions de Safari, Chrome ou Firefox

6 commentaires sur “Imprez : un plugin #WordPress pour partager vos keynotes autrement

  1. Hi Imath, Impressive as usual!

    It will be possible to show pdf on that way? imagine you upload 1 pdf file and the plugin detect pages and separates on slides…

    It will be so nice to have all together for sliders and keynotes…

    Thanks for your work.

  2. Hi Selu,

    thanks 🙂

    Converting pdf to image on the server side is a great challenge (imagemagick needed)!! I agree, it would be great, this way 1 file to upload and if people want to download the pdf then we can keep it before converting..

    😉

  3. Hello, imath.

    This plugin is fantastic! It’s something I didn’t know I needed until I saw it. It really is very useful. I’m having some issues, though. Is this plugin not intended to work with BuddyPress activated? The iframe contents appear below everything when attempting to start the slideshow. It works perfectly on any of the default WordPress themes. Is this just a CSS issue or something deeper? Thank you.

  4. Hello @ rogerthat,

    Thanks for your interest in this prototype plugin.. I suggest you to follow these 2 steps to make it work with BuddyPress bp-default theme :

    1/ in imprez main plugin file (/wp-content/plugins/imprez/imprez.php)
    At line 22 : add a priority of 9 to template_redirect hook

    add_action('template_redirect', 'imprez_template_loader', 9);

    2/ then at the end of this file, you can add this BuddyPress hooks :

    /**** buddypress hooks (only tested in bp-default theme) *****/

    add_action('bp_before_header', 'imprez_open_page_section_if_single');

    function imprez_open_page_div_if_single() {
      if( is_single() )
        echo '<section id="page">';
    }

    add_action('bp_after_footer', 'imprez_close_page_section_if_single');

    function imprez_close_page_div_if_single() {
      if( is_single() )
        echo '</section>';
    }

    What we’re doing here is simply adding a section with the id of page, because imprez is looking for it in order to hide or show it depending if you launch or exit the prez 😉

    Hope it’ll fix the trouble.

Les commentaires sont fermés.