slideshow-must-go-on.html 11.9 KB

Raw Blame History Permalink

<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style type="text/css" media="all">
    @import "/QA/2006/01/blogstyle.css";
    </style>
    <meta name="keywords" content='conference, howto, slideshow, tutorial' />
    <meta name="description" content="These are a few hints on how to create a slideshow for a conference. Web conferences busy bees are often in need of illustrations for their slides. There are solutions to easily spice up your technology talk." />
    <meta name="revision" content="$Id: slideshow-must-go-on.html,v 1.47 2011/12/16 03:03:02 gerald Exp $" />
   <link rel="alternate" type="application/atom+xml" title="Atom" href="http://www.w3.org/QA/atom.xml" />
   <link rel="alternate" type="application/rss+xml" title="RSS 1.0" href="http://www.w3.org/QA/news.rss" />
   <title>The Slideshow Must Go On - W3C Blog</title>

   <link rel="start" href="http://www.w3.org/QA/" title="Home" />
   <link rel="prev" href="http://www.w3.org/QA/2008/09/top-500-html5-validity.html" title="Alexa Global Top 500 against HTML 5 validation" />
   <link rel="next" href="http://www.w3.org/QA/2008/09/fixing-html-with-html5.html" title="HTML 5 And The Hear-Write Web" />

   <!--
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
         xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/"
         xmlns:dc="http://purl.org/dc/elements/1.1/">
<rdf:Description
    rdf:about="http://www.w3.org/QA/2008/09/slideshow-must-go-on.html"
    trackback:ping="http://www.w3.org/QA/sununga/mt-tb.cgi/222"
    dc:title="The Slideshow Must Go On"
    dc:identifier="http://www.w3.org/QA/2008/09/slideshow-must-go-on.html"
    dc:subject="W3C Life"
    dc:description="These are a few hints on how to create a slideshow for a conference. Web conferences busy bees are often in need of illustrations for their slides. There are solutions to easily spice up your technology talk."
    dc:creator="Karl Dubost"
    dc:date="2008-09-25T01:23:04+00:00" />
</rdf:RDF>
-->

    <!-- <script type="text/javascript" src="http://www.w3.org/QA/mt.js"></script>-->

</head>
<body class="layout-one-column">
      <div id="banner">
      <h1 id="title">
	<a href="http://www.w3.org/"><img height="48" alt="W3C" id="logo" src="http://www.w3.org/Icons/WWW/w3c_home_nb" /></a>
W3C Blog
</h1>
    </div>

    <ul class="navbar" id="menu">
        <li><strong><a href="/QA/" title="W3C Blog Home">[ W3C Blog ]</a></strong></li>
        <li><a href="/QA/Library/" title="Documents and Publications on Web and Quality">Documents</a></li>
        <li><a href="/QA/Tools/" accesskey="3" title="Validators and other Tools">Tools</a></li>
        <li><a href="/2007/12/qa-blog-help/index#feedback">Feedback</a></li>
    </ul>
<div id="searchbox">
<form method="get" action="http://www.google.com/custom" enctype="application/x-www-form-urlencoded">
<p id="formbox"><input type="text" size="15" class="textfield" name="q" accesskey="E" maxlength="255" /> <input type="submit" class="submitfield" value="Search" id="goButton" name="sa" accesskey="G" /> <input type="hidden" name="cof" value="T:black;LW:72;ALC:#ff3300;L:http://www.w3.org/Icons/w3c_home;LC:#000099;LH:48;BGC:white;AH:left;VLC:#660066;GL:0;AWFID:0b9847e42caf283e;" /><input type="hidden" id="searchW3C" name="sitesearch" checked="checked" value="www.w3.org/QA" /><input type="hidden" name="domains" value="www.w3.org/QA" /></p>
</form>
</div>


    <div id="main"><!-- This DIV encapsulates everything in this page - necessary for the positioning -->

                     <p class="content-nav">
                        <a href="http://www.w3.org/QA/2008/09/top-500-html5-validity.html">&laquo; Alexa Global Top 500 against HTML 5 validation</a> |
                        <a href="http://www.w3.org/QA/">Main</a>
                        | <a href="http://www.w3.org/QA/2008/09/fixing-html-with-html5.html">HTML 5 And The Hear-Write Web &raquo;</a>
                     </p>

                        <h2 class="entry-header">The Slideshow Must Go On</h2>
                           <div class="entry-body">
                              <p>These are a few hints on how to create a slideshow for a conference. Web conferences busy bees are often in need of illustrations for their slides. There are solutions to easily spice up your technology talk. Here a few hints, I'm using for my own slides.</p>

<ol>
<li>Don't use the computer. Put it aside. Forget it. That's in fact the first very important step of the process. You should forget about powerpoint, keynote, S5, operashow, etc. </li>
<li>Take a pile of A4 ready to go to trash or recycling with one not-printed side.</li>
<li>Cut your A4 sheets in 8 or 4 pieces depending on the size you would like. I recommend 8 pieces because with a smaller piece of paper, you will write less words, and it will be easier to have a global view later on.</li>
<li>Think about the technology and what you would like to say. When you have a keyword or an idea, write it in <strong><a href="http://presentationzen.blogs.com/presentationzen/2005/09/living_large_ta.html">one or two words</a></strong> or draw it in a <strong>very simple sketch</strong>. You don't have to be linear. Just think about everything you want to say. <img style="display:block;margin:1em;" src="http://www.w3.org/QA/2008/09/slideshow-notes" alt="The papers distributed on the table"/></li>
<li>Spread your pieces of paper on a large table or on the floor. You can also pin them on a corkboard wall too (if large enough)</li>
<li>Organize your story. All the topics and ideas to illustrate your talk are under your eyes. Think about telling something to your audience. Think about the transitions. Move the piece of papers around, create new ones, put aside some of them from the storyline.</li>
<li>It is the right time to think about the timing of your talk. Try to evaluate how long you will be talking for each piece of papers. Don't be afraid to make drastic cuts.</li>
<li>Now that the story is organized you can go to the computer and your slideshow tool.</li>
<li>Just do what you did on papers, do not add long sentences, stay simple and clear. A couple of words.</li>
<li>If you need photos, use for example <a href="http://www.flickr.com/creativecommons/">Flickr CreativeCommons search tool</a> (See for example <a href="http://www.ethanzuckerman.com/blog/2008/09/22/ccflickrkeynote-my-monday/">Ethan Zuckerman</a>). Be sure to note, every URIs of photos and put them in your last slide for acknowledgements. You can also reuse some of the drawings you have made on paper, scan them and add them as the full slide. <img style="display:block;margin:1em;" src="http://www.w3.org/QA/2008/09/slideshow-example" alt="Screenshot of a slide example"/></li>
<li>Your last step will be to review the full slideshow and repeat what you will say.</li>
</ol>

<p>The slideshow tool and the computer are only for editing such as <a href="http://en.wikipedia.org/wiki/Film_editing">film editing</a>. This is the last step of the process and a minor one. Oh… and last but not least, slides are very good for your talk and quite useless after your talk, quickly they become either outdated or lacking the context of your speech. A final hint…</p>

<ol>
<li>Write a simple <a href="http://www.w3.org/QA/2007/07/the_way_of_web_standards">one page article</a> about your talk and put it online, linked it from your slides or link to your slides from the article.</li>
</ol>

                           </div>
                           <div id="more" class="entry-more">


                           </div>
                       <p class="postinfo">Filed by <a href="http://www.w3.org/People/karl/">Karl Dubost</a> on September 25, 2008  1:23 AM in <a href="http://www.w3.org/QA/archive/web_spotting/opinions_editorial/">Opinions &amp;amp; Editorial</a>, <a href="http://www.w3.org/QA/archive/web_spotting/tutorials/">Tutorials</a>, <a href="http://www.w3.org/QA/archive/w3cqa_news/w3c_life/">W3C Life</a><br />
<span class="separator">|</span> <a class="permalink" href="http://www.w3.org/QA/2008/09/slideshow-must-go-on.html">Permalink</a>
                                 | <a href="http://www.w3.org/QA/2008/09/slideshow-must-go-on.html#comments">Comments (0)</a>
                                 | <a href="http://www.w3.org/QA/2008/09/slideshow-must-go-on.html#trackback">TrackBacks (0)</a>
</p>


  <div class="comments-open" id="comments-open">
<h3 class="comments-open-header">Leave a comment</h3>

<div class="comments-open-moderated">
   <p>
   Note: this blog is intended to foster <strong>polite
   on-topic discussions</strong>. Comments failing these
   requirements and spam will not get published. Please,
   enter your real name and email address. Every
   individual comment is reviewed by the W3C staff.
   This may take some time, thank you for your patience.
   </p>
   <p>
   You can use the following HTML markup (a href, b, i,
   br/, p, strong, em, ul, ol, li, blockquote, pre)
   and/or <a href="http://daringfireball.net/projects/markdown/syntax">Markdown syntax</a>.</p>
</div>

<div id="comments-open-data">
<form method="post" action="http://www.w3.org/QA/sununga/beach.pl" id="comments-form">
<h4>Your comment</h4>
<div id="comments-open-text">
  <textarea id="comment-text" name="text" rows="20" cols="100"></textarea><br />
<label for="comment-text">Write your comment text here. Remember, keep the discussion on topic and courteous.</label>
</div>

<h4>About you</h4>
<div id="comment-form-name">
  <input type="hidden" name="static" value="1" />
<input type="hidden" name="entry_id" value="232" />
<input type="hidden" name="__lang" value="en" />
<label for="comment-author">Your Name</label>
<input id="comment-author" name="author" size="30" value="" />
</div>
<div id="comment-form-email">
<label for="comment-email">Your Email Address</label>
<input id="comment-email" name="email" size="30" value="" />
</div>

<div id="comments-open-footer">
<input type="submit" accesskey="s" name="post" id="comment-submit" value="Submit" />

</div>
</form>
</div>
</div>


<p id="gentime">This page was last generated on $Date: 2011/12/16 03:03:02 $</p>

      </div><!-- End of "main" DIV. -->

<address>

This blog is written by W3C staff and working group participants,<br />
&nbsp;and maintained by <a href="/People/CMercier/">Coralie Mercier</a>.<br />
Authorized parties may <a href="/QA/new">log in</a> to create a new entry.<br/>
<span id="poweredby">Powered by Movable Type, magpierss and a lot of Web Technology</span>
    </address>


    <p class="copyright">
      <a rel="Copyright" href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a> &copy; 1994-2011
      <a href="http://www.w3.org/"><acronym title="World Wide Web Consortium">W3C</acronym></a>&reg;
      (<a href="http://www.csail.mit.edu/"><acronym title="Massachusetts Institute of Technology">MIT</acronym></a>,
      <a href="http://www.ercim.eu/"><acronym title="European Research Consortium for Informatics and Mathematics">ERCIM</acronym></a>,
      <a href="http://www.keio.ac.jp/">Keio</a>),
      All Rights Reserved.
      W3C <a href="http://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>,
      <a href="http://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a>,
      <a rel="Copyright" href="http://www.w3.org/Consortium/Legal/copyright-documents">document use</a>
      and <a rel="Copyright" href="http://www.w3.org/Consortium/Legal/copyright-software">software licensing</a>
      rules apply. Your interactions with this site are in accordance
      with our <a href="http://www.w3.org/Consortium/Legal/privacy-statement#Public">public</a> and
      <a href="http://www.w3.org/Consortium/Legal/privacy-statement#Members">Member</a> privacy
      statements.
    </p>

  </body>
</html>