SliNKi - Wiki Presentations

Overview

• SliNKi is an HTML5 presentation application
• The combination of:
  • WiNK - NetKernel Wiki Application
  • bespoke.js HTML5 slides micro-framework
  • NetKernel's wiki resource model and its existing collection of macros

To create presentations all you do is write wiki...

Example

Here's an example of the wiki syntax

{slide}
===Instance of Example Page===
*Bullet 1
*Bullet 2

Mary had a little lamb.
{/slide}

{slide} is the macro that delimits a slide.

The following slide is the rendering of the wiki shown above...

Instance of Example Page

• Bullet 1
• Bullet 2

Mary had a little lamb.

Presentations

• Each {slide}...{/slide} block defines a different slide
• You add as many slides as you need for your presentation
• The content is all just wiki text
• So its very fast and very easy to create presentations

• SliNKi is Resource Oriented - so you can easily include other resources. This means its very easy to create slide libraries and save lots of time.
• Its even easy to have dynamically generated slides.

Booting

To tell WiNK that your wiki page is a SliNKi presentation you use the {slinkiBespoke} macro at the top of your wiki page.

{slinkiBespoke}
{
	//Options go here as a JSON array (see reference)
}
{/slinkiBespoke}

This dynamically transforms the page into a presentation.

If you remove the {slinkiBespoke} macro your page just looks like a regular wiki page (which can be handy as a basic high-level preview mode)

Macro Engines

The WiNK application uses NetKernel's Wiki Resource Model. So its simple to extend with your own macro engines.

Some of the built-in engines include:

Example: Source Code Highlighting

Use the {java} source code tag

//Actually Javascript but its source code...
var data = pv.range(0, 10, .1).map(function(x)
{
    return {x: x, y: Math.sin(x) + Math.random() * .5 + 2};
  }
 );
 

SliNKi QuickRef

Keys QuickRef

The following keys may be used for control when in slinki slides mode...

• o - Show high-level overview of slides
• p - Print preview mode, always select this before attempting to print for best printouts.
• c - Toggle canvas overlay for drawing over slides
• e - Erase canvas drawing

Mouse

• Clicking anywhere in the border on left or right will page left or right
• Right-click or Double-click will bring up the overview view of all slides
• In canvas mode Right-click brings up graphic selection context menu

SliNKi QuickRef 1

• {slinkiBespoke} - sets up the SliNKi environment in WiNK
• May contain a JSON array of settings...

{slinkiBespoke}
{	"title": "Your title here",
	"copyright": "Your copyright statement here",
	"scripts" : [ "/foo/baa.js", "/boo/baz.js" ]
}
{/slinkiBespoke}

SliNKi QuickRef 2

• {slide} defines a slide - the contents are evaluated as wiki.

• An optional class argument specifies the class to use in the slide.
• For example:

{slide+class@mytitle}

• Gives the slide a CSS class of "mytitle"

Here's an example...

SliNKi QuickRef 3

Other macros specific to presentations are:

• {incremental+select@li} - mark list items for incremental reveal

The most important is:

• {request} a ROC resource request.

This lets you request other resources to include in your wiki. The included resource is recursively evaluated as wiki too.

A request can be either a simple URI or the full power of a declarative request.

Get SliNKi and ROC it.

To get SliNKi

1. Download a copy of NetKernel
2. Boot up NK and go to Apposite - accept all the latest updates
3. That's it.