WH)にWebIOPiをインストールして、パソコンやスマホから操作する方法を紹介します。100均の材料で作ったハーバリウムをきれいに光らせてみたいと思います。済んだものを使用します。8~32GB詳しくは、こちらです。正規品3microUSB電源ケーブルスマホの充電ケーブルでOKです。詳しくは、こちらです。4パソコンmicroSDに書き込めるもの。詳しくは、こちらです。UX331UN-8250B5ブレッドボード詳しくは、こちらです。今回はミニサイズのブレッドボードを使用しています。詳しくは、こちらです。詳しくは、こちらです。8フルカラーLED詳しくは、こちらです。固定できれば何でもOKです。次で詳しく紹介しています。10LEDの光をあてるもの初めて、なんちゃってハーバリウムを作ってみました。次で詳しく紹介しています。WHを固定する台をレゴブロックで作りました。LEDの光が反射するようにアルミホイルを紙に貼って反射板を作って......。カットした牛乳パックの後ろに貼りました。牛乳パックで周りも白っぽくして完成です。LEDの光をあてるものLEDの光をあてるときれいなものということで、初めてハーバリウム作りに挑戦してみました。全部、ダイソーで購入してきました。等)ハーバーリウムオイル作り方ガラス瓶の中を消毒スプレーをしたティッシュで拭きます。中に造花やポプリなどを入れます。家にあった透明のビーズなども入れてみました。最後にゆっくりハーバーリウムオイルを注ぎます。コツはぎゅうぎゅうにならないように、光が通る空間を空けることです。小学2年生のうさたんと一緒に作りました。方法を、簡単な図で示します。フルカラーLEDの一番長い端子が3カソードです。緑・青・赤の各LEDを100%点灯したとき、きっちり白く見えるようにするには、各色に接続する抵抗の大きさを変える必要があります。この製品の具体例は、秋月電子通商のFAQページで紹介されています。配線の写真ブレッドボード部分のアップです。WH)を操作する方法を調べました。いくつか見つかった中で気になったのはこの3つです。Python33つとも試してみたいので、まずは一番情報がありそうなWebIOPiから挑戦してみます。WH)にアクセスできるフレームワークです。Webサーバーの機能も動いているので、WebIOPiのURLにアクセスして、簡単にLEDやモーターを制御したり、センサーの値を読み取ったりすることができます。WebIOPiのインストールインストールについては、こちらのサイトで詳しく説明されています。開発が終了したWebIOPiを最新のRaspbianで動作させよう。分かりやすいので、ざっと手順のメモと迷ったところだけ補足します。WH)のブラウザで、WebIOPiのダウンロードページにアクセスして、WebIOPi-0.7.1.tar.gzリンクをクリックしてダウンロードします。*上のダウンロードボタンではなく、画面の少し下の所のリンクなので注意です。展開先に/home/piを指定して「展開」ボタンをクリックします。パッチを当てるターミナルを起動して、コマンドを入力します。webiopi-pi2bplus.patch*wgetしている先は、GitHubというプログラムなどを保存・公開できるサービスです。インストールターミナルでコマンドを入力します。Internet?」[Y/N]と聞かれたらNを入力してEnterキーを押しますWebIOPiの環境設定ファイルをコピー/usr/share/webiopi/htdocs/下のフォルダやファイルを、/home/pi/webiopi/に全てコピーします。(コピー)設定ファイル編集エディタで設定ファイルを開きます。(設定ファイルを編集)設定ファイル内の[SCRIPTS]に、動作させておきたいPythonプログラムを指定します。行を#でコメントアウトします。WebIOPiの起動と停止WebIOPiの起動ターミナルで以下のコマンドを入力して起動します。ググってみても、解決策が出てきません。WH)を再起動してみます。webiopiまあちゃんやったー!今度はエラーが出ない!ちゃんとWebIOPiが実行されているかは、psコマンドで確認します。停止コマンドはこちらです。webiopi終了処理に時間がかかるのか、シャットダウンにかなり時間がかかるようになりました。再起動するコマンドはこちらです。認証画面でユーザー名とパスワードを入力し、「ログイン」ボタンをクリックします。raspberry*設定ファイルでpasswd-fileの行をコメントアウトした場合は表示されません。Menu」画面が表示されたらOKです。サンプル画面WebIOPiには、すぐに動くサンプル画面が用意されています。Header」をクリックすると、GPIOの画面が表示されます。GPIOのIN/OUTやHIGH/LOWを変更することができます。*もし、反応しなかったら、何回かリロードすると動くこともあります。チュートリアル&ドキュメントWebIOPiをどうやって使うのか、とっても参考になるチュートリアルやドキュメント(Javascriptライブラリなど)も用意されています。basis」は、時間でLEDをON/OFFするプログラム。macros」では、SENDボタンでマクロを呼び出し、LEDをON/OFFする時間を変更できます。script.pyがあります。このプログラムを変更して、プログラムを作っていきます。プログラムWebIOPiを使って、フルカラーLEDを光らせるプログラムを作成しました。/home/pi/webiopi/test/に、以下のindex.htmlとscript.pyを保存します。index.htmlスライダー・画像・ボタンの設置と制御をしています。詳しくは、コメントを見てください。id="btnOff">消灯</button></div></body></html>JavascriptやCSS(スタイルシート)などは、別のファイルにした方がいいのですが、ここでは内容を追いやすいように1つのファイルにまとめています。*画像の一部の座標を切り出すのに、こちらのサイトを利用させていだきました。Generatorscript.pyPython3のプログラムファイルです。パルス幅変調)は、デジタル信号のONとOFFを高速に繰り返すことで、疑似的にアナログ信号を出力する方式です。デジタル信号の入出力のみに対応しているラズベリーパイでアナログ信号を出力したいときに利用します。ONとOFFの比率をデューティー比といい、プログラムの中では0~100%の値を設定します。ラズベリーパイは、次の2種類のPWM信号を生成することができます。精度の高いPWM信号は2つしか出力できないので、用途によって使い分けます。利用)」でデバッグの方法が分かりやすく紹介されています。ありがとうございます!Pythonのプログラム中にデバッグ用のコードを書きます。World!")以下のコマンドでWebIOPiを起動します。[f12]キーでJavaScriptのデバッグができます。動作確認WebIOPiを起動し、パソコンやスマホのブラウザからアクセスして動作を確認します。アクセスして、こちらの画面が表示されればOKです。スマホからアクセススマホからは名前解決ができないので、IPアドレスを調べて「http://192.168.0.26:8000/test/」のようにアクセスします。show」と入力して確認します。パソコンと同じ画面でLEDを操作できます。上のスライダーは、緑・青・赤色を個別に操作できます。スライダーを操作している動画です。ちゃんぼくが操作してるよ~少し暗くして光らせてみました。真ん中の光の三原色の画像は、クリックした色にLEDが光ります。こちらは、操作している動画です。自動ボタン一番下の「自動」ボタンをクリックすると、フルカラーLEDが1秒ごとに乱数で設定された色に光ります。どんな色に光るか予測できないので、眺めているとおもしろいです。「消灯」ボタンでLEDが消えます。WHは、WebIOPiを入れるだけで、簡単にパソコンやスマホから操作できちゃうから、ほんとすごいですよね。きれいに光るフルカラーLEDもいろいろ使えそうなので、また利用してみたいと思います。コメントをキャンセルメールアドレスが公開されることはありません。*ウェブサイト上に表示された文字を入力してください。初心者ですが、ラズベリーパイを使った簡単な電子工作にいろいろ挑戦しています。よかったら、詳しいプロフィールも見てください。:お問い合わせはこちらです。