В веб-версии Talent Rocks появятся разделы «Рейтинг» и «Командный рейтинг», аналогичные существующим в мобильном приложении.

Раздел «Рейтинг» будет выводиться отдельным пунктом меню и содержать три вкладки:

• Рейтинг;
• Правила;
• Призы.

Название раздела, иконка и порядок раздела в меню приложения могут быть изменены в панели администрирования.

Вкладка «Рейтинг» будет содержать (Рисунок 8):

• Заголовок «Рейтинг»;
• Плашку с информацией об участнике, содержащую:
  • ФИО;
  • Аватарку;
  • Текущее количество баллов;
  • Место в рейтинге.
• Поиск по участникам;
• Плашки остальных участников, отсортированные по количеству баллов.
   

Рисунок 8. Вкладка «Рейтинг»

При нажатии на плашку другого участника пользователь будет переходить в его профиль. При нажатии на свою плашку будет показываться детализация баллов, набранных данным участником (Рисунок 9):

• Вертикальный список правил, по которым данному участнику начислили баллы. Каждое правило содержит:
  • Название правила;
  • Количество полученных баллов;
  • Количество раз, которое это правило было применено.
     

Рисунок 9. Мой профиль в рейтинге

Вкладка «Правила» будет содержать полный список правил, по которым участнику могут быть начислены баллы. Экран будет состоять из следующих блоков (Рисунок 10):

• Заголовок «Правила»;
• Вертикальный список правил, по которым участнику могут быть начислены баллы. Каждое правило содержит:
  • Название правила;
  • Количество начисляемых баллов;
  • Количество раз, которое это правило может быть применено.

Рисунок 10. Вкладка «Правила»

Вкладка «Призы» будет содержать список призов, заявленных в данной программе обучения. Список призов настраивается в панели администрирования. 

Для каждого приза можно будет определить:

• Обложку (изображение);
• Заголовок (строка); 
• Подзаголовок (строка);
• Описание (текст).

Описание может включать в себя форматированный текст, ссылки на внешние ресурсы и дополнительные изображения. 

В разделе «Призы» будет выводиться список призов с кратким описанием. Раздел будет включать в себя (Рисунок 11):

• Заголовок «Призы»;
• Вертикальный список призов. Каждый приз содержит:
  • Обложку (изображение);
  • Заголовок; 
  • Подзаголовок.
     

Рисунок 11. Вкладка «Призы»

При нажатии на приз будет открываться отдельный экран с полным описанием приза. Экран будет содержать (Рисунок 12):

• Обложку приза;

По нажатию на обложку изображение можно увеличить.

• Заголовок;
• Подзаголовок;
• Описание.

Ссылки в описании будут открываться в отдельной вкладке браузера.

Рисунок 12. Экран подробного описания приза