РАЗРАБОТКА САЙТА ДЛЯ ОРГАНИЗАЦИИ ОЛИМПИАД

Авторы:Тарабаева И.В., Нужная Н.А.

Источник:Материалы VI Международной научно-технической конференции «Современные информационные технологии в образовании и научных исследованиях» (СИТОНИ-2023) Донецк : ДонНТУ, 2023., С.252-256.

Аннотация

В статье рассматриваются подходы и методы разработки веб-сайта для организации олимпиад в ВУЗе.

Введение

Согласно толковому словарю Ожегова, олимпиада - соревнования, состязания - спортивные, художественные или в области каких-нибудь знаний. Для студентов и школьников, увлечённых технологиями, участие в олимпиадах важная часть развития компетенций в области Сomputer Science и личных качеств, необходимых для достижения успеха: стрессоустойчивость, сила воли, упорство, дисциплина. Олимпиады - часть мира спортивного программирования. Участие в олимпиадах даёт шанс не только заявить о себе, проверить знания, развить логическое и творческое мышление, но и поможет получить льготы на поступление, успешно проходить собеседования и поехать на международные соревнования.

ВУЗы, Министерство просвещения РФ, фонды и организации ежегодно проводит олимпиады для учащихся старших классов общеобразовательных организаций и студентов.

Целью данной статьи является исследование подходов и методов к разработке веб-сайта для организации олимпиад в федеральном государственном бюджетном образовательном учреждении высшего образования «Донецкий национальный технический университет».

Виды олимпиад

Олимпиады проводятся разными организациями: олимпиады от вузов, олимпиады от Министерства просвещения РФ, олимпиады от различных фондов и организаций.

Олимпиады от вузов, ориентированы в первую очередь на одарённых школьников и учащихся учреждений среднего профессионального образования. Участие открыто для всех желающих, необходимо лишь ознакомиться с условиями и требованиями и зарегистрироваться на подходящую по профилю, уровню подготовки учебному заведению. Наградой, как правило, является грамоты, победители получают дополнительные баллы к поступлению на соответствующие направления в ВУЗе-организаторе.

По форме проведения олимпиады подразделяются на очные и дистанционные. В связи с нестабильной экономической обстановкой, эпидемией ковида, всё чаще олимпиады проводятся дистанционно. Поэтому разработка веб-сайта для организации олимпиад в вузе, является актуальной задачей.

По ведущей деятельности олимпиады подразделяются на теоретические, практические и комбинированные. Специфика олимпиад по программированию ограничена 2мя вариантами - практические и комбинированные. Развитие компьютерных технологий способствует увеличению олимпиад практического типа.

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

Организация проведения олимпиад в ВУЗах

Россия является лидером по подготовке к соревнованиям по программированию, поэтому за последние 11 лет учащиеся нашей страны из ИТМО, СПбГУ и МГУ, регулярно выигрывают мировые чемпионаты.

Важную роль при подготовке выполняют учебно-методические материалы по олимпиадам в области программирования. В России сформирована библиотека олимпиадной информатики, которая включает печатные издания, электронные архивы задач и материалов для подготовки к олимпиадам [1].

Единственный способ улучшить свои навыки в спортивном программировании — это постоянно решать задачи и тренироваться. Одна из самых популярных платформ для тренировок и проведения олимпиад, как в России, так и зарубежом, Codeforces, разработка отечественного программиста Михаила Мирзаянова. С течением времени площадка стала не просто местом для тренировок, но и полноценной соцсетью для увлеченных олимпиадным программированием.

После внедрения системы Polygon стало возможным не только использовать задачи из базы Codeforces, но и создавать собственные задачи с условиями, тестами и проверяющими программами. После создания заданий в системе Polygon, из них создается контекст олимпиады. Для муниципальной олимпиады обычно нужно отключить дорешивание, виртуальное участие, саморегистрацию, не разрешать видеть ход соревнования незарегистрированным, общий статус (иначе все участники будут видеть результаты всех остальных участников в реальном времени), ранклист (чтобы участники не могли видеть своё место).

Помимо применения платформы для проведения олимпиады, необходима платформа для коммуникации с участниками, анализ олимпиад по всей России, показывает, что информационный сайт для регистрации на олимпиаду, с личным кабинетом, который содержит доску с важными объявлениями является наиболее распространенным и удобным способом коммуникации.

При разработке информационного сайта с информацией о олимпиаде и регистрацией, выбор подхода, который обеспечит высокую производительность, безопасность и легкость развертывания, является решающим фактором для разработчика.

Современные подходы к разработке веб-сайтов

Сегодня разработка сайтов продолжает развиваться, и появляются новые подходы и технологии, позволяющие создавать более эффективные и быстрые веб-приложения. Классификация сайтов может быть основана на различных критериях, таких как функциональность, тип контента, цель использования и технические особенности.

Для программистов наиболее важным типом являются технические особенности и нюансы разработки программного обеспечения. По видам генерации контента веб-сайты классифицируются на статичные, динамические и гибридные.

Каждый подход имеет свои минусы и плюсы, подробнее смотреть в таблице 1.

Таблица 1 - Классификация сайтов по видам генерации контента

Вид веб-сайта Преимущества Недостатки
1 Статические Сайт работает молниеносно, трудно взломать, легко переносить, дёшево хостить Сайт неудобно обновлять, не подстраивается под пользователя
2 Динамические Содержимое сайта можно адаптировать под пользователя, простое обновление и дополнение, интеграции Сайт работает медленнее, легко взломать, трудности с обслуживанием и переносом
3 Гибридные Сайт быстрый, взломостойкий, легко обновлять

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

Выделяют 4 основных подхода к выбору инструментов разработки (таблица 2).

Таблица 2 - Классификация подходов к разработке сайтов

Вид подхода Преимущества Недостатки
1 SPA Высокая скорость, гибкость и отзывчивость пользовательского интерфейса , упрощённая работа (не нужен отдельный код для рендера страницы на стороне сервера), кэширование данных SEO оптимизация требует решений в виде серверного рендеринга (контент загружается при помощи технологии AJAX, которая подразумевает динамическое изменение содержания страницы, а для оптимизации важна устойчивость), yагрузка на браузер, необходимая поддержка JavaScript, утечка памяти в JavaScript
2 MPА Простая SEO оптимизация, привычность для пользователей Тесная связь между бекендом и фронтендом, поэтому их не получится развивать параллельно, сложная разработка — требуют использования фреймворков, как на стороне клиента, так и на стороне сервера, что увеличивает сроки и бюджет разработки.
3 PWA Кроссплатформенность, высокая скорость загрузки, высокая скорость установки, быстрота разработки. Не все браузеры поддерживают основные функции таких приложений
4 JamStack Высокая скорость, удобное управление, дополнение и поддержка сайта, безопасность Высокий порог входа, Медленная скорость сборки, не подходит для сильно интерактивных приложений,желательно использовать CDN

Для выявления каким деталям сайта необходимо улучшение проводится UX-исследования.

Cущность UX исследований

UX — это не просто интерфейс, а взаимодействие пользователя с интерфейсом. Цель UX — упростить путь пользователя к решению его задачи, сделать эффективнее взаимодействие с продуктом. С точки зрения бизнеса UX — это способ побудить пользователя к совершению требуемого действия, в случае олимпиад — зарегистрироваться на участие.

Часто пользователей совершенно не волнует, какие практические возможности представляет программа или устройство. Им важно только то, смогут ли они достигнуть своей цели. Иногда для этого необходимы функции, но их избыток может сильно навредить.

Для проведения UX-исследования первоочередной задачей стоит определение целей и требований к сайту. Основная целью информационных сайтов по олимпиадам — оказать поддержку пользователям, пытающимся разными способами найти нужную информацию. При первичном анализе проекта производится оценка сильных и слабых сторон, возможностей и рисков организации применительно к проекту, сравнение с конкурентами [2].

Существует несколько видов исследований пользовательского опыта каждое из которых имеет свои преимущества и недостатки и помогает проектировать веб-интерфейс, удовлетворяя потребности учащихся и ВУЗа. Наиболее популярными из них являются:

  1. Наблюдение за пользователем (User Observation): Это метод, при котором исследователь наблюдает за поведением пользователей во время использования продукта или интерфейса. Преимущества этого метода включают возможность получить реальное представление о том, как пользователи взаимодействуют с продуктом, выявить проблемные моменты и получить ценные инсайды. Однако недостатком может быть сложность в организации и проведении наблюдения, а также возможные искажения в поведении пользователей из-за осознания своего наблюдения.
  2. Интервью с пользователем (User Interview): Этот метод включает в интервьюирование пользователей в форме беседы с целью понять их потребности, ожидания и проблемы. Преимущества включают возможность получения глубоких и подробных ответов, а также установление эмоциональной связи с пользователями. Недостатками могут быть возможные искажения ответов из-за субъективности искомых ответов, а также сложность в анализе и интерпретации полученных данных.
  3. Тестирование пользовательского интерфейса (Usability Testing): Этот метод включает в себя предоставление пользователям задач для выполнения на интерфейсе продукта с целью выявления проблем и оценки удобства использования. Преимущества включают возможность получения конкретных данных о проблемах в интерфейсе и возможность тестирования в реальных условиях. Недостатками могут быть сложность в организации тестирования и получении репрезентативных выборок пользователей, а также затраты времени и ресурсов на проведение тестирования.
  4. Анализ данных использования (Usage Data Analysis): Этот метод включает в себя анализ данных о поведении пользователей, собранных с помощью аналитических инструментов, таких как Google Analytics. Преимущества включают возможность получения объективных данных о том, как пользователи фактически взаимодействуют с продуктом. Недостатками могут быть сложность в интерпретации данных и некоторая ограниченность в понимании мотиваций и потребностей пользователей.

При ограниченности ресурсов и выборе исследования UX, важно учитывать цели и ограничения проекта. Если при разработке проекта ограниченно время и бюджет, то лучшим выбором будет использование комбинации интервью с пользователями и анализа данных использования. Интервью помогут получить ценные инсайды о потребностях и проблемах пользователей, а анализ данных использования позволит получить объективные данные о том, как пользователи фактически взаимодействуют с продуктом.

На основе постановки целей, требований и проведённых исследований формируется карта сайта и диаграмма потоков задач, отображающие основные страницы сайта и варианты действий, доступные пользователям, пути, по которым они могут направиться.

Последним этапом UX-исследования является протипирование — процедура создания и тестирования полной или частичной функциональности приложения или веб сайта с участием пользователя. Важно подчеркнуть, что протипирование является процессом, а не результатом и нацелена на получение обратной связи от пользователя.

Конечным результатом разработки UI/UX дизайна — созданный макет сайта в пакете графических программ.

Макет сайта для организации олимпиад показан на рисунке 1.

Макет сайта

Рисунок 1 - Макет сайта

Заключение

Исследование методов и подходов к проведению олимпиад показало, что сфера олимпиад и спортивного программирование активно развивается в России и поощряется государством. Каждый вуз стремится проводить олимпиады для развития талантливой молодёжи, использование отечественных площадок и оптимизация сайта для регистрации на олимпиады хорошее решение для привлечения большего числа студентов к участию.

Для выявления каким деталям сайта необходимо улучшение проводится UX-исследования. При ограничениях в бюджете и времени лучшими форматами исследований являются интервью и анализ данных использования, также выявляются цели, требования, тестируются и улучшаются, строятся карты и диаграммы с демонстрацией структуры и возможностей веб-сайта.

Выбор архитектуры разрабатываемого сайта отражается на скорости загрузки сайта, безопасности, сложности развёртывания. Архитектура JAMStack хорошо подходит информационным сайтам ВУЗов, потому что удовлетворяет всем необходимым требованиям. Результаты исследования помогли выявить подходящие методы и приемы для дальнейшей разработки информационного сайта организации олимпиад.

Литература

  1. Как провести муниципальную олимпиаду по информатике на основе Codeforces — официальный сайт Codeforces [Электронный ресурс] - Режим доступа: https://codeforces.com/blog/entry/95274 (дата обращения: 06.11.2023).
  2. Унгер Р., UX-дизайн проектирование опыта взаимодействий / Р. Унгер, К. Чендлер// Симбо,Санкт-Питербург, Москва, 2011 —250 с.