[ブロックピクトグラミング] 人型ピクトグラムの身体動作でさまざまな図形を描画する部分に特化した配布用テキスト(ブロックピクトグラミング版)を公開しました.自宅学習用資料としてもご自由に利用ください.#pictogramming

ピクトグラミングのブロック版で,人型ピクトグラムの体を使って色々な図形を描く自宅課題を出したいというご連絡をいただいたので,これまでの資料をベースに作成いたしました.PDF10ページで,プログラム中心で文章の分量は多くありませんので,生徒の自宅学習用資料等としてもご自由に利用ください.

 

BlockPictogrammingテキスト(20200502版)

 

改変しての利用を希望されます先生方もいらっしゃると思いますのでその際はご連絡ください.Twitter @kazunariito2

「ピクトグラミングでラジオ体操」のムービーをご提供いただきました.#pictogramming #ラジオ体操

高校教員のこゆり様より「ピクトグラミングでラジオ体操」をご提供いただきました.新型コロナウィルスの影響で運動不足の方が非常に多いと思います.ぜひ,人型ピクトグラムと一緒に運動不足を解消しましょう.運動不足を解消した後は,ピクトグラミング(https://pictogramming.org)を使って,ピクトグラムを作ってみましょう.

 

 

文部科学省 子供の学び応援サイト <活用できるリンク集> ◎教師向け詳細版(高等学校 情報)にピクトグラミングへのリンクが掲載されました.

文部科学省 子供の学び応援サイト <活用できるリンク集>  ◎教師向け詳細版(高等学校 情報)にピクトグラミングへのリンクを掲載いただきました(PDFファイル).名称はピクトプログラミングと誤って記載されていますが,URIは正しいものとなっています(これもご愛嬌ということで).

 

個人所有のスマートフォンを利用した自宅学習のニーズに対応するため,ピクソン(ピクトグラミングPython版)とジャバスクピクト(ピクトグラミングJavaScript版)のスマートフォン版を公開しました.自学習用テキストも更新しました.

新型コロナウィルスの影響により,教育機関で行われてきたPCを使用した授業形式での実習が困難になっています.自宅学習の制約下で,個人所有のPCを所持していない生徒・学生への対応などの理由により,個人所有のスマートフォンを利用した自学習のニーズが高まっています.

これに対応するため,これまでのピクトグラミング標準版に加え,新たにピクソン(ピクトグラミングPython版)とジャバスクピクト(ピクトグラミングJavaScript版)のスマートフォン版を公開しました.トップページからリンクを辿ってアクセスできます.

アプリケーション自体のURLは次の通りです.

ピクソン: https://pictogramming.org/editor/picthonsp.html

ジャバスクピクト:https://pictogramming.org/editor/javascpictsp.html

 

標準のピクトグラミング,ピクソン,ジャバスクピクトとも統一のインタフェースを用いることで,異なるプログラミング言語を横断的に扱うことができるように設計されています.主要命令の入力を支援する命令入力支援ボタンは,対象とするプログラミング言語(Python, JavaScript)の基本命令の入力をサポートします.さらに,言語選択のプルダウンで,日本語を選択すると日本文による各命令の説明がボタン上に表示されながらプログラムの入力が支援されます.

 

ピクソン, ジャバスクピクトともWebアプリケーションですのでOSによらず,一般的なブラウザ(Safari,Chrome等)上で動作します.また,ピクソン, ジャバスクピクトとも,作成したプログラムはサーバ側で処理されることなく全てスマートフォン上(クライアント上)で処理および実行されますので,ご安心ください.今後不具合の改善や機能拡張等を適宜進めていきます.

 

また,ピクソン,ジャバスクピクトにおいても,対面型授業での利用だけでなく,自学習を想定したテキストとして更新,公開しました.

 

Picthon (Python版)学習用テキスト(20200421版)

JavaScpict(JavaScript版)学習用テキスト(20200421版)

 

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

伊藤一成

[雑話] 選択ソートをPicthon(ピクトグラミングPython版)で作ってみました.

選択ソートをPicthonを使って書いてみました.現在では,スタンプメソッド(ST)や文字列表示メソッド(T)などもありますので,こういうこともできるようになっています.このような概念をアニメーションで学んだりインフォグラフィックスを作成したりするのは,ピクトグラムの拡大解釈なので,必ず同時にピクトグラムの本質を説明することに留意しつつ活用していきたいものです.

 

def selectionsort(a):
    for i in range(len(a)):
        min_index = i
        for j in range(i+1, len(a),1):
            if a[j]< a[min_index]:
                min_index = j
            draw(a,i,j)
        a[i], a[min_index] = a[min_index], a[i]
        draw(a,i,j)
        
def draw(a,i,j):
    pic.CS()
    pic.C()
    pic.MW(-300,0)
    for k in range(len(a)):
        pic.SC(a[k] / 100)
        pic.ST()
        pic.MW(70, 0)
    pic.SC(0)
    pic.T("⇩", -325 + i * 70, -150, 50)
    pic.T("⇩", -325 + j * 70, -150, 50)    
    pic.W(0.1)

a = [7,22,11,34,17,52,26,13,40]
draw(a, -1, -1)
selectionsort(a)

 

実行例

[ピクトグラミング] ピクトグラミング日本語命令版学習用テキストを新たに公開しました.またそれに合わせ,ピクトグラミング英語命令版学習用テキストも更新しました.

授業用テキスト(ピクトグラミング,ピクソン,ジャバスクピクト)のページで公開している授業用テキストに関して,ピクトグラミング日本語命令版テキスト(26ページ)を新たに公開しました.またそれに合わせ英語命令版テキスト(26ページ)も更新しました.これまでは,対面授業を想定して作成されていましたが,緊急事態宣言に伴う休校状態に対応するため,自宅等での自学習方式での使用を想定し利用手順や説明等を追記しました.名称もピクトグラミング授業用テキストからピクトグラミング学習用テキストに変更しました.

 

以下のリンクからダウンロードできます.

Pictogramming用学習用テキスト(英語命令 20200419版)

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

短期間で作成しているため,まだ学習テキストとして不十分な点もあると思いますが,今後もテキストの拡充に努めてまいります.今後ともピクトグラミングシリーズをよろしくお願いします.

[ピクトグラミング スマホ版] 大学情報入試のエヴァンジェリストである中野由章先生が解説動画を作成してくれました.#ピクトグラミング

大学情報入試のエヴァンジェリストとして多方面でご活躍中である中野由章先生 ( @nakano_lab ) が,ピクトグラミング スマートフォン版の解説動画を作成してくれました.YouTubeからアクセスできます.

 

スマホでピクトグラミング!その1

スマホでピクトグラミング!その2

スマホでピクトグラミング!その3

 

中野由章先生に関する参考リンク

 

[ピクトグラミングシリーズ] 文字列描画命令の追加, #pictogramming #ピクトグラミング

文字列描画命令を追加しました.追加された命令の様式は以下の通りです.

命令の様式 処理
T arg1 arg2 arg3 [arg4] 座標(arg2,arg3),文字の大きさ arg4で文字列 arg1 を描く.arg4 が 省略された時は,arg4に80が入力されているものとして取り扱う.

 

標準のピクトグラミングにおける各言語での命令表記は以下になります.

英語表記 英語 日本語 にほんご
T Text 文字(又は)テキスト もじ (又は)てきすと

 

サンプルです.

MW -180 0
ST
MW 180 0
MW 180 0 1
T 2m -50 -40 
PEN ROUND
L -90 20 90 20
L -90 20 -70 0
L -90 20 -70 40
L 90 20 70 0
L 90 20 70 40
W 1

[ピクトグラミングシリーズ] 授業用テキスト(ピクトグラミング,ピクソン,ジャバスクピクト)を更新しました.

主に中学校および高校での50分×6回分の授業利用を想定したテキストを,ピクトグラミング,ピクソン,ジャバスクピクトのいずれも最新の仕様に合わせて更新しました.

こちらのページからアクセスください.

授業用テキスト(ピクトグラミング,ピクソン,ジャバスクピクト)

 

[ピクトグラミングシリーズ] モード変換ルールの変更

ピクトグラミングでは,いくつかのセーフティサインを表示するためのモードや図形描画の際見やすくするためのモード(スケルトンモード)があります.このモードの変更ルールを以下のように変更します.これまで標準以外のモードから標準のモードにするためには,現在のモードと同じ命令を再度実行する仕様になっていましたが,新たに標準のモードに変更するための命令N(Normal)を追加しました.

 

命令の様式 処理
S 安全モード(Safety mode)以外で実行すると安全モードに変更する。 安全モードで再度命令すると通常モードに変更する。安全モード中に描画 した線画の色は人型ピクトグラムと同じ緑色となる。
SG 安全緑モード(Safety Green mode)以外で実行すると安全緑モードに変更する。 安全緑モードで再度命令すると通常モードに変更する。安全緑モード中に描画 した線画の色は人型ピクトグラムと同じ白色となる。
SR 安全赤モード(Safety Red mode)以外で実行すると安全赤モードに変更する。 安全赤モードで再度命令すると通常モードに変更する。安全赤モード中に描画 した線画の色は人型ピクトグラムと同じ白色となる。
P 禁止モード (Prohibit mode) 以外で実行すると禁止モードに変更する。 禁止モードで再度命令すると通常モードに変更する。
I 指示モード(Instruction mode)以外で実行すると指示モードに変更 する。指示モードで再度命令すると通常モードに変更する。指示モード中 に描画した線画の色は人型ピクトグラムと同じ白色となる。
A 注意モード(Attention mode)以外で実行すると注意モードに変更する。注意モードで再度命令すると通常モードに変更する。
SK スケルトンモード(Skelton mode)以外で実行するとスケルトンモードに変更する。スケルトンモードで再度命令すると通常モードに変更する。

 

 

命令の様式 処理
S 安全モード(Safety mode)に変更する。 安全モード中に描画 した線画の色は人型ピクトグラムと同じ緑色となる。
SG 安全緑モード(Safety Green mode)以外で実行すると安全緑モードに変更する。 安全緑モードで再度命令すると通常モードに変更する。安全緑モード中に描画 した線画の色は人型ピクトグラムと同じ白色となる。
SR 安全赤モード(Safety Red mode)以外で実行すると安全赤モードに変更する。 安全赤モードで再度命令すると通常モードに変更する。安全赤モード中に描画 した線画の色は人型ピクトグラムと同じ白色となる。
P 禁止モード (Prohibit mode) 禁止モードに変更する。
I 指示モード(Instruction mode)に変更 する。指示モード中 に描画した線画の色は人型ピクトグラムと同じ白色となる。
A 注意モード(Attention mode)に変更する。
SK スケルトンモード(Skelton mode)スケルトンモードに変更する。
N 通常モード(Normal mode)に変更する。

 

 

各言語の表記

英語表記 英語 日本語 にほんご
N Normal 標準 ひょうじゅん