## Tuesday, July 12, 2011

### ALL about "Online Slides" service: Web Based Slideshow; HTML Slidy, S5, HTML5Slides, swinger; google presentation; How to Add Slideshow in Blogger?

ex-ample: "HTML5SLIDE" showcase slides:
http://ex-ample.appspot.com

I)---HTML (and Javascript) based
S5
Slidy and Slidy2
Slideous

HTML5 Slides
Swinger

html5-slideshow

II)--no HTML:
Zoho Docs Show

III)-Tools : slideshare

Preface (slides and mathematics)

A special case:
If you want slides with equation and mathematics: LaTeX Beamer.
https://bitbucket.org/rivanvx/beamer/wiki/Home
Beamer is a LaTeX class for creating presentations that are held using a projector, but it can also be used to create transparency slides. Preparing presentations with Beamer is different from preparing them with WYSWYG programs like OpenOffice.org's Impress, Apple's Keynote, or KOffice's KPresenter. A Beamer presentation is created like any other LaTeX document: It has a preamble and a body, the body contains \sections and \subsections, the different slides (called frames in Beamer) are put in environments, they are structured using itemize and enumerate environments, and so on.
The obvious disadvantage of this approach is that you have to know LaTeX in order to use Beamer. The advantage is that if you know LaTeX, you can use your knowledge of LaTeX also when creating a presentation.
-------------------

I)---HTML (and Javascript) based:
S5:
S5 (Simple Standards-Based Slide Show System) is an XHTML-based file format for defining. S5 is not a presentation program, but fulfills the same purpose in combination with a standards-compliant web browser. With one file, you can run a complete slide show and have a printer-friendly version as well. The markup used for the slides is very simple, highly semantic, and completely accessible. Anyone with even a smidgen of familiarity with HTML or XHTML can look at the markup and figure out how to adapt it to their particular needs.
http://meyerweb.com/eric/tools/s5/
http://meyerweb.com/eric/tools/s5/structure-min.html

Each slide is enclosed in a classed element; IDs are dynamically assigned via JavaScript.

Interesting example with google maps: http://meyerweb.com/eric/tools/gmap/hydesim.html
The High-Yield Detonation Effects Simulator, an experiment in AJAX and Google Maps programming based on public data and showing the destructive zones of large explosions.

Django S5: http://github.com/myles/django-s5
Drupal S5: http://drupal.org/project/s5

import to S5:
One can use reStructuredText to generate S5 presentation using rst2s5.py : http://docutils.sourceforge.net/docs/user/slide-shows.html

DokuWiki (http://www.dokuwiki.org/): a plugin that converts Wiki markup to XHTML-compatible S5 presentations.

export from S5:
slippy (https://github.com/Seldaek/slippy) is S5 compatible project which has capability to export html slideshow into pdf.
-----------------------

Slidy and Slidy2:
Similar to S5, from W3C.
http://www.w3.org/Talks/Tools/Slidy2/Overview.html#(19)

Each presentation is a single XHTML file.
http://www.w3.org/Talks/Tools/

Slideous
A Lightweight HTML Based Presentation Tool, inspired by S5 and Html Slidy

http://goessner.net/articles/slideous/slideous.html

HTML5 Slides:
http://slides.html5rocks.com/#title-slide
A slide presentation by Google using HTML 5 & CSS 3 features (e.g. CSS transitions).

Generates HTML5 slides  from markdown/rst documents.

Swinger:
http://swinger.quirkey.com/#/
very simple: just write some markdown.
hosted.

html5-slideshow:
very simple
http://www.ravelrumba.com/blog/html5-slideshow/
http://www.ravelrumba.com/code/demos/html-slideshow/example/slideshow.html#7
https://github.com/robflaherty/html-slideshow

II)---no HTML:

an example:
You can edit this ppt (if you have a google docs account).

This embed code is just an iframe .
Test

• the Menu (bottom right) (just copy the iframe code);
• the button near of slide (bottom).
It "opens a new window".

Rem: if you right click (mac: ctrl click) on this slide, nothing...

If i change its content (and just "save") then  the changes are "auto-updated".
-----------

Zoho Docs Show:
docs.zoho.com
https://show.zoho.com/public/zohoshow/show20

example of a presentation:
https://show.zoho.com/public/stef42530/Untitled1

If you right click (mac: ctrl click) on this slide, you get a menu. Try it!
(i choose the right clic option when i shared this slide).
-------------------
III)-Tools: slideshare
http://www.slideshare.net/
alexa 252 (data@july 2011)