スキップしてメイン コンテンツに移動

投稿

ラベル(デジタルサイネージ)が付いた投稿を表示しています

smashing を docker で動かしてみる

smashing とは ダッシュボード用のソフト。 [公式]  http://smashing.github.io/smashing/ ruby で開発されていて、カスタマイズするためにruby、CoffeeScript等を用いる。 うまくカスタマイズすればデジタルサイネージとして使える。 dockerhub に公開されているイメージでsmashingを動作させるための方法。 次のイメージを利用する。 visibilityspots/smashing https://hub.docker.com/r/visibilityspots/smashing 次のコマンドでsmashingを起動する。 $ sudo docker run -d -p 8080:3030 visibilityspots/smashing ブラウザで http://localhost:8080/ にアクセスするとダッシュボードが表示される。

ダッシュボード dashing 関連のサイト集

smashing wiki https://github.com/Smashing/smashing/wiki smashing Additional Widgets https://github.com/Smashing/smashing/wiki/Additional-Widgets dashingまとめ https://qiita.com/miyay/items/e4bfe6ab84ec1ff1c674 Raspberry Piで作るお手軽Dashbord https://qiita.com/moonstruckdrops@github/items/c58528df1ad4632cff52 Dashingで簡単にダッシュボードを作る方法 https://www.ryuzee.com/contents/blog/6861 モダンなダッシュボード用フレームワークDashing入門 https://blog.qnyp.com/2013/05/09/try-dashing/ 朝専用ダッシュボード onTV #powered by RaspberryPi and Dashing https://qiita.com/nori-dev-akg/items/f9119612c46fcddfb5e2 いまさら dashing で俺得ダッシュボードを作って heroku にデプロイしたのでメモしとくよ https://blog.a-know.me/entry/2015/07/19/100605 Dashingのカスタムウィジェットを作成する http://kimh.github.io/blog/jp/dashing/creating-custom-dashing-widget-ja/ CoffeeScript入門(前編) ― CoffeeScriptの基本構文 https://www.buildinsider.net/web/rubyonrails4/0901

smashing を設定してみる

smashing のみを実行するとヘルプが出る。 $ smashing Commands: # Creates a new widget, dashboard, or job.   smashing generate (widget/dashboard/job) NAME # Describe available commands or one specific command   smashing help [COMMAND] # Installs a new widget from a gist (skip overwrite).   smashing install GIST_ID [--skip] # Runs the specified job. Make sure to supply your auth token if you have one set.   smashing job JOB_NAME AUTH_TOKEN(optional) # Sets up ALL THE THINGS needed for your dashboard project.   smashing new PROJECT_NAME # Starts the server in style!   smashing start # Stops the thin server   smashing stop smashing install GIST_ID とあるが、この GIST_ID を  GitHub Gist https://gist.github.com/ で調べて実行するとネットからダウンロードしてインストールしてくれる。 ●RSS feedのインストール RSSを表示する Wedgit が欲しかったので RSS feed https://gist.github.com/bsag/5894847 を次のコマンドでダウンロードした。 $ smashing install 5894847 ※ このコマンドはプロジェクトのルードディレクトリで実行する。 RSS feed のページにインストール手順が書...

smashing をインストールしたが 起動しない

smasshing を使ってダッシュボードを作ってみた。 Raspberry Pi にダッシュボードをインストールしデジタルサイネージ(電子看板)を作る https://atsreport.blogspot.com/2019/06/raspberry-pi.html 仮想環境に構築し色々設定し起動してみたがエラーが出て起動しない。 bundler: failed to load command: thin (/usr/local/bin/thin) ExecJS::RuntimeUnavailable: Could not find a JavaScript runtime. See https://github.com/rails/execjs for a list of available runtimes. 環境によるみたいで次の内容を Gemfile ファイルに次の追記すると起動した。 === gem 'execjs' gem 'therubyracer' === [参考] Dashingで簡単にダッシュボードを作る方法 https://www.ryuzee.com/contents/blog/6861

Raspberry Pi にダッシュボードをインストールしデジタルサイネージ(電子看板)を作る

前に書いたメモを参考にデジタルサイネージ(電子看板)を作る。 デジタルサイネージを作りたいので、そのためのメモ https://atsreport.blogspot.com/2019/05/blog-post.html 今回の方法はsmashing をインストールし、ブラウザでアクセスすればよい。 smashing https://github.com/Smashing/smashing ruby.h が入っていないと怒られるので最初にruby-devをインストールしておく。 $ sudo apt install ruby-dev 以下の手順ははsmashingの公式に書かれている通りである。 まず、bundler をインストール bundler https://bundler.io/ $ sudo gem install bundler つぎに smashing をインストール $ sudo gem install smashing このインストールはちょっと時間がかかった。 3分ぐらい。 これで基本的なインストールは終わり。 次に表示するプロジェクトを作成。 $ smashing new my-project プロジェクトのディレクトリ内に移動。 $ cd my-project 必要なgemがあればインストールする。 $ bundle ダッシュボードを起動する。 $ smashing start 起動するとtwitter API key を入力するようにエラーが表示される。 デフォルトのWidgetにはtwitterが含まれている為である。 API key を得るためには申請する必要がある。 ブラウザで localhost:3030 にアクセスすると表示される。 F11 とかで全画面にするとデジタルサイネージとして使える。 smashing を実行したコンピュータへブラウザで接続すると表示されるため、 smashing 実行用とデジタルサイネージ用のコンピュータを分けてもよい。 後は必要に応じてカスタマイズをすればよい。 [参考] Raspberry Piで作るお手軽Dashbord https://qiita.com/moonstruck...

デジタルサイネージを作りたいので、そのためのメモ

ラズパイでデジタルサイネージを作りたい。 ネット検索すると大まかには次の2パターンが多く見つかった。 静止画を表示する ・・・ デジタルフォトフレームを作る 動画を表示する ・・・ vlc で再生 ラズパイは負荷が大きくなると発熱が増えるし電力も必要になるため、 省エネな感じで株価や天気、ニュースなどを表示したい。 思いついたのは次のような方法。 スクリーンセイバーでRSSを表示 ブラウザでRSSを表示 テキストを出力するインタフェースを準備する スクリーンセイバーを使う場合は Xscreensaver にRSSやテキストを表示するオプションがあったので テキストが表示できるスクリーンセイバーを作ればいい。 C言語使って作る必要があるみたい。 ブラウザでRSSを表示する場合は、 CGIでRSSを拾ってきて表示する。 インタフェースを自前で準備するなら、 GUIツールキット(Xt、GTK+、Qt、Tk等)で作る。 ダッシュボードを構築する方法もある。 これが一番現実的。   smashing https://github.com/Smashing/smashing   SINATRA http://sinatrarb.com/intro-ja.html Rubyの軽量フレームワークを用いて構築できるようなので機会があれば試してみる。 === 追記 eog でスライドショーが流せるらしいので、 デジタルフォトフレームとして必要な情報を画像にして表示できる模様。 [参考] Raspberry Pi 3で17.3インチのデジタルフォトフレームを作った! https://lab.sonicmoov.com/development/raspberry-pi-3-digital-photo-frame/ ラズパイと高精細IGZO液晶で作る高機能フォトフレーム https://xn--p8jqu4215bemxd.com/archives/6894 デジタルサイネージとRaspberry Pi https://raspida.com/digital-signage Raspberry Piでデジタルサイネージを作る https://qiita.com/nanbuwks/ite...