Digital Signage Solution

projectprojectprojectprojectprojectprojectproject

ABOUT THE PROJECT

This project was to develop signage for the public which would assist in navigation throughout the building. The signboard was integrated into the conference center meeting database, which would query and show all current and upcoming meetings for the day. It also featured the 5-day weather forecast by consuming Dark Sky’s RESTful Weather API and displaying the information in an elegant way.

The signboard also utilizes scrolling marquee text, both horizontally and vertically to allow for a large amount of information to be displayed in a small area. It is also integrated with YouTube and plays short videos while also transitioning through slides using SlickSlider. This was done by using YouTube’s API, which allows for the creation of custom event bindings and player actions. This results in a codebase that allows content to be completely dynamic and can be controlled by adding and removing videos through a YouTube playlist. During Supreme Court Webcast the signage will automatically recognize the live video feed and will override the YouTube video using the live webcast stream.

JavaScript also stores cache objects and compares those to the newly pulled data to see if any changes have occurred. This results in the signboard only updating DOM elements if they have changed, eliminating any flicking and unnecessary redraws to the canvas. Also, each zone uses a specific content type from Sharepoint which allows for easy adding and updating of items.

Using the design that I created I helped spearhead a statewide “Signage Initiative” which was being funded by over $150,000 in new monitors and equipment from ITO. This led to the developing and designing of signage for over 21 counties, which can be seen in almost every court house throughout the state.

FEATURES

  • Custom 5-Day forecast using Dark Sky's RESTful API
  • Uses caching objects to prevent unnecessary DOM updates
  • Completely dynamic, reloads content within 1 minute of any change
  • Horizontal / Vertical text scrolling
  • Integrated with YouTube and Supreme Court Webcast
  • Uses Sharepoint to store content into lists using specific content types
  • Codebase implements the revealing module pattern to avoid polutting the global name space
  • Uses various URL parameters to control scaling of the screen (different size monitors)
  • Utilizes Google Translate to translate specific signage to Spanish by using a parameter in the URL

MADE FOR

New Jersey Courts