How to build a web kiosk with a Raspberry Pi, some cables, and a TV

Mike Swartz
Aug 9, 2016 · 5 min read
Image for post
Image for post
The GarbagePlate app running on a Raspberry Pi 3 tucked behind the TV.

Step-by-step guide to setting up a Raspberry Pi 3 Jessie to boot as a full screen web kiosk / browser

Image for post
Image for post
If you squint, you can see Matt on the couch.
Image for post
Image for post
Andy and Emma working on the app while the Pi does its thing in the background

Step 1: get a Raspberry Pi

Image for post
Image for post

Step 2: set up the environment

sudo raspi-config
 ssh pi@192.168.10.10
ifconfig

Step 3: install Chromium-Browser

wget https://dl.dropboxusercontent.com/u/87113035/chromium-browser-l10n_45.0.2454.85-0ubuntu0.15.04.1.1181_all.debwget https://dl.dropboxusercontent.com/u/87113035/chromium-browser_45.0.2454.85-0ubuntu0.15.04.1.1181_armhf.debwget https://dl.dropboxusercontent.com/u/87113035/chromium-codecs-ffmpeg-extra_45.0.2454.85-0ubuntu0.15.04.1.1181_armhf.debsudo dpkg -i chromium-codecs-ffmpeg-extra_45.0.2454.85–0ubuntu0.15.04.1.1181_armhf.debsudo dpkg -i chromium-browser-l10n_45.0.2454.85–0ubuntu0.15.04.1.1181_all.deb chromium-browser_45.0.2454.85–0ubuntu0.15.04.1.1181_armhf.deb

Step 4: get some other stuff

sudo apt-get install x11-xserver-utils unclutter

Step 5: write a script to launch the browser after bootup

cd .config/lxsession/LXDE-pi/
sudo nano autostart
@chromium-browser — kiosk — incognito http://garbage-plate.herokuapp.com
@xset s noblank
@xset s off
@xset -dpms
@unclutter -idle 0.1 -root
sudo nano /etc/lightdm/lightdm.conf
xserver-command= X -s 0 -dpms

Step 6: Let’s give it a go

Step 7: The install

Image for post
Image for post
Garbage Plate bumper by Upstatement Apprentice Kate Boudreau

Upstatement

Stories from the digital brand & product studio

Mike Swartz

Written by

Principal, Creative Director at Upstatement.com. Artist, guitarist, maker and breaker of things.

Upstatement

Stories from Upstatement, a digital brand & product studio: www.upstatement.com

Mike Swartz

Written by

Principal, Creative Director at Upstatement.com. Artist, guitarist, maker and breaker of things.

Upstatement

Stories from Upstatement, a digital brand & product studio: www.upstatement.com

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch

Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore

Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store