Комп'ютери та сучасні гаджети

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

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

Додаток для iOS Typorama автоматично генерує текстові макети у 35 друкарських стилях. Користувач може вибрати найбільш підходящий шрифт із сотень доступних варіантів. Потрібно вибрати фон, написати текст, додати стиль та все – друкарня готова. Можна використовувати різні ефекти та фільтри до тексту, додавати стрічки, значки, тіні, градієнти та об'єм. Готові зображення можна розповсюджувати в соціальних мережах, використовувати як шпалери для робочого столу або зробити з картинки банер.

PicLab – це графічний редактор, за допомогою якого можна обробляти зображення та додавати до них шрифт. Можна використовувати різні ефекти, використовувати встановлені шаблони, додавати до картинок текстури, використовувати фільтри. Також у програмі можна використовувати кілька текстових шарів. На готовій картинці з'являється водяний знак програми, але його можна забрати, заплативши 1 долар.

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

За допомогою Over кожен може відчути себе творчою людиною. Додаток має понад 800 встановлених ілюстрацій та 300 унікальних шрифтів, що дозволяє реалізувати практично будь-яку ідею. Додаток можна використовувати для створення вітальних листівок, що надихають цитат, також можна супроводити текстом картинку, що сподобалася. Також можна дуже швидко візуалізувати вдалу думку, яка раптом спала на думку. Програма дозволяє завантажувати зображення з Unsplash та Pixabay за допомогою аддонів, його можна використовувати для створення ефектних ілюстрацій для оформлення своїх сторінок у соцмережах. Версія для iOS. Версія для Android.

За допомогою програми WordSwag можна також додати супровідний текст до ілюстрації. Особливістю WordSwag є автоматичний підбір шрифту, що найбільш підходить до картинки. Якщо ж користувач незадоволений результатом, можна змінити підпис, вибравши один із 30 варіантів. Готовий проект потрібно зберегти і потім використати на свій розсуд. Додаток платний коштує $3,99.

Phonto – це простий додаток, за допомогою можна швидко та просто додати текст до ілюстрацій. У програмі можна вибрати один із 200 встановлених шрифтів, а якщо результат не влаштує, то можна додати власний шрифт. Засобів роботи з текстом досить багато, можна змінювати розмір, колір, міжлітерний та міжрядковий інтервал, додавати тінь та інші ефекти. Версія для iOS. Версія для Android.

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

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

Як створити програму для Android або iPhone?— таким питанням все частіше ставлять не лише веб-розробники, а й звичайні власники невеликих бізнес-сайтів, блогери.

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

Таким чином, всі розглянуті в огляді для розробки програм можна об'єднати під гаслом: просто, швидко та без програмування!

безкоштовнийвеб-сервіс, який дозволяє конвертувати контент вашого сайту в Android додаток та поширити його через Google Play. Крім того, створені програми можна як продавати, так і розміщувати в них рекламу.
Можна створити необмежену кількість Android додатків із трьох типів контенту: сайту, просто html-сторінки та YouTube відео. Для створення Android AppsGeyser використовує простий і наочний майстер шаблонів.

Сайти AppsGeyser: http://www.appsgeyser.com, http://www.appsgeyser.ru

безкоштовнийонлайн-сервіс для швидкого створення мобільних програм. TheAppBuilder створює додатки за допомогою конструктора та типових шаблонів — для бізнесу, подій, освіти, музики, спорту та ін. у міс. можна вимкнути показ сторонньої реклами у створеному додатку. TheAppBuilder дозволяє створювати Android програму, і Windows Mobile.

Сайт TheAppBuilder: http://www.theappbuilder.com

— це онлайн-сервіс, який дозволяє користувачам створювати та публікувати свої власні мобільні програми у кілька кліків в інтернеті. Платформа Appsmakerstore створює мобільні програми, що підтримуються HTML5, iTunes, Android Market, Blackberry Marketplace, Windows Marketplace та Facebookбез будь-яких глибоких технологічних навичок. Це всього 1 додаток для 6 різних платформ. Appsmakerstore пропонується 23 мовами, у тому числі російською та українською.

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

  • "Зроби сам" - $ 9.78 на місяць.
  • "Ми робимо додаток для Вас" - $249
  • «Reseller» - спеціальна ціна, яку потрібно дізнаватися на сайті окремо.

Завжди включено у всі плани:

  • Необмежену кількість змін контенту та оновлень програми.
  • Оновлення контенту програми на iTunes та Google Play без необхідності повторної публікації.
  • Надсилати необмежену кількість push повідомлень користувачам.
  • Автоматично отримувати та користуватися всіма оновленнями системи.
  • Безпечний хостинг на наших серверах.
Сайт Appsmakerstore: http://appsmakerstore.com

- Платний онлайн-конструктор мобільних додатків (iPad, Android, HTML5) для невеликого бізнесу. Серед можливостей - геолокація, отримання та відправлення повідомлень, кошик для товарів, повідомлення, інтеграція з соцмережами, розміщення інформації про меню, набір послуг, майбутні події та ін. Є шаблони для ресторанів, ріелторів, гімнастичних залів та ін.

Цей сервіс представлений такими планами:

  • «Мобільний сайт» - $29 на місяць.
  • «Мобільний додаток» - $59 на місяць
  • « White Label Partner» створення програм для Ваших клієнтів — спеціальна ціна, яку потрібно дізнаватися на сайті окремо.
Сайт Biznessapps: http://www.biznessapps.com

5. AppGlobus

AppGlobus— платний, один із російських онлайн конструкторів мобільних додатків, що дозволяє користувачам самостійно створити та опублікувати свій додаток у App Store та Google Play.

Використовує новий дизайн та можливості Ionic Framework, що значно покращує якість розробки, та дає можливість створювати мобільні програми на HTML5, iOS, Android навіть без навичок програмування.

На даний момент AppGlobus пропонується 8 мовами, у тому числі російською.

AppGlobus.com пропонує такі пакети:

  • STARTAP – 900 руб./міс.
    • Програми: HTML5/Android, адмін панель, магазин, немає обмежень на Push, немає обмежень на установки, немає реклами.
  • BASIC - 1500 руб./міс
    • Програми і для Android та для iOS, адмін панель, магазин, немає обмежень на Push, немає обмежень на установки, немає реклами.
  • STUDIO - 2000 руб./міс
    • Програми: Windows/Android/ iOS, адмін панель, магазин, немає обмежень на Push, немає обмежень на установки, немає реклами.
  • PRO - 45000 руб./одноразово
    • Програми: Windows/Android/ iOS, розробка на замовлення, самі розмістимо в App Store та Google Play, віддамо вихідний код
Сайт AppGlobus: http://appglobus.com/

— платний онлайн-сервіс для створення свого мобільного додатку для бізнесу чи особистого користування. Жодних спеціальних умінь не потрібно. Добре підходить для невеликого бізнесу, наприклад інтернет-магазинів. Щоб створити свою програму, знадобиться всього 5 хвилин – потрібно лише вибрати необхідні модулі та дизайн. Є англійська та російська версії.

My-apps.com пропонує такі пакети:

  • Старт - 599 руб. / міс.
    • програми тільки для Android, доступ до конструктора, безкоштовні шаблони та іконки додатків, оновлення контенту кожні 48 годин, оновлення вихідного програмного забезпечення в сторах самостійно не частіше 1 разу на 2 місяці.
  • Лайт 990 руб. /міс
    • додатки та для і для iOS, доступ до конструктора, безкоштовні шаблони та іконки додатків, базові скріншоти програми, Push повідомлення - 1 на місяць, оновлення контенту кожні 24 години, оновлення вихідного додатка в сторах 1 раз на 2 місяці.
  • Стандарт - 2490 руб. /міс
    • додатки і для Android і для iOS, доступ до конструктора, безкоштовні шаблони та іконки додатків, базові скріншоти програми, підтримка по Skype, Push повідомлення - 10 на місяць, оновлення контенту кожні 12 годин, оновлення вихідного додатка в сторах 1 раз на місяць.
  • Бізнес - 9890 руб. /міс
    • додатки і для Android і для iOS, доступ до конструктора, безкоштовні шаблони та іконки додатків, базові скріншоти додатки, підтримка по Skype та е-мейл, персональний менеджер, Push повідомлення - 50 на місяць, оновлення контенту -миттєво, оновлення вихідного програмного забезпечення в сторах - без обмежень.
  • VIP - 3999 руб. /міс + 150 000 руб. інсталяційний платіж

    • додатки і для Android і для iOS, доступ до конструктора, безкоштовні шаблони та іконки додатків, базові скріншоти програми, підтримка по Skype та е-мейл, персональний менеджер, Push повідомлення - необмежено, оновлення контенту - миттєво, оновлення вихідного програмного забезпечення в сторах - без обмежень.
Сайт My-apps.com: http://my-apps.com

надає платформу “ Зроби сам” для створення iPhone/ додатків , яка так само не потребує навичок програмування. Даний сервіс надає кожній організації простий спосіб створення мобільних (iPhone, iPad, Android) додатків та публікаційних матеріалів. Клієнти можуть створити власні каталоги, флаєри, брошури, звіти, резюме та ін. та надавати їх за допомогою SaaS-рішення. Є англійська та російська версії.

iBuildApp надається в таких пакетах:

  • Бізнес (2400 рублів на місяць) - 3000 установок, необмежену кількість переглядів мобільного сайту, відсутність вбудованої реклами, публікація програми на iTunes та Google Play.
Сайт iBuildApp: http://ibuildapp.com

- онлайн-сервіс для розробки програм (iPhone, iPad, Android). Дозволяє створювати програму на основі одного з багатьох шаблонів програм. Елементи створюваного інтерфейсу програми можуть бути пов'язані з такими функціями, як відправка електронної пошти, SMS-повідомлення, відправка на сервіси Facebook і Twitter.

  • Developer - $ 33 на місяць. (можна створити лише 1 додаток)
  • Professional - $ 79 на місяць.
  • Premiun-$129 на місяць.
  • Enterprise - Ціну потрібно дізнаватися окремо.

Усі пакети підтримують такі платформи: IOS (iPhone/iPad) & Android (Phone/Tablet)

Сайт Viziapps: http://www.viziapps.com

- онлайн-редактор, що дозволяє створювати програми для iOS, Android та Windows Phone. Користуватися їй дуже просто: власну програму можна зібрати з готових частин. Незважаючи на те, що AppsBuilder намагається бути більш простим і зрозумілим для недосвідчених користувачів, до нього додані і деякі можливості для програмістів: наприклад, можна доповнювати створені програми власними Java-скриптами.

Є три платні пакети, в яких є скрізь 30 днів — безкоштовна пробна версія:

  • Starter (49 євро на міс.) -1 додаток.
  • Regular (199 євро на міс.) -до 5 додатків.
  • Scalable (від 249 євро на міс.) - Більше 5 додатків.
Сайт AppsBuilder: http://www.apps-builder.com

Діти, ми вкладаємо душу в сайт. Дякуємо за те,
що відкриваєте цю красу. Дякую за натхнення та мурашки.
Приєднуйтесь до нас у Facebookі ВКонтакті

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

Pixlr Express

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

Snapseed

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

Photoshop Express

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

Pix: Pixel Mixer

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

PicsArt Photo Studio

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

Pixlromatic

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

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

Camera360 Ultimate

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

Phonto - Text on images


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

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

Google Play, App Store, Windows Store сповнені найрізноманітнішими програмами. Невірно припустити, що це асорті створено професіоналами різних рівнів. Все більше і більше звичайних користувачів створюють зручні та прості програми, зовсім не маючи навичок програмування. Де і як наслідувати їх приклад, ми докладно розповімо далі, вибравши для прикладу програми смартфонів на базі Android.

Кому буде корисно самостійно створений додаток

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

Отже, коли оптимальний цей варіант:

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

Яким має бути додаток

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

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

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

Вибір конструктора додатків

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

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

Конструктор обов'язково повинен забезпечувати хостинг програми, давати вам можливість керувати ним, а також публікувати свій витвір у Google Play.

Десятка найкращих онлайн-конструкторів

Тим, хто шукає, як створити додаток для Android без навичок, пропонується наступна лінійка конструкторів, що відповідає всім перерахованим вище вимогам:

1. Mobile Roadie. Один із найстаріших сервісів, яким користується Мадонна, "Цирк Сонця", зоопарк Сан-Дієго. Найбільше орієнтований на шоу-бізнес, маркетингові та PR-агентства. Через створені проекти можна продавати квитки, перепрофілювати під конкретну подію. Ціна за користування конструктором не символічна: мінімум 149 $.

2. AppsBuilder. Як створити програму для Android тут - достатньо зібрати його з готових шаблонів. Крім цього, до конструктора додано можливості для програмістів. Створення однієї програми на місяць коштуватиме тут 49 євро.

3. Viziapps. Конструктор також пропонує готові шаблони для вашої програми, а також можливість надсилання з нього повідомлень на електронну пошту, Twitter, Facebook. Ціна мінімального місячного пакета: 33 $.

4. iBuildApp. Конструктор для тих, хто шукає, як створити простий додаток для Android – з його допомогою робляться мобільні програми-каталоги, брошури, резюме. Окрім англійської, доступна і російська версія. За 2400 рублів на місяць клієнт отримує можливість трьох тисяч установок свого додатка без вбудованої реклами.

5. My-apps.com. Працює і в російській, і англійській версії. Для створення власної програми тут потрібно близько п'яти хвилин, адже достатньо вибрати лише необхідні модулі та дизайн програми. Мінімальний пакет "Старт" коштуватиме 599 рублів на місяць. У суму входить конструктор додатків тільки для "Андроїда", безкоштовні шаблони та іконки, оновлення програми не частіше ніж раз на два місяці.

6. AppGlobus. Російський конструктор доступний 8 мовами. За 900 рублів на місяць надаються: конструювання додатків, панель адміністратора, відсутність у проекті вбудованої реклами та обмежень на використання push-повідомлень, кількість установок.

7. Biznessapps. Для зацікавлених у тому, як створити програму для Android з нуля, щоб вона працювала на благо бізнесу, це оптимальний варіант: чат, повідомлення, кошик для товарів, інтеграція з соціальними мережами, каталог послуг, розділ новин. Мінімальна плата за створення програми: 59 $ на місяць.

8. Appsmakerstore. Дозволяє створювати програми не тільки для "Андроїда", але й ще для 5 платформ. Інтерфейс 23 мовами, в т. ч. і російською. Ключова особливість конструктора: вже готові шаблони для різних проектів: торгівлі, салонів краси, ресторанів і т.д. Місячне використання – 9,78 $.

9. TheAppBuilder – безкоштовний конструктор, що надає готові типові шаблони для бізнесу, творчих, новинних, спортивних, освітніх проектів. Але один мінус – у додатку буде вбудована реклама. Вимкнути її пропонується за 5$ на місяць.

10. AppsGeyser. Конструктор пропонує безкоштовну конвертацію вмісту сайту в мобільний додаток. Свої твори можна продавати, а також розміщувати в них свою рекламу.

Тепер розглянемо з прикладів конкретних конструкторів створення власного докладання.

Як створити програму для Android: вибір шаблону в AppsGeyser

Для роботи в цьому конструкторі не потрібна реєстрація - достатньо натиснути на головній сторінці на Creat now.

Створення програми для блогу в AppsGeyser

Отже, як створити мобільний додаток для Android самостійно блогеру:

  1. Виберіть тип блогу: RSS, "Тамблер", "Вордпрес" і т. д. Далі - його електронна адреса та колірне рішення для вашої майбутньої програми.
  2. Тепер назва створюваної мобільної програми.
  3. У "Дискрипшн" помістіть лаконічний та інформативний опис програми (хоч інтерфейс англійською, ви можете вводити текст на кирилиці).
  4. Виберіть із запропонованих варіантів логотип програми або завантажте свій.
  5. Щоб створити файл завантаження свого проекту, слід натиснути на Creat App. Для цього потрібно обов'язково пройти реєстрацію у системі.
  6. В особистому кабінеті AppsGeyser ви можете завантажити свій витвір на власний смартфон, а також розмістити його в магазині Google Play. Якщо ви активуєте монетизацію, в програмі відображатиметься вбудована реклама, а вам за її перегляди користувачами відраховуватиметься певна плата.

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

Як створити додаток для Android формату "Гайд"

За допомогою того ж AppsGeyser можна також створити додаток-інструкцію, посібник користувача.

Робиться це також за кілька простих кроків:

  1. Налаштуйте колірне рішення мобільної програми та спосіб відображення кроків гайда: по одному або по кілька на активному екрані.
  2. Редактор допоможе завантажити вам необхідний текст, посилання, відео чи картинки, необхідні для наочності. Щоб додати фотографії, скористайтесь хостингом Imgur. Скопіюйте посилання на цьому ресурсі в Image URL.
  3. Наприкінці роботи додайте опис та логотип своєї програми, потім – клік на Creat App. Додаток створено - залишилося перевірити його працездатність та викласти у Google Play.

Створення програми для магазину

Розберемо, як створити програми для Android з нуля власникам інтернет-магазинів. Наприклад будемо використовувати інший конструктор - Mobi Cart, що спеціалізується на цій сфері. Сервіс підтримує російську мову, працює як у платному, так і безкоштовному режимі. Для останнього діє обмеження – додавання трохи більше 10 товарів.

Отже, як створити додаток для Android:

  1. Перший пункт – реєстрація. Далі в особистому кабінеті клік на Creat Application.
  2. Upload logo – завантаження логотипу вашого магазину. На цьому етапі ви вибираєте також колірну тему програми.
  3. Вибір вкладок, сторінок, які будуть у вашому додатку: "Новини", "Мій кабінет", "Домашня", "Магазин", "Контакти" тощо.

Налаштування магазину у Mobi Cart

Для налаштувань свого інтернет-маркету натисніть на Store Settings:

  1. Введіть назву, адресу адміністратора, валюту.
  2. Для використання "Гугл-карт" потрібна реєстрація ключа API - потім він копіюється у віконце.
  3. Позначте галочкою безкоштовну доставку, якщо магазин її пропонує. Для післяплати виберіть розмір націнки (якщо він дорівнює, наприклад, 12 %, то Cash On Delivery прописується 1,12).
  4. У Shipping вказується вартість доставки для певного регіону. Процес цей трудомісткий, оскільки кожного регіону ціна вказується вами вручну.
  5. У розділі Tax російські магазини вказують вартість із включеним до неї ПДВ, тому відзначте галочкою тут Prices to include tax.
  6. У Payments Gateway вкажіть платіжні системи, з якими ви працюєте. Будьте уважні – Mobi Cart не підтримує популярні "Яндекс.Гроші".
  7. Languges – мова вашої мобільної програми. Російська не виставляється за промовчанням, тому вам необхідно прописати переклад запропонованих команд вручну.
  8. App Vital – тут вказується назва програми та країни, мешканці яких зможуть її завантажувати.
  9. Images – логотип програми, Home Gallery – картинка на головному екрані.

Додавання інформації про продукцію в Mobi Cart

Наступний важливий крок: додавання лінійки продуктів у Store Builder. Це можна зробити будь-яким зручним для вас методом:

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

Для останнього способу використовуються два розділи: Departments та Products. Додавання здійснюється за допомогою кнопки Add Product. Далі запроваджується його назва, ціна, категорія, докладний опис.

Інші корисні опції для магазину в Mobi Cart

Торкнімося опцій, які можуть виявитися корисними тому, хто цікавиться, як створити програму для Android самому:

  1. More Pages - інформація, що відображається на сторінках програми.
  2. Push Notification – ручне створення push-повідомлень. Тут можна обрати посилання як всім користувачам, так і певним адресатам.
  3. News Tab - копіювання новин в однойменну вкладку з "Твіттера" або RSS-джерел. Вкажіть ім'я користувача для першого та URL для другого.
  4. Publish News дозволяє вам відправляти новини додаток самостійно.

Перейшовши в Create Application - Submit Apps, ви можете створити apk-файл (настановний), погодившись з ліцензійною угодою. При виборі платної версії ваша програма автоматично завантажується в Google Play, при безкоштовній - вам належить це зробити самостійно через Play Console. Інструкції з реєстрації в цій системі, а також завантаження в неї власної програми Mobi Cart надсилає вам на електронну поштову скриньку.

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

Якщо помітили помилку, виділіть фрагмент тексту та натисніть Ctrl+Enter
ПОДІЛИТИСЯ:
Комп'ютери та сучасні гаджети