Difference between revisions of "Help:Presentations"

From OpenWetWare
Jump to: navigation, search
Line 10: 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 25: 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>
  

Revision as of 10:03, 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


End presentation