The Concept: Create a Digital Sign that can list church activities, announcements and other important information. It must be cheap, easy to update and be upgradable for the future. It also must have an anti-theft device to dissuade someone from trying to steal it since it is in an open area.
The Challenges: Coming up with a system that can be edited easily but doesn't cost an arm and a leg. There are great sign companies out there providing great solutions for a fee. You could always get a TV with a USB reader and load slides everyday. But I wanted something that was easier than that. I wanted it to be web-based so a volunteer could log-in and update it.
The Solution: Obviously any TV with an HDMI input will work. The question is how to get info onto the TV. Initially I thought about a recycled computer running Debian or Ubuntu but when I contemplated running a long enough HDMI cable to reach or the issue of powering it, I switched my focus. What about a Roku, Boxee Box or Apple TV? All legitimate options. I landed however on the Raspberry Pi Model B.
This baby will run a modified version of Debian, uses 5v and so far will just run 24/7.
Building the Raspberry Pi to run the Digital Sign
This is my first project with the Pi and I must say I'm blown away. Following the instructions I got Raspbian up and running on a 16GB SD card, it auto-loads into the pi user. I found a Cell Phone Charger that would reach the 700mAh required on the mini-USB port and purchased a black case that allowed the standard ports to be visible (it also screwed together instead of snapped which is important for the security side of things).
With SSH access over the network I installed Chromium so I could run Kiosk mode.
I simply modified the autostart file at /etc/xdg/lxsession/LXDE and added "@chromium --kiosk http://YourUrlHere"
You will find quickly the mouse stays in the center without any commands from the user so we also add an xwit command to force the mouse to the bottom corner:
"@xwit -root -warp $( cat /sys/module/*fb*/parameters/fbwidth ) $( cat /sys/module/*fb*/parameters/fbheight )"
I figured out pretty quickly two things. The operating system will blank the screen without activity AND Chromium will only show the site loaded at startup. I needed a way to refresh the screen on a regular basis. I first found xdotool which mimics key and mouse commands from the terminal and installed it. This plays well so I can also sent automatic refresh commands from ssh.
I then added a 15 minute cron command through crontab that calls the two parameters into play you need to refresh:
"export DISPLAY=:0" <--this calls="" display="" div="" gui="" initiated="" login="" the="">--this>
"xdotool key F5" <--this acts="" chromium="" div="" f5="" hit="" keyboard="" like="" on="" refreshes="" the="" user="" which="">--this>
When the device is turned on it will no autoload into pi, launch chromium in kiosk mode, put the mouse in the bottom right corner and then refresh the screen every 15 minutes.
Building The Sign Website
A couple people have discussed using Drupal for this type of idea but I didn't find a clear walk through. Below I'll try to explain what I did to set it up.
First, I decided to go with an internal server so I setup a Debian box I have running our Unifi Wireless system to host a Drupal 7.23 website. I like having my own box so I can install things with Drush. You can of course use a web hosting company and point the Pi to the internet but if your building loses internet then your sign shuts down 15 minutes later with an error.
- Install Drupal as you normally would
- Add the following Modules:
- Front Page
- Chaos Tools
- WYSIWYG Editor
- IMCE
- Views
- Views Slideshow
- Libraries
- IMCE wysiwyg
- Draggable Views
- Entity
- Add the jquery files for the slideshow module
- Add TinyMCE (or other favorite editor) for WYSIWYG
- Add your favorite Theme Template (I used Adaptive Theme)
- Disable Comment module
- Remove all the Blocks you don't want displayed
- I have a header block to contain the Logo
- The main content block
- Go into the Image Style and setup any cropping you want for images you upload and thumbails
- Setup your Content type
- I created an Announcement that just has a Title, Image and Thumbnail
- I also created a Schedule content type that contains Title and Body
- Create a View that shows both types in a Slideshow Format
- Follow the instructions to create a draggable view
- I limited it to the title and thumbnails in a block
- Connect the draggable view to the main slideshow
- Create a View through blocks that shows unpublished content
- Setup Front Page to point to your slideshow link
Now you should be able to throw some content in and see how it looks. I based mine on the 32" TV specs (1366 x 768). All my images are no larger than that and the schedule content all contains a DIV marker that sets a background and size for now. I plan to theme it into the system but just cheat by putting the code directly into the content body.
The real challenge is making the back-end work properly. I started by turning the authenticated user into the permission laden account for volunteers. I gave them just enough access to change content and add stuff including the ability to drag the slideshow into order.
I then went back into blocks and added the draggable block to the sidebar and made it visible only to authenticated users and admins. This now becomes the link to the content AND the order it shows on the site. I also enabled the Navigation bar for only the Authenticated and Admin plus I threw the user menu into the top menu location and limited it a link to which I titled Home and the Logout button.
Security
Finally I mounted the TV in it's location in the Church. I pulled off the back panel of the TV (note: you can easily damage the TV so do so with caution) and drilled holes for a U-Bolt and a hole for the Raspberry Pi case. By bolting part of the case to the back of the TV I'm making it difficult to steal the Pi. The Pi and the top part of the case then enclose the bolt.
I then purchased a regular Safety Hasp from Home Depot along with a Master Lock and 6 foot cable. I looped the cable through the U-Bolt on the back of the TV, looped the cable around the mount a couple times and locked it all to the hasp. I made sure the hasp had at least 2 long screws going into a stud so you can't just rip it out of the drywall.
There are still some clean-up things to do to make it look better but so far it's working properly. We will see if the Church Volunteers will be able to maintain the information properly.