# 2020年版イントロクイズ

2020年版イントロクイズです。完全オフライン版と[オンライン版](test-wsplay/TEST.md)があります。

(2020/8/18作成)

## オンライン版

オンライン版は[test-wsplay](test-wsplay/TEST.md)に説明があります。

# オフライン版イントロクイズ

当システムは音楽を再生、ストップの機能のみを持ちます。外部ツールと連携して使うことが前提なのであらかじめご了承ください。

### フォルダ構成
```bash
├── README.md
├── public
│   ├── audio
│   │   ├── 3月9日.mp3
│   │   ├── UFO.mp3
│   │   └── music.csv
│   ├── css
│   │   └── main.css
│   └── js
│       ├── hash.js
│       └── start.js
├── server.rb \\オフライン版を起動するサーバ
├── test-wsplay
│   ├── ws.css
│   ├── ws.html
│   ├── ws.js
│   └── ws.rb \\オンライン版を起動するサーバ
└── views
    └── start.erb
```

## Start IntroQuiz!
イントロクイズを行うための準備と手順を以下に示す。

### 必要なライブラリ一覧
* sinatra
* sinatra-contrib 

### インストール

```bash
gem install sinatra
gem install sinatra-contrib
```
## オフライン版実行手順

1. ターミナルで以下コマンドを実行。
```bash
git clone https://www.yatex.org/gitbucket/git/Madoka/2020_intr.git
ruby server.rb
```
2. Firefox等のURLバーに以下を入力。

```bash
localhost:4567
```

イントロクイズ with ZOOM!　という画面が表示されればOK。


# 操作方法

表の問題1..をクリックで音楽が流れます。
画面左上の3つのボタンはそれぞれ

* 再生
* 停止
* サビ再生

の機能を持ちます。何もクリックせずに再生ボタンを押しても何も流れないため注意してください。

本システムには非同期通信がありません。使用する際には外部ツールを使用してください。
今回は[ZOOM](https://zoom.us/jp-jp/meetings.html)のチャット機能と2つ画面を使用して行う前提です。
ホストがZOOMのShareScreenで本システムの画面を共有し、参加者はZOOMのチャットから反応する形です。

# 音楽ファイルについて

曲は全て[public/audio](public/PUBLIC.md)下に置いてください。形式はリンクを参照してください。

 