Изучить новый язык и среду разработки - это минимум, что от тебя потребуется, если ты захочешь написать свое первое мобильное приложение. Чтобы с пониманием набросать элементарный todo list для Android или iOS, не передирая пример из книжки, уйдет не меньше пары недель. Но можно не осваивать Objective-C или Java и при этом быстро разрабатывать приложения для смартфонов, если использовать такие технологии, как PhoneGap.

Если ты внимательно изучал нововведения, которые ожидают нас в Windows 8, то, возможно, заметил, что под ней можно будет разрабатывать приложения на HTML5. Идея, на самом деле, не новая - технологии, реализующие тот же подход для мобильных платформ, развиваются семимильными шагами. Одним из таких фреймворков, позволяющим разрабатывать приложения для смартфонов с помощью связки привычных для нас HTML, JavaScript и CSS!, как раз и является PhoneGap. Написанное с его помощью приложение подойдет для всех популярных платформ: iOS, Android, Windows Phone, Blackberry, WebOS, Symbian и Bada. Тебе не нужно будет изучать особенности программирования под каждую платформу (например, Objective-C в случае с iOS), разбираться с различными API и средами разработки. Все, что потребуется для создания кросс-платформенного мобильного приложения, - это знание HTML5 и специального PhoneGap API. При этом на выходе получится не тупая HTML-страница, «обрамленная» в интерфейс приложения, нет! API фреймворка позволяет задействовать практически все возможности телефона, которые используются при разработке с помощью нативных инструментов: доступ к акселерометру, компасу, камере (запись видео и фотосъемка), списку контактов, файловой системе, системе нотификаций (стандартных уведомлений на телефоне), хранилищам и т. д. Наконец, такое приложение может безболезненно обращаться к любому кросс-доменному адресу. Ты можешь воссоздать нативные элементы управления с помощью фреймворков вроде jQuery Mobile или Sencha, и конечная программа будет выглядеть на мобильном телефоне так, как будто она написана на нативном языке (ну или почти так). Лучше всего проиллюстрировать вышесказанное на деле, то есть написать приложение, поэтому предлагаю сразу приступить к практике. Засекай время - на все про все уйдет едва ли больше получаса.

Что мы будем создавать

В качестве целевой платформы возьмем iOS - да-да, деньги лежат в AppStore, и монетизировать свои разработки пока лучше всего там:). Но сразу внесу ясность: все то же самое, без изменений, можно провернуть, скажем, для Android. Долго думал, какой пример рассмотреть, так как писать очередную тулзу для учета списка дел совершенно не хотелось. Поэтому я решил создать приложение под названием «Геонапоминалка», навигационную прогу, назначение которой можно описать одной фразой: «Сообщи мне, когда я снова тут окажусь». В AppStore есть немало утилит, которые позволяют «запомнить» место, где пользователь припарковал машину. Это почти то же самое, только чуть попроще. Ты сможешь указать на карте города точку, задать для нее определенный радиус и запрограммировать сообщение. Когда ты в следующий попадешь в пределы окружности с указанным радиусом, приложение выдаст тебе уведомление, а точка будет удалена. Будем действовать по такому плану: сначала создадим простое веб-приложение, проверим его в браузере, а затем перенесем с помощью PhoneGap на платформу iOS. Очень важно написать в прототипе и протестировать в браузере на компьютере основную часть кода, поскольку отлаживать приложение в телефоне гораздо сложнее. В качестве каркаса мы возьмем JS-фреймворк jQuery c jQuery Mobile (jquerymobile.com), а в качестве движка карт - Google Maps v3. Приложение будет состоять из двух страниц: карты и списка точек.

• На карте устанавливается маркер твоего текущего положения. По клику на карте создается точка, к которой привязывается сообщение (вроде «машина рядом»). Точку можно удалить, кликнув на ней. Для перемещения маркера человека по карте используется геонавигационный API.
• На странице со списком точек должна иметься дополнительная кнопка «Удалить все точки», а рядом с каждой точкой - кнопка «Удалить эту точку». Если кликнуть по элементу в списке, соответствующая точка отобразится на карте. Настройки пользователя и список точек будем сохранять в localStorage.

UI-фреймворки

jQuery Mobile - это, конечно, не единственный фреймворк для создания мобильного интерфейса. На сайте PhoneGap приведен огромный список библиотек и фреймворков, которые ты можешь использовать (phonegap.com/tools): Sencha Touch, Impact, Dojo Mobile, Zepto.js и др.

Каркас приложения

Сразу объясняю, зачем мы будем использовать jQuery Mobile. Эта JS-библиотека предоставляет нам уже готовые элементы интерфейса мобильного приложения (максимально приближенные к нативным) для самых разных платформ. Нам ведь надо, чтобы на выходе было именно мобильное приложение, а не страничка из браузера! Так что качаем последнюю версию JQuery Mobile (jquerymobile.com/download) и переносим в рабочую папку первые файлы приложения, которые нам понадобятся:

• images/ (перенеси сюда все изображения из одноименной папки архива jq-mobile);
• index.css;
• index.html;
• index.js;
• jquery.js;
• jquery.mobile.min.css;
• jquery.mobile.min.js.

Нужно сделать ресурсы в основном локальными, чтобы пользователь в будущем не тратил мобильный интернет. Теперь создаем каркас страниц в файле index.html. Приведенный ниже код описывает верхнюю часть страницы с картой, надписью «Геонапоминалка» и кнопкой «Точки».

Страница с картой

Атрибут страницы data-dom-cache=»true» необходим для того, чтобы она не выгружалась из памяти. Для кнопки «Точки» используется data-transition=»pop», чтобы страница «Список точек» открывалась с эффектом «Всплытие». Подробнее о том, как устроены страницы jQuery Mobile, можно почитать в хорошем мануале (bit.ly/vtXX3M). По аналогии создаем страницу со списком точек:

Страница со списком точек

Для кнопки «Карта» тоже пропишем data-transition=»pop», но добавим атрибут data-direction=»reverse», чтобы страница «Карта» открывалась с эффектом «Затухание». Те же атрибуты пропишем в шаблоне точки. Все, наш каркас готов.

Создание приложения

Теперь надо отобразить карту, для чего мы возьмем стандартный API Google Maps, который используется миллионами разных сайтов:

Var latLng = new gm.LatLng(this.options.lat, this.options.lng); this.map = new gm.Map(element, { zoom: this.options.zoom, // Выбираем начальный зум center: latLng, // Устанавливаем начальный центр mapTypeId: gm.MapTypeId.ROADMAP, // Обычная карта disableDoubleClickZoom: true, // Отключаем автозум по тапу/двойному клику disableDefaultUI: true // Отключаем все элементы интерфейса });

Здесь Gm - это переменная, ссылающаяся на объект Google Maps. Параметры инициализации я хорошо закомментировал в коде. Следующий шаг - отрисовка маркера человечка на карте:

This.person = new gm.Marker({ map: this.map, icon: new gm.MarkerImage(PERSON_SPRITE_URL, new gm.Size(48, 48)) });

В качестве PERSON_SPRITE_URL используется адрес спрайта человечка из Google-панорам. Его статический адрес - maps.gstatic.com/mapfiles/cb/mod_cb_scout/cb_scout_sprite_api_003.png . Пользователь будет добавлять точки, кликая на карте, поэтому, чтобы их отрисовывать, мы будем слушать событие click:

Gm.event.addListener(this.map, "click", function (event) { self.requestMessage(function (err, message) { // Метод, возвращающий текст, введенный пользователем if (err) return; // Метод добавляет точку в список активных и // отрисовывает ее на карте self.addPoint(event.latLng, self.options.radius, message); self.updatePointsList(); // Перерисовываем список точек }); }, false);

Я привожу бОльшую часть кода - остальное ищи на диске. Дальше нам нужно научить приложение перемещать иконку пользователя по карте. В прототипе мы задействуем Geolocation API (тот, который используется в том числе в десктопных браузерах):

If (navigator.geolocation) { // Проверяем, поддерживает ли браузер геолокацию function gpsSuccess(pos) { var lat, lng; if (pos.coords) { lat = pos.coords.latitude; lng = pos.coords.longitude; } else { lat = pos.latitude; lng = pos.longitude; } self.movePerson(new gm.LatLng(lat, lng)); // Перемещаем иконку пользователя } // Каждые три секунды запрашиваем текущее // положение пользователя window.setInterval(function () { // Запрашиваем текущее положение navigator.geolocation.getCurrentPosition(gpsSuccess, $.noop, { enableHighAccuracy: true, maximumAge: 300000 }); }, 3000); }

Метод movePerson с помощью простой процедуры getPointsInBounds() проверяет, не находится ли пользователь в какой-нибудь активной точке. Последний вопрос - где хранить список точек? В HTML5 появилась возможность использовать localStorage, так что не будем ей пренебрегать (предоставляю тебе самостоятельно разобраться с этими участками кода, которые я хорошо закомментировал). Итак, приложение, работающее в браузере, готово!

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

Как я уже говорил, отладку в основном необходимо выполнять на компьютере. Самый подходящий браузер для тестирования веб-приложений на компьютере - это Safari или Chrome. После отладки в этих браузерах ты можешь быть уверен в том, что твое приложение не «поедет» в браузере мобильного телефона. Оба этих браузера совместимы с большинством мобильных веб-браузеров, поскольку точно так же, как и они, построены на основе движка WebKit. После устранения всех багов можно переходить к запуску мобильного веб-приложения непосредственно на телефоне. Для этого настрой свой веб-сервер (пусть даже Denwer или XAMPP), чтобы он отдавал созданную страницу, и открой ее уже в браузере мобильного телефона. Приложение должно выглядеть примерно так, как показано на рисунке. Тут важно понимать, что будущее мобильное приложение, собранное для мобильной платформы с помощью PhoneGap, будет выглядеть почти один в один, за исключением того, что на экране не будет отображаться навигационная панель браузера. Если все хорошо, можно приступать к созданию из странички полноценного iOS-приложения. Заметь, что PhoneGap и IDE для мобильной разработки мы до этого момента даже не трогали.

Подготовка

Для того чтобы собрать приложение под iOS, тебе нужен компьютер с операционной системой Mac OS 10.6+ (или виртуальная машина на Mac OS 10.6), а также среда разработки Xcode с установленным iOS SDK. Если у тебя не установлен SDK, придется скачать с сайта Apple образ диска, включающий в себя Xcode и iOS SDK (developer.apple.com/devcenter/ios/index.action). Имей в виду, что образ весит около 4 Гб. Кроме этого, тебе понадобится зарегистрироваться на сайте Apple в качестве разработчика (если ты не собираешься публиковать свое приложение в AppStore, то это требование можно обойти). С помощью этого набора можно разрабатывать приложения на нативном для iOS языке Objective-C. Но мы решили пойти обходным путем и воспользоваться PhoneGap, поэтому нам еще нужно установить пакет PhoneGap iOS. Просто скачай архив с офсайта (https://github.com/callback/phonegap/zipball/1.2.0), распакуй его и в папке iOS запусти программу установки. Когда установка завершится, в меню проектов Xcode должна появиться иконка PhoneGap. После запуска придется заполнить несколько форм, но уже очень скоро ты увидишь рабочую область IDE с твоим первым приложением. Чтобы проверить, все ли работает, нажми кнопку Run - должен запуститься эмулятор iPhone/iPad с шаблонным приложением PhoneGap. Собранная программа выдаст ошибку с сообщением о том, что index.html не найден, - это нормально. Открой папку, в которой ты сохранил первичные файлы проекта, и найди в ней подпапку www. Перетащи ее в редактор, кликни на иконке приложения в списке слева и в появившемся окне выбери «Create folder references for any added folders». Если запустить программу еще раз, то все должно заработать. Теперь можно скопировать все файлы нашего прототипа в папку www. Пора подпилить наш прототип для работы на смартфоне в обработке PhoneGap.

Перенос прототипа

В первую очередь нужно подключить phonegap-1.2.0.js в твой индексный файл. PhoneGap позволяет ограничивать список доступных для посещения хостов. Предлагаю сразу настроить такой «белый список». В меню проекта открой Supporting Files/PhoneGap.plist, найди пункт ExternalHosts и добавь в него следующие хосты, к которым будет обращаться наше приложение (это сервера Google Maps): *.gstatic.com, *.googleapis.com, maps.google.com. Если их не указать, программа выдаст предупреждение в консоли и карта не отобразится. Для инициализации веб-версии нашего приложения мы использовали событие DOMReady или хелпер jQuery: $(document).ready(). PhoneGap генерирует событие deviceready, которое говорит о том, что мобильное устройство готово. Предлагаю этим воспользоваться:

Document.addEventListener("deviceready", function () { new Notificator($("#map-canvas")); // Если у пользователя нет интернета, // сообщаем ему об этом if (navigator.network.connection.type === Connection.NONE) { navigator.notification.alert("Нет интернет-соединения", $.noop, TITLE); } }, false);
Запретим скроллинг: document.addEventListener("touchmove", function (event) { event.preventDefault(); }, false);

Затем заменим все вызовы alert и confirm на нативные, которые предоставляет нам PhoneGap:

Navigator.notification.confirm("Удалить точку?", function (button_id) { if (button_id === 1) { // Нажата кнопка OK self.removePoint(point); } }, TITLE);

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

Navigator.geolocation.watchPosition(function (position) { self.movePerson(new gm.LatLng(position.coords.latitude, position.coords.longitude)); }, function (error) { navigator.notification.alert("code: " + error.code + "\nmessage: " + error.message, $.noop, TITLE); }, { frequency: 3000 });

Этот код более изящный - он генерирует событие только тогда, когда координаты изменились. Жмем кнопку Run и убеждаемся, что только что созданное нами приложение отлично работает в симуляторе iOS-устройства! Пора приступать к запуску на реальном устройстве.

Запуск на устройстве

Подсоедини iPhone, iPod или iPad к компьютеру, на котором запущен Xcode. Программа определит новое устройство и попросит разрешения использовать его для разработки. Нет смысла ей отказывать:). Повторю еще раз: чтобы запустить написанное приложение на iOS, необходимо быть авторизированным разработчиком iOS (другими словами, быть подписанным на iOS Developer Program). Этим придется заморочиться только в случае разработки приложений для продукции Apple, с другими платформами (Android, Windows Phone) все намного проще. У тех, кто обучается в вузе, есть шанс получить доступ к программе бесплатно благодаря каким-нибудь льготам. Все остальные должны платить $99 в год для участия в программе. Apple выдает сертификат, которым ты сможешь подписывать свой код. Подписанное приложение разрешается запускать на iOS и распространять в App Store. Если ты не студент, а $99 для невинных экспериментов тебе пока жалко, то есть и другой способ - обмануть систему. Ты можешь создать самоподписанный сертификат для верификации кода и запустить мобильную программу на джейлбрейкнутом iOS-устройстве (не буду на этом останавливаться, потому что все максимально подробно расписано в этой статье: bit.ly/tD6xAf). Так или иначе, ты вскоре увидишь работающее приложение на экране своего мобильного телефона. Останавливай секундомер. Сколько времени у тебя на это ушло?

Другие платформы

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

Appcelerator Titanium (www.appcelerator.com).

Titanium умеет собирать приложения в первую очередь под Android и iPhone, но в нем также заявлена поддержка BlackBerry. Кроме самого фреймворка, проект предоставляет набор нативных виджетов и IDE. Ты можешь разрабатывать приложения на Titanium бесплатно, однако за поддержку и дополнительные модули придется заплатить (от $49 в месяц). Цена некоторых сторонних модулей доходит до $120 за год. Разработчики Appcelerator Titanium утверждают, что на основе их фреймфорка написано более 25 тысяч приложений. Исходный код проекта распространяется под лицензией Apache 2.

Corona SDK (www.anscamobile.com/corona).

Эта технология поддерживает основные платформы - iOS и Android. Фреймворк нацелен в основном на разработку игр. Еще бы, ведь разработчики заявляют о высококачественной оптимизации на OpenGL. Бесплатной версии у платформы нет, а цена довольно-таки кусачая: $199 в год за лицензию для одной платформы и $349 в год для iOS и Android. Corona предлагает свою IDE и эмуляторы устройств. Приложения под Corona пишут на языке, похожем на JavaScript.

Заключение

Мы создали простое мобильное веб-приложение и в несколько простых шагов портировали его на платформу iOS с помощью PhoneGap. Мы не написали ни строчки кода на Objective-C, но получили программу приличного качества, потратив минимум времени на перенос и изучение API PhoneGap. Если ты предпочитаешь другую платформу, например Android или Windows Mobile 7, то ты так же легко, без каких-либо изменений под эти платформы, сможешь собрать наше приложение (для каждой из них есть хороший вводный мануал и видеоурок: phonegap.com/start). Чтобы убедиться в состоятельности платформы, можно посмотреть на уже готовые приложения на PhoneGap, которые разработчики технологии собрали в специальной галерее (phonegap.com/apps). По факту PhoneGap - это идеальная платформа для создания как минимум прототипа будущего приложения. Ее главными преимуществами являются быстрота и минимум затратат, чем активно пользуются стартапы, которые во всех отношениях ограничены в ресурсах. Если приложение попрет, а внутренности на HTML+JS тебя по какой-то причине перестанут устраивать, всегда можно будет портировать приложение на нативный язык. Не могу не сказать, что PhoneGap изначально разрабатывался компанией Nitobi как открытый проект (репозиторий располагается на GitHub: github.com/phonegap). Исходники и дальше будут оставаться открытым, хотя в октябре прошлого года компанию Nitobi купил Adobe. Нужно ли говорить, какие перспективы появляются у проекта при поддержке в лице такого гиганта?

Программирование является одним из тех направлений, где каждый может почувствовать себя в роли творца. Обычно под ним понимают разработку приложений под персональные компьютеры, единицы производственной техники или просто для электронных самоделок. Но с распространением сенсорных мобильных устройств всё популярней становится программирование под Android, iOS или другую системную оболочку подобного типа. Что ж, надо признать, занятие это перспективное. Поэтому в рамках статьи будет рассмотрено, под Android с нуля. Какие особенности здесь существуют? Какой язык используется?

Создание программ

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

1. Язык.
2. Выбрать среду разработки. На языке мы ещё остановимся детально, как, впрочем, и на программных продуктах, где будут создаваться приложения. Но сначала немного поговорим о средах разработки. Условно их можно поделить на три составляющие:

• графические;
• обычные;
• онлайн.

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

На каком языке пишутся программы?

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

Выбираем обычную среду разработки

В качестве самых серьезных игроков рассматриваются Eclipse и Android SDK. Они обе являются бесплатными. В целом следует отметить, что эти среды разработки - серьезные конкуренты, и каждая из них обладает рядом сильных и слабых сторон. Изучать стоит каждую из них. Отдельно позволим себе только немного остановиться на одном аспекте Android SDK - эмуляторе. Он является программой, которая выдаёт себя за телефон или планшет, что работает на базе "Андроида". Эмулятор спокойно работает на обычном компьютере и на рабочем столе выглядит как стандартное мобильное устройство. Существует единственная особенность - управляется он с помощью мышки и клавиатуры, а не пальцем. В эмуляторе можно будет проверить работоспособность приложения под различные расширения экрана, а также на разных версиях мобильной операционной системы "Андроид". Поэтому, как бы это странно для вас ни звучало, но во время разработки приложений, нацеленных на Android, иметь телефон - вовсе не обязательно.

Что нужно для разработки своего приложения?

Графические среды разработки

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

1. Наличие интуитивно понятного интерфейса.
2. Использование понятной логики работы.
3. Возможность создания элементов в графическом и кодовом режимах.
4. Наличие документации по работе со средой разработки и форума поддержки.

Онлайн-среда разработки

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

Заключение

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

Сотни миллионов устройств работают под Android. Платформа открытая, поэтому каждый может написать свое приложение и распространять его через каталоги программ. Все инструменты бесплатны, а язык программирования очень простой. Расскажем как писать под Android

Платформа Android

Android - самая популярная операционная система в мире . Windows сложила регалии после30 лет доминирования, и теперь Android - абсолютный мировой лидер, если учесть все устройства, подключенные к интернету: персональные компьютеры, ноутбуки, планшеты и смартфоны. Кто-то может сказать, что мировой лидер - Linux, потому что Android работает на ядре Linux, но это софистика.

Необходимые инструменты

C чего начать писать приложение для Android? Первым делом установите программу Android Studio . Это официальная среда разработки (IDE) для Android, она выпускается для Windows, macOS и Linux . Хотя при разработке программ для Android можно использовать и другие среды, кроме Android Studio.

Если у вас на компьютере не установлен Android SDK и другие компоненты, то Android Studio автоматически скачает их. Android SDK - это среда программирования для Android, она обязательно должна быть установлена вместе с IDE . В SDK входят библиотеки, исполняемые файлы, скрипты, документация и т.д.

Полезно установить на свой компьютер и эмулятор Android , чтобы потом запускать в нем приложения APK. Эмулятор тоже поставляется в комплекте с Android Studio .

Когда все инструменты установлены, можно создать первый проект. Но сначала нужно разобраться с основными понятиями: что из себя представляет Android-приложение.

Что из себя представляет Android-приложение

Стандартный язык программирования Android-приложений - это Java . Правда, сейчас Google активно продвигает Kotlin как язык, который сможет заменить Java . Приложения также можно писать на C++ .

Инструменты Android SDK компилируют ваш код вместе с любыми данными и ресурсами в файл APK (пакет Android) с расширением .apk . Этот файл содержит всё необходимое для установки приложения на Android-устройство.

Каждое Android-приложение живет в собственной «песочнице», которая подчиняется правилам безопасности Linux :

1. Каждое приложение - это отдельный пользователь в многопользовательской системе Linux.
2. По умолчанию система назначает каждому приложению уникальный user ID, неизвестный приложению; система устанавливает разрешения для всех файлов приложения, так что они доступны только этому user ID.
3. У каждого процесса своя виртуальная машина (VM), так что исполняемый код изолирован от других приложений.
4. По умолчанию каждое приложение запускает собственный Linux-процесс.

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

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

1. Активность (activity) - элемент интерактивного пользовательского интерфейса в приложении. Обычно под активностью понимается группа элементов пользовательского интерфейса, которая занимает целый экран. Когда вы создаете интерактивную программу Android, то начинаете с создания подклассов на основе класса Activity . Одна активность активизирует другую и передает информацию о том, что намерен делать пользователь, через класс Intent (в переводе с английского «намерение»). Это абстрактное описание операции, которую одна активность должна выполнить по требованию другой. Если сравнивать приложения Android с веб-приложениями, то активности подобны страницам, а намерения - ссылкам между ними. Когда пользователь нажимает иконку приложения, то запускается активность Main . Однако из других мест (например, из уведомлений) можно отправлять пользователя напрямую к другим активностям.
2. Сервис (service) - универсальная точка входа для поддержания работы приложения в фоновом режиме. Этот компонент выполняет в фоне длительные операции или работу для удаленных процессов. У служб нет визуального интерфейса.
3. Широковещательный приемник (broadcast receiver) - компонент, который позволяет позволяет нескольким участникам слушать намерения, которые транслируются приложениями в системе.
4. Поставщик содержимого (content provider) - компонент, который управляет общим набором данных приложения из файловой системы, базы данных SQLite, интернета или любого постоянного хранилища, к которому может обратиться приложение.

Теперь попробуем сделать свое приложение для Android.

Создаем Android-приложение

Как сделать простое приложение для Android? Этот процесс состоит из нескольких этапов: создания проекта в Android Studio, запуска приложения в эмуляторе, формирования простого пользовательского интерфейса и добавления новых активностей в приложение.

Создание проекта в Android Studio

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

Затем нужно задать одну или несколько целевых платформ для сборки. Для этого используется SDK и AVD, менеджер виртуальных устройств Android. Данный инструмент позволяет устанавливать в SDK пакеты, которые будут поддерживать несколько версий операционной системы Android и несколько уровней API (интерфейсов программирования приложений).

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

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

Указываем название для этой активности.

Нажимаем кнопку Next, затем Finish - и после нескольких минут сборки Android Studio открывает интерфейс IDE.

Если выбрать в выпадающем меню вид Android , то можно посмотреть основные файлы своего проекта. Например, наша основная активность называется app > java > ru.skillbox.skillboxapp > FullscreenActivity , потому что при создании проекта мы указали вместо активности Main запускать приложение в полноэкранном режиме (Fullscreen ).

Наконец, третий важный файл: app > manifests > AndroidManifest.xml , который описывает фундаментальные характеристики приложения и определяет все его компоненты.

Содержимое манифеста

package="ru.skillbox.skillboxapp">

android:allowBackup="true"
android:icon="@mipmap/ic_launcher"
android:roundIcon="@mipmap/ic_launcher_round"
android:supportsRtl="true"
android:theme="@style/AppTheme">
android:name=".FullscreenActivity"
android:configChanges="orientation|keyboardHidden|screenSize"
android:label="@string/app_name"
android:theme="@style/FullscreenTheme">

Запуск на реальном устройстве

Созданное нами приложение представляет собой одну активность, которая запускается в полноэкранном режиме и не имеет никаких графических элементов. Тем не менее это приложение уже можно запустить на реальном Android-устройстве или в эмуляторе. Смартфон или планшет для этого нужно подключить в режиме USB-отладки, которая активируется в «Настройках разработчика» в меню «Настройки».

Для запуска в эмуляторе нажимаем в Android Studio кнопку Run в меню Run (Shift+F10) . Там выбираем подходящее устройство и версию ОС, портретную или ландшафтную (альбомную) ориентацию.

Android Studio установит эмулятор и запустит его.

Создание простого пользовательского интерфейса

Пришло время создать базовый интерфейс для главного экрана. Пользовательский интерфейс Android-приложения создается через иерархию макетов (layouts, объекты ViewGroup ) и виджетов (объекты View ). Макеты - это невидимые контейнеры, которые управляют расположением дочерних виджетов на экране. Сами виджеты - это непосредственно компоненты UI, такие как кнопки и текстовые поля на экране.

Интерфейс активностей хранится по большей части в XML-файлах. А создается в Android Studio в Редакторе макетов (Layout Editor).

Снова открываем файл app > res > layout > activity_fullscreen.xml. В левом верхнем углу мы видим Палитру (Palette) со всеми виджетами, которые можно добавить на экран. Добавляются они просто перетягиванием мышью. Например, перетянем на экран текстовое поле (PlainText) . Это виджет EditText , куда пользователь может вводить текст.

Также на экран можно перетащить кнопки и другие элементы.

Новые действия, активности и навигация

Предположим, что мы создали активность с текстовым полем и кнопкой «Отправить». После этого нужно написать, что конкретно будет происходить при нажатии кнопки «Отправить». Для этого заходим в код app > java > FullscreenActivity и добавляем метод SendMessage() в класс FullscreenActivity , чтобы при нажатии пользователя на кнопку вызывался этот метод.

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

Курс «Мобильный разработчик»

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

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

Шаги

Часть 1

Проектирование приложения

Определить цель приложения. Хорошее приложение фокусируется на одной цели и совершенствует ее. Определить потребность, которую ваше приложение будет удовлетворять. Это поможет вам определить целевую аудиторию, а также требуемый функционал.

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

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

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

2. Взгляните на другие аналогичные приложения. Зайдите на Google Play Store и поищите приложения, схожие с тем, что вы пытаетесь достичь. Попытайтесь разобраться в нем и узнать, что работает, а что – нет. Не бойтесь перенимать дизайнерские идеи и вдохновение из успешных приложений.

   Часть 2

   Выбор программного обеспечения

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

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

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

   Часть 3

   Создание собственного приложения

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

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

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

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

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

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

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

[ Скрыть ]

TheAppBuilder

Первым конструктором для создания приложений под ОС Андроид рассмотрим TheAppBuilder. Эта программа является десктопным сервисом с некоторыми дополнительными онлайн инструментами. С ее помощью можно самостоятельно создать приложение под такие мобильные ОС как Андроид и iOS.
Для разработки новых программ TheAppBuilder использует конструктор и стандартные шаблоны — для спорта, науки, бизнеса и другие. Также здесь присутствует большой набор инструментов для создания дизайна. Кроме этого за 5 долларов можно полностью отключить назойливую рекламу в созданном приложении. После того как вы закончили свой проект, его желательно раскрутить, что бы он пользовался спросом.

Достоинства и недостатки

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

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

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

Из этого видео вы узнаете о создании приложений на Android с помощью приложения The AppBuilder.

Скачать

AppsGeyser

Если вы не знаете как создать приложение для Android, то можно воспользоваться этим сервисом. Конструктор AppsGeyser использует в качестве инструмента довольно простой и наглядный мастер шаблонов. Кроме этого, он позволяет создать свое приложение абсолютно бесплатно.
С его помощью можно достаточно просто сконвертировать какой-либо файл с вашего сайта в полезное приложение, а в дальнейшем распространить apk дистрибутив через фирменный магазин Google play. Создаваемые приложения можно просто продавать другим пользователям, которым оно будет полезно, так и размещать в них рекламу для получения прибыли. В качестве контента для создания неограниченного количества мобильных программ можно использовать 3 основных источника, среди которых сайты, обычные html страницы и видео с Ютуб.

Достоинства и недостатки

Конструктор AppGeyser станет оптимальным выбором для создания приложений под Android для начинающих. Несмотря на это, он обладает достаточно большим набором возможностей. Главные его достоинства можно представить в виде списка:

• Создание приложение не занимает много времени и доступно пользователям без навыков программирования.
• Быстрый онлайн-редактор.
• Пользоваться приложением можно абсолютно бесплатно.

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

Скачать

IbuildApp

Еще одним конструктором, позволяющим разрабатывать приложения под мобильные платформы (Android и iOS) и публикационные материалы без опыта программирования, является IbuildApp. С его помощью, пользователи могут в считанные минуты создавать собственные галереи, каталоги, флаеры, отчеты и другие виды документов. Перечисленные материалы можно удобным способом представить в виде программного обеспечения как услуги (SaaS). Приятным бонусом является то, что данная среда разработки доступна в двух языковых версиях: английской и русской.
К сожалению, IbuildApp не относится к категории бесплатных конструкторов. Разработчики предоставляют пользователям на выбор несколько пакетов услуг:

• Бизнес. Данный пакет обойдется почти в 2500 рублей в месяц и имеет до 3000 установок. В него также входит полное отсутствие рекламы, возможность публикации своего приложения в фирменном магазине и неограниченное количество просмотров мобильного сайта.
• Коорпоративный. Этот пакет можно приобрести за почти 4 тысячи рублей. В нем пользователю предоставляется неограниченное количество установок.

Остальные преимущества полностью повторяют бизнес пакет.

Достоинства и недостатки

Разработка приложений для Android с помощью IbuildApp — это хороший способ познакомиться с конструкторами для мобильных платформ. Он не требователен к системным ресурсам, хорошо оптимизирует созданные приложения и имеет понятный интерфейс. Выделим его главные плюсы:

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

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

Скачать

AppsMakerstore

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

• Сделай сам. Такой пакет обойдется в почти 10 долларов в месяц.
• Мы делаем приложение для Вас. Стоимость этого плана составляет 249 долларов.
• Reseller. Этот пакет имеет специальную цену, которую лучше уточнить на сайте разработчиков.

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

Достоинства и недостатки.

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

• Приложение доступно в более чем в 15 странах и на 23 языках мира, включая русский.
• Большое количество шаблонов для работы.
• Созданное приложение распространяется автоматически по всем ресурсам.
• Регистрация аккаунта — бесплатна.

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

Подведение итогов

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

Опрос

Извините, в настоящее время нет доступных опросов.

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

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