Серед існуючих на даний момент операційних системособливу популярність має Андроїд. Більше 80% смартфонів і планшетів у всьому світі працюють саме на цій операционке. Щорічно в світ виходять сотні різних моделей пристроїв, в основі яких лежить саме Android. При цьому багатьох користувачів гаджетів цікавить можливість самостійного створення додатків, для роботи на цій ОС. Далі ми розглянемо способи написання програми, яку можна не тільки встановити в власний смартфон, але і опублікувати в офіційному сервісі Play Market.

Професійний підхід до програмування на Android

Для новачків, які ніколи не мали справу зі створенням додатків, доведеться забезпечити себе таким:

• навчальні матеріали з програмування;
• підготовлене середовище для розробки, що включає в себе масу підсистем і налаштувань;
• інформація про роботу додатків на ОС Android;
• досвід в роботі з різними алгоритмами.

Якщо з завантаженням на свій комп'ютер середовища програмування і установкою всіх необхідних проблем не виникло, то можна переходити до наступних кроків. На шляху до програмування доведеться вивчити масу підручників та інструкцій. поміж іншим потрібно навчитися читати чужий код і знаходити в ньому потрібні знання і прийоми програмування.Розглядаючи параметри навіть самого простого додатка, Можна здивуватися тому, яка була пророблена розробником робота.

Для роботи в програмному середовищі Android існує безліч різних інструкцій, а також курсів навчання. Відповідно, з пошуком інформації у майбутнього програміста проблем виникнути не повинно.

Конструктори додатків для Android

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

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

Найчастіше робота в конструкторі супроводжується з підказками, що допомагають ще й вигідно продавати отримане додаток.

конструктор App2b

Дана система для програмування розроблена для творців програм для бізнесу. Більшість популярних інтернет-магазинів, каталогів товарів, мобільних новинних ресурсів та інших подібних додатків створюються саме в такому конструкторі. Також користувач отримує доступ до фірмового хостингу і зручним інструментам для просування готової програми.

Як і багато інших інструментів для бізнесу, конструктор App2b є платним, При цьому в ціну входить як розробка, так і пакет додаткових послуг. Вартість однієї програми в App2b становить 9900 рублів. Користувач отримає можливість звертатися за допомогою в кваліфіковану технічну підтримку і публікувати свій продукт в магазині додатків Play Market.

До слова, App2b створений не тільки для розробників, які працюють в середовищі Android. У конструкторі реалізований аналогічний пакет послуг для виробництва програм на операційну систему iOS. Відповідно, є можливість публікації та просування на App Store.

конструктор Appsmakerstore

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

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

Дозволяє конструктор користувачам займатися не тільки виробництвом програм, але і створенням індивідуального дизайну. Користувачі / розробники можуть завантажувати логотипи, власні фотографії та інші корпоративні атрибути, в залежності від своїх потреб. При цьому можлива робота з уже готовими макетами або компіляція кількох наявних шаблонів. Готову програму, після всіх остаточних припасувань і тестувань, користувач зможе без особливих складнощів опублікувати на загальний огляд в магазині Play Market для користувачів Андроїда.

Безкоштовний конструктор додатків New Digital Times

Робота з цією системою має на увазі необхідність установки комплексу програм на свій робочий комп'ютер. Це дозволяє працювати без прив'язки до наявності інтернету, в будь-якому зручному місці. За запевненням творців New Digital Times, все необхідне для програмування, доступний користувачам абсолютно безкоштовно. Для того щоб отримати доступ до функціоналу, необхідно зареєструватися та отримати обліковий запис.

Перевагою даного конструктора є невелика вага як завантажувального файлу, так і встановленої на ПК програми. Щоб почати творчий процес, користувачеві досить авторизуватися в програмі після її запуску. Творець може оснащувати свій додаток усіма найбільш поширеними елементами. У процесі можна візуалізувати отриманий результат. Переглядати і тестувати готове додаток можна прямо на моніторі комп'ютера.

Після завершення всіх необхідних робіт, New Digital Times дозволяє публікувати свої додатки в маркеті для завантаження користувачами. Може система працювати і в якості платформи для виробництва додатків для iOS.

конструктор Net2Share

Для особливо підприємливих творців, які бажають отримати максимум вигоди зі свого продукту, існує платформа Net2Share. Відвідувачів офіційного сайту конструктора може налякати наявність вкладки "Тарифи". Однак можна не хвилюватися - там надана інформація про партнерську системі, що дозволяє отримувати гроші від створення додатків.

висновок

Використовуючи для своїх потреб один з описаних вище конструкторів, можна отримати готове додаток досить хорошої якості. Функціонал у конструкторів пристойний, тому вони вирішать більшість завдань.Однак, якщо ви готові витратити час і сили на вивчення основ програмування - перед вами відкриються безмежні можливості. Не варто забувати і про те, що весь цикл розробки можна доручити стороннім програмістам.

Вивчити нову мову і середовище розробки - це мінімум, що від тебе буде потрібно, якщо ти захочеш написати своє перше мобільний додаток. Щоб з розумінням накидати елементарний 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. Чи потрібно говорити, які перспективи з'являються у проекту за підтримки в особі такого гіганта?

Мобільні додатки можуть створювати не тільки спеціалізовані фірми з висококваліфікованими програмістами, а й рядові користувачі. Які інструменти їм можна задіяти в цих цілях? На що слід звертати увагу при розробці власного ПЗ для мобільних девайсів?

Призначення мобільних додатків

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

Інформаційні;

транзакційні;

комунікаційні;

Мобільні версії комп'ютерного ПО - редактори, переглядачі, браузери;

Аналітичні додатки і планувальники;

Навчальні рішення.

Власне, ігри також є мобільними додатками, але частіше за все вони виділяються в окрему категорію програмного забезпечення. Вивчимо докладніше те, що являють собою відмічені мобільні додатки, як створювати їх з урахуванням можливих витрат.

Інформаційні додатки

Сутність інформаційних програм - в наданні їх користувачам доступу до тих чи інших корисним відомостями, новин. Приклад відповідного рішення - додаток від фірми-виробника одягу або взуття, яке інформує користувачів про знижки та спецпропозиції даної компанії. Це може бути і мобільний каталог або брошура в відповідному форматі.

створити мобільне додаток iOSабо Android в відповідного різновиду, ймовірно, найпростіше. Справа в тому, що основою для ПО даного типу може бути, наприклад, вже працює сайт компанії або його мобільна версія. Досить адаптувати його інтерфейс, а також реалізовані в ньому комунікаційні механізми під програмні алгоритми мобільних операційних систем - то, з допомогою яких інструментів це можна зробити, ми розглянемо далі, і мобільний додаток буде готове.

транзакційні додатки

Транзакційні додатки призначені для здійснення оплати різних товарів і послуг, придбаних через інтернет. Дані типи ПО можуть випускатися банками, платіжними системами. Варто відзначити, що найбільш складні за структурою і коду - в багатьох випадках саме транзакційні мобільні додатки. Як створювати їх і, що найголовніше, адаптувати до вимог законодавства, знає тільки самий висококваліфікований фахівець.

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

програми передачі

Програми передачі - це ті програми, які призначені для забезпечення зв'язку між користувачами з використанням ресурсів розробника або сторонніх брендів. Створювати подібні рішення самому, як і в випадку з транзакційними додатками, досить складно. Знову ж має сенс це робити головним чином тоді, коли є бажання в принципі навчитися розробляти відповідного типу продукти. Але впровадження їх на практиці зажадає значних ресурсів, які є в розпорядженні небагатьох приватних користувачів.

Те, яким чином впроваджуються дані мобільні додатки, як створювати умови для їх стабільної роботи, в більшості випадків знають тільки висококваліфіковані фахівці. Але, безумовно, умілий програміст, готовий витратити значну кількість часу і вкладень, в принципі, може розробити нескладний за структурою, але затребуваний в силу простоти і зручності месенджер або невелику соціальну мережу.

Однак конкурувати вони зі «Скайпом», «Вконтакте» або Viber, напевно, не зможуть. Тому на етапі планування розробки традиційних додатків розробнику слід реально оцінювати перспективи виведення свого продукту на ринок.

Мобільні версії комп'ютерного ПО

Редактори, переглядачі, браузери - додатки, які аналогічні або близькі за своїми функціями до відповідних рішень, задействуемих користувачами традиційних комп'ютерів. Але, безумовно, далеко не тільки вони можуть мати аналоги, адаптовані для запуску на ПК. Власне, будь-які типи додатків у наведеній нами класифікації можуть бути комп'ютерними. Однак розглянуті рішення - в числі тих, які все ж стали знайомі користувачам до того, як на ринку обчислювальної техніки стали масово з'являтися смартфони і планшети. Тому програми відповідного типу в оригіналі, як правило, представлені саме в версіях, адаптованих для запуску саме на ПК, і тільки за фактом появи на ринку смартфонів і планшетів оформлені у вигляді мобільних версій.

Те, як створити мобільний додаток для Android або iOS відповідного типу самостійно, залежить перш за все від того, чи є оригінальна - комп'ютерна, версія ПО ліцензійної або ж вона поширюється як вільне ПЗ, яке має відкритий код. У першому випадку створення мобільної версії програми в більшості випадків потребують узгодження з правовласниками. І якщо ті відмовляться санкціонувати розробку відповідної версії програми, то її мобільна версія, навіть якщо користувач її створить за своєю ініціативою, швидше за все, буде визнана нелегальною. У разі якщо оригінальне ПО має відкритий код, то розробити її версію для мобільного девайса - питання техніки.

Аналітичне ПЗ і планувальники

Аналітичні додатки і планувальники дозволяють здійснювати різні статистичні спостереження, формувати бюджет, планувати зустрічі і т. Д. Можна відзначити, що даний сегмент мобільних додатків - в числі тих, в яких приватним розробникам, як правило, надається найбільша свобода дій. Існує не так багато брендів, які знають те, як створити мобільний додаток для Android або iOS відповідного типу набагато краще, ніж це зробить приватний розробник. Найголовніше в таких рішеннях - це концепція. Її розробка залежить головним чином від умінь конкретного програміста, дизайнера, фахівця з фінансів, і не виключено, що запропоновані ним підходи виявляться ефективніше тих, які будуть розроблені великою компанією.

Навчальні програми

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

Розробка мобільних додатків самостійно: структура ПО

Як створити мобільний додаток самостійно? Для успішного вирішення даного завдання розробнику насамперед слід визначитися з оптимальною структурою створюваної програмидля мобільного пристрою. Незалежно від призначення ПО, воно буде складатися з 2 основних компонентів: модуля front-end і back-end. Перший являє собою інтерфейси, за допомогою яких можливості застосування буде задіяти користувач. Другий модуль відповідає за прийом і передачу даних в рамках взаємодії відповідного ПО і користувача (в ряді випадків - також розробника, якщо, наприклад, з його боку вимагається надання тих чи інших оновлень або зворотного зв'язку).

Яким може бути інтерфейс програми?

Більш детальні характеристики за структурою мобільних додатків залежать від їх призначення. Так, наприклад, якщо створюється інформаційне ПО інтернет-магазину, то в його інтерфейсі можуть бути присутніми:

Навігаційні опції, за допомогою яких користувач зможе отримувати доступ до тих або інших даних;

Блок зворотного зв'язку з продавцем або постачальником;

Особистий кабінет, в якому будуть відображатися дані про запити користувача, його покупках;

Новинний блок, в якому будуть розміщуватися відомості про знижки та спецпропозиції інтернет-магазину, а також інша значуща інформація.

Можливо, що власнику магазина буде краще створити мобільний додаток сайту, що повторює як раз таки його структуру, щоб користувачі, яким ресурс вже знаком, без проблем змогли зорієнтуватися в структурі відповідного ПО для мобільних пристроїв.

додатків: інструменти

Вивчимо тепер ряд практичних нюансів розробки розглянутих рішень. Питання про те, як самому створити мобільний додаток, може бути вирішене за допомогою зручних конструкторів, які на ринку відповідного ПО представлені в досить великій кількості. Зокрема, можна звернути увагу на такі рішення, як: MobiCart, BusinessApps, My-Apps, Net2Share. Всі вони представлені в форматі хмарного ПО, і доступ до них можна отримати з будь-якого пристрою через інтернет. Розглянемо те, як створити мобільний додаток, задіюючи можливості зазначених програм, докладніше.

Інструменти для розробки додатків: MobiCart

Даний сервіс може стати в нагоді власникові інтернет-магазину як раз таки в тому випадку, якщо у нього спочатку немає власного сайту. За допомогою MobiCart розробник може створити функціональний додаток, за допомогою якого користувачі отримають можливість вибудовувати найширший спектр комунікацій з продавцем: робити замовлення, оплачувати їх, отримувати відомості про знижки, звертатися до постачальника.

Основні функції даного сервісу надаються на комерційній основі, але ознайомитися з його можливостями розробник може безкоштовно.

Інструменти для створення мобільних додатків: BusinessApps

Даний конструктор додатків оптимальний головним чином для невеликих інтернет-магазинів. Він дозволяє реалізувати:

Інтерфейси для обміну повідомленнями, додавання товарів в корзину;

Організацію переговорів між постачальником і покупцем товару;

Новинний блок.

Примітно, що даний конструктор додатків дозволяє задіяти шаблони, адаптовані для створення додатків для підприємств, що представляють конкретні сфери бізнесу, наприклад общепит, фітнес. Розглянутий сервіс не безкоштовний, абонплата за нього становить 59 доларів на місяць. Однак можна задіяти пробну версію. До того ж, якщо користувачеві даний конструктор не сподобався, то він може зажадати повернути назад сплачені кошти.

Інструменти розробки додатків: My-Apps

Даний конструктор, в свою чергу, є безкоштовним. Завдання "як створити мобільний додаток для iPhone або Android з його використанням" може бути вирішена при залученні 10 шаблонів, які адаптовані для забезпечення комунікацій зі споживачами підприємств в широкому спектрі сфер бізнесу. У числі найбільш примітних можливостей розглянутого сервісу - оперативне оприлюднення додатки в найбільших каталогах - App Store і Google Play.

Інструменти розробки додатків: Net2Share

Розглянутий конструктор - в числі найбільш зручних рішень, що дозволяють швидко зрозуміти, як створити мобільний додаток для Android самостійно. Даний ресурс адаптований як раз таки для розробки продуктів на відповідній платформі. Він характеризується досить великим набором функцій, а також можливістю заробляти на створюваному додаткуза допомогою сервісів внутрішньої реклами. Тобто користувач може, розробивши той чи інший продукт, завантажити його на корпоративному обліковому записі. Крім того, найактивніші розробники отримують безкоштовний профіль в Google Play.

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

Безумовно, є велика кількістьінших спеціалізованих сервісів, що дозволяють створити мобільний додаток, гру. У багатьох випадках для розробника краще може бути не хмарний сервіс, А дистрибутив, що дозволяє реалізовувати той чи інший програмний код. Але розглянуті нами вище ресурси розраховані головним чином на користувачів з мінімальним досвідом і тому можуть бути задіяні навіть без спеціальної підготовки. Вони універсальні і дозволяють розробникам створювати додатки, оптимізовані для самих різних сфер діяльності.

Мова програмування для мобільного розробки на Android дуже простий - це Java. Зараз Google активно просуває Kotlin як мову, який зможе замінити Java. Додатки пишуть і на C ++.

Створення найпростішого додатка складається з декількох етапів:

• проект в Android Studio;
• створення призначеного для користувача інтерфейсу;
• додавання активностей, навігації і дій;
• тест-драйв додатки в емуляторі.

А поки ми описуємо ази, студенти курсу «» вже отримують гроші за свої додатки.

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

Насамперед встановіть програму Android Studio. Це офіційна середовище розробки (IDE) для Android, вона працює на Windows, macOS і Linux. Хоча при розробці програм для Android можна використовувати і інші середовища, крім Android Studio.

Якщо на комп'ютері не встановлені Android SDK і інші компоненти, то Android Studio автоматично завантажить їх. Android SDK - це середовище програмування, в яку входять бібліотеки, виконувані файли, скрипти, документація і т.д.

Android SDK компілює код разом з будь-якими даними і ресурсами в файл з розширенням .apk. Він містить все необхідне для установки програми на Android-пристрій.

Корисно встановити і емулятор Android, Щоб запускати і тестувати програми. Емулятор поставляється в комплекті з Android Studio.

Коли всі інструменти встановлені, можна створити перший проект. Але спочатку потрібно розібратися з основними поняттями.

З чого складається програма
на Android

Android-додаток складається з чотирьох компонентів. Кожен компонент - це точка входу, через яку система або користувач може отримати доступ.

1. активність (Activity)- елементи інтерактивного користувальницького інтерфейсу.
   Одна активність задіє іншу і передає інформацію про те, що має намір робити користувач, через клас Intent (наміри). Активності подібні веб-сторінок, а наміри - посиланнях між ними. Запуск програми - це активність Main.
2. сервіс (Service)- універсальна точка входу для підтримки роботи програми у фоновому режимі.
   Цей компонент виконує тривалі операції або роботу для віддалених процесів без візуального інтерфейсу.
3. широкомовний приймач(Broadcast receiver) транслює кільком учасникам наміри з програми.
4. Постачальник вмісту(Content provider) управляє загальним набором даних програми з файлової системи, бази даних SQLite, інтернету або іншого сховища.

Тепер спробуємо зробити свій додаток для Android.

Створюємо Android-додаток
в Android Studio

Крок 1

Вибираємо назву програми, домен компанії, шлях до проекту і назва пакета. Зазначаємо, включити чи підтримку опціональних мов програмування C ++ і Kotlin.

крок 2

Задаємо одну або кілька цільових платформ для складання. Для цього використовується SDK і AVD, менеджер віртуальних пристроїв Android. Інструмент дозволяє встановлювати в SDK пакети, які підтримують кілька версій ОС Android і кілька рівнів API (інтерфейсів програмування додатків).

Довідка

чим нижче версія Android, Тим більше пристроїв, на яких додаток запуститься. Чим вище версія, тим багатшими функціональність API.

крок 3

Вибираємо основну активність, яка буде запускатися при натисканні на іконку програми, і даємо їй ім'я.

крок 4

Після декількох хвилин збірки Android Studio відкриває інтерфейс IDE. Тут три основних моменти.

Якщо вибрати у випадаючому меню вид Android, то ви побачите файли проекту. Наприклад, наша основна активність називається app> java> ru.skillbox.skillboxapp> FullscreenActivity. При створенні проекту ми вказали замість активності Mainповноекранну активність.

Нарешті, третій важливий файл app> manifests> AndroidManifest.xml описує фундаментальні характеристики програми та визначає всі його компоненти.

вміст маніфесту

<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>

Запускаємо на реальному пристрої

Створене нами додаток - це одна активність, яка запускається в повноекранному режиміі не має графічних елементів.

Запускаємо на Android-пристрої або в емуляторі.

Смартфон або планшет для цього підключаємо в режимі USB-налагодження, яка активується в налаштуваннях розробникав меню налаштування.

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

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

Створюємо простий користувальницький інтерфейс

Інтерфейс Android-додатки створюється через ієрархію макетів(Layouts, об'єкти ViewGroup) і віджетів(Об'єкти View). Макети керують розташуванням дочірніх віджетів на екрані. Самі віджети - це безпосередньо компоненти UI: кнопки, текстові поля на екрані і т.п.

Інтерфейс активностей створюється в Android Studio в редакторі макетів (Layout Editor) і зберігається здебільшого в XML-файлах.

1. відкриваємо файл app> res> layout> activity_fullscreen.xml.
2. Додаємо на екран з палітри (Palette) віджети перетягуванням мишею.
3. Наприклад, беремо текстове поле (PlainText). Це віджет EditText, куди користувач може вводити текст.
4. Додаємо кнопки та інші потрібні елементи.

Також на екран можна перетягнути кнопки та інші елементи.

Додаємо дії, активності і навігацію

Припустимо, ми створили активність з текстовим полем і кнопкою «Надіслати». Після цього потрібно написати, що конкретно буде відбуватися при натисканні кнопки «Відправити».

1. Заходимо в код app> java> FullscreenActivity.
2. додаємо метод SendMessage ()в клас FullscreenActivity , Щоб при натисканні на кнопку викликався цей метод.
3. Створюємо наміри (клас Intent) для переходу від однієї активності до іншого, нові активності, навігацію і все інше, що необхідно для додатка.

І, звичайно, починаємо мріяти, як монетизувати додаток.

Загальні правила
для Android-додатків

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

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

З правил є винятки:

1. Можливо організувати для двох додатків загальний user ID, так що вони можуть ділитися файлами один з одним.
Масштабна програма професійної підготовки з гарантованим працевлаштуванням. Вебінари, живі зустрічі, хакатони і завдання від реальних клієнтів. Ви отримуєте навички програмування і створення додатків для iPhone і Android, навіть якщо ніколи раніше цього не робили. Переймаєте концентрацію досвіду у сильних розробників і засновників власних компаній - викладачів нашого курсу.

Без фінансових вкладень і спеціальних знань.

ось найпростіша інструкція, Як створити елементарне iOS-додаток і випробувати його на своєму пристрої. Відштовхуючись від неї ви зможете далі заглибитися в тему і створювати реально корисні програми.

Примітка для користувачів Windows: щоб створювати додатки для iOS вам необхідно встановити OS X на віртуальній машині(VirtualBox, VMware). Це процес аж ніяк не простий і для його здійснення потрібна окрема інструкція.

1. Йдемо в App Store і встановлюємо середу розробки XCode :

Якщо у вас вже стоїть XCode, то необхідно оновити його.

2. Запускаємо xCode і вибираємо пункт меню File -> New -> Project:

3. Вибираємо платформу і тип програми:

4. Вказуємо інформацію про проект. Зверніть увагу, що ми вибрали тип програми «Universal»:

5. Натискаємо на кнопку New Folderі вказуємо ім'я папки, в якій будемо зберігати файли програми:

6. Знімаємо галочку з чекбокса Create Git Repository і натискаємо кнопку Create. В результаті ви повинні потрапити на стартовий екран роботи над додатком:

7. Натискаємо на пункт Main.storyboardв правому меню, перетягуємо на основне поле елемент Labelі додаємо в нього текст Hello_world:

8. Тепер треба зробити іконку для додатка. Підбираємо картинку і завантажуємо її на mapappicon.com:

9. Чекаємо коли веб-додаток закінчить роботу і вказуємо свою адресу електронної пошти для отримання архіву з іконками:

10. Повертаємося в XCode і в лівому меню вибираємо розділ Assets.xassets:

11. Відкриваємо архів з пошти і перетягуємо іконки звідти на робоче простір XCode:

12. Вибираємо один з симуляторів пристроїв, натискаємо на кнопку запуску програми (чорний трикутник) і включаємо на своєму Mac Developer Mode:

13. Повторюємо спробу запуску. Чекаємо, коли на симуляторі завантажиться iOS:

14. Переконуємося, що додаток працює:

Дивимося готове додаток на пристрої

Тепер можна подивитися, як працює додаток на пристрої. Перед виконанням інструкції переконайтеся, що у вас свіжі версії XCode і iOS.

1. Йдемо в xCode -> Preferencies -> Accountsі додаємо свій Apple ID:

2. Під'єднуємо iOS-пристрій до комп'ютера:

3. Вибираємо потрібний пристрій у списку і натискаємо на кнопку запуску. Чекаємо деякий час.

4. Якщо вилізло повідомлення про проблеми з безпекою, то на iOS-пристрої йдемо в налаштування -> Основні -> управління пристроємі дозволяємо запуск додатків від розробника з вашим Apple ID:

5. Йдемо на робочий стіл і знаходимо іконку нової програми:

6. Запускаємо:

7. Від'єднуємо пристрій від компа. Тепер додатком можна користуватися.

Що робити, якщо хочеш більше?

За допомогою методу наукового тику і Google можна розширити вищенаведену послідовність дій і створити більш функціональне додаток. Але використовувати його можна буде тільки на своїх пристроях.

Адже Apple пред'являє дуже високі вимоги до додатків. App Store Review Guidelines включає в себе 29 пунктів і більше сотні підпунктів. Для того, щоб додаток їм відповідало і було прийнято для публікації в магазині, розробнику потрібен великий обсяг технічних знань.

Якщо хочете створювати якісні програми для iOS призначені для масового використання, треба вчитися!