Отчёт с прошедшего Facebook Developers World Hack Day Moscow



    В начале сентября мне на e-mail пришло приглашение-рассылка для участия в хакатоне Facebook Developers Hack Day Moscow. Успев зарегистрироваться, я попал в список участников и начал готовиться. Это рассказ о том, как проходило мероприятие, кто в нём участвовал, что представляли и т.д. Сразу оговорюсь, что я впервые участвовал в подобном мероприятии, так что мне всё было «в диковинку».

    Под катом много фотографий, описания представленных «хаков» (проекты, сделанные участниками за время хакатона), ссылки на исходные коды и видео презентаций проектов.

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

    Первым квестом для участников, ещё до начала мероприятия, неожиданно оказалось преодоление географического кретинизма: для тех, кто раньше не бывал в Digital October (далее просто центр), найти его в переулках Берсеневской набережной было совсем непросто. К тому же не было указателей.

    После преодоления этого первого задания, на входе в центр нас встречали симпатичные девушки со списками участников. Назвав фамилию мы получали «пропуск» — обычную печать на руку. В самом центре всем участникам по прибытию сразу предлагали уютно располагаться (можно было сидеть в любом из залов) и перекусить. В течение всего времени проведения хакатона можно было вкусно поесть и попить: множество совершенно разнообразной еды на любой вкус, напитков, лёгких перекусов (а-ля чипсы, конфеты, гамбургеры) абсолютно бесплатно и в любом количестве (всем хватило и ещё полно осталось).



    В 10:30 всех позвали в конференц-зал и начали мероприятие с докладов разработчиков Фейсбука, а также партнёров мероприятия. Вёл мероприятие Саймон Кросс — ведущий разработчик из Лондона.



    Стоит отметить, организаторы мероприятия позаботились в том числе о тех, кто английский понимает плохо: можно было попросить специальный наушник и слушать синхронный перевод всех докладов. Аналогично и все англоговорящие участники хакатона (разработчики Фейсбука, партнёры, сам Марк Цукерберг) слушали синхронный перевод русскоязычных докладчиков.

    В первой части мероприятия представители Фейсбука рассказали о том, как развивается сеть сейчас, сколько у неё пользователей (955 миллионов активных пользователей в месяц, более 500 миллионов пользователей каждый день). Ведущий всячески подчёркивал важность хакатона для самой социальной сети: все нововведения Фейсбука были изначально придуманы и придумываются именно на хакатонах. Например, Facebook Timeline был придуман 7-ю разработчиками на хакатоне, проходившем внутри компании.

    Дальше пошли рассказы об Open Graph, Graph API, разработку мобильных приложений для Фейсбука, все их вы можете посмотреть с синхронным переводом (дубляж) на сайте Digital October (очень советую).





    После докладов разработчиков Фейсбука пошли доклады партнёров хакатона. Ими стали сервисы Deezer, Pusher, 500px и Яндекс.Фотки. Когда время подошло к обеду, Саймон подвёл итоги докладов, перечислил направления, в которых нам (участникам хакатона) стоит попробовать придумать что-нибудь, а в каких совершенно точно не стоит делать что-нибудь. Одновременно с обедом начался самый главный этап мероприятия: необходимо было за 6 часов придумать и создать полезное приложение/сервис, которые использовали бы API Фейсбука.





    Как можно заметить по фотографиям, практически все участники работали за МакБуками. «Не маков» были считанные единицы (из примерно 200 участников).

    Все дни до мероприятия и весь день в процессе хакатона сохранялась полная интрига относительно того, приедет ли на хакатон сам Марк Цукерберг. Представители Фейсбука старательно уходили от ответа на этот вопрос. И вот настаёт вечер, пора регистрировать свои хаки для вынесения на суд жюри и представления проектов публике. Мы снова собираемся в конференц-зале, Саймон благодарит нас за участие и говорит, что теперь мы начнём просмотр получившихся хаков. Внезапно он останавливается и спрашивает «А может сначала познакомимся с одним парнем?» После этих слов на сцене появляется Марк Цукерберг.



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

    После приветственной речи (видео на английском, с переводом) Марк присоединился к жюри, в которое, помимо самого Марка и разработчиков Фейсбука, входили:

    Яков Садчиков — основатель поисковой системы Quintura
    Игорь Мацанюк — основатель разработчика игр IT Territory, ставшего позднее частью Mail.ru Group, бывший вице-президент Mail.ru Group, инвестор более 35 проектов, среди которых наиболее известный — Game Insight
    Йован Савович — основатель блогов dirty.ru и Лепры
    Илья Зубарев — старший партнёр венчурного фонда Runa Capital, основатель Rolsen, Acronis, Parallels



    После представления жюри начались непосредственно презентации хаков. Всего за 6 часов хакатона было разработано 34 хака. Каждому участнику необходимо было за 2 минуты рассказать для чего нужен его хак, чем он полезен, какие возможности Фейсбука использует. Представлять свои наработки можно было как на английском, так и на русском языке.



    Представленные хаки



    Примечание: ссылки на видео ведут непосредственно на видеозапись презентации хака с мероприятия. Описания всех хаков я даю так, как понял их я, исходя из презентаций.

    ZeroRPG
    ссылка на игру
    исходный код
    видео презентации

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

    Narr8
    видео презентации

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

    CarBook
    видео презентации

    Мобильное приложение, которое распознаёт фотографию номера машины и по этому номеру находит страницу машины в Фейсбуке (подразумевается такая возможность знакомства и общения водителей в пробке).

    MobiMeter
    ссылка на приложение
    видео презентации

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

    My-apps.com
    ссылка на приложение
    видео презентации

    Онлайн-конструктор мобильных приложений под iOS и Android, позволяющий также «парой кликов» добавлять интеграцию с социальными сетями в создаваемом приложении.

    Planner 5D
    ссылка на приложение
    видео презентации

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

    DooDoo
    ссылка на приложение
    исходный код
    видео презентации

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

    Travolver
    ссылка на приложение
    видео презентации

    Сервис и мобильное приложение, позволяющее находить поблизости интересные места с отзывами.

    BFFQuizBest Open Graph app
    исходный код приложения для iPhone
    исходный код серверной части
    видео презентации

    Мобильное приложение под iOS, викторина на знание фактов о своих друзьях (вопросы задаются исходя из данных профилей друзей).

    GottaPee
    ссылка на сервис
    видео презентации

    Сервис по поиску ближайших туалетов.

    Monoclick
    видео презентации

    Расширение под Google Chrome, позволяющее через контекстное меню браузера постить картинки с сайтов (в том числе с комментарием) в свой профиль.

    Megaphone
    ссылка на сервис
    видео презентации

    Социальное приложение для привлечения внимания людей к различным проблемам. Позволяет осуществлять массовую рассылку сообщений пользователям (некое подобие нашего проекта «Химки» Доброй Машины Правды).

    Magnifier, автор m039
    исходный код
    видео презентации

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

    Live Typing
    видео презентации

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

    Explex
    исходный код мобильного приложения
    исходный код серверной части
    видео презентации

    Мобильное приложение для обмена видами отдыха, рекомендациями к ним.

    We Heart PicsBest Mobile app, автор eliaszudin
    видео презентации

    Мобильное приложение, отвечающее на вопрос «что снимать и где взять идеи для фотографии». За хакатон добавлен функционал создания конкурсов (фотобаттлов).

    Хардверная кнопка iLike, автор andbas
    исходный код
    видео презентации

    Хардверная кнопка позволяющая вручную (физическим нажатием на большую красную кнопку) ставить лайк. Кнопка + Arduino + расширение для Google Chrome.



    Where the Hell are you?
    исходный код
    видео презентации

    Сервис показывает на карте где находятся ваши друзья.

    authorizeme.in
    ссылка на сервис
    видео презентации

    Сервис авторизации через социальные сети (а-ля Loginza, uLogin), позволяющий также соединять аккаунты в нескольких сетях в один.

    Surfcast
    исходный код
    видео презентации

    Расширение для Google Chrome, позволяющее расшаривать информацию о том, что вы в данный момент просматриваете (какую веб-страницу), а также смотреть на то, что конкретно сейчас просматривают ваши друзья из Фейсбука, также установившие это расширение.

    Lucky Click
    видео презентации

    Приложение для розыгрыша призов магазинами. Как определяется победитель мне так и осталось непонятным.

    Traveling Brochures
    видео презентации

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

    dragoneternity.com
    видео презентации

    Приложение постит в ваш профиль ваши действия в игре.

    Real Achievments
    видео презентации

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

    bookeeper
    ссылка на приложение
    видео презентации

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

    Игра Hangman
    ссылка на игру
    видео презентации

    Мобильное приложение под Android + браузерное приложение, игра «виселица». Нужно через приложение пригласить друга в игру, затем в процессе игры нужно быстрее друга угадать слово, тем самым «повесив» его.

    Road 404
    видео презентации

    Мобильное приложение под Android, игра (не уверен), показывающая на карте города, куда вы путешествуете.

    Gulliway Trip Planner
    ссылка на сервис
    видео презентации

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

    One Touch Crossing
    ссылка на игру под Android
    видео презентации

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

    Homework
    ссылка на сервис
    видео презентации

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

    BoostMateBest Overall app
    ссылка на сервис
    видео презентации

    Сервис оценивающий и делящий ваших друзей на 3 группы:
    1) лучшие друзья (с самым большим социальным весом; как рассчитывается этот вес, докладчик, к сожалению, рассказать не успел);
    2) друзья с наибольшим кол-вом пересечений с вами (с кем больше всего вы взаимодействуете);
    3) друзья с большим социальным весом (те друзья, которым вы очень нравитесь), но с которыми у вас очень мало активности (общения и т.д.).
    После установки приложения оно начинает присылать вам уведомления об обновлениях у друзей из третьей группы, тем самым побуждая вас больше общаться с этими людьми и изменять их рейтинг в этом приложении в лучшую сторону.

    Во время презентации получилось вживую подтвердить эффективность сервиса: во время презентации докладчик поставил лайк и оставил комментарий под фоткой подруги, которую ему предложил сервис. Сразу после окончания хакатона пришла реакция девушки:



    Life ExplorerBest Game
    видео презентации

    Мобильное приложение, игра под разные платформы. Вытягивает из инстаграмма фотки, посвящённые тем местам, где бывали ваши друзья, после чего вам предлагается в форме викторины угадать место, где была сделана фотография.

    Slide with Friends
    ссылка на игру
    видео презентации

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

    Go We Go
    видео презентации

    Мобильное приложение + приложение в соцсети. Указываем любимых исполнителей, после чего оно начинает присылать уведомления о предстоящих концертах указанных исполнителей. На приходящие уведомления о предстоящих концертах можно среагировать приглашая друзей (из приложения).

    Победители в разных номинациях получили Facebook Credits на сумму 250$ + AppleTV. Главный победитель, а им заслуженно оказался сервис BoostMate, получил Facebook Credits на сумму 250$ и новый iPad.





    P.S.: спасибо всем, кто причастен к организации этого мероприятия! Мне трудно судить, поскольку я впервые в таком участвую, но на мой взгляд всё прошло просто идеально. Единственный негативный момент: хакатон проходил в один день с Яндексовской Yet Another Conference, отчего многие потенциально сильные участники не смогли поучавствовать.

    P.P.S.: хотите что-то исправить/добавить — пишите в личку.

    P.P.P.S: фото- и видеоматериалы взяты с сайта Digital October.
    Поделиться публикацией

    Комментарии 23

      +1
      Организация была достойная, печеньки были вкусные:)
        +3
        зачетная кнопка :)
          +5
          Вспомнился ещё один весёлый момент: когда представляли приложение под Android Magnifier, докладчику на телефон (который транслировался на большие экраны) внезапно пришла смска с текстом мимимимимими!!!, правда мало кто заметил и обратил внимание на это :)

            +7
            Саймон Кросс — очень понравился, отлично вел, отличная речь настоящий такой английский акцент, как музыка)
            Закуски были просто бесподобные!)

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

            Отличное мероприятие!
              0
              Очень классное мероприятие получилось. Отлично поработали)

              Сейчас готовим объемную статью по поводу реализации Boostmate
                0
                Спасибо за интересную инфу!

                Кто-нибудь приходил со своими домашними заготовками? Некоторые приложения действительно простые, некоторые мне показались сложнее для реализации за малое количество дней.
                  +2
                  Вроде бы требование было показывать именно то, что было там. Вопрос в другом — многие приходили с давно готовыми проектами, но показывали в презентации именно добавленую за день презентацию с facebook к примеру.
                  P.S. пилил кнопку, все на месте, приехал с отвертками.
                    +3
                    Кнопка зачетная, фан поддерживаю :)
                      0
                      > Вроде бы требование было показывать именно то, что было там


                      В форме требования такого не было (точно помню, потому что сам уточнял), это был просто совет, пожелание.
                        0
                        По всей видимости я так воспринял совет.
                        0
                        Участникам ХАКА предлагается прибыть в сформированной команде или запланировать встречи с другими разработчиками и обсудить свои идеи. Мы предлагаем Вам обдумать дизайн и содержание Вашего приложения до начала мероприятия. Тем не менее, мы просили бы Вас не писать код, пока вы не придете на место проведения мероприятия в день ХАКА. Мы можем просить Вас периодически показывать нам код на Интернет-хосте (например, GitHub), чтобы удостовериться в Вашем прогрессе.
                        +1
                        И то, и другое, и третье.

                        dragoneternity, например, давно существующая популярная игра от Game Insight, они за время хакатона просто добавил социальную составляющую.

                        We Heart Pics задолго до хакатона было создано и достаточно хорошо уже было интегрировано в Фейсбук (в плане лайков, шаринга). За время хакатона они добавили функционал создания конкурсов и связывания этих конкурсов с группами на Фейсбуке.

                        Narr8, Planner 5D — тоже давно существующие сервисы, за время хакатона просто добавили социальную составляющую.

                        Но есть и те, кто начал разработку непосредственно на хакатоне (ZeroRPG, Monoclick, например). Есть те, кто начал придумывать и разрабатывать за несколько дней до хакатона, а на самом хакатоне просто «дописывали». Никаких запретов на всё это не было.
                        Однако организаторы советовали всё же не писать код заранее, а прийти на мероприятие просто с идеями хаков, которые уже и воплощать в процессе хакатона.
                          0
                          Совершенно верно. Все что мы сделали в We Heart Pics было придумано во время презентационной части инженеров FB и сделано за 4-5 часов. Пришли вообще без идей, скорее просто посмотреть. Сделали — понравилось, теперь реализуем нормально и добавим в приложение, раз идея оказалось удачной.
                          +5
                          Вопрос поставлен неправильно:

                          «Кто-нибудь приходил без заготовок?»

                          Проекту-победителю уже год.
                          Странный Hack Day.
                            +1
                            Тоже не понял этого театра. Сделали бы презентации — было бы просто и честно.
                              +2
                              А я то наивно полагал, что были просто нереально крутые ребята. Мне вот на самом деле тогда тоже непонятно в чем суть была…
                              А хотя — все равно было весело :)
                                0
                                суть в том, что людей заманивают писать апплекухи для фейсбука
                                0
                                После мероприятия всем участникам на мыло разослали опросники. Вы можете там в комментарии указать на этот момент.
                              0
                              А расскажите как попали в базу тех, кому рассылали приглашения?
                                0
                                Как я понял, они просто сделали рассылку тем людям, к чьим профайлам привязаны какие-либо действующие приложения на Фейсбуке и которые при этом проживают в Москве.
                                  0
                                  Вот не помню как я нарвался на регистрацию. Не исключаю что просто из статьи habrahabr.ru/company/facebook/blog/150744/ перешел на регистрацию и заполнил форму. Потом уже пришло подтверждение. Проживаю в РБ.
                                • НЛО прилетело и опубликовало эту надпись здесь

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

                                  Самое читаемое