4.1

取扱い説明書4.プログラム作成画面(ネットワーク編)
INDEX
ネットワーク画面の使い方 ······················································2

命令ブロック ···································································· 15

ネットワーク画面の開き方 ··················································· 2

イベントブロック ·····························································15

画面説明 ·········································································· 2

メッセージブロック ··························································16

メニューバー····································································· 3

送受信ブロック ································································17

作業の進め方····································································· 4

ウェイトブロック ·····························································18

ネットワークの設定に付いて ···················································6

分岐ブロック ···································································18

サーバへの接続·································································· 6ループ開始ブロック(フローチャート画面のみ) ························20

データに付いて ····································································8

ループ終了ブロック(フローチャート画面のみ) ························20

データの種類····································································· 8ループブロック(ブロック画面のみ) ······································20

使用できるデータと範囲 ······················································ 9

データブロック ································································21

実行画面の作成方法 ···························································· 10

表示ブロック ···································································22

機能の配置 ····································································· 10

出力ブロック ···································································22

機能の追加 ····································································· 10

外部出力ブロック ·····························································23

機能のサイズ変更 ····························································· 11

ジャンプ・ラベルブロック(ブロック画面のみ) ························23

機能の種類とプロパティ······················································· 11

プログラムの実行······························································· 24

ボタン機能 ····································································· 11実行画面········································································· 24

テキスト表示機能 ····························································· 12

ログに付いて ···································································· 25

リスト機能 ····································································· 12

表示形式········································································· 25

入力バー(機能) ································································ 13

警告レベル ······································································25

プログラムの作成 ······························································· 13

ブレークポイント······························································· 26

プログラムの作成方法 ······················································· 13

レポート作成 ···································································· 26

プログラムの作成場所 ······················································· 13

チュートリアル·································································· 27

ステージに付いて ····························································· 14

ワークシートモード ···························································· 27

ネットワーク画面の使い方
ネットワーク画面の開き方
ネットワーク画面のアイコンの「フローチャート」または「ブロック」をクリックすると、ネットワーク画面が開きます。

画面説明
フローチャート画面
命令ブロックプログラムエリア選択タブ

接続状態表示レベル選択メニュー

コンテンツ作成(機能配置)
エリア

ブロック配置(プログラム)
エリア

機能一覧

2

ブロック画面
命令ブロックプログラムエリア選択タブ

接続状態表示レベル選択メニュー

コンテンツ作成(機能配置)
エリアブロック配置(プログラム)
エリア

機能一覧

メニューバー
ネットワーク
サーバ/クライアント設定(N)…ネットワーク通信のための設定を行います。

3

作業の進め方
ネットワーク画面では｢実行画面の作成｣→｢プログラミング｣→｢ネットワークの設定｣→｢実行｣の順で作業を進めます。

①. 実行画面の作成
コンテンツ作成エリアにボタンやテキスト表示などの機能を配置する事で実行画面を作成します。

リスト機能

ボタン機能

②. プログラミング
作成した実行画面に応じたプログラムを作成します。
プログラムは機能単位で作成し、それぞれ別の動作を設定します。
（例：ボタンがクリックされればメッセージを送信する、など）
ボタン機能のリスト機能のプログラム

プログラム

…

フローチャート画面

フローチャート画面

ブロック画面

ブロック画面4

③. ネットワークの設定
ネットワーク設定画面にてネットワークの設定（サーバへの接続）を行います。
サーバ

クライアント④. 実行
ツールバーの実行ボタンをクリックすると実行画面が開きます。

計測･制御のプログラムでは「開始」と「終了」は必ず 1 つずつでしたが、ネットワーク画面では「開始」の代わりに「イベント」がプログラムのスタートとなりいくつも存在します。
イベントとは「ボタンがクリックされたら」などの操作の事で、ネットワーク画面ではプログラムをスタートさせる条件（イベント）をいくつも設定できます。
このように何かイベントが発生して、それに対応してプログラムが動くことを「イベントドリブン」といいます。

5

ネットワークの設定に付いてインターネット上にあるサーバに接続してルーム単位でネットワークを構築する事ができます。
サーバに接続した後は、同じルーム内でデータを送受信できます。
サーバルーム 1

クライアントルーム 2

クライアントクライアントクライアントクライアントクライアントサーバへの接続①. 設定画面を開く
メニューバーの【ネットワーク】→【サーバ／クライアント設定】を選択、もしくは「接続状態表示」部分をクリックし、設定画面を開きます。

【ネットワーク】↓【サーバ／クライアント設定】

接続状態表示6

②. サーバに接続する。
1. ルーム名を入力します。※1
2. ユーザ名を入力します。
3. 「クライアント接続」ボタンを「ON」にします。
4. ｢サーバに接続中…｣と表示され、接続に成功すると「サーバに接続完了」と表示されます。
ユーザリストを更新する際にクリックする。

④接続状態が表示される①ルーム名を入力する。
(半角英数字)③｢ON｣を選択②ユーザ名を入力する。
同じルームに接続したユーザが一覧で表示される。

接続設定が終わればクリックする。

※1 ルーム名はアルファベットや数字(半角英数字)でのみ設定可能です。
また、一意(他と重複しない)の名前を設定してください。

ルーム(名)についてルームはネットワーク通信を行うグループになります。同じルーム名に設定したクライアント同士でデータの送受信が行えるようになります。
コロックルのネットワークは全国で共通になっています。ルーム名は半角英数字で任意に設定出来ますが、「123」や「abc」など簡単な名前にしてしまうと、意図しない相手とネットワークを接続してしまう可能性があります。
ルーム名は他と重複しない名前を設定してください。
例）学校の電話番号_学年_クラス番号

ご注意
クライアント接続を【OFF】にしないままネットワーク接続が切れる(※)とユーザリスト内に名前が残ったままになってしまいます。こうなった場合は一度全員がルームから抜け(クライアント接続を OFF にする)、再度接続し直してください。
※ネットワークに接続したままブラウザやタブを閉じる、またはパソコンを終了したりスリープモードにするな
どの状態。

7

データに付いてデータの種類
データには「メッセージ」「サーバデータ」「クライアントデータ」の 3 種類があります。

①. メッセージ
メッセージとは他のプログラムを起動させる信号（きっかけ）です。
メッセージを送ることで他の機能のプログラムを動かす事ができます。

②. サーバデータ
サーバデータとはサーバに接続されたパソコン全てで共有されるデータです。
データ 1 からデータ 8 までの 8 個のデータを使用できます。

③. クライアントデータ
クライアントのパソコン（プログラム）の中だけで使用できるデータです。
入力バーに入力された「入力変数」とその他の「データ 1～8」があります。
「サーバデータ」「クライアントデータ」には全角・半角の英数字と文字を格納する事ができます。

データの設定メニューバーの【表示】→【データ設定】を選択し、設定画面を開きます。

【表示】→【データ設定】を選択します。

それぞれのデータ名はこの画面で変更する事ができます。
データ名をクリック編集可能になる

名前を変更する

8

リターンキーで確定する

※サーバデータはクライアント内でのみ有効な名前となります。ネットワーク上の全てのデータ名が代わるわけ
ではありませんのでご注意ください。

使用できるデータと範囲①. 文字データ
全角文字、半角英数字が使用できます。一度に入力できる文字数は 32 文字までです。

②. 数字データ
扱える数字の範囲は「-32768～32767」です。

9実行画面の作成方法
機能の配置
コンテンツ作成エリアに機能をドラッグ＆ドロップします。
最初の機能は画面全体に配置されます。

機能の追加
改めて機能をドラッグ＆ドロップすることで機能を追加することができます。
追加された機能は縦、もしくは横に自動的に分割されて配置されます。
分割される方向は機能の配置位置により異なります。

10

機能のサイズ変更
配置後の機能の境界線を移動する事でサイズを変更する事ができます。
配置後の機能の位置やサイズは自由に変更する事が可能です。

 機能の配置限度数
機能は最大で 10 個まで配置できます。

機能の種類とプロパティ
機能は「ボタン」「テキスト表示」「リスト」「入力バー」の 4 種類があります。
それぞれ初期設定としてプロパティを設定する事ができます。

ボタン機能
画面上にクリックできるボタンを設定できます。
プロパティとしてボタン上に表配置イメージ

示する文字(キャプション)とボタンの色を設定できます。

11テキスト表示機能
画面上に文字を表示するときに使用します。
表示される内容は表示命令で更新(上書き)されます。
表示できる文字数は 32 文字までで配置イメージす。
プロパティとして実行時に表示する文字(キャプション)と背景の色を設定できます。

リスト機能
画面上に文字を表示するときに使用します。
テキスト表示機能と違い、表示命令で更新はされず改行されて表示されます。
一度に表示できる文字数は 32 文字までです。
リスト機能には以下の 3 種類があります。

リスト A
一番シンプルなデザインのリストです。
文字のみが表示されます。
設定できるプロパティはありません。

配置イメージ

実行時メージ

配置イメージ

実行時メージ

配置イメージ

実行時メージ

リスト B
改行ごとに罫線が入ります。
また、IP アドレスやユーザ名も表示されます。
設定できるプロパティはありません。

リスト C
吹き出しのように文字を表示します。
また、IP アドレスやユーザ名も表示されます。
自身のパソコンから送信された文字は画面の右側から、それ以外は画面の左側から吹き出しが表示されます。
設定できるプロパティはありません。
12入 力 バ ー (機 能 )常に表示されている文字を入力するための機能です。
一度に入力できる文字数は 32 文字までです。
プロパティとして実行直後に入力バー内に表示される文字を設定できます。

プログラムの作成
プログラムの作成方法
プログラムはフローチャート・もしくはブロックで作成します。
プログラムの作成方法は別紙「計測・制御編 プログラムの作成」を参照して下さい。

プログラムの作成場所
プログラムは機能単位で作成します。
機能を選択するごとにプログラムエリアは切り替ります。

ボタン機能のリスト機能のプログラム

プログラム

…

フローチャート画面

フローチャート画面

ブロック画面

ブロック画面13

1 つの機能の中に複数のプログラムを作成する事ができます。
イベントブロックを複数設定できるフローチャートの場合は終了ブロックは共通

ブロックの場合はそれぞれに終了ブロックが配置される

計測･制御のプログラムでは「開始」と「終了」は必ず 1 つずつでしたが、ネットワーク画面では「開始」の代わりに「イベント」がプログラムのスタートとなりいくつも存在します。
イベントとは「ボタンがクリックされたら」などの操作の事で、ネットワーク画面ではプログラムをスタートさせる条件（イベント）をいくつも設定できます。
このように何かイベントが発生して、それに対応してプログラムが動くことを「イベントドリブン」といいます。

ステージに付いてステージにはどの機能にも属さないプログラムを作成できます。
実行された時に 1 回だけ処理されるプログラムや、コロックのデータを処理するプログラムなどを作成するのに適しています。
14

命令ブロック
フローチャートを作成する命令ブロックは「イベント」「メッセージ」「送受信」「ウェイト」「分岐」「ループ開始」「ループ終了」「データ」「表示」「出力」の 10 種類です。
作成画面のレベル選択により使用できるブロックや各ブロックで設定できる項目が異なります。
（レベルは画面右上の「レベル選択メニュー」で設定できます。）

イベントブロック接続された命令ブロックを実行するイベント（きっかけ）を設定するブロックです。
機能ごとに設定できるイベントは異なります。

①. 実行された時③. （自身が）クリックされたときプログラムが実行されたボタン機能専用のイベント（ツールバーの実行ボタンブロックです。

をクリックした）時、1 回画面に配置されたボタンをだけ実行されます。

クリックした時実行されます。

②. メッセージを受けた時④. （入力が）確定したときメッセージブロックからの入力バー専用のイベントブ信号を受けた時に実行されロックです。

ます。

入力バーへの入力が確定した（確定ボタンがクリックされた）とき実行されます。

⑤. コロックルイベント（レベル２・3 の時のみ使用可能です。）
接続されたコロックルの情報を元にイベントが発生します。

15

メッセージブロック

他の機能（「メッセージを受けた時」に設定したイベントブロック）に信号を送りイベントを発生させるブロックです。
1～8 まで異なる種類のメッセージを送信する事ができます。
メッセージはネットワークに接続されているパソコンも含め、全ての機能に一斉に送信されます。

16

送受信ブロック

サーバとデータの送受信を行うブロックです。
※選択項目の(S)はサーバデータ、(C)はクライアントデータを表します。

①. データの送信「サーバデータ 1～8」に「入力変数(※)」「クライアントデータ 1～8」を送信することができます。
※入力変数には入力バーに入力されたデータが格納されます。

②. データの受信「クライアントデータ 1～8」に「サーバデータ 1～8」を受信することができます。

17ウェイトブロック

プログラムの進行を止めます。時間は 0.1 秒単位で 300 秒まで設定可能です。

分岐ブロック分岐ブロックは、いろいろな条件を元に、プログラムの流れを切り替える命令です。条件をひとつ設定し、その条件が成立しているかどうかで、プログラムが進む方向を二つに分けることができます。
分岐ブロックからは、設定した条件が成立すれば「はい（フローチャート：下下）」、成立しなければ「いいえ（フローチャート：右ムが進みます。
分岐条件は以下が設定できます。

①. 配置ボタン
画面に配置されたボタンの状態
ON→ クリックされたOFF →クリックされていない

18

ブロック：「もし～なら」のブロック：「でなければ」の下）」の方向にプログラ②. データ
クライアントデータの比較結果
レベル 1 の場合「と同じ」クライアントデータ 1～8

レベル 2・3 の場合
入力変数
クライアントデータ 1～8「よりも小さい」「と同じ」「よりも大きい」

任意の数字、文字（32 文字まで）※データが数字以外の場合、｢0｣に置き換わります。
以降の条件は｢レベル２・3｣の時のみ使用可能です。

③. （コロックル）ボタン⑥. （コロックル）音センサ④. （コロックル）光センサ⑦. （コロックル）外部入力※メニューバーの【設定】→【外部入出力に対⑤. （コロックル）温度センサ

応】のチェックが外れている場合、「外部入力」は表示されません。

19

ル ー プ 開 始 ブ ロ ッ ク (フ ロ ー チ ャ ー ト 画 面 の み )後述のループ終了ブロックとペアで使用します。開始と終了で挟まれたプログラムをくり返します。
くり返しの回数は 255 回まで設定可能です。
「ずっとくり返す」を選択した場合は、プログラムを停止するまでループします。

ル ー プ 終 了 ブ ロ ッ ク (フ ロ ー チ ャ ー ト 画 面 の み )くり返しの終了位置に配置するブロックです。
くり返しを抜ける条件(終了条件)を設定する事もできます。
ループ開始ブロックで設定した回数に達しなくても終了条件に合致すればくり返しを抜け、次の命令ブロックに進みます。
設定できる終了条件は以下の通りです。
レベル 1：「配置ボタン」「データ」
レベル 2：レベル 1 ＋ コロックルの「ボタン」「光センサ」「温度センサ」「音センサ」
レベル 3：レベル２ + コロックルの「外部入力」※メニューバーの【設定】→【外部入出力に対応】のチェックが外れている場合、「外部入力」は表示されません。

ル ー プ ブ ロ ッ ク (ブ ロ ッ ク 画 面 の み )ループブロックで挟まれたプログラムをくり返します。
ブロックの上部をダブルクリックするとループ開始ブロックと同じく、くり返しの回数を設定できます。ブロックの下部をダブルクリックするとフローチャートのループ終了ブロックと同じく、くり返しを抜ける条件(終了条件)を設定できます。

20

データブロック

クライアントデータの代入、演算処理を行います。

①. 代入
クライアントデータに別のデータを代入（上書き）します。
任意の数字、文字（32 文字まで)
クライアントデータ 1～
入力変数
クライアントデータ 1～8

コロックルのデータ※レベル 2・3 の時のみ使用可能※温度、明るさはレベル 2・3 の時のみ使用可能です。

②. 演算
クライアントデータの足し算、引き算を行います。（レベル 2・3 の時のみ使用可能です。）

任意の数字(-32768～

クライアントデータ 1～8

入力変数
クライアントデータ 1～8＋＝－＝

コロックルのデータ

(足し算)
(引き算)

※データが数字以外の場合、｢0｣に置き換わります。

21

表示ブロック

各種機能にデータを表示します。

機能の選択• テキスト表示• リスト• ボタン（レベル 2 のみ)• 入力バー（レベル 2 のみ)

配置機能の選択（対象の機能が画面上にない場合は何も表示されない。）

任意の数字、文字（30 文字まで)

入力変数
クライアントデータ 1～8

出力ブロック(レベル２・3 の時のみ使用可能です。）
コロックルの LED を点灯／消灯させたり、ブザーを鳴らします。

22

外部出力ブロック(レベル 3 の時のみ使用可能です。）
I/O 版の外部出力を制御する命令です。
以下の内容を設定する事ができます。
【出力操作】
出力の ON(連続)、OFF、時間を指定しての出力【出力の強さ】
0～10 の 11 段階※メニューバーの【設定】→【外部入出力に対応】のチェックが外れている場合、「外部出力」ブロックは表示されません。

ジ ャ ン プ ・ ラ ベ ル ブ ロ ッ ク (ブ ロ ッ ク 画 面 の み )ジャンプブロックから指定したラベルブロックまでプログラムを飛ばす命令です。
ジャンプブロックとラベルブロックを使うことでブロックを飛ばしたり前のプログラムにさかのぼったりすることができます。
主にフローチャートのプログラムをブロックに切りかえた時に使用されます。

23

プログラムの実行
ツールバーの実行ボタンをクリックすると実行画面が表示されます。

実行画面
作成した実行画面
実行中表示

サーバデータ表示
サーバデータの内容を表示

コロックル
データ表示
接続されているコロックルの各種センサの値をリアルタイムで表示

クライアントデータ表示
クライアントデータの内容を表示

実行、停止ボタン
データ処理
ログ表示
データの送受信や代入・演算などの処理
結果を表示

実行画面の各種情報は、メ情報表示あり

情報表示なしニューの【表示】→【各種情報表示(実行画面)(I)】
で表示／非表示を切替えることができます。

24

ログに付いて実行画面には各種データの処理内容がログメッセージとして表示されます。
表示されるのは「データの送受信」「データの代入、演算」処理です。

表示形式
ログメッセージの内容は以下のフォーマットで表示されます。

【警告レベル】

処理の種類：処理の内容

例：【INFO】サーバ："コロックル１(192.168.1.108)"が送信：おはよう【INFO】受信：データ 1「おはよう」 = データ 1「おはよう」

警告レベル
ログメッセージの先頭には警告の重要度に応じて警告レベルが表示されます。
警告レベルは以下の３種類です。

①. 【INFO】：重要度は(低)通常のデータ処理情報を表します。
例：【INFO】代入：データ 1「"こんにちは"」 = "こんにちは"【INFO】受信：データ 1「おはよう」 = データ 1「おはよう」②. 【NOTICE】：重要度は(中)文字データと数字データを比較するなど、意図しない結果になる処理を表します。
例：【NOTICE】比較：データ 1「"こんにちは"」 < 0【NOTICE】比較：データ 1「"こんにちは"」 == 0③. 【WARNING】：重要度は(高)文字データが足し算などの演算に使われているなど、不正と思われる処理を表します。
【WARNING】演算：データ 1「1」 = データ 1「"こんにちは"」 + 125

ブレークポイント
プログラムを任意の命令ブロックで止める機能です。
ブレークポイントを設定するには Ctrl キーを押しながら命令アイコン・ブロックをクリックします。すると、赤い半円が表示

ブレークポイントされます。
この状態でプログラムを実行すると、ブレークポイントを設定した命令アイコン・ブロックでプログラムは停止します。ブレークポイントを設定した命令ブロックは実行されません。

レポート作成レポート画面を開くには、ツールバーのをクリックするか、メニューバーの表示(V)からレポート画面(R)を選択してください。
レポートは作成した画面とプログラムが作成されます。

「印刷」を選択すると、先ず HTML ファイルとして保存(ダウンロード)されます。
保存(ダウンロード)した HTML ファイルを開くと印刷ダイアログが表示されます。

「ファイルに保存」を選択すると、画像(PNG)ファイルとして保存されます。

26

チュートリアル
画面の指示に従って進むだけで、基本的な操作が学べるチュートリアルを用意しています。

ワークシートモード
ワークシートの内容に特化したモードです。
ワークシートで使用するブロック以外は使用できないようになっています。
また、各ブロックの機能をイラスト入りで説明しています。

レベル選択で「ワークシート」を選ぶと使用できます。

必要なブロック以外は使用できなくなります。

各ブロックの機能をイラスト入りで確認することができます。

27