Создание настенной приборной панели с помощью Dashing.io и Raspberry Pi

Dashing.io – это простой способ создания великолепных приборных панелей. Он прост в настройке на машинах под управлением Linux, что означает, что вы можете использовать его для создания настенной приборной панели с помощью Raspberry Pi

Dashing.io – это изящный интерфейс для создания великолепной приборной панели. Приложение отображает веб-настраиваемую приборную панель с виджетами по вашему выбору. Поскольку Dashing прост в настройке на машинах под управлением Linux, он предлагает отличные возможности для создания настенной приборной панели с помощью Raspberry Pi

Этот проект не только забавен, но и создает функциональную приборную панель. Вам не потребуется никаких глубоких технических знаний, чтобы заставить его работать, поэтому это отличный проект Raspberry Pi для начинающих

Требования

Перед тем как сделать настенную приборную панель, вам понадобится несколько предметов. Во-первых, вам явно понадобится Raspberry Pi. Поскольку Dashing.io довольно легкий, достаточно будет Raspberry Pi 2. Именно его я использовал, и он работал как чемпион. Также подойдет Raspberry Pi Zero.  Кроме того, вам понадобится карта microSD с операционной системой Linux. Мы рекомендуем стандартную Raspbian, ОС на базе Debian, но вы также можете использовать любую операционную систему Linux, совместимую с Raspberry Pi. Поскольку Dashing.io требует подключения к Интернету, вам также понадобится адаптер Wi-Fi или кабель Ethernet, подключенный к Pi

Затем вам понадобится дисплей для Raspberry Pi, средства крепления и рамка. Если вам хочется пофантазировать, вы можете приобрести сенсорный экран Raspberry Pi и поместить Pi в него с помощью теневой коробки. В качестве альтернативы подойдет любой старый монитор и дополнительная рамка или дерево для ее изготовления. Нет недостатка в способах подключения Raspberry Pi к монитору или телевизору

Этот проект можно выполнить через удаленное SSH-соединение, но поскольку он выводится на дисплей на Raspberry Pi, вероятно, проще просто делать все с рабочего стола с подключенными мышью и клавиатурой

Установка Dashing.io

Предварительные условия

Перед установкой Dashing.io вам понадобится немного программного обеспечения. Для Dashing.io в качестве предварительного условия требуется Ruby 1. 9. 9 или более поздняя версия. Если вы используете Raspbian, скорее всего, он у вас уже установлен. Вы можете проверить это с помощью следующей команды:

ruby -v

Это должно вернуть текст, сообщающий о версии Ruby или о том, что Ruby не установлен

Если у вас не установлен Ruby, вы можете сделать это, выполнив следующую команду:

sudo apt-get install ruby1. 9. 1-dev

Вам также понадобится g++. Для его установки введите команду:

sudo apt-get install g++

Установить лихачество

Установив Ruby и g++, мы можем приступить к установке нашего проекта Dashing. Выполните команду:

sudo gem install dashing

Это установит Dashing. Создайте новый каталог под названием dashboard и измените каталог в нем:

mkdir dashboard &&cddashboard

Давайте создадим новый проект. Теперь введите:

dashing new sweet_dashboard_project

Создав новый проект приборной панели, мы получим папку, созданную для нашей новой приборной панели. Не стесняйтесь назвать ее как угодно, но только запомните, как вы ее назвали. Убедитесь, что вы находитесь в папке sweet_dashboard_project в вашей командной строке. Используйте команду:

cddashboard/sweet_dashboard_project
sudo gem install bundler

Это позволит вам запустить бандлер. Для этого введите:

bundle

В настоящее время создан шаблон приборной панели. Скоро вы сможете просмотреть его в своем веб-браузере, но перед этим вам нужно запустить dashboard. Убедитесь, что вы находитесь в каталоге sweet_dashboard_project в командной строке, затем введите:

cddashboard/sweet_dashboard_project
dashing start

Чтобы просмотреть приборную панель, откройте веб-браузер и загрузите

http://localhost:3030

(или

http://raspberrypi.local:3030

если вы делаете это с другой машины)

Устранение неполадок

Если вы получаете ошибку о времени выполнения JavaScript, возможно, вам необходимо установить npm. Просто введите:

sudo apt-get install npm

Обратите внимание, что Dashing по умолчанию использует порт 3030. Вы можете добавить параметры для изменения этого порта. В командной строке выполните:

dashing start -p  port number 

Это позволяет указать нужный порт. Тогда вы загрузите Dashing с http://localhost: номер порта , а не с 3030

Так же как вы запускаете Dashing, вы можете остановить его. Чтобы остановить Dashing, выполните:

dashing stop

Аналогично, если вы хотите запустить Dashing в фоновом режиме, добавьте -d к команде:

dashing start -d

Добавление виджетов в Dashing

По умолчанию на приборной панели вы увидите несколько основных виджетов, таких как Buzzwords и Synergy bar, но они довольно бесполезны без добавления собственной функциональности. Вы найдете список доступных виджетов, которые можно настроить. Я добавил цифровые часы, которые отображают дату и время. Добавить виджет очень просто: загрузите его активы и отредактируйте HTML-файл

Способ установки виджетов зависит от конкретного виджета. Например, виджет 12-часовых часов, который я загрузил, требует установки из командной строки и редактирования файла HTML приборной панели. Для установки виджета 12-часовых часов Dashing откройте командную строку и перейдите в корневой каталог проекта Dashing:

cddashboard/sweet_dashing_project

После смены директорий на корневой проект Dashing запустите:

dashing install 6e2f80b4812c5b9474f3

Но это еще не все. Теперь вам нужно поместить следующий HTML-код в файл проекта Dashing:

<lidata-row'1'data-col'1'data-sizex'1'data-sizey'1'>
<divdata-view'TwelveHourClock'></div>
</li>

Вы найдете файл проекта в папке dashboard/sweet_dashboard_project/dashboards. Установка по умолчанию включает файл erb под названием sample.erb. Вы можете использовать его или создать свой собственный. Используя Dashboard, вы можете создать несколько дизайнов приборных панелей, используя файлы erb с разными именами. Затем просто перейдите в

localhost:3030/ name of erb file 

для просмотра другой приборной панели. Откройте нужный файл erb и добавьте соответствующий HTML-код, чтобы добавить новый виджет на приборную панель Dashing

Чтобы добавить новый виджет, достаточно просто загрузить HTML-код в конце шаблона erb как новый элемент списка. Вы можете изменить местоположение виджетов в макете приборной панели, перетаскивая их в веб-приложении. Вам нужно будет использовать логику HTML, размещая элементы списка вместе в тегах неупорядоченного списка (ul). Но размещение в списке не диктует расположение приборной панели – вы сможете настроить его позже, перетаскивая виджеты

Монтаж приборной панели

Не существует правильного или неправильного способа крепления монитора к стене. Если у вас есть один из сенсорных экранов Raspberry Pi, вы можете приобрести простую рамку или теневой ящик, чтобы установить его вокруг. Вы можете применить свои столярные навыки и построить рамку из дерева или использовать уже имеющуюся рамку. Я использовал теневую коробку и старый 20-дюймовый монитор Samsung

Вы можете использовать старый экран ноутбука в качестве монитора, если у вас есть необходимое оборудование. Если вы хотите получить действительно великолепный дисплей, купите один из этих восьми красивых корпусов для Raspberry Pi

Ослепительно хороший дисплей: Заключительные размышления

Dashing – отличный проект для вашего Raspberry Pi. Его невероятно легко настроить, и в нем есть приличный выбор виджетов от сторонних разработчиков. Есть небольшая оговорка: Dashing больше не поддерживается активно, но это означает, что вам не стоит ожидать обновлений основного программного обеспечения – все, что уже есть, будет продолжать работать. Существует также форк под названием Smashing, который имеет схожий набор функций

Я бы рекомендовал объединить Dashing с другим проектом. Например, попробуйте установить Siri-подобный Jasper на ваш Raspberry Pi для отображения приборной панели, которая удваивается как помощник искусственного интеллекта с открытым исходным кодом. Или попробуйте немного автоматизировать дом на Raspberry Pi