Help:Presentations: Difference between revisions

From OpenWetWare
Jump to navigationJump to search
No edit summary
No edit summary
 
(9 intermediate revisions by the same user not shown)
Line 3: Line 3:


<div class="background">  
<div class="background">  
  <img id="head-icon" alt="graphic with four colored squares"
    src="http://www.w3.org/Talks/Tools/Slidy/icon-blue.png" />
  <object id="head-logo" title="W3C logo" type="image/svg+xml"
    data="http://www.w3.org/Talks/Tools/Slidy/w3c-logo-blue.svg"><img
  src="http://www.w3.org/Talks/Tools/Slidy/w3c-logo-blue.gif"
  alt="W3C logo" id="head-logo-fallback" /></object>
</div>  
</div>  


Line 16: Line 10:
** Hit F11 (for most browsers) to go full screen
** Hit F11 (for most browsers) to go full screen
* Hit the space bar, page down, or click the mouse for the next slide
* Hit the space bar, page down, or click the mouse for the next slide
* The 'C' key gives a table of contents
* Some key shortcuts
*# The 'c' key gives a table of contents
*# The 's' key makes the font smaller
*# The 'b' key makes the font larger
</div>
</div>


<div class="slide">
<div class="slide">
=The wiki as presentation tool=
=The wiki as presentation tool=
* Any page on the wiki can become a presentation
* Any page on the wiki can become a presentation and ''you can use any wiki markup''
* The entire presentation is included on one page (but you can include other pages like you normally do on the wiki)
* The entire presentation is included on one page (but you can include other pages like you normally do on the wiki)
* Include <nowiki>{{Slides}}</nowiki> at the top to indicate that it will be used as a presentation
* Include <nowiki>{{Slides}}</nowiki> at the top to indicate that it will be used as a presentation
Line 31: Line 28:
</div></pre>
</div></pre>
* The page will look normally on the wiki except that a link will be added to start the presentation
* The page will look normally on the wiki except that a link will be added to start the presentation
* All normal wiki text can be used
</div>
</div>


Line 37: Line 33:
=Incremental display=
=Incremental display=
<ul class="incremental">  
<ul class="incremental">  
  <li>First bullet point</li>  
<li> Can PowerPoint include math as easily as TeX? <math>\int_0^\infty \frac{x}{e^x} dx</math>
  <li>Second bullet point</li>  
<li>How about chemical diagrams? <chem>
  <li>Third bullet point</li>  
\tetrahedral{0==C;1==\utrigonal{0==C;1==(yl);3D==O;2==O$^-$};2==$^+$H$_3$N;3==R;4==H}
</chem></li>  
<li>Or include references?
<biblio>#Goldbeter-PNAS-1981 pmid=6947258
#Jacob-JMB-1961 pmid=13718526
#Ptashne-Genetic-Switch isbn=0879697164
</biblio>
</li>  
</ul>  
</ul>  
</div>
</div>
Line 66: Line 69:
=More information=
=More information=
* See the [http://www.w3.org/Talks/Tools/Slidy/ Slidy] page for more information and additional features
* See the [http://www.w3.org/Talks/Tools/Slidy/ Slidy] page for more information and additional features
 
** Note that unlike PowerPoint, Acrobat, or other presentation tools, as improvements to the slidy code are made, you will automatically receive them as the latest code is downloaded each time you load the presentation.


''[http://openwetware.org/wiki/Help:Presentations End presentation]''
''[http://openwetware.org/wiki/Help:Presentations End presentation]''
</div>
</div>

Latest revision as of 11:12, 9 June 2007


<html> <script> function addStylesheet(url) {

   // presentation mode
   if (document.createStyleSheet) {
       document.createStyleSheet(url);
   }
   else {
       var styles = "@import url('" + url +  "');";
       var newSS=document.createElement('link');
       newSS.rel='stylesheet';
       newSS.href='data:text/css,'+escape(styles);
       document.getElementsByTagName("head")[0].appendChild(newSS);
   }

} if (location.href.indexOf('action=render') > 0) {

   document.write("<head><title>Presentation</title></head>"); // need this for some browsers for addStylesheet to work
   addStylesheet('http://www.w3.org/Talks/Tools/Slidy/slidy.css');
   addStylesheet("/skins/monobook/main.css");
   addStylesheet("/index.php?title=MediaWiki:Common.css&usemsgcache=yes&action=raw&ctype=text/css&smaxage=18000");
   addStylesheet("/index.php?title=MediaWiki:Monobook.css&usemsgcache=yes&action=raw&ctype=text/css&smaxage=18000");
   addStylesheet("/index.php?title=-&action=raw&gen=css&maxage=18000&smaxage=0&ts=20070606210926");
   document.write('<script src="http://www.w3.org/Talks/Tools/Slidy/slidy.js" type="text/javascript"><' + '/script>');
   document.write('<script type="text/javascript">wgBreakFrames = false;<' + '/script>'); // for wikibits.js
   document.write('<script src="/skins/common/wikibits.js" type="text/javascript"><' + '/script>');
   document.write('<script src="/index.php?title=-&action=raw&smaxage=0&gen=js" type="text/javascript"><' + '/script>');

} else {

   // wiki mode
   if (wgServer)
       document.write('<a href="' + wgServer + '/index.php?title=' + wgPageName + '&action=render"><b><em>=> Start web presentation</em></b></a>');

} </script> </html>


Operation

  • Works across browsers
    • Hit F11 (for most browsers) to go full screen
  • Hit the space bar, page down, or click the mouse for the next slide
  • Some key shortcuts
    1. The 'c' key gives a table of contents
    2. The 's' key makes the font smaller
    3. The 'b' key makes the font larger

The wiki as presentation tool

  • Any page on the wiki can become a presentation and you can use any wiki markup
  • The entire presentation is included on one page (but you can include other pages like you normally do on the wiki)
  • Include {{Slides}} at the top to indicate that it will be used as a presentation
  • Define the look via css (an example file is at OpenWetWare:Presentations/default.css) which can be included from the presentation
  • The page should contain a list of slides like this
<div class="slide">
=title=
Slide content
</div>
  • The page will look normally on the wiki except that a link will be added to start the presentation

Incremental display

Expandable outlines

  1. Topic 1
    1. subtopic a
    2. subtopic b
  2. Topic 2
    1. subtopic c
    2. subtopic d

More information

  • See the Slidy page for more information and additional features
    • Note that unlike PowerPoint, Acrobat, or other presentation tools, as improvements to the slidy code are made, you will automatically receive them as the latest code is downloaded each time you load the presentation.

End presentation