Greggers42
Posts: 1
Joined: Mon Dec 22, 2014 2:22 pm

Creating a Kiosk/Digital Signage using an exsisting webpage

Mon Dec 22, 2014 2:52 pm

I was in need of a Kiosk which would auto-boot to a specific webpage each time I turned on the unit. My company gave me a $200 budget for 4 TV's
(the TV's were already there so that doesn't count :D )
I created a wordpress page with Turnkey Linux to supply the devices with their media. Since this page was doing the heavy lifting on its own server the A+ models could easily handle the load without much of any strain on them.

I wanted to post the steps I took. I also want to note I used the A+ models so that the units could be powered by the TV's USB ports making rebooting by the end user extremely simple. This did limit the graphics power of the unit. Video is not advised in this method and simple page transitions are highly recommended as you will note stutter stops on the pages.

There seems to be a million ways out there to do this but for me this has proven the simplest.
_______________________________________________________________________________
Assuming Raspian OS Using NOOBs setup

Intial config during setup. ($ sudo Raspi-config If step is missed)

Set system to Boot to GUI
Set Localization and Time Zone
Change the default system password
Enable SSH from the Advanced Settings Section
Finish

Device will reboot

After Reboot: Update the system.

$ sudo apt-get update && sudo apt-get upgrade -y
$ sudo apt-get install raspberrypi-bootloader

________________________________________________________________
Networking:

Option 1: Wired with a need for a fixed IP

sudo nano /etc/network/interfaces

address xxx.xxx.xxx.xxx
netmask 255.255.255.0
gateway xxx.xxx.xxx.xxx

ctrl-x ctrl-y enter

Option 2: wireless: For this purpose I will include the method for a hidden SSID as well.
Ref: http://www.dafinga.net/2013/01/how-to-s ... idden.html

$ sudo apt-get install wpasupplicant

For a hidden network you will need to Generate a PSK version of your WLAN password with wpa_passphrase utility
$ wpa_passphrase "<Your Wifi SSID>" "<Your Wifi PASSWORD>"
(Quotes are needed for whitespace)

Copy the output elsewhere or open another session of terminal before proceeding so you can cut and paste

If your network is not hidden skip to the next step

$ sudo nano /etc/network/interfaces

auto lo

iface lo inet loopback
iface eth0 inet dhcp

auto wlan0
allow-hotplug wlan0
iface wlan0 inet dhcp
wpa-scan-ssid 1
wpa-ap-scan 1
wpa-key-mgmt WPA-PSK
wpa-proto RSN WPA
wpa-pairwise CCMP TKIP
wpa-group CCMP TKIP
wpa-ssid "<Your Wifi SSID>"
wpa-psk <Your PSK Value>

iface default inet dhcp
############################

If you need to set up a fixed IP see step1. I adjusted our DHCP server with a reservation for simplicity.

__________________________________________________________________

Now to begin configuration of the actual Kiosk Mode Software (Chromium)

$ sudo apt-get install chromium x11-xserver-utils unclutter

For Flash Purposes:

$ sudo apt-get install gnash
$ sudo apt-get install browser-plugin-gnash


$ sudo nano /etc/xdg/lxsession/LXDE/autostart

@xscreensaver -no-splash

Next add these lines underneath the screensaver line

@xset s off
@xset -dpms
@xset s noblank
##Disables Error Messages on power cycles
@sed -i 's/"exited_cleanly": false/"exited_cleanly": true/' ~/.config/chromium/Default/Preferences
##Autolaunches browser with plugin warnings disabled
@chromium --allow-outdated-plugins --noerrdialogs --kiosk http://www.page-to.display

Ctrl-O Ctlr-x

sudo reboot

_____________________________________________________________________
Fine Tuning for TV Resolution

After reboot (depending on resolution) you may need to set Chromium to open the webpages at a smaller than default page size.
Adjust this under chromium's settings-> Advanced Settings -> Default page size.


sudo reboot to test


It should be noted that you may need to adjust the screen size depending on your TV.
This can be found in


$ sudo nano /boot/config.txt

There are many options out there to set this file up but I just scrolled to the bottom and in a rather manual "trial and error" method adjusted the following for my rather old 720p TV I had:

# NOOBS Auto-generated Settings:
hdmi_force_hotplug=1
config_hdmi_boost=4
overscan_left=5
overscan_right=5
overscan_top=5
overscan_bottom=5
disable_overscan=0
core_freq=250
sdram_freq=450
over_voltage=2

mob-i-l
Posts: 315
Joined: Sat Dec 29, 2012 2:45 am
Location: Lund, Skåne/Scania, Sweden
Contact: Website Facebook Google+ Twitter YouTube

Re: Creating a Kiosk/Digital Signage using an exsisting webp

Sun Feb 22, 2015 2:12 am

In the current Raspbian from NOOBS one needs to change
$ sudo nano /etc/xdg/lxsession/LXDE/autostart
to
$ sudo nano /etc/xdg/lxsession/LXDE-pi/autostart
Have Pi0&1A&1B&1B+&2B&3B&4B w/ Raspbian. Started w/ BASIC on ABC80&ZX81 then Forth, Z80… https://scratch.mit.edu/users/mobluse/ https://github.com/mobluse/ https://twitter.com/mobluse/ https://YouTube.com/MOBiL4u/

SmokeU27
Posts: 4
Joined: Fri Nov 02, 2012 2:33 pm

Re: Creating a Kiosk/Digital Signage using an exsisting webp

Fri Apr 17, 2015 2:24 am

I am using the latest image file RASPBIAN Debian Wheezy image file.
I have loaded Chromium. I cannot get it to autostart upon boot up. It works fine if I launch from the start menu.
I have done the following. It boots to the desktop and that is it.. What am I missing

sudo nano /etc/xdg/lxsession/LXDE/autostart

Add a # before everything in the file and added the following

@xset s off
@xset -dpms
@xset s noblank
@chromium-browser --kiosk http://website

fruitoftheloom
Posts: 23337
Joined: Tue Mar 25, 2014 12:40 pm
Location: Delightful Dorset

Re: Creating a Kiosk/Digital Signage using an exsisting webp

Fri Apr 17, 2015 7:46 am

SmokeU27 wrote:I am using the latest image file RASPBIAN Debian Wheezy image file.
I have loaded Chromium. I cannot get it to autostart upon boot up. It works fine if I launch from the start menu.
I have done the following. It boots to the desktop and that is it.. What am I missing

sudo nano /etc/xdg/lxsession/LXDE/autostart

Add a # before everything in the file and added the following

@xset s off
@xset -dpms
@xset s noblank
@chromium-browser --kiosk http://website

Whilst I do not have a solution, using Chromium 24 and gnash from Raspbian Repositories is not recommended as both are obsolete, especially gnash ( Flash )

You may find kweb browser which supports HTML5 video etcetera a better fit, though read the manual first

viewtopic.php?f=66&t=40860
Rather than negativity think outside the box !
RPi 4B 4GB (SSD Boot)..
Asus ChromeBox 3 Celeron is my other computer...

SmokeU27
Posts: 4
Joined: Fri Nov 02, 2012 2:33 pm

Re: Creating a Kiosk/Digital Signage using an exsisting webp

Fri Apr 17, 2015 12:03 pm

Thanks, I may give kweb a try and see if it is compatible to the website. The website said to use Chrome, Firefox, or IE 9, so that is why I tried chromium. The web site seems to be working with the exception of the autostart. I cannot get the program to run unless I just click on the icon in the start menu..

SmokeU27
Posts: 4
Joined: Fri Nov 02, 2012 2:33 pm

Re: Creating a Kiosk/Digital Signage using an exsisting webp

Sun Apr 19, 2015 6:00 pm

I found Iceweasel and it works great, but I still can't get it to autostart to a web page.
Maybe I am not editing the right file for autostart...

This is the file I am editing...
sudo nano /etc/xdg/lxsession/LXDE/autostart

These are the updates

@xset s off
@xset -dpms
@xset s noblank
@iceweasel --kiosk http://website

I have also tried
@iceweasel-browser --kiosk http://website

Thanks

Return to “Graphics, sound and multimedia”