IoTを高校生に体験させる授業、立ち塞がる壁 / IoTLT北日本

「IoTを高校生に体験させる授業、立ち塞がる壁（※公開版）」

IoT縛りの勉強会！IoTLT北日本！（盛岡開催）
https://iotlt.connpass.com/event/152397/

Transcript

1. ハッシュタグ：#IoTLT IoTを高校生に体験させる授業、 立ち塞がる壁 山川広人　（@gishi_yama） 公立千歳科学技術大学 情報システム工学科 1
2. ハッシュタグ：#IoTLT 北日本開催ということで
 厚めに自己紹介 2
3. ハッシュタグ：#IoTLT 3
4. ハッシュタグ：#IoTLT 北海道からきました 4 9月に 札幌版IoTLT Vol.6を開催しました！
 （拍手） 意外と近く感じる
 ※今回は東京経由なので体感的には遠かった 11月28日（木）にも
 何かが起こる...!!
5. ハッシュタグ：#IoTLT IoTLT札幌 5 ①2017年9月
 登壇5件
 参加者18名 ②2017年9月
 登壇6件
 参加者25名 ③2018年2月
 登壇10件
 参加者26名 2017年9月にIoTLT本体からブランチ 2年間で6回開催 登壇件数5〜10件程度、 参加者20名前後で推移
6. ハッシュタグ：#IoTLT IoTLT札幌 6 ④2019年8月
 登壇7件
 参加者25名 ⑤2019年1月
 登壇14件
 参加者22名 参加者・登壇者
 （特別な場合を除いて）ほぼ社会人 登壇テーマ
 「作ってみた・やってみた系」が多め 主催者としての最近の思い 年齢層を下方向に、
 テーマを横方向に広げたい ⑥ 2019年9月
 登壇7件
 参加者25名
7. ハッシュタグ：#IoTLT 公立千歳科学技術大学　情報システム工学科 専任講師
 R&D： Experimental Development　of ICT (ex: City-Bus Tacking System) 
 Computer in Education, Programming and Programmer's Learning 
 
 Communities： YAMAKAWA, Hiroto : @gishi_yama 7
8. ハッシュタグ：#IoTLT 本題 8
9. ハッシュタグ：#IoTLT 地元の普通高校からキャリア教育授業の依頼 9 高校1,2年生 25人ぐらいで 自分の進路の考えさせる授業で 人数分のiMacあります インターネット繋がってます(※有線LAN） 大学の授業を体験できるようなネタで 80分で • 普段高校の授業では
 なかなか触れられないようなネタで • 数行のプログラミングでも体験できて • （情報技術分野や、大学レベルの）
 面白さとか驚きの体験につながるよう なもの となれば、やっぱり
10. ハッシュタグ：#IoTLT 20分　IoTの概要や実例の紹介 15分　機材の説明と設置
 　　　　 プログラミング準備 　5分　教室のCO2濃度の推測・仮説 20分　プログラミング 10分　計測結果からの考察 10分　振り返り（ワークシート） 授業シナリオの設計 〈教室の二酸化炭素濃度を測ってみる〉 10 身の回りの環境や生体情報を
 センシングして、情報サービスが
 実現できることを体験してほしい
11. ハッシュタグ：#IoTLT ブローカー役のプログラムを教員PCに用意し、ngrokでエンドポイント公開
 　⇒ Wio-NodeのCO2のREST-APIを定期的に読んで、WebSocketで配信 生徒は各自のPCでJSコードを書き、WebSocketエンドポイントに接続&c3.jsで描画
 　⇒ 実際の記載は6行ぐらいで済むようにスケルトンコードを配布、グラフ化 実際の構成 11 モバイルルーター ブローカー役の
 WebSocket
 Endpoint　を準備 ngrok
 サーバー
 (AWS） 〈トンネリング通信〉 教員PC Wio Node ×3
 MH-Z16 (×3) REST-APIで濃度
 取得（15秒ごと) サブスクライバー役
 のプログラムを作成 WebSocketで
 取得した濃度の配信 JS 生徒のPC 高校のPC教室 wio-link
 サーバー モバイルルーター
12. ハッシュタグ：#IoTLT 実は、大学学部2年生春の
 授業（180分）でやっている内容
 ほぼそのまま
 
 ⇒「直前に諸々準備するかー」 12
13. ハッシュタグ：#IoTLT 13
14. ハッシュタグ：#IoTLT Wio-Nodeが設定できない!!! ⇒ iOS13にしてから、iOS版のWio Linkアプリの挙動が怪しい
 　　Wio Nodeを設定モードにして、スマホからWi-FiのAPとして設定
 　　通常ならここでWio Linkアプリが設定モードに切り替わるが、
 　　切り替わらない ⇒ Wio-Link AppはiOS12までのみサポート
 　　　※今後更新してくれるのだろうか...？ 前日に立ち塞がる壁 14 Android版は普通に動くので、
 古の開発案件のテスト端末を
 引っ張りだして設定
15. ハッシュタグ：#IoTLT 原因？（未検証） 15 https://dev.classmethod.jp/smartphone/iphone/ios13_get_ssid/
16. ハッシュタグ：#IoTLT 当日 16
17. ハッシュタグ：#IoTLT 17
18. ハッシュタグ：#IoTLT 18
19. ハッシュタグ：#IoTLT 19
20. ハッシュタグ：#IoTLT 調べてみると、 生徒PC側で 403 Forbidden が出まくってる
 けれども、教員PC：サーバー側にはリクエストがきていない 当日に立ち塞がる壁 20 プログラムは間違ってないのに全員動かないです... ええっ！？
21. ハッシュタグ：#IoTLT 壁（逆ファイヤーウォール）にはばまれた 21 モバイルルーター ブローカー役の
 WebSocket
 Endpoint　を準備 ngrok
 サーバー
 (AWS） 〈トンネリング通信〉 教員PC REST-APIで濃度
 取得（15秒ごと) サブスクライバー役
 のプログラムを作成 WebSocketで
 取得した濃度の配信 JS 生徒のPC 高校のPC教室 wio-link
 サーバー モバイルルーター 403 道立高校ゲートウェイ
 （アクセス遮断） Wio Node ×3
 MH-Z16 (×3)
22. ハッシュタグ：#IoTLT 調べてみると、 生徒PC側で 403 Forbidden が出まくってる
 けれども、教員PC：サーバー側にはリクエストがきていない 当日に立ち塞がる壁 22 どうしようもないので、教員PCで動作結果だけをデモする
 自分の大学で ac.jp ドメインを払い出しておけばよかったのに... プログラムは間違ってないのに全員動かないです... ええっ！？ 道内（＝県内）の道立高校のゲートウェイで、かなり厳格なアクセス遮断フィルタが存在する
 　⇒ （現場の先生談）「Google検索もできない」　
 　⇒　野良のngrok（AWSサーバ）なんてもってのほか
23. ハッシュタグ：#IoTLT 〈敗因〉
 技術検証・現地テストを十分に通さず
 「今回もこれでいけるでしょ」
 エンジニアにあるまじき奢り・怠慢 23
24. ハッシュタグ：#IoTLT とりあえず、面白さは伝わった...？ 24
25. ハッシュタグ：#IoTLT • 準備を早めにしっかりしよう
 　⇒　IoTに限らず、エンジニアリングにはなにより技術検証・現地調査が重要 • 普通課程の高校の段階でも、
 実際にIoTプログラミングをやってみる、体験する教材はつくれそう
 　⇒ 今回は興味がある子がそもそも集まっている前提だが、なかなか好評 • （それはそれとして...）
 勿論、アクセス遮断フィルタの意義も意図もわからんでもないけれど、
 2022年から始まる高校でのプログラミング教育が、PC教室の環境面でめちゃ心配 まとめ 25