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

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/moonstruckdrops@github/items/c58528df1ad4632cff52

dashingまとめ
https://qiita.com/miyay/items/e4bfe6ab84ec1ff1c674


Twitter API 登録 (アカウント申請方法) から承認されるまでの手順まとめ ※2018年9月時点の情報
https://qiita.com/kngsym2018/items/2524d21455aac111cdee

コメント

このブログの人気の投稿

Ubuntu で RAIDディスクをマウントする

謎のHDDが見つかった。 データを確認するためWindowsにつなぐもマウントされず。 これは extとかffsの辺りかなと思い、Linux(Ubuntu)に繋ぐ。 しかし、自動マウントされない。 取り敢えずマウントする。 # mount /dev/sdb1 /mnt/disk すると'linux_raid_member'とエラー表示された。 ということで、まずファイルシステムを確認。 # parted -l このコマンドでファイルシステムが表示される。 また、Gparted でも表示される。 そこでRAIDディスクを扱うためにmdadmパッケージをインストール。 # apt install mdadm ネットでは mountコマンドの -t オプションで明示的にファイルシステムを指定するとマウントできると書いてあったのでそれを試すとマウントできた。 # mount -t ext3 /dev/sdb1 /mnt/disk 内容を確認すると不要なデータだったのでデータを削除する。 # shred -v /deb/sdb この処理はとても時間がかかるので普段使わないコンピュータで処理をした。

Perl/Tk の基本的なこと

X を利用したアプリケーションを作る方法は色々あるが、Tk を用いると簡単に出来る。 Tk - Wikipedia https://ja.wikipedia.org/wiki/Tk_(ツールキット) Tk で作るWindowをどの言語で書くかによって変わってくるが、Tcl/Tkが最も有名かもしれない。 Tcl/Tk - Wikipedia https://ja.wikipedia.org/wiki/Tcl/Tk wish (Windowing Shell) を用いてスクリプトを組むことでグラフィカルなアプリを作れる。 Tclはこのwishで使われるプログラミング言語であり、簡単に使える。かなり多くのシステムに導入されていることもあり、特に何かをインストールせずとも使うことが出来る。 このTclの部分をperlに置き換えたものがPerl/Tkである。 Perl/Tk インストール Perl/Tk は Tcl/Tk と違いデフォルトでインストールされていないことが多い。 ubuntuだと perl-tk をインストールすると使えるようになる。 # apt install perl-tk 取り敢えず作ってみる 次のようなサンプルファイル sample.pl を作る。 sample.pl use utf8; use Tk; # トップウィンドウを作る $top = MainWindow->new(); # ウィンドウ内に文字(ラベル)を表示する $label = $top->Label(-text => "ここに文字を書く")->pack(); # ウィンドウを生成する MainLoop(); ちなみに文字コードは UTF-8 になってる。 $ file sample.pl sample.pl: UTF-8 Unicode text 次のコマンドで実行する。 $ perl sample.pl 実行できる形の sample.pl Shebang を書いて実行ファイルとしても実行できる。 たぶん次のようなファイルになる。 一行目のShebangは環境によって異なるが多くのシステムは多分これで通る。 #!/usr/bin/perl use utf8; use...

vim でスペースやタブ等を可視化する

vim で編集していたらタブや改行、スペース等が見えればいいなと思ったので、見えるようにしてみた。 .vimrc に次を書き加えると表示される。 set list set listchars = tab :»-,trail:-, eol :↲,extends:»,precedes:«,nbsp:% これでだいたい表示されるが、全角スペースは表示されないので、 次も書き加えると表示される。 if has("syntax")     syntax on     " PODバグ対策     syn sync fromstart     function! ActivateInvisibleIndicator()         " 下の行の" "は全角スペース         syntax match InvisibleJISX0208Space " " display containedin=ALL         highlight InvisibleJISX0208Space term=underline ctermbg=Blue guibg=darkgray gui=underline     endfunction     augroup invisible         autocmd! invisible         autocmd BufNew,BufRead * call ActivateInvisibleIndicator()     augroup END endif [参考] Vimのタブ・空白・改行文字等をlistcharsで色変更 https:/...