Hundred To One

Сайт для создания и проведения игр в формате
"Сто к одному"

Команда проекта

  • Тимофей Юркин
    Frontend-разработчик
    Сверстал страницы сайта и создал интерактивный интерфейс
  • Игорь Бушенёв
    Наставник проекта
    Направлял вектор развития проекта и помогал в разработке
  • Никита Варламов
    Backend-разработчик
    Разработал логику работы сайта и взаимодействия с базой данных

Проблема

Организация досуга - неотъемлемая часть жизни каждого человека. Во многих компаниях и коллективах (школьных классах, рабочих организациях и т. д.) для проведения досуга часто проводят интеллектуально-развлекательные игры.

По данным сетевого издания "СенатИнформ" на 2024 год более 58% процентов россиян предпочитают подобный вид досуга, при чем из этого числа 62% ищут в таком досуге отвлечение от рутины, 56% - веселье.

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

По этим причинам интеллектуально-развлекательная игра может стать дискомфортным и скучным способом провести время в коллективе.

Актуальность

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

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

Таким образом, платформа для создания и проведения своих игр "Сто к одному" может стать востребованным способом проведения досуга в интересной форме.
Кадр из телевизионной игры "Сто к одному"

Существуют ли аналоги?

Ниже представлены и оценены решения, найденные нашей командой в Интернете. Оценивались четыре пункта:

Качество дизайна: дизайн должен быть современный и приятный.

Наличие соревновательного элемента: есть разделение на команды или подобие этой механики с такой же сутью.

Возможность создавать свои игры: решение предоставляет все инструменты, необходимые для формирования из вопросов и ответов на них игровые сессии.

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

Сайт "Сто к одному"

Дизайн устаревший и неприятный.

Полное отсутствие соревновательного элемента: можно отвечать только самому.

Невозможно создавать свои игры, доступен лишь один, заранее заготовленный вопрос в день.

Нет своих игр - не нужны инструменты для сбора статистики.

Навык Алисы

Как таковой дизайн отсутствует. Всё происходит через диалог с Яндекс Алисой.

Есть соревновательный элемент в виде возможности участия до 4 человек в игре

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

Нет своих игр - нет инструментов для сбора статистики.

Скриншот страницы навыка "Сто к одному"
Скриншот слайда шаблона PowerPoint

Шаблон PowerPoint

Дизайн, в основной массе, устаревший и неприятный.

Есть соревновательный элемент

Предназначен для создания своих игр, но инструмент не специализирован.

Инструменты для сбора статистики по вопросам отсутствуют.

Игра из Яндекс-игр

Минимальный и не интуитивный дизайн

Полное отсутствие соревновательного элемента, можно отвечать только самому.

Невозможно создать свои игры. Доступны лишь заранее заготовленные вопросы в ограниченном количестве.

Нет своих игр - нет инструментов для сбора статистики.

Скриншот сайта "Сто к одному"

Для чего нужен Hundred To One?

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

Цель проекта - разработать удобный и простой в использовании сайт с современным дизайном, предоставляющий возможности сбора статистики по вопросам, конструирования и проведения игр в формате "Сто к одному", для интересного и полезного времяпрепровождения в небольшой группе людей.

Задачи проекта

  • Ознакомиться с игрой "Сто к одному"
    Список правил игры, формат проведения, разрешение спорных игровых моментов
  • Сформировать стек технологий, необходимый для создания проекта
    Языки программирования, база данных, библиотеки и фреймворки, серверное ПО
  • Продумать концепцию проекта
    Логика работы серверной и клиентской частей, архитектура базы данных, дизайн и интерфейс сайта, распределение контента по страницам
  • Создать сайт с рабочим минимумом, соответствующим цели проекта
    Функционал для работы с аккаунтом и проведения игр, инструменты для управления вопросами и играми, система для сбора статистики по вопросам, основа дизайна сайта
  • Доработать функционал и дизайн сайта
    Дополнительные функции, облегчающие использование сайта, детализация и усложнение стилей страниц, улучшение взаимодействия с интерфейсом
  • Провести полное тестирование сайта
    Исправление багов в работе сайта и искажений желаемого отображения страниц на устройствах разного размера
  • Арендовать хостинг и домен для сайта и создать презентационный материал
    Продвижение проекта в массы и его развитие

Кому будет полезен Hundred To One?

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

Небольшой аудиторией является группа до 12 человек. Такие ограничения по размерам обусловлены форматом игры: необходимо сохранять комфорт и быстродействие работы в обеих командах, иначе досуг окажется испорчен.

Стейкхолдеры проекта

  • ЦЦОД "IT-куб", г. Сыктывкар
    Имеющийся стейкхолдер
    Заказчик проекта, предоставивший необходимые ресурсы, технику и ПО для его создания
  • Образовательные организации
    Потенциальный стейкхолдер
    Заинтересованы в новых, увлекательных для учащихся способах проведения занятий

Чего мы достигли?

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

Экономика проекта

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

    Для регистрация домена наша команда выбрала сервис REG.ru, где стоимость данной услуги составляет 199₽ в год.
  • Хостинг
    Услуга по предоставлению ресурсов для размещения информации на сервер. Она необходима для беспрерывного нахождения сайта в Интернете, что позволяет пользователям обращаться к сайту.

    За услугами хостинга наша команда обратилась к сервису Cloud.ru, стоимость данной услуги составляет 150₽ в месяц или же 1800₽ в год. Hundred To One на данный момент не требует больших объёмов ресурсов, поэтому минимальных серверных мощностей хостинга будет достаточно для обеспечения работы.
  • Итоговая сумма
    По итогу общая сумма для удовлетворения финансовых затрат проекта на данный момент составляет ~166,6₽ в месяц или же 1999₽ в год.

Этапы работы над проектом

Подготовительный
Изучение информации об игре "Сто к одному" и подготовка стека технологий до 17 февраля

Написание ТЗ для проекта и распределение ролей в команде до 21 февраля
Основной

Создание сайта с рабочей системой вопросов и опросов до 30 апреля


Улучшение внешнего вида сайта, реализация возможности проведения игр до 6 мая


Проведение масштабного тестирования сайта до 9 мая

Заключительный
Поиск и подготовка хостинга, обеспечивающего стабильную работу сайта до 17 мая

Создание презентационного материала для проекта и его представление до 20 мая
Подготовка вопросов для игр
Для создания одной игры требуется семь вопросов с собранной для них статистикой. На сайте можно собирать данную статистику разными способами.
Искусственное управление
Пользователь может самостоятельно добавлять и удалять варианты ответов для любого вопроса на странице со всей информацией о статистике ответов вопроса.
Система опросов
Пользователь может собирать вопросы в опросы и делиться публичной ссылкой с респондентами. На скриншоте представлен опроса со стороны респондента.
Excel-шаблон
Пользователь может пропустить этап сбора статистики и заполнить специальный шаблон для создания игры и отправить его на сайте, получив готовую игру напрямую.
Демо-версия игры
В данном видео представлена текущая версия страницы для проведения игр. Сайт предоставляет ведущему интерактивный интерфейс для удобного управления игровым процессом и комфортного восприятия информации с экрана участниками.

Какой опыт дал команде этот проект?

Никита Варламов

"Благодаря проекту я углубил знания о разработке backend-части веб-приложений. Достаточно привычная работа с базой данных, авторизацией и регистрацией, обработкой http-запросов получили новую обертку в виде фреймворка Flask и сопряженных с ним библиотек, например, Flask-login. Также я получил практику работы с некоторыми frontend-технологиями.

Работа с подобными проектами — среднего размера — в целом повышает навыки проектирования, так как с ростом кодовой базы реализовывать новые возможности становится все сложнее и сложнее. Наращивание знаний о разных технологиях, практика разработки, решение новых для себя задач, разумеется, полезны для моей будущей профессии, поэтому я доволен проделанной работой над Hundred To One

Я считаю, что главной перспективой Hundred To One является улучшение текущего функционала: сбор пользовательского опыта для улучшения UI / UX, расширение возможностей работы с аккаунтами (подтверждение электронной почты, восстановление пароля и т. п.), поскольку на данный момент сайт реализует лишь минимум базовых функций и предел их развития ещё не достигнут"

Тимофей Юркин

"Работа над Hundred To One принесла мне совершенно новый опыт: впервые я полноценное встал на роль frontend-разработчика. Я впервые использовал такие крупные фреймворки как TailwindCSS и daisyUI при разработке, это позволило сильно ускорить процесс вёрстки и создания дизайна, благодаря чему больше времени уделялось на функционал. Такая практика оказалась крайне удобной, когда необходимо быстро создать минимально рабочий продукт.

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

По моему мнению, у Hundred To One есть перспектива превращения в полноценную экосистему, в которой пользователи могли бы обмениваться своими вопросами для конструирования игр или даже самими играми, что могло бы вывести проект на совершенно новый уровень"

Контакты

г. Сыктывкар
Email: tturka239@gmail.com (Тимофей Юркин)
Email: varlamov577123@gmail.com (Никита Варламов)
Все использованные изображения предоставлены Unsplash и Studio2v