%META:TOPICINFO{author="ProjectContributor" date="1217665619" format="1.1" version="1"}%
%META:TOPICPARENT{name="Plugins"}%
---+!! Slide Show Plugin

%SHORTDESCRIPTION%

%TOC%

---++ Introduction

There is already a defacto standard for presentations, why this plugin? This plugin makes sense for organizations that do already have lots of content in Foswiki: It is easy to create a web based presentation that contains many links to related content. The plugin does not try to compete with the bells and whistles of the other presentation program, but the markup of Foswiki and other plugins like Foswiki:Extensions/ChartPlugin, Foswiki:Extensions/GaugePlugin, Foswiki:Extensions/SpreadSheetPlugin, Foswiki:Extensions/JHotDrawPlugin can be used to create appealing presentations.

Any topic with headings can be converted into a slideshow. Each slide starts with a ="---++"= heading. There are two modes to view a topic:

   * Normal topic view mode: Headings and text is shown in the usual Foswiki rendering, representing the outline of the slideshow. This mode is useful to print handouts.
   * Presentation mode: Each heading with text is shown as a slide; the format is based on a slide template. Navigation buttons are added to go to the "First", "Previous", and "Next" slide. Slide navigation is quick because it is done with anchor jumps to the same page. 

You can start the presentation by clicking on the "Start presentation" button.

---++ Syntax rules

---+++ How to create a slideshow

   * Start with =%<nop>SLIDESHOWSTART%=
      * Use the optional =template= parameter to specify your own slide template topic, e.g. =%<nop>SLIDESHOWSTART{ template="MyOwnSlideTemplate" }%=
   * Create the slides. Start each slide with a ="---++"= heading and add text like paragraphs, bullets, tables and images.
      * *Hint:* Make sure to keep each slide short enough so that you do not need to scroll to see all text of a slide during the presentation.
      * *Note:* You can use any heading level you like, but use the same for all slides.
   * End your slideshow with =%<nop>SLIDESHOWEND%=

---+++ How to create your own slide template

To create your own template topic, copy the "Default Slide Template" section below into your own slide template topic and customize it to your needs. It can be activated as the default template in the plugin's =TEMPLATE= setting, or per slideshow with the =%<nop>SLIDESHOWSTART{ template="MyOwnSlideTemplate" }%= setting.

   * Use a DIV or an HTML table that defines a slide. For example, create one row for the slide title, another one for the slide text.
   * These keywords can be used:
     | *Keyword* | *What it means* |
     | =%<nop>SLIDETITLE%= | The heading of the slide |
     | =%<nop>SLIDETEXT%= | The text of the slide |
     | =%<nop>SLIDECOMMENT%= | The comment of the slide (optional; appended to slide of missing) |
     | =%<nop>SLIDENUM%= | The current slide number |
     | =%<nop>SLIDEMAX%= | The last slide number |
  * And for navigation buttons:
     | =%<nop>SLIDENAV%= | The navigation buttons for "First", "Previous", "Next" slide |
     | =%<nop>SLIDENAVALL%= | The navigation buttons for "First", "Previous", "Next", "Last" slide |
     | =%<nop>SLIDENAVFIRST%= | The navigation button for "First slide" |
     | =%<nop>SLIDENAVPREV%= | The navigation button for "Previous slide" |
     | =%<nop>SLIDENAVNEXT%= | The navigation button for "Next slide" |
     | =%<nop>SLIDENAVLAST%= | The navigation button for "Last slide" |
   * Only text between =%<nop>STARTINCLUDE%= and =%<nop>STOPINCLUDE%= is used for the template.

---++ Example

This is a short example of a slideshow. You should see a "Start presentation" button if this plugin is installed:

%SLIDESHOWSTART%
---++ Introduction
This is slide one. 

%TOC%

---++ Hamlet meets his father's ghost
   * Hamlet learns that his father was killed by his brother Claudius and Queen Gertrude.
   * Claudius has quickly become king.
---++ This is rather upsetting
   * The ghost demands revenge.
   * Hamlet agrees.
   * His friends swear to keep what they have seen a secret.
---++ Meanwhile...
   * the King's advisor Polonius meets his daughter Ophelia. Hamlet has upset her.
   * Hamlet is acting mad
   
---+++ Comments
   * This text is not shown in the slide if HIDECOMMENTS is set to on.
   * It can have
   * many
   * more
   * bullets
---++ Please tune this template
Tune the look of this template by using CSS ( slideshow.css attached to this document)

%IF{"$'URLPARAM{skin}'='slideshow'" then="http://www.ibiblio.org/wm/paint/auth/durer/large-turf.jpg"}%

---+++ Comments
One-liner: this text is not shown in the slide if HIDECOMMENTS is set to on.
%SLIDESHOWEND%

This text is not part of the slideshow

---++ <nop>%TOPIC% preferences

You can override the default settings for the plugin by defining the following [[%SYSTEMWEB%.PreferenceSettings][preferences]].
<!--
   * Set SHORTDESCRIPTION = Create web based presentations based on topics with headings
%JQREQUIRE{"chili"}%
-->

| *Preference* | *Meaning* | *Default* |
| SLIDESHOWPLUGIN_TEMPLATE | Default template for slides: | SlideShowPlugin |
| SLIDESHOWPLUGIN_COMMENTS_LABEL | Label for Comments section | Comments |
| SLIDESHOWPLUGIN_HIDECOMMENTS | Hide text starting with a =---+++ %COMMENTS_LABEL%= heading | |

---++ Default slide template

You can create a new topic (!MyWeb.SlidesTemplate) somewhere and adding =STARTINCLUDE your template STOPINCLUDE= to it. Afterwards, you can add =%SLIDESHOWSTART{template="MyWeb.SlidesTemplate"}%= to show you presentations with this new template.
%BR%

---+++ Customizing the Look of you presentation
Just customize the attached slideshow.css file to improve the view

---+++ Current default template
The part between the rulers defines the default format of a slide:
<verbatim class="tml">
%STARTINCLUDE%
<table width="100%" border="0" cellspacing="0" cellpadding="5">
<tr bgcolor="#B9DAFF"><td valign="middle" width="2%">
<img src="%PUBURL%/%SYSTEMWEB%/ProjectLogos/foswiki-logo.png" border="0" alt="Slide Show" />&nbsp;</td>
<td valign="middle" align="center">
<font size="+3" color="#000000">%SLIDETITLE%</font></td>
<td align="right" valign="middle">
%SLIDENAVNEXT%&nbsp;</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="3">
<tr bgcolor="#FFFFFF"><td width="1">
<img src="%PUBURL%/%SYSTEMWEB%/SlideShowPlugin/clearpixel.gif" width="1" height="480" alt="" /></td>
<td valign="top">
%BR%
<font size="+2" color="#003399">
%SLIDETEXT%
</font></td></tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr bgcolor="#FFFFCC"><td valign="middle">
%SLIDENAVALL%&nbsp;[[%BASETOPIC%][Exit]]</td>
<td valign="middle" align="right">
<font size="-1" color="#666666">Slide %SLIDENUM% of %SLIDEMAX%</font></td>
<td valign="middle" align="right">
<font size="-2" color="#666666"> COPYRIGHT &copy; %SERVERTIME{$year}% Acme Inc.</font></td></tr>
</table>
%STOPINCLUDE% 
</verbatim>

---++ Plugin installation instructions
You do not need to install anything in the browser to use this extension. The following instructions are for the administrator who installs the extension on the server.

Open configure, and open the "Extensions" section. Use "Find More Extensions" to get a list of available extensions. Select "Install".

If you have any problems, or if the extension isn't available in =configure=, then you can still install manually from the command-line. See http://foswiki.org/Support/ManuallyInstallingExtensions for more help.

   * Test above example if the installation was successful.

---++ Plugin info
|  Author: | Foswiki:Main.EugenMayer, Foswiki:Main.ArthurClemens |
|  Copyright: | Copyright (C) 2006-2007 Peter Thoeny, peter@thoeny.org and TWiki Contributors; 2008-2010 Foswiki Contributors |
|  License: | GPL ([[http://www.gnu.org/copyleft/gpl.html][GNU General Public License]]) |
|  Version: | 8415 (2010-08-03) |
|  Release: | 2.1.1 |
|  Change History: | <!-- versions below in reverse order -->&nbsp; |
|  12 Sep 2010: | 2.1.1: Restored default template to HTML table as the CSS one was unfinished and not at all showing what the plugin can do. Re-added the 20 empty lines after each slide so you do not see the next slide below. Changed from using cover to using skin so the left bar margin in pattern skin is not destroying the layout | 
|  31 Jul 2010: | Foswikitask:Item9415 - Documentation updates |
|  17 Jun 2009: | 2.0 Arthur Clemens: optimize to default template and CSS to make the plugin work with older templates. |
|  31 Mar 2009: | [[Foswiki:Main.GilmarSantosJr][GilmarSantosJr]]: [[Foswiki:Tasks/Item1401]] - Make it work in persistent environments |
|  18 Feb 2009: | Fixed =HIDECOMMENTS= to really hide the comment if value is =on= - otherwise the comment is shown in the comments section; added customizable =COMMENTS_LABEL= for all non-English speaking people. Updated default template and css; cleaned up code: now uses a =cover= instead of a =skin= so the style of the installed skin is used (unless redefined in the css file); use a custom template; when in slideshow mode, hide topic text; removed extraneously generated spaces; improved error messages; from the button "End presentation" link back to the start button. |
|  05 Feb 2009: | Updated graphics; made html and css validate. |
|  21 Jan 2009: | Exchanged the current default skin by something which is not written in totaly broken html and looking acceptable ( still needs an update, still table ugly design..). You can style by CSS now %BR% Tuned the docs a bit|
|  16 Dec 2008: | Foswiki version |
|  02 Aug 2008: | Fixed corruption of preview |
|  29 Sep 2007: | Added %SYSTEMWEB%.VarSLIDESHOWSTART and %SYSTEMWEB%.VarSLIDESHOWEND to have them listed in [[%SYSTEMWEB%.Macros]] |
|  12 Feb 2007: | fixed construction of view urls (TWiki:Main/MichaelDaum) |
|  19 Nov 2006: | 12011: Preserve URL parameters in slideshow (suggested by TWiki:Main/ThomasWeigert); changed logo in default template to T-logo; fixed warning errors introduced by 1.005 |
|  16 Mar 2005: | 1.005 Crawford Currie prepped for Dakar, and fixed multiple evaluation bug |
|  21 Nov 2004: | 1.004 Added support for =%<nop>SLIDECOMMENT%= template keyword (TWiki:Main/ArthurClemens); added benchmarks |
|  21 Mar 2004: | Internal change: Fixed unofficial function call |
|  14 Dec 2002: | Added =%<nop>SLIDENAVALL%= template keyword; added HIDECOMMENTS setting |
|  23 Nov 2002: | Added =%<nop>SLIDENAVLAST%= template keyword; using print Skin for presentation mode |
|  19 Nov 2002: | Added "Start presentation" and "End presentation" buttons; added =%<nop>SLIDENAVFIRST%=, =%<nop>SLIDENAVPREV%=, =%<nop>SLIDENAVNEXT%= template keywords |
|  17 Nov 2002: | Initial version |
|  Plugin Home: | http://foswiki.org/Extensions/%TOPIC% |
|  Support: | http://foswiki.org/Support/%TOPIC% |

---
*Related Topics:* %SYSTEMWEB%.DefaultPreferences, %USERSWEB%.SitePreferences, [[%SYSTEMWEB%.Plugins][Plugins]]

%META:FILEATTACHMENT{name="next.gif" attr="h" comment="Next button" date="1037510613" path="next.gif" size="993" user="ProjectContributor" version="1.1"}%
%META:FILEATTACHMENT{name="prev.gif" attr="h" comment="Prev button" date="1037510599" path="prev.gif" size="993" user="ProjectContributor" version="1.1"}%
%META:FILEATTACHMENT{name="clearpixel.gif" attr="h" comment="Clear pixel for spacing" date="1037523452" path="clearpixel.gif" size="807" user="ProjectContributor" version="1.1"}%
%META:FILEATTACHMENT{name="startpres.gif" attr="h" comment="Start Presentation button" date="1037759933" path="startpres.gif" size="2065" user="ProjectContributor" version="1.1"}%
%META:FILEATTACHMENT{name="endpres.gif" attr="h" comment="End Presentation button" date="1037759950" path="endpres.gif" size="2066" user="ProjectContributor" version="1.1"}%
%META:FILEATTACHMENT{name="first.gif" attr="h" comment="First slide button" date="1037951064" path="first.gif" size="1010" user="ProjectContributor" version="1.1"}%
%META:FILEATTACHMENT{name="last.gif" attr="h" comment="Last slide button" date="1037951080" path="last.gif" size="1014" user="ProjectContributor" version="1.1"}%
%META:FILEATTACHMENT{name="slideshow.css" attachment="slideshow.css" attr="h" comment="" date="1232310261" path="slideshow.css" size="4" version="1"}%
