Touchscreen displays - How to revert to home screen after 90 secs?

  • 3
  • Question
  • Updated 2 years ago
  • Answered
When creating a touchscreen presentation, how can I establish a timeout so the presentation will revert to the home screen after a predetermined period of inactivity, e.g. 90 seconds?
Photo of Daniel

Daniel

  • 632 Points 500 badge 2x thumb

Posted 8 years ago

  • 3
Photo of Robb

Robb, Official Rep

  • 76,676 Points 50k badge 2x thumb
Daniel, the Developer who usually answers these questions is on vacation. I'm just asking a couple others to see if they could answer your question.

Thanks!
Photo of Daniel

Daniel

  • 632 Points 500 badge 2x thumb
Sounds good. I await a reply...
Photo of Byron

Byron, Keener

  • 9,658 Points 5k badge 2x thumb
We are bit short this week as Alex is on vacation in sunny Mexico... in the interim, Rob, what about sharing the preliminary Tradeshow presentation with Daniel as it has this functionality in it. Daniel, this is a Presentation we are about to release in the next week or so as a Template. It isn't quite done yet but your welcome to review.

One thing to keep in mind. The functionality to support reverting to a homescreen if no interaction was added as a programming task. There is no functionality in the product with a UI that does this. So you need to review, study the code and implement. In other words you will need programming skills. Oleg, Donna, if I have any of this wrong let me know.

Thanks!
Photo of Daniel

Daniel

  • 632 Points 500 badge 2x thumb
Sure, I wouldn't mind seeing it as it is right now. I actually do a lot of web development, but I didn't know off the top of my head how this is done or whether it's HTML, JS or otherwise. I could probably figure it out if I saw the code for the whole template. Thanks!
Photo of Robb

Robb, Official Rep

  • 76,676 Points 50k badge 2x thumb
Done. Daniel this is now in your company and is called "Tradeshow Presentation".
Photo of Daniel

Daniel

  • 632 Points 500 badge 2x thumb
Thanks a ton! For others' information, the user timeout is a jQuery snippet, "jQuery idleTimer plugin," and can be found here: https://github.com/paulirish/jquery-i...
Photo of Robb

Robb, Official Rep

  • 76,676 Points 50k badge 2x thumb
Thanks Daniel! I've marked your post as the answer to the question :)
Photo of Byron

Byron, Keener

  • 9,658 Points 5k badge 2x thumb
FYI for the rest of the community, this Presentation will be released as a Template within the next week or two, we are just finalizing adding a new Gadget to it. The Template will have the touchscreen timeout in it so that anyone can take that code and use it. Thanks!
Photo of Aaron

Aaron

  • 724 Points 500 badge 2x thumb
Sorry for my lack of knowledge in this area, but is the reverting to homepage something he is trying to apply to the presentation/placeholder itself or the content itself i.e. webpage/flash??

We ran across a situation with touchscreen where we had interactive in the bottom placeholder and a "normal" placeholder running the image gadget on top. The customer required a timeout where if someone hadn't touched the screen in 2 minutes it would revert to the main navigation page- which worked fine with RDN but when converted to RiseVision the page refresh would navigate chromium away from the presentation to the actual content's webpage.

Would the solution above be something geared to that application? And has it had any conflicts such as the navigation away from the presentation? Or does this somehow get applied to the presentation/placeholder to reload that particular gadget??

Any clarification is welcome. Thanks!
Photo of Robb

Robb, Official Rep

  • 76,676 Points 50k badge 2x thumb
Aaron,

The reverting to the homepage is part of the Presentation/Placeholder. Basically when a user goes to a different Placeholder in the Presentation, a timer starts, and when that timer is up, if there has been no interaction with the Presentation, it reverts to a default Placeholder or what you may refer to as a "main page" of the Presentation.

I think the timer object referred to in this Forum Discussion would work perfectly for what you need.

You may want to create a new Presentation in your Company from the Tradeshow Presentation Template, this may give you a better idea as to what actually happens when that timer is up.

I hope that helps, let us know if you have any other questions.

Thanks!
Photo of John.Craig

John.Craig

  • 60 Points
I'm new to RV and interested in the inactivity timer returning the display to the presentation's home page after (say) 90 seconds.

My question is, was the 'Tradeshow Presentation' ever made into a template?

I can open the Presentation but cannot work out if/how I can make it a template and create other presentations from it..
Photo of Robb

Robb, Official Rep

  • 76,676 Points 50k badge 2x thumb
Welcome to the forum John!

The Tradeshow Presentation was a template, but we removed it since it had Gadgets in it that we no longer share or support.

If you would like to see that specific jquery snippet, I can create a copy of the Tradeshow Presentation in your Company, just email support@risevision.com with the name of the Company that you want me to put it into. Keep in mind though, we no longer support it as a template, so we won't be correcting any issues with it.

I hope that works for you, I look forward to your email.

Thanks!
Photo of Donna Peplinskie

Donna Peplinskie

  • 7,142 Points 5k badge 2x thumb
We have some information about how to use the inactivity timer here. Hope that helps!
Photo of John Jutte

John Jutte

  • 72 Points
After reading this thread and viewing Donna's link I feel confident that an inactivity timer can be implemented. However, I can't seem to get it figured out. I can't find the Tradeshow source to show how the code should look and the blog leaves a lot of holes for a novice programmer. I emailed support a couple days ago without a response.

Anyone offer some help?
Photo of Donna Peplinskie

Donna Peplinskie

  • 7,142 Points 5k badge 2x thumb
Hi John,

How you return to your home page will depend on how you built your Presentation. We have a tutorial here on building multi-page Presentations. There's also a demo Presentation there for you to examine.

I would recommend following the steps in that tutorial to build your Presentation, and then at the end I would come back and revisit adding in the inactivity timer. It would probably look something like this though:


$(document).bind("idle.idleTimer", function() {
//Show the home page.
showPage('1');
});

Thx.
Photo of John Jutte

John Jutte

  • 72 Points
Thank you. I was successful at getting this work.
Photo of Dave Odegaard

Dave Odegaard

  • 100 Points 100 badge 2x thumb
Has anybody figured out how to implement this idle timeout code? I've tried many things above and it is not working. I'd like to see the Tradeshow template code. Is there a way to get that copied?

Thanks.
Photo of Adrian J.

Adrian J.

  • 976 Points 500 badge 2x thumb
Hi Dave. 

Did you find a way to implement this code? 
Photo of Blake Freeman

Blake Freeman, Official Rep

  • 36,116 Points 20k badge 2x thumb
Dave, Adrian,

You'll need to check out this link for Donna's instructions on multi-page presentations. 
Photo of Dave Winkler

Dave Winkler

  • 360 Points 250 badge 2x thumb
This is what I have used in our presentation. 35000 is the time which I believe is milliseconds, you can change that to whatever you like. After inactivity, it will send you back to the home page.

 <script type="text/javascript">
        function changePage() {
                setTimeout(function() {
                    var transDiv = document.getElementById("home");
                    transDiv.classList.toggle("hidden");
                }, 1);
                setTimeout(function() {
                    var transDiv = document.getElementById("home");
                    transDiv.classList.toggle("hidden");
                }, 35000);
        };
    </script>
Photo of Blake Freeman

Blake Freeman, Official Rep

  • 36,116 Points 20k badge 2x thumb
Thanks Dave!
Photo of Darius - PRODO.us

Darius - PRODO.us, Champion

  • 26,850 Points 20k badge 2x thumb
This is what worked for me. I am using it in Jquery style webpage, so it resets the page to the "home" div - "#page1". It also works with separate HTML documents. Put it between <script> brackets.

<!--Reset Timer Start--> 
var IDLE_TIMEOUT = 60; //seconds

var _idleSecondsCounter = 0;

document.onclick = function () {
    _idleSecondsCounter = 0;
};

document.onmousemove = function () {
    _idleSecondsCounter = 0;
};

document.onkeypress = function () {
    _idleSecondsCounter = 0;
};

window.setInterval(CheckIdleTime, 1000);

function CheckIdleTime() {
    _idleSecondsCounter++;
    var oPanel = document.getElementById("SecondsUntilExpire");
    if (oPanel)
        oPanel.innerHTML = (IDLE_TIMEOUT - _idleSecondsCounter) + "";
    if (_idleSecondsCounter >= IDLE_TIMEOUT) {
        
        document.location.href = "#page1";
    }
}
<!--Reset Timer End-->
Photo of Iris Kwok

Iris Kwok

  • 372 Points 250 badge 2x thumb
I initially had problems getting the code to work, but then I figured out that I had to put the script before the <body>, not after. Also not sure if the <!-- comment tags made a difference, but I changed them to // instead just in case.

Just commenting here in case anyone also had difficulty!