Открытый хакатон «Space code»


ОБЩАЯ ИНФОРМАЦИЯ

С 22 марта по 22 апреля IT-CUBE.Балашов приглашает школьников Саратовской области и других регионов России в возрасте от 12 до 18 лет стать участниками открытого дистанционного хакатона по разработке сайтов «Space code».

Хакатон предполагает командное участие. Рекомендуемый состав команды от 2-х до 3-х человек.

Партнером конкурса является российская компания Soft8Soft – лидер в области технологий трёхмерного интернета и WebGL. Это опытная команда, которая занимается разработкой 3D-движка для создания интерактивных веб-приложений Verge3D.

Verge3D – это мощный и интуитивно понятный инструментарий, который позволяет пользователям пакетов Blender, 3ds Max или Maya создавать захватывающие веб-приложения. Verge3D можно использовать для создания интерактивных анимаций, конфигураторов продуктов, 3D-презентаций, интернет-магазинов, обучающих материалов, 3D-портфолио и браузерных игр. Подробнее на сайте компании https://www.soft8soft.com/ru/

Треки открытого дистанционного хакатона по разработке сайтов «Space code» различаются по уровню сложности.

Подробности в Положении

Программа проведения хакатона

Дата МероприятиеФормат проведения
22 марта– 04 апреля
Регистрация участников, выбор направленияЗаполнение заявки по ссылке: https://forms.yandex.ru/u/6229f4ba6048b219b2e8fac7/
05 апреляМастер-классы для участниковСсылки на мастер-классы отправляются участникам Хакатона на электронную почту, указанную при регистрации, и размещаются на сайте https://it-cube64.ru
07 апреляПолучение кейсаЭлектронные письма с кейсами рассылаются по электронным адресам, указанным при регистрации
07-14 апреляРабота участников Хакатона с кейсамиКонсультация команд Хакатона с экспертами по трекам в Телеграмм-канале Хакатона https:/t.me/+LxCkePQnkHkxYzFi Выполнение заданий командами.
15 апреляПредоставление участниками результатов решения кейсовУчастники выкладывают свои работы, используя сервис нашего партнера компании «Soft8Soft». Полученная ссылка на index.html отправляется на почту info@it-cube64.ru
16–22 апреляЭкспертная проверка работ участников и подведение результатов хакатонаИнформация размещается: в социальной сети «ВКонтакте» https://vk.com/itcube.balashov; на официальном сайте IT-куба https://it-cube64.ru

РЕГИСТРАЦИЯ

Для участия в Хакатоне необходимо в срок до 08 апреля 2022 года зарегистрироваться по ссылке: https://forms.yandex.ru/u/6229f4ba6048b219b2e8fac7/

При регистрации на Хакатон необходимо прикрепить заполненное согласие на обработку персональных данных:

  • возраст участника 14–17 лет –
  • возраст участника 12–13 лет –

НАШИ ЭКСПЕРТЫ


Мастер — классы

для участников хакатона

Трек №1 «Конструкторы» (стартовый уровень)

Стартовый уровень для разработчиков сайтов, которые используют бесплатные общедоступные конструкторы (Tilda, WordPress и др.). Ссылку на готовую работу нужно прислать на почту info@it-cube64.ru с темой сообщения «Хакатон Space code».

Мастер-класс «Работа с конструктором Tilda» для участников хакатона «Space code» подготовил педагог дополнительного образования Центра цифрового образования детей «IT-куб» г. Балашова Руднев Дмитрий Сергеевич.

Критерии оценки выполнения заданий хакатона (трек №1 «Конструкторы»): содержание, визуальное оформление, функциональность, фотогалерея, соответствие теме.


Трек №2 «Самостоятельная разработка» (базовый уровень)

Базовый уровень предполагает разработку сайта с использованием стандартных web-технологии HTML, CSS, JavaScript. Запрещено использование UI фреймворков и библиотеки JQuery. Не допускается использование любых CMS (WordPress, Drupal, Tilda и прочие), визуальных редакторов и генераторов кода. Сайт должен разрабатываться «вручную».

Выполненные работы участникам необходимо выложить в сети Интернет, используя сервис нашего партнера компании «Soft8Soft» (смотрите видеоурок «Публикация на сервере Verdge» ниже) и прислать ссылку на готовую работу на почту info@it-cube64.ru с темой сообщения «Хакатон Space code».

Видеоурок «Публикация на сервере Verdge» подготовил педагог дополнительного образования Центра цифрового образования детей «IT-куб» г. Балашова Ткачука Дмитрия Васильевича.
Мастер-класс «Создание каркаса сайта» от педагога дополнительного образования Центра цифрового образования детей «IT-куб» г. Балашова Руднева Дмитрия Сергеевича.

Критерии оценки выполнения заданий хакатона (трек №2 «Самостоятельная разработка»):

1. Дизайн: адаптивная верстка; CSS-анимация; мультимедиа (видео, аудио); интерактивные элементы.

2. Применяемые технологии:HTML 5; CSS 3.

3. Контент: творческий подход; актуальность; качество визуального оформления; удобство использования.


Трек №3 от партнера: «Разработка интерактивного сайта с помощью Verge3D» (продвинутый уровень)

Продвинутый уровень. Участникам хакатона необходимо разработать сайт, используя WebGL-фреймворк Verge3D. Разрешено использовать любые технологии, предоставляемые движком. Для работы необходимы знания пакета 3D-моделирования (Blender, 3ds Max, Maya).

Выполненные работы участникам необходимо выложить в сети Интернет, используя сервис нашего партнера компании «Soft8Soft» (смотрите видеоурок «Публикация на сервере Verdge» здесь ) и прислать ссылку на готовую работу на почту info@it-cube64.ru с темой сообщения «Хакатон Space code».

Критерии оценки выполнения заданий хакатона (трек №3 «Разработка интерактивного сайта с помощью Verge3D»): анимация 3D-объектов, сценарии работы с использованием Verge3D Puzzle, использование пост-эффектов, оптимизация работы 3D-сцены для мобильных устройств, привлекательность, интеграция 3D-сцены со стандартными web-технологиями: HTML, CSS, JavaScript.

Памятка по Verge3D

Verge3D — это фреймворк, предназначенный для создания 3D приложений для веб без написания кода на JavaScript. Создание приложения состоит из нескольких этапов:

  1. Создание 3D сцены и контента в любом удобном для себя редакторе (Blender, Maya, Max) и экспорт результата в специальный формат Verge3D gltf. Разработчики движка практически полностью поддерживают ключевые возможности редакторов.
  2. Создание логики при помощи специального визуального редактора. Логика представляет собой набор пазлов, комбинируя которые можно запрограммировать нужное поведение.
  3. Добавление классических элементов HTML для создания интерфейса. Взаимодействие с ними также происходит при помощи пазлов.
  4. Результат работы — классический сайт, который можно сразу же опубликовать во встроенном облаке Verge3D Network. На выходе получите ссылки для запуска приложения.

Варианты создания Verge3D-приложения:

  1. Приложение представляет собой цельную HTML-страницу.
  2. Приложение встраивается в любую другую страницу посредством механизма iframe.

Verge3D — это коммерческий движок, который предлагает полнофункциональную бесплатную версию для ознакомления. Единственное отличие ее от платного варианта — это наличие водяного знака при экспорте вашего приложения. Все доступные варианты находятся здесь: https://www.soft8soft.com/ru/%d1%81%d0%ba%d0%b0%d1%87%d0%b0%d1%82%d1%8c-verge3d/

Официальная документация Verge3D на русском языке: https://www.soft8soft.com/docs/manual/ru/index.html

Знакомство с движком стоит начать отсюда:

Официальный YouTube-канал, посвященный работе с Verge3D:

https://www.youtube.com/channel/UCqrdIbDZUSGr_fiT_aGOT9Q

Есть серии замечательных уроков для начинающих:

С использованием Blender
С использованием Maya

Для понимания особенностей работы с движком стоит посмотреть минимум эти видеоуроки из указанных серий (ссылки на версии Blender, но по аналогии вы найдете их и для Maya):

Также в фреймворк движка входит большое количество примеров. Они доступны при запуске App Manager.

Ссылка на официальную группу ВК (там вы найдете уроки сторонних разработчиков): https://vk.com/soft8soft

Ссылка на русскоязычный форум: https://www.soft8soft.com/ru/%D1%84%D0%BE%D1%80%D1%83%D0%BC%D1%8B/

Удачи!


ИТОГИ

В хакатоне приняли участие 57 обучающихся из Гимназии им. Ю.А. Гарнаева, МАОУ СОШ №6 им. И.В. Крылова, МОУ СОШ №7,  МБОУ СОШ №9 имени П. А. Столыпина, МАОУ СОШ № 15, ГБПОУ СО «Балашовский политехнический лицей», МБОУ СОШ №17 г. Воткинск, структурного подразделения МБУДО Центр «Созвездие» Центр цифрового образования детей «IT-куб» г. Балашова, КГАОУ ДО РМЦ ЦЦО «IT-Куб» г. Хабаровск, Филиала АНО ДТ «Красноярский Кванториум» г. Ачинск, ЦЦОД «IT-куб» г. Сатка, структурное подразделение МБУДО СЮТ «IT-куб» г. Воткинск.

Список победителей и призеров открытого хакатона «Space code»

УчастникНазвание командыОбразовательное учреждение Ссылка на работу
Трек №1 «Конструкторы»
1 место 
Крячко Артём«Super star»МБОУ СОШ №17 г. Воткинск 
http://one-day-of-iss.tilda.ws/
2 место 
Куликов Данила      «Лучики»Филиал АНО ДТ «Красноярский Кванториум» в г. Ачинске https://kvantkon.wixsite.com/kosmonew
Солошенко Юлия 
3 место 
Прилукова Ирина    «Пиксели»структурное подразделение МБУДО СЮТ «IT-куб» г. Воткинск marsresearch.tilda.ws
Русанов Сергей 
Сурнин Кирилл«Аcтрал»структурное подразделение МБУДО СЮТ «IT-куб» г. Воткинск http://heliosphere.tilda.ws
Султаншин Вячеслав 
Своровской Кирилл 
Котельников Иван   «Вeginners in IT»структурного подразделения МБУДО Центр «Созвездие» Центр цифрового образования детей «IT-куб» г. Балашова 
http://kosmicheskieotkritiya.tilda.ws/
Пилягин Егор 
Ряснянский Дмитрий 
Трек №2 «Самостоятельная разработка»
1 место 
Дегтярёв Михаил«Space Kitten»ЦЦОД «IT-куб» г. Сатка https://cdn.soft8soft.com/AROAJSY2GOEHMOFUVPIOE:249a75b5b8/applications/Space_Code/index.html
Кулбаков Артём 
2 место 
Карасёв Андрей«Крипочки»ЦЦОД «IT-куб» г. СаткаHttps://v3d.net/5qu 
Щевьёв Антон 
3 место 
Ерыкалов Александр«Айтишники»МБОУ СОШ №9 имени П. А. Столыпина г. Балашова https://v3d.net/5rv
Кулаков Роман 
Ларионов Дмитрий 
Погодин Никита«Winners»структурного подразделения МБУДО Центр «Созвездие» Центр цифрового образования детей «IT-куб» г. Балашова 
https://rudnevds.github.io/cosmo/index.html
Савкин Дмитрий 
Трек №3 от партнера «Разработка интерактивного сайта с помощью Verge3D»
1 место 
Саухина Вероника  «Секретная мать космоса»МБОУ СОШ №9 имени П. А. Столыпина https://v3d.net/5oj
Хвостунов Павел МАОУ СОШ №6 им. И.В. Крылова
2 место  
Бондарцов Александр«Коты-марсиане»МАОУ СОШ №6 им. И.В. Крылова https://v3d.net/5on
Рыжов Никита ГБПОУ СО «Балашовский политехнический лицей»
3 место 
Рабочий Илья«Экспериментаторы»МОУ СОШ №7 https://v3d.net/5oi
Руденко Михаил Гимназия им. Ю.А. Гарнаева

Скачать дипломы и сертификаты ЗДЕСЬ!