5 alternativních systémů jak tvořit slidy

Pokud občas nebo více přednášíte, určitě jste zkusili nějaký tento program na tvorbu slidů. Já žádný z nich nepovažuji za ideální, hlavně pokud potřebujete mít ve slidech zdrojové kódy. Pokud máte slidy v html nebo xml můžete je verzovat pomocí například Gitu nebo SVN, to vám půjde s binárními formáty také, ale neuvidíte ty diffy, které jsou užitečné.

Určitě jich bude ještě více. Pokud pracujete s HTML a XML máte další možnosti, ať jsou to Docbook slides nebo některá varianta založená na HTML nebo markupu (Markdown, Textile, Texy).

Dnes tu představím 5 systémů, které generují HTML nebo se slidy v HTML přímo píšou.

  1. S5
  2. Swinger
  3. Slidedown
  4. W3C (Slidy, B5, slidemaker)
  5. JUSH slides

1. S5 Klasické slidy v HTML dole je vidět jak vypadá jednoduchý předpis.



<em>[slide show title]</em>








[slide title]

Demo je k dispozici na http://meyerweb.com/eric/tools/s5/s5-intro.html

2. Swinger

Toto řešení je zajímavé, že máte k dispozici celý editor markupu a všechny data jsou uloženy v CouchDb. Aplikace i prohlížení slidů je jen HTML a Javascript.

Online verze http://swinger.quirkey.com/

3. Slidedown Řešení založené na Ruby, které podle předpisu v markdownu vygeneruje html prezentaci včetně zvýraznění ruby syntaxe i šablon.

!SLIDE

# This is my talk

!SLIDE

## I hope you enjoy it

!SLIDE code

    def foo
      :bar
    end

!SLIDE

Google is [here](http://google.com)

!SLIDE

# Questions?

Zvýraznění syntaxe se dělá takto, například pro javascript.

@@@ js
    function foo() {
      return 'bar';
    }
@@@

Demo je dostupné zde http://nakajima.github.com/slidedown/

4. W3C Talks Tools (Slidy, B5, Slidemaker/slideme)

Struktura je velmi jednoduchá, základní část je tvořena tagem

a jsou přidané třídy pro speciální chování.

Analysts - "Open standards programming will become mainstream, focused around VoiceXML"

projected growth of VoiceXML
VoiceXML will dominate the voice environment, due to its flexibility and eventual multimodal capabilities

Source Data Monitor, March 2004

Slidy demo

5. JUSH Slides

Poslední je moje vlastní řešení je založené na W3C Slidy a je doplněné o JUSH zvýrazňovač, který pomůže v tom co já nejvíce potřebuji.

Kromě zvýraznění přidá JUSH linky na dokumentaci u klíčových slov pro html, javascript, php a další. To udělá ze slidů dobrý studijní materiál.

Za další výhodu vidím jednoduchý předpis v html, jen používání xmp tagu není ideální.

Filter Input

Red Blue
// c_type extension
$clean = array();
if (c_type_aplha($_POST['username']) {
    $clean['username'] = $_POST['username'];
}
// filter
$args = array('username' => FILTER_SANITIZE_STRING, ...);
$myinputs = filter_input_array(INPUT_POST, $args);

Pokud máte nějaké další zajímavé řešení podělte se s námi v komentářích.Pokud občas nebo více přednášíte, určitě jste zkusili nějaký tento program na tvorbu slidů. Já žádný z nich nepovažuji za ideální, hlavně pokud potřebujete mít ve slidech zdrojové kódy. Pokud máte slidy v html nebo xml můžete je verzovat pomocí například Gitu nebo SVN, to vám půjde s binárními formáty také, ale neuvidíte ty diffy, které jsou užitečné.

Určitě jich bude ještě více. Pokud pracujete s HTML a XML máte další možnosti, ať jsou to Docbook slides nebo některá varianta založená na HTML nebo markupu (Markdown, Textile, Texy).

Dnes tu představím 5 systémů, které generují HTML nebo se slidy v HTML přímo píšou.

  1. S5
  2. Swinger
  3. Slidedown
  4. W3C (Slidy, B5, slidemaker)
  5. JUSH slides

1. S5

Klasické slidy v HTML dole je vidět jak vypadá jednoduchý předpis.



<em>[slide show title]</em>








[slide title]

Demo je k dispozici na http://meyerweb.com/eric/tools/s5/s5-intro.html

2. Swinger

Toto řešení je zajímavé, že máte k dispozici celý editor markupu a všechny data jsou uloženy v CouchDb. Aplikace i prohlížení slidů je jen HTML a Javascript.

Online verze http://swinger.quirkey.com/

3. Slidedown

Řešení založené na Ruby, které podle předpisu v markdownu vygeneruje html prezentaci včetně zvýraznění ruby syntaxe i šablon.

!SLIDE

# This is my talk

!SLIDE

## I hope you enjoy it

!SLIDE code

    def foo
      :bar
    end

!SLIDE

Google is [here](http://google.com)

!SLIDE

# Questions?

Zvýraznění syntaxe se dělá takto, například pro javascript.

@@@ js
    function foo() {
      return 'bar';
    }
@@@

Demo je dostupné zde http://nakajima.github.com/slidedown/

4. W3C Talks Tools (Slidy, B5, Slidemaker/slideme)

Struktura je velmi jednoduchá, základní část je tvořena tagem

a jsou přidané třídy pro speciální chování.

Analysts - "Open standards programming will become mainstream, focused around VoiceXML"

projected growth of VoiceXML
VoiceXML will dominate the voice environment, due to its flexibility and eventual multimodal capabilities

Source Data Monitor, March 2004

Slidy demo

5. JUSH Slides

Poslední je moje vlastní řešení je založené na W3C Slidy a je doplněné o JUSH zvýrazňovač, který pomůže v tom co já nejvíce potřebuji.

Kromě zvýraznění přidá JUSH linky na dokumentaci u klíčových slov pro html, javascript, php a další. To udělá ze slidů dobrý studijní materiál.

Za další výhodu vidím jednoduchý předpis v html, jen používání xmp tagu není ideální.

Filter Input

Red Blue
// c_type extension
$clean = array();
if (c_type_aplha($_POST['username']) {
    $clean['username'] = $_POST['username'];
}
// filter
$args = array('username' => FILTER_SANITIZE_STRING, ...);
$myinputs = filter_input_array(INPUT_POST, $args);

Pokud máte nějaké další zajímavé řešení podělte se s námi v komentářích.