public css change 3 years ago
test-wsplay info create 3 years ago
views h1 tablescroll create 3 years ago
README.md info change 3 years ago
server.rb create intr 3 years ago
README.md

2020年版イントロクイズ

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

(2020/8/18作成)

オンライン版

オンライン版はtest-wsplayに説明があります。

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

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

フォルダ構成

├── 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

インストール

gem install sinatra
gem install sinatra-contrib

オフライン版実行手順

  1. ターミナルで以下コマンドを実行。
    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のチャット機能と2つ画面を使用して行う前提です。 ホストがZOOMのShareScreenで本システムの画面を共有し、参加者はZOOMのチャットから反応する形です。

音楽ファイルについて

曲は全てpublic/audio下に置いてください。形式はリンクを参照してください。