PyWeb 集合学習 Ver
操作説明書

第1版

2023.10.18 ayax

PyWeb 集合学習 Ver

本ドキュメントは、「PyWeb 集合学習 Ver」の操作説明を記述しています。「PyWeb」の操作に関しては、下記 YouTube 動画をご覧になってください。
PyWeb の使い方-基本操作編-(https://www.youtube.com/watch?v=5q5KKuwqOHA)
PyWeb の使い方-クラウドドライブ編-(https://www.youtube.com/watch?v=0dTjL_z9NPU)

PyWeb 集合学習 Ver、PyWeb サービスの維持、向上のため個人、団体、企業の皆様からの支援をお願いしています。
詳細へ(https://pyweb.ayax.jp/support.html)
あなたのご支援を心よりお願い申し上げます。

未来を担う才能が、プログラミングから生まれる。by ayax

Copyright ©2020-2023 ayax All rights reserved.

PyWeb 集合学習 Ver

目次
1 役割...................................................................................................................................................41.1 管理者(講師)..............................................................................................................................41.2 スタッフ....................................................................................................................................4
1.3 学習者........................................................................................................................................42 全体の流れ.......................................................................................................................................5
2.1 管理者(講師)URL/パスワード取得.........................................................................................5
2.2 学習者 URL/パスワード取得...................................................................................................5
2.3 集合学習実施............................................................................................................................6
2.4 学習者入替え............................................................................................................................7
2.5 終了............................................................................................................................................8
3 管理者 URL/パスワード取得..........................................................................................................9
A. メールアドレス入力......................................................................................................9
B. パスワード取得.............................................................................................................10
C. URL 取得...........................................................................................................................10
4 学習者 URL/パスワード取得........................................................................................................11
5 管理者 PC 操作...............................................................................................................................12
5.1 画面..........................................................................................................................................12
5.2 フォルダー構成......................................................................................................................12
A. モニタ...............................................................................................................................12
B. 共有....................................................................................................................................14
C. 情報(URL).........................................................................................................................15
5.3 コントロールパネル..............................................................................................................16①学習者情報......................................................................................................................17②プログラム欄..................................................................................................................18③ HELP 欄.............................................................................................................................18④更新ボタン......................................................................................................................19⑤リセット...........................................................................................................................19⑥バックアップ..................................................................................................................20⑦ My リセット...................................................................................................................206 学習者 PC 操作...............................................................................................................................21
6.1 サイトを開く..........................................................................................................................21
6.2 画面..........................................................................................................................................22
A. 共有...................................................................................................................................22

Copyright ©2020-2023 ayax All rights reserved.

PyWeb 集合学習 Ver

B. HELP...................................................................................................................................23
C. RESET.................................................................................................................................23
D. その他...............................................................................................................................23
7 スタッフ端末操作.........................................................................................................................24
7.1 サイトを開く..........................................................................................................................24
7.2 画面..........................................................................................................................................24①学習者情報......................................................................................................................25②プログラム欄..................................................................................................................26③ HELP 欄.............................................................................................................................26④更新ボタン......................................................................................................................27⑤ My リセット...................................................................................................................27
7.3 スマートフォンでの利用.......................................................................................................28
8 想定参加人数.................................................................................................................................29
9 困った時.........................................................................................................................................30
9.1 処理時間がオーバーが多発する...........................................................................................30
A. input 命令..........................................................................................................................30
B. 画像表示...........................................................................................................................31
C. ネットワークエラー....................................................................................................31
9.2 プログラムが終了しない.......................................................................................................32
9.3 その他エラー..........................................................................................................................32

Copyright ©2020-2023 ayax All rights reserved.

PyWeb 集合学習 Ver

1

役割

1.1 管理者(講師)「PyWeb 集合学習 Ver」の管理者であり講師をイメージしています。管理者用の PC から管理者用のサイトへアクセスし学習状況を把握、学習者をフォローします。

管理者サイト1.2 スタッフ
講師を補助する要員をイメージしています。スタッフ用の端末からスタッフ用サイトへアクセスし学習者の状況を把握、学習者フォローします。

スタッフサイト

1.3 学習者
プログラミングを学習する人たちです。各人の PC から学習者用サイトへアクセスし学習します。

学習者サイト

注意:同一ブラウザ内で管理者、スタッフ、学習者サイトへの同時アクセスはできません。

Copyright ©2020-2023 ayax All rights reserved.

PyWeb 集合学習 Ver

2

全体の流れ

2.1 管理者(講師)URL/パスワード取得
専用サイトへアクセス
管理者パスワード入手

管理者

専用サイト

管理者 URL 入手

2.2 学習者 URL/パスワード取得

管理者サイトへアクセス
学習者 URL/ パスワード入手
スタッフ URL/ パスワード入手

管理者サイト

学習者 URL/ パスワードお知らせ

管理者

手動

学習者

スタッフ URL/ パスワードお知らせ

１０時
間利用

可能

手動

スタッフ

Copyright ©2020-2023 ayax All rights reserved.

PyWeb 集合学習 Ver

2.3 集合学習実施
管理者サイトへアクセス
パスワード入力

管理者

学習者情報取得

管理者サイトサポート

学習者サイトへアクセス
パスワード / 名前入力
プログラムの実行等

学習者サイト

学習者

サポート

スタッフサイトへアクセス
パスワード入力
学習者情報取得

スタッフ
スタッフサイトCopyright ©2020-2023 ayax All rights reserved.

PyWeb 集合学習 Ver

2.4 学習者入替え

プログラムの実行等
RESET
ブラウザ更新学習者サイト

学習者
RESET を行うことにより学習者のクラウドドライブが削除され、再度ブラウザの更新／パスワードの入力が必要になります。 PC から学習した情報を削除するために
RESET 、ブラウザ更新を行ってください。学習者の RESET 操作は、「 6.2 画面」をご覧になってください。

全学習者リセット確認

管理者

管理者サイト

学習者が RESET するとコントロールパネルの一覧から削除されます。学習者がRESET を行ったか確認してください。一覧から削除されていない場合は、コントロー
ルパネルからリセットし必要に応じて学習者のブラウザを更新してください。コント
ロールパネルの操作は、「 5.3 コントロールパネル」をご覧になってください。

学習者入替

学習者サイトへアクセス
パスワード入力
プログラムの実行等

学習者

学習者サイトCopyright ©2020-2023 ayax All rights reserved.

PyWeb 集合学習 Ver

2.5 終了プログラムの実行等
RESET
ブラウザ更新学習者サイト

学習者
RESET を行うことにより学習者のクラウドドライブが削除され、再度ブラウザの更新／パスワードの入力が必要になります。 PC から学習した情報を削除するためにRESET 、ブラウザ更新を行ってください。学習者の RESET 操作は、「 6.2 画面」をご覧になってください。

My リセット
ブラウザ更新管理者管理者サイト

My リセットを行うことにより管理者情報が削除され、再度ブラウザの更新／パスワードの入力が必要になります。 PC から学習者情報を削除するために My リセット、ブラウザ更新を行ってください。 My リセット操作は、「 5.3 コントロール」をご覧になってください。

My リセット

ブラウザ更新スタッフ
スタッフサイト
注意 : ・ブラウザを閉じる、または長時間操作を行わないと再度パスワードの入力が求められることがあります。
・ブラウザは Chrome をご利用ください。

Copyright ©2020-2023 ayax All rights reserved.

PyWeb 集合学習 Ver

3

管理者 URL/パスワード取得

集合学習 Ver を利用するには、専用の URL／パスワードを取得する必要があります。その手順を説明します。PyWeb サイト (https://pyweb.ayax.jp/PyWeb.html)を開き、下記文言をクリックしてください。集合学習 URL 発行ページが開きます。

A. メールアドレス入力
メールアドレスを入力し送信ボタンを押下してください。管理者用 URL が送信されます。

Copyright ©2020-2023 ayax All rights reserved.

PyWeb 集合学習 Ver

B. パスワード取得
送信ボタンを押下後にパスワードが表示されます。こちらは管理者用のパスワードになりますので、コピーするなどし保存してくだだい。

C. URL 取得
入力したメールアドレスへ URL が送信されます。こちらが管理者用 URL になります。
こちらの URL もパスワードと一緒に保存するようにしてください。

Copyright ©2020-2023 ayax All rights reserved.

PyWeb 集合学習 Ver

4

学習者 URL/パスワード取得

管理者の URL,パスワードを入手できました。これを用いて管理者サイトを開きます。
メールの URL をクリックするかブラウザ(Google Chrome)で URL を入力してください。
そうするとパスワードが聞かれますので、パスワードを入力してください。

パスワードを入力すると学習者用の URL,パスワードが表示されます。こちらをコピーし学習者へ知らせてください。

スタッフの URL/パスワードについては、「4.2 C.情報(URL)」をご覧になってください。
注意:学習者へ URL/パスワードを知らせる機能はありませんので、別途検討願います。

Copyright ©2020-2023 ayax All rights reserved.

PyWeb 集合学習 Ver

5

管理者 PC 操作

5.1 画面「3 学習者 URL/パスワード取得」の操作で管理者用のサイトが開きます。
PyWeb と同様の画面構成になっていますが、クラウドドライブに管理者用のフォルダーが展開されています。また、利用時間の制限が 3 時間から 10 時間に延長されています。

モニタ、共有、情報 (URL)フォルダーが展開されます。

5.2 フォルダー構成
A. モニタモニタフォルダーは、学習者の状況を確認するためのフォルダーです。ファルダー内に全体をコントロールするためのアプリ「!コントロールパネル.html」と学習者のクラウドドライブを照会するためのフォルダー「各クラウドドライブ」が格納されています。
「!コントロールパネル.html」アプリの詳細は「4.3 コントロールパネル」をご覧になってください。

Copyright ©2020-2023 ayax All rights reserved.

PyWeb 集合学習 Ver「各クラウドドライブ」フォルダーをクリックすると、学習者毎のファルダーが展開されます。さらに学習者フォルダーをクリックすると学習者のクラウドドライブの内容を確認できます。

これにより、学習者のプログラム作成状況が確認できます。
注意:各クラウドドライブ内の情報を最新にするには、画面左上のクラウドボタンを押下してください。

クリックして最新情報を表示

Copyright ©2020-2023 ayax All rights reserved.

PyWeb 集合学習 Ver

B. 共有
共有フォルダーにプログラムを保存すると学習者と共有することができます。

「補足情報 .txt 」ファイルを格納学習者側の共有フォルダーで見ることができます。
【学習者 PC】

共有したいプログラムなどあればご利用ください。
注意 1:共有できるファイルは基本プログラムのようなテキストファイルのみです。
注意 2:共有フォルダー内の情報を最新にするには、画面左上のクラウドボタンを押下してください。

クリックして最新情報を表示

Copyright ©2020-2023 ayax All rights reserved.

PyWeb 集合学習 Ver

C. 情報(URL)
情報フォルダー内には、学習者用 URL／パスワード、スタッフ用 URL／パスワードが記載されているファイルがあります。学習者の URL、パスワードを確認したい、スタッフ用 URL/パスワードを知りたい場合は、こちらのファイルを開いてください。

ダブルクリックすると開きます。

Copyright ©2020-2023 ayax All rights reserved.

PyWeb 集合学習 Ver

5.3 コントロールパネル
モニタフォルダー内の「!コントロールパネル.html」ファイルをダブルクリックすると、画面中央にコントロールパネルが開きます。

ダブルクリックすると開きます。

こちらの画面で学習者の状況が把握できます。

⑤⑥④

⑦

①

②

③

Copyright ©2020-2023 ayax All rights reserved.

PyWeb 集合学習 Ver①学習者情報
学習者が学習者用の URL／パスワードでサイトを開くと、一覧に表示されます。
チェックボックス:チェックすると後述するリセット、バックアップ対象になります。
ID:学習者に紐づけられた番号です。この番号は学習者 PC の右上に表示されます。一覧に表示される名前と学習者が結びつかない場合は ID を参考にしてください。
名前: 学習者が URL／パスワードを入力すると、さらに名前の入力が促されます。この入力した内容が表示されます。
時間:直近にプログラムを実行した時間。
プログラム:直近に実行したプログラム名。
結果:直近に実行しプログラムの結果：〇：正常終了、×：異常終了。
HELP:学習者が HELP ボタンを押下すると●がつきます。

【学習者 PC】

HELP ボタンID

Copyright ©2020-2023 ayax All rights reserved.

PyWeb 集合学習 Ver②プログラム欄
プログラム欄のプログラム名をクリックすると該当プログラムが開きます。

ここをクリック

タブが開く

ayax 太郎さんが実行したプログラムが確認できる。
③ HELP 欄
HELP 欄をクリックすると●が付いている場合は空白に、空白の場合は●印になります。

ここをクリック

Copyright ©2020-2023 ayax All rights reserved.

PyWeb 集合学習 Ver④更新ボタン
更新ボタンを押下すると学習者情報を最新に更新します。また 1 分～2 分間隔で自動更新が行われています。
注意:更新は 3 分前までに変化があった内容を対象にしています。何らかの理由で、全ての情報を更新したい場合は、「!コントロールパネル.html」を閉じてから再度開きなおしてください。

⑤リセット
チェックボックスにチェックした学習者 PC をリセットします。リセットするとクラウドドライブが削除され、再度 URL 入力、パスワード入力、名前の入力が必要になります。また、ID が新規に採番されます。学習者が入れ替わる場合にご利用ください。
学習者 PC にもリセットを行う RESET ボタンがあります。必要に応じてリセットの指示を行ってください。
【学習者 PC】

RESET ボタン

Copyright ©2020-2023 ayax All rights reserved.

PyWeb 集合学習 Ver⑥バックアップ
チェックボックスにチェックした学習者のクラウドドライブのファイルが圧縮されダウンロードされます。

⑦ My リセット
PC から管理者環境が削除され、。再度 URL 入力、パスワード入力が必要になります。
管理を別の PC で行いたい、この PC を学習者 PC にしたい場合などにご利用ください。

Copyright ©2020-2023 ayax All rights reserved.

PyWeb 集合学習 Ver

6

学習者 PC 操作

6.1 サイトを開く
管理者(講師)から知らされた URL,パスワードを使い学習者用サイトを開きます。
ブラウザ(Google Chrome)で URL を入力してください。そうするとパスワードが聞かれますので、パスワードを入力してください。

作成するプログラムは管理者(講師)から照会されます。その確認メッセージが表示されます。OK ボタンを押下してください。

Copyright ©2020-2023 ayax All rights reserved.

PyWeb 集合学習 Ver

次に名前を入力してください。

6.2 画面
PyWeb と同様の画面構成になっていますが、利用時間の制限が 3 時間から 10 時間に延長されています。また、画面右上に学習者毎の ID が表示され、後述する「 RESET」、「HELP」ボタンが追加されています。
さらにクラウドドライブに共有フォルダーが展開されています。

RESET,HELP ボタン

共有ファルダーが展開されます。

IDCopyright ©2020-2023 ayax All rights reserved.

PyWeb 集合学習 Ver

A. 共有
共有するファイルがある場合に、共有フォルダー配下で参照できます。

ダブルクリックで開きます。

注意:共有フォルダー内の情報を最新にするには、画面左上のクラウドボタンを押下してください。

クリックして最新情報を表示

B. HELP
管理者(講師など)に助けを求めたい場合に押下してください。HELP ボタンの運用は管理者の指示に従ってください。

C. RESET
リセットするとクラウドドライブが削除され、再度 URL 入力、パスワード入力、名前の入力が必要になります。学習を終了する、他の人が PC を利用する場合にご利用ください。

D. その他
クラウドドライブに NAME ファイルが自動的に作成されます。こちらのファイルは削Copyright ©2020-2023 ayax All rights reserved.

PyWeb 集合学習 Ver

除、移動、名前の変更など行わないでください。

Copyright ©2020-2023 ayax All rights reserved.

PyWeb 集合学習 Ver

7

スタッフ端末操作

7.1 サイトを開く
管理者から知らされた URL,パスワードを使いスタッフ用サイトを開きます。
ブラウザ(Google Chrome)で URL を入力してください。そうるすとパスワードが聞かれますので、パスワードを入力してください。

7.2 画面
コントロールパネルが開きます。この画面により学習者の状況が確認できます。

⑤

④

①

②

③

Copyright ©2020-2023 ayax All rights reserved.

PyWeb 集合学習 Ver①学習者情報
学習者が学習者用の URL／パスワードでサイトを開くと、一覧に表示されます。
ID:学習者に紐づけられた番号です。この番号は学習者 PC の右上に表示されます。一覧に表示される名前と学習者が結びつかない場合は ID を参考にしてください。
名前: 学習者が URL／パスワードを入力すると、さらに名前の入力が促されます。この際に入力した内容が表示されます。
時間:直近にプログラムを実行した時間。
プログラム:直近に実行したプログラム名。
結果:直近に実行しプログラムの結果：〇：正常終了、×：異常終了。
HELP:学習者が HELP ボタンを押下すると●がつきます。

【学習者 PC】

HELP ボタンID

Copyright ©2020-2023 ayax All rights reserved.

PyWeb 集合学習 Ver②プログラム欄
プログラム欄のプログラム名をクリックすると該当プログラムが開きます。

ここをクリック

タブが開く

ayax 太郎さんが実行したプログラムが確認できる。
③ HELP 欄
HELP 欄をクリックすると●が付いている場合は空白に、空白の場合は●印になります。

ここをクリック

Copyright ©2020-2023 ayax All rights reserved.

PyWeb 集合学習 Ver④更新ボタン
更新ボタンを押下すると学習者情報を最新に更新します。また 1 分～2 分間隔で自動更新が行われています。
注意:更新は 3 分前までに変化があった内容を対象にしています。何らかの理由で、全ての情報を更新したい場合は、「!コントロールパネル.html」を閉じてから再度開きなおしてください。

⑤ My リセット
PC からスタッフ環境が削除され、再度 URL 入力、パスワード入力が必要になります。
利用を終了する、学習者 PC にしたい場合にご利用ください。

注意:こちらの画面は、クラウドドライブの「モニタ /!コントロールパネル.html」が自動的に開いたモノです。誤って閉じてしまた場合は、ファイルをダブルクリックしてください。

ダブルクリック

Copyright ©2020-2023 ayax All rights reserved.

PyWeb 集合学習 Ver

7.3 スマートフォンでの利用スマートフォンでも利用可能です。但し、機種により正常に動作しない場合があります。

Copyright ©2020-2023 ayax All rights reserved.

PyWeb 集合学習 Ver

8

想定参加人数

PyWeb 集合学習 Ver では、次の規模感での利用を想定しています。
管理者(講師)・・・１名
学習者・・・約 50 名、最大 100 名。
スタッフ・・・0～3 名程度

Copyright ©2020-2023 ayax All rights reserved.

PyWeb 集合学習 Ver

9困った時

9.1 処理時間がオーバーが多発する
PyWeb の SERVER モードはサーバーでプログラムを実行しているため、プログラム実行が集中すると次のメッセージが表示されプログラムが中止します。
「処理時間がオーバーしました。処理を削減するか別時間に実行してみてください。」
こちらのメッセージが多発し学習に支障をきたす場合は、画面右上の PC モードでの実行を検討してみてください。PC モードではプログラムが PC(ブラウザ)で実行されるため処理時間の制限を受けません。※画面右上の「PC」をクリックすると、PC モードになります。

但し、PC モードでは、次の制約があります。

A. input 命令
PC モードの input 命令では print 命令より先に実行されてしまいます。
例えば、10 x = input(“x=”)20 print(x)30 y = input(“y=”)40 print(y)このプログラムでは、20 行目の print 命令の表示より前に 30 行目の input 命令が実行されます。最終結果は正常に表示されますが、print で表示された内容を確認して input を行いたい時などの利用は難しです。

Copyright ©2020-2023 ayax All rights reserved.

PyWeb 集合学習 Ver

B. 画像表示
matplotlib を使い画像等を表示する際には plt.show()命令を使用しますが、こちらの命令が利用できません。代わりに display 命令を使います。

display(オブジェクト,target="<自由な名前>")
具体的には、
10 import matplotlib
20 # データを用意
30 x = [1, 2, 3, 4, 5]
40 y = [10, 8, 6, 4, 2]
50 plt.clf()
60 plt.plot(x, y)
70 #plt.show()
80 display(plt,target="G_01")
90 plt.close()

70 行目の plt.show の代わりに 80 行目で display 命令を利用しています。
※SERVER モードでも plt.show()が使えないため、代わりに plt.savefig(オブジェクト)を使い画像をファイルに保存します。サンプルがクラウドドライブの「#SAMPLE/情報Ⅰ」に格納されています。

C. ネットワークエラー
requests などのライブラリが正常に機能せず、ネットアクセス時にエラーが発生することがあります。対策として下記２行を追加します。
10 import pyodide_http20 pyodide_http.patch_all()

Copyright ©2020-2023 ayax All rights reserved.

PyWeb 集合学習 Ver

機能せず、ネットアクセス時に9.2 プログラムが終了しない
プログラムを実行すると右上の三角ボタンが点滅したままの状態になることがあります 。
その場合は、画面右上のほうきアイコンをクリックしてください。

9.3 その他エラー
その他エラーが発生し学習が進まない場合は、ブラウザの更新ボタンを押下し、ブラウザをリフレッシュしてください。
その際に新たな ID(セッション)になる場合があり、クラウドドライブにプログラムを作成していた場合は、それらにアクセスできなくなります。
復旧方法として、管理者 PC のモニタから旧 ID のファイルが照会できる可能性があります。もし照会できるならファイルをコピーし新 ID 側へコピーしてください。モニタの詳細は、「4.2フォルダー構成」をご覧になってください。

何らかのエラーが発生
ブラウザを更新したところアクセスできなくなった。

コピー

新 ID が採番された。

Copyright ©2020-2023 ayax All rights reserved.