MUST

• 見本通りにボタン回路の配線を行い、サンプルアプリを使用してCHIRIMEN上で物理ボタンによるLEDオンオフ操作ができる。

SHOULD

• WebアプリによるGPIO入力の仕組みを学習し、プログラムとボタン操作の関連性を理解する。

MAY

• 物理ボタンchangeイベントを検知し、任意の処理を実行するプログラムを作ることができる。

各グループに機材を配布する。

• CHIRIMEN
• microUSBケーブル
• microHDMI-HDMIケーブル
• ACアダプタ
• HDMIディスプレイ
• USBマウス
• ブレットボード
• LED適量
• 抵抗適量
• タクトスイッチ
  
• スルーホール用ジャンパワイヤ適量

• GPIO端子を入力として使うときはnavigator.setGpioPort(199,“in”)のように、二つ目の引数を“in”に設定する。

該当コード：GPIO端子を入力として初期化

• 複数のGPIO端子を初期化する。

該当コード：複数のGPIO端子の初期化

• Promise.all([ ])で初期化処理を囲むことで複数のGPIO端子を一度に初期化することができる。
• Promise.all([ ])の中にはカンマ“,”区切りで初期化処理を記述する。

• GPIO初期化後の処理を記述する。

該当コード：GPIO端子初期化後の処理

• Promise.all([ ])を使用した結果は配列で帰ってくる。サンプルのように“.then(ports => {});”とした場合、変数portsの中に初期化されたGPIOポートオブジェクトが配列で格納される。
• サンプルプログラムでは以下のようになる

navigator.setGpioPort(198,“out”)　→　ports[0]
navigator.setGpioPort(199,“in”)　→　ports[1]

• 入力に設定したGPIO端子の値が変化したとき、onchangeメソッドが呼ばれる。

該当コード：GPIOの値のchangeイベント

• buttonPort.onchange = function(v){}のようにchangeイベントが発生したときの処理を記述しておくことができる。
• Changeイベントが発生したときのGPIOの値は関数の第一引数(v)に格納される。
• CN1-10端子はプルアップされており、解放状態で1、接地状態（ボタンを押したとき）で0となるので、値を反転させてからledPortに出力する。これによりボタンを押したときにLEDが点灯、離したときに消灯という動作になる。