Block Pictogramming smartphone version is released.

 

You can follow the link from the Pictogramming top page (English version).

Click here if you want direct access.

 

The characteristic of Block Pictogramming is that you can create pictogram content by connecting visual blocks. And the functions are all same as Pictogramming. Of course, it is designed to learn programming concepts with Block Programming. Blockly is used to builds programs with visual blocks located in right side of the application.

小学校教員を対象としたブロックピクトグラミング説明会（オンライン）を青山学院大学ピクトグラム研究所主催で開催します．

 

今回は，特にA分類で例示されている小学校5年生 算数　図形（多角形）の性質を学習するための，図形描画の機能を中心に紹介します．多くは，タートルグラフィックスで図形を描くプログラムを通じて図形の性質を学ぶ実践となっています．ピクトグラミングでは海で泳ぐ人型ピクトグラムをテーマにタートルグラフィックスにより図形描画できます．泳ぎをテーマにしているので，ピクトスイミングと呼んでいます．

 

もう一つ，人型ピクトグラムの体の部位で描く方法もあります．こちらの方法についても紹介します．

 

 

 

参加いただいた方には，授業で自由に加工し使用できるブロックプログラミングを使った図形描画に関するスライド集(パワーポイント)も差し上げます．

 

日時

2021-12-28(火曜日) 20:00-21:00

 

場所

オンライン(webex)

 

申込み方法

こちらのwebフォームから申し込みください．申し込みいただいたメールアドレスへ後日webex URL等を送付いたします．

 

高等学校情報科教員を対象としたピクトグラミングシリーズ説明会（オンライン）を青山学院大学ピクトグラム研究所主催で開催します．

 

2022年度から開始される情報Iの授業での活用法を中心に紹介します．

これまでピクトグラミングシリーズを使っていただいている方だけでなく，これからピクトグラミングシリーズを使ってみようと思っている方もおすすめです．参加いただいた方には，授業で自由に加工し使用できるピクトグラミングシリーズを使った情報デザイン，プログラミングのスライド集(パワーポイント)も差し上げます．

 

日時

2021-12-20(月) 17:00-18:00

 

場所

オンライン(zoom)

 

申込み方法

こちらのwebフォームから申し込みください．申し込みいただいたメールアドレスへ後日zoom URL等を送付いたします．

 

 

 

ピクトグラミングシリーズでは，スタンプの機能を使って複数の人型ピクトグラムを表示できます．

 

ピクトグラミングシリーズでは，”待ち” をうまく使うことで，さまざまな人型ピクトグラムの動作や図形描画が可能になります．

 

 

さらに．ブロックピクトグラミングとピクトグラミングでは，モノ定義とモノ移動ができます．

これは魚が逆Z型で移動します．

 

この物体移動の命令は，結局消して新しい座標に書くの繰り返しをしているだけなので，

この”待ち”を有無をうまく使って，実は定義した物体を複数表示して制御することもできます．

 

例を示します．

すると魚が2匹時間差で動きます．

待ちの有無を組み合わせることで，もっと複雑な魚の動きの大群を作ることもできます．

ピクトグラミングの学習用テキストを更新しました。一つ前のバージョン20210909に対して、「5章　ピクトスイミング」「6章　物体移動」の2章を追加しました。また8章を変更しました。

Pictogramming（ピクトグラミング）

Pictogramming学習用テキスト(英語命令　8章　20211024版)

Pictogramming学習用テキスト(日本語命令　8章　20211024版)

 

ピクトグラミングの学習用テキストのページからダウンロードできます。こちらのページも更新いたしました。

引き続きピクトグラミングシリーズをよろしくお願いします。

ブロックピクトグラミング(日本語PC版)にビデオモーションセンサーの機能を実装しました

 

画面右上にチェック☑を入れて操作するアイコンがあると思います。一番右のビデオのアイコンの右にあるにチェック☑をオンにしましょう。

するとカメラの映像がピクトグラム表示領域にオーバレイされます．

イベントカテゴリのブロック一覧は以下の通りです．

 

イベントカテゴリのブロックは「実行ボタンが押されたとき」のコ型ブロック内の実行が終了するまで有効なので，実行ボタンが押されたときに「n秒まつ」のブロックを入れておくと良いと思います．この点ご注意ください．

ビデオモーションセンサーのブロックは以下の3通りを用意しています．ある特定の座標の色情報の変化が特定の条件を満たすとそのコ型ブロックの内部のプログラムが実行されます．色情報の取得及びプログラムの実行タイミングは0.5秒おきになっています．

 

体の特定の場所の明るさの値が30以上変化したときに実行されるブロック．明るさ（明度）の値は，0（暗い）から255（明るい）の間の整数値をとります．最新の値を取得した際，一つ前（0.5秒前）に取得した値より30以上変化しているときに実行されます．

体の特定の場所の明るさor赤色成分or緑色成分or青色成分（0から255）が一定以上変化or一定以上に変化or一定以下に変化したときに実行されるブロック．特定の座標の色情報は，RGBカラーモデルに基づいて保持されています．RGBカラーモデルでは，それぞれの座標に対して，「赤色成分」「緑色成分」「青色成分」に分割し，それぞれの色成分も明るさと同様に0から255の値をとります．このブロックは，指定した体の特定の場所の座標の明るさあるいは指定した色成分の最新の値を取得した際，一つ前（0.5秒前）に取得した値との比較して条件を満たしたときに実行されます．

特定の座標の明るさor赤色成分or緑色成分or青色成分（0から255）が一定以上変化or一定以上に変化or一定以下に変化したときに実行されるブロック　一つ上のブロックでは，体の特定の場所の座標の値を変化の検知の対象にしていますが，こちらは，指定された特定の座標を対象としています．

イベントの検知及び発生タイミングは0.5秒おきになっています．

下は，人型ピクトグラムの左手を触ってあげると喜ぶプログラムです．

 

とりあえずの実装なので，ご容赦ください．Tentativeバージョンとして，今後改良をしていきます．

ちなみにイベントカテゴリには，キーイベントのブロックも実装してますので，ちょっとしたミニゲームなどを作成することもできます．

 

ビデオ機能のない，一つ前のブロックピクトグラミング（日本語PC版旧版）旧版を使いたい方はこちらからアクセスください．

 

ピクトグラミングシリーズには，タートルグラフィックスの機能があります．

ピクトググラミングシリーズ独自の特徴として

1. 移動や進行方向の変化に時間の概念を取り入れ可能

2. 人型ピクトグラム回転，移動命令と同じく，「待ち」命令を取り入れている．

があります．

 

ブロックピクトグラミングを例にあげます．タートルグラフィックス関係のブロック（命令）は以下のとおりです．

 

 

ピクトグラミングでは，以下の通りです．第２引数に時間を指定できるようになっています．また，後ろにWをつけたFDW，BKW，RTW，LTW命令もあり．Wが付くか付かないかの挙動は，R,RW命令やM,MW命令と同様の対応関係になっています．Picthon（ピクトグラミングPython版）やJavaScpict（ピクトグラミングJavaScript版）でも同様になります．

 

命令の様式	処理
FD arg1 [arg2]	人型ピクトグラムを進行方向にarg2 秒かけて距離 arg1 だけ等速で進める．arg2 が 省略された時は，arg2 に0が入力されているものとして取り扱う．
BK arg1 [arg2]	人型ピクトグラムを進行方向と逆向きにarg2 秒かけて距離 arg1 だけ等速で進める．arg2 が 省略された時は，arg2 に0が入力されているものとして取り扱う．
RT arg1 [arg2]	人型ピクトグラムの進行方向をarg2 秒かけて時計回り方向に角度 arg1 だけ等角速度で回転する．arg2 が 省略された時は，arg2 に0が入力されているものとして取り扱う．
LT arg1 [arg2]	人型ピクトグラムの進行方向をarg2 秒かけて反時計回り方向に角度 arg1 だけ等角速度で回転する．arg2 が 省略された時は，arg2 に0が入力されているものとして取り扱う．
FDW arg1 [arg2]	人型ピクトグラムを進行方向にarg2 秒かけて距離 arg1 だけ等速で進める．移動が終了するまで次の命令は実行されない．arg2 が 省略された時は，arg2 に0が入力されているものとして取り扱う．
BKW arg1 [arg2]	人型ピクトグラムを進行方向と逆向きにarg2 秒かけて距離 arg1 だけ等速で進める．移動が終了するまで次の命令は実行されない．arg2 が 省略された時は，arg2 に0が入力されているものとして取り扱う．
RTW arg1 [arg2]	人型ピクトグラムの進行方向をarg2 秒かけて時計回り方向に角度 arg1 だけ等角速度で回転する．回転が終了するまで次の命令は実行されない．arg2 が 省略された時は，arg2 に0が入力されているものとして取り扱う．
LTW arg1 [arg2]	人型ピクトグラムの進行方向をarg2 秒かけて反時計回り方向に角度 arg1 だけ等角速度で回転する．回転が終了するまで次の命令は実行されない．arg2 が 省略された時は，arg2 に0が入力されているものとして取り扱う．

 

また各言語の表記は以下の通りです．

英語表記	英語	日本語	にほんご
FD	Forward fd	前進	ぜんしん
BK	Backward bk	後進	こうしん
RT	RightTurn rt	右回り	みぎまわり
LT	LeftTurn lt	左回り	ひだりまわり
FDW	ForwardWait fdw	前進待ち	ぜんしんまち
BKW	BackwardWait bkw	後進待ち	こうしんまち
RTW	RightTurnWait rtw	右回り待ち	みぎまわりまち
LTW	LeftTurnWait ltw	左回り待ち	ひだりまわりまち

 

 

今回，以下の変更を行いました．

1. タートル描画に関する命令を使った場合，自動的に大きさ0.1, 線の太さ1, 体に対する描画がonになる．

2. 描画中は人型ピクトグラムが進行方向を向く．

 

1.は，ピクトグラム作成が主題ですので，大きさや線の太さはデフォルトにしています．よってタートル描画をする際，大きさや線の太さを変更する命令を記述することが最初に必要でしたが，これを省略し，描画に集中できるようにしました．

また，ピクトグラミングシリーズは正面からの視点でした．タートルグラフィックスでは上からの視点が望ましいです．2.は，プールや海の上で泳いでいるのを上からの視点で表示しているイメージを想像してもらうために進行方向を向くようにしました．人型ピクトグラムは顔や衣服などがないので，このような泳ぎメタファの導入によって正面視点と上から視点の両方の切り替えが可能となりました．

 

ブロックピクトグラミングを使った例を示します．

まずは正五角形です．

”待ち”のあるなしと時間をうまく組み合わせることにより様々な図形を描画できます．

 

 

今回の変更はピクトグラミングシリーズ全てが対象です．ピクトグラミングのPython言語版Picthonの例です．同じくWと時間をうまく組み合わせることにより様々な図形を描画できます．

for _ in range(4):
    pic.FD(200 * math.pi * 1/4, 2)
    pic.RTW(90, 1)
    pic.LTW(90, 1)
    pic.RT(90)

 

ブロックピクトグラミングのブロックカテゴリ名も，「タートル」から「泳ぎ」（英語版 Swimming）に変更いたします．

 

またタートルグラフィックスの機能に関する名称に関しましても，ピクトグラミングシリーズでは以後，説明で参照する場合を除き，この機能に関しては「ピクトスイミング」という名称を使っていきたいと考えております．これまでも，「私は人型なのになぜ”タートル”なのか」と人型ピクトグラムから常に言われておりました．やっと肩の荷が降りました．このアイデアは，すっとこさまよりいただきました．ありがとうございました．