ユーザ用ツール

サイト用ツール


educationplatform

差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

両方とも前のリビジョン前のリビジョン
次のリビジョン
前のリビジョン
educationplatform [2019/07/01 21:50]
– [Education Platform] yaasan
educationplatform [2021/03/19 08:07] (現在)
– [用意するもの] yaasan
行 1: 行 1:
 ====== Education Platform ====== ====== Education Platform ======
  
-デスクトップステーション エデュケーションプラットフォームは、デジタル鉄道模型を使ったビジュアルプログラミング教育ソリューションです。ブロックを組み合わせていくだけで、鉄道模型を自在に動かすことができます。+デスクトップステーション エデュケーションプラットフォームは、デジタル鉄道模型を使ったビジュアルプログラミング教育ソリューションです。ブロックを組み合わせていくだけで、鉄道模型を自在に動かすことができます。オープンソース・オープンハードとなっており、学習や指導のために、機能の拡張や一部の変更も許容されています。
  
 [[DSair2]]を使用して、デジタル鉄道模型の自動運転、信号システムの理解を通じて、社会インフラがどのような論理的な仕組みで動作しているかを学ぶことができます。実際の鉄道をプログラミングで再現することができますので、よりプログラミングへの理解も深まります。 [[DSair2]]を使用して、デジタル鉄道模型の自動運転、信号システムの理解を通じて、社会インフラがどのような論理的な仕組みで動作しているかを学ぶことができます。実際の鉄道をプログラミングで再現することができますので、よりプログラミングへの理解も深まります。
行 11: 行 11:
 紹介資料:\\  紹介資料:\\ 
 [[https://desktopstation.net/bin/20190701_EducationPlatformIntro_rev0_jp.pdf|Education Platformの紹介資料]] (PDF,1.7MB) [[https://desktopstation.net/bin/20190701_EducationPlatformIntro_rev0_jp.pdf|Education Platformの紹介資料]] (PDF,1.7MB)
 +[[https://desktopstation.net/bin/DCCManual_r2b.pdf|自動運転マニュアル]] rev.2b (2019/9/21)
  
  
-{{http://buin2gou.sakura.ne.jp/sblo_files/powerele/image/block4_1-thumbnail2.png}}\\  +{{https://buin2gou.sakura.ne.jp/sblo_files/powerele/image/block4_1-thumbnail2.png}}\\  
-[[http://buin2gou.sakura.ne.jp/sblo_files/powerele/image/block4_1.png|Full Size]]+[[https://buin2gou.sakura.ne.jp/sblo_files/powerele/image/block4_1.png|Full Size]]
  
 ===== コンセプト ===== ===== コンセプト =====
  
-  * 日本の小学生・中学生・プログラミング初心者向けのプログラミング教育ソリューション +  * 日本の小学生・中学生・初心者向けのビジュアルプログラミング教育ソリューション 
-  * デジタル鉄道模型(DCC)を使って、自動運転・信号システム・駅での停車・発車の流れを実際にブロック図プログラミングで再現し、論理的思考を育む +  * デジタル鉄道模型(DCC)を使って、自動運転・信号システム・駅での停車・発車の流れを組める 
-  * スマートフォン、PCのブラウザ上でWebに接続せずに動作するため、学校や塾といった環境下でのセキュリティ面の安全性が非常に高い +  * スマートフォン、PCのブラウザ上で動作((Wi-Fi親機Webサーバー内蔵)) 
-  * 自動運転をさせて模型で気軽にお酒を飲+  * 学校や塾といった環境下でのセキュリティ面の安全性が非常に高い 
 +  * 自動運転を気軽に組んで楽し
  
 +まずはトライしましょう!
  
 +[[https://desktopstation.net/block/|Education Platformお試し画面]]  (読み込ませるブロック例は[[https://buin2gou.sakura.ne.jp/sblo_files/powerele/image/simple_example.xml|こちら(XMLファイル)]])
 ===== できること ===== ===== できること =====
  
行 40: 行 44:
  
   * パソコンまたはタブレット(Androidを推奨)   * パソコンまたはタブレット(Androidを推奨)
-  * [[DSair2]]+  * [[DSair2]] または [[DSshield2]]&[[DSwebapp]]&無線LANルーター
   * ACアダプタ   * ACアダプタ
   * フィーダ線   * フィーダ線
行 57: 行 61:
 ^もどる | DSair2のメインアプリに戻ります  | ^もどる | DSair2のメインアプリに戻ります  |
  
-{{http://buin2gou.sakura.ne.jp/sblo_files/powerele/image/block5_hiroba-thumbnail2.png}}+{{https://buin2gou.sakura.ne.jp/sblo_files/powerele/image/block5_hiroba-thumbnail2.png}}
  
-コピーアンドペーストも可能です。 
-Ctrl+CとCtrl+Vがそのまま使用できます。 
- 
-右クリックで、メニューを出して「複製」を押せば、同じものが作成されます。ただし、複数選択での複製はできません。 
  
  
 ===== 用意されているブロック ===== ===== 用意されているブロック =====
  
-{{http://buin2gou.sakura.ne.jp/sblo_files/powerele/image/blockapp5-thumbnail2.png?100px}}  +{{https://buin2gou.sakura.ne.jp/sblo_files/powerele/image/blockapp5-thumbnail2.png?100px}}  
-[[http://buin2gou.sakura.ne.jp/sblo_files/powerele/image/blockapp5.png|FullSize]]+[[https://buin2gou.sakura.ne.jp/sblo_files/powerele/image/blockapp5.png|FullSize]]
  
-{{http://buin2gou.sakura.ne.jp/sblo_files/powerele/image/blockapp6-thumbnail2.png?100px}}  +{{https://buin2gou.sakura.ne.jp/sblo_files/powerele/image/blockapp6-thumbnail2.png?100px}}  
-[[http://buin2gou.sakura.ne.jp/sblo_files/powerele/image/blockapp6.png|FullSize]] +[[https://buin2gou.sakura.ne.jp/sblo_files/powerele/image/blockapp6.png|FullSize]] 
  
-{{http://buin2gou.sakura.ne.jp/sblo_files/powerele/image/blockapp7-thumbnail2.png?100px}}  +{{https://buin2gou.sakura.ne.jp/sblo_files/powerele/image/blockapp7-thumbnail2.png?100px}}  
-[[http://buin2gou.sakura.ne.jp/sblo_files/powerele/image/blockapp7.png|FullSize]] +[[https://buin2gou.sakura.ne.jp/sblo_files/powerele/image/blockapp7.png|FullSize]] 
  
-{{http://buin2gou.sakura.ne.jp/sblo_files/powerele/image/blockapp8-thumbnail2.png?100px}}  +{{https://buin2gou.sakura.ne.jp/sblo_files/powerele/image/blockapp8-thumbnail2.png?100px}}  
-[[http://buin2gou.sakura.ne.jp/sblo_files/powerele/image/blockapp8.png|FullSize]] +[[https://buin2gou.sakura.ne.jp/sblo_files/powerele/image/blockapp8.png|FullSize]] 
  
-{{http://buin2gou.sakura.ne.jp/sblo_files/powerele/image/blockapp9-thumbnail2.png?100px}}  +{{https://buin2gou.sakura.ne.jp/sblo_files/powerele/image/blockapp9-thumbnail2.png?100px}}  
-[[http://buin2gou.sakura.ne.jp/sblo_files/powerele/image/blockapp9.png|FullSize]]+[[https://buin2gou.sakura.ne.jp/sblo_files/powerele/image/blockapp9.png|FullSize]]
  
  
行 106: 行 106:
 EducationPlatformは、DSair2のWebアプリから開くことができます。また、ブラウザから"http://flashair/SD_WLAN/block/index.html"のURLを打ち込んで直接表示することもできます。((DSair2のWi-Fi アクセスポイントに接続した状態のみ有効です。)) EducationPlatformは、DSair2のWebアプリから開くことができます。また、ブラウザから"http://flashair/SD_WLAN/block/index.html"のURLを打ち込んで直接表示することもできます。((DSair2のWi-Fi アクセスポイントに接続した状態のみ有効です。))
  
-{{http://buin2gou.sakura.ne.jp/sblo_files/powerele/image/blockapp2-thumbnail2.png}}+{{https://buin2gou.sakura.ne.jp/sblo_files/powerele/image/blockapp2-thumbnail2.png}}
  
 QRコード: QRコード:
 {{::qrcode_eduplatform.png?200|}} {{::qrcode_eduplatform.png?200|}}
 ==== ブロックの操作の仕方 ==== ==== ブロックの操作の仕方 ====
 +
 +=== ブロックをもってくる ===
 +
 +ブロックは、引き出しから引っ張り出して、ひろばに置くことができます。
 +
 +{{::block_tale.png?200|}}
 +
 +=== ブロックをくっつける ===
 +
 +ブロックは上下にくっつけることができます。
 +
 +{{::block_clip.png?200|}}
 +
 +ただし、横にくっつけるタイプのブロックもあります。横にくっつけるブロックは、じょうほうをブロックに教えるために使用します。
 +
 +{{::block_yoko_block.png?200|}}
  
  
行 121: 行 137:
 === ゴミ箱 === === ゴミ箱 ===
  
-右端のゴミ箱にブロックを入れると、消えてしまいます。+右端のゴミ箱にブロックを入れると、ゴミ箱のふたが空いて、ブロックが消えてしまいます。
 要らないブロックは、ゴミ箱に入れましょう。 要らないブロックは、ゴミ箱に入れましょう。
  
 {{::example_trashbox.png?40|}} {{::example_trashbox.png?40|}}
  
 +=== 右クリックメニュー ===
 +
 +右クリックメニューを使うと、複製(同じブロックを作る)、指定のブロックを削除などができます。
 +コピーアンドペーストも可能です。Ctrl+CとCtrl+Vがそのまま使用できます。
 +
 +{{::blockpopmenu.png?200|}}
  
 ==== 保存の仕方、読み出しの仕方 ==== ==== 保存の仕方、読み出しの仕方 ====
行 132: 行 154:
 保存したXMLファイルは、読み出してまた表示できます。ブラウザのメモリに保存されたデータも読み出しできます。 保存したXMLファイルは、読み出してまた表示できます。ブラウザのメモリに保存されたデータも読み出しできます。
  
-{{http://buin2gou.sakura.ne.jp/sblo_files/powerele/image/blockapp4-thumbnail2.png}}+{{https://buin2gou.sakura.ne.jp/sblo_files/powerele/image/blockapp4-thumbnail2.png}}
  
 ==== 待ち時間を考えよう ==== ==== 待ち時間を考えよう ====
行 174: 行 196:
 このブロックを置くことで、センサが動くようになります。通常は動かないようになっています。 このブロックを置くことで、センサが動くようになります。通常は動かないようになっています。
  
-「在線センサ」のブロックを使う事で、センサが反応している(=列車が線路上にいる)と判断して、様々な動きが実現できます。在線センサは、個まで使用できます。+「在線センサ」のブロックを使う事で、センサが反応している(=列車が線路上にいる)と判断して、様々な動きが実現できます。在線センサは、16個まで使用できます。
  
 {{::example_sensor.png?200|}} {{::example_sensor.png?200|}}
 +
 +センサーの判定の仕方は、列車がいるときは1、いないときは0としています。
 +
 +たとえば、「もし」ブロックに使う場合、「センサ1に列車がいる」ときは
 +
 +{{::block_sensor_1.png|}}
 +
 +となります。「センサ1に列車がいない」ときは
 +
 +{{:undefined:block_sensor_2.png|}}
 +
 +となります。
 +
 +
 +==== くりかえしブロックの注意 ====
 +
 +くりかえしブロックの中には、必ず、「待つ」ブロックがあるようにします。でないと、処理が動き続けてパンクしてしまい、ブラウザがフリーズしてしまうことがあります。
 +
 +
 +{{::block_while.png|}}
 ===== 実際の応用例 ===== ===== 実際の応用例 =====
  
行 183: 行 225:
 DCCサウンド車両を往復運転するブロック図プログラミングの例です。 DCCサウンド車両を往復運転するブロック図プログラミングの例です。
  
-{{http://buin2gou.sakura.ne.jp/sblo_files/powerele/image/example_ED69shuttle.png?400}}+{{https://buin2gou.sakura.ne.jp/sblo_files/powerele/image/example_ED69shuttle.png?400}}
  
 {{youtube>96lQMLeZypM?medium}} {{youtube>96lQMLeZypM?medium}}
行 190: 行 232:
 アナログの車両を往復運転するブロック図プログラミングの例です。 アナログの車両を往復運転するブロック図プログラミングの例です。
  
-{{http://buin2gou.sakura.ne.jp/sblo_files/powerele/image/example_pwm.png?200px}}+{{https://buin2gou.sakura.ne.jp/sblo_files/powerele/image/example_pwm.png?200px}}
  
 {{youtube>yyxaZYHWxLA?medium}} {{youtube>yyxaZYHWxLA?medium}}
-===== 参考文献使ライブラリ =====+===== その他例 =====
  
 +より高度なプログラミング例を以下に示します。
 +
 +  * [[http://powerele.sblo.jp/article/186241140.html|キハ40のDCC自動往復運転(センサを使用)]]
 +  * [[https://fukap-trainmodel.blogspot.com/2019/07/education-platfrom.html|自動運転の強い味方、Education Platfrom.]]
 +
 +
 +===== 参考文献・使用ライブラリ・OSS情報 =====
 +
 +Eduction PlatformはHTML5とJavaScriptで実装されており、オープンソースです。以下のOSSを使用しております。
  
   * Google Blockly   * Google Blockly
   * Acorn JavaScript Interpreter   * Acorn JavaScript Interpreter
   * jQuery, jQuery UI   * jQuery, jQuery UI
 +
 +
educationplatform.1561985428.txt.gz · 最終更新: 2019/07/01 21:50 by yaasan

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki