{"id":1933,"date":"2020-07-14T17:52:13","date_gmt":"2020-07-14T15:52:13","guid":{"rendered":"http:\/\/graphizm.fr\/greta\/?p=1933"},"modified":"2025-03-19T09:13:36","modified_gmt":"2025-03-19T08:13:36","slug":"construire-et-commenter-un-diaporama","status":"publish","type":"post","link":"https:\/\/graphizm.fr\/greta\/cours-annexes\/construire-et-commenter-un-diaporama\/","title":{"rendered":"Construire et commenter un diaporama"},"content":{"rendered":"\n<p class=\"has-secondary-background-color has-background\">Dans ce cours, nous allons voir <strong>comment concevoir le diaporama sur lequel vous allez vous appuyer<\/strong> pour d\u00e9fendre un projet professionnel devant un jury, lors du passage d&rsquo;un titre professionnel.<\/p>\n\n\n\n<p>Nous allons \u00e9galement nous int\u00e9resser \u00e0 la mani\u00e8re de pr\u00e9parer et de d\u00e9rouler les commentaires qui accompagnent n\u00e9cessairement ce diaporama (expos\u00e9 oral).<\/p>\n\n\n\n<p class=\"has-subtle-background-background-color has-background\">Des <strong>ressources suppl\u00e9mentaires<\/strong> sont mises \u00e0 votre disposition sur <a href=\"https:\/\/y-goguely.netboard.me\/presentationvisuelle\/\" target=\"_blank\" rel=\"noreferrer noopener\">y-goguely.netboard.me\/<\/a><\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_83 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Sommaire<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #6b6b6b;color:#6b6b6b\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #6b6b6b;color:#6b6b6b\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 eztoc-toggle-hide-by-default' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/graphizm.fr\/greta\/cours-annexes\/construire-et-commenter-un-diaporama\/#Structurer_la_presentation_visuelle_et_orale\" >Structurer la pr\u00e9sentation visuelle et orale<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/graphizm.fr\/greta\/cours-annexes\/construire-et-commenter-un-diaporama\/#Utiliser_un_plan_type\" >Utiliser un plan type<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/graphizm.fr\/greta\/cours-annexes\/construire-et-commenter-un-diaporama\/#Optimiser_le_temps_imparti\" >Optimiser le temps imparti<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/graphizm.fr\/greta\/cours-annexes\/construire-et-commenter-un-diaporama\/#Prendre_en_compte_les_specificites_des_contenus_presentes\" >Prendre en compte les sp\u00e9cificit\u00e9s des contenus pr\u00e9sent\u00e9s<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/graphizm.fr\/greta\/cours-annexes\/construire-et-commenter-un-diaporama\/#Utiliser_les_outils_et_plateformes_dedition_appropries\" >Utiliser les outils et plateformes d&rsquo;\u00e9dition appropri\u00e9s<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/graphizm.fr\/greta\/cours-annexes\/construire-et-commenter-un-diaporama\/#Differencier_slidedoc_et_diaporama_commentee\" >Diff\u00e9rencier slidedoc et diaporama comment\u00e9e<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/graphizm.fr\/greta\/cours-annexes\/construire-et-commenter-un-diaporama\/#Designer_un_diaporama\" >Designer un diaporama<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/graphizm.fr\/greta\/cours-annexes\/construire-et-commenter-un-diaporama\/#La_phase_de_preparation\" >La phase de pr\u00e9paration<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/graphizm.fr\/greta\/cours-annexes\/construire-et-commenter-un-diaporama\/#Mener_le_brief_technique\" >Mener le brief technique<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/graphizm.fr\/greta\/cours-annexes\/construire-et-commenter-un-diaporama\/#Se_documenter\" >Se documenter<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/graphizm.fr\/greta\/cours-annexes\/construire-et-commenter-un-diaporama\/#Produire_les_contenus\" >Produire les contenus<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/graphizm.fr\/greta\/cours-annexes\/construire-et-commenter-un-diaporama\/#La_phase_de_conception\" >La phase de conception<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/graphizm.fr\/greta\/cours-annexes\/construire-et-commenter-un-diaporama\/#Choisir_des_couleurs_contrastees\" >Choisir des couleurs contrast\u00e9es<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/graphizm.fr\/greta\/cours-annexes\/construire-et-commenter-un-diaporama\/#Choisir_une_echelle_typo_adaptee_a_la_lecture_de_diapositives\" >Choisir une \u00e9chelle typo adapt\u00e9e \u00e0 la lecture de diapositives<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/graphizm.fr\/greta\/cours-annexes\/construire-et-commenter-un-diaporama\/#Choix_une_grille_de_construction_simple\" >Choix une grille de construction simple<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/graphizm.fr\/greta\/cours-annexes\/construire-et-commenter-un-diaporama\/#Etablir_un_juste_rapport_TexteImageParole\" >\u00c9tablir un juste rapport Texte\/Image\/Parole<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/graphizm.fr\/greta\/cours-annexes\/construire-et-commenter-un-diaporama\/#La_phase_de_publication\" >La phase de publication<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-18\" href=\"https:\/\/graphizm.fr\/greta\/cours-annexes\/construire-et-commenter-un-diaporama\/#Utiliser_le_format_pdf\" >Utiliser le format pdf<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-19\" href=\"https:\/\/graphizm.fr\/greta\/cours-annexes\/construire-et-commenter-un-diaporama\/#Sauvegarder_le_diaporama_en_lieu_sur\" >Sauvegarder le diaporama en lieu s\u00fbr<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-20\" href=\"https:\/\/graphizm.fr\/greta\/cours-annexes\/construire-et-commenter-un-diaporama\/#Lexpose_oral\" >L&rsquo;expos\u00e9 oral<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-21\" href=\"https:\/\/graphizm.fr\/greta\/cours-annexes\/construire-et-commenter-un-diaporama\/#Adopter_une_posture_et_une_gestuelle_adaptees\" >Adopter une posture et une gestuelle adapt\u00e9es<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-22\" href=\"https:\/\/graphizm.fr\/greta\/cours-annexes\/construire-et-commenter-un-diaporama\/#Ne_jamais_lire_ce_qui_est_projete\" >Ne jamais lire ce qui est projet\u00e9<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-23\" href=\"https:\/\/graphizm.fr\/greta\/cours-annexes\/construire-et-commenter-un-diaporama\/#Sentrainer_en_connaissant_le_plan_de_lexpose_par_coeur\" >S&rsquo;entra\u00eener en connaissant le plan de l&rsquo;expos\u00e9 par c\u0153ur<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-24\" href=\"https:\/\/graphizm.fr\/greta\/cours-annexes\/construire-et-commenter-un-diaporama\/#Participer_a_la_seance_dexpose_blanc\" >Participer \u00e0 la s\u00e9ance d&rsquo;expos\u00e9 blanc<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Structurer_la_presentation_visuelle_et_orale\"><\/span>Structurer la pr\u00e9sentation visuelle et orale<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p><strong>Une pr\u00e9sentation visuelle se con\u00e7oit et se finalise comme tout produit de communication.<\/strong> Une phase de documentation pr\u00e9c\u00e8de la phase de conception et de tests. Une finalisation pr\u00e9c\u00e8de la phase de publication, elle-m\u00eame suivie par d&rsquo;\u00e9ventuelles mise \u00e0 jour et un n\u00e9cessaire archivage.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Utiliser_un_plan_type\"><\/span>Utiliser un plan type<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Quand on prend connaissance des modalit\u00e9s d&rsquo;\u00e9valuation du titre concern\u00e9, un plan se d\u00e9gage en fonction des contenus \u00e0 pr\u00e9senter. Prenez connaissance du <a href=\"\/\/\/Users\/yvesgoguely\/Downloads\/REV2_CDUI_V01_11052021.pdf\" data-type=\"link\" data-id=\"file:\/\/\/Users\/yvesgoguely\/Downloads\/REV2_CDUI_V01_11052021.pdf\" target=\"_blank\" rel=\"noreferrer noopener\">r\u00e9f\u00e9rentiel d&rsquo;\u00e9valuation CDUI<\/a> (document PDF) pour conna\u00eetre les modalit\u00e9s de d\u00e9roulement de la validation du titre.<\/p>\n\n\n\n<p class=\"has-accent-background-color has-background\">Dans les titres valid\u00e9s par l&rsquo;\u00e9laboration d&rsquo;un projet (Graphiste ou Concepteur Designer UI), la structure du diaporama reprend en partie <strong>le plan du dossier de projet<\/strong> (dossier imprim\u00e9 remis au jury).<\/p>\n\n\n\n<p>Le diaporama, fil rouge de la pr\u00e9sentation des donn\u00e9es au jury, est introduit par <strong>une pr\u00e9sentation contextualis\u00e9e du candidat<\/strong> et de sa d\u00e9marche de formation. Il est suivi par <strong>une mise en perspective professionnelle des acquis de la formation<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Optimiser_le_temps_imparti\"><\/span>Optimiser le temps imparti<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Le temps imparti (50 minutes de pr\u00e9sentation et 20 minutes de d\u00e9bat avec le jury, pour le titre CDUI) d\u00e9termine en th\u00e9orie le nombre de diapositive<\/p>\n\n\n\n<p>Il est habituel de pr\u00e9voir 1 minute de commentaires par diapositive<strong>.<\/strong> Cependant de nombreux param\u00e8tres interviennent.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Toutes les diapositives ne sont pas comment\u00e9es de la m\u00eame mani\u00e8re (une diapositive de titre est affich\u00e9e moins longtemps qu&rsquo;une diapositive pr\u00e9sentant un processus complexe, par exemple).<\/li>\n\n\n\n<li>Une diapositive est parfois pr\u00e9sent\u00e9e en plusieurs fois (pour afficher de mani\u00e8re s\u00e9quenc\u00e9e l&rsquo;ensemble de ses contenus).<\/li>\n<\/ul>\n\n\n\n<p class=\"has-subtle-background-background-color has-background\">Seule la <strong>r\u00e9p\u00e9tition chronom\u00e9tr\u00e9e<\/strong> de la prestation peut donner une id\u00e9e juste du temps n\u00e9cessaire pour exposer images et commentaires.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Prendre_en_compte_les_specificites_des_contenus_presentes\"><\/span>Prendre en compte les sp\u00e9cificit\u00e9s des contenus pr\u00e9sent\u00e9s<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>La pr\u00e9sentation d&rsquo;un site Web ou d&rsquo;un document accessible en ligne passe n\u00e9cessairement par la <strong>consultation du site pendant la pr\u00e9sentation<\/strong>. Il en est de m\u00eame si il est fait r\u00e9f\u00e9rence \u00e0 un travail de prototypage disponible en ligne, \u00e0 votre portfolio, \u00e0 un site r\u00e9alis\u00e9 en entreprise, etc.<\/p>\n\n\n\n<p class=\"has-accent-background-color has-background\">Il est inutile de pr\u00e9voir des diapositives montrant des captures d&rsquo;\u00e9cran d&rsquo;un site auquel vous pouvez avoir acc\u00e8s depuis le poste utilis\u00e9.<\/p>\n\n\n\n<p>Des liens, int\u00e9gr\u00e9s dans les diapositives, doivent permettre \u00e0 l&rsquo;orateur d&rsquo;acc\u00e9der rapidement aux sites \u00e0 montrer pendant son expos\u00e9. <strong>Les captures d&rsquo;\u00e9crans sont r\u00e9serv\u00e9s \u00e0 l&rsquo;int\u00e9gration dans les documents imprim\u00e9s.<\/strong><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Pr\u00e9senter des planches imprim\u00e9es<\/h4>\n\n\n\n<p class=\"has-subtle-background-background-color has-background\"><strong>Imprimer en reprographie quelques unes des planches cl\u00e9s du dossier<\/strong> est vivement conseill\u00e9 (planche de tendances \u2014 <em>moodboard<\/em> \u2014 ou planche de style \u2014 <em>style tile<\/em>, etc.).<\/p>\n\n\n\n<p>Ces documents imprim\u00e9s sont \u00e0 remettre au jury en cours de pr\u00e9sentation, au moment opportun.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Pr\u00e9senter des objets<\/h4>\n\n\n\n<p>Vous pouvez faire fabriquer des prototypes d&rsquo;<strong>objets de communication tels que totbags ou mugs (goodies)<\/strong> et de pr\u00e9senter ces objets au jury pendant votre pr\u00e9sentation. Des <strong>kakemonos, flags ou autres supports de communication<\/strong> peuvent \u00eatre d\u00e9ploy\u00e9s dans la salle de pr\u00e9sentation.<\/p>\n\n\n\n<p>Nous verrons dans la suite du cours comment articuler paroles et diapositives. Auparavant, nous allons revenir sur la d\u00e9marche de design graphique que nous avons suivie lors de nos productions en formation Com-Cr\u00e9a.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Utiliser_les_outils_et_plateformes_dedition_appropries\"><\/span>Utiliser les outils et plateformes d&rsquo;\u00e9dition appropri\u00e9s<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Il existe plusieurs outils permettant de r\u00e9aliser des diaporamas. Ils se r\u00e9partissent en diff\u00e9rentes cat\u00e9gories&nbsp;:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>les logiciels sp\u00e9cialis\u00e9s <strong>hors ligne<\/strong> (sur poste)<\/li>\n\n\n\n<li>les plateformes d&rsquo;\u00e9dition <strong>en ligne<\/strong> (sur le Web)<\/li>\n\n\n\n<li>les suites logicielles d&rsquo;\u00e9dition polyvalente<\/li>\n\n\n\n<li>les frameworks CSS d\u00e9di\u00e9s \u00e0 la pr\u00e9sentation visuelle<\/li>\n<\/ul>\n\n\n\n<p>Dans la premi\u00e8re cat\u00e9gorie se trouvent l&rsquo;incontournable <strong><a href=\"https:\/\/www.microsoft.com\/fr-fr\/microsoft-365\/powerpoint\" target=\"_blank\" rel=\"noreferrer noopener\">Powerpoint<\/a><\/strong> et son alter ego <strong><a href=\"https:\/\/www.apple.com\/fr\/keynote\/\" target=\"_blank\" rel=\"noreferrer noopener\">Keynote<\/a><\/strong> mais aussi <strong><a href=\"https:\/\/www.openoffice.org\/product\/impress.html\" target=\"_blank\" rel=\"noreferrer noopener\">Impress<\/a><\/strong>, li\u00e9 \u00e0 la suite Open Office.<\/p>\n\n\n\n<p>Dans la seconde cat\u00e9gorie se trouvent notamment <strong><a rel=\"noreferrer noopener\" href=\"https:\/\/www.google.fr\/intl\/fr\/slides\/about\/\" target=\"_blank\">Google Slides<\/a><\/strong>, <strong><a rel=\"noreferrer noopener\" href=\"https:\/\/crello.com\/fr\/create\/presentations\/\" target=\"_blank\">Crello<\/a><\/strong>, <strong><a rel=\"noreferrer noopener\" href=\"https:\/\/www.canva.com\/fr_fr\/creer\/diaporama\/\" target=\"_blank\">Canva<\/a><\/strong>, <strong><a rel=\"noreferrer noopener\" href=\"https:\/\/www.beautiful.ai\/?\" target=\"_blank\">Beautiful.ai<\/a><\/strong> et aussi <strong><a href=\"https:\/\/prezi.com\/?click_source=logged_element&amp;page_location=header&amp;element_type=logo\" target=\"_blank\" rel=\"noreferrer noopener\">Prezi<\/a><\/strong> ou <strong><a href=\"http:\/\/focusky.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Focusky<\/a> <\/strong>(dans un genre diff\u00e9rent). Il en existe de nombreux autres, gratuits ou payants.<\/p>\n\n\n\n<p class=\"has-accent-background-color has-background\">Pour la validation du titre pro CDUI, l&rsquo;outil <a href=\"https:\/\/www.figma.com\/fr-fr\/slides\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Figma Slides<\/strong><\/a> est particuli\u00e8rement adapt\u00e9 au type de contenus pr\u00e9sent\u00e9s.<\/p>\n\n\n\n<p>Dans la troisi\u00e8me cat\u00e9gorie se trouvent les outils d&rsquo;\u00e9dition professionnels comme la <strong><a rel=\"noreferrer noopener\" href=\"https:\/\/www.adobe.com\/fr\/creativecloud.html?promoid=88X75SRR&amp;mv=other\" target=\"_blank\">suite Adobe<\/a><\/strong> ou la <strong><a rel=\"noreferrer noopener\" href=\"https:\/\/affinity.serif.com\/fr\/\" target=\"_blank\">suite Infinity<\/a><\/strong>.<\/p>\n\n\n\n<p>Dans la quatri\u00e8me cat\u00e9gorie se trouve l&rsquo;excellent <strong><a href=\"https:\/\/revealjs.com\/#\/\" target=\"_blank\" rel=\"noreferrer noopener\">Reveals<\/a> <\/strong>(et son \u00e9quivalent en ligne <a href=\"https:\/\/slides.com\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>slides.com<\/strong><\/a>). Dans cette cat\u00e9gorie, vous disposez \u00e9galement de <strong><a href=\"https:\/\/github.com\/tmcw\/big\" target=\"_blank\" rel=\"noreferrer noopener\">Big<\/a><\/strong>, de <strong><a href=\"https:\/\/shwr.me\/\" target=\"_blank\" rel=\"noreferrer noopener\">Shower<\/a><\/strong>, ou encore de <strong><a href=\"https:\/\/github.com\/gnab\/remark\" target=\"_blank\" rel=\"noreferrer noopener\">Remark<\/a><\/strong> (utilisant le langage Markdown mais limit\u00e9 au format 4&#215;3). Les utilisateurs du syst\u00e8me MacOs peuvent se tourner vers <strong><a href=\"https:\/\/www.deckset.com\" target=\"_blank\" rel=\"noreferrer noopener\">Deckset<\/a><\/strong> (outil exclusif de stylisation de fichiers Markdown pour la projection).<\/p>\n\n\n\n<p class=\"has-subtle-background-background-color has-background\"><strong>Chacun(e) est libre d&rsquo;utiliser l&rsquo;outil qui lui convient le mieux<\/strong>, dans la mesure o\u00f9 il peut justifier que le r\u00e9sultat produit est bien ce qu&rsquo;il comptait mettre en \u0153uvre.<\/p>\n\n\n\n<p>\u279c&nbsp;Aucun d\u00e9faut de conception ne pourra \u00eatre mis sur le compte des limites de l&rsquo;outil choisi.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Differencier_slidedoc_et_diaporama_commentee\"><\/span>Diff\u00e9rencier slidedoc et diaporama comment\u00e9e<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"has-subtle-background-background-color has-background\">Les nombreux gabarits de diaporama disponibles en ligne m\u00e9langent deux type de pr\u00e9sentations visuelles&nbsp;: les diaporamas \u00e0 lire sans commentaire et les diaporama \u00e0 commenter devant un public.<\/p>\n\n\n\n<p>Les premiers se nomment <strong>slidedocs<\/strong>. Ils sont pr\u00e9sent\u00e9s en d\u00e9tail par Nancy Duarte dans un diaporama disponible sur Slideshare. Ce sont des documents \u00e0 lire \u00e0 l&rsquo;\u00e9cran. Ils n&rsquo;ont pas vocation \u00e0 \u00eatre projet\u00e9s. Les diapositives sont charg\u00e9es. Les texte sont longs. On approche ici du concept de livre \u00e9lectronique (e-book)&#8230; surtout quand le document fait plus de 150 pages&nbsp;!<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/www.slideshare.net\/duarte\/duarte-slidedocs-french\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"619\" height=\"520\" src=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/07\/slidedocs-nancy-duarte.png\" alt=\"\" class=\"wp-image-5474\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/07\/slidedocs-nancy-duarte.png 619w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/07\/slidedocs-nancy-duarte-600x504.png 600w\" sizes=\"auto, (max-width: 619px) 100vw, 619px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Les seconds types de diaporamas sont des <strong>pr\u00e9sentations visuelles comment\u00e9es<\/strong>. Ces diaporamas sont destin\u00e9s \u00e0 \u00eatre projet\u00e9s et accompagn\u00e9s d&rsquo;un expos\u00e9 oral. Les visionner sans le commentaire du pr\u00e9sentateur prive le lecteur d&rsquo;une grande partie de l&rsquo;information. Les images sont impactantes, les textes sont brefs&#8230; mais il manque vraiment quelque chose&nbsp;!<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/www.slideshare.net\/desbenoit\/ux-en-terre-inconnue\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"619\" height=\"401\" src=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/07\/ux-terra-incognita.png\" alt=\"\" class=\"wp-image-5479\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/07\/ux-terra-incognita.png 619w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/07\/ux-terra-incognita-600x389.png 600w\" sizes=\"auto, (max-width: 619px) 100vw, 619px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Il est possible de se tenir <strong>\u00e0 mi-chemin entre les 2 concepts<\/strong>. \u00c0 condition toutefois de proposer des textes courts pr\u00e9sent\u00e9s de mani\u00e8re a\u00e9r\u00e9e.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/www.slideshare.net\/cabaroc\/savoir-presenter-son-design-des-dcideurs\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"619\" height=\"552\" src=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/07\/presenter-son-design-JP-Cabaroc.png\" alt=\"\" class=\"wp-image-5476\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/07\/presenter-son-design-JP-Cabaroc.png 619w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/07\/presenter-son-design-JP-Cabaroc-600x535.png 600w\" sizes=\"auto, (max-width: 619px) 100vw, 619px\" \/><\/a><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Designer_un_diaporama\"><\/span>Designer un diaporama<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>La conception d&rsquo;un diaporama num\u00e9rique suit les m\u00eames \u00e9tapes que celle d&rsquo;un produit imprim\u00e9 ou h\u00e9berg\u00e9.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>D\u00e9cision<\/li>\n\n\n\n<li>Brief<\/li>\n\n\n\n<li>Documentation<\/li>\n\n\n\n<li>Production et structuration des contenus<\/li>\n\n\n\n<li>Choix du style graphique<\/li>\n\n\n\n<li>Maquettage, tests et affinage<\/li>\n\n\n\n<li>Int\u00e9gration des contenus structur\u00e9s<\/li>\n\n\n\n<li>Publication<\/li>\n\n\n\n<li>Mise \u00e0 jour<\/li>\n\n\n\n<li>Archivage et d\u00e9brief<\/li>\n<\/ul>\n\n\n\n<p>On peut regrouper ces \u00e9tapes par trois et ramener la d\u00e9marche en trois phases&nbsp;: <strong>pr\u00e9paration, conception, publication<\/strong>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"La_phase_de_preparation\"><\/span>La phase de pr\u00e9paration<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Cette phase comprend le <strong>brief, la documentation et la production des contenus<\/strong>. Voyons ce qu&rsquo;il en est concernant le diaporama \u00e0 pr\u00e9parer.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Mener_le_brief_technique\"><\/span>Mener le brief technique<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">Le mode colorim\u00e9trique<\/h4>\n\n\n\n<p>Un diaporama projet\u00e9 s&rsquo;\u00e9labore en RVB. Les dimensions recommand\u00e9es pour les images sont indiqu\u00e9es ci-dessous (tailles surlign\u00e9es en gris).<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Les dimensions des diapositives<\/h4>\n\n\n\n<p>Les diaporamas et documents projet\u00e9s utilisent 2 ratios standards, le 16\/9 et le 4\/3. Nettement plus allong\u00e9 horizontalement, le 16\/9 est le plus moderne des deux. Le format 4\/3 offre l&rsquo;avantage de s&rsquo;ins\u00e9rer dans une page A4 orientation paysage, ce qui en facilite l&rsquo;\u00e9dition imprim\u00e9e en 1 ou 2 diapositive par page.<\/p>\n\n\n\n<p>\u279c&nbsp;Les r\u00e9solutions des images affich\u00e9es en plein \u00e9cran au ratio 16\/9 sont les suivantes&nbsp;:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>HD = 1280 x 720<\/li>\n\n\n\n<li><span style=\"color: #222222; background-color: #dbdbdb;\" class=\"ugb-highlight\">FHD = 1920 x 1080<\/span> (recommand\u00e9)<\/li>\n\n\n\n<li>QHD = 2560 x 1440<\/li>\n<\/ul>\n\n\n\n<p>\u279c&nbsp;Les r\u00e9solutions des images affich\u00e9es en plein \u00e9cran au ratio 4\/3 sont les suivantes&nbsp;:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>XGA = 1024 x 768<\/li>\n\n\n\n<li>Format non standard = 1080 x 810<\/li>\n\n\n\n<li><span style=\"color: #222222; background-color: #dbdbdb;\" class=\"ugb-highlight\">Format non standard = 1440 x 1080<\/span> (recommand\u00e9)<\/li>\n\n\n\n<li>U-XGA = 1600 x 1200<\/li>\n<\/ul>\n\n\n\n<p class=\"has-subtle-background-background-color has-background\"><strong>Les \u00e9crans des salles du P\u00f4le Plurim\u00e9dia<\/strong>, dans lesquelles vous projeterez votre diaporama lors du passage du titre pro, <strong>permettent la projection plein \u00e9cran de diapositives 4\/3<\/strong>. Les diaporamas au format 16\/9 s&rsquo;afficheront sur une moindre hauteur.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Les formats num\u00e9riques de diffusion<\/h4>\n\n\n\n<p>Les logiciels d&rsquo;\u00e9dition de pr\u00e9sentations num\u00e9riques disposent de formats natifs. Les utilisateurs de la suite Microsoft connaissent  par exemple le format <strong>PPT,<\/strong> en lien avec le logiciel Powerpoint.<\/p>\n\n\n\n<p>Les plateformes d&rsquo;\u00e9dition en ligne proposent g\u00e9n\u00e9ralement l&rsquo;export des diaporams au format <strong>PDF<\/strong>. C&rsquo;est aussi le format utilis\u00e9 pour l&rsquo;exportation de diaporamas r\u00e9alis\u00e9s avec Illustrator ou inDesign.<\/p>\n\n\n\n<p>Les diaporamas r\u00e9alis\u00e9s avec un framework CSS sont au format <strong>HTML<\/strong> et se g\u00e8rent comme un site Web statique.<\/p>\n\n\n\n<p class=\"has-subtle-background-background-color has-background\"><strong>Le format le plus simple \u00e0 utiliser lors du passage d&rsquo;un dipl\u00f4me est le format PDF<\/strong>. L&rsquo;affichage d&rsquo;un diaporama PDF, \u00e0 partir de n&rsquo;importe quel poste, sera toujours conforme \u00e0 votre maquette.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Se_documenter\"><\/span>Se documenter<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Il existe de nombreux gabarits de diaporamas disponibles en ligne, en particuliers pour leur mise en \u0153uvre avec Powerpoint, Keynote ou Google Slides.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/studio-minimal-presentation.jpeg\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" width=\"1019\" height=\"679\" src=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/studio-minimal-presentation.jpeg\" alt=\"\" class=\"wp-image-2062\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/studio-minimal-presentation.jpeg 1019w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/studio-minimal-presentation-600x400.jpeg 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/studio-minimal-presentation-768x512.jpeg 768w\" sizes=\"auto, (max-width: 1019px) 100vw, 1019px\" \/><\/a><\/figure>\n\n\n\n<p class=\"has-subtle-background-background-color has-background\"><strong>Il s&rsquo;agit de disposer d&rsquo;une r\u00e9f\u00e9rence en mati\u00e8re de stylisation<\/strong>, pour cr\u00e9er ensuite un diaporama qui pr\u00e9sente une unit\u00e9 graphique \u00e9vidente, d&rsquo;une diapo \u00e0 l&rsquo;autre.<\/p>\n\n\n\n<p>Canva propose aussi des <a href=\"https:\/\/www.canva.com\/fr_fr\/creer\/diaporama\/\" target=\"_blank\" rel=\"noreferrer noopener\">templates int\u00e9ressants<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/templates-canva.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"541\" src=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/templates-canva-1024x541.jpg\" alt=\"\" class=\"wp-image-2059\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/templates-canva-1024x541.jpg 1024w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/templates-canva-600x317.jpg 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/templates-canva-768x406.jpg 768w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/templates-canva-1200x635.jpg 1200w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/templates-canva.jpg 1407w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>\u279c&nbsp;Il est souhaitable qu&rsquo;une <strong>unit\u00e9 de style existe entre le diaporama et le press-book<\/strong>, voire entre le diaporama et le portfolio en ligne.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Produire_les_contenus\"><\/span>Produire les contenus<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">Adopter un plan logique<\/h4>\n\n\n\n<p>Le plan du diaporama est la structure logique sur laquelle s&rsquo;appuie votre pr\u00e9sentation visuelle et orale. D\u00e9termin\u00e9 en amont de la phase de conception, ce plan sert de cadre \u00e0 l&rsquo;ensemble du travail effectu\u00e9.<\/p>\n\n\n\n<p class=\"has-subtle-background-background-color has-background\">Je vous propose ci-dessous le d\u00e9veloppement d&rsquo;<strong>un plan type<\/strong> que vous \u00eates libre d&rsquo;adapter \u00e0 votre propos.<\/p>\n\n\n\n<p>\u279c\u00a0Compte tenu du temps imparti pour pr\u00e9senter vos diapositives et du volume d&rsquo;information \u00e0 transmettre, il est indispensable de se focaliser sur l&rsquo;essentiel.<\/p>\n\n\n\n<p class=\"has-accent-background-color has-background\"><strong>Le message \u00e0 transmettre<\/strong> est le suivant&nbsp;: \u201c<em>Je suis pr\u00eat \u00e0 exercer le m\u00e9tier de [pr\u00e9ciser le m\u00e9teier en fonction du titre vis\u00e9]. En effet,  j&rsquo;ai acquis en formation et sur le terrain toutes les comp\u00e9tences requises.<\/em>\u201d<\/p>\n\n\n\n<p>Il s&rsquo;agit de <strong>r\u00e9pertorier les comp\u00e9tences cl\u00e9s \u00e0 faire valoir pour exercer le m\u00e9tier vis\u00e9<\/strong>. Ces comp\u00e9tences, clairement d\u00e9finies dans le r\u00e9f\u00e9rentiel du titre, vous permettent d&rsquo;envisager un plan comportant le nombre de sections correspondantes (une section par comp\u00e9tence). <\/p>\n\n\n\n<p>Une section se pr\u00e9sente sous forme d&rsquo;une suite de diapositives structur\u00e9e de la mani\u00e8re suivante&nbsp;:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Titre de section (1 diapo)<\/li>\n\n\n\n<li>Pr\u00e9sentation d&rsquo;une <strong>r\u00e9alisation finie<\/strong> (1 ou 2 diapos)<\/li>\n\n\n\n<li>Pr\u00e9sentation des <strong>\u00e9tapes et de la m\u00e9thode de conception<\/strong> (plusieurs diapositives)<\/li>\n\n\n\n<li>Pr\u00e9sentation de la <strong>comp\u00e9tence acquise<\/strong> (1 ou 2 diapos)<\/li>\n<\/ul>\n\n\n\n<p>Une section comprendra un minimum de trois diapositives.<\/p>\n\n\n\n<p>Ajoutez \u00e0 votre diaporamas les <strong>diapositives de d\u00e9but de diaporama<\/strong> (titre principal, sommaire et\/ou intro, pr\u00e9sentation personnelle) et les <strong>diapositives de fin de diaporama<\/strong> (perspectives d&rsquo;avenir professionnel, conclusion, signature et\/ou remerciements).<\/p>\n\n\n\n<p class=\"has-accent-background-color has-background\">Je ne mentionne pas de <strong>nombre id\u00e9al de diapositives en lien avec la dur\u00e9e de l&rsquo;expos\u00e9<\/strong>. Cela d\u00e9pend d&rsquo;un nombre trop \u00e9l\u00e9v\u00e9 de param\u00e8tres inh\u00e9rents \u00e0 vos choix \u00e9ditoriaux et d&rsquo;animation.<\/p>\n\n\n\n<p>R\u00e9alisez un plan sch\u00e9matique, sur une feuille de papier ou sur un support num\u00e9rique. Vous pouvez aussi utiliser des adh\u00e9sifs repositionnables (r\u00e9els ou virtuels) pour donner corps \u00e0 votre plan.<\/p>\n\n\n\n<p>Voici un exemple de d\u00e9coupage r\u00e9alis\u00e9 dans Lino puis dans Scrumblr. <strong>Le plan est tr\u00e8s simplifi\u00e9<\/strong>, il ne correspond en rien \u00e0 un plan type id\u00e9al&nbsp;!<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/plan-diaporama-linoit.png\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"656\" src=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/plan-diaporama-linoit-1024x656.png\" alt=\"\" class=\"wp-image-2082\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/plan-diaporama-linoit-1024x656.png 1024w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/plan-diaporama-linoit-600x384.png 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/plan-diaporama-linoit-768x492.png 768w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/plan-diaporama-linoit.png 1026w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption class=\"wp-element-caption\">Plan type mis en place sur<a href=\"https:\/\/en.linoit.com\" target=\"_blank\" rel=\"noreferrer noopener\"> l<strong>inoit.com<\/strong><\/a><\/figcaption><\/figure>\n<\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/scrumblr-plan-diaporama.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"510\" src=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/scrumblr-plan-diaporama-1024x510.jpg\" alt=\"\" class=\"wp-image-2102\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/scrumblr-plan-diaporama-1024x510.jpg 1024w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/scrumblr-plan-diaporama-600x299.jpg 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/scrumblr-plan-diaporama-768x382.jpg 768w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/scrumblr-plan-diaporama-1200x597.jpg 1200w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/scrumblr-plan-diaporama.jpg 1398w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption class=\"wp-element-caption\">Plan type mis en place sur <a href=\"http:\/\/scrumblr.ca\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>scrumblr.ca<\/strong><\/a><\/figcaption><\/figure>\n<\/div>\n\n\n<p>\u279c&nbsp; Voici une capture d&rsquo;\u00e9cran vous donnant quelques indications pour utiliser Scrumblr&#8230;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/utilisation-scrumblr.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"541\" src=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/utilisation-scrumblr-1024x541.jpg\" alt=\"\" class=\"wp-image-2139\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/utilisation-scrumblr-1024x541.jpg 1024w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/utilisation-scrumblr-600x317.jpg 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/utilisation-scrumblr-768x406.jpg 768w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/utilisation-scrumblr-1200x634.jpg 1200w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/utilisation-scrumblr.jpg 1401w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Collecter ou produire les images<\/h4>\n\n\n\n<p>Si vous avez bien pr\u00e9par\u00e9 vos images pour votre portfolio en ligne, pour votre dossier de projet ou votre dossier professionnel, <strong>vous disposez d\u00e9j\u00e0 des images<\/strong> susceptibles d&rsquo;\u00eatre int\u00e9gr\u00e9es dans votre diaporama.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Collecter ou r\u00e9diger les textes<\/h4>\n\n\n\n<p>Dans une pr\u00e9sentation visuelle comment\u00e9e, l&rsquo;essentiel du message verbal passe par l&rsquo;oral. <strong>Le texte affich\u00e9 doit \u00eatre ramen\u00e9 au minimum et surtout ne pas \u00eatre redondant avec l&rsquo;image<\/strong>. <\/p>\n\n\n\n<p class=\"has-subtle-background-background-color has-background\">\u279c&nbsp;Le texte accompagnant une image doit toujours amener des informations qui ne sont pas d\u00e9ductibles de la lecture de l&rsquo;image.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"La_phase_de_conception\"><\/span>La phase de conception<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Cette phase comprend le <strong>choix du style, le maquettage et l&rsquo;int\u00e9gration des contenus structur\u00e9s<\/strong>. le choix du style consiste \u00e0 d\u00e9terminer quelles seront les typos, les couleurs, les formes et les grilles utilis\u00e9es pour la mise en page. Le maquettage inclue d&rsquo;\u00e9ventuelles recherches graphiques manuscrites et l&rsquo;int\u00e9gration peut relever du codage avec certains outils.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Choisir_des_couleurs_contrastees\"><\/span>Choisir des couleurs contrast\u00e9es<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>La projection sur \u00e9cran opaque, en pleine journ\u00e9e, dans une salle dont les volets sont ferm\u00e9s, ne permettra jamais un affichage des couleurs aussi contrast\u00e9 que sur un \u00e9cran d&rsquo;ordinateur.<\/p>\n\n\n\n<p class=\"has-subtle-background-background-color has-background\">La mise en \u0153uvre d&rsquo;un nuancier \u00e9tag\u00e9 allant du noir (ou tr\u00e8s fonc\u00e9) au blanc (ou tr\u00e8s clair) est vivement recommand\u00e9e. Pensez bien que <strong>le noir, votre couleur la plus fonc\u00e9e, ne sera jamais plus fonc\u00e9e que la couleur de l&rsquo;\u00e9cran une fois le projecteur \u00e9teint.<\/strong><\/p>\n\n\n\n<p>\u279c&nbsp;<strong>Tout objet plac\u00e9 dans une diapositive sur un fond noir se trouve projet\u00e9 comme flottant sur l&rsquo;\u00e9cran<\/strong>, sans que le cadre de la diapositive soit visible. Dans les salles du P\u00f4le Plurim\u00e9dia, c&rsquo;est alors le tableau blanc, servant d&rsquo;\u00e9cran, qui devient l&rsquo;espace de pr\u00e9sentation. <strong>Un tel effet doit \u00eatre ma\u00eetris\u00e9.<\/strong><\/p>\n\n\n\n<p class=\"has-accent-background-color has-background\">Limitez vous autant que possible \u00e0 <strong>3 ou 4 couleurs<\/strong> (claire, moyenne et fonc\u00e9e ou tr\u00e8s claire, claire, fonc\u00e9e et tr\u00e8s fonc\u00e9e) avec <strong>un contraste de valeur<\/strong> entre 2 couleurs superpos\u00e9e d&rsquo;au moins 60% pour le texte courant (ratio de contraste de 7 ou norme AAA) .<\/p>\n\n\n\n<p>\u279c&nbsp;En pr\u00e9sentation visuelle, il est possible de <strong>construire des nuanciers en veillant \u00e0 utiliser une couleur d&rsquo;accent ou de focus<\/strong>. Cette couleur, g\u00e9n\u00e9ralement satur\u00e9e (assez vive), est utilis\u00e9e pour attirer l&rsquo;attention sur certains mots ou certaines figures. C&rsquo;est le r\u00f4le de la couleur rouge dans le diaporama intitul\u00e9 \u201c<em>Les r\u00e8gles simples d&rsquo;harmonie typographique<\/em>\u201d (voir plus bas).<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Choisir_une_echelle_typo_adaptee_a_la_lecture_de_diapositives\"><\/span>Choisir une \u00e9chelle typo adapt\u00e9e \u00e0 la lecture de diapositives<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>La lecture \u00e0 l&rsquo;\u00e9cran n\u00e9cessite de bien diff\u00e9rencier les niveaux hi\u00e9rarchiques entre les informations affich\u00e9es.<\/p>\n\n\n\n<p class=\"has-subtle-background-background-color has-background\">Le choix d&rsquo;une \u00e9chelle typographique bas\u00e9e sur 1,618 (le nombre d&rsquo;or) ou sur 1,5 est vivement recommand\u00e9.<\/p>\n\n\n\n<p>\u279c&nbsp;Sachant que <strong>la force du corps du texte courant affich\u00e9 \u00e0 l&rsquo;\u00e9cran doit \u00eatre proche de 30 pt<\/strong> (ou 40 px), on peut utiliser les suites de Fibonacci ou de Lucas pour d\u00e9terminer le corps des notes et celui des titres (2 \u00e0 3 niveaux successifs au dessus de celui du texte courant).<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"http:\/\/graphizm.fr\/com-crea\/echelles-exponentielles.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" width=\"948\" height=\"711\" src=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/echelles-exponentielles.png\" alt=\"\" class=\"wp-image-2035\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/echelles-exponentielles.png 948w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/echelles-exponentielles-600x450.png 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/echelles-exponentielles-768x576.png 768w\" sizes=\"auto, (max-width: 948px) 100vw, 948px\" \/><\/a><\/figure>\n\n\n\n<p>Sur la diapositive ci-dessus, la suite de Lucas a \u00e9t\u00e9 utilis\u00e9e pour diff\u00e9rencier les niveaux d&rsquo;information du titrage. Les valeurs suivantes se succ\u00e8dent&nbsp;: 76pt, 123pt et 47pt.<\/p>\n\n\n\n<p>D&rsquo;autres exemples vous sont pr\u00e9sent\u00e9s dans <a rel=\"noreferrer noopener\" href=\"http:\/\/graphizm.fr\/com-crea\/corps-textes-diapositives.pdf\" target=\"_blank\"><strong>ce document<\/strong><\/a>.<\/p>\n\n\n\n<p>\u279c&nbsp; Dans le diaporama suivant, les deux premi\u00e8res suites exponentielles (Fibonacci et Fibonacci x 2) sont combin\u00e9es pour diversifier les niveaux de hi\u00e9rarchisation.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"http:\/\/graphizm.fr\/com-crea\/harmonie-typographique.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" width=\"945\" height=\"706\" src=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/harmonie-typographique.png\" alt=\"\" class=\"wp-image-2040\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/harmonie-typographique.png 945w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/harmonie-typographique-600x448.png 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/harmonie-typographique-768x574.png 768w\" sizes=\"auto, (max-width: 945px) 100vw, 945px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Choix_une_grille_de_construction_simple\"><\/span>Choix une grille de construction simple<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>La grille de construction est directement li\u00e9e au ratio proportionnel des dimensions de chaque diapositive. La grille la plus simple \u00e0 mettre en \u0153uvre est par ailleurs une grille de carr\u00e9s.<\/p>\n\n\n\n<p>\u279c&nbsp;Le ratio 4\/3 pr\u00e9sente naturellement une grille de 4 colonnes de 3 carr\u00e9s superpos\u00e9s. Le ratio 16\/9 pr\u00e9sente une grille de 4 colonnes de 2 carr\u00e9s superpos\u00e9s, \u00e0 laquelle s&rsquo;ajoute une rang\u00e9e de 16 seizi\u00e8mes de carr\u00e9s (c&rsquo;est un ratio de 4 par 2,25).<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/grille-carres-4x3-2.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/grille-carres-4x3-2-1024x768.jpg\" alt=\"\" class=\"wp-image-2092\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/grille-carres-4x3-2-1024x768.jpg 1024w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/grille-carres-4x3-2-600x450.jpg 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/grille-carres-4x3-2-768x576.jpg 768w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/grille-carres-4x3-2-1200x900.jpg 1200w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/grille-carres-4x3-2.jpg 1440w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<div class=\"wp-block-buttons is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-499968f5 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link wp-element-button\" href=\"http:\/\/graphizm.fr\/com-crea\/grilles-diaporamas.zip\" target=\"_blank\" rel=\"noreferrer noopener\">T\u00e9l\u00e9charger les grilles au format PDF<\/a><\/div>\n<\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/grille-carres-16x9-2.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"578\" src=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/grille-carres-16x9-2-1024x578.jpg\" alt=\"\" class=\"wp-image-2093\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/grille-carres-16x9-2-1024x578.jpg 1024w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/grille-carres-16x9-2-600x339.jpg 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/grille-carres-16x9-2-768x434.jpg 768w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/grille-carres-16x9-2-1536x867.jpg 1536w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/grille-carres-16x9-2-1200x678.jpg 1200w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/grille-carres-16x9-2.jpg 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Une grille de 4&#215;3 est loin d&rsquo;\u00eatre limitative en mati\u00e8re de composition. Ses agencements sont plus nombreux qu&rsquo;on le pense. <strong>Une agence de design a inventori\u00e9 les <a rel=\"noreferrer noopener\" href=\"http:\/\/graphizm.fr\/com-crea\/poster-892-variations-4x3.pdf\" target=\"_blank\">892 possibilit\u00e9s<\/a> de combiner des carr\u00e9s dans une grille 4&#215;3.<\/strong><\/p>\n\n\n\n<p class=\"has-subtle-background-background-color has-background\">Si vous choisissez de travaillez \u00e0 partir d&rsquo;un template mis \u00e0 votre disposition sur une plateforme en ligne, les diff\u00e9rents mod\u00e8les de diapositives propos\u00e9s sont d\u00e9j\u00e0 construits en appui sur une grille.<\/p>\n\n\n\n<p>\u279c&nbsp;Le format 4\/3 permet la mise en \u0153uvre d&rsquo;une grille de 16&#215;16 rectangles aux propri\u00e9t\u00e9s int\u00e9ressantes. Lisez le pdf ci-dessous pour plus de pr\u00e9cisions.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"http:\/\/graphizm.fr\/com-crea\/grille16x16-PVN-4x3.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" width=\"851\" height=\"638\" src=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/grille-16x16-4x3-1.png\" alt=\"\" class=\"wp-image-2057\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/grille-16x16-4x3-1.png 851w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/grille-16x16-4x3-1-600x450.png 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/grille-16x16-4x3-1-768x576.png 768w\" sizes=\"auto, (max-width: 851px) 100vw, 851px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Etablir_un_juste_rapport_TexteImageParole\"><\/span>\u00c9tablir un juste rapport Texte\/Image\/Parole<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Ce rapport varie en fonction des diapositives et du type de diaporama. <strong>Il est inutile de pr\u00e9senter des images lorsque du texte suffit (et inversement).<\/strong> Il est \u00e9galement inutile de commenter un texte dont le sens est tr\u00e8s clair ou une image dont l&rsquo;interpr\u00e9tation ne pr\u00e9sente pas de difficult\u00e9.<\/p>\n\n\n\n<p>Le dosage du texte, de l&rsquo;image et de la parole donne \u00e0 chaque pr\u00e9sentation son caract\u00e8re. Il n&rsquo;y a pas de formule parfaite. <strong>L&rsquo;alternance stricte des textes et des images est plus simple \u00e0 mettre en \u0153uvre.<\/strong> Il est plus facile de caler le commentaire sur les seules images et de simplement faire d\u00e9filer les textes lus alors par l&rsquo;auditoire.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"La_phase_de_publication\"><\/span>La phase de publication<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Utiliser_le_format_pdf\"><\/span>Utiliser le format pdf<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Un diaporama au format pdf est facile \u00e0 transmettre, \u00e0 dupliquer, \u00e0 sauvegarder en plusieurs lieux. <strong>M\u00eame si vous avez pr\u00e9vu de montrer un diaporama r\u00e9alis\u00e9 avec Keynote, Powerpoint ou Keynote, exportez une version pdf de votre travail.<\/strong> Vous perdrez vos transitions mais vous assurez vos arri\u00e8res s&rsquo;il vous faut d\u00e9ployer un plan B le jour de l&rsquo;expos\u00e9&nbsp;!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Sauvegarder_le_diaporama_en_lieu_sur\"><\/span>Sauvegarder le diaporama en lieu s\u00fbr<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Enregistr\u00e9 ou export\u00e9 au format PDF, <strong>le diaporama r\u00e9alis\u00e9 doit \u00eatre confi\u00e9 au GRETA avant le passage du titre<\/strong>. Vous pourrez le modifier ult\u00e9rieurement mais vous \u00eates ainsi assur\u00e9s de pouvoir disposer d&rsquo;une version \u00e0 projeter lors de l&rsquo;entretien avec le jury le jour J.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Lexpose_oral\"><\/span>L&rsquo;expos\u00e9 oral<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Adopter_une_posture_et_une_gestuelle_adaptees\"><\/span>Adopter une posture et une gestuelle adapt\u00e9es<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Je vous invite \u00e0 <strong>visionner cette vid\u00e9o pour apprendre comment vous positionner face au jury<\/strong>. La vid\u00e9o dure en tout un peu plus d&rsquo;un quart d&rsquo;heure mais vous pourrez sauter la derni\u00e8re partie consacr\u00e9e \u00e0 la prise de parole en \u00e9tant assis. Pr\u00e9voyez cependant une prise de notes afin de ne rien oublier \ud83d\ude09<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"La prise de parole en public - partie 1&nbsp;: posture, gestuelle, gestion de l&#039;espace\" width=\"580\" height=\"326\" src=\"https:\/\/www.youtube.com\/embed\/ZQNBfE85n2s?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Ne_jamais_lire_ce_qui_est_projete\"><\/span>Ne jamais lire ce qui est projet\u00e9<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p><strong><span style=\"color: #000000;\" class=\"ugb-highlight\">Il est contreproductif de lire un texte affich\u00e9 ou de d\u00e9crire une image projet\u00e9e sur l&rsquo;\u00e9cran.<\/span><\/strong> Les membres du jury sont venus avec leur t\u00eate, ne l&rsquo;oubliez pas&nbsp;!<\/p>\n\n\n\n<p class=\"has-subtle-background-background-color has-background\">Gardez \u00e0 l&rsquo;esprit le fait que les spectateurs lisent ce qui est projet\u00e9 \u00e0 l&rsquo;\u00e9cran plus vite que vous n&rsquo;\u00eates capable de le lire \u00e0 haute voix. Ils n&rsquo;ont donc pas besoin que vous leur r\u00e9p\u00e9tiez ce dont ils viennent de prendre connaissance. <strong>La lecture d&rsquo;un texte affich\u00e9 est dangereusement soporifique&nbsp;!<\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Sentrainer_en_connaissant_le_plan_de_lexpose_par_coeur\"><\/span>S&rsquo;entra\u00eener en connaissant le plan de l&rsquo;expos\u00e9 par c\u0153ur<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Une pr\u00e9sentation orale se pr\u00e9pare comme le jeu d&rsquo;un acteur-auteur sur une sc\u00e8ne de th\u00e9\u00e2tre. Il faut \u00e9crire son texte, le conna\u00eetre par c\u0153ur (au moins le plan directeur) et s&rsquo;entra\u00eener&#8230; Cela prend du temps&nbsp;!<\/p>\n\n\n\n<p class=\"has-accent-background-color has-background\">Je vous propose de lire les conseils rassembl\u00e9s sur <a rel=\"noreferrer noopener\" href=\"https:\/\/y-goguely.netboard.me\/presentationvisuelle\/?tab=179428\" target=\"_blank\">netboard.me<\/a> \u00e0 ce sujet.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Participer_a_la_seance_dexpose_blanc\"><\/span>Participer \u00e0 la s\u00e9ance d&rsquo;expos\u00e9 blanc<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>\u279c&nbsp;<strong>Il vous est propos\u00e9, avant le passage du titre, de pr\u00e9senter et de commenter votre diaporama face \u00e0 un(e) professionnel(le)<\/strong>. Il (elle) \u00e9valuera la mani\u00e8re dont vous proc\u00e9dez. Vous noterez les conseils qui vous seront donn\u00e9s et vous effectuerez les \u00e9ventuelles corrections sugg\u00e9r\u00e9es.<\/p>","protected":false},"excerpt":{"rendered":"<p>Dans ce cours, nous allons voir comment concevoir le diaporama sur lequel vous allez vous appuyer pour d\u00e9fendre un projet professionnel devant un jury, lors du passage d&rsquo;un titre professionnel. Nous allons \u00e9galement nous int\u00e9resser \u00e0 la mani\u00e8re de pr\u00e9parer et de d\u00e9rouler les commentaires qui accompagnent n\u00e9cessairement ce diaporama (expos\u00e9 oral). Des ressources suppl\u00e9mentaires [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[35],"tags":[],"class_list":["post-1933","post","type-post","status-publish","format-standard","hentry","category-cours-annexes"],"featured_image_urls_v2":{"full":"","thumbnail":"","medium":"","medium_large":"","large":"","1536x1536":"","2048x2048":"","post-thumbnail":"","twentytwenty-fullscreen":""},"post_excerpt_stackable_v2":"<p>Dans ce cours, nous allons voir comment concevoir le diaporama sur lequel vous allez vous appuyer pour d\u00e9fendre un projet professionnel devant un jury, lors du passage d&rsquo;un titre professionnel. Nous allons \u00e9galement nous int\u00e9resser \u00e0 la mani\u00e8re de pr\u00e9parer et de d\u00e9rouler les commentaires qui accompagnent n\u00e9cessairement ce diaporama (expos\u00e9 oral). Des ressources suppl\u00e9mentaires sont mises \u00e0 votre disposition sur y-goguely.netboard.me\/ Sommaire Toggle Structurer la pr\u00e9sentation visuelle et oraleUtiliser un plan typeOptimiser le temps impartiPrendre en compte les sp\u00e9cificit\u00e9s des contenus pr\u00e9sent\u00e9sUtiliser les outils et plateformes d&rsquo;\u00e9dition appropri\u00e9sDiff\u00e9rencier slidedoc et diaporama comment\u00e9eDesigner un diaporamaLa phase de pr\u00e9parationMener le brief\u2026<\/p>","category_list_v2":"<a href=\"https:\/\/graphizm.fr\/greta\/category\/cours-annexes\/\" rel=\"category tag\">Cours annexes<\/a>","author_info_v2":{"name":"Yves Goguely","url":"https:\/\/graphizm.fr\/greta\/author\/formationsgreta\/"},"comments_num_v2":"0 commentaire","_links":{"self":[{"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/posts\/1933","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/comments?post=1933"}],"version-history":[{"count":170,"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/posts\/1933\/revisions"}],"predecessor-version":[{"id":7234,"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/posts\/1933\/revisions\/7234"}],"wp:attachment":[{"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/media?parent=1933"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/categories?post=1933"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/tags?post=1933"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}