# 2020年版イントロクイズ

2020年版イントロクイズです。完全オフライン版とオンライン版があります。

(2020/8/18作成)

# 各フォルダ
```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バーに以下を入力。

localhost:4567

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


# 操作方法

表の左の問題1..をクリックで音楽が流れる。
画面左上の3つのボタンでそれぞれ再生、停止、サビ再生を行う。何もクリックせずに再生ボタンを押しても何も流れないため注意すること。

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

# 音楽ファイルについて

曲は全て[public/audio](public/audio)下に置いてください。そこ以外だと反応しません。
mp3ファイルを置いた上で、csvファイルの形式は以下の通りです。

| 曲名 | ファイル名 | ヒント | 作者 | サビ秒数 |
----|---- |---- |---- |---- 
| ex1 | ... | ... | ... | ... | ... |
| ex2 | ... | ... | ... | ... | ... |

start.jsでcsvファイルの1行目を飛ばす処理をしているので、1行目を見出しとして、2行目から記載してください。

