Turnkey sample InstantPoll: Difference between revisions

Turnkey sample InstantPoll

Latest revision as of 14:48, 10 February 2024

I was invited to a Meetup event by Thomas Javing at Regent. It was a pleasant experience. I gave a talk about MDriven and met with several interested people.

However, what Thomas did in the beginning, caught my eye. He had set up an instant poll which he used to engage the audience with some trivia about their company. Everyone participated in the poll using their mobile, by scanning a QR-Code to get started – and had fun for 10 minutes. The results of each question were displayed on the projector and everything was updated in real-time. I thought this was a great example of how the web can be very local and interactive as well as worldwide. I was impressed! So I decided to “borrow” the idea by implementing the very same thing with MDriven.

Script to download:

File:DatabaseCompact ForInstantPoll.zip

To make your experience smooth, we set the main tags mentioned in the video to the right bar menu of this mini-player. Choose an interesting subtitle on the list and immediately get to the exact theme navigation item place in the video. Now you can pick any topic to be instructed on without watching the whole video.

This page was edited 79 days ago on 02/10/2024. What links here

@@ Line 1: / Line 1: @@
-As I was invited to a Meetup event by Thomas Javing at Regent. My talk was about MDriven. It was a pleasant experience and I met with a lot of interested people.
+I was invited to a Meetup event by Thomas Javing at Regent. It was a pleasant experience. I gave a talk about MDriven and met with several interested people.
-But the thing that Thomas did in the beginning caught my eye. He had set up an instant poll and engaged the audience with some trivia about their company. Everyone participated in the poll by using their mobile – just scanning a QR-Code to get started – and I think everyone had a fun 10 minutes. The result for each question was shown by the projector and everything was updated in real time.
+However, what Thomas did in the beginning, caught my eye. He had set up an instant poll which he used to engage the audience with some trivia about their company. Everyone participated in the poll using their mobile, by scanning a QR-Code to get started – and had fun for 10 minutes. The results of each question were displayed on the projector and everything was updated in real-time. I thought this was a great example of how the web can be very local and interactive as well as worldwide. I was impressed! So I decided to “borrow” the idea by implementing the very same thing with MDriven.
-I thought that this was a great example of how the web can be very local and very interactive as well as world wide. I was impressed!
+==== Script to download: ====
+[[File:DatabaseCompact ForInstantPoll.zip|thumb|x|none]]<html>
-So I decided to “steal” the idea by implementing the very same thing with MDriven.  [[File:DatabaseCompact ForInstantPoll.zip|thumb|x]]<html>
+<p class="warn">
-<style>
+  <em>To make your experience smooth, we set the main tags mentioned in the video to the right bar menu of this mini-player. Choose an interesting subtitle on the list and immediately get to the exact theme navigation item place in the video. Now you can pick any topic to be instructed on without watching the whole video.</em>
-#video12 {
+</p>
-  position: relative;
+<br>
-   padding-bottom: 10px;
+<div class="video">
-}
+   <div class="video__wrapper">
-#video12::after {
+    <iframe src="https://www.youtube.com/embed/2zAxYIuXHLE?rel=0&autoplay=0" frameborder="0" allowfullscreen></iframe>
-  content: "";
+   </div>
-  display: table;
+   <div class="video__navigation">
-  clear: both;
+   </div>
-}
+</div>
-#video12 iframe {
-   width: 100%;
-   min-width: 200px;
-   max-width: 740px;
-  height: 500px;
-  float: left;
-}
-@media (max-width: 767px) {
-  #video12 iframe {
-    height: 180px;
-  }
-}
-#video12 div {
-  float: left;
-  padding-left: 10px;
-  overflow-y: auto;
-}
- </style>
- <br>
-<div id="video12">
- <iframe width="740" height="500" src="https://www.youtube.com/embed/4O4LGNg3l70?rel=0&autoplay=0" frameborder="0" allowfullscreen></iframe>
-</div>
-<script>
-var IMG = document.querySelectorAll('#video12 span'),
-    IFRAME = document.querySelector('#video12 iframe');
-for (var i = 0; i < IMG.length; i++) {
-  IMG[i].onclick = function() {
-    IFRAME.src = 'https://www.youtube.com/embed/' + this.dataset.video + '?rel=0&autoplay=1';
-    if(this.dataset.end) IFRAME.src = IFRAME.src.replace(/([\s\S]*)/g, '$1&end=' + this.dataset.end);
-    if(this.dataset.start) IFRAME.src = IFRAME.src.replace(/([\s\S]*)/g, '$1&start=' + this.dataset.start);
-    this.style.backgroundColor='rgba(0,0,0,.2)';
-  }
-}
-</script>
 </html>
 [[Category:Example]]
+{{Edited|July|12|2024}}