WebPresentationTools

Web Presentation Tools

by paul.plaquette, Senior Software Engineer, Trilda Open Source

This Page is referencing Web Tools that can replace a PowerPoint or Keynote presentation tools

NeXT Steps

 add more link on Web Presentation Tools

coming soon :

Everything You Always Wanted on Web Presentation Tools of interest... (But Were Afraid to Ask) B)

See Also

• Main_Page

• HyperText
• HTML
• HTML5
• HTML5 Gaming
• HTML5 Demos
• HTML5 Tutorials
• xHTML
• XML
• JSON
• CSS
• CSS3
• JavaScript
• JavaScript Frameworks
• Cordova, a framework previously know as PhoneGap
• Web Blogs
• Web Browsers
• Web Hybrid Apps
• Web Native Extension and plugins
• Web Formats
• Web Technologies Reference
• Web APIs
• Web Tools
• Web Presentation Tools
• Semantic Web and Data Web

• FullStack
• FrontEnd
• BackEnd

articles on such web tools

• http://www.sitepoint.com/5-free-html5-presentation-systems/
• http://zoomzum.com/6-best-html5css3-presentation-frameworks/
• http://css.dzone.com/articles/presentation-tools-browser
• http://blog.kaazing.com/2012/05/07/presso-a-websocket-powered-social-html5-presentation-tool/
• https://hubzero.org/resources/839

• a file format ?: http://en.wikipedia.org/wiki/S5_file_format
• all tools?: http://en.wikipedia.org/wiki/Web-based_slideshow

Tools

Reveal.js

 * http://lab.hakim.se/reveal-js/#/
 * https://github.com/hakimel/reveal.js
 * I used it for a presentation on "Porting Codova to Tizen", I did for PhoneGapDays EU in Amsterdam in 2012 on recomendation of one of Cordova Project Lead - https://github.com/pplaquette-cordova/PhoneGapDaysEU2012-PortingCodovaToTizen
 * easy to use  
 * can export as PDF - see slides on cordova https://01.org/sites/default/files/phonegapdayseu2012-portingcordovatotizen.pdf
 * can have animated transitions
 * can have speaker notes 
 * proposes to have  list of stack of slides , so you can control the time e.g start each stack with a summary, and under need go deeper going down in the stack slides

 * online editing and hosting tools for Reveal.js: http://www.rvl.io/
 * more from hakimel :
  * http://lab.hakim.se/reveal-js/
  * https://github.com/hakimel/reveal.js
  * http://lab.hakim.se/
  * http://hakim.se/experiments

Impress.js

• Impress.js: https://impress.github.io/impress.js/#/bored

Prezi

• prezi (commercial, free for public presentations)

* http://prezi.com/
* cloud sharing
* on line editing tool
* animated

Google Slide Templates

• google slides templates:

* http://code.google.com/p/html5slides/source/browse/trunk/template/index.html
* https://code.google.com/p/io-2012-slides/
* http://code.google.com/p/html5slides/
* http://slides.html5rocks.com/#formula-intro-slide

Slides Presentations Framework

• Slide presentations FrapmeWork:

* https://github.com/briancavalier/slides
* http://www.briancavalier.com/code/slides/#0

S5

• S5: http://meyerweb.com/eric/tools/s5/s5-intro.html

CSSS

• CSSS:

* http://lea.verou.me/csss/sample-slideshow.html#intro
* https://github.com/LeaVerou/CSSS

Slides

• https://github.com/briancavalier/slides

Deck

• Deck.js: http://imakewebthings.com/deck.js/

Presentate

• Presentate: https://presentate.com/*

Tao Presentations

• Tao Presentations (Commercial tool) http://www.taodyne.com/shop/en/

HTML && PowerPoint

• http://tiplet.com/tip/how-to-convert-html-and-flash-files-to-powerpoint/

notes exporting to html feature of Powerpoint is not really performaing correctly : IE cannot open generated pages ...

• http://www.ehow.com/how_6921332_export-ppt-html.html
• http://blog.oomfo.com/2011/05/export-powerpoint-slides-as-web-pages/