educationplatform
差分
このページの2つのバージョン間の差分を表示します。
両方とも前のリビジョン前のリビジョン次のリビジョン | 前のリビジョン | ||
educationplatform [2019/06/30 12:38] – [用意するもの] yaasan | educationplatform [2021/03/19 08:07] (現在) – [用意するもの] yaasan | ||
---|---|---|---|
行 1: | 行 1: | ||
====== Education Platform ====== | ====== Education Platform ====== | ||
- | デスクトップステーション エデュケーションプラットフォームは、デジタル鉄道模型を使ったビジュアルプログラミング教育ソリューションです。ブロックを組み合わせていくだけで、鉄道模型を自在に動かすことができます。 | + | デスクトップステーション エデュケーションプラットフォームは、デジタル鉄道模型を使ったビジュアルプログラミング教育ソリューションです。ブロックを組み合わせていくだけで、鉄道模型を自在に動かすことができます。オープンソース・オープンハードとなっており、学習や指導のために、機能の拡張や一部の変更も許容されています。 |
[[DSair2]]を使用して、デジタル鉄道模型の自動運転、信号システムの理解を通じて、社会インフラがどのような論理的な仕組みで動作しているかを学ぶことができます。実際の鉄道をプログラミングで再現することができますので、よりプログラミングへの理解も深まります。 | [[DSair2]]を使用して、デジタル鉄道模型の自動運転、信号システムの理解を通じて、社会インフラがどのような論理的な仕組みで動作しているかを学ぶことができます。実際の鉄道をプログラミングで再現することができますので、よりプログラミングへの理解も深まります。 | ||
行 9: | 行 9: | ||
学校や学習塾の教材として、ぜひともご活用ください。 | 学校や学習塾の教材として、ぜひともご活用ください。 | ||
- | {{http:// | + | 紹介資料: |
- | [[http:// | + | [[https:// |
+ | [[https:// | ||
+ | |||
+ | |||
+ | {{https:// | ||
+ | [[https:// | ||
===== コンセプト ===== | ===== コンセプト ===== | ||
- | * 日本の小学生・中学生・プログラミング初心者向けのプログラミング教育ソリューション | + | * 日本の小学生・中学生・初心者向けのビジュアルプログラミング・教育ソリューション |
- | * デジタル鉄道模型(DCC)を使って、自動運転・信号システム・駅での停車・発車の流れを実際にブロック図プログラミングで再現し、論理的思考を育む | + | * デジタル鉄道模型(DCC)を使って、自動運転・信号システム・駅での停車・発車の流れを組める |
- | * スマートフォン、PCのブラウザ上でWebに接続せずに動作するため、学校や塾といった環境下でのセキュリティ面の安全性が非常に高い | + | * スマートフォン、PCのブラウザ上で動作((Wi-Fi親機、Webサーバー内蔵)) |
- | * 自動運転をさせて模型で気軽にお酒を飲む | + | * 学校や塾といった環境下でのセキュリティ面の安全性が非常に高い |
+ | * 自動運転を気軽に組んで楽しむ | ||
+ | まずはトライしましょう! | ||
+ | [[https:// | ||
===== できること ===== | ===== できること ===== | ||
行 36: | 行 44: | ||
* パソコンまたはタブレット(Androidを推奨) | * パソコンまたはタブレット(Androidを推奨) | ||
- | * [[DSair2]] | + | * [[DSair2]] |
* ACアダプタ | * ACアダプタ | ||
* フィーダ線 | * フィーダ線 | ||
行 47: | 行 55: | ||
===== 画面の説明 ===== | ===== 画面の説明 ===== | ||
- | ^広場 | ブロックを置いてプログラミングしていく場所 | | + | ^広場 | ブロックを置いてプログラミングしていく場所 | |
^引き出し | ブロックがしまってある場所 | | ^引き出し | ブロックがしまってある場所 | | ||
^じょうたい | 線路やセンサの状態を示すエリア | | ^じょうたい | 線路やセンサの状態を示すエリア | | ||
行 53: | 行 61: | ||
^もどる | DSair2のメインアプリに戻ります | ^もどる | DSair2のメインアプリに戻ります | ||
- | {{http:// | + | {{https:// |
+ | |||
+ | |||
===== 用意されているブロック ===== | ===== 用意されているブロック ===== | ||
- | {{http:// | + | {{https:// |
- | [[http:// | + | [[https:// |
- | {{http:// | + | {{https:// |
- | [[http:// | + | [[https:// |
- | {{http:// | + | {{https:// |
- | [[http:// | + | [[https:// |
- | {{http:// | + | {{https:// |
- | [[http:// | + | [[https:// |
- | {{http:// | + | {{https:// |
- | [[http:// | + | [[https:// |
行 95: | 行 106: | ||
EducationPlatformは、DSair2のWebアプリから開くことができます。また、ブラウザから" | EducationPlatformは、DSair2のWebアプリから開くことができます。また、ブラウザから" | ||
- | {{http:// | + | {{https:// |
+ | |||
+ | QRコード: | ||
+ | {{:: | ||
==== ブロックの操作の仕方 ==== | ==== ブロックの操作の仕方 ==== | ||
+ | |||
+ | === ブロックをもってくる === | ||
+ | |||
+ | ブロックは、引き出しから引っ張り出して、ひろばに置くことができます。 | ||
+ | |||
+ | {{:: | ||
+ | |||
+ | === ブロックをくっつける === | ||
+ | |||
+ | ブロックは上下にくっつけることができます。 | ||
+ | |||
+ | {{:: | ||
+ | |||
+ | ただし、横にくっつけるタイプのブロックもあります。横にくっつけるブロックは、じょうほうをブロックに教えるために使用します。 | ||
+ | |||
+ | {{:: | ||
行 107: | 行 137: | ||
=== ゴミ箱 === | === ゴミ箱 === | ||
- | 右端のゴミ箱にブロックを入れると、消えてしまいます。 | + | 右端のゴミ箱にブロックを入れると、ゴミ箱のふたが空いて、ブロックが消えてしまいます。 |
要らないブロックは、ゴミ箱に入れましょう。 | 要らないブロックは、ゴミ箱に入れましょう。 | ||
{{:: | {{:: | ||
+ | === 右クリックメニュー === | ||
+ | |||
+ | 右クリックメニューを使うと、複製(同じブロックを作る)、指定のブロックを削除などができます。 | ||
+ | コピーアンドペーストも可能です。Ctrl+CとCtrl+Vがそのまま使用できます。 | ||
+ | |||
+ | {{:: | ||
==== 保存の仕方、読み出しの仕方 ==== | ==== 保存の仕方、読み出しの仕方 ==== | ||
行 118: | 行 154: | ||
保存したXMLファイルは、読み出してまた表示できます。ブラウザのメモリに保存されたデータも読み出しできます。 | 保存したXMLファイルは、読み出してまた表示できます。ブラウザのメモリに保存されたデータも読み出しできます。 | ||
- | {{http:// | + | {{https:// |
==== 待ち時間を考えよう ==== | ==== 待ち時間を考えよう ==== | ||
行 160: | 行 196: | ||
このブロックを置くことで、センサが動くようになります。通常は動かないようになっています。 | このブロックを置くことで、センサが動くようになります。通常は動かないようになっています。 | ||
- | 「在線センサ」のブロックを使う事で、センサが反応している(=列車が線路上にいる)と判断して、様々な動きが実現できます。在線センサは、8個まで使用できます。 | + | 「在線センサ」のブロックを使う事で、センサが反応している(=列車が線路上にいる)と判断して、様々な動きが実現できます。在線センサは、16個まで使用できます。 |
{{:: | {{:: | ||
+ | |||
+ | センサーの判定の仕方は、列車がいるときは1、いないときは0としています。 | ||
+ | |||
+ | たとえば、「もし」ブロックに使う場合、「センサ1に列車がいる」ときは | ||
+ | |||
+ | {{:: | ||
+ | |||
+ | となります。「センサ1に列車がいない」ときは | ||
+ | |||
+ | {{: | ||
+ | |||
+ | となります。 | ||
+ | |||
+ | |||
+ | ==== くりかえしブロックの注意 ==== | ||
+ | |||
+ | くりかえしブロックの中には、必ず、「待つ」ブロックがあるようにします。でないと、処理が動き続けてパンクしてしまい、ブラウザがフリーズしてしまうことがあります。 | ||
+ | |||
+ | |||
+ | {{:: | ||
===== 実際の応用例 ===== | ===== 実際の応用例 ===== | ||
行 169: | 行 225: | ||
DCCサウンド車両を往復運転するブロック図プログラミングの例です。 | DCCサウンド車両を往復運転するブロック図プログラミングの例です。 | ||
- | {{http:// | + | {{https:// |
{{youtube> | {{youtube> | ||
行 176: | 行 232: | ||
アナログの車両を往復運転するブロック図プログラミングの例です。 | アナログの車両を往復運転するブロック図プログラミングの例です。 | ||
- | {{http:// | + | {{https:// |
{{youtube> | {{youtube> | ||
- | ===== 参考文献・使用ライブラリ | + | ===== その他・応用例 ===== |
+ | より高度なプログラミング例を以下に示します。 | ||
+ | |||
+ | * [[http:// | ||
+ | * [[https:// | ||
+ | |||
+ | |||
+ | ===== 参考文献・使用ライブラリ・OSS情報 ===== | ||
+ | |||
+ | Eduction PlatformはHTML5とJavaScriptで実装されており、オープンソースです。以下のOSSを使用しております。 | ||
* Google Blockly | * Google Blockly | ||
* Acorn JavaScript Interpreter | * Acorn JavaScript Interpreter | ||
* jQuery, jQuery UI | * jQuery, jQuery UI | ||
+ | |||
+ |
educationplatform.txt · 最終更新: 2021/03/19 08:07 by yaasan