{"id":9355,"date":"2018-01-21T08:27:55","date_gmt":"2018-01-21T07:27:55","guid":{"rendered":"http:\/\/www.wjst.de\/blog\/?p=9355"},"modified":"2019-11-27T08:37:34","modified_gmt":"2019-11-27T08:37:34","slug":"live-votes-during-presentation-reveal-js","status":"publish","type":"post","link":"https:\/\/www.wjst.de\/blog\/sciencesurf\/2018\/01\/live-votes-during-presentation-reveal-js\/","title":{"rendered":"Live votes during presentation (reveal.js)"},"content":{"rendered":"<p>I have revised now the setup of my &#8220;<a href=\"https:\/\/www.wjst.de\/blog\/sciencesurf\/2017\/09\/live-votes-during-presentation\/\">live vote<\/a>&#8221; presentation as the <a href=\"http:\/\/markdalgleish.com\/projects\/bespoke.js\/\">bespoke.js<\/a> framework had several glitches where plugins did not work correctly. I am using now <a href=\"https:\/\/revealjs.com\/#\/\">reveal.js<\/a>\u00a0that allows also to embed external pages (like <a href=\"http:\/\/www.zenpen.io\">zenpen<\/a>), zoom effects and slide overview in a nice graphic layout.<\/p>\n<p>The graphics engine was also replaced. <a href=\"https:\/\/d3js.org\">d3.js<\/a> is an extremely versatile but it takes hours for doing minor changes. So I switched to\u00a0<a href=\"https:\/\/demos.telerik.com\/kendo-ui\/\">Kendo UI<\/a> charts that are much easier to program, making some fancy live statistics :-)<\/p>\n<figure id=\"attachment_9364\" aria-describedby=\"caption-attachment-9364\" style=\"width: 620px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/www.wjst.de\/blog\/wp-content\/uploads\/2018\/01\/screen-3.png\" data-rel=\"key-image-0\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-9364 size-medium\" src=\"https:\/\/www.wjst.de\/blog\/wp-content\/uploads\/2018\/01\/screen-3-620x415.png\" alt=\"\" width=\"620\" height=\"415\" srcset=\"https:\/\/www.wjst.de\/blog\/wp-content\/uploads\/2018\/01\/screen-3-620x415.png 620w, https:\/\/www.wjst.de\/blog\/wp-content\/uploads\/2018\/01\/screen-3.png 639w\" sizes=\"auto, (max-width: 620px) 100vw, 620px\" \/><\/a><figcaption id=\"caption-attachment-9364\" class=\"wp-caption-text\">Individual response times in seconds from 15 students (anonymized names on the right). Students can respond to a question as long as the question is on display. The stacked bar shows the time being faster than the slowest responder with the first to last question from right to left end of the bar. The individual \u00a0in the middle was extremely fast following my initial explanation. The two individuals at the bottom responded only to the same two questions probably talking to each other. Individuals were identified by their their mac address while all data had to be corrected for double entries.<\/figcaption><\/figure>\n<p>I also thought to setup a socket.io server to push new pages to the clients (currently they initiate their own refresh) but at the end I found it too time consuming as spending time on \u00a0content is being more important. Right now I am sending out an ajax request to store the actual presentation slide for the clients.<\/p>\n<pre class=\"brush: php; title: ; notranslate\" title=\"\">\r\nvar i = Reveal.getCurrentSlide().children&#x5B;0].id;\r\nReveal.addEventListener( 'slidechanged', function( event ) {\r\n  i = $(&quot;span&quot;).eq(event.indexh).attr(&quot;id&quot;);\r\n  $.ajax({\r\n    url: &quot;server.php&quot;,\r\n    type: &quot;GET&quot;,\r\n    data: {&quot;k&quot;:event.indexh}\r\n  );\r\n  return i;\r\n});\r\n<\/pre>\n\n<p>&nbsp;<\/p>\n<div class=\"bottom-note\">\n  <span class=\"mod1\">CC-BY-NC Science Surf , accessed 06.04.2026<\/span>\n <\/div>","protected":false},"excerpt":{"rendered":"<p>I have revised now the setup of my &#8220;live vote&#8221; presentation as the bespoke.js framework had several glitches where plugins did not work correctly. I am using now reveal.js\u00a0that allows also to embed external pages (like zenpen), zoom effects and slide overview in a nice graphic layout. The graphics engine was also replaced. d3.js is &hellip; <a href=\"https:\/\/www.wjst.de\/blog\/sciencesurf\/2018\/01\/live-votes-during-presentation-reveal-js\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Live votes during presentation (reveal.js)<\/span> <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[3301],"class_list":["post-9355","post","type-post","status-publish","format-standard","hentry","category-computer-software","tag-reveal-js"],"_links":{"self":[{"href":"https:\/\/www.wjst.de\/blog\/wp-json\/wp\/v2\/posts\/9355","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wjst.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wjst.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wjst.de\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wjst.de\/blog\/wp-json\/wp\/v2\/comments?post=9355"}],"version-history":[{"count":11,"href":"https:\/\/www.wjst.de\/blog\/wp-json\/wp\/v2\/posts\/9355\/revisions"}],"predecessor-version":[{"id":14475,"href":"https:\/\/www.wjst.de\/blog\/wp-json\/wp\/v2\/posts\/9355\/revisions\/14475"}],"wp:attachment":[{"href":"https:\/\/www.wjst.de\/blog\/wp-json\/wp\/v2\/media?parent=9355"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wjst.de\/blog\/wp-json\/wp\/v2\/categories?post=9355"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wjst.de\/blog\/wp-json\/wp\/v2\/tags?post=9355"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}