Самому сделать приложение для андроид самому бесплатно пошаговая инструкция

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="ru.skillbox.skillboxapp">

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:roundIcon="@mipmap/ic_launcher_round"
        android:supportsRtl="true"
        android:theme="@style/AppTheme">
        <activity
            android:name=".FullscreenActivity"
            android:configChanges="orientation|keyboardHidden|screenSize"
            android:label="@string/app_name"
            android:theme="@style/FullscreenTheme">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>

Научитесь: Профессия Мобильный разработчик
Узнать больше

Время на прочтение
10 мин

Количество просмотров 1.8M

Предисловие

Цель данного поста — с одной стороны поделиться своим успешным опытом старта разработки приложений на платформе Android и с другой стороны поспособствовать развитию рынка софта для этой замечательной и бурно растущей платформы за счёт (без ложной скромности скажу) возможно Вас, прочитавших данный пост. В сети, конечно, можно найти материалы на тему разработки приложения «чуть сложнее, чем helloworld», но как правило они разрозненные и в них не описываются различные мелкие подводные камешки. В данном посте мы рассмотрим полный цикл разработки приложения, начиная с чистого компьютера до готового apk-файла. Под катом скрины.

Подготовка к разработке

Для того, чтобы подготовиться к разработке не требуется каких-то особых действий и манипуляций. Буду описывать пошагово, что нужно сделать. У меня стоит 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 моего приложения:

<?xml version=«1.0» encoding=«utf-8»?>
<LinearLayout xmlns:android=«schemas.android.com/apk/res/android»
    android:orientation=«vertical»
    android:layout_width=«fill_parent»
    android:layout_height=«fill_parent»
    >
<ImageView android:layout_width=«fill_parent»
    android:layout_height=«wrap_content»
    android:src=»@drawable/droid»
    android:layout_gravity=«center_horizontal|center»
    android:layout_margin=«0px»
    />
<Button
    android:id=»@+id/refrbutton»
    android:layout_width=«wrap_content»
    android:layout_height=«wrap_content»
    android:gravity=«center_horizontal»
    android:layout_gravity=«center_horizontal|center»
    android:textSize=«30px»
    android:padding=«20px»
    android:layout_marginTop=«10dip»
    android:text=«Обновить»
    />
<TextView 
    android:layout_width=«fill_parent»
    android:layout_height=«wrap_content»
    android:text=»…»
    android:textSize=«100dip»
    android:gravity=«center_horizontal»
    android:id=»@+id/temper»
    android:textColor=»#EEE3C4″
    />
</LinearLayout>

Подробно останавливаться на разметке элементов управления не буду, так как это всё достаточно подробно описано в мануале и вообще интуитивно понятно, особенно тому, кто имел дело с html/css-вёрсткой и/или разработкой в какой-либо визуальной среде (например, Delphi). Единственное, обратите внимание как я загрузил произвольное изображение в ImageView. В поле src указывается путь, начинающийся с символа @ и далее указываете адрес по дереву. В папке res я заблаговременно создал подпапку drawable и «закинул» туда логотип, а затем просто указал ImageView путь. Легко? По мне так очень.

Непосредственно код приложения располагается по пути src → «ваше название package» → «название приложения».java.
По-умолчанию создается «болванка» главного класса и от неё уже дальше можно плясать. Не буду останавливаться на тонкостях такого простого кода как у меня в примере, но поясню, что логика работы объясняется тремя простыми шагами:

• Загрузить HTML-страницу со значениями температуры
• С помощью регулярок «вытащить» температуру
• Показать в TextView значение температуры

Заметьте, что когда приложению требуются какие-то системные разрешения, нужно указывать их в манифесте AndroidManifest.xml. В данном конкретном случае мы используем подключение к Интернет, соответственно добавляем строчку <uses-permission android:name=«android.permission.INTERNET»/> в указанный выше xml-файл.
Собственно сам код, реализующий указанную выше логику работы:
package app.test.ufatermometr;import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.TextView;
import android.widget.Button;
import java.io.InputStreamReader;
import java.net.URL;
import java.net.URLConnection;
import java.util.regex.*;public class UfaTermometr extends Activity
{@Override
    public void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        final Button button = (Button) findViewById(R.id.refrbutton);
        button.setOnClickListener(new Button.OnClickListener() {
            public void onClick(View v) // клик на кнопку
            {
                RefreshTemper();
            }
        });

        RefreshTemper();

// при запуске грузим температуру сразу
    };
    //—————————————————————-
    public String GetTemper(String urlsite) // фукция загрузки температуры
    {
        String matchtemper = «»;
        try
        {
                // загрузка страницы
            URL url = new URL(urlsite);
            URLConnection conn = url.openConnection();
            InputStreamReader rd = new InputStreamReader(conn.getInputStream());
            StringBuilder allpage = new StringBuilder();
            int n = 0;
            char[] buffer = new char[40000];
            while (n >= 0)
            {
                n = rd.read(buffer, 0, buffer.length);
                if (n > 0)
                {
                    allpage.append(buffer, 0, n);                    
                }
            }
            // работаем с регулярками
            final Pattern pattern = Pattern.compile
            («<span style=«color:#[a-zA-Z0-9]+»>[^-+0]+([-+0-9]+)[^<]+</span>[^(а-яА-ЯёЁa-zA-Z0-9)]+([а-яА-ЯёЁa-zA-Z ]+)»);
            Matcher matcher = pattern.matcher(allpage.toString());
            if (matcher.find())
            {    
                matchtemper = matcher.group(1);            
            }        
            return matchtemper;
        }
        catch (Exception e)
        {

            
        }

return matchtemper; 
    };
    //—————————————————————-
    public void RefreshTemper()
    {
        final TextView tTemper = (TextView) findViewById(R.id.temper);
         String bashtemp = «»;
          bashtemp = GetTemper(«be.bashkirenergo.ru/weather/ufa»);
        tTemper.setText(bashtemp.concat(«°»)); // отображение температуры
    };
}
После того как приложение написано, можно уже его отлаживать и тестировать.

Запуск и тестирование приложения

Вспоминаем про нашу виртуальную машину и запускаем привычной кнопкой или менюшкой Run → Run

Вот такую картину мы можем затем созерцать:

Теперь, если вы хотите поделиться приложением, то нужно собрать apk-файл. Для этого воспользуемся меню File → Export и в списке Android → Export Android application. Далее выберите проект, затем создайте хранилище ключей keystore и ключ key, для этого нужно будет заполнить несколько полей с всякого рода справочной информацией. Получившийся apk-файл можно распространять и даже выложить в Android Market, но для этого придется зарегистрироваться и уплатить $25, что в общем-то немного, особенно для стоящего проекта. Но регистрация в Маркете, пожалуй, тема отдельной статьи.

Заключение

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

Источники, ссылки

В посте использованы материалы:
www.ibm.com
www.itblog.name
Википедия

APK-файл приложения

UPD: Устранение возможных ошибок

Defite:
1. Ошибка

ERROR: Unable to open class file C:workspaceTestgencomexampletestR.java: No such file or directory

решается очисткой проекта через меню Project → Clean или перезапуском Eclipse.
2. Когда возникает ошибка

emulator: ERROR: no search paths found in this AVD’s configuration. Weird, the AVD’s config.ini file is malformed. Try re-creating it

— это следствие того, что у Вас кириллица в имени пользователя. Решается: идем в Компьютер → Свойства системы → Дополнительные параметры системы → Переменные среды. Создаем новую переменную с именем ANDROID_SDK_HOME и значением – путем, где находится папка AVD (например, C:Android). Создаем, далее ищем там же переменную Path, открываем и в поле значений через точку с запятой добавляем путь до папки tools Android SDK (например, C:Androidtools). Сохраняем. Запускаем Eclipse, запускаем программу.

UPD 05.10.2011, во что превратилось данное приложение можно лицезреть на следующих скринах:

Это результат развития той самой болванки, которая выше дана в качестве примера.
Разработка и создание Android-приложений
Создание сайтов

Android — самая популярная мобильная операционная система в мире по данным аналитической компании StatCounter, она установлена более чем на 70% существующих смартфонов. С 2005 года операционкой владеет Google и регулярно выпускает обновления, чтобы сделать возможными всё новые функции в написанных для андроида приложениях.

Сканировать документы, проводить химические опыты, анализировать сети wi-fi, настраивать музыкальные инструменты, рассчитывать количество калорий в еде по фото, контролировать сервера и удалённые устройства — всё это можно делать, просто загрузив на телефон соответствующие программы из магазина Google Play.

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

Программы и инструменты разработки android-приложений

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

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

Среда разработки — это программа, в которой создаются приложения. Ближайшая аналогия — верфь, на которой строят, чинят и модернизируют корабли. Самые востребованные среды разработки для мобильных — Eclipse, IntelliJ IDEA и основанная на ней Android Studio (AS). Последнюю в 2005 году купил Google и она стала официальной средой разработки для андроида. Поэтому мы выбрали Android Studio в качестве основной и дальше в статье будем говорить именно о ней.

Java development kit — это набор инструментов, которые здорово упрощают процесс создания приложения и значительно расширяют возможности среды разработки. Простые проекты можно создавать и без него.

В набор Java development kit входят:

• библиотеки шаблонов — из них собирают блоки приложений;
• интерпретатор — переводит код в понятные машине сигналы;
• отладчик — устраняет ошибки в коде;
• инструкции и руководства пользователя — помогают разобраться в технологических деталях;
• утилиты — небольшие вспомогательные программы.

Тестовое устройство — это может быть телефон или любой гаджет на андроиде: планшет, часы, телевизор, пылесос или даже холодильник. Если ничего подобного под рукой нет и техника в доме не «умная», ничего страшного: в AS есть встроенный эмулятор, который позволит протестировать созданный проект прямо в программе. Также можно воспользоваться другими бесплатными эмуляторами для запуска андроид-приложений: Bluestacks 3, Andy, Genymotion и др.

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

Мы разобрали основные средства разработки. Теперь посмотрим, что «под капотом» у любого андроид-приложения.

Компоненты android-приложений

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

Такая архитектура необходима, чтобы система Андроид чётко понимала, к какому файлу в структуре приложения обращаться, в зависимости от произошедшего в её поле события. Разрядился телефон во время игры — система понимает «ага, это к приёмникам», решили мы послушать аудиокнигу в метро — это уже у службам.

Выделяют четыре основных элемента мобильных андроид-приложений:

• Активности, activity — всё то, на что нажимает и с чем непосредственно взаимодействует пользователь: слайдеры, кнопки, всевозможные окошечки с уведомлениями и любые доступные интерфейсы.
• Широковещательные приёмники, broadcast receivers — это реакции на системные события: потерю связи, восстановление сети, разрядку бата­реи, уведомления об обновлении системы и др.
• Службы, service — компоненты, которые работают фоном, вне поля зрения пользователя. Они выполняют задачи, которые длятся дольше, чем клик по кнопке или свайп, чтобы пролистнуть ленту. Сюда относятся воспроизведение видео и музыки или запуск одного приложения через интерфейс другого.
• Адаптеры синхронизации, sync adapters — синхронизируют данные аппарата с различными облачными сервисами. Сюда относится синхронизация контактов и календаря с хранилищем учётной записи.

Система Android обращается к разным компонентам приложения в зависимости от события

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

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

Чтобы протестировать новую программу, разработчики пишут в интерфейсе приветственное сообщение «Hello world». Мы тоже напишем приветственное сообщение в нашем мобильном приложении — для Checkroi.

Скачайте и установите с официального сайта среду разработки Android Studio. Процесс установки этой программы прост и стандартен, поэтому опустим подробности и перейдём к разработке.

Шаг 1. Создаём новый проект

Запускаем Android Studio и выбираем создание нового проекта.

Кнопка New Project отвечает за создание проекта

Шаг 2. Выбираем шаблон

Здесь у нас есть возможность выбрать шаблон интерфейса. Это то, как программа будет смотреться на экране смартфона при запуске. Для нашего простого проекта подойдёт шаблон Empty Activity.

Находим в списке и выбираем Empty Activity

Шаг 3. Задаём базовые параметры

На этом этапе нужно выбрать ряд характеристик проекта:

1. Name — имя приложения.
2. Package name — имя папки, в которой будет храниться код. На это же имя будет ссылаться Play Market, если мы решим опубликовать наш проект.
3. Save location — путь к локальной папке на компьютере, в которой будут лежать файлы приложения.
4. Language — язык, на котором мы напишем приложение. Между Kotlin и Java пока выбираем последний.
5. Minimum SDK — минимальная версия андроида, которую будет поддерживать приложение. В мире очень много старых устройств, поэтому чем старше версия ОС, тем больше пользователей смогут установить программу. В то же время со «свежестью» версии увеличивается функциональность. Поэтому выбор версии зависит от целевой аудитории: подумайте, какие девайсы используют люди, для которых вы ведете разработку.

Выбор начальных параметров проекта

После нажатия кнопки «Finish» начнётся сборка проекта, она займёт несколько минут. В это время ничего делать не нужно, надо просто подождать.

Шаг 4. Создаём приветствие

Проект загрузился. Теперь мы можем рассмотреть его подробнее. Проекты в AS состоят из трёх основных каталогов. Грубо говоря, это папки, в которых хранятся данные разных типов. Теперь подробнее о каждом из каталогов и об их содержимом:

1. Manifests — в файле манифеста заключена важная информация о приложении: уникальный идентификатор проекта, количество экранов приложения, права доступа и разрешения, список библиотек компонентов и многое другое. Манифест — первое, что считывает система Android при запуске программы.

Манифест

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

Файлы с кодом в элементе Java

1. Res — каталог с остальными необходимыми файлами для приложения. Он содержит некодовые ресурсы: изображения, цвета, параметры меню, шаблоны экранов загрузки и другие различные типы констант. Именно здесь по умолчанию хранится файл xml, в котором содержится информация об интерфейсе приложения. В перекрестье синих линий мы видим «Hello, world!» и, так как мы создаём приветственное сообщение для Checkroi, изменим надпись на «Hello Checkroi!».

Папки с ресурсами в каталоге res и изменение файла activity_main.xml

Шаг 5. Тестируем приложение

Запускаем встроенную в AS функцию эмуляции, которая создаст на нашем компьютере виртуальную версию системы Android.

Выбираем модель телефона для теста и запускаем эмуляцию

Эмулятор создаёт идеальную копию настоящего смартфона выбранной модели и полностью воспроизводит его характеристики. Полностью — это значит, что если у вас слабый компьютер с 2–4 ГБ оперативной памяти, а вы выбрали новый смартфон с 8 ГБ оперативки, эмулятор не запустится и вам нужно будет выбрать модель постарше.

Эмулятор полностью воссоздаёт интерфейс и процессы android-смартфона

Всё работает. Мы только что самостоятельно создали мобильное приложение на андроид, не написав ни строчки кода. Теперь, если кто-то скачает его и запустит, он увидит приветственное сообщение для Checkroi!

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

Языки программирования android-приложений

Более 10 лет официальным языком для разработки приложений на андроид считается язык программирования Java, а с 2017 к нему присоединился Kotlin и теперь они делят популярность. Полезно знать оба языка — так вы сможете не только создавать новые приложения, но и поддерживать и апгрейдить старые. Также мобильным разработчикам, владеющим несколькими языками, открываются более широкие возможности — можно выбирать из большего количества проектов без привязки к конкретному языку.

Обучение мобильной разработке с нуля стоит начинать с языка Java. Он сложнее для понимания, но после него будет легко перейти на Kotlin, который вырос из Java и работает на классах и библиотеках своего мощного родителя. Если всё же сомневаетесь, какой язык выбрать, почитайте подробную статью, в которой мы сравниваем эти языки и помогаем сделать оптимальный выбор под ваши задачи.

Java входит в тройку лидеров среди языков программирования, на нём пишут код 38% разработчиков в мире. Kotlin используют лишь 4% разработчиков. Но Kotlin молодой язык и даже такая небольшая доля в рейтинге для него — хороший показатель прогресса. Это как создать местную футбольную команду и с локальных побед дорасти за несколько лет до Лиги Чемпионов.

Популярность языков программирования на 2021 год. Источник: Hired

Непопулярность языка на руку kotlin-программистам — среди них низкий уровень конкуренции. При этом вслед за ростом числа проектов на Kotlin растёт количество вакансий. Так, по данным Head Hunter на начало 2020 года kotlin-программиста искали не более 100 компаний, а на момент выхода этой статьи в октябре 2021 на портале hh.ru уже более 2700 предложений на ту же должность.

Подведём итог

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

Создавать мобильные приложения для андроида — достижимая цель. Вы можете постепенно и в комфортном темпе углубляться в андроид-разработку. Освойте программирование хотя бы базово, а чтобы не терять время на самостоятельный поиск информации, загляните в подборку лучших онлайн-курсов по Kotlin. Выбрав один из вариантов обучения, вы будете готовы загрузить полноценное мобильное приложение в Google Play уже через несколько месяцев с начала занятий

Разработка мобильных приложений — перспективное направление. По данным Statcounter, за 2021 год доля Android среди операционных систем в мире — 39,49%, а iOS — 17,42%.

Растет и спрос на Android-разработчиков. На «Хабре» в январе 2022 года — около 2500 вакансий. Во многих указана обязанность — работа в Android Studio. Как работать в этой среде разработки — в нашей инструкции.

Каким компаниям нужно свое мобильное приложение

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

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

С чего начать разработку приложения

✔️ Определите задачи. Распишите проблемы и решения для целевой аудитории. Например, клиентам в вашей сфере удобнее заказывать товары не дома у компьютера, а в пробке или во время обеда с мобильного телефона. Задача — привлечь таких людей.

✔️ Проанализируйте конкурентов. Протестируйте самые популярные продукты. Отметьте, каких опций не хватает, что можно улучшить, о чём пишут в отзывах.

✔️ Сформируйте функции. Напишите, какие опции будут полезны. Например, для приложения сетевой пекарни подойдут:

• список акций и каталог товаров;
• заказ с самовывозом или доставкой;
• активация промокода;
• регистрация с указанием номера телефона и адреса.

Из функций соберите основной сценарий — путь клиента от установки до использования каждой опции. В примере с пекарней это:

• приветствие и краткий обзор возможностей;
• ввод данных пользователем;
• согласие на обработку данных;
• просмотр акций и каталога;
• заказ свежего хлеба самовывозом.

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

Чтобы улучшить сценарий приложения:

Дайте инструкцию. Объясните новым клиентам, куда они попали и как пользоваться приложением.

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

Используйте меньше рекламы и уведомлений. Результаты опроса Criteo в 2020 году: 21% пользователей удаляет приложение из-за навязчивой рекламы, 9% — из-за пуш-уведомлений.

✔️ Продумайте дизайн. Следуйте принципам минимализма и логике пользователей. Человек должен понять суть приложения сразу после его установки. Пусть этому не мешают иконки, детали, кнопки. Чем проще и понятнее интерфейс, тем больше шансов на коммерческий успех.

Чтобы подобрать гармоничные цвета, используйте сервис Adobe Color. Там же смотрите тенденции и примеры. Макеты и баннеры создавайте в Figma и Adobe XD, если вы делаете приложение вручную.

📌 Конструкторы no-code. Это сервисы с готовым набором функций и дизайнерскими шаблонами. Есть платные и бесплатные конструкторы. Когда будете выбирать, учитывайте, можно ли публиковать приложение в Google Play и других магазинах.

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

Недостаток: в бесплатных тарифах — минимум функций. Не подходит для крупных проектов, например интернет-магазинов с большим каталогом.

Четыре многофункциональных сервиса no-code:

1️⃣ Mobincube

Бесплатный конструктор с дополнительными платными функциями. В бесплатной версии соберете неограниченное количество интерактивных и информативных приложений и подключите аналитику. Но не сможете монетизировать проект. Для этого есть платные тарифы, которые начинаются от 2,99 € в месяц. Или годовые подписки — от 35,88 €.

2️⃣ Appy Pie

Платный конструктор с семидневной пробной версией. Она доступна после регистрации. В пробной версии можно разработать многофункциональное приложение с неограниченным редактированием, использовать «Google Аналитику», удалять рекламу Appy Pie, пользоваться круглосуточной поддержкой. Подходит, чтобы создать сложные приложения с большим количеством функций. Стоимость платной версии — от 999 ₽ до 2999 ₽ в месяц.

3️⃣ Kalipso Studio

Конструктор с бесплатной пробной версией. Подходит, чтобы создать многофункциональные онлайн- и офлайн-приложения. Дает доступ к базам данных компании, распознаёт речь, считывает штрихкод. Цену на платную версию сообщает отдел продаж: она зависит от проекта.

4️⃣ Bravo Studio

Сервис превращает готовые макеты из Figma и Adobe XD в нативные приложения. На бесплатном тарифе можно загружать макеты три раза в неделю, но на всех продуктах будет логотип конструктора. Платная версия без ограничений и логотипа стоит 49 € в месяц.

📌 Языки программирования. Нужно знать Java или Kotlin. У этих языков схожие принципы, они популярны у программистов и востребованы у работодателей.

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

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

Онлайн-университет Skypro помогает научиться программировать на Java с нуля. Преподаватели — практикующие разработчики, у которых есть опыт найма и наставничества. В программе пять этапов на 11 месяцев: от введения до защиты дипломного проекта. Например, на первом вы погрузитесь в основы языка, освоите базовые функции и напишете свой первый код. На втором — научитесь пользоваться библиотеками, создавать дженерик-классы, работать со стримами. Будете тестировать код. Все материалы останутся у вас после обучения.

Как создать мобильное приложение в Android Studio

Установите инструменты. Вам понадобится среда разработки Android Studio. Она бесплатная и работает на разных операционных системах. Если на компьютере процессор AMD, установите эмулятор Genymotion.

Разработайте приложение. На первом экране нажмите New project и выберите шаблон проекта.

Затем заполните данные о проекте и выберите язык программирования. Заполните все поля и кликните Finish. После этого появится окно для работы с кодом.

Далее создайте эмулятор — виртуальный аналог будущего приложения. Для этого нажмите на значок смартфона AVD справа на панели инструментов. В следующем окне задайте устройство и выберите его параметры. Нажмите Next.

Загрузите версию Android, для которой разрабатываете проект, ⟶ Finish ⟶ Next.

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

После запуска эмулятора пишите код.

В левой части экрана вы увидите три папки. В java — код приложения. Здесь создают и заполняют экраны. В разделе res хранятся макеты и все дизайнерские компоненты. В этой папке разработчик верстает проект. Manifest содержит данные о каждом экране.

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

Проверьте:

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

Подготовьте релиз-версию. На этом этапе соберите окончательную версию проекта для запуска. Создайте уникальный криптографический ключ для подписи — сертификат подлинности программы. Он хранится в запароленном файле keystore в Google Play или у владельца приложения.

Чтобы собрать ключ, зайдите в Build на панели управления и откройте Generate Signed Bundle or APK:

Выберите тип сертификата, нажмите «Далее» и заполните форму:

Затем сделайте пиктограмму и скриншоты экранов для разных устройств. Проверьте права и финальную версию.

Запустите релиз. Это лучше сделать в Google Play — самой популярной площадке для приложений. У магазина огромная база пользователей, удобные инструменты для загрузки, быстрая проверка. Единоразовый платеж при регистрации — $25.

Создайте новый аккаунт Google и зарегистрируйтесь на странице консоли. Личный аккаунт не используйте, потому что робот Google Play может заблокировать разработчика. Тогда вы потеряете доступ. Затем нажмите кнопку «Новое приложение» и заполните все формы.

Альтернативы Google Play:

• Amazon Appstore. Удобен, чтобы интегрироваться с онлайн-магазином Amazon. Так как приложений в несколько раз меньше, чем в Google Play, больше шансов на то, что ваше приложение скачают.
• Samsung Galaxy Store. Команда магазина приложений сама проведет тесты на устройствах Samsung и укажет на ошибки. Так вы сэкономите на проверках.
• Aptoide. Он бесплатный, поэтому охваты очень большие. В нем есть программы, которых не найти в Google Play, потому что правила размещения не такие жесткие.

Как заработать на приложении

Есть четыре варианта:

1️⃣ Внедрить платные функции. Например, если у вас программа по обработке видео, сделайте возможным добавлять музыку только за деньги.

2️⃣ Продавать подписки на определенный период. Например, месяц бесплатного тестирования, далее тарифы по месяцам или на год со скидкой.

3️⃣ Собирать взносы. Приложение будет бесплатно, но пользователям выскочит форма для добровольных пожертвований.

4️⃣ Размещать рекламу. Это могут быть баннеры в определенной части или на всю область экрана при запуске.

Как выбрать наиболее подходящий вариант:

• Изучите аналогичные разработки и проанализируйте, как создатели зарабатывают на них.
• Подумайте, как будет действовать целевая аудитория. Например, если пользователи используют такие приложения каждый день, подойдет способ с рекламой.
• Оцените, возможно ли дополнить приложение. Если да — добавляйте новые платные инструменты.
• Учитывайте характеристики целевой аудитории. Одни охотно доплатят за отсутствие рекламы, другим удобнее покупать конкретные функции.
• Формируйте цены с учетом проживания пользователей и стоимости продуктов конкурентов.

Что нужно знать о создании приложений

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

📱 Выберите способы монетизации и заложите в план расходы на продвижение.

📱 Создайте приложение самостоятельно или в конструкторе no-code. Последний вариант проще, он подойдет для простых приложений, но часть функций платная.

📱 Перед запуском протестируйте версию, чтобы найти и вовремя исправить ошибки.

📱 Самый популярный магазин приложений для Android — Google Play. Альтернативы с меньшей конкуренцией: Amazon Appstore, Samsung Galaxy Store, Aptoide.

Разработка мобильного приложения от А до Я – это довольно долгая и трудоемкая работа, посильная только профессиональной команде. Однако технологии не стоят на месте и постепенно появляются сервисы, позволяющие самостоятельно создавать полноценные приложения.

Что это за сервисы и действительно ли они подходят для решения сложных задач? Об этом и многом другом поговорим в сегодняшней статье.

Нужно ли мне мобильное приложение?

Статистика Flurry Analytics и comScore говорит о том, что пользователи тратят лишь 14% своего времени на веб-серфинг. Остальное время уходит на приложения – это игры, программы для здоровья и развития, сервисы доставки и многое другое.

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

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

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

Когда мне нужно создавать приложение

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

Если у вас есть опыт разработки сайта, то вы должны понимать, когда она выполняется своими руками. Обычно это происходит из-за нехватки денег на профессиональных специалистов. В таких случаях предприниматели пытаются разобраться в таких системах, как WordPress, Joomla и прочих. При хорошем сценарии из этого получаются неплохие ресурсы, которые были сделаны без привлечения специалистов. С приложениями для мобильных устройств все то же самое – вы можете потратить кучу средств на профессиональных специалистов либо сделать все сами. В первом случае, конечно, выйдет наилучший результат, но для начинающих бизнесменов нет ничего лучше, чем сэкономить.

Вот еще некоторые случаи, когда самостоятельная разработка приложения будет уместна:

• Если клиентам необходима простая программа для смартфонов и планшетов. В этом случае подойдет конвертация сайта в приложение – сделать это можно своими руками, без подключения специалистов.
• Если вашей целевой аудитории подойдет приложение, созданное на основе шаблона, то дерзайте.
• Если ваш бизнес полностью функционирует в офлайн-режиме и пока что не требует подключения приложения. В таком случае для вас открыто большое поле для экспериментов – можно попробовать создать собственное приложение с любым функционалом, плохая работа которого никак не скажется на бизнесе.
• Даже профессиональные разработчики – это не всегда быстро. Мало того, что на разработку уйдет много времени, так вы всегда будете полностью от них зависеть. Чуть что случится – за это всегда нужна дополнительная плата. При работе с конструктором все можно исправить самостоятельно либо обратиться в техподдержку.

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

Что нужно знать перед разработкой приложения

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

Что представляет собой мобильное приложение

Это программа, работающая на планшетах, смартфонах и умных часах. С ее помощью пользователь устройства удовлетворяет всевозможные потребности, которые может решить мобильный девайс. Каждое приложение состоит из двух частей – это front- и back-end. Первая отвечает за то, что видит пользователь, например, форму заявки или картинку на главной странице. Вторая – это серверная часть, где функционирует основной двигатель программы.

Загрузка приложений обычно осуществляется через такие магазины, как Google Play и App Store. Иногда пользователи скачивают программы и через интернет, но такая возможность доступна лишь на Android-устройствах.

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

Как определить функциональность приложения

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

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

• Удобная навигация. В интернет-магазине без этого сейчас никуда – клиент должен быть полностью обеспечен всеми функциями, которые могут ему пригодиться в тех или иных случаях.
• Блок оформления покупок. Необходимо позаботиться о том, чтобы приложение включало в себя корзину, систему оплаты и отслеживание статуса заказа.
• Личный кабинет. Здесь должны присутствовать такие разделы, как «История покупок», «Желания», «Избранное».
• Push-уведомления. Они сообщат пользователю о новых акциях и поступлениях.

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

Как подобрать красивый дизайн

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

• Используйте приложения типае Figma или Adobe XD – это бесплатные программы, созданные для дизайнеров. Они распространяются бесплатно и позволяют создавать баннеры, макеты мобильных/десктопных приложений и многое другое.
• Для подбора цветов можно использовать такие сервисы, как Material Palette и Adobe Color.

• Вдохновиться работами можно на Pinterest, Behance и Dribbble. Детально изучайте референсы из вашей сферы и пробуйте их повторить. В результате можно прийти к общей стилистике и сделать что-то красивое, но уже со своими «фишками».

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

Топ-5 лучших конструкторов для создания приложения на Android и iOS

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

Далее мы рассмотрим несколько лучших решений, которые могут подойти для разных задач. 

Create My Free App

Create My Free App дает возможность создавать полноценные приложения без навыков проектирования и программирования. С его помощью, например, можно бесплатно написать приложение для интернет-магазина или кафе.

Особенности:

• совместим как с Android, так и iOS;
• предлагает всевозможные настройки дизайна;
• много встроенных вариантов тем.

Стоимость: бесплатно

Официальная страница: Create My Free App

Mobincube

Инструмент для создания и монетизации iOS и Android-приложений. Базовая функциональность сервиса доступна бесплатно. Конструктор позволяет сделать приложения разных типов.

Особенности:

• приятный дизайн;
• возможность использовать аналитику Google в стандартном тарифном плане;
• открытый исходный код.

Стоимость: бесплатно или от $2.99/месяц

Официальная страница: Mobincube

Appypie

Appy Pie позволяет бесплатно создавать мобильные версии сайтов для различных устройств. Он предлагает множество готовых шаблонов для отраслевых приложений.

Особенности:

• простота использования, благодаря которой можно создавать приложение прямо на сайте;
• 30-дневная гарантия возврата средств в том случае, если сервис не понравится;
• бесплатное ПО.

Стоимость: от 999 рублей/месяц

Официальная страница: Applypie

Kalipso Studio

Kalipso Studio – это функциональный конструктор, позволяющий создавать приложения без навыков программирования. Kalipso позволяет развернуть приложение на пяти операционных системах: Windows Mobile, Windows CE, Windows 10, iOS и Android.

Особенности:

• широкая функциональность;
• бесплатный пробный период;
• интеграция базы данных.

Стоимость: от $83/месяц

Официальная страница: Kalipsostudio

AppsBuilder

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

Особенности:

• ценовая политика;
• дизайн и простота использования;
• отличная функциональность.

Стоимость: от $15/месяц

Официальная страница: AppsBuilder

Создаем приложение своими руками

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

Что ж, приступим!

1. Первым делом переходим на официальную страницу и проходим регистрацию.
2. Как только аккаунт будет зарегистрирован, нас автоматически перенаправит в личный кабинет. Чтобы создать приложение с нуля, выбираем «Create a new App».
3. Далее нам предлагают два варианта создания приложения – для новичков (Templates) либо для опытных (Blank). Так как наше руководство для новичков, то выбираем для примера «Templates».
4. Следующим шагом нам предлагают выбрать одну из категорий для будущего приложения. Пусть это будет «Детский сад» (Kindergarten). Даем ему название и жмем «Create».
5. В результате мы попадаем в окно редактирования шаблона. Здесь нам доступны различные инструменты для конструирования программы: картинки, тексты, таблицы, видео и многое другое. Помимо этого, есть еще одна интересная опция, описанная вверху страницы – там нас информируют о том, что сервис может помочь в создании приложения для выбранной категории. Пройдя такую инструкцию, мы сможем получить уже готовый продукт со всеми нужными элементами. Давайте сделаем это – жмем «Next» и следуем инструкции.
6. После прохождения всей инструкции во вкладке «Preview» можно скопировать ссылку на приложение и посмотреть, как оно будет работать на телефоне.
7. Например, у меня получилось вот так:

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

Чтобы опубликовать приложение в Google Play или App Store, воспользуйтесь вкладкой «Publish».

Обратите внимание на то, что это был бесплатный сервис для разработки приложений под Android и iOS. Если вам нужно больше функционала, то воспользуйтесь другими сервисами на платной основе, которые мы рассматривали ранее.

Конструкторы приложений: есть ли у них будущее?

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

Конструкторы позволяют нам создавать такие приложения, которые разрешено публиковать в Google Play и App Store. Это означает, что ими могут пользоваться и другие пользователи, а значит, приложение даже такого типа можно сделать востребованным, если провести правильный анализ целевой аудитории и сделать хороший рекламный ход. Существенный недостаток таких сервисов – это шаблонность, которая не дает настроить приложение под себя. Другая проблема – довольно высокая цена за хороший функционал.

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