Create a auto-scrolling BoF view for onsite TV screens

Personally I think that takes too long. I'd rather see a bunch of information instantly, and it cycle through the time slots, or days or something. Instead of scrolling, show as much as possible, and then pop to the next screen of information.

From mpotter:

So to give a better understanding: There will be two large plasma displays near the BoF rooms that will have a PC running a web browser. We need it to cycle through a single-day's BoF schedule.

I looked at your rotator at http://drupal.org/node/1018084 and it's a good start. But the idea is to have the entire page rotate (or at least most of it, maybe a DrupalCon logo or banner would stay put). I'm thinking of maybe a blue background with white text to match the look of the site.

The info showed would be the Name of the BoF, the Room, and the Time slot. With a font size large enough to read easily from a distance.

So if your current rotator was expanded so each box took up the full width of the page and had the time information, I think it would be close. (remove sidebar, etc)

Only other issue is to how to make it automatically wrap around and start over. This would be left unattended all day.

Are you still able to work on this? If not, I might be able to help on Monday when I get there.

I could work on this tomorrow during the hackathon. Do we have the TV/monitors that this'll be displayed upon so that we can test in real-time?

I might start on this tonight to get something working for real-time updates using Node.js - thanks for the suggestion John!

Jerad, there's a JSON feed at http://denver2012.drupal.org/api/bofs if you'd like. But you'll have to do filtering and sorting yourself.

Also, this would have to be near-realtime, since it'd be on one of my servers, and I won't have the live db to query I'll have to scrape.

Got a quick start on this here: https://github.com/sirkitree/BoFscreen

Looking at this now - just saw there is a json feed :P

That being the case we can do this all with front-end javascript using jQuery.getJson(); and just update the DOM

@coltrane: is there a jsonp version of this feed so i can pull it cross domain?

• current github repo has express presenting a basic page.
• think we can do this with front-end js alone ($.getJSON() parse and update page)
• needs jsonp to work cross domain
• if we can't have that, perhaps just throw the js we come up with into pixelwhip's current working page

@sirkitree created http://denver2012.drupal.org/api/bofs-jsonp which is prefixed with "feed" so http://denver2012.drupal.org/api/bofs-jsonp?callback=feed should be consumable.

The page at http://pixelwhip-denver2012.redesign.devdrupal.org/bofs/marquee looks really great! We just need to get that moved to the main drupalcon site and I think we are all set. I assume it's set to show the sessions for the current day?

I'll try to track down the monitors today and see how it looks live.

Jerad: do you have a demo page for your rotator? Or is your code already integrated on pixelwhip's site?

@mpotter: I have nothing to show yet. If pixelwhip's is fine with everyone, then we can use that and just refresh the page manually after every timeslot. I was just trying to come up with something because it was suggested by pixelwhip.

I certainly have other things I can be working on if what we have is already fine. No need in duplicating efforts here. Please let me know.

@coltrane, the feed seems malformed. I keep getting this error.

NM - we're using johns original. we tested on a monitor this evening and it looks great :)

The one thing is that we need to insert some js to only show the next time slot. I've a start on some.

jQuery("td.session-title").next().each(function() {
  console.log(jQuery(this).text().trim());
  var times = [10:45am, 11:45am, 01:00pm, 02:15pm, 03:45pm, 05:00pm];
  if ( jQuery(this).text().trim() != "Tue, 11:45am - 01:00pm" ) {
    jQuery(this).parent('tr').hide();
  }
});

Of course this still needs some work in the morning. Need to get what time it is now, formatted, and then compare and hide irrelevant ones. But tired now. More in the morning!

Hey guys. Do we have a URL this morning? The original one from pixelwhip isn't showing anything. Setting up the monitors in the 500 and 200 hallways this morning.

Took another look at the scroller at http://pixelwhip-denver2012.redesign.devdrupal.org/bofs/marquee and while it's showing some data again, there is something wrong with the feed. It does not show all of the BoF sessions at 10:45.

I took an informal poll of people around me and they agreed that scrolling the entire day schedule is bad. For now I've just got the screens pointing to the BoF schedule page to show the next block of upcoming sessions. If we can incorporate jerad's js to limit the scrolling to the next 2 time slots (and not show anything in the past slots), that would be great assuming we get the data feed working also.

If not, I guess I'll just update the screens manually through the day whenever I can.

BTW: The laptops are not locked or password protected, so if you get something going during the day, feel free to change the URL. Just be sure to leave Firefox in Fullscreen mode when done. I'll keep monitoring this thread throughout the day.

This is now up at http://denver2012.staging.devdrupal.org/bofs/marquee

Please confirm that it is correct

This is now live at http://denver2012.drupal.org/bofs/marquee

If the View needs editing its http://denver2012.drupal.org/admin/structure/views/view/bof_marquee/edit

@sirkitree can you just log in to the site?

if you need an account hit me up on irc for the password for account "everydayuser"

edit: it's probably possible to have that page excluded, but you'll have to get somebody on the infra team to do that