создание приложения магазина для android
Как создать мобильное приложение для интернет-магазина: обзор конструкторов и CMS
Продюсер, специалист по продвижению брендов в Instagram
Чтобы превратить интернет-магазин в полноценное мобильное приложение, не нужно нанимать программиста и платить каждый раз, когда требуется добавить товар/опцию/акцию. Времени на создание приложения потребуется от недели до 1 дня. Для этой грандиозной цели есть целая плеяда онлайн-конструкторов и CMS, с помощью которых можно быстро и легко сделать все.
Процедура создания мобильного приложения мало отличается от создания сайта на таком же блочном конструкторе. Достаточно выбрать готовые элементы, соединить в нужном порядке, решить, какие функции требуется добавить, брендировать своим фирменным стилем – и все готово.
Рекомендуем: Click.ru – маркетплейс рекламных платформ:
Вашему вниманию – девять популярных платформ для создания мобильных приложений e-commerce.
Mobiumapps.com
Сервис для создания торговых мобильных приложений. В базовом тарифе можно добавить до 2000 каталожных позиций, в расширенном – до 5000, в максимальном – неограниченное количество товаров. Кроме того, клиентам доступна статистика, техническая поддержка, возможность создания автоматических рассылок и программ лояльности, системы онлайн-оплаты и геолокации клиентов.
И, наконец, если вам лень «всем этим заниматься», вы можете оставить заявку на изготовление готового мобильного приложения, подождать 7 дней и получить полностью сгенерированную систему продаж для iOS и Android.
Удовольствие достаточно дорогое.
Стоимость: от 4.500 рублей в месяц, не считая единовременной оплаты за лицензию.
Alstrapp.com
Конструктор заявлен как полноценная CMS для создания коммерческих приложений, работающих на Android и iOS. Из особенностей – нет абонентской платы. Только однократная оплата лицензии, по которой можно создать одно приложение (за 9,9 долларов) или неограниченное их количество (за 90 долларов).
Из возможностей Alstrapp:
Стоимость: от 9,9 долларов.
Минусы и плюсы 5 топовых CMS для интернет-магазинов: от 1C-Битрикс до OpenCart
Работа интернет-магазина наполовину зависит от системы управления контентом – CMS, ошибка с выбором может стоить львиной доли конверсии. У каждой CMS есть своя админка, где менеджеры могут менять информацию о товарах и даже внешний вид сайта. CMS позволяет работать с сайтом не только менеджерам, но также маркетологам и SEO-специалистам.
iBuildApp.com
iBuildApp — еще один конструктор мобильных приложений, на котором можно создавать интернет-магазины. Считается самым популярным, если брать в качестве мерила такой параметр как количество созданных на этой базе приложений. Их более полумиллиона. Неудивительно, учитывая, что эта платформа впервые представила миру саму идею self-made приложений, для создания которых не требуются знания программирования. И тем самым значительно облегчила жизнь тысячам предпринимателей.
На базе этого конструктора можно:
Из недостатков – прорвавшись на лидерские позиции за счет отсутствия конкурентов, платформа не смогла угнаться за теми, кто пошел следом. И сейчас шаблонные разработки выглядят не особенно актуальными. Но для простого приложения вполне пригодны, к тому же, есть возможность создавать приложения без принудительной рекламы, и делать это максимально оперативно – за пару дней.
Стоимость: корпоративный тариф обойдется в 27100 рублей в месяц, на нем можно создать пять приложений с защитой контента и возможность установки системы управления клиентами. За 3700 в месяц можно собрать одно приложение, если больше вам не требуется.
Apps-Tech.ru
Еще одно отличное коробочное решение, которое не потребует от владельца интернет-магазина даже первичных знаний программирования. Правда, нельзя сказать, что интерфейс идеально понятный и дружественный новичку. Тем не менее, работает и предлагает стандартный набор функций: галереи, мультимедиа, рассылки, управление клиентами, брендирование, возможность загрузки собственных иконок и шаблонов. С другой стороны, абонентская плата невысока.
Стоимость: от 8 до 50 долларов в месяц.
Из недостатков – нет внятной инструкции по применению, разбираться приходится самостоятельно или с помощью обращений в службу поддержки. Обучение проводится только на самом высоком тарифе.
Shoutem.com
А эта платформа, наоборот, отличается идеально понятной системой координат для новичков: разобраться можно, не вникая в тонкости и не зависая над каждой опцией. Блочная система позволяет собрать приложение буквально за один день. Из возможностей – почти все стандартные блоки: push-рассылки, медийный контент, продающие модули. А вот системы управления клиентами или нет, или ее настолько глубоко спрятали, что найти не получилось.
Стоимость: от 20 до 120 долларов в месяц. Довольно дорого.
Nwicode.com
NWICODE – CMS, то есть «нарисовать с нуля» свое приложение можно легко, не обладая никакими знаниями и навыками программирования. При этом приложения предлагаются не только в двух стандартных вариантах – Android и iOS, но и в вариации Web App (для тех, кто предпочитает старый добрый десктоповый олдскул). Из дополнительных возможностей, помимо базовых – модули онлайн-записи, календаря, аналитики, конструктор лендингов, интеграция с социальными сетями.
У платформы открытый код, поэтому, если у вас есть программист, способный индивидуализировать ваше приложение, вы всегда можете «доработать контент напильником» так, как вам хочется.
Стоимость: стартовый пакет стоит 19000 рублей, решение для веб-студий – 65000 рублей.
Appropio.com
Довольно мощное решение для создания мобильных приложений, включающее в себя все необходимые интернет-магазину возможности:
Выглядит круто. Правда, стоимость тоже немалая.
Стоимость: 179 тысяч на 2 платформы, Apple iOS и Google Android. Либо, как вариант, бесплатная разработка, но процент с выручки компании. И обслуживание – 8 тысяч рублей в месяц.
IMSHOP.io
Позиционирует себя как конструктор приложений специально для ритейла. Пользователям предлагается:
Конструктор уже испытали: re:Store, Vassa&Сo, Quiksilver, Crocs, Часовой завод «НИКА», Street Beat.
MobileRoadie.com
Еще одна платформа для приложений на базе электронной коммерции, заточенная именно под интернет-торговлю. Есть возможность таргетировать по различным признакам свою аудиторию и персонифицировать сообщения, определять местоположение мобильного устройства клиента, отмечать активность пользователей, применять мобильные инструменты маркетинга, в том числе чат клиентов.
Расширены предложения по аналитике: можно просматривать интересы пользователей, их покупки, приложения, которыми пользуются покупатели и прочие важные для маркетинга параметры.
Итоги
Все представленные платформы вы можете оценить, протестировать и попробовать, прежде чем решать, на какой из них вы будете конструировать и запускать свое приложение. У каждой есть свои особенности, которые могут стать решающим аргументом в выборе той или иной CMS.
Пишем свой Android Market
И так, нам необходимо реализовать небольшое Android приложение, которое будет скачивать список доступных приложений, проверять наличие обновлений для уже установленных, устанавливать/удалять приложения.
Серверная часть
Серверной частью приложения может быть как сервис с широким функционалом (регистрация пользователей, отчеты, разграничение доступа к приложениям), так и просто xml файл:
В моем случае серверной частью фактически выступает http шара.
Данный xml файл в приложении трансформируется в список приложений, доступных для установки.
Установка
Пользователь выбирает нужное ему приложение и устанавливает,
Маркет скачивает apk файл на флешку устройства и инициирует установку приложения, конечно, должна быть разрешена установка из сторонних источников.
Установить незаметно в фоне мы не можем, поэтому после выполнения данного кода:
Пользователь увидит стандартное окно установки приложений: 
Обновление
Приложение Market может по определенному интервалу проверять наличие новых версий, делается это достаточно просто, так как доступен список всех установленных приложений:
В случае необходимости обновления приложения, повторяем процесс Установки, приложение будет обновлено.
Удаление
Удалить программу лучше из интерфейса нашего маркета, чтобы не заставлять пользователя выискивать тестируемое приложение среди всех его программ, для этого достаточно вызвать этот код:
Обратная связь
Получение сообщений об ошибках, вместе с логом ошибки, очень важно для разработчика, особенно на этапе тестирования приложения, добавим функцию автоматического сбора этой информации через Маркет.
Для этого в каждое приложение, распространяемое через наш Маркет добавляем следующий класс
Как видно из кода, это хендлер, который получает ошибки (Exception), генерит строку со стеком, сохраняет ее в локальный файл и отправляет ошибку в виде броадкаст сообщения.
А в Application классе включаем переадресацию всех сообщений об ошибках в этот хендлер
Таким образом, если в тестируемои приложении происходит ошибка, то перед смертью пишется сообщение в лог и посылается броадкаст сообщение в маркет.,
Перед передачей приложения заказчику, этот код удаляется (комментируется).
В самом Маркете мы просто отлавливаем данное сообщение:
И дальше маркет уже может переслать это сообщение на почту разработчику, загрузить в какой нибудь веб-сервис или попросить пользователя добавить комментарий к ошибке
Я надеюсь, данный пример поможет многим начинающим разработчикам, разобраться, как написать свой универсальный велосипед для бета тестирования приложений и централизованному сбору статистики ошибок.
ps: В статье использован исходный код и картинки взятые из прототипа приложения.
Разработка приложения интернет магазина на Android.С чего начать?
Оценить 1 комментарий
Для разработки Eclipse или Android Studio (IDE от Google, но ей всего год и идет как beta пока, а мне нравится). Если нужно уж очень быстро, то уроки в сети смотрите по любому запросу.
Если знаете английский, то лучшим будет чтение документации на оф сайте: developer.android.com
Из сети можно найти очень много уроков, так как мобильная разработка в моде, например (для eclipse): startandroid.ru/ru/uroki/vse-uroki-spiskom.html
Чтобы программировать под android, вам нужно знать Java. Для этого отлично подойдет книга Head First Java. Тут зависит от вашего опыта в программировании: вы можете и в онлайне почитать о java, если вы, например, уже знакомы с C# (они похожи).
Но если вы вообще не знакомы с программированием, то перед прочтением книжек советую прочитать о языках программирования(https://ru.wikipedia.org/wiki/Язык_программирования, https://ru.wikipedia.org/wiki/Java) и ООП (https://ru.wikipedia.org/wiki/Объектно-ориентирова. Хотя второе неплохо описано в книге выше, но следует быстро просмотреть обе темы (не вчитываясь, а образно представить где, как и что).
Пишите в комментариях что нужно уточнить или пояснить подробнее
ReadyScript Mobile — готовое eCommerce мобильное приложение
«Хочу мобильное приложение для интернет-магазина» — такие запросы все чаще поступают от владельцев брендов к веб-разработчикам. Но как обычной веб-студии удовлетворить столь масштабный запрос, если среди компетенций компании есть только веб-разработка?
По нашим данным, в большинстве случаев небольшие веб-студии пытаются отговорить клиента от мобильного приложения в пользу обычной адаптивности сайта или независимой мобильной версии. Часто это удается, хотя приходится отбиваться от множества сложных вопросов, например, таких как: “А почему у всех брендов, которые на слуху есть собственное мобильное приложение, зачем они тогда его делают?”.
В тех же случаях, когда клиента переубедить не удается и он все же желает предоставить своим пользователям высокий уровень сервиса и проникновения своего бренда в различные устройства, веб-студия начинает поиск имеющихся решений.
В 2016 году мы оценили эту проблему и спустя год предложили готовое решение для создания мобильного приложения для интернет-магазинов, разработанных на платформе ReadyScript. Как обычно, мы предлагаем и SaaS и коробку. Новый сервис получил название ReadyScript Mobile.
Под катом расскажем, какие технологии мы использовали, с какими трудностями сталкивались и как их преодолевали. Попутно сравним с другими решениями уникальное качество нашего сервиса, а именно прямую интеграцию с интернет-магазином клиента, без посредников.
С чего все началось?
Однажды к нам в гости пришел руководитель нашей партнерской веб-студии и посетовал на то, что клиенты растут и постоянно ищут вдохновение для роста, смотря на проекты лидеров eCommerce рынка. Все чаще просят мобильные приложения, но далеко не все согласны на бюджеты с шестью нулями.
Мы подумали, а ведь действительно, клиенты хотят не просто какое-то ограниченное по функциональности мобильное приложение, а полноценное, такое как у лидеров рынка. Хотят, чтобы там было все: и актуальные остатки, и наличие на складах, и поддержка всех видов вариаций товаров, и возможность оплаты, и выбор тех же способов доставки, что и на сайте, и всевозможные фильтры, и единая авторизация, как на сайте, и так далее.
Мы стали искать, что сегодня есть на рынке в данной сфере и обнаружили только пару универсальных конструкторов, которые обладают достаточной функциональностью. Они были построены на стандартной посреднической схеме, когда нужно через YML загружать в них товары, а уже потом администрировать заказы интернет-магазина в личном кабинете такого стороннего сервиса.
Мы сразу поняли, что это слишком большой компромисс, на который приходится идти нашим клиентам, чтобы получить свое мобильное приложение:
Это выгодно всем – партнеры могут зарабатывать на мобильных приложениях по той же схеме, по которой они работают с той или иной CMS: покупают лицензию CMS, дорабатывают индивидуальные фишки, продают клиенту. Клиенты получают качественный продукт за приемлемую стоимость, который разрабатывается и оттачивается на многих клиентах.
Выбор технологии
С самого начала мы рассматривали только кроссплатформенные технологии, так как процесс разработки в этом случае был бы максимально комфортным. Один раз добавляешь фишки, один раз отлаживаешь код, один раз правишь баги, по сути, сразу на двух приложениях. Это дешевле. Экономика занимала в нашем проекте не последнее место, поэтому мы искали те технологии, которые не заставят нас потом направлять всю прибыль на поддержку проекта, а дадут возможность вкладывать ее в развитие.
Больших вычислений в eCommerce мобильном приложении – нет, невероятных графических требований – нет, соответственно, гибридные технологии вполне справятся с задачей отображения типовых активностей для интернет-магазина.
Мы выбирали между ReactNative и IonicFramework. Понятно, что первое от второго очень сильно отличается, так ReactNative позволяет строить интерфейсы приложения с помощью нативных компонентов, но с помощью JavaScript и React. В то время как IonicFramework – это фреймворк, основанный на cordova, позволяющий строить мобильные приложения в WebView, где нативными возможностями можно пользоваться с помощью специальных cordova плагинов-мостов.
Вначале наш выбор пал на ReactNative, нам показалась, что он даст максимальную производительность UI, на которую так часто жаловались те, кто работал с cordova. Но после долгих поисков разработчиков ReactNative (это был июнь 2016 года), у нас опустились руки, мы поняли, что интересующихся данной технологией крайне мало в нашем городе (Краснодар).
Время шло, и мы все больше осознавали, что наш продукт будет ориентирован на веб-студии, которые прекрасно знакомы с веб-технологиями. Нам нужно предоставить им такой продукт, который они могли бы дорабатывать и расширять в привычной для веб-разработчиков форме. Нужно максимально было абстрагировать их от мобильных технологий, но не от мобильных приложений.
Мы стали присматриваться к ionicFramework. Уже к тому времени у них была шикарная экосистема, которая позволяла билдить приложения для iOS и Android через командную строку. Увидев это, мы очень обрадовались, так как это означало, что мы сможем полностью автоматизировать сборку приложений, и нашим специалистам поддержки не нужно будет загружать в xCode и AndroidStudio проекты каждого клиентского приложения для генерации APK и IPA файлов.
Далее мы увидели, что в экосистеме IonicFramework есть возможность обновления приложений без перепубликации в appStore и googlePlay (ionic deploy) также через консольную команду. Это означает, что хотфиксы можно будет выпускать автоматически для всех клиентов почти мгновенно, без волокиты и невыносимо длительного Review (со стороны appStore).
Отдельно стоит сказать про скорость. Некоторые приложения, написанные на Cordova, действительно отличались невысокой скоростью интерфейсов, однако чаще это было связано с низкой скоростью JS фронтенда приложений, написанных с использованием jQuery. С выходом Angular 2, а позднее и Angular 4, все изменилось. Скорость отклика и ощущение от работы приложения в целом стали приемлемы.
В итоге богатая экосистема, большое количество плагинов, приемлемая производительность помогли нам выбрать IonicFramework в качестве основы для нашего сервиса.
Реализация и подводные камни
Разработка оказалась не такой простой, как мы предполагали. Она заняла у нас 1 год работы. За это время мы написали все необходимые API на бэкенде, разработали все личные кабинеты и промо-страницы на нашем сайте, создали непосредственно само клиентское приложение и вспомогательное DEMO приложение.
Основную сложность составило то, что Angular и IonicFramework активно развивались параллельно с тем, как мы разрабатывали наше приложение. Angular за этот период обновился с версии 2 до 4, Ionic с версии 2 до 3. Мы только и успевали обновлять пакеты и неделями фиксили проблемы, возникающие после обновления. То один плагин перестал работать с другим, то какая-то конструкция была выпилена из Angular или Ionic, то публиковались новые фишки, ускоряющие работу системы, и мы были обязаны их внедрять и переписывать код.
В общем, мы все это мужественно переносили, но работали всегда только с самой свежей версией, так как понимали, что выпускать релиз сервиса нельзя было на устаревшей версии фреймворка.
Нам пришлось купить Apple MacMini для отладки iOS приложения, несмотря на то, что билдить IPA файлы и закидывать их через iTunes на устройство мы могли на нашей основной машине с ОС Windows.
В итоге, в настоящее время у нас написано приложение на Angular4 + IonicFramework 3, и все оттестировано на iOS и Android. Приложение содержит огромный список возможностей, и оно идеально интегрировано с нашей платформой ReadyScript.
Как это работает сейчас?
Сервис ReadyScript Mobile интегрирован в экосистему и предоставляется в стандартном виде через личный кабинет на нашем сайте ReadyScript.ru.
Мы предоставляем пользователю самостоятельно заполнить данные в его личном кабинете для соединения с его интернет-магазином ReadyScript через API(доменное имя, API ключ), далее предлагаем заполнить все поля, необходимые для публикации приложения в appStore и googlePlay(название, описание). Далее предлагаем определить цветовую схему будущего приложения.
Только после публикации приложения в маркетплейсах, мы открываем возможность оплатить подписку.
На всех сложных участках этого пути мы предлагаем свои услуги. Если точнее, то мы предлагаем создание иконок и заставки приложения, предлагаем помощь в регистрации аккаунтов на appStore и googlePlay, а также берем на себя генерацию всех необходимых сертификатов в кабинетах клиентов для сборки приложения, а также саму публикацию приложения.
Благодаря возможности сервиса Ionic производить deploy(развертывание новой версии) напрямую на клиентские устройства в обход маркетплейсов, мы реализовали быструю возможность обновления приложений, если пользователь изменяет, например, цветовую схему приложения в своем личном кабинете.
Несмотря на это, мы периодически перевыпускаем приложения непосредственно в appStore и googlePlay, чтобы сразу после установки у новых клиентов не возникало сообщение, что для приложения имеется обновление.
Владельцы интернет-магазинов видят всю информацию о состоянии подписки в своей административной панели. В случае приближения окончания срока подписки, уведомления будут приходить по всем каналам, включая административную панель магазина.
Мобильное приложение работает напрямую с сервером интернет-магазина, а это означает что все остатки, цены, настройки всегда будут актуальны.
Push уведомления — отличный маркетинговый инструмент
Когда мы реализовывали подсистему Push уведомлений, мы подумали, что неплохо бы передавать при регистрации Push-токена в интернет-магазине еще и модель устройства. Нам потом сказали большое спасибо интернет-магазины, торгующие электроникой и аксессуарами. Так они смоги делать точечные Push рассылки о поступлении конкретных аксессуаров владельцам только определенных смартфонов, чем значительно повысили свои продажи.
Впоследствии мы увидели, что некоторые наши клиенты сегментируют своих клиентов по платежеспособности с помощью фильтра по модели телефона и производят более узкотаргетированные рассылки.
Важно сказать, что Push рассылки можно проводить прямо из административной панели интернет-магазина. Для каждого сообщения можно задать текст и точку назначения, в которую перейдет пользователь после нажатия на push. Это может быть товар, категория или статья.
Как расширять возможности приложения?
Каждый бизнес уникален. Несмотря на то, что сейчас в приложении реализован достаточный набор функций с запасом, все равно кому-то понадобятся кастомизации. Мы это понимаем, а потому предусмотрели несколько вариантов.
Первый – самый простой – это расширение функциональности приложения через маркетплейс ReadyScript.
Как это возможно? При запуске приложения мы заложили точку роста в виде загрузки корректирующего работу Angular компонентов JS скрипта с сервера интернет-магазина, а также загрузку Ionic шаблонов. Откорректировать JS скрипт и шаблон с помощью хуков может любой модуль платформы ReadyScript.
Такой подход позволяет откорректировать или дополнить поведение существующих активностей и компонентов приложения, однако он не позволяет, например, добавлять новые активности приложения. Например, с помощью данного механизма расширения функциональности модуль «Бонусная программа» из нашего маркетплейса корректирует работу корзины в мобильном приложении, позволяя отобразить текущее количество бонусов пользователя, а также зачесть их в качестве скидки.
В случае, если клиенту требуются более кардинальные изменения, нужно создавать индивидуальную сборку приложения и использовать уже доработку и поддержку коробочной версии приложения, вместо SaaS. Это возможно при помощи партнеров или наших услуг (в дальнейшем только партнеров).
Работа с партнерами-разработчиками или коробочная версия мобильного приложения
Для партнеров, разрабатывающих eCommerce проекты на платформе ReadyScript, мы подготовили две партнерские программы, одна из которых предполагает агентскую схему продажи подписок на мобильные приложения для своих клиентов, а другая предусматривает возможность продажи коробочной лицензии на мобильное приложение компетентному партнеру.
Коробочная лицензия на мобильное приложение – это отличная возможность для веб-студии сократить издержки при разработке eCommerce мобильного приложения для конечного пользователя. По сути, это позволяет студии сосредоточиться только на уникальных, индивидуальных особенностях клиента, не зацикливаясь на разработке рутинных вещей, таких как оформление заказа, оплата, поиск, фильтрация товаров, подсистема push уведомлений и многое другое.
Продвижение
Для удобства продвижения сервиса, мы создали демонстрационное приложение, в котором можно указать доменное имя интернет-магазина на платформе ReadyScript и API-ключ, чтобы увидеть будущее мобильное приложение, наполненное данными клиента.
Приложение опубликовано в appStore и googlePlay под именем RS Mobile. Если у вас нет интернет-магазина, то возможности приложения можно оценить, нажав на надпись «у меня нет своего магазина»
Заключение
ReadyScript Mobile – это современное решение проблемы мобильных приложений для интернет-магазинов, построенное на технологиях 2017 года. Благодаря прямой интеграции сервиса с платформой ReadyScript, достигается оптимальное слияние возможностей eCommerce CMS и мобильного приложения.
Сервис ReadyScript Mobile – это доступная возможность для конечного пользователя получить мобильное приложение для интернет-магазина своего бренда, а для партнеров-разработчиков – удовлетворить растущий спрос клиентов на присутствие их бизнеса в мобильных устройствах с наименьшими затратами.