回路を組み立てる

配線して図と同様の回路をつくる。

3 : ブレッドボード x 1 に
4 : 圧力センサ x 1
を設置した状態。

5 : 抵抗 180Ω
を追加して配線した状態。

6 : ジャンパワイヤ x 5 を追加し、
1 : Arduino Uno と配線した状態。

3 : USBケーブル (A-B)
をつなぎ、Arduino Uno と PC を接続した状態。

1 : Arduino Uno x 1
2 : USBケーブル (A-B) x 1
3 : ブレッドボード x 1
4 : 圧力センサ (FSR400) x 1
5 : 抵抗 180Ω x 1
6 : ジャンパワイヤ x 5
を用意する。

Firefox にアドオンを導入する

Mozilla Firefox に arduino.js for webpages (Firefox 用アドオン) をインストールする。

Firefox にアドオンがインストールされた状態。
確認は Firefox 右上のメニューボタン → 「アドオン」 より行う。

Arduino にプログラムを書き込む

arduino.js 圧力センサ用プログラム と Arduino IDE を用意する。

圧力センサ用プログラムにある "CommandServer.ino" を Arduino IDE で開く。

"CommandServer.ino" を開いた状態。

「→」マークの「マイコンボードに書き込む」ボタンをクリックする。

書き込み中は Arduino Uno の「TX」「RX」 が点滅する。書き込みが完了すると消灯する。

プログラムを開く

webpage フォルダの中にある pressureSensor.html を Firefox で開く。

完成!

参考資料

回路について
 - 圧力センサ
回路図の作り方
 - Fritzing
Arduinoについて
 - Arduino
arduino.jsについて
 - arduino.js