В этой статье расскажем о приложениях, позволяющих сделать приложение: платформах-конструкторах программ для мобильных устройств. Узнаем об их возможностях, принципах работы, а также конструкторах, доступных на российском рынке.
По статистике, пользователи смартфонов тратят 80% своего времени на различные приложения. Если у вас есть блог, интернет-магазин, частный бизнес или просто хорошая идея, один из лучших способов поделиться этим с потенциальными клиентами — сделать приложение для мобильных устройств.
КАК СДЕЛАТЬ ТЕПЛОВИЗОР ИЗ СМАРТФОНА | ПРОВЕРКА ЛАЙФХАКОВ от СЛАВЫ ШТИГЛИЦА
Для этого вовсе не нужно быть программистом или платить огромные деньги за заказ приложения у профессионалов. Вполне справится и конструктор мобильных приложений — специальный сайт, на котором вы сами можете собрать свое приложение из готовых элементов.
Что такое конструктор мобильных приложений?
Конструкторы мобильных приложений появились относительно недавно — с распространением смартфонов. Разработчики быстро смекнули, что программы для смартфонов очень нужны предпринимателям, чтобы продавать свои товары и услуги, но не все из них могут сделать приложение сами.
Так появились платформы-конструкторы, которые дают любому желающему возможность самостоятельно «склеить» мобильное приложение, как коллаж из фотографий. Их множество и, как правило, все они так или иначе являются платными.
Платформы для создания мобильных приложений различаются между собой набором функций, ценами, а также тем, как с их помощью можно сделать приложение. По последнему признаку они делятся на две основные категории:
- Генераторы. Это платформы, которые создают мобильное приложение на основе вашей существующей веб-страницы. Вы даете генератору URL своего сайта, и он автоматически создает мобильное приложение с теми же разделами и контентом, что и у вас на сайте.
- Конструкторы. Это платформы, которые позволяют вам собрать приложение самим из готовых элементов, а контент для него создадут ваши будущие пользователи. В вашем распоряжении будут готовые шаблоны и элементы интерфейса, а также кусочки функциональности, например, геопозиционирование, отправка уведомлений, работа с банковскими картами и многое другое.
Есть два типа приложений, которые умеют создавать эти платформы:
- Гибридные (PWA). Это, фактически, приложения под веб, адаптированные по экран мобильного устройства. Они открываются на смартфоне при помощи браузера.
- Нативные. Это, собственно, приложения, которые устанавливаются в операционную систему мобильного устройства. Нативные приложения наиболее удобны для пользователя и выгодны для предпринимателя.
Создание приложения само по себе может быть бесплатным, зато потом у вас есть два пути. Во-первых, вы можете купить у сервиса его исходники и самостоятельно поддерживать их и распространять приложение. Кроме того, вы можете купить платную подписку, и тогда команда сайта сама опубликует приложение в App Store/Google Play и будет поддерживать его за вас.
Как сделать весы из любого смартфона android ➔ ⚖
Помимо платы за поддержку, вам также придется купить аккаунт в App Store или Google Play, который стоит $99 и $25 соответственно. Чтобы окупить ваши затраты, у многих платформ есть программы лояльности, которые позволяют вам не только сделать приложение, но и зарабатывать на нем — например, подключив рекламу.
Для того чтобы вы могли самостоятельно познакомиться с платформами-конструкторами приложений, расскажем о нескольких из них, доступных на русском языке.
iBuildApp
Крупный зарубежный сервис, доступный на русском языке. Он работает по принципу конструктора на базе шаблонов. На сайте предлагается большая библиотека уже готовых приложений для разных отраслей: образование, развлечения, коммерция, благотворительность и так далее, причем есть шаблоны на русском. Вам нужно всего лишь выбрать наиболее подходящий шаблон и отредактировать его по своему усмотрению.
Сервис предлагает три тарифа поддержки: Бизнес (2400 р./год, 1 приложение, 500 установок готового приложения), Безлимитный (3700 р./год, 1 приложение, неограниченное число установок) и Корпоративный (27100 р./год, 10 приложений, неограниченное число установок).
Apps Globus
Российский проект, который, пусть и работает со скрипом, но все-таки достаточно активно используется. Он работает по принципу сборки приложения с нуля: вы можете взять пустой шаблон, нарисовать свой дизайн приложения, добавить контент, функции, модули, а затем опубликовать и продвигать приложение. Готовых блоков функциональности сайт, кстати, предлагает множество, от банальной формы для ввода данных до встроенного радио.
Сайт работает в том числе и по модели «получи исходники и поддерживай сам». У него есть база знаний по разработке, поддержке и публикации приложений, а также форум. Доступно три тарифа: Start (550 р./мес., без исходных кодов, публикация только в Google Play), Studio (950 р./мес., исходные коды клиентской части и публикация в обоих магазинах), Nwicode (19900 единоразово, полные исходники, публикация в обоих магазинах и поддержка в течение года). Во всех трех случаях вы также получаете PWA-приложение.
Mo-Apps
Проект родом из Украины. Он обладает приятным интерфейсом и также работает по принципу конструктора. Вы выбираете тему приложения, редактируете дизайн, а затем добавляете в приложение функциональные модули простым включением переключателей. Доступен набор готовой функциональности для интернет-магазина, кафе, такси и медицинской клиники; к запуску также готовятся наборы функциональности для других сфер бизнеса, например, салона красоты или службы доставки.
Создание мобильного приложения бесплатно, но нужно платить за поддержку. Есть тарифы за 50 долларов в месяц и 480 долларов в год. Также доступны программы лояльности: подключение стоит 100 USD в месяц или 500 USD единоразово. Кроме того, доступен ряд дополнительных услуг, вроде платной поддержки приложения разработчиками сервиса.
В целом, самый большой недостаток конструкторов, с помощью которых можно сделать приложение, заключается в том, что их очень мало на русском языке. Самые качественные конструкторы — англоязычные. Если вы владеете языком, можете ознакомиться с некоторыми из них:
- Buildfire — конструктор мобильных приложений с огромной библиотекой готовой функциональности, но достаточно дорогой поддержкой (от $50 в год);
- Goodbarber — конструктор мобильных приложений с потрясающе красивыми шаблонами, позволяющий создавать дизайн, близкий к профессиональному;
- AppyPie — платформа-генератор, способная сделать приложение на базе вашего сайта.
- Делаем приложение для Windows 10 своими руками
- Как создать собственную интернет-страницу: выбираем лучшие сервисы
Фото: авторские, pixabay.com
Источник: ichip.ru
Как создать собственное мобильное приложение без программирования: поэтапная инструкция с картинками
Этот день настал – в голове из ниоткуда возникла идея мобильного приложения. На самом деле, идея пришла не из ниоткуда. У неё мог быть один из двух путей:
- желание закрыть собственную потребность – например, иметь удобное приложение для тренировок или понятный таск-менеджер;
- заработать денег – ведь идея гениальная и никто её лучше не реализует.
Наверное, вы уже знаете, что такое ноукод (если нет, прочитайте здесь). А тут напомним вот что.
На ноукоде можно самостоятельно, быстро и без знаний кода сделать из идеи в голове первый, простой и 100% рабочий вариант приложения.
Вы станете рассказывать об идее друзьям и часто думать о ней, но лучше начать действовать, чтобы не перегореть и побыстрей протестировать приложение, потому что помните:
Людям трудно оценить то, чего они ещё не испытывали
Набросок приложения. Выстраиваем путь пользователя
Представьте – вы строите дом. Вы никогда этого не делали, но научиться можете, просто надо начать с азов. И первый шаг – рисунок дома на листочке.
В создании мобильного приложения тоже начинайте с наброска.
- Нарисуйте то, как вы видите приложение. Самую первую страницу. Как получится – схематично, не думая о красоте. Набросайте шапку-хэдер, меню и рубрики, напишите название, нарисуйте логотип, расположите кнопки регистрации и входа в приложение.
- Теперь подумайте, какие элементы и функции хотите сделать. Пока минимум. Подумайте над поведением пользователя. Пусть этот пользователь пока – вы. Какие ваши первые действия? Куда кликнете сначала? А куда потом? Что хотите видеть на первой странице, нужен ли личный кабинет? В какой момент захотелось вернуться на главную?
- Зафиксируйте то, что придумали на этом этапе. Нарисуйте экраны и стрелками между экранами проложите путь пользователя. На экранах схематично расположите места, где будет текст, фотографии, иллюстрации, кнопки. Это будущие элементы приложения.
Важно на этом этапе не увлекаться и не придумывать много функций. Делайте проще, выделяйте только основные роли, придумывайте минимальный набор функций. Допустим, в приложении будут администратор и пользователь. Вот и придумайте, что каждому их них нужно в приложении. Всем пользователям, например, точно нужен главный экран с регистрацией и выходом в личный кабинет.
Научим делать мобильные приложения на курсе Мобильная разработка — покажем, как делать это от стадии схематичного рисунка до запуска в виде рабочего приложения!
База данных. Мозг приложения
Дом обрёл узнаваемые черты на наброске. Теперь надо добавить дому коммуникации – чтобы он функционировал.
В случае с приложением – это данные и база, в которой они хранятся. Без данных приложения не будет – оно не заработает.
С ноукодом базу данных приложения делают и наполняют внутри платформы, на которой пишется приложение. Это таблицы со столбцами и строками, похоже на Excel. Чтобы сделать базу данных, сначала поймите, какие пользователи в нём соберутся и какие данные на них нужны.
Например, вы делаете приложение для записи в салон красоты. Здесь клиенты записываются к мастерам на услуги, а мастера – видят запросы и составляют себе расписание.
В приложении два типа пользователей – мастер и клиент. Их называют роли. Самих пользователей может быть много: допустим, 10 мастеров и сколько угодно клиентов, а роли две: клиент и мастер. Клиенты будут заказывать у мастеров услуги, и они выбирают дату и время – из этого формируются заказы.
Так в приложении выделились 4 составляющие для формирования базы данных: мастер, клиент, услуга, заказ. Составляющие, на которых строятся данные, разработчики называют сущности. Каждая сущность записывается в отдельную таблицу. У каждой сущности есть свои «черты» – атрибуты. Они в таблице записываются столбцами.
А данные сущностей и атрибуты вносятся внутрь таблицы в строки.
- У сущности №1 – мастер – атрибуты: имя и фамилия, фото-аватарка, номер телефона в салоне, опыт работы в годах, перечень услуг.
- У сущности №2 – клиент: имя и фамилия, номер телефона, почта.
- У сущности №3 – услуга: название, описание, цена.
- У сущности №4 – заказ: дата и время, услуга (или услуги), стоимость, мастер, клиент.
Внутри базы данных возникнут связи. Сущности, выделенные для приложения, будут встречаться внутри приложения, пересекаться и иногда менять друг друга. База данных, в которых одна таблица определённым образом связана с другой в разработке называются реляционными базами данных.
В примере с салоном, атрибуты сущности «услуги» появятся в сущности «заказы», как и атрибуты сущности «мастер» и «клиент». И каждый заказ будет отличаться – новый мастер, клиент, услуга, дата. А каждая услуга одна и та же, мастер – тоже. А вот клиенты разные.
Набросать базу данных можно рядом с эскизом приложения. Ещё можно перенести её в бесплатную программу Miro – это виртуальная доска, на которой визуализируются данные и взаимосвязи. Там на виртуальных стикерах напишите названия сущностей и пропишите под ними столбиком их атрибуты.
Архитектура приложения. Делаем макет-каркас приложения
Несём на место строительства будущего дома стройматериалы и делаем из них фундамент и каркасы стен, полов, крыши, этажей.
C нарисованным эскизом приложения отправляйтесь за компьютер. Пора перенести туда видение приложения – нарисовать на компьютере макет мобильного приложения. На сленге разработки макет называется вайрфрейм.
Вайрфрейм помогает точно увидеть и объяснить, как будет выглядеть и работать мобильное приложение. Вы сразу поймёте, как придуманные роли взаимодействуют с приложением и как реализуются функции.
Для первого вайрфрейма хороша Figma – понятный, простой и бесплатный облачный сервис. Работает через браузер и с компьютера. В ней есть рабочая область (frame), размер которой соответствует мобильному экрану.
- Переносите в программу один за другим нарисованные на листах экраны приложения. Также схематично виртуальными фигурами нарисуйте шапку-хэдер, меню, логотип, напишите название, кнопку регистрациивхода. Готов стартовый экран.
- Затем переходите к созданию второстепенных экранов. Например, с главного экрана через кнопку «Войти» пользователь попадает на экран ввода данных аккаунта. Сделайте этот экран – ту же шапку-хэдер и два поля ввода для адреса почты и пароля.
- Соедините стрелочкой кнопку «Войти», которую вы нарисовали на первом экране, и второстепенный экран с формой входа в аккаунт.
- По такому же принципу изобразите все экраны, которые придумали для приложения.
Вот этот процесс и есть вайрфрейминг – создание макета того, как будет работать приложение. Вайрфреминг помогает понять пользовательский путь, отбросить или добавить функциональность, додумать экраны, элементы на них и чуть-чуть продумать внешний вид. Если вы начнёте делать сразу приложение на ноукод-платформе, вы можете себя ограничить или запутать – и расстроиться, что ничего не получается. А с вайрфреймом удобно держаться намеченного пути.
На курсе разработки мобильных приложений мы учим глубоко понимать весь описанный процесс и помогаем стать мастерами в мобильной разработке без кода. Каждый шаг узнаём и прорабатываем досконально, учим делать вайрфреймы и прототипы, составлять сложные базы данных, работать в Adalo, Miro и Figma –и не только.
Делаем приложение
Дистрибуция. Загрузка приложения в сторы и шер по ссылке
Настало время рассказать друзьям о новом доме, который вы сами построили! Запостить в соцсетях, пригласить на новоселье и встретить критику тех-кто-лучше-знает-куда-надо-было-ставить-диван.
У вас есть два пути рассказать о своём приложении другим: загрузить его в сторы приложений и делиться им по ссылке.
- На Adalo создаются нативные приложения — обычное приложение, которое качают из App Store и Play Market. Если вы сделали нативное приложение, его можно загрузить в сторы. Сделать в Adalo это можно только на платных тарифах.
- Шерить приложение ссылкой или QR-кодом современным способом – как прогрессивное веб-приложение, или progressive web-app (PWA). Его не обязательно устанавливать на телефон – хотя и можно. Это идеальный способ показать приложение ограниченному кругу людей, если вы не готовы к публичному выходу. Пусть друзья оценят, протестируют и помогут сделать лучше.
На этом не всё
Создание приложения – приятный процесс, который благодаря ноукоду стал ещё и простым, доступным и быстрым. А самая серьёзная и почти бесконечная работа длиной в жизнь приложения начинается после запуска.
Вы опробуете приложение на друзьях, на себе, может, выпустите в магазин приложений – и тогда пользователи скажут, что и как, по их мнению, надо исправить в приложении, что убрать и что добавить. Дадут о себе знать баги и нестыковки. Заполнится база данных, и понадобится её менеджмент. Возможно, что понадобится автоматизация каких-то процессов. Вы будете менять приложение и снова тестировать, обновлять, добавлять и удалять функциональность, перенастраивать, начнёте собирать аналитику и думать об изучении основ маркетинга.
Или нет – и будете использовать приложение и решать с ним только свои будничные задачи. В любом случае мечта сделать собственное приложение реализуется. И ноукод – самый прямой путь к исполнению этой мечты.
На курсе разработки мобильных приложений мы учим глубоко понимать весь описанный процесс и помогаем стать мастерами в мобильной разработке без кода. Каждый шаг узнаём и прорабатываем досконально, учим делать вайрфреймы и прототипы, составлять сложные базы данных, работать в Adalo, Miro и Figma –и не только.
Источник: codebreakers.tech
Приложение на Android — пишем с нуля свой первый app под Android
Цель данного поста — с одной стороны поделиться своим успешным опытом старта разработки приложений на платформе Android и с другой стороны поспособствовать развитию рынка софта для этой замечательной и бурно растущей платформы за счёт (без ложной скромности скажу) возможно Вас, прочитавших данный пост. В сети, конечно, можно найти материалы на тему разработки приложения «чуть сложнее, чем helloworld», но как правило они разрозненные и в них не описываются различные мелкие подводные камешки. В данном посте мы рассмотрим полный цикл разработки приложения, начиная с чистого компьютера до готового apk-файла. Под катом скрины.
Подготовка к разработке приложение на Android
Для того, чтобы подготовиться к разработке не требуется каких-то особых действий и манипуляций. Буду описывать пошагово, что нужно сделать. У меня стоит Windows XP, поэтому и всё нижесказанное следует относить именно к данной ОС, хотя действия без каких-то сильных изменений можно применить и к другим ОС семейства Windows и даже Linux.
- Установка среды разработки Eclipse
- Установка ADT плагина к Eclipse
- Установка JDK и JRE
- Установка Android SDK
Установка среды разработки Eclipse
Тут всё просто. Идём в раздел Downloads на официальном сайте и качаем версию Classic. Далее просто распакуйте архив, куда вам хочется, я же решил это сделать в почетную директорию C:Eclipse
Установка ADT плагина к Eclipse
Запускаем Eclipse, и открываем диалог установки плагина через меню Help → Install new software. В поле Work with вписываем адрес загрузки плагина dl-ssl.google.com/android/eclipse (если не получилось, то плагин можно скачать и установить вручную по ссылке http://developer.android.com/sdk/eclipse-adt.html), далее в таблице ниже появится Developer Tools, отмечаем его и идем далее.
После успешной установки, можно перезапустить среду Eclipse.
Установка среды для Java: JDK и JRE
Если у вас еще не установлены Java Development Kit (JDK) и Java Runtime Environment (JRE), то их необходимо установить. Сделать это можно на сайте Oracle. Скачайте и установите JDK и JRE.
Установка Android SDK
Дело осталось за малым — это скачать и установить свежий Android SDK. Это делается на сайте для Android разработчиков. Я лично установил SDK опять-таки в почётную директорию C:Android. После этого необходимо добавить платформы и прочие дополнительные элементы SDK. Я добавил все доступные версии, так как планирую делать приложения и для ранних платформ, а также USB-драйвер и примеры приложений.
Подготовка к разработке завершена. Теперь следующий этап — создание приложения.
Создание Android-приложения
Перед тем как создать своё первое приложение, можно создать виртуальное Android-устройство, чтобы быстро тестировать на нём свой свеженаписанный софт. Вначале я хочу сказать вам несколько слов по поводу Android Virtual Device (AVD). Это виртуальный смартфон с ОС Android, на котором вы с легкостью сможете запускать созданную вами программу. Как можно заметить, преимущество Android Virtual Device состоит в том, что наглядно можно увидеть как будет работать Ваша программа на разных смартфонах с Android, а не покупать весь модельный ряд и тестировать приложение на каждом из них.
Приступим к созданию виртуального устройства Android. Следуем в меню по пути Window → Android SDK and AVD Manager.
Выбираем New в правой части окна, в появившемся окне вписываем имя виртуального устройства, платформу (допустим Android 2.1), размер карты памяти (допустим 512 Mb), тип дисплея (допустим HVGA). Затем жмем внизу на кнопку Create AVD.
Теперь создадим проект. Для этого идем по пути в меню File → New → Other, в появившемся списке Android → Android Project.
В качестве примера расскажу о разработке одной моей простейшей программы UfaTermometr, показывающей текущую температуру с датчиков, расположенных на одном из объектов местной энерго-компании.
После создания проекта, слева вы увидите дерево директорий. Перво-наперво загрузим свою иконку приложения, а точнее 3 иконки под разные варианты. В папку drawable-hdpi грузим png-картинку с прозрачным фоном размером в 72×72, в drawable-mdpi соответственно 48×48 и в drawable-ldpi самую маленькую размером 36×36. Делать это можно простым перетаскиванием файлов прямо на дерево.
Следующим шагом будут элементы управления. В моей программе было необходимо всего три элемента интерфейса: ImageView (просто картинка логотип приложения), Button (обновить значение температуры) и TextView (вывод значения температуры). Все эти элементы управления нужно описать в специальном xml-файле. В дереве он расположен по адресу res → layout → main.xml. Во-многом разметка элементов управления сходна с вёрсткой веб-страниц, тут есть и padding, и margin, и аналог align. Код main.xml моего приложения:
Непосредственно код приложения располагается по пути src → «ваше название package» → «название приложения».java.
По-умолчанию создается «болванка» главного класса и от неё уже дальше можно плясать. Не буду останавливаться на тонкостях такого простого кода как у меня в примере, но поясню, что логика работы объясняется тремя простыми шагами:
- Загрузить HTML-страницу со значениями температуры
- С помощью регулярок «вытащить» температуру
- Показать в TextView значение температуры
Заметьте, что когда приложению требуются какие-то системные разрешения, нужно указывать их в манифесте AndroidManifest.xml. В данном конкретном случае мы используем подключение к Интернет, соответственно добавляем строчку в указанный выше xml-файл.
Собственно сам код, реализующий указанную выше логику работы:
После того как приложение написано, можно уже его отлаживать и тестировать.
Запуск и тестирование приложения (app)
Вспоминаем про нашу виртуальную машину и запускаем привычной кнопкой или менюшкой Run → Run
Вот такую картину мы можем затем созерцать:
Теперь, если вы хотите поделиться приложением, то нужно собрать apk-файл. Для этого воспользуемся меню File → Export и в списке Android → Export Android application. Далее выберите проект, затем создайте хранилище ключей keystore и ключ key, для этого нужно будет заполнить несколько полей с всякого рода справочной информацией. Получившийся apk-файл можно распространять и даже выложить в Android Market, но для этого придется зарегистрироваться и уплатить $25, что в общем-то немного, особенно для стоящего проекта. Но регистрация в Маркете, пожалуй, тема отдельной статьи.
Заключение
В заключении хотелось бы сказать, что безусловно разработка приложений для Android приятна, достаточно проста и интересна. Конечно, мы рассмотрели лишь верхушку айсберга, но я надеюсь, что в умах тех из вас, кто раньше не пробовал делать ничего подобного «загорелась лампочка» и вполне возможно, что когда-то вашим приложением будут пользоваться миллионы.
Возможно вам будет интересно:
Источник: bookflow.ru