создать приложение без кода
Приложения без кода: быстро, красиво, ненадежно
Все вы прекрасно знаете об онлайн-сервисах для создания простых, но красочных веб-страниц. Они изобилуют неточностями, ошибками, но для новичка, для человека, который только ищет вдохновение для погружения в веб-дизайн, это может оказаться полезным помощником.
А теперь представьте сервисы, которые позволяют вам создавать приложения для мобильного телефона или десктопа, не требуя даже минимальных знаний языков программирования. Больше никаких споров между Java или Swift, теперь достаточно освоить довольно простой интерфейс сервиса и можно приступать к творчеству. Что это за сервисы, для чего они нужны, как ими пользоваться и есть ли в этом хоть какой-то практический смысл? Давайте разбираться.
Сервисы
Количество подобных сервисов неуклонно растёт с развитием мобильной индустрии и тех, кто хочет на ней зарабатывать. Мы же здесь приведём лишь 4 главных сервисов, на примере которых постараемся ответить на все животрепещущие вопросы. Итак, знакомьтесь:
EachScape – сервис, который позиционирует себя, как инструмент для создания IoT-приложений;
Ionic Creator – создавайте бизнес-страницы и приложения-визитки;
AppGyver – номинально самый крупный сервис с 200 тысячами разработчиков в подписке;
Shoutem – ориентирован на создание красочных уникальных приложений любой специализации (разве что не игровых).
Обзор
EachScape сразу же предлагает приступить к бесплатному использованию сервиса. Для этого достаточно лишь ввести имя и адрес электронной почты, а уже оттуда перейти по ссылке и придумать пароль. Дальше на выбор пользователю предлагается несколько шаблонов, причём, несмотря на заявленную направленность на IoT, в основном это привычные галереи, ленты новостей и блоги. Пока вы ожидаете загрузку вашего шаблона, EachScape предлагает освоить азы взаимодействия. Если коротко, то интерфейс чем-то схож с Photoshop: слева расположено древо элементов, справа их свойства, а по центру рабочая область. Всё предельно понятно и удобно, новичок вполне сможет быстро сверстать простое приложение для своего айфона и вряд ли почувствует какой-то голод по программированию. Но если говорить откровенно, то с небольшими оговорками, примерно тоже самое можно делать, например, в Visual Studio. Только там будет возможность добраться до кода. В EachScape у вас практически не будет такой возможности.
Ionic Creator изначально производит более серьёзное впечатление, нежели EachScape. Во-первых, здесь нет никаких шаблонов с собачками и прочими подготовленными картинками. Во-вторых, общий дизайн максимально упрощён и позволяет сконцентрироваться исключительно на своей идее. В противовес этим преимуществам – чрезмерная ограниченность действий. Если в EachScape вы можете за 5 кликов прикрутить к кнопке ссылку на точную геолокацию, то здесь придётся немного попотеть. В остальном же сервис составляет крайнее приятное впечатление, для того же IoT создать «рыбу» можно за несколько минут.
Идём дальше и обратим внимание на AppGyver, а здесь действительно есть на что посмотреть. После регистрации, вопреки сегодняшним конкурентам, сервис запрашивает каким образом пользователи вашего приложения будут проходить аутентификацию (внутренняя БД, Facebook, облачные сервисы и пр.), затем название приложения, адрес в интернете и только потом доступ к созданию. Визуально AppGyver не сильно отличается от предыдущих вариантов, а вот по удобству пользования совмещает все их сильные стороны: здесь вы можете найти привлекательность интерфейса от Ionic Creator и функциональность (даже большую) от EachScape. Но главное – всё сделано настолько качественно, что на мгновение забываешь, с какой зашёл целью.
Последним конкурсантом стал сервис Shoutem, и вот он как раз кардинально отличается от всего ранее увиденного. И дело тут даже не в многочисленных предложениях вставить картинку или иконку в одной 10 вариаций, а в том, что если в предыдущих сервисах даже не было необходимости залезать в руководство пользования, то здесь такое желание появилось. Впрочем, поиски помощи приводят не к подробным инструкциям с видео и картинками, а к услугам сервиса, который за 950$ предлагает сделать всю работу за вас. Справедливости ради, стоит отметить, что другие сервисы тоже существуют не на средства благотворительных организаций, а разыскать помощь на Shoutem всё же реально.
Выводы
Первый и главный вывод, который можно сделать из этого небольшого исследования, что подобные сервисы могут быть полезны лишь в одном случае: если необходимо быстро на постороннем ноутбуке создать простое приложение. Ни о какой серьёзной разработке и кастомизации и речи быть не может, хотя большинство новичков и не помышляют о бОльших возможностях.
Вы оказываетесь заложником сервиса. Если инструменты плодят ошибки, то вашему приложению придётся с ними жить. Захотите исправить – придётся общаться с тех поддержкой. Если сервис обанкротится или его поглотит кризис, то ваше детище немедленно постигнет та же учесть.
С точки зрения вашей будущей профессии в IT, использование данных сервисов – крайне бесполезная вещь. Настоятельно не рекомендуется писать о таком опыте работы в резюме и упоминать на собеседованиях. К программированию они также не приблизят вас и на шаг.
А какие подобные сервисы знаете вы?
Все вы прекрасно знаете об онлайн-сервисах для создания простых, но красочных веб-страниц. Они изобилуют неточностями, ошибками, но для новичка, для человека, который только ищет вдохновение для погружения в веб-дизайн, это может оказаться полезным помощником.
А теперь представьте сервисы, которые позволяют вам создавать приложения для мобильного телефона или десктопа, не требуя даже минимальных знаний языков программирования. Больше никаких споров между Java или Swift, теперь достаточно освоить довольно простой интерфейс сервиса и можно приступать к творчеству. Что это за сервисы, для чего они нужны, как ими пользоваться и есть ли в этом хоть какой-то практический смысл? Давайте разбираться.
Сервисы
Количество подобных сервисов неуклонно растёт с развитием мобильной индустрии и тех, кто хочет на ней зарабатывать. Мы же здесь приведём лишь 4 главных сервисов, на примере которых постараемся ответить на все животрепещущие вопросы. Итак, знакомьтесь:
EachScape – сервис, который позиционирует себя, как инструмент для создания IoT-приложений;
Ionic Creator – создавайте бизнес-страницы и приложения-визитки;
AppGyver – номинально самый крупный сервис с 200 тысячами разработчиков в подписке;
Shoutem – ориентирован на создание красочных уникальных приложений любой специализации (разве что не игровых).
Обзор
EachScape сразу же предлагает приступить к бесплатному использованию сервиса. Для этого достаточно лишь ввести имя и адрес электронной почты, а уже оттуда перейти по ссылке и придумать пароль. Дальше на выбор пользователю предлагается несколько шаблонов, причём, несмотря на заявленную направленность на IoT, в основном это привычные галереи, ленты новостей и блоги. Пока вы ожидаете загрузку вашего шаблона, EachScape предлагает освоить азы взаимодействия. Если коротко, то интерфейс чем-то схож с Photoshop: слева расположено древо элементов, справа их свойства, а по центру рабочая область. Всё предельно понятно и удобно, новичок вполне сможет быстро сверстать простое приложение для своего айфона и вряд ли почувствует какой-то голод по программированию. Но если говорить откровенно, то с небольшими оговорками, примерно тоже самое можно делать, например, в Visual Studio. Только там будет возможность добраться до кода. В EachScape у вас практически не будет такой возможности.
Ionic Creator изначально производит более серьёзное впечатление, нежели EachScape. Во-первых, здесь нет никаких шаблонов с собачками и прочими подготовленными картинками. Во-вторых, общий дизайн максимально упрощён и позволяет сконцентрироваться исключительно на своей идее. В противовес этим преимуществам – чрезмерная ограниченность действий. Если в EachScape вы можете за 5 кликов прикрутить к кнопке ссылку на точную геолокацию, то здесь придётся немного попотеть. В остальном же сервис составляет крайнее приятное впечатление, для того же IoT создать «рыбу» можно за несколько минут.
Идём дальше и обратим внимание на AppGyver, а здесь действительно есть на что посмотреть. После регистрации, вопреки сегодняшним конкурентам, сервис запрашивает каким образом пользователи вашего приложения будут проходить аутентификацию (внутренняя БД, Facebook, облачные сервисы и пр.), затем название приложения, адрес в интернете и только потом доступ к созданию. Визуально AppGyver не сильно отличается от предыдущих вариантов, а вот по удобству пользования совмещает все их сильные стороны: здесь вы можете найти привлекательность интерфейса от Ionic Creator и функциональность (даже большую) от EachScape. Но главное – всё сделано настолько качественно, что на мгновение забываешь, с какой зашёл целью.
Последним конкурсантом стал сервис Shoutem, и вот он как раз кардинально отличается от всего ранее увиденного. И дело тут даже не в многочисленных предложениях вставить картинку или иконку в одной 10 вариаций, а в том, что если в предыдущих сервисах даже не было необходимости залезать в руководство пользования, то здесь такое желание появилось. Впрочем, поиски помощи приводят не к подробным инструкциям с видео и картинками, а к услугам сервиса, который за 950$ предлагает сделать всю работу за вас. Справедливости ради, стоит отметить, что другие сервисы тоже существуют не на средства благотворительных организаций, а разыскать помощь на Shoutem всё же реально.
Выводы
Первый и главный вывод, который можно сделать из этого небольшого исследования, что подобные сервисы могут быть полезны лишь в одном случае: если необходимо быстро на постороннем ноутбуке создать простое приложение. Ни о какой серьёзной разработке и кастомизации и речи быть не может, хотя большинство новичков и не помышляют о бОльших возможностях.
Вы оказываетесь заложником сервиса. Если инструменты плодят ошибки, то вашему приложению придётся с ними жить. Захотите исправить – придётся общаться с тех поддержкой. Если сервис обанкротится или его поглотит кризис, то ваше детище немедленно постигнет та же учесть.
С точки зрения вашей будущей профессии в IT, использование данных сервисов – крайне бесполезная вещь. Настоятельно не рекомендуется писать о таком опыте работы в резюме и упоминать на собеседованиях. К программированию они также не приблизят вас и на шаг.
На чем собрать мобильное приложение без кода — ТОП-3 конструктора с примерами приложений
Самый популярный вопрос среди начинающих зерокодеров — можно ли собрать мобильное приложение без программирования. Расскажем, с помощью каких инструментов это можно сделать, чем они отличаются и сколько это стоит.
Какими бывают мобильные приложения
Существует три подхода к созданию мобильных приложений:
Инструменты зерокодинга уже могут покрыть большинство задач бизнеса. И вместо того, чтобы изобретать велосипед, можно за несколько дней запустить MVP или проверить гипотезу с минимальными затратами. А если в запасе хотя бы пара недель — то и запилить полноценное приложение. Решения на зерокодинге можно собирать в одиночку — вся инфраструктура предоставляется платформами и не надо дополнительно тратиться на хостинг, администрирование серверов и т.п.
При этом обычная разработка затянется на 3−6 месяцев и съест до миллиона рублей — если работать с фрилансером или скромной региональной студией.
На курсе «Зерокодер мобильных приложений» ты научишься создавать приложения под iOS и Android. Простые — за 1−2 дня, сложные — за 1−2 недели. Курс состоит из 5-и модулей, 30+ уроков, тренировочных задач и Q&A-сессий с лучшими экспертами в Glide и Adalo.
На чем собирают мобильные приложения без кода
Самые мощные и популярные инструменты мобильной разработки без кода — Adalo, Glide и Bubble. С их помощью можно создать и опубликовать мобильное приложение. Они бывают трех типов:
Мобильная версия сайта — сайт в интернете, адаптированный под экраны смартфонов. Это самый «бесправный» тип приложений: всегда нужен интернет, пуши можно включать только в браузере, постоянно на виду элементы навигации браузера.
PWA (Progressive Web Application) — когда мобильная версия сайта устанавливается на смартфон как приложение. Из плюсов — не надо поддерживать две кодовые базы, под iOS и Android, приложение всегда «обновлено» до последней версии, можно работать с некоторыми нативными функциями смартфонов. Например, отправлять пуши, устанавливать ярлык на экран, элементы навигации браузера не мешают (их просто нет). такие приложения умеют создавать и Bubble, и Adalo, и Glide.
Нативные — когда приложение публикуется в официальных сторах. В Adalo уже встроена такая функция, а приложения на Bubble можно обернуть в специальный контейнер и тоже опубликовать в Google Play и App Store. Нативные приложения позволяют работать со всеми функциями телефона: камерой, микрофоном, GPS, контактами, файлами, акселерометром, push-уведомлениями, памятью девайса, адаптивной версткой — всё, как в обычном коде, только без кода.
Glide
Glide — платформа для создания мобильных приложений без кода. Лучше всего функции сервиса описывает девиз «Создавайте приложения из Google Sheet за пять минут, бесплатно». Glide-приложения нельзя загрузить в сторы, но можно опубликовать в интернете как PWA. Платформа отлично подходит для создания простых приложений и MVP — много готовых симпатичных шаблонов, понятные интуитивные настройки.
Adalo
Русскоязычное коммьюнити: https://t.me/adalo_ru
Adalo — nocode-платформа для создания веб- и мобильных приложений, которые можно публиковать в App Store, Google Play или в интернете как PWA. Новая версия раскатывается в сторы прямо из личного кабинета на платформе, публикуется тоже оттуда (но нужен аккаунт в AppStore и Google Play). Adalo позволяет создавать приложения в интуитивно-понятном интерфейсе методом drag’n’drop из готовых или кастомных дизайн-шаблонов. Эта платформа мощнее Glide и на ней можно собирать более сложные приложения.
Bubble
Bubble — одна из самых продвинутых визуальных сред программирования для создания веб-приложений. На нем можно собирать настольные или адаптивные веб-приложения для любого размера экрана.
Bubble позволяет проектировать сложную бизнес-логику — это настоящий комбайн. Приложения на Bubble нельзя выкладывать в сторы напрямую, но есть обходные пути — обернуть их в специальный контейнер и после этого опубликовать в маркетплейсах от Apple и Google.
Экспресс-сравнение платформ
Мобильный зерокодинг и традиционная разработка: стоимость и сроки
Разработка приложения «под ключ» — сложный процесс, в котором участвует целая команда специалистов. Программисты пишут бэкенд и фронтенд, дизайнеры создают «человеческий» UX/UI и вкусную картинку, тестировщики ищут ошибки, проджекты управляют всем процессом, лиды — командами, эккаунты общаются с клиентами. И каждый не просто просиживает штаны, а действительно работает и нужен.
Сколько денег возьмет за разработку веб-студия и сколько времени потратит, зависит от сложности проекта и имиджа компании, но в среднем — от 500 тыс. до 5 млн рублей, а средний срок разработки — 4−6 месяцев (по сведениям с Хабра, DTF и Appinventive). Сложные приложения легко могут стоить дороже 10 млн рублей и пилиться больше года — особенно если поджимают сроки или подрядчик входит в какой-то рейтинг вроде Теглайна. И всё это без учёта поддержки, обновлений, продвижения и возможных проблем с масштабированием и доработками.
Nocode-разработка обходится дешевле. Например, Сергей Горелов в одиночку собрал полнофункциональное приложение для фитнес-клуба за пару недель — такое же приложение обычная студия будет разрабатывать около полугода и возьмёт за работу 700−800 тысяч рублей.
Чтобы быть в курсе новостей зерокодинга, присоединяйтесь к телеграм-каналу «Зерокодер», чату «Я — зекрокодер» и комьюнити инструментов: Glide, Adalo, Bubble.
А Евгений Спорыхин из nocode Hero вместе с WeLovEnocode запилил карьерный трекер с геймификацией на Bubble. Вместе с детализацией техзадания, доработками, дополнительными функциями и пятью итерациями по дизайну (клиент не совсем понимал, какой он хочет видеть визуальную составляющую) это заняло три месяца и обошлось заказчику примерно в 700 тысяч рублей.
Аналогичная работа «в коде» длилась бы гораздо дольше, а заказчик отдал бы не меньше 4 млн рублей. При этом первую полнофункциональную версию запустили уже через 2 недели — всё остальное ушло на доработки дизайна и добавление новых идей клиента.
Да, у мобильных приложений на зерокодинге пока есть некоторые ограничения: например, чтобы сделать массовый сервис с трафиком в десятки миллионов человек, когда критичны скорость работы и премиальный дизайн, придется создавать свое решение, нанимать программистов или отдавать разработку на аутсорс. А вот первые версии такого продукта — особенно MVP — можно собирать и без кода. Приложения на несколько десятков или сотен тысяч пользователей nocode-платформы также выдержат без проблем.
Снижение стоимости мобильных приложений неизбежно привлечет массовую категорию новых клиентов — теперь приложение может себе позволить даже скромный ИП-шник или владелец пары овощных киосков.
Примеры мобильных приложений без кода на Glide
MAKE. Мобильная методичка по макияжу по подписке на Glide
Игорь — профессиональный программист. Как-то раз ему понадобилось выполнить техническую задачу за пару дней — так он вошел в зерокодинг. Сначала автоматизировал на Integromat, потом перешел на Glide. А в пандемию он назерокодил приложение для обучения макияжу MAKE — помогал жене перевести бизнес в онлайн.
Игорь освоил Glide за три дня, еще 4 дня делал структуру приложения. Дольше всего вносил список из 400 продуктов — это заняло 2 недели😂 Приложение интегрировано с ЮKassой, Integromat и GetCourse, можно выбрать свой цветотип, форму лица и глаз, найти инструменты и средства для макияжа, а также получить советы — где их лучше купить, чтобы не попалась подделка.
Когда пользователь открывает приложение, система опознает его: если в Google-таблицах Access не равен Yes и нет отметки trial, то подписка неактивна и выводится экран оплаты. После оплаты подписки в Integromat запускаются две цепочки: первая — для уже зарегистрированных пользователей. Она обновляет запись об оплате в Google-таблице в строке пользователя. Вторая — для новых пользователей. Она создает новую запись в талице.
Цепочка проверки оплаты в Integromat
Если пользователь оплатил подписку с помощью банковской карты, информация о ней сохраняется. За 3 дня до окончания подписки пользователя предупредят о предстоящем списании. После автооплаты система пришлет результат — успешно прошло списание или денег на карте не оказалось. Эта логика собрана на GetCourse.
Настройка автооплаты и цепочки уведомлений в GetCourse
WOM. Airbnb для аренды квартир в Вене
Путешествуя по Вене, digital-стратег Олег Ширяев обнаружил, что арендовать на короткий срок квартиру в центре города практически невозможно. Если и удавалось найти вариант, то квартира была едва пригодна для жилья. Все объекты контролировались риэлторами и разного рода посредниками.
Когда Олег нашел способ арендовать жилье без посредников, к нему пришла идея мобильного приложения.
WOM — это площадка, которая помогает найти и забронировать жилье в центре Вены напрямую у владельца. Если уже пользовались Airbnb, то и в WOM разберетесь. У приложений даже схожие интерфейсы — чтобы пользователи не переучивались и заново не привыкали к новому меню.
Сервис разработан на Glide — платформе мобильной none-code разработки. Через веб-интерфейс разработчик редактирует визуал, а с данными работает в подключенной Google-таблице, которая выполняет роль базы данных. Создатели Glide говорят, что простейшие приложения можно собрать за 7(!) секунд.
Интерфейс Glide
WOM получился полноценной площадкой с каталогом квартир, картой, разделами «Вам может быть интересно» и «Сейчас просматривают». Олегу понадобилась ночь на изучение интерфейса Gilde и 2-3 дня на создание экранов и заполнение базы данных.
Экраны в WOM
WOM хоть и разрабатывалось любителем, но выглядит красиво и современно. Это еще одно достоинство none-code приложений: разработчик имеет дело только с готовыми шаблонами. Поэтому получается профессиональный дизайн без услуг художника. Сейчас актуальная версия на немецком тестируется в Вене.
Проекция. Онлайн-фотошкола с элементами соцсети и админкой
Еще один пример удачного приложения, собранного без кода — обучающая платформа «Проекция». Ее разработал Илья Ткач для сообщества фотографов «Фотодепартамента».
«Проекция» — приложение для учеников одноименной онлайн-фотошколы. В нем ученики делают домашние задания, получают оценки и общаются друг с другом в тематических чатах. Администраторы приложения размещают обучающие материалы и упражнения через панель управления. Можно оформить подписку и получить доступ к закрытым материалам и курсам.
Есть задания в виде тестов (чек-листы) и такие, к которым нужно приложить фото или написать развернутый ответ. Преподаватель видит результаты и выставляет оценки. Учеников, которые сделали задание лучше других, можно хвалить «знаком отличника».
Благодаря приложению и сообществу ученики сильнее погружаются в обучение, а преподавателям проще размещать материалы и общаться с учениками. Каталог учеников и чаты помогают фотографам нарабатывать профессиональные связи.
Примеры мобильных приложений без кода на Adalo
Kangoo Club Kaluga. Приложение для фитнес-клуба с расписанием, записью и бронированием униформы
Сергей — владелец веб-студии и ни разу не писал код. Но в конце прошлого года с помощью Adalo за две недели назерокодил полноценное мобильное приложение для одного необычного фитнес-клуба и загрузил их в сторы.
Особенность клуба в том, что для тренировки нужно арендовать специальные ботинки Kangoo: их ограниченное количество, и может не достаться нужный размер. Поэтому нужно было создавать своё приложение.
Внутри приложения есть онбординг новых пользователей, личный кабинет для оплаты кампаний на самых популярных площадках с бонусами, календарь тренировок и бронирование обуви, запись и отмена записи на занятия, социальные механики, push-уведомления, админка для сотрудников клуба, профиль клиента с информацией об абонементе.
Благодаря приложению и сообществу ученики сильнее погружаются в обучение, а преподавателям проще размещать материалы и общаться с учениками. Каталог учеников и чаты помогают фотографам нарабатывать профессиональные связи.
Приложение Kaluga Kangoo можно скачать в App Store и Google Play.
Пример мобильного приложения без кода на Bubble
Ornum. Мобильное приложение для геймификации обучения и личного развития
Еще год назад Евгений управлял SMM-агентством и не думал, что скоро будет собирать полноценные мобильные приложения. Вместе с WeLoveNoCode он сделал Ornum — приложение для управления карьерой.
Само приложение Евгений собрал в одиночку — 2−3 недели, после этого его упаковали в специальные контейнеры, чтобы загрузить в App Store и Google Play. На сегодняшний день это самое крутое мобильное приложение на Bubble от российских разработчиков, которое мы встречали.
В Ornum реализована сложная и интересная бизнес-логика: большая база данных с 49 скилами и связями между ними, настроена система управления краткосрочными и долгосрочными целями, есть механика ежедневных заданий, а также красивые дашборды и дорожные карты навыков — всё это генерируется автоматически и сделано без кода.
Настройки механик геймификации мобильного приложения в редакторе Bubble
Революция в мобильной разработке
Зерокодинг — отличный способ создать настоящее мобильное приложение, которое по визуалу и функциям не уступает традиционным решениям, но выигрывает в скорости и стоимости.
В мобильной разработке сейчас происходит то же, что и в создании сайтов в 2014−2015 годах. Технологии быстро развиваются и становятся доступными — это даёт хороший запас маржинальности в коммерческих и личных проектах. Gartner прогнозирует, что к 2024 году 65% разработки всех приложений перейдет на no- и low-code — так что прямо сейчас мы наблюдаем революцию в разработке.
Те, кто поверил в новые технологии, уже сейчас зарабатывают на мобильной разработке без кода от 300 тыс. руб. в месяц на 2−3 проектах. Это золотое время — и оно скоро может закончиться. Сейчас один человек может составить конкуренцию студиям мобильной разработки со штатом программистов и дизайнеров: nocode-разработка занимает меньше времени, а себестоимость проекта снижается до 50 раз.
Конечно, собирать серьезные приложения уровня Сбера или Яндекс Go на зерокодинге не стоит, а вот для создания приложений в малом и среднем бизнесе или MVP для стартапов и даже технологических гигантов это отличный подход.
Изучить Adalo и Glide и сделать свое мобильное приложение без кода можно на нашем курсе «Зерокодер мобильных приложений».