【読書記録】トコトンやさしいIOTの本
感想
- センサの仕組みが難しかった
- 航空会社のエンジン監視は制御盤でも使えるのでは?サポートでの仕事
- 今はロボットとの協調作業ができるとはしらなかった数年前はでは安全柵があたりまえだった
第一章 Iotで何がどう変わるのか?
- スケジュール駆動からイベント駆動社会へ「Iot社会」
- スケジュール支配の問題点「社会の変化に対応できるIot社会」
- イベント駆動社会におけるセンサ「人が起動するセンサと対話するセンサの役割」
- つながる技術がもたらすもの「インターネットにつながってからの急速な変化」
- インターネットの成立と発展「モノとモノをつなぐインフラ」
- Iot社会で生まれる新しいサービス「交通や医療も変わる」
- Iotがめざすもの「世界の政策と日本のSociety5.0」
- 第一章まとめと補足
第二章 Iotネットワークでの役割分担とは
- Iot社会における情報の形と予知「未来情報の信頼性」
- イベント駆動情報の役割「監視制御からの最適化」
- 大量データの処理「情報の集合が生む価値」
- クラウドサービス・プロバイダーの役割「エッジコンピューティングとフォグコンピューティング」
- 情報の流れを制御管理するデバイス「分散処理制御」
- Iot社会における無線通信システム「無線ネットワーク」
- Iotセンサ情報を処理するプログラム「Iotに必要なデバイス」
- 第二章まとめと補足
第三章 ビックデータ処理をどうIotに活用するか
- 認知、判断、制御機能分散と集中「ビックデータ処理機能」
- ディジタル情報の特徴「アナログの限界」
- パターン情報の認識と処理「モデル化技術の進歩」
- 対象識別のための情報処理「監視カメラの認識技術」
- クラウドデータの活用「クラウド能力にふさわしいビジネス」
- 品質データの集積と活用「Iotと品質維持」
- 第三章まとめと補足
第四章 Iot技術の主役はインテリジェンスセンサ
- センサデバイスへのニーズ「Iot時代のセンサ」
- ディジタル出力型センサデバイスの原理と構造「物理量センサ」
- 物理量センサのほかに化学量センサが必要「化学量センサ」
- アナログ出力型センサデバイスの原理と構造「センサデバイス」
- センサの知能に対する要請「センシング・インテリジェンスの役割」
- イメージセンサとディスプレイの原理と構造「イメージ情報を捉えるセンサ」
- アナログデータのディジタル変換の仕組み「A/D変換回路」
- 第四章まとめと補足
第五章 広域ネットワークの情報技術で重要なこと
- データの代表性を支配するサンプリング定理「サンプリングデータの代表性」
- データの時間密度と周波数帯域「人の声のサンプリング」
- センサの空間的密度と合理的配置「空間サンプリング」
- 情報の中断が重要な特徴「見守りと救援」
- センサ情報の収集と活用「サンプリング周期」
- センサ情報送信の仕組み「プロトコル」
- 第五章まとめと補足
第六章 IoTを推進する革新的技術
- AIの進歩(1)「機械学習」
- AIの進歩(2)「深層学習」
- 自動運転の技術「人と機械の役割分担」
- 実世界とサイバーとの接点「サイバー・フィジカル・システム(CPS)」
- 機械が人に合わせる情報交流「センシング・インテリジェンス」
- ロボット技術の展開「人とロボットの協調作業」
- 電子機器のソフト化「機能の多様化と不可視化」
- 加算的モノづくり「3Dプリンタ」
- 第六章 まとめと補足
第七章 IoTでつながるビジネスの実例
- つながるエンジン 保守のビジネス化「IoTプラットフォーム」
- 建設機械管理から工事の情報化「ICTソリューション」
- リモートメンテナンス「遠隔保守」
- 農工商融合によるイベント駆動型農業「植物工場とセンサ活用」
- 車の所有からシェアリングへ「カーシェアリング」
- ゲストとホストをネットで結びつける「民泊ビジネス」
- 乗客のスマホにつながるサービス「次世代列車情報管理システム」
- つながるタコグラフが価値を生む「商用車クラウドサービス」
- AIを活用した未病患者の発見「医療IoT」
- 第七章 まとめと補足
第八章 IoT社会の課題
- セキュリティ確保のための機能分散「サイバーテロの恐怖」
- 顔が見えない社会「責任の明確化」
- 製品は壊れてもサービスは続く「構想設計の重要性」
- イベント駆動になり切れない医療資源の偏在「医療サービスとIoT」
- ビジネスモデルの崩壊とビジネス組織の変革「企業の転機」
- なんとかなりませんかパスワード社会「個人セキュリティの強化」
- 人材の育成「IoT社会のオープン化」
- 第八章 まとめと補足
【コラム】
sololearn html5
26.1 introduction to html
<DOCTYPE HTML>
<meta charset="UTF-8">
27.1 content model
- Metadata
- Embedded
- Interactive
- Heading
- Phrasing
- Flow
- Sectioning
28.1 html5 structure
- header
- nav
- artcle
- section
- footer
29.1 header, nav, & footer
<body> <header> <h1>most important heading</h1> <h3>less important heading</h3> </header> </body>
<footer></footer>
<nav> <ul> <li><a href="#">home</a></li> <li><a href="#">services</a></li> <li><a href="#">about us</a></li> </ul> </nav>
30.1 article, section & aside
<article> <h1>the article title</h1> <p>contents of the article element</p> <section> <h1>heading</h1> <p>content or image</p> </section> <aside> <p>gift will be delivered to you whithin 24 hours</p> </aside> </article>
31.1 the audio element
<audio src="audio.mp3" controls> audio element not supported by your browser </audio> <audio controls> <source src="audio.mp3" type="audio/mpeg"> <source src="aduio.ogg" type="audio/ogg"> audio element not support by your browser </audio> <audio controls autoplay loop>
32.1 the video element
<video controls autoplay loop> <source src="video.mp4" type="video/mp4"> <source src="video.ogg" tyoe="video/ogg"> vido is not supported by your browser </video>
33.1 the progress element
status: <progress min="0" max="100" value="35"> </progress>
34.1 web storage api
- local storage
- session storage
localstorage.setItem("key1","value1");
alert(localStorage.getItem("key1"));
localStorage.removeItem("key1");
localStorage.clear();
35.1 geolocation api
navigation.geolocation.getCurrentPossition();
36.1 drag&drop api
<img draggable="true" />
<!DOCTYPE HTML> <html> <head> <script> function allowDrop(ev){ ev.preventDefault(); } function drag(ev){ ev.dataTransfer.setData("text", ev.target.id); } function drop(ev){ ev.preventDefault(); var data = ev.dataTranafer.getData("text"); ev.target.appendchild(document.getElementById(data)); } </script> </head> <body> <div id="box" ondrop="drop(event)" ondragover="allowDrop(event)" style="border:1px solid black; width:200px; height:200px"></div> <img id="image" src="sample.jpg" draggable="true" ondragstar="drag(event)" width="150" height="50" alt="" /> </body> </html>
sololearn html
1.1 what is html
- hypertext markup language
2.1 basic html document structure
- html tag
- head tag
- body tag
<html> <head> </head> <body> </body> </html>
3.1 creating your first html page
- title tab
<head> <title>first page</title> </head>
4.1 creating a blog
<title>my blog</title>
5.1 module quize
6.1 heading,lines,comments
- html heading
- horizontal line
- comment
<!--your comment goes here -->
7.1 paragraphs
- p element
<body><p>..</p></body>
- add a single line
8.1 formatting
- horizontal line
- comment
<!--your comment goes here -->
7.1 paragraphs
- p element
<body><p>..</p></body>
- add a single line
8.1 formatting
- horizontal line
- comment
<!--your comment goes here -->
7.1 paragraphs
- p element
<body><p>..</p></body>
- add a single line
8.1 formatting
- comment
<!--your comment goes here -->
7.1 paragraphs
- p element
<body><p>..</p></body>
- add a single line
8.1 formatting
<body> <p>this is regular text</p> <P><b>bold text</b></p> <p><big>big text</big><p> <p><i>italic text<i></P> <p><small>small text</small></P> <p><strong>strong text</strong></P> <p><sub>subscripted text</sub></P> <p><sup>superscripted text</sup></P> <p><ins>inserted text</ins></P> <p><del>deleted text</del></P> </body>
9.1 blog project:about me
<h1><span>about me</span><h1> <p>hey! i'm <strong>alex</strong>.coding has changed my world ...</p> <p class="quote">"declear variables, not war"</p>
10.1 elements
<body> <p>this is a paragraph<br/></p> </body>
11.1 attributes
<p align="center">this text is aligned to center</p>
<hr width="50px" />
<hr width="50%" />
12.1 images
- img tag
<img src="img.jpg" alt="" />
- image resize
<img src="tree.jpg" height="150px" width="150px" alt="" />
- image border
<img src="tree.jpg" height="150px" width="150px" border="1px" alt"" />
13.1 lists
- ordered list
<ol> <li>red</li> <li>blue</li> <li>green</li> </ol>
14.1 blog project : my skills
<h1><span>my skills</span></h1> <ul> <li>html</li> <li>css</li> <li>js</li> </ul>
15.1 tables
- table
<table>
- table rows
<tr>
- table date
<td>
<table> <tr> <td></td> <td></td> <td></td> </tr> </table>
<table border="2"> <td colspan="2"><br/></td> <table align="center"></table> <td bgcolor="red">red</td>
16.1 links
17,1 blog project : my schedule
- th (table headers)
<table> <tr> <th>day</th> <th>mon</th> <th>tue</th> <th>wed</th> <th>thu</th> <th>fri</th> </tr> </table>
18.1 inline and block element
- block element <h1><form><li><ol><ul><p><pre><table><div>etc - inline element <b><a><strong><img><input><em><span>etc
19.1 forms
<form action="http://...." method="post" /></form> <form input="text" name="username" /><br/> <form> <input type="text" name="username" /><br/> <input type="password" name="password" /> </form>
<input type="radio" name="gender" value="male" />male<br/> <input type="radio" name="gender" value="remale" />female<br/>
<input type="submit" value="submit" />
20.1 blog project : contact form
<h1><span>contact me</span></h1> <form> <input name="name" type="text" /><br/> <input name="email" type="email" /><br/> <textarea name="message"></textarea><br/> <input name="submit" value="send" class="submit" /> </form>
21.1 html colors
<head> <title>first page</title> </head> <body bgcolor="#000099"> <h1> <font color="#ffffff">white headline</form> </h1> </body>
22.1 frames
<frameset cols="100, 25%, "></frameset> <frameset rows="100, 25%, "></frameset>
<frame noresize="noresize">
<frameset cols="25%,50%,25%"> <frame src="a.html"/> <frame src="b.html"/> <frame src="c.html"/> <noframes>frames not supported!</noframes> </frameset>
23.1 blog project : putting it all together
<div class="section"> <h1><span>my media</span></h1> <iframe height="150" width="300" src="youtube.com" allowfullscreen frameborder="0"></iframe> </div>