Help:Presentations: Difference between revisions

From OpenWetWare
Jump to navigationJump to search
No edit summary
No edit summary
Line 62: Line 62:
=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>

Revision as of 11:06, 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

  • First bullet point
  • Second bullet point
  • Third bullet point

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