Java Script виджет для опроса в матчах по большому теннису

ПРОЕКТ:  Добработка интерфейса для просмотра и оценки игроков в матчах по большому теннису. Имеется интерфейс для просмотра, требуется доработать 

ЦЕЛЬ: Получить анализ игры каждого игрока, путем проведения опроса по каждому розыгрышу, во время просмотра матча  

ИНТЕРФЕЙС:  Для просмотра матча и максимально удобный для участия в платном опросе 

ТЕХНИЧЕСКАЯ ЧАСТЬ: Java Script виджет. Для отправки результатов в таблицу будет использоваться 1 http запрос. 1 розыгрыш – 1 запрос 

Более подробная информация находится в прикрепленных файлах. 

ОБЩЕЕ ОПИСАНИЕ ИНТЕРФЕЙСА: 

- Большую часть страницы занимает плеер, в котором транслируется матч. Возможность перемотки видео назад на 15 сек и 30 сек 

- Внизу страницы пользователь может увидеть фамилии игроков, время, которое идет матч, кнопки для перемотки видео, остановки и запуска, счет и номер розыгрыша 

- Справа располагается форма с опросом 

ОПРОС:  

- Пользователь начинает просматривать матч 

- Когда начинается розыгрыш – в форме опроса высвечивается номер розыгрыша и у пользователя есть время двух розыгрышей, чтобы ответить на вопросы 

- Если пользователь не успевает закончить опрос, высвечивается сообщение о том, что пользователь не успел закончить опрос и в этот момент видео останавливается 

- Далее пользователю предоставляется выбор – вернуться на начало розыгрыша или записать те ответы которые он успел дать 

- В случае, когда пользователь успевает дать все ответы, появляется сообщение о том, что все ответы успешно записаны и осуществляется переход к опросу по следующему розыгрышу 

- Каждый ответ записывается в таблицу матча, для дальнейшего анализа игры каждого игрока, внимательности участника опроса, а также расчета суммы вознаграждения за участие в опросе 

ПРОХОЖДЕНИЕ ОПРОСА: 

ФОРМА 1: 

- Когда начинается новый розыгрыш, перед пользователем открывается ФОРМА 1 

- Вверху формы располагается информация о ПРЕДЫДУЩЕМ разыгрываемом очке (например, на экране идет розыгрыш 1-3-3, а на форме высвечивается запись 1-3-2) 

- Время на ответ эквивалентно продолжительности ТЕКУЩЕГО розыгрыша (1-3-3) (при начале розыгрыша 1-3-4 заканчивается время на ответ по розыгрышу 1-3-2) 

- Нажатие кнопки ЭЙС эквивалентно ПОБЕДЕ ПОДАЮЩЕГО  

- При выборе кнопки ЭЙС осуществляется переход на ФОРМУ 4 

- Кнопка "ВТОРАЯ ПОДАЧА / ДВОЙНАЯ ОШИБКА" при ЕДИНИЧНОМ нажатии означает, что подающий совершил ошибку при первой подаче 

- При двойном нажатии кнопки "ВТОРАЯ ПОДАЧА / ДВОЙНАЯ ОШИБКА" осуществляется переход на ФОРМУ 4 

- Для перехода на следующую форму нужно выбрать ОДНУ из кнопок "ХОРОШЕЙ ПОДАЧЕЙ","ПЛОХОЙ ПОДАЧЕЙ", "НОРМАЛЬНОЙ ПОДАЧЕЙ" 

- Время, отведенное на опрос, эквивалентно времени розыгрыша, следующего за текущим (например опрос 1-3-2 длится до начала розыгрыша 1-3-4) 

- При следующего розыгрыша (1-3-4) в правом верхнем углу появляется секундомер с обратным отсчетом 5 секунд, чтобы пользователь мог заметить, что время вышло и закончить опрос 

- Если пользователь все же не успел закончить опрос, появляется сообщение из ФОРМЫ 8 

ФОРМА 2: 

Переход на ФОРМУ 2 осуществляется если выбран вариант "РОЗЫГРЫШ" 

- При выборе кнопки "ПОДАЮЩИЙ", высвечивается новое окно согласно ФОРМЕ 3 , где необходимо ответить на вопрос "БЫЛ ЛИ РОЗЫГРЫШ ПРИ ПРИЕМЕ ПОДАЧИ", после выбора ответа происходит переадресация обратно на ФОРМУ 2 

- При выборе кнопки "ПРИНИМАЮЩИЙ", обязателен выбор из кнопок блока КАКИМ УДАРОМ ЗАКОНЧИЛСЯ РОЗЫГРЫШ 

- При выборе одной из кнопок "В СЕТКУ", "В АУТ", "НА ВЫЛЕТ" осуществляется переход на ФОРМУ 4 

ФОРМА 4: 

После окончания розыгрыша пользователь должен ответить на вопросы в ФОРМЕ 4 

-Пользователь может отметить был ли выход к сетке и каким игроком 

- Пользователь должен выбрать один или несколько вариантов ("ОШИБКА", "ГЛУПАЯ ОШИБКА", "ПАДЕНИЕ") поля БЫЛА ЛИ ОШИБКА? 

ФОРМА 5: 

После ответа на вопросы в ФОРМЕ 4, пользователь переадресовывается на ФОРМУ 5, где должен ответить на вопросы эмоциональной составляющей матча 

- С помощью бегунка пользователь может отметить уровень "УСТАЛОСТЬ"  

        – Пользователь может выбрать один или несколько пунктов в соответствии с действиями, которые совершил игрок в результате проявления эмоций ( "ВОСТОРГ", "НЕРВЫ", "НЕДОВОЛЕН", "РУГАЕТСЯ", "БРОСИЛ РАКЕТКУ" 

ФОРМА 6: 

После ответов на все вопросы пользователь попадает на ФОРМУ 6 

       – На форме показаны ответы на вопросы которые дал пользователь в течении опроса 

       – Если все верно, пользователь нажимает кнопку "ДА", его ответы записываются в таблицу, высвечивается информационное сообщение зеленого цвета о том, что все ответы успешно записаны, которое горит три секунды 

       – После этого пользователь приступает к опросу по следующему розыгрышу 

       – Если пользователь видит, что ошибся, он может нажать кнопку "СБРОС" и начать проходить опрос заново (в режиме реального времени так сделать будет нельзя!)