Web-based slideshow: Difference between revisions

Revision as of 01:12, 16 June 2020

Latest revision as of 10:22, 2 May 2024

(13 intermediate revisions by 8 users not shown)

Line 1:

{{merge#REDIRECT [[Slide show#Web-based to|slide show}}]]

{{multipleissues|{{cleanup list|date=April 2012}}

{{Original research|date=April 2012}}}}

A '''Web-based slideshow''' is a [[slide show]] which can be played (viewed or presented) using a [[web browser]]. Some web based slide shows are generated from [[presentation software]] and may be difficult to change (usually unintentionally so). Others offer templates allowing the slide show to be easily edited and changed.

{{R from merge}}

Compared to a fully fledged [[presentation program]] the web based slide shows are usually limited in features.

{{R to section}}

A web-based slide show is typically generated to or authored in [[HTML]], [[JavaScript]] and [[CSS]] code (files).

== Features ==

=== Player/Presentation Features ===

* Keyboard navigation.

* Slide transitions and animations.

* Auto-play/timed transitions.

* Displays a table of contents.

* Nested slides

* Separate slide notes for the speaker.

* Full screen support, with automatic text and images resizing to fit full screen.

* Responsive layout support, with automatic text and images resizing to fit the resized screen.

* URL to slide (typically accomplishing using a [[fragment identifier]]).

* Print mode.

* PDF export.

* Mobile device support, using a [[mobile web browser]] or a [[mobile app]].

* Compatibility with multiple browsers.

* No extra runtime environments or plugins required to view the slide show (some players may require [[Adobe Flash]] or [[Java (software platform)|Java]])

* Ability to work offline.

=== Editor Features ===

* Theme and styling support

* Can embed images

* Can embed videos and audio and other multimedia

* Supports master pages/templates for slides

* Embedding [[Scalable Vector Graphics|SVG]]

* Embedding [[MathML]]

* Embedding other web pages

== List of web-based slide shows engines {{Anchor|List}} ==

* '''audience''' - <ref>{{cite web|url=http://www.audience.me|title=audience - making every presentation a success|author=audience|work=audience.me}}</ref> WYSIWYG HTML5, CSS3 and JavaScript slideshow tool that focuses on content control

* '''bespoke.js''' - <ref>{{cite web|url=http://markdalgleish.com/projects/bespoke.js/|title=Bespoke.js}}</ref><ref>{{cite web|url=http://markdalgleish.com/presentations/bespoke.js/|title=DIY Presentations with Bespoke.js|work=markdalgleish.com}}</ref> lightweight web presentation framework with plugin support.

* '''Better Simple Slideshow''' - <ref>{{cite web|url=https://github.com/leemark/better-simple-slideshow|title=leemark/better-simple-slideshow|work=GitHub}}</ref>

* '''CSSS''' - <ref>{{cite web|url=https://github.com/LeaVerou/CSSS|title=LeaVerou/csss|work=GitHub}}</ref> CSS-based SlideShow System.

* '''deck.js''' - <ref>{{cite web|url=https://github.com/imakewebthings/deck.js|title=imakewebthings/deck.js|work=GitHub}}</ref> a modular and customizable HTML5 and CSS3 slideshow, licensed under the [[MIT license]]

* '''Drupal Slideshow''' - <ref>{{cite web|url=http://www.cincopa.com/media-platform/drupal-slideshow|title=Cincopa Drupal Slideshow|work=cincopa.com}}</ref> can embed slideshows into Drupal.

* '''DZSlides''' - <ref>{{cite web|url=https://github.com/paulrouget/dzslides|title=paulrouget/dzslides|work=GitHub}}</ref> HTML5 and CSS3 slideshow

* '''eagle.js''' - <ref>{{cite web|url=https://github.com/zulko/eagle.js/|title=zulko/eagle.js/|work=GitHub}}</ref> a hackable slideshow framework built with Vue.js

* '''GitPitch''' - <ref>{{cite web|url=https://gitpitch.com|title=GitPitch - The Markdown Presentation Service on Git|work=gitpitch.com}}</ref> The Markdown Presentation Service for everyone on GitHub, GitLab, and Bitbucket.

* '''Google I/O HTML5 slide template''' - <ref>{{cite web|url=https://code.google.com/p/io-2012-slides/|title=io-2012-slides - HTML5 slide template for Google I/O 2012 - Google Project Hosting|work=google.com}}</ref> licensed under the [[Apache License 2.0]].

* '''HTML Slidy''' - <ref>{{cite web|url=http://www.w3.org/Talks/Tools/Slidy2/|title=HTML Slidy|work=w3.org}}</ref> tool from [[W3C]] for creating slideshows using HTML

* '''html-slideshow''' - <ref>{{cite web|url=https://github.com/robflaherty/html-slideshow|title=robflaherty/html-slideshow|work=GitHub}}</ref> uses HTML and JavaScript to display slides.

* '''HTML5 Rocks''' - <ref>{{cite web|url=http://slides.html5rocks.com/#slide1 |accessdate=May 23, 2011 |url-status=dead |archiveurl=https://web.archive.org/web/20110521044026/http://slides.html5rocks.com/ |archivedate=May 21, 2011 }}</ref>

* '''HTML5 Slides''' - <ref>{{cite web|url=https://code.google.com/p/html5slides/|title=html5slides - A Google HTML5 slide template - Google Project Hosting|work=google.com}}</ref> a slideshow template by Google using HTML5 and CSS3 features.

* '''impress.js''' - <ref>{{cite web|url=https://github.com/impress/impress.js/|title=impress.js - presentation tool based on the power of CSS3 transforms and transitions in modern browsers - by Bartek Szopka @bartaz|author=Bartek Szopka|work=github.com}}</ref> HTML5 and CSS3 slideshow, licensed under the [[MIT license]]

* '''inertia.js''' - <ref>{{cite web|url=https://github.com/bonakid/inertia.js|title=hellgorithm/inertia.js|work=GitHub}}</ref> HTML5, CSS3 and JavaScript Slideshow that offers multiple transitions and zoom effects.

* '''jQuery-Presentation''' - <ref>{{cite web|url=https://github.com/davist11/jQuery-Presentation|title=davist11/jQuery-Presentation|work=GitHub}}</ref> jQuery-based slideshow system

* '''Landslide''' - <ref>{{cite web|url=https://github.com/adamzap/landslide|title=adamzap/landslide|work=GitHub}}</ref> generates HTML5 slides from [[MarkDown]] and [[reStructuredText|reST (reStructuredText)]] formats.

*[[Mentimeter]] -<ref>{{Cite web|url=https://www.mentimeter.com/|title=Interactive presentation software|website=Mentimeter|access-date=2019-01-02}}</ref> interactive software that uses HTML and JavaScript.

*'''PINP''' - <ref>{{cite web|url=http://www.pinp.me/|title=Html5 Presentation - PINP official site|work=pinp.me}}</ref> PINP IS NOT PPT, freeware, based on HTML5/CSS3.

* '''Presentation''' - <ref>[http://matt.wronka.org/stuff/projects/presentation/ Matthew Wronka - Projects - Presentation<!-- Bot generated title -->]</ref><ref>{{cite web|url=http://freecode.com/projects/presentation|title=Presentation|work=freecode.com}}</ref> XHTML and CSS3 based system which supports including multiple slide decks and portable compiled files. ([[BSD License]])

* '''Presentista''' - <ref>{{cite web|url=http://presentista.com|title=Presentista - Presentations Remixed|work=presentista.com}}</ref> features a WYSIWYG content editor and a [[zooming user interface]].

* '''PreZentit''' - <ref>{{cite web|url=http://prezentit.com|title=PreZentit|work=prezentit.com}}</ref> Collaborative presentation web app released in July 2007.

* '''reveal.js''' - <ref>{{cite web|url=http://lab.hakim.se/reveal-js|title=reveal.js - The HTML Presentation Framework|author=Hakim El Hattab|work=hakim.se}}</ref> HTML5 and CSS3 slideshow, licensed under the MIT license.

* '''CloudPoint''' -<ref>{{Cite web|url=https://p.rfbz.ca/LearnMore|title=CloudPoint Help Page}}</ref> HTML5 and CSS3 based slideshow system

* '''Shower''' - <ref>{{cite web|url=https://github.com/shower/shower|title=shower/shower|work=GitHub}}</ref> licensed under the MIT license.

* '''ShowOff''' - <ref>{{cite web|url=https://github.com/schacon/showoff/|title=schacon/showoff|work=GitHub}}</ref> server-based HTML5 slideshow

* '''Simplebooklet''' - <ref>{{cite web|url=https://simplebooklet.com|title=simplebooklet|work=simplebooklet.com}}</ref> generates hosted embeddable HTML5 slideshows using a [[WYSIWYG]] editor or imported from [[PDF]].

* '''Slidifier''' - <ref>{{cite web|url=http://slidifier.com|title=Slidifier|work=slidifier.com}}</ref> generates slideshows from plain text source.

* '''[[SlideWiki]]''' - supports [[Scalable Vector Graphics|SVG]] and [[LaTeX]]/[[MathML]].

* '''Squeenote''' - <ref>{{cite web|url=https://github.com/danski/squeenote/|title=danski/Squeenote|work=GitHub}}</ref> server-based presentation options with support for synchronized presentation on multiple clients.

* '''Stack''' - <ref>https://mbostock.github.io/stack/</ref> presentation library with scroll-based navigation.

* '''TiddlySlidy''' - <ref>{{cite web|url=http://tiddlyslidy.com/|title=~TiddlySlidy - a TiddlyWiki for creating and presenting Slideshows|work=tiddlyslidy.com}}</ref> adds presentations to [[TiddlyWiki]]

* '''Moovly''' - <ref>{{cite web|url=https://www.moovly.com/|title=Moovly|work=moovly.com}}</ref> Presentation software and platform

== S5-based slideshows ==

[[S5 (file format)|S5]] (Simple Standards-Based Slide Show System) is an XHTML-based file format for defining slideshows.

* Diascope,<ref>{{cite web|url=https://github.com/minad/diascope|title=minad/diascope|work=GitHub}}</ref> somewhat compatible with S5, inspired by s5-reloaded, uses [[Sass (stylesheet language)|SASS]].

* Django S5<ref>{{cite web|url=https://github.com/myles/django-s5|title=myles/django-s5|work=GitHub}}</ref>

* DokuWiki S5,<ref>{{cite web|url=https://www.dokuwiki.org/plugin:s5|title=plugin:s5 [DokuWiki]|work=dokuwiki.org}}</ref> converts [[Wiki markup]] to S5 format in [[DokuWiki]].

* Dokuwiki S5 Reloaded.<ref>{{cite web|url=http://www.dokuwiki.org/plugin:s5reloaded|title=plugin:s5reloaded [DokuWiki]|work=dokuwiki.org}}</ref>

* Drupal S5<ref>{{cite web|url=http://drupal.org/project/s5|title=S5 presentation player|work=drupal.org}}</ref>

* Gnome-S5<ref>{{cite web|url=https://github.com/CodeGnome/s5|title=CodeGnome/s5|work=GitHub}}</ref>

* jQuery.s5,<ref>{{cite web|url=http://www.visop-dev.com/Project+jQuery.s5|title=Project jQuery.s5|work=visop-dev.com}}</ref> plugin for jQuery to support S5

* Plone S5,<ref>{{cite web|url=http://www.enfoldsystems.com/developer/software/plones5|title=Plone S5|work=enfoldsystems.com}}</ref> adds S5 support to [[Plone]]

* Pod::S5,<ref>{{cite web|url=https://metacpan.org/module/Pod::S5|title=Pod::S5 - Generate S5 slideshow from POD source. - metacpan.org|author=T. Linden|work=metacpan.org}}</ref> converts Perl POD format to S5

* Rst2S5,<ref>{{cite web|url=http://docutils.sourceforge.net/docs/user/slide-shows.html|title=Easy Slide Shows With reST & S5|date=30 March 2006|work=sourceforge.net}}</ref> uses [[reStructuredText|reST (reStructuredText)]] to generate S5 presentations.

* Slideshow (S9),<ref>{{cite web|url=https://slideshow-s9.github.io/|title=Welcome|work=slideshow-s9.github.io}}</ref> supports S5, S6, Slidy, Google HTML5 Rocks, and other templates.

* slideous,<ref>{{cite web|url=http://goessner.net/articles/slideous/slideous.html|title=Slideous|author=Stefan Gössner|date=13 November 2005|work=goessner.net}}</ref> HTML-based presentation tool, inspired by S5 and Html Slidy

* Slimey<ref>http://slimey.sourceforge.net/</ref>

* slippy<ref>{{cite web|url=https://github.com/Seldaek/slippy|title=Seldaek/slippy|work=GitHub}}</ref> is S5 compatible project with PDF export feature.

* spod5,<ref>{{cite web|url=https://metacpan.org/module/spod5|title=spod5 - Displays spod5 (pod to s5) presentations - metacpan.org|author=Matt Sergeant|work=metacpan.org}}</ref> converts Perl [[POD (Plain Old Documentation)]] format to S5

* S5 Reloaded,<ref>{{cite web|url=http://www.netzgesta.de/S5/|title=S5 Reloaded|work=netzgesta.de}}</ref> an extended version of S5.

* S6 Project<ref>{{cite web|url=https://github.com/geraldb/s6|title=slidekit/s6|work=GitHub}}</ref>

* Tiki Wiki S5,<ref>{{cite web|url=http://doc.tiki.org/JQS5|title=JQS5 - Documentation for Tiki Wiki CMS Groupware|author=Tiki Community|work=tiki.org}}</ref> adds S5 support to [[Tiki Wiki CMS Groupware|TikiWiki]]

*Zim, a desktop wiki has built-in support for exporting to S5<ref>{{Cite web|url=https://zim-wiki.org/manual/Help/Export/HTML.html|title=Zim - a desktop wiki|website=zim-wiki.org|access-date=2019-06-30}}</ref>

== Flash-based Slideshow ==

* Kizoa<ref>{{cite web|url=http://www.kizoa.com/|title=Free - Slideshow and Video Maker|work=kizoa.com}}</ref>

* [[Prezi]]

* ShowToClients<ref>{{cite web|url=http://www.showtoclients.com/|title=Show to Clients, Live Presentation, Show Presentation to Clients, Live Multimedia Presentation, Share your Multimedia Presentations, Multimedia Presentation|work=showtoclients.com}}</ref>

* One Truth Media

==References==

{{Reflist|30em}}

[[Category:Presentation software]]