サンカプレイ の手引き 広島大学大学院教育学研究科 寺内大輔 terauchi@hiroshima-u.ac.jp サンカプレイ については下記を参照してください http://home.hiroshima-u.ac.jp/~terauchi/sankaplay.html 1 必要なもの 機器 サーバ用 PC(Windows あるいは Macintosh) 1 台 クライアント用タブレット(iPad あるいは Android) 複数台 無線 LAN ルータ(市販のもの) 1 台 あるいは複数台 スクリーン投影用 PC とプロジェクタ スクリーン ソフト サンカプレイ のシステム サーバ用 PC には サンカプレイ のシステムと サンカプレイ を動かすためのソ フト(Node.js)をインストールします クライアント用タブレットでは ブラウザ(Safari など)を使います それ以外のソフト は特に必要ありません スクリーン投影用 PC では ブラウザ(Google Chrome Firefox Safari)を使います Internet Explorer は避けてください サーバ用 PC とクライアント用タブレットはお互いに通信できるようにしてください 学校の授業で使う場合は 以下の方法があります 無線 LAN ルータを使い教室内でネットワークを組む (PC タブレットを無線 LAN ルータに接続して プライベートのネットワークを構成 する 後述の実践授業はこのパターンです ) PC タブレットを学校内ネットワークに接続できるなら それで通信 機器の目安として 2017 年 7 月に実践授業を行った際の構成は以下のとおりです サーバ用 PC MacBook Air(MacOS Sierra メモリ 4GB CPU Core i7) 1 台使用 タブレット ipad Wi-Fi+Cellular 32GB ブラウザは Safari 同時に 5 台を使用 無線 LAN ルータ バッファロー WXR-1750DHP 1 台使用 1
2 サーバ用 PC 設定(Windows) 2.1 Node.js インストール https://nodejs.org/ja/ を開き Node.js をインストールします バージョン 6.11.4 LTS での動作を確認しています このバージョンであれば イン ストーラ node-v6.11.4-x64.msi がダウンロードできますので ダブルクリックして 実行してください ダウンロード 2
2.2 Node.js インストールの確認 Windows コマンドプロンプトを開き node --version と入力し Enter キーを押しま す v6.11.4 のようにバージョン番号が表示されれば問題ありません 2.3 サンカプレイ の配置 ダウンロードしたファイルを展開してできた SankaPlay のフォルダを 任意の場所 (デスクトップ等)に置きます 日本語文字を含むフォルダは避けてください 2.4 サンカプレイ の起動 SankaPlay のフォルダを開き sankaplay.bat をダブルクリックします sankaplay.bat を ダブルクリック sankaplay.bat をダブルクリックすると 自動でコマンドプロンプトが開き サンカプレ イの起動まで実施します START と 表示される Windows ファイアウォールに関する警告が出た場合は アクセスを許可してください (許可しないと システムを利用することができません ) これで サーバ用 PC での サンカプレイ の準備は完了です サンカプレイ を終了する場合は Ctrl + c を入力してください 3
3 サーバ用 PC 設定(Macintosh) Macintosh の場合は以下の手順に従ってください 3.1 (1) Node.js をインストール https://nodejs.org/ja/ 等を参考に Node.js をインストールします 動作確認済みバ ージョンは 7.2.0 です 3.2 サンカプレイ の配置 ダウンロードしたファイルを展開してできた SankaPlay のフォルダを 任意の場所 (デスクトップ等)に置きます 3.3 サンカプレイ の起動 端末を開き SankaPlay のフォルダに移動後 $ node app.js と入力します START と表示されれば問題ありません サンカプレイ を終了する場合は Ctrl + c を入力してください 4
4 サンカプレイ の利用 4.1 タブレットの準備 クライアント用タブレットでブラウザを起動し http://(サーバ用 PC の IP アドレ ス):3000 を開くと サンカプレイ が現れるので準備をします IP アドレスの調べ方については 9 ページを参考にしてください プライベートのネットワークを構成している場合 サーバ用 PC の IP アドレスは 192.168.xxx.xxx 等ですので 設定されている値を指定してください 学校内ネット ワークを利用している場合は 管理者に確認をお願いします リクエスト を タッチ タブレット 準備完了 うた ピアノ などの文言(プリセット文言)は 最大 20 個までをあらかじめ設 定しておくことができます 設定については プリセット文言設定 の章を参照してく ださい 5
4.2 スクリーン投影の準備 スクリーン投影用 PC でブラウザを起動し http://(サーバ用 PC の IP アドレス):3000 を開き えんそう を選択します えんそう を 選択 これで 準備完了です スクリーン投影用 PC 準備完了 やり直す場合は ブラウザを再度起動 6
4.3 演奏開始 タブレットで 送信 を押すと 該当のリクエストがスクリーンに投影されます 送信 をタッチ スクリーンのリクエストは 最初大きく表示され 次第に小さくなり その後消えます 7
4.4 自由記述によるリクエスト送信 あらかじめ用意されたリクエストに加えて 自由記述のリクエストも送信できます (タブレット) 送りたいリクエストを 自由に入力して 自由記述送信 タッチ (スクリーン) 8
5 プリセット文言設定 5.1 プリセット文言 最初に表示される うた ピアノ などのリクエストを プリセット文言 と呼びま す 最大 20 個までを 自由な内容であらかじめ設定しておくことができます 自由な内容で 20 個まで リクエストを設定しておくことが可能 5.2 設定方法 サーバ PC で SankaPlay フォルダを開くと その中に request フォルダがあります request フォルダを開くと その中に request.js ファイルがありますので このファ イルをテキストエディタで開いてください 以降の例では サクラエディタを使います メモ帳で開くことは避けてください テキストエディタで開く 9
うた ピアノ などが プリセット文言です 1 行に 5 個ずつ記載されています デフ ォルトでは 5 番目の文言として おしばい がありますので この次に たいこ を入れ るとします おしばい の次に たいこ を入れてみる たいこ を追加 たいこ を追加しましたので request.js を保存します 追加内容を反映させるため サーバシステムをいったん止めた後 再起動してください -10-
サーバシステムを再起動後 リクエストの画面を開くと 追加した たいこ が表示され ます たいこ が現れる 上記は文言の追加方法ですが 既存文言の変更 削除も同様の要領で可能です -11-
6 (補足)サーバ PC の IP アドレスの調べ方 Windows の場合は コマンドプロンプトで ipconfig と入力することにより IP アド レスを知ることができます ipconfig と入力 出力結果のうち IPv4 アドレス の値を見る この例では 192.168.1.4 Macintosh の場合は 端末を開き ifconfig と入力して IP アドレスを調べてください 7 (補足)リクエストのログ出力 サンカプレイ のサーバシステム起動後のウィンドウには リクエストが送信された タイミングで その内容がログとしてあらわれます サーバシステムを起動するときに 出力をリダイレクトすることにより ログをファイルに書き出せますので いつどのよ うなリクエストが出されたかの分析に役立てることができます 以下に起動例を示します (1) Windows コマンドプロンプトを開く(あるいは Macintosh の端末を開く) (2) cd コマンドで SankaPlay のフォルダへ移動 (3) node app.js > (ログファイル名) と入力して サンカプレイ 起動 12
8 履歴など 2017/10/15 初版 本システムの開発は JSPS 科研費 15K04501 の助成を受けたものです 本システムの開発には enchant.js (http://enchantjs.com/)を利用しました enchant.js は 株式会社 UEI の登録商標です 13