Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

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

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

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

Hiroto YAMAKAWA

November 16, 2019
Tweet

More Decks by Hiroto YAMAKAWA

Other Decks in Education

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