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é.

• Microsoft PowerPoint
• OpenOffice Impress
• Apple Keynote
• Prezi - více v článku Martina Hassmana Umí tohle i váš prezentační systém? Aneb jak jsem zkoušel Prezi

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.

[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"

  
   


    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

   Username:
   Password:
   Select:
                                            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);


<a href="http://cz.php.net/manual/en/filter.filters.validate.php">Validate filters
<a href="http://cz.php.net/manual/en/filter.filters.sanitize.php">Sanitize filters

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é.

• Microsoft PowerPoint
• OpenOffice Impress
• Apple Keynote
• Prezi - více v článku Martina Hassmana Umí tohle i váš prezentační systém? Aneb jak jsem zkoušel Prezi

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.

[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"

  
   


    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

   Username:
   Password:
   Select:
                                            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);


<a href="http://cz.php.net/manual/en/filter.filters.validate.php">Validate filters
<a href="http://cz.php.net/manual/en/filter.filters.sanitize.php">Sanitize filters

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