---
# System prepended metadata

title: 2024年度 Web×IoTメイカーズチャレンジ PLUS in 香川 ハンズオン講習会①：IoT解説・動くIoTで価値を形に
tags: [Web×IoTメイカーズチャレンジ]

---

---
title: 2024年度 Web×IoTメイカーズチャレンジPLUS ハンズオン講習会①：IoT解説・動くIoTで価値を形に
tags: Web×IoTメイカーズチャレンジ
slideOptions:
    theme: white
    slideNumber: 'c/t'
    center: false
    transition: 'none'
    keyboard: true
    width: '93%'
    height: '100%'
---

<style>
/* basic design */
.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6,
.reveal section, .reveal table, .reveal li, .reveal blockquote, .reveal th, .reveal td, .reveal p {
    font-family: 'Meiryo UI', 'Source Sans Pro', Helvetica, sans-serif, 'Helvetica Neue', 'Helvetica', 'Arial', 'Hiragino Sans', 'ヒラギノ角ゴシック', YuGothic, 'Yu Gothic';
    text-align: left;
    line-height: 1.8;
    letter-spacing: normal;
    text-shadow: none;
    word-wrap: break-word;
    color: #444;
}
.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {font-weight: bold;}
.reveal h1, .reveal h2, .reveal h3 {color: #2980b9;}
.reveal th {background: #DDD;}
.reveal section img {background:none; border:none; box-shadow:none; max-width: 95%; max-height: 95%;}
.reveal blockquote {width: 90%; padding: 0.5vw 3.0vw;}
.reveal table {margin: 1.0vw auto;}
.reveal code {line-height: 1.2;}
.reveal p, .reveal li {padding: 0vw; margin: 0vw;}
.reveal .box {margin: -0.5vw 1.5vw 2.0vw -1.5vw; padding: 0.5vw 1.5vw 0.5vw 1.5vw; background: #EEE; border-radius: 1.5vw;}
/* table design */
.reveal table {background: #f5f5f5;}
.reveal th {background: #444; color: #fff;}
.reveal td {position: relative; transition: all 300ms;}
.reveal tbody:hover td { color: transparent; text-shadow: 0 0 3px #aaa;}
.reveal tbody:hover tr:hover td {color: #444; text-shadow: 0 1px 0 #fff;}
/* blockquote design */
.reveal blockquote {
    width: 90%;
    padding: 0.5vw 0 0.5vw 6.0vw;
    font-style: italic;
    background: #f5f5f5;
}
.reveal blockquote:before{
    position: absolute;
    top: 0.1vw;
    left: 1vw;
    content: "\f10d";
    font-family: FontAwesome;
    color: #2980b9;
    font-size: 3.0vw;
}
/* font size */
.reveal h1 {font-size: 5.0vw;}
.reveal h2 {font-size: 4.0vw;}
.reveal h3 {font-size: 2.8vw;}
.reveal h4 {font-size: 2.6vw;}
.reveal h5 {font-size: 2.4vw;}
.reveal h6 {font-size: 2.2vw;}
.reveal section, .reveal table, .reveal li, .reveal blockquote, .reveal th, .reveal td, .reveal p {font-size: 2.2vw;}
.reveal code {font-size: 1.6vw;}
/* new color */
.red {color: #EE6557;}
.blue {color: #16A6B6;}
/* split slide */
#right {left: -18.33%; text-align: left; float: left; width: 50%; z-index: -10;}
#left  {left:  31.25%; text-align: left; float: left; width: 50%; z-index: -10;}
</style>

<style>
/* specific design */
.reveal h1 {
    margin: 0% -100%;
    padding: 2% 100% 4% 100%;
	color: #fff;
    background: #c2e59c;  /* fallback for old browsers */
	background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);
	background-size: 200% 200%;
	animation: Gradient 60s ease infinite;
}
@keyframes Gradient {
	0%   {background-position: 0% 50%}
	50%  {background-position: 100% 50%}
	100% {background-position: 0% 50%}
}
.reveal h2 {
    text-align: center;
    margin: -5% -50% 2% -50%;
    padding: 4% 10% 1% 10%;
    color: #fff;
    background: #c2e59c;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #64b3f4, #c2e59c);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #64b3f4, #c2e59c); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
</style>


<!-- --------------------------------------------------------------------------------------- -->


#### Web×IoTメイカーズチャレンジPLUS 2024-25
# ハンズオン講習会① <br> IoT解説・動くIoTで価値を形に
#### 場所：情報通信交流館eとぴあ・かがわ <br> 日時：2024年9月14日（土）10:30～17:00

---
## レコーディング


---
## 目次
### 10:30〜12:00　　事前準備
- 香川大学における大学・地域のDX推進に関する取り組み：IoTシステムの開発に向けた基本的な考え方と事例紹介
https://drive.google.com/file/d/1p4-2CM8jF-iI4fl1uhoEkcclTkINo9gY/view?usp=sharing

- 今回開発するIoT「バス接近通知システム」
    - バスが自宅の最寄りのバス停に接近してきたら教えてくれるスマートスピーカーを開発
    - 既存のIoTシステムで生成されたデータを利活用し，IoTシステムを派生開発
        - 宇多津町「みんなのおでかけバス」
https://komelabo.sakura.ne.jp/utazu/app/map/
        - 観音寺市「のりあいバス」
https://komelabo.sakura.ne.jp/kanonji/app/bus/

- プロトタイピング環境
CHIRIMEN Raspberry Pi Zero W チュートリアル
https://tutorial.chirimen.org/pizero/

### 13:00〜14:30 スマートスピーカーを開発してみよう
https://hackmd.io/@kometani/HJfhlzJTR

### 14:40〜16:10 バス接近通知システムを開発してみよう
https://hackmd.io/@kometani/HyNm4-kT0

### 16:20〜17:00 プロトタイプを踏まえた問題定義およびアイデア創出
- 本システムを応用した地域課題解決のアイデアを考えよう
    - バスロケシステム：移動するモノの状況（例：バスの位置，バスがどのバス停に接近しているかなど）を表現するデータを管理するシステム
    - バス接近通知システム：移動するモノの状況を分析し，ユーザに分析結果を通知することで付加価値を提供するシステム
- 考えたアイデアをGoogle スプレッドシートに書き込んでみよう
- 考えたアイデアを周りに発表しよう

### プロトタイピングを通じて得られた課題解決の着想
|発表者|課題|解決策|
|-----|----|----|
|Aさん|・運動不足<br>・南海フェリーの時間<br>・タクシー情報（すでに都市圏にはあり）<br>・子供の元気があとどれぐらいあるか<br>・離島のガソリンスタンドの廃業問題|・２４時間連続で移動が記録されない場合は警告させる？<br>・今回使用したものをフェリーやタクシーに適用<br>・服につけたセンサー・歩数計の移動量を計測し、可視化する|
|Bさん|・夏祭りなど行事の際の人混み|・バスロケのように神輿の位置情報を知れる、どこに屋台があるのかをマップ上に（夏祭りの場合）←スマホなどで見れると動きやすい|
|Cさん|飲食店の料理提供までの待ち時間を知りたい|調理を開始した段階でおおよそ調理にかかる時間と着手したことを客に通知するシステム|
|Dさん|・指定したポイントを通るバスが15分以上動かない場合は、事故・故障・渋滞等があったとして、バス会社・利用者に通知。<br>・エレベータは満員でも乗りたい人が居る階で止まる。<br>・近隣の住人が喫煙する。がんサバイバーの再発リスクUp、子供の受動喫煙を防ぎたい。<br>・道路面の整備が追い付いていない。|・バス会社から運転手に確認。救急車、代替手段の手配等を行う。渋滞時は、利用者に通知(対応できるように)。<br>・重量または人数が一定以上の場合は、途中階で止めない。<br>・検知して、外出や帰宅のタイミングを調整できるようにする。<br>・乗車時など、ガタンとなる場所を集めて、多い箇所から整備を進める。"|
|Eさん|・子供の見守りが難しい<br>・空いている駐車場を知りたい<br>・救急車が急に通るとビックリする|・子供が帰宅したら知らせる<br>・車の位置情報可視化<br>・救急車が近づいたら事前に知らせる|
|Fさん|・観光に付加価値を<br>・イベント時の駐車場待ち|・車窓観光化　車窓から見える絶景・名所を自動お知らせ。シニアなど車でなら動ける人も観光できる <br>・イベント時の駐車場待ち場待ち解消|
|Gさん|・渋滞、事故が起きやすい交差点等がある<br>・暑すぎて、寒すぎて、家から出るのが億劫になる|信号の最適制御に利用する(時間、時期毎の特徴を掴む等)<br>・(日光を検知するセンサー情報もバスに乗せて、)夏なら日陰の場所、冬は日向の場所を表示するシステムに利用する？|