Как из сайта сделать приложение?

Как обычно, за десять минут.

Пару месяцев назад у нас вышла статья Как создать приложения для iPhone самому. В ней говорилось о том, как создать простейший «Hello world» с помощью xCode. Сегодня мы поговорим о разработке мобильных приложений с помощью онлайн-сервисов.

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

• AppMaker
• AppsBar
• iBuild
• mobincube.com

Но чтобы воспользоваться приложениями, которые созданы с их помощью, необходимо иметь лицензию разработчика ($99) и оплатить использование сервиса (от $7). Но писать такую инструкцию, для выполнения которой читателю надо платить, как-то не хотелось. Поэтому в статье рассмотрим общий принцип создания мобильных приложений онлайн на примере Android.

Мы будем учиться создавать приложения с помощью бесплатной онлайн-платформы appsgeyser.com. Разобравшись с ней и поняв основные принципы создания мобильных приложений онлайн, вы без труда разберетесь, как сделать то же самое для iOS, поймете подходят ли подобные сервисы для решения ваших задач и совершите обдуманную покупку.

А если у вас есть телефон на Android (а у многих «яблочников» на дальней полочке лежит такой девайс), то вы сможете прямо сейчас за 15 минут создать приложение и установить на устройство (к примеру, для развлечения детей).

Сервис основан двумя нашими соотечественниками из Новосибирского Академгородка: Василием Соломатиным и Олегом Гребенчуком в 2011 году. С тех пор на Appsgeyser было создано 2 миллиона 884 тысячи приложений, которые были установлены 1 миллиард 300 миллионов раз.

Такие цифры отнюдь не удивительны, ведь пользоваться Appsgeyser очень просто. Давайте попробуем.

1. Идем на appsgeyser.com и нажимам кнопку Create Now.
2. Указываем свой адрес электронной почты.
3. Регистрация пройдена. Нажимаем сначала на крестик (для закрытия окна с уведомлением), а потом на кнопку Create Now.
4. Выбираем блок Website и кликаем на него два раза.
5. Указываем ссылку на сайт, из которого хотим сделать приложение.
6. Нажимаем кнопку Resfresh Preview и указываем имя приложения.
7. Указываем описание приложения.
8. Загружаем иконку для приложения размером 512×512.
9. Нажимаем на кнопку Create.
10. Указываем адрес электронной почты и пароль для регистрации в сервисе/либо заходим через Facebook.
11. Проверьте почту на предмет ссылки для подтверждения адреса электронной почты.
12. На странице, на которую нас привела ссылку из почты, нажимаем на кнопку Go to dashboard.
13. Приложение готово.

Теперь его можно скачать на Android-устройство с помощью QR-кода или ссылки (перед установкой не забудьте поставить галочку в Настройки – Безопасность – Неизвестный источники).

Если у вас есть аккаунты в Google Play ($25) и Amazon Appstore (бесплатно), то можете опубликовать приложение в этих магазинах. Приложения, созданные в таких сервисах нормально проходят модерацию, если не вставлять в них картинки, защищенные авторским правом, и ссылки на вредоносные сайты.

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

Какие еще приложения можно сделать с помощью этого сервиса?

Чтобы создать приложение для Android необязательно иметь свой сайт. Можно собрать интерфейс на основе одного из нескольких шаблонов.

1. Приложения, состоящие из нескольких блоков текста.
2. Приложения, созданные посредством прямого ввода html-кода.
3. Приложения, созданные из страниц VK.
4. Приложения-инструкции.
5. Приложения-визитки для кафе, ресторанов, служб вызова такси и других организаций.
6. Приложения с картами.

А также калькуляторы, мемо-генераторы, живые обои и многое другое.

GAMEMAKER

Отдельным пунктом стоит отметить раздел сайта для создания игр. В нем можно конструировать аркады, тесты, шутеры и другие классические игры на основе шаблона. Это очень просто:

1. Идем на эту страницу и выбираем тип игры.
2. Настраиваем внешний вид различных объектов игры (загружаем свои картинки или выбираем готовые).
3. Запускаем тестирование игры и ждем ее загрузки (иногда это долго).
4. Пробуем играть в игру. Если все нормально, то нажимаем на кнопку Create.
5. Указываем имя приложения и нажимаем на кнопку Next.
6. Придумываем описание, подбираем иконку, нажимаем на кнопку Create.
7. Игра готова!

Как видите за 10 минут можно успеть многое. И это касается не только приложений для Android, но и ботов Telegram.

P.S. Если вам понравилась идея сделать приложение для iOS с помощью онлайн-сервиса, то перед тем как оплачивать его использования внимательно ознакомьтесь c правилам App Store (и опытом прохождения модерации других людей) и мысленно прикиньте, сможет ли ваше приложение им соответствовать. Набор ссылок или веб-страница, обернутая в приложение, скорее всего в магазин Apple пропущена не будет, в отличие от Google Play.

(1 голосов, общий 5.00 из 5)
🤓 Хочешь больше? Подпишись на наш Telegramнаш Telegram. … и не забывай читать наш Facebook и Twitter 🍒 iPhones.ru Как обычно, за десять минут. Пару месяцев назад у нас вышла статья Как создать приложения для iPhone самому. В ней говорилось о том, как создать простейший «Hello world» с помощью xCode. Сегодня мы поговорим о разработке мобильных приложений с помощью онлайн-сервисов. Веб-инструментов для создания программ для смартфонов довольно много и все они по принципу работы…

Оказывается, для того, чтобы нормально кодить под Android, достаточно знаний HTML5, CSS3 и JavaScript. Конечно, не просто так, а в сочетании с сервисами, обзор которых мы для тебя подготовили. Ну а если ты не понаслышке знаком с PHP (Ruby, ASP.NET), то после прочтения этой статьи, можешь смело предлагать свои услуги по продвинутой мобильной разработке :).

INFO

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

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

Предположим, есть компания «Бобровый жир Транскорпорейшен». И генеральному директору захотелось, чтобы у каждого человека в компании было установлено приложение: мини-справочник номеров, по которым можно дозвониться до других сотрудников.

Наше элементарное приложение Другие статьи в выпуске:

Хакер #182. Все о Bitcoin

• Подписка на «Хакер»

Вот его код:

<html> <head> <meta name=»format-detection» content=»telephone=no» /> <meta name=»viewport» content=»user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width» /> <meta name=»mobile-web-app-capable» content=»yes»> <!— Обрати внимание на эти три тега! Они нужны, чтобы страница адекватно выглядела на мобильном устройстве —> <meta charset=»UTF-8″> <style> /*Стили позаимствованы у Fries, фреймворка для создания интерфейсов мобильных приложений на HTML5*/ body { /* Для Android-дизайна часто применяются специальные шрифты: Roboto, Droid Sans и подобные */ font-family: Roboto, «Helvetica Neue», Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.67em; color: white; background-color: #111111; } h1 { /* Тестировать верстку для мобильных приложений стоит в браузерах на движке WebKit (к примеру, Safari) */ -webkit-box-sizing: border-box; box-sizing: border-box; display: block; padding: 7px 7px 5px; margin-top: 10px; width: 100%; border-bottom: 4px solid #33B5E5; font-size: 17px; font-weight: bold; line-height: 18px; text-transform: uppercase; color: #FFFFFF; } .itemname { display:block; font-weight:700; line-height: 38px; padding-left:5px; } .itemphone { color: #CCCCCC; font-size: 15px; line-height: 12px; text-overflow: ellipsis; padding-left:8px; } </style> </head> <body> <h1>Бобровый жир корпорейшен</h1> <p class=’itemname’>Бобромордов Евсей Севьянович (генеральный директор)</p> <a href=’tel:74957288980′ class=’itemphone’>7(495) 728-89-80</a> <!— Интересная фишка в HTML5 — при нажатии на эту ссылку юзер сразу переходит в программу для совершения звонков—> <p class=’itemname’>Бобромордова Карина Евсеевна (финансовый директор)</p> <a href=’tel:74957288980′ class=’itemphone’>7(495) 728-89-80</a> <p class=’itemname’>Бобромордов Карен Евсеевич (курьер)</p> <a href=’tel:74957288980′ class=’itemphone’>7(495) 728-89-80</a> </body> </html>

С кодом все ясно? Отлично, а теперь давай потестим его на разных сервисах.

Заходим на сайт. Регистрируемся. Нажимаем кнопку Create App. Нажимаем на иконку в виде тега HTML. Попадаем на страницу создания приложения. Вставляем наш код, придумываем название с описанием, загружаем файл с иконкой, снова нажимаем Create App. Все, теперь ты Android-разработчик!

Плюсы

• Приложений можно делать сколько угодно и абсолютно бесплатно.
• Материалом для создания проекта может быть масса разнообразных источников (вeб-страница, канал YouTube, PDF-документ, RSS-лента, галерея фотографий, аудиофайл и прочее).

AppsGeyser: Иконки, при нажатии на которые попадаешь на страницу создания приложения

• При наличии готового материала (документа, ссылки на новостную ленту, исходного кода и так далее), время, затраченное на создание приложения, измеряется в десятках секунд.
• При завершении создания приложения, помимо ссылки на файл apk, на экране появляется QR-код (сделал и сразу поставил себе на телефон) и кнопка для публикации в Google Play.
• Самое яркое преимущество AppsGeyser — предпросмотр приложения (как оно будет выглядеть и работать на устройстве). Эта фича здесь реализована в разы удобнее, чем у конкурентов. Круче только у Android SDK — камеру, датчик движения и производительность конкретной модели телефона на AppsGeyser не потестишь.
• Также интересной особенностью сервиса является конструктор тестов (Quiz).

Минусы

• Превью игнорирует AJAX. При том что в готовой сборке эта технология прекрасно работает.

Этот сервис — мой фаворит. И в своем мнении я не одинока (автор — женщина?! Посоны, все в машину! — Прим. ред.). На конец января 2014 года в нем было создано 730 тысяч приложений (за три года существования сервиса). AppsGeyser — это квинтэссенция быстроты, простоты и функциональности.

Практическая информация

Если ты после прочтения этой статьи все-таки решил засесть за создание приложения или твоя основная деятельность связана с версткой и программированием сайтов, тебе необходимы знания особенностей HTML5, CSS3 и JavaScript для мобильных устройств. Рекомендую книгу Learn HTML5 and JavaScript for Android. Она написана простым языком (в стиле мануалов «for Dummies») и содержит очень много практической информации. Книгу условно можно разделить на три части: наиподробнейшая инструкция по созданию у себя на компьютере полноценной среды разработки (Android SDK + Cordova (PhoneGap) + Aptana + всякие штучки), cook book по кодингу, снабженная пояснениями для новичков, и отличный мануал по отладке приложения. А когда после овладения теорией ты приступишь к практике, советую ознакомиться с Fries — отличное решение для создания дизайна Android приложений на CSS.

App Inventor

App Inventor

App Inventor первым увидел свет среди сервисов подобного рода (в 2010 году, силами Google Labs). На сегодняшний день поддерживается и развивается Массачусетским технологическим институтом.

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

Редактирование приложения на App Inventor

• Создание приложения из нашего кода здесь более трудоемко. Сначала надо сохранить исходник с расширением html и залить его на сервер. Потом в рабочем пространстве перетащить на поле приложения элемент Web Viewer, в настройках которого указать адрес страницы с нашим приложением. Теперь с помощью меню Build можно получить готовую сборку.
• Главный минус App Inventor в том, что скомпилированному приложению для работы необходимо соединение с интернетом (в отличие от созданного в AppsGeyser).

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

Примечательные проекты наших соотечественников

Appsgeyser.ru

Предприимчивые ребята из новосибирского Академгородка запустили русскую версию АппсГейзера. С февраля 2012-го с помощью нее было создано почти 20 тысяч приложений. Функционал сильно уступает буржуйскому собрату. Превью (основная фишка appsgeyser.com) часто ведет себя неадекватно. Но у этой компании есть замечательный русскоязычный блог, с которым стоит ознакомиться.

Yandex.Store

Подопечные Воложа во всем стремятся догнать и перегнать Google. В феврале 2013 года запустили свой магазин приложений. Примечателен оплатой покупок с помощью SMS и проверкой установочных файлов антивирусом Касперского. Содержит более 85 тысяч приложений. Модерации нет. Помимо стандартной формы ввода данных о публикации, есть возможность загрузить файл AppDF. Приложение появляется в поиске через 15 минут после отправки в магазин. Судя по количеству загрузок топовых приложений, аудитория пользователей магазина пока крайне мала.

Формат AppDF

Реализация идеи осуществлена с участием Яндекс-разработчиков. Файл с расширением appDF (App Description File) представляет собой компиляцию apk с информацией о приложении (описание, скриншоты, контакты разработчика — всего несколько десятков параметров). Нужен для того, чтобы сэкономить время при публикации в несколько маркетов. Создать appDF можно на сайте проекта. К сожалению, его поддерживают лишь несколько магазинов (CodeNgo, Opera Mobile Store, SlideME и Yandex.Store).

Andromo

Сервис от компании Indigo Rose Software. Эта фирма выпускает всякие ништяки для разработчиков с 1991 года. Среди них Setup Factory (для создания инсталляторов), TrueUpdate (для создания обновляторов) и еще целый ряд популярных продуктов, которыми тебе, скорее всего, уже приходилось пользоваться. Репутация у «синей розы» ого-го! И Andromo — очередное подтверждение того, какие серьезные профессионалы там работают.

• Есть возможность создавать несколько рабочих областей, устанавливать между ними связи, выделять пространство под рекламные блоки — всего около сотни различных настроек. Функционал — на глаз, примерно 80% того, что есть у AppsGeyser, и 90% от App Inventor. И еще куча своих личных фишек. И все хозяйство быстро, красиво и ладно работает.

Andromo: эти вкладки таят много интересного

• Отличные комментарии к каждой фиче. Осваиваешься мгновенно.
• Готовая сборка компилируется в облаке с помощью официальной версии Android SDK. Это плюс к скорости, качеству и надежности работы.

• Процесс превращения HTML-кода в приложение здесь еще более усложнен. Сначала надо перейти на вкладку Activities. Под словами Add an Activity мы видим множество значков, представляющих собой варианты того, чем может быть рабочая область приложения: аудиоплеер, карта, страница Facebook, PDF-документ, галерея фотографий — всего 19 вариантов! Нас интересует Custom Page». В появившемся окне в блоке Design Your Page (обрати внимание на неплохой визуальный HTML-редактор) нажимаем на кнопку Source. Вставляем в появившееся поле наш код из примера. Сохраняемся. Рабочая область создана. Переходим к вкладке Build. Жмем на большую зеленую кнопку. Нервно проверяем email.
• Сборку приложения присылают на электронную почту, и ждать письма приходится довольно долго.
• Бесплатно можно создать только один проект. Неограниченное количество приложений доступно за 25 долларов в месяц или 99 долларов в год.

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

appsbar

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

• Превью по скорости и качеству работы не уступает AppsGeyser.
• Богатая коллекция шаблонов оформления, в сочетании с возможностью переделать их до неузнаваемости.
• Интерфейс пронизан креативом целиком и полностью. К примеру, на первой странице раздела создания программы необходимо выбрать тип приложения из 38 вариантов (это сделано чисто для смеха, при нажатии на разные иконки попадаешь в одно и то же место).

Appsbar: удивительно, что нет иконки Public Toilet 🙂

• Приложение можно сразу загрузить на телефон с помощью QR-кода.
• Готовый проект можно превратить в приложение для Apple и для Facebook (помимо Android).
• Доступна огромная галерея приложений, созданных в appsbar. Работу каждого из них можно оценить с помощью простого браузера.

• Код вставлять некуда. Надо работать руками.
• Есть функция публикации приложений, но appsbar пока не в курсе, что Android Market уже давно известен под именем Goggle Play.
• Интерфейс местами тормозит и отличается изобилием «оригинальных» решений. Практически постоянно думаешь о загадочной душе и неординарном мышлении его создателей.

• Создание телефонного справочника компании из нашего примера кода с помощью этого сервиса невозможно, но встроенными средствами можно сделать нечто аналогичное. Для клепания приложения-визитки appsbar вполне годится.

Представляем наше приложение миру

Самый эффективный способ сделать это — опубликовать свой продукт в Google Play: 25 долларов, несколько часов ожидания, и твое приложение доступно в поиске для невероятно широкой аудитории маркета! Не забудь написать развернутое описание для продвижения по низкочастотным запросам. Также стоит нарисовать интригующую и манящую иконку, чтобы пользователь не мог пройти мимо кнопки установки твоего творения.

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

Если твое приложение на английском, настоятельно рекомендую не пройти мимо Samsung Apps, SlideMe и GetJar.

Форум 4PDA

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

Послесловие

На данный момент на планете Земля уже существуют миллионы приложений для Android (если судить по статистике, представленной маркетами и сервисами для создания приложений). Рынок перенасыщен всякой низкокачественной и бесполезной чепухой, которая мешает лучшим из лучших заявить о себе, не прибегая к дорогостоящим рекламным кампаниям. С помощью сервисов из этой статьи ты можешь без лишнего напряжения создать достаточно серьезный проект. Не насыщай маркеты шлаком и да пребудет с тобой Сила!

Всевидящее око Google

Перед публикацией ознакомься с правилами (требованиями к контенту и политикой конфиденциальности) — отсутствие модерации создает иллюзию вседозволенности. На самом деле аккаунты довольно часто банятся с предупреждением, что регистрироваться повторно бесполезно (и в Сети полно постов, подтверждающих, что Google не шутит). В частности, мой аккаунт заблокировали, указав в холодном, автоматически сгенерированном письме причину: Multiple violations of the Content Policy and Developer Distribution Agreement. Апелляцию отклонили. Деньги оставили себе (я публиковалась всего две недели, за которые мои приложения набрали более трех тысяч загрузок). Мотивом для блокировки могли послужить использование в графических файлах фотографий из Википедии или неправильно оформленная реклама.

И снова про PhoneGap

«Хакер» уже писал о фреймворке PhoneGap, который позволяет делать приложения из веб-страниц с помощью Android SDK. Для человека, более-менее знакомого с программированием, он предпочтительнее, так как, помимо возможностей стандартных HTML5 + CSS3 + JS, имеет расчудесный API для работы с акселерометром, камерой, GPS и прочими штучками. И по-хорошему, сборку перед публикацией неплохо потестировать на разной производительности и параметрах экрана.

У Adobe (создателей PhoneGap) есть онлайн-платформа для создания приложений. За 10 баксов в месяц доступно создание 25 проектов (функционал практически тот же, что и при использовании фреймворка в классической среде разработки). Доступна компиляция практически под все платформы (в том числе Android, Apple, Windows Phone и Windows 8).

Команда WebsiteToolTester больше пяти лет помогает непрограммистам самостоятельно создавать работающие сайты и интернет-магазины. WebsiteToolTester утверждают, что сегодня создать простой сайт без специальных IT-навыков – вообще не проблема. Но так ли все просто с мобильными приложениями? Возможно ли создать приложение, совершенно не разбираясь в языках программирования?

Недавно разработчики WebsiteToolTester решили исследовать этот вопрос, и проверить, какие конструкторы помогут сделать мобильное приложение, если нет специальных знаний в области мобильного программирования. Команда сайта решила испытать лучшие конструкторы для создания приложений, которые сможет найти. Оказалось, недостатка в компаниях, предлагающих этот вид услуг, нет; легко нашлось более 30 вариантов, из них выбрали лучшие. В обзор ниже не вошел конструктор мобильных приложений Appropio, который отличается от зарубежных аналогов прежде всего полной поддержкой на русском языке и тем, что сама команда разработчиков находится в Санкт-Петербурге.

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

Приложение HTML5 – адаптированная для мобильного устройства версия существующего веб-сайта. Это дополнение к веб-сайту для пользователей смартфонов и планшетов.

Нативное приложение (самостоятельное, независимое от сайта) – в таком приложении заинтересовано большинство. Для него не нужен браузер, его можно скачивать в App Store, Google Play Store (и, возможно, Windows Phone Store). Нативное приложение позволяет рассылать очень удобные для владельцев push-сообщения, которые редко деактивируют.

Скачать примеры парсинга компаний

ДЕТИ

ДЕТСКИЙ МИР

₽0.00

СПОРТ

СПОРТМАСТЕР

₽0.00

КРАСОТА

Л`ЭТУАЛЬ

₽0.00

АВИАКОМПАНИИ

АПТЕКИ

АСНА

УКРАШЕНИЯ

СОКОЛОВ

₽0.00

КРАСОТА

₽0.00

ОТЕЛИ

БАЗА ОТЕЛЕЙ И ГОСТИНИЦ РОССИИ

₽0.00

Если посмотреть с финансовой стороны, приложение HTML5 обойдется приблизительно в 10-20 долларов в месяц, в то время как создание нативного приложения будет стоить в разы дороже. Потребуется платить приблизительно 40 долларов в месяц, чтобы зарегистрировать приложение в Google Play и App Store (иногда разработчик включает этот расход в тарифный план). Еще, существует вероятность, что приложение будет удалено, если окажется, что оно не соответствует длинному списку требований площадки. То, что обнаружила команда WebsiteToolTester, это существующий на ранних стадиях развития рынок; в недалеком будущем конкуренция на нем будет намного жестче. Тем не менее, WebsiteToolTester опубликовал список лучших, по их мнению, сервисов для создания мобильных приложений:

GoodBarber – эстетическое удовольствие

Конструктор приложений с интересным именем происходит из французской Корсики и сразу впечатляет красивыми темами шаблонов. Платформа предлагает популярные расширенные функции, такие как интеграция с социальными сетями, чат, геозонирование и маячки iBeacon. Приложения для iOS и Android на базе GoodBarber будут стоить 32 евро в месяц. С помощью сервиса можно самостоятельно создавать приложения от начала до конца и выбирать готовые шаблоны, которых огромное количество. Хорошо сделанное в GoodBarber приложение даже человек с наметанным глазом не сможет отличить от приложения, созданного профессионалами. На сайте можно посмотреть витрину приложений, которые были созданы с помощью этой системы (https://www.websitetooltester.com/out/goodbarber-showcase). Что понравилось: шаблоны очень красивые, цены для разряда нативных приложений конкурентоспособны, GoodBarber обладает высокой гибкостью, предлагает ультрасовременные функции. Что стоит улучшить: GoodBarber не имеет собственного интернет-магазина, но можно интегрироваться с Amazon, Etsy и Shopify.

Shoutem – Apple среди конструкторов мобильных приложений

Со времени запуска в 2011 году, этот производитель мобильных приложений стал «отполированным» продуктом. Shoutem имеет много очень мощных опций, например, гео-локализированный каталог мест – он оказался особенно полезным для пробного проекта WebsiteToolTester, приложения для музея. Предлагаемые конструктором элементы монетизации, как интеграция с Shopify и поддержка мобильной рекламы, помогают возместить то, что приходится потратить на пользование сервисом Shoutem. Это не самый дорогой разработчик, но он и не дешевый: цены стартуют примерно от 19.90 долларов в месяц (это Базовый пакет). Чтобы претендовать на загрузку в магазины приложений Apple или Android, придется выбирать, как минимум, Продвинутый пакет за 49.00 долларов.

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

Swiftic (раньше Como) – швейцарский нож среди конструкторов мобильных приложений

Основатели этого сервиса для разработки мобильных приложений, запущенного в 2010 году в Израиле, утверждают, что привели в действие больше миллиона приложений во всем мире, что делает Swiftic одной из самых крупных рыб в океане создания приложений. Swiftic обеспечивает широкий выбор строительных блоков, таких как функция карт лояльности, интеграция органайзера, электронная коммерция, отзывы и события пользователя. Большая часть примеров приложений Swiftic – это рестораны, музыкальные группы и другие организации в сфере развлечений.

Swiftic недавно опубликовал новую структуру цен: ежемесячные (57 долларов), ежегодные (48 долларов) выплаты или 41 доллар, если подписываешься на два года сразу. Есть еще новинка, которая называется «Гарантия успеха за полгода» – Swiftic дает бесплатные шесть месяцев дополнительно, если не удастся достигнуть «значительных результатов в коммерческой деятельности» за первые шесть месяцев. Сервис позволяет публиковать приложение на Google Play или App Store сразу после создания, то есть не придется тратить время на изучение правил загрузки, пользовательских соглашений и т.п.

Что понравилось: редактор очень хорошо организован и прост в использовании, диапазон функций – один из самых обширных, отличные дизайны, «Гарантия успеха за полгода» очень привлекает. Что стоит улучшить: WebsiteToolTester столкнулись с тем, что в течение недели после регистрации, каждый день на почту приходили надоедливые рекламные письма, но в Swiftic заверили, что проблема решается прямо сейчас.

AppInstitute – лучше, чем кажется на первый взгляд

AppInstitute – крупнейший конструктор мобильных приложений в Великобритании и победитель нескольких премий среди стартапов. Здесь есть замечательные функции электронной коммерции с детально настраиваемыми меню каталога и опциями лояльности. AppInstitute предлагает отличный функционал заказов, который лучше, чем кажется на первый взгляд. Время, которое нужно потратить чтобы разобраться, действительно того стоит. Также удачно реализованы функции загрузки видео и другого контента. Конструктор предлагает хорошую цену: приложения для iOS и Android за 28 долларов в месяц. В качестве бонусов, вы будете получать основные уведомления со статистикой и аналитикой работы приложения. Что понравилось: функционал заказов действительно хорош. Что стоит улучшить: отсутствие опций интеграции с бэкендом.

Appy Pie – праздник функций?

Appy Pie создана в Индии, это еще один конструктор мобильных приложений, создатели которого утверждают, что сервис – один из самых быстроразвивающихся на рынке. Такие заявления трудно проверить, но создается впечатление, что Appy Pie действительно завоевывает популярность в определенных частях земного шара. Конструктор не ограничивает пользователя жесткой структурой, это как квартира со свободной планировкой. По всей видимости, сервис этой функцией ориентирован на новичков. C этим конструктором не потребуется ничего устанавливать или загружать, мобильное приложение создается онлайн. Готовый продукт представляет собой гибридное приложение, основанное на HTML5, которое работает с системами Android, iOS, Windows Phone и Blackberry.

Самым большим плюсом Appy Pie являются его уникальные функции. Здесь действительно предлагаются вещи, которые не сделает больше ни один конструктор. Например, можно добавлять функцию in-app purchases (покупки виртуальных товаров внутри приложения), соединять между собой базы данных, скачивать электронные книги, даже – создать собственное приложение знакомств! Многие из этих функций – это часто просто интеграция, но тем не менее. Что понравилось: интересные нишевые функции, много интеграции, простота использования. Что стоит улучшить: низкокачественный дизайн ярлыков и шаблонов часто выдает любительский уровень создаваемых приложений, служба поддержки часто не отвечает.

Bizness Apps – лид-магнит

В видео на своем сайте создатели Bizness делают смелое заявление: каждое двадцатое приложение работает на основе сервиса Bizness Apps. Калифорнийская компания начала работу в 2010 году и помогла запустить более 300 тысяч приложений. Чтобы создать мобильное приложение для iOS или Android, придется выбрать пакет для мобильных приложений за 59 долларов в месяц. Редактор понятно структурирован, производит впечатление надежности. Что понравилось: сторонняя интеграция, инструмент лид-магнита. Что стоит улучшить: хотелось бы видеть более интересное визуальное оформление. По быстродействию уступает конкурентам.

AppYourself – легок и увлекателен в использовании

Эта компания была запущена в 2011 году. У пользователей есть возможность создать мобильное приложения для iOS, Android, Windows Phone и также чистые приложения HTML5. AppYourself обещают не ограничиваться мобильным приложением: в отличие от большинства конструкторов, здесь можно сделать рабочий веб-сайт, который автоматически синхронизирует контент с приложением. В настоящее время эта функция находится в фазе открытой бета-версии. AppYourself предлагает четыре пакета Сетевой (5€), Базовый (15€), Премиум (30€) и Бизнес (50€ и 200€ за установку). Можно тестировать AppYourself бесплатно без ограничений. Для того чтобы иметь возможность загружать приложение в один из магазинов (App Store или Google play), нужен, как минимум, Базовый пакет.

Функции конструктора включают электронную коммерцию, опции заказа через Open Table и Resmio, карты лояльности, фотогалереи и обычные ленты новостей с прокруткой. Что понравилось: интерфейс хорошо структурирован и очень прост в использовании, имеется собственный модуль интернет-магазина, быстрая техподдержка. Есть возможность обновлять приложение с помощью Connect App. Что стоит улучшить: AppYourself – это немецкая компания, и в меню есть пункты, которые не были полностью переведены.

Куда подевались все приложения? Согласно Statista, в трех основных магазинах хранится приблизительно 2.8 миллиона приложений. По данным только Swiftic и AppMakr, в общей сложности их конструкторами были созданы более 3 миллионов приложений. Это может означать только то, что существенное количество приложений не попадает в App Store, Google Play Store и Window Phone Store.

Mobile Roadie – разработчик мобильных приложений для предприятий

Как один из наиболее крупных игроков Mobile Roadie гордо демонстрирует своих клиентов: Disney, TED.org, Universal, Мадонна, Тейлор Свифт и другие бренды-гиганты сделали свои приложения на этой платформе. Учитывая диапазон стандартной цены от 149 долларов (CORE) до 799 долларов (PRO) в месяц, становится понятно, что Mobile Roadie ориентируется на крупные компании. WebsiteToolTester обращает внимание на функции дизайна, демонстрирующие великолепные шаблоны с множеством опций, которые так и хочется «потрогать».

Есть несколько хороших социальных функций, как чаты и фан-стена, что особенно пригодилось бы творческим компаниям и музыкантам. Музыкантам также понравится интеграция аудиоплеера. Mobile Roadie предлагает и расширенные функции, такие как гео-таргетинг контента. Из-за широкого диапазона функций процесс разработки с этим конструктором займет больше времени, чем с большинством других. Что понравилось: шаблоны очень изящные, огромный функционал с расширенными возможностями. Что стоит улучшить: цены слишком высоки для большинства представителей малого бизнеса, справиться с редактором Mobile Roadie нелегко даже профессионалам.

AppMachine – высокий потенциал конструктора приложений

У названия этого конструктора мобильных приложений, похоже, более глубокое значение, чем кажется. AppMachine автоматизирует большое количество утомительных процессов, которые нередко приходилось делать вручную. Просто дайте AppMachine URL своего веб-сайта, и он импортирует все, что посчитает полезным для приложения (под контролем пользователя). Твиттер, Фейсбук, RSS-каналы и даже изображения – все, что вы пожелаете будет импортировано. Эта функция уникальная и очень полезная Редактор этой голландской компании визуально впечатляет, но в то же время не подавляет – классная идея с использованием строительных блоков Lego. По версии WebsiteToolTester, это один из лучших конструкторов приложений. Хотя не весь пользовательский интерфейс интуитивно понятен сходу.

Сегодня AppMachine предлагает два пакета: Плюс за 49 долларов и Про за 69 долларов в месяц. Что понравилось: мощный редактор, системный подбор блоков. Что стоит улучшить: хотелось бы, чтобы пользовательский интерфейс был немного логичнее и быстрее.

Mobincube – приложения для всех

В отличие от Mobile Roadie, Mobincube позиционирует себя как разработчик сайтов для всех. Mobincube утверждает, что у всех должна быть возможность создать приложение и немного на нем подзаработать, очевидно, используя их платформу AdMob. Конечно, прежде немного придется потратить, но в самом деле немного, потому что Mobincube очень доступен: самый дешевый пакет без рекламы стоит 9.99 долларов. Удивительно, но в хранилища можно загружаться даже с минимальным пакетом. В процессе использования редактора, местами создается ощущение немного «бета». Иногда придется даже переключать браузеры, чтобы добраться до определенных функций. Но есть довольно мощные инструменты; Mobincube позволяет создать сложные типы страниц: например, вы можете использовать базу данных SQLite, чтобы втянуть данные из внешнего сервера. WebsiteToolTester признается, неизвестно, как это работает, да и с точки зрения пользовательской дружественности есть куда стремиться. Однако плюс доступности перекрывает недоработки – ведь это реальное приложение по очень низкой цене.

Что понравилось: очень конкурентоспособные цены, много шаблонов, некоторые функции перспективные и инновационные. Что стоит улучшить: технические недоработки, шаблоны немного ограниченные.

AppsBuilder – интуитивный итальянский дизайн

Итальянский конструктор приложений помог запуску около 500 тысяч мобильных приложений. Демонстрационная версия и создание бесплатной учетной записи заставят поломать голову, но после регистрации, пользователь попадает в среду удивительно продуманного интуитивного интерфейса. Конструктор приложений имеет редактор с функцией перетаскивания. Добавлять логотипы и другие изображения легко, поскольку можно легко масштабировать изображения и добавить эффекты, когда картинка уже перетянута на страницу. Еще здесь есть огромное количество модулей, которые можно добавлять на такие страницы, как электронная коммерция, мультимедиа, карты, калькуляторы и инструменты лояльности. Есть специальные инструменты для всех популярных социальных сервисов, или, например, пять модулей для разных типов приложений ресторанов или кафе, короче говоря, функционал обширный. У AppsBuilder на сайте также есть удобная выделенная секция с бесплатными статьями, электронными книгами, шаблонами и даже исследованиями на тему разработки приложений.

AppsBuilder: предлагает три тарифных плана: 52 доллара (для начинающих), 215 долларов (для постоянных клиентов) и 269 долларов (расширенный). Что понравилось: навигация редактора, редактор изображений и его функционал, хорошая техподдержка. Что стоит улучшить: есть бесплатная учетная запись и тестовая версия, но эти возможности труднодоступны.

MobAppCreator – новенький конструктор приложений

MobAppCreator – относительно молодая компания из Аргентины, и она создает впечатление таинственности, по крайней мере, найти стандартный раздел на сайте «о нас», профиль компании или другую информацию, дающую общее представление об организации, не удалось. Конструктор фокусируется на создании нативных приложений. С MobAppCreator у пользователя в распоряжении не будет столько шаблонов, как в других конструкторах, тем не менее, редактор сам по себе очень легок в использовании, имеет различные модули, которые объясняются просто, без избытка технической терминологии. Приятной особенностью является репрезентация iPhone, где пошагово визуализируются все добавленные в приложение обновления.

MobAppCreator предлагает четырнадцать дней на испытание сервиса с полным функционалом, и по истечению срока предлагается пакет за 32.50 доллара в месяц. Такая политика – не редкость, но за эту цену можно было бы предложить и побольше шаблонов. Что понравилось: редактор относительно прост в использовании, есть собственный модуль интернет-магазина для южноамериканского рынка. Что стоит улучшить: диапазон шаблонов; возможно, было бы лучше, если бы бесплатная версия была лимитирована по функционалу, а не по времени.

AppMakr – старые добрые времена

Этот разработчик из Сингапура имеет на своем счету почти 2 миллиона мобильных приложений. Компания заявляет о возможности создания мобильных приложений «всего за 20 минут». Но еще больше интригует прайс-лист с бесплатным пакетом, пакетами за 1 доллар и 14 долларов в месяц, что делает AppMakr одним из самых доступных конструкторов в мире. Руки чешутся его испробовать и узнать – возможно ли это все? Возможно, однако после регистрации ждет некоторое разочарование. Общий вид редактора не идет в ногу со временем, так сказать: похоже, модернизации не было несколько лет. Для справедливости, стоит отметить, что есть много строительных блоков, удобная работа над дизайном приложения. Платформа позволяет создавать приложения и с использованием кода, и без.

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

IBuildApp

С IBuildApp было построено больше миллиона приложений. Конструктор широко используют частные клиенты и организации. Платформа предполагает использование непрофессионалами. Шаблоны на сайте конструктора не отличаются оригинальностью, хотя есть функционал мобильной коммерции, соцсетей и рекламы. Цены: Базовый пакет 9.99 долларов в месяц, Бизнес 39 долларов и пакет для предприятийагентств 99 долларов.

BuildFire

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

Appery.io

Appery.io – это мобильная платформа, основанная на облачном сервисе. Приложения создаются онлайн, разработчику видны визуальная и программная стороны процесса. Эта платформа ориентирована на профессионалов: и лексика, и среда очень специфичны. Это больше техническая инфраструктура для приложений, чем конструктор для конечных пользователей.

Создание игр – это чаше всего единоличное пространство профессиональных программистов. За 299 долларов в год техасская компания обеспечивает системой игровых строительных блоков для iOS и Android.

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

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

Предупреждаю сразу — эта статья не про SPA и PWA приложения. И даже не про PhoneGap или TitaniumApp. Это обзор небольшого такого сервиса, который помогает в несколько кликов сделать нативное приложение под платформы.

Есть такой сайт appmaker.xyz, который предлагает из сайтов сделать мобильные приложения для iOS и Android. Для сайтов на WordPress и WooCommerce это делается за деньги. Сколько — не знаю, потому что там нужно подавать заявку на демо-версию, созваниваться с менеджерами и что-то обсуждать.

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

Мобильное приложение

Первое, чем нас встречает сайт — это предлагает 3 варианта создания приложений: WooCommerce, WordPress и Web App. Про первые два я уже говорил, что платно и нужно общаться с менеджерами по записи, поэтому мы сразу переходим к третьему, к веб-приложению.

Хотя на карточке указано, что можно сделать для iOS и Android, но по факту у нас есть возможность сделать приложение только для гуглофонов. Регистрируемся и начинаем создавать.

Рабочее пространство ну прямо совсем простое и очевидное, поэтому я не буду описывать очевидные моменты. Единственный момент: пункт «Splash Icon» на самом деле является Splash Screen’ом, т.е. экраном, отображаемом при загрузке приложения.

Над примером решил не заморачиваться и сделать свой блог как приложение.

На следующей странице — вкладке «Style» — нам дано выбрать только показывать или не показывать панель инструментов он же тулбар. И если мы его показываем, то нам дано выбрать цвет фона и цвет текста.

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

Об этом я не знал и поначалу оставил как есть, только поменял цвет. И когда обнаружилось, что тулбар — это просто строка с заголовком, то я вернулся на сайт и скорректировал отображение (т.е. выключил), после чего перекомпилировал. Поэтому у приложения номер версии — 2.

На главной странице есть скриншот, где вкладка Style имеет большее количество настроек, да и самих вкладок чуть больше, чем в бесплатной версии.

Последняя вкладка для нас (в рамках данного обзора) будет малоинтересной по причине того, что два параметра — добавление рекламного блока и push-извещений — включаются за дополнительную оплату, по $5 за опцию. Кроме того, нужно ещё настраивать Firebase, что тоже уходит за рамки обзора. И я этого не делал, поэтому писать про это не буду.

Последний этап — компиляция программы. Процесс занимает где-то 3-5 минут, после чего мы можем скачать готовое приложение. Или загрузить прямо в Google Play, правда для этого понадобится аккаунт разработчика — он платный и стоит $25 (на момент написания статьи).

Итоговый вариант вы можете посмотреть самостоятельно, скачав устаночный файл web-islands.apk (2,8 мб). Я проверил на своём Xaomi — работает нормально.

Приложение для ПК

Мы разобрались с созданием приложения для мобильника, однако это не все возможности, которые предоставляет данный сервис. В подвале сайта, в меню, есть малоприметная и малопонятная ссылка Web2Desk, которая нас ведёт на подсервис по генерации приложений для десктопов.

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

По итогу работы нам будут доступны для скачивания 3 варианта программы — для Windows, Mac и Linux. По факту, они представляют собой оболочку, внутри которой открывается сайт.

Итог

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

Сделать полноценный клиент для онлайн-магазина или социальной сети этот сервис не позволит (во всяком случае в бесплатной версии).

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

Конечно, можно придумать варианты использования. Например, когда у вас есть какое-нибудь внутреннее офисное веб-приложение (CRM, ERM и прочее), заведенное на сервере типа srvintranet.company.com. И вместо того, чтобы открывать эту систему через браузер, можно просто дать ссылку на скачивание программы и логин/пароль.

Надеюсь, мой небольшой обзор был для вас полезен.