Pinterest Stumbleupon Whatsapp
Advertisement

Dashing.io is a neat interface for creating a gorgeous dashboard. The app displays a web-based customizable dashboard with widgets of your choosing. As it’s simple to setup on Linux-based machines, Dashing offers superb opportunities to create a wall-mounted dashboard with a Raspberry Pi.

This project is not only fun, but it creates a functional dashboard. You won’t shouldn’t any in-depth technical knowhow to get this one working, so it’s a great Raspberry Pi project for beginners Raspberry Pi Projects for Beginners Raspberry Pi Projects for Beginners These 10 Raspberry Pi projects for beginners are great for getting an introduction to the hardware and software capabilities of the Pi, and will help you get up and running in no time! Read More .

Dashing-Dashboard-Raspberry-Pi

Requirements

Before making your wall-mounted dashboard, you’ll need a few items. First, you’ll obviously need a Raspberry Pi. Since Dashing.io is quite lightweight, a Raspberry Pi 2 will suffice. That’s what I used and it ran like a champ. A Raspberry Pi Zero Getting Started with Raspberry Pi Zero Getting Started with Raspberry Pi Zero Whether you bought a magazine with one glued to the front, or found a kit online, the chances are you're now the proud owner of a $5 computer: the Raspberry Pi Zero. Read More should be fine as well.  Additionally, you’ll need a microSD card loaded with a Linux operating system. We recommend the standard Raspbian, a Debian-based OS, but you can also use any Linux operating system that’s compatible with a Raspberry Pi Not Just Raspbian: 10 Linux Distros Your Pi Can Run Not Just Raspbian: 10 Linux Distros Your Pi Can Run You're presumably running the latest version of Raspbian on your Raspberry Pi. But is it the best Linux distro for the device? Could there be an alternative that you might find suits you better? Read More . As Dashing.io requires an internet connection, you’ll also need a Wi-Fi adapter or Ethernet cable running into the Pi.

Then you’ll need a display for the Raspberry Pi, means of mounting, and a frame. If you feel like getting fancy, you can snag a Raspberry Pi touchscreen How to Setup Your Raspberry Pi Touchscreen How to Setup Your Raspberry Pi Touchscreen The Raspberry Pi comes with a variety of useful add-ons, but one piece of kit that has proved particularly popular is the Raspberry Pi 7-inch Touchscreen Display. Here's how to set one up. Read More and frame the Pi in that with a shadow box. Alternately, any old monitor and an extra frame or wood to make one will suffice. There’s no shortage of ways to connect your Raspberry Pi to a monitor or TV 5 Ways to Display Your Raspberry Pi On a Monitor Or TV 5 Ways to Display Your Raspberry Pi On a Monitor Or TV Back in the 1980s and 1990s, home computers didn’t rely on dedicated monitors to display operating systems, applications and games. In those days, things were far simpler. Instead of paying extra for a monitor, the... Read More .

This project can be completed over a remote SSH connection Setting Up Your Raspberry Pi For Headless Use With SSH Setting Up Your Raspberry Pi For Headless Use With SSH The Raspberry Pi can accept SSH commands when connected to a local network (either by Ethernet or Wi-Fi), enabling you to easily set it up. The benefits of SSH go beyond upsetting the daily screening... Read More , but since it outputs to the display on Raspberry Pi, it’s probably easier just to do everything from the desktop there with a mouse and keyboard attached.

Advertisement

Installing Dashing.io

Prerequisites

Before installing Dashing.io, you’ll need a bit of software. Dashing.io needs Ruby 1.9.9 or later as a prerequisite. If you’re using Raspbian, chances are you have that pre-installed. You can check using the following command:

ruby -v

This should return some text telling you the version of Ruby, or that Ruby is not installed.

Dashing-io

If you don’t have Ruby installed, you can accomplish this by running the following command:

sudo apt-get install ruby1.9.1-dev

You’ll also need g++. To install that enter the command:

sudo apt-get install g++

Install Dashing

With Ruby and g++ installed, we can proceed with installing our Dashing project. Run the command:

sudo gem install dashing

This installs Dashing. Make a new directory called dashboard and change directory into it:

mkdir dashboard && cd dashboard

Let’s set up a new project. Now enter:

dashing new sweet_dashboard_project

By creating a new dashboard project, we’ll have a folder set up for our new dashboard. Feel free to name this whatever you’d like but just remember what you called it. Make sure you’re in the sweet_dashboard_project folder in your command line. Use the the command:

cd dashboard/sweet_dashboard_project
sudo gem install bundler

This allows you to run the bundler. To accomplish that, enter:

bundle

There’s now a template of a dashboard set up. You’ll soon be able to view this in your web browser, but before doing so, you’ll need to start dashing. Make sure you’re in your sweet_dashboard_project directory in the command line, then enter:

cd dashboard/sweet_dashboard_project
dashing start

To view the dashboard, open your web browser and load up http://localhost:3030 (or http://raspberrypi.local:3030 if you’re doing this from another machine).

Troubleshooting

If you get an error about JavaScript runtime, you may need to install npm. Simply enter:

sudo apt-get install npm

Notice that Dashing by default uses port 3030. You may add parameters to edit that port. In a command line, run:

dashing start -p [port number]

This allows you to specify a desired port. Then you would load Dashing with http://localhost:[port number] rather than 3030.

Just like you start Dashing you can also stop it. To stop Dashing, run:

dashing stop

Similarly, if you’d like to run Dashing in the background, add -d to the command:

dashing start -d

Adding Widgets to Dashing

By default, you’ll see a few basic widgets like Buzzwords and a Synergy bar on your dashboard, but it’s fairly useless without adding your own custom functionality. You’ll find a list of available widgets you can tweak. I added a digital clock that displays the date and time. Adding a widget is as simple as loading its assets and editing an HTML file.

How you install a widgets slightly depends on the specific widget. For example, the 12-hour clock widget I loaded up required a command line install plus HTML dashboard file edit. For the Dashing 12-hour clock widget, open a command prompt and navigate to the root Dashing project directory:

cd dashboard/sweet_dashing_project

Once you’ve changed directories to the root Dashing project, run:

dashing install 6e2f80b4812c5b9474f3

But that’s not all. Now, you need to place the following HTML code in your Dashing project file:

<li data-row="1" data-col="1" data-sizex="1" data-sizey="1">
   <div data-view="TwelveHourClock"></div>
</li>

Sample-ERB-Dashing

You’ll find the project file is under dashboard/sweet_dashboard_project/dashboards. The default install includes an erb file called sample.erb. You can use this or make your own. Using Dashboard, you can make several dashboard designs using erb files with different names. Then simply navigate to localhost:3030/[name of erb file] to view a different dashboard. Open your desired erb file and add the proper HTML code to add a new widget to your Dashing dashboard.

To add a new widget, it’s as simple as loading the HTML code at the end of the erb template as a new list item. You can edit where in the dashboard layout widgets are by dragging them around in the web app. You’ll need to use HTML logic by placing the list items together within the unordered list (ul) tags. But placement within the list doesn’t dictate dashboard placement – you adjust that later by dragging and dropping widgets.

Widget-Examples-Dashing

Mounting Your Dashing Dashboard

There’s no right or wrong way to mount your monitor to the wall. If you’ve got one of the Raspberry Pi touchscreens, you may wish to get a simple frame or shadow box to put around that. You can put your carpentry skills to use and build a frame with wood, or use an existing frame. I used a shadow box and an old 20-inch Samsung monitor.

Raspberry-Pi-Dashing-Complete

You can salvage an old laptop screen as a monitor if you’ve go the right equipment. If you want a truly gorgeous display, snag one of these eight beautiful Raspberry Pi cases The 8 Most Beautiful Raspberry Pi Cases The 8 Most Beautiful Raspberry Pi Cases There are a handful of designs which really give the Pi a unique look. And thankfully, these unique enclosures usually don’t much – most are available for $20 or less. Read More .

A Dashingly Good Display: Final Thoughts

Dashing is an excellent project for your Raspberry Pi. It’s incredibly easy to set up, and there’s a decent selection of third-party widgets. There is a small caveat: Dashing is no longer actively maintained or supported, but that just means you shouldn’t expect updates to the main software — everything already there will continue to work. There’s also a fork, called Smashing, which has a similar featureset.

I’d recommend combining Dashing with another project. For instance, try installing the Siri-like Jasper on your Raspberry Pi for a dashboard display that doubles as an open-sourced artificial intelligence assistant. Or try a bit of Raspberry Pi home automation Home Automation with Raspberry Pi and Arduino Home Automation with Raspberry Pi and Arduino The home automation market is flooded with expensive consumer systems, incompatible with one another and costly to install. If you have a Raspberry Pi and an Arduino, you can basically achieve the same thing at... Read More .

Leave a Reply

Your email address will not be published. Required fields are marked *

  1. Lucas
    May 13, 2017 at 2:19 pm

    ”You won’t shouldn’t any in-depth technical knowhow to get this one working,”

    Please fix that sentence...

  2. Nury
    May 11, 2017 at 2:58 am

    Hi, sometimes I get a 404 website message when I arrive at this webpage. Just a heads up, best wishes

  3. Bill
    May 5, 2017 at 2:19 pm

    Is there a reason for wanting to use an unmaintained project?
    Smashing (the fork) would be a better option