ClassBoom
Мобильное приложение для быстрого получения абонемента в одно из спортивных заведений города.
Посмотреть вживую
Health
Mobile
Maps
Fitness
Searches
Crossplatform
Wellness
iOS
PhoneGap
Android
Предыстория
Клиенту требовалось в короткие сроки и с минимальными затратами создать MVP-аналог успешного западного сервиса. Мы начали работу с создания прототипа, чтобы клиент получил отзывы инвесторов и потенциальных пользователей. Затем, после подтверждения востребованности идеи, мы создали полнофункциональный продукт.
Технология PhoneGap
Поскольку для клиента важно было охватить пользователей и iOS, и Android, а предполагаемая функциональность позволяла не прибегать к нативным решениям, приложение решили делать кроссплатформенным на технологии PhoneGap с использованием Framework7.

Плюсы PhoneGap:
  • возможность сэкономить 30-40% бюджета по сравнению с нативной разработкой;
  • единая кодовая база для нескольких платформ (iOS, Android, Windows Phone);
  • рынок с большим количеством специалистов по веб-программированию, способных поддерживать и развивать продукт;
  • развитое сообщество разработчиков, создающих и поддерживающих готовые библиотеки, которые можно бесплатно использовать в своём проекте;
  • множество плагинов, помогающих решать разнообразные задачи (интеграция карт, определение геопозиции, локальные нотификации, открытие браузера внутри приложения и т.п.).
Прототип, разработанный на PhoneGap, понравился клиенту, и для создания коммерческого продукта мы остановились на этой технологии.
Подробнее о сравнении нативного и кроссплатформенного подхода в мобильной разработке читайте в нашей статье для VC.ru
Главный экран
Заходя в приложение, пользователь сразу видит список возможных спортивных направлений. Категория «Все занятия» помогает неопределившимся. Каждый клуб предлагает расписание занятий на месяц вперёд.
Фильтры
С помощью фильтров можно:
  • выбрать тип тренировки согласно уровню подготовки пользователя;
  • найти клубы неподалёку от станции метро и с удобствами в виде парковки, душа, полотенца и шкафчика.
Самый быстрый способ найти интересующее занятие — это воспользоваться поиском по словам.
Фильтры
С помощью фильтров можно:
  • выбрать тип тренировки согласно уровню подготовки пользователя;
  • найти клубы неподалёку от станции метро и с удобствами в виде парковки, душа, полотенца и шкафчика.
Самый быстрый способ найти интересующее занятие — это воспользоваться поиском по словам.
Меню
Боковое меню содержит информацию о пользователе и о сервисе. Здесь зарегистрированный пользователь может:
  • привязать кредитную карту;
  • настроить город и время для нотификаций;
  • получить доступ в «Мои занятия» с кодами брони, данными о всех тренировках и клубах.
Меню
Боковое меню содержит информацию о пользователе и о сервисе. Здесь зарегистрированный пользователь может:
  • привязать кредитную карту;
  • настроить город и время для нотификаций;
  • получить доступ в «Мои занятия» с кодами брони, данными о всех тренировках и клубах.
Push-уведомления
О забронированном занятии напомнят автоматические push-уведомления. Настройки частоты получения нотификаций находятся в профиле.
Push-уведомления
О забронированном занятии напомнят автоматические push-уведомления. Настройки частоты получения нотификаций находятся в профиле.
Карточка студии
Подробная информация о студии открывается при переходе из поиска на карте или из карточки занятия.
Карточка студии
Подробная информация о студии открывается при переходе из поиска на карте или из карточки занятия.
Карта
Приложение работает в больших городах, где порой сложно ориентироваться. Карта укажет местоположение клуба, в котором проходит выбранное занятие, или подскажет ближайшие места для тренировок.
Для реализации карты мы использовали JS API от Google Maps. По сравнению с нативными приложениями карты в PhoneGap работают медленнее и не открываются в офлайн-режиме. Клиента это устраивало — в случае ClassBoom карта не является ключевой функциональностью.
Геопозиция
При первом запуске приложения за пользователем закрепляется город. За основу берутся данные геолокации. При необходимости пользователь сам меняет город в настройках профиля.
На стадии выбора подхода к разработке вам нужно определиться, какое значение в вашем приложении будет иметь определение геопозиции. На PhoneGap оно делается с помощью готового плагина, который собирает данные с датчиков GPS, WiFi и GSM. Точность и скорость определения координат пользователя зависит от возможностей датчиков устройства. С быстрым определением такой масштабной сущности, как «город», справляются даже самые бюджетные гаджеты. Определение геопозиции в ClassBoom — вспомогательная вещь, поэтому нам подошла его существующая реализация с помощью плагина. Но если определение геопозиции является одной из ключевых функциональностей вашего продукта, лучше выбирать нативную разработку.
Проект успешно развивается в Новосибирске и Красноярске и планирует расширение в другие города. Команда Лайв Тайпинг обеспечивает техподдержку приложения. В планах — разработка приложения для администраторов клубов.
Команда
Аккаунт-менеджер
Евгений Бойченко
Менеджер проекта
Юрий Кузьменко
Front-end разработчики
Светлана Кривошеева
Юрий Плашенков
Дизайн и серверная часть
ClassBoom