Антиплагиат (1231606), страница 8
Текст из файла (страница 8)
Стоит отметить, что если два участника решили одинаковое количество задач с одинаковым штрафнымвременем, то они занимают одно место;– название команды;– количество решенных задач;– штрафное время;– а так ж е по столбц у на каж дую задачу.Стоит отметить, что в заголовке в строке статистика отображ ается количество удачных посылок и количество посылок покаж дой задаче, а так ж е общ ее количество удачных посылок и общ ее количество посылок по всем задачам.Формирование таблиц ы происходит после загрузки истории посылок (прилож ение А, листинг А.10) и представляет собойгенерац ию HTML кода web-страниц ы. Для того, чтобы данная генерац ия занимала минимальное время работы, онапроисходит на стороне клиента посредству JavaScript, а не на стороне сервера.Для быстрого доступа к конкретным ячейкам таблиц ы в дальнейшем каж дой из них присваивается уникальныйидентификатор.
Как описано ранее, классы Теам и Problem содерж ат методы для генерац ии данных идентификаторов.Примеры таких идентификаторов: «I команды.Name», «I команды.Place», «I задачи.statistic» и т.д.Помимо генерац ии таблиц ы в файле createTable.js присутствуют функц ии для заполнения дополнительных переменныхинформац ией о командах, задачах и посылках. Например, функц ия createSubmits()compareSortSubmit() для сортировки посылок по времени их отправления участниками.Определив структуру таблиц ы с результатами, стоит рассмотреть её дизайн.используеткомпаратор3.2.8 Цветовая схема таблиц ы с результатамиЦветовая схема таблиц ы – очень важ ная составляющ ая общ его дизайна модуля подведения итогов, так как от э того зависитhttp://dvgups.antiplagiat.ru/ReportPage.aspx?docId=427.24091261&repNumb=120/2420.06.2016пониманиеАнтиплагиатпользователем происходящ его. Весь дизайн таблиц ы с результатами задаётся свойствами классов CSS(прилож ение А, листинг А.3).Заголовок таблиц ы имеет черный ц вет, за исключением ячеек с количеством посылок по конкретной задаче (рисунок 3.4).Рисунок 3.4 – Заголовок таблиц ы результатовСтроки с участниками имеют два оттенка серого ц вета (рисунок 3.5).
Два участника будут иметь один и тот ж е ц вет, если уних решено одинаковое количество задач. Два участника будут иметь разный ц вет, если нет участника, который решилбольше задач, чем один, и меньше задач, чем другой, из них.Рисунок 3.5 – Цветовое выделение участниковТаким образом, участники делятся на блоки, объединённые одним ц ветом.Цвета для ц ентральной части таблиц ы представлены на рисунке 3.6.Рисунок 3.6 – Цвета ц ентральной части таблиц ыКаж дый из э тих ц ветов используется для своей ц ели:– зелёный, если участник решил задача;– тёмно-зелёный, если участник первым решил задачу;– красный, если участник сделал неудачные посылки по задаче;– синий, если участник сделал посылки, результат которых ещ е не отображ ен в таблиц е.
Например, если он делал их впериод «заморозки» таблиц ы результатов;– мигающ ий сине-оранж евый для выделения посылки, которая подвергнется «разморозке»;– бледно серый, если участник не делал посылок по задаче.Стоит отметить, что при последовательной «разморозке» участник, посылки которого рассматриваются, так ж е выделяетсяоранж евым ц ветом (рисунок 3.7), для того чтобы сфокусировать внимание пользователя.Рисунок 3.7 – Выделение участника при последовательной «разморозке»Некоторые из ц ветов, представленных на рисунке 3.6, используются в заголовке таблиц ы результатов. Зелёный ц ветиспользуется для задач, по которым есть хотя бы одна удачная посылка, в то время как красный ц вет для задач, по которыместь хотя бы одна неудачная посылка (рисунок 3.8).Рисунок 3.8 – Часть заголовка таблиц ы результатов с информац ией по задачамДля задач, по которым нет посылок, ц вет остаётся черным.3.2.9 Обновление таблиц ы с результатамиДля обновления таблиц ы с результатами во время «разморозил» используется множ ество функц ий (прилож ение А, листингА.11).
Основные из них:– функц ия updateTable() полностью обновляет таблиц у с результатами;– функц ия sortTr() перемещ ает определённую строку таблиц ы на определённую позиц ию;– функц ия sortTable() перемещ ает все строки таблиц ы по местам, на которых они долж ны находиться в текущ ий момент;– функц ия sortTrSubmit() запускает анимац ию плавного перемещ ения строки в таблиц е;– функц ии sortTrNextSubmit() и sortTrNextTeamSubmit() определяют полож ение команды в таблиц е и запускают анимац июсортировки таблиц ы;– функц ия updateTableClass() обновляет классы CSS для всех ячеек таблиц ы;– функц ия updateTrClass() обновляет классы CSS для всех ячеек одной строки;– функц ии updateTdPlaceClass(), updateTdNameClass(), updateSolvedClass() и updateTdTimeClass() отвечают за обновлениеклассов CSS ячеек с местом, названием команды, количеством решенных задач и штрафным временем соответственно;– функц ии updateTrPlace() и updateTdPlace() отвечают за обновление мест для всех строк таблиц ы и обновления места дляодной строки соответственно;– функц ия updateTrSolvedAnsTime() обновляет количество решенных задач и штрафное время для всех команд;– функц ии onTdNextSubmit(), ontTdNextTeamSubmit(), offTdNextSubmit() и offTdNextTeamSubmit() определяют команду изадачу по обрабатываемой в текущ ий момент посылке;– функц ии onTdSubmit() и offTdSubmit() отвечают за включение и выключение анимац ии подсветки ячейки таблиц ы;– функц ии onTdTeam() и offTdTeam() отвечают за включение и отключение подсветки названия команды припоследовательной «разморозке»;– функц ии updateTrStatistic() и updateTdStatisticProblem() отвечают за обновление всей строки статистики и одной ячейки встроке статистики в заголовке таблиц ы;– функц ия updateTdTotal() обновляет ячейку с общ им количество удачных и неудачных посылок;– функц ия getTotal() генерирует HTML код с информац ией об общ ем количестве удачных и неудачных посылок дляотображ ения в соответствующ ей ячейке таблиц ы с результатами;– функц ии updateTdSolvedAndTime(), updateTdSolved() и updateTdTime() отвечают за обновление количества решенныхзадач и обновление штрафного времени для конкретной команды;– функц ия updateTableProblem() обновляет ту часть таблиц ы, которая связана с посылками команд по задачам;– функц ия updateTdProblem() обновляет одну ячейку, которая связана с посылкой конкретной команды по конкретнойзадаче.Стоит отметить, что для обновления некоторой информац ии в ячейках таблиц ы с результатами, функц ии используют методыклассов Теам и Problem, отвечающ ие за генерац ию соответствующ ей информац ии.
В частности, используются функц ии длягенерац ии идентификаторов ячеек таблиц ы.3.2.10 Реализац ия «разморозки» таблиц ы с результатамиПосле того, как история посылок загруж ена и обработана, сгенерирована таблиц а с результатами, мож но приступить к«разморозке».Меню (рисунок 3.1) предоставляет пользователю следующ ие настройки «разморозки»:– выбор времени для «заморозки», переход на момент «заморозки» и обнуление таблиц ы с результатами;– выбор скорости «разморозки»;– последовательная и хронологическая «разморозки»;http://dvgups.antiplagiat.ru/ReportPage.aspx?docId=427.24091261&repNumb=121/2420.06.2016Антиплагиат– пошаговая и автоматическая «разморозка»;– дополнительные настройки: показ времени посылок, показ посылок совершенных в «заморозку», обработка толькопоследней посылки.В любой момент времени пользователь мож етработоспособность модуля подведения итогов.изменятьнастройки«разморозки», иэ тоникак неповлияетнаОсновной функц ией, отвечающ ей за «разморозку», является getNextFunction(), которая, в зависимости от последнегодействия и от настроек «разморозки», определяет, что делать дальше (прилож ение А, листинг А.12).После выбора времени «заморозки», которое по умолчанию равно 4-м часам от начала соревнования, пользователь мож етсразу перейти к э тому моменту или ж е запустить «разморозку» с «пустой» таблиц ы.Запуск и остановка «разморозки» осущ ествляет наж атием клавиши «вправо» на клавиатуре.
В случае, если у пользователянеудачника нет клавиатуры, то он мож ет запустить «разморозку» наж атием кнопки на web-страниц е.В ходе «разморозки» строки в таблиц е сортируются по убыванию количества решенных задач. Если количество решенныхзадач одинаково, то строки сортируются по возрастанию штрафного времени.Штрафное время рассчитывается как сумма по сданным задачам по следующ им величинам: время от начала соревнования допервой удачной посылки по задаче, количество неудачных посылок до первой удачной умнож енное на двадц ать.В ходе хронологической «разморозки» посылки обрабатываются в том порядке, в котором они были отправлены. Такую«разморозку» мож но использовать для визуализац ии хода соревнования.В ходе последовательной «разморозки» команды рассматриваются с последних строк таблиц ы к первым.
В случае, если укоманды имеются ещ е посылки – они обрабатываются, и если посылки успешные, то команда поднимается вверх по таблиц е.Если ж е посылки у команды закончились, то осущ ествляется переход к следующ ей команде. Такая «разморозка» мож ет бытьиспользована для подведения итогов каких-либо соревнований.В ходе автоматической «разморозки» все действия происходят друг за другом без ож иданий каких-либо действий отпользователя. В случае если пользователь наж мёт на кнопку управления «разморозкой» – она остановится до последующ егонаж атия на э ту ж е кнопку.В ходе пошаговой «разморозки» после каж дого действия модуль подведения итогов ож идает от пользователя наж атия науправляющ ую кнопку. Такие паузы в «разморозке» могут быть использованы, например, ведущ ими для комментированияхода подведения итогов соревнования или для награж дения участников, занявших призовые места.Мож но выделить следующ ие действия, после которых ож идается наж атие на управляющ ую кнопку:– подсветка команды, посылки которой рассматриваются (только при последовательной «разморозке»);– подсветка посылки, которая обрабатывается;– отображ ение результата посылки;– перемещ ение команды в таблиц е.Скорость «разморозки» влияет на величину паузы во время автоматической «разморозки», а так ж е на скорость анимац ииперемещ ения команды в таблиц е.Отключение показа времени посылок мож ет быть использовано для приведения таблиц ы к более компактному иинформативному виду.Дополнительная опц ия показа посылок заключается в том, будут ли задачи, по которым ещ е имеются посылки, выделяться втаблиц е для того, чтобы подготовить пользователя к их обработке.Включение опц ии обработки только последний посылки ускорит проц есс «разморозки», так как если по задаче былосовершено очень много неудачных посылок, то не придётся ж дать пока они все обработаются.Выводы по разделуРазработанная web-страниц а с модулем подведения итогов (рисунок 3.9) для своей стабильной работы требует:– браузеры Google Chrome, Mozila Firefox, Opera или Internet Explorer 10 версии или выше;– 100 мегабайт ОЗУ;– дополнительное ПО для работы web-страниц ы не требуется.Рисунок 3.9 – Таблиц а с результатами соревнования по программированиюТак как модуль подведения итогов выполнен в виде web-страниц ы, доступ к нему осущ ествляется через браузер.
![](https://s.studizba.com/z.php?f=/templates/si/i/noavatar.png&w=100&h=100&t=1"){kind=avatar}
