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
http://ex-ample.blogspot.com/2011/07/google-app-engine-clone-html5wow.html

I)---HTML (and Javascript) based
S5
Slidy and Slidy2
Slideous
HTML5 Slides
Swinger
html5-slideshow

II)--no HTML:
Google Docs Presentations
Zoho Docs Show

III)-Tools : slideshare

Preface (slides and mathematics)
see also http://ex-ample.blogspot.com/2011/07/mathml-chromefirefox-and-best.html

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.

try this slideshow: http://meyerweb.com/eric/tools/s5/s5-intro.html

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
See also the slide presentation at the beginning of this post.
A slide presentation by Google using HTML 5 & CSS 3 features (e.g. CSS transitions).


Landslide: https://github.com/adamzap/landslide
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:

Google docs presentations:
an example:
https://docs.google.com/present/view?id=dfwwcnt3_38c4wthfgc
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".
  selct the menu "Actions" (bottom).
   you can download as ppt, pdf or edit, print slides.

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)
upload your presentations (PDF, office files, youTube...) and share:

SlideShare 101

--------------end