【リアルタイム投票WEBサイト】制作に必要な言語とシステム構造をご教授ください

Question

実現したいこと

下記仕様のユーザー参加型の投票アプリ(webページ)を作成したい

【アプリ内容】
１.チャットルームのように複数のルームがあり、
ルーム内でユーザーの１人が２択の質問を投稿する。(犬派or猫派？等)

２.質問の投稿後、ルーム内にいるユーザー全員の画面が自動で遷移し、回答フェーズに移行する。

３.回答フェーズでは２択の質問に対し、
質問投稿者以外がチェックボックスにて回答を行う。
回答時間は5分であり、5分間のカウントダウンが行われる。

４.タイマーが「０」になるとルーム内にいるユーザー全員の画面が自動で遷移し、
開票ページに移行する。
開票ページでは多数決の結果と票数、参加した各ユーザーがどちらに回答したかIDが表示される。

５.多数派に回答したユーザーの画面が自動で遷移し、次の質問を投稿する画面に移行する。
一番早く投稿された質問が採用され、次の回答フェーズに遷移する。
もし5分間誰も質問を投稿しなかった場合、ルーム内全員の画面が質問投稿画面に遷移する。

６.項目２~を繰り返す

【仕様】
・ユーザーはアカウントの登録を必須とする
・ユーザーのマイページでは過去の回答を一覧で閲覧可能
・ユーザーのマイページでは多数派回答率を閲覧可能

前提

HTML,CSS,ワードプレスを実行させる為のHTML→PHP変換等の知識はあるのですが、
データベースやJavascriptは初心者であり、上記サイトを制作するために勉強したいと思っております。

問題・課題

制作にどのような言語、知識が必要になるのかがわからない。

解決したいこと

制作にあたりどのような言語、知識が必要になるのか、お分かりになる方からご教授いただけますと幸いです。
また、まずはシステム構造を理解したい為、ご説明もしくは参考書籍等を教えていただきたいです。

Comments

[jimbe]

趣味でしょうか、課題でしょうか、仕事でしょうか。
何処に作るのでしょうか。
データベースやJavascript、タグのjavaは何故出てきたのでしょう。

Answer 1

１.チャットルーム

HTML・CSS、会話の更新などはJavaScriptで行うのが一番適当かと。
リアルタイムで、の想定ならば、WebSocketという、双方向通信を可能にする通信プロトコルを使用するとよろしいかと。

２.質問の投稿後、ルーム内にいるユーザー全員の画面が自動で遷移し、回答フェーズに移行する。

上記同

３.回答フェーズでは２択の質問に対し....

ここは、WebSocketを使う場面ではないかと思うので、
仕様通りの挙動を実装すればいいかと。

４.タイマーが「０」になるとルーム内にいるユーザー全員の画面が自動で遷移し....

上記同

５.多数派に回答したユーザーの画面が自動で遷移し、次の質問を投稿する画面に移行する...

ユーザー間の状態が必要なため、WebSocketを使う必要がある場面に思います。

【仕様】
・ユーザーはアカウントの登録を必須とする
・ユーザーのマイページでは過去の回答を一覧で閲覧可能
・ユーザーのマイページでは多数派回答率を閲覧可能

バックエンドは必須です。使用言語は、PHPに限らずお好きなものを使用すればよろしいかと。
ただし、言語によっては、向き不向きがあったり、フレームワークに特徴がそれぞれあったりするので、
もう少し仕様や、ユースケースを固めた方が、使用言語など決めやすくなるかと思います。