demo.md

layout	title
default	Demos

Demos

TheFragebogen provides a large number of features. The following demos show use cases for these features.

Basic features

• UI elements: An overview of the implemented items that can be used in questionnaires.
  Live demo
  Code: TheFragebogen/examples/example_uielements.html

• Basic questionnaire: A very basic questionnaire to show the general functionality. Includes data export (local download).
  Live demo
  Code: TheFragebogen/examples/example_basic.html

• Printable questionnaire: A questionnaire that contains CSS, so it can be printed.
  Live demo
  Code: TheFragebogen/examples/example_print.html

Advanced features

• Interactivity with WebSockets: A questionnaire that shows how to communicate with other systems via WebSockets.
  Live demo not available as a WebSocket Server must running.
  Code (one client): TheFragebogen/examples/example_websocket.html
  Code (two clients): TheFragebogen/examples/example_websocket_coordination_1st_instance.html and TheFragebogen/examples/example_websocket_coordination_2st_instance.html

• Dynamic questionnaire: A questionnaire that is generated while executing it.
  Live demo
  Code: TheFragebogen/examples/example_dynamic.html

Multimedia features

• Media: A questionnaire that presents audio as well as video via HTML5 (No data export).
  Live demo
  Code: TheFragebogen/examples/example_media.html

• Simulated load delay: A questionnaire that presents 4 images with different load delay.
  Live demo
  Code: TheFragebogen/examples/example_delayed_loading.html

Feasibility studies

• TheAudiometer: A proof-of-concept implementation of an audiometer (i.e., estimate hearing threshold). For more information see the README.
  NOTE: TheAudiometer was implemented using Firefox 60.6.1esr. It may not work on another version or another web browser.
  Live demo
  Video of live demo (requires stereo headphones)
  Code: TheFragebogen/examples_feasibility/TheAudiometer.html