Компютри и модерни джаджи

Има много програми, които можете да използвате, за да създадете красива типография. Но какво ще стане, ако трябва да добавите надпис към изображение, както се казва, в движение? Разбира се, използвайте мобилното приложение за вашия смартфон. В крайна сметка е много удобно и не отнема почти никакво време - просто трябва да намерите подходяща картина, да изберете шрифт и да въведете желания текст.

FreelanceToday ви предлага 10 полезни приложения за създаване на красива типография, която ще допълни вашите снимки и илюстрации.

Приложението Typorama за iOS автоматично генерира текстови оформления в 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 налични шрифта и да създаде красив придружаващ подпис. Ако по някаква причина не можете да получите желания резултат, можете да разгледате произведенията на други потребители, представени в галерията. Готовият проект може да бъде запазен като обикновена снимка, можете също да направите анимиран GIF и дори видеоклип. Много полезно приложение - истински графичен редактор с добра функционалност.

Приложението Ampergram е създадено за работа с изображения от социалната мрежа Instagram. Основната характеристика на Ampergram е, че приложението намира букви в снимки, публикувани от други потребители, и съставя думи от тях. Малко вероятно е да успеете да постигнете особено висококачествена типография, но е забавно.

Как да създадете приложение за Android или iPhone?— тези въпроси все по-често се задават не само от уеб разработчици, но и от обикновени собственици на уебсайтове за малък бизнес и блогъри.

Този преглед предлага обмисляне , които са конструктори за бързо и лесно създаване на Android и iPhone приложения. В същото време, без да се изисква от потребителя да има умения по програмиране или други специални IT познания. Такива приложения са незаменими за различни видове бизнес - в крайна сметка те са чудесен начин за разширяване на целевата аудитория и привличане на клиенти.

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

Безплатноуеб услуга, която ви позволява да конвертирате съдържанието на уебсайта си в приложение за Android и да го разпространявате чрез Google Play. Освен това създадените приложения могат както да се продават, така и да се поставя реклама в тях.
Можете да създавате неограничен брой приложения за Android от три вида съдържание: уебсайт, обикновена html страница и видеоклип в YouTube. За да създаде приложение за Android, AppsGeyser използва прост и интуитивен съветник за шаблони.

Уебсайтове на AppsGeyser: http://www.appsgeyser.com, http://www.appsgeyser.ru

Безплатноонлайн услуга за бързо създаване на мобилни приложения. TheAppBuilder създава приложения с помощта на дизайнер и стандартни шаблони - за бизнес, събития, образование, музика, спорт и др. Създадените приложения са безплатни и срещу 5 USD на месец Можете да деактивирате показването на реклами на трети страни в създаденото приложение. 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, без да се налага да публикувате повторно.
  • Изпращайте неограничен брой насочени известия до потребителите.
  • Автоматично получаване и използване на всички системни актуализации.
  • Сигурен хостинг на нашите сървъри.
Уебсайт на Appsmakerstore: http://appsmakerstore.com

— платен онлайн дизайнер на мобилни приложения (iPad, Android, HTML5) за малкия бизнес. Функциите включват геолокация, получаване и изпращане на съобщения, пазарска количка, известия, интеграция със социални мрежи, публикуване на информация за менюто, набор от услуги, предстоящи събития и др. Има шаблони за ресторанти, брокери, фитнес зали и др.

Тази услуга е представена от следните планове:

  • „Мобилен сайт“ – $29 на месец.
  • "Мобилно приложение" - $59 на месец
  • « Бял етикет Партньор" създаване на приложения за вашите клиенти - специална цена, която трябва да се разбере отделно на уебсайта.
Уебсайт на Biznessapps: http://www.biznessapps.com

5. AppGlobus

AppGlobusе платен един от руските дизайнери на онлайн мобилни приложения, който позволява на потребителите самостоятелно да създават и публикуват своето приложение в App Store и Google Play.

Използва новия дизайн и възможности на Ionic Framework, което значително подобрява качеството на разработка и прави възможно създаването на мобилни приложения на HTML5, iOS, Android, дори без умения за програмиране.

В момента AppGlobus се предлага на 8 езика, включително руски.

AppGlobus.com предлага следните пакети:

  • STARTAP - 900 rub./месец.
    • Приложения: HTML5/Android, админ панел, магазин, без ограничения за Push, без ограничения за инсталации, без реклама.
  • BASIC - 1500 rub./месец
    • Приложения за Android и iOS, админ панел, магазин, без ограничения за Push, без ограничения за инсталации, без реклама.
  • СТУДИО - 2000 руб./месец
    • Приложения: Windows/Android/iOS, админ панел, магазин, без ограничения за Push, без ограничения за инсталации, без реклама.
  • PRO - 45 000 rub./еднократно
    • Приложения: Windows/Android/iOS, разработка по поръчка, ние сами ще го публикуваме в App Store и Google Play, ние ще предоставим изходния код
Уебсайт на AppGlobus: http://appglobus.com/

— платена онлайн услуга за създаване на собствено мобилно приложение за бизнес или лична употреба. Не са необходими специални умения. Много подходящ за малки фирми, като онлайн магазини. Отнема само 5 минути, за да създадете вашето приложение - просто трябва да изберете необходимите модули и дизайн. Има английска и руска версия.

My-apps.com предлага следните пакети:

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

    • приложения както за 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.

  • Разработчик - $33 на месец. (може да се създаде само 1 приложение)
  • Професионален - $79 на месец.
  • Премия - $129 на месец.
  • предприятие - Цената се запитва отделно.

Всички пакети поддържат следните платформи: IOS (iPhone/iPad) и Android (телефон/таблет)

Уебсайт на Viziapps: http://www.viziapps.com

- онлайн редактор, който ви позволява да създавате приложения за iOS, Android и Windows Phone. Използва се много лесно: можете да сглобите своя собствена програма от готови части. Въпреки факта, че AppsBuilder се опитва да бъде по-прост и по-разбираем за неопитни потребители, той също така добавя някои функции за програмистите: например можете да допълвате създадените приложения със свои собствени Java скриптове.

Има три платени пакета, които включват 30-дневен безплатен пробен период:

  • Стартер (49 евро на месец) -1 приложение.
  • Редовен (199 евро на месец) - до 5 заявки.
  • Мащабируем (от 249 евро на месец) - повече от 5 приложения.
Уебсайт на AppsBuilder: http://www.apps-builder.com

Момчета, влагаме душата си в сайта. Благодаря ти за това
че откривате тази красота. Благодаря за вдъхновението и настръхването.
Присъединете се към нас FacebookИ Във връзка с

уебсайтСъбрах за вас няколко прости и лесни за използване програми за подобряване на вашите снимки. Може дори да искате да се отървете от всички филтри на Instagram, след като изпробвате едно или повече от приложенията в този списък.

Pixlr Express

Над 100 ефекта (включително осветление), рамки, изрязване, преоразмеряване и завъртане на изображения, автоматично подобряване на изображението, премахване на червените очи и дори избелване на зъбите. Хубавото е, че функционалната база непрекъснато се актуализира от разработчиците.

Snapseed

Много удобен, бърз и практичен интерфейс. Тук е събрано всичко необходимо за първоначална корекция на снимката, включително редактиране на яркост, наситеност и контраст в отделни области на изображението, чийто диаметър също можете да регулирате. Освен това приложението работи доста бързо, което е добра новина.

Photoshop Express

Това приложение, разбира се, няма да бъде професионален аналог на Photoshop. Но за първоначално редактиране на снимки е доста подходящ. Предлага се безплатно в приложението: 10 кадъра, 10 филтъра, настройка на експонацията, яркост и контраст, наситеност и цветови тонове, премахване на ефекта "червени очи". И срещу допълнителна такса можете да закупите много допълнителни екстри.

Снимка: Pixel Mixer

Много прост и интересен редактор на снимки, обичан и познат на мнозина. Добре проектирана и висококачествена изработка. Основното, с което може да ви зарадва, е повече от 30 филтъра, над две дузини текстури и приблизително същия брой рамки.

Фото студио PicsArt

Програмата ви позволява да създавате колажи, да променяте филтри, да контролирате тона и цвета на снимките, да добавяте текстови ефекти, да премахвате ефекта "червени очи" и много други. Освен това можете да създавате ръчно рисувани изображения. Като цяло има наистина много функции.

Pixlromatic

Това, което е особено приятно за това приложение, е приятният интерфейс и скоростта на работа. В допълнение, той може да се похвали с много ефекти, рамки и персонализирани филтри. Между другото, пълната версия, която дава достъп до повече от 100 ефекта, 100 кадъра и 200 текстури, също ще ви струва евтино - само един долар.

Muzy е много просто и функционално приложение: можете да правите колажи от снимки, да играете с куп рамки, да използвате вградения редактор за изображения и дори можете да добавяте текст. Доста удобно и забавно нещо.

Camera360 Ultimate

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

Phonto - Текст върху изображения


Изучаването на нов език и среда за разработка е минимумът, който се изисква от вас, ако искате да напишете първото си мобилно приложение. Ще отнеме поне няколко седмици, за да начертаете основен списък със задачи за 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 има много помощни програми, които ви позволяват да „запомните“ мястото, където потребителят е паркирал колата. Това е почти същото, само малко по-просто. Можете да посочите точка на карта на града, да зададете определен радиус за нея и да програмирате съобщение. Следващият път, когато попаднете в кръга с зададен радиус, приложението ще ви уведоми и точката ще бъде изтрита. Ще продължим по този план: първо ще създадем просто уеб приложение, ще го тестваме в браузъра и след това ще го прехвърлим на платформата iOS с помощта на PhoneGap. Много е важно да създадете прототип и да тествате по-голямата част от кода в браузър на компютър, тъй като отстраняването на грешки в приложение на телефон е много по-трудно. Ще използваме рамката jQuery JS с 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, // Изберете първоначалния център за мащабиране: latLng, // Задайте първоначалния център mapTypeId: gm.MapTypeId.ROADMAP, // Нормалната карта disableDoubleClickZoom: true, // Деактивиране на автоматично мащабиране чрез докосване/двукратно щракване disableDefaultUI: true // Деактивиране на всички елементи на интерфейса ));

Тук Gm е променлива, препращаща към обекта на Google Maps. Коментирах добре параметрите за инициализация в кода. Следващата стъпка е да начертаете маркер за човек на картата:

This.person = нов gm.Marker(( карта: this.map, икона: нов gm.MarkerImage(PERSON_SPRITE_URL, нов gm.Size(48, 48)) ));

Адресът на спрайта на човека от панорамите на Google се използва като PERSON_SPRITE_URL. Неговият статичен адрес е maps.gstatic.com/mapfiles/cb/mod_cb_scout/cb_scout_sprite_api_003.png. Потребителят ще добави точки, като щракне върху картата, така че, за да ги начертаем, ще слушаме събитието за кликване:

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(); // Преначертайте списъка с точки )); ), невярно);

Предоставям по-голямата част от кода - потърсете останалото на диска. След това трябва да научим приложението да мести потребителската икона на картата. В прототипа използваме API за геолокация (този, който се използва и в настолни браузъри):

If (navigator.geolocation) ( // Проверете дали браузърът поддържа функция за геолокация 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 (функция () ( // Заявка за текущата позиция 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 GB. Освен това ще трябва да се регистрирате на уебсайта на Apple като разработчик (ако няма да публикувате приложението си в AppStore, тогава това изискване може да бъде заобиколено). Използвайки този набор, можете да разработвате приложения на родния за iOS език Objective-C. Но решихме да предприемем заобиколно решение и да използваме PhoneGap, така че все още трябва да инсталираме PhoneGap iOS пакета. Просто изтеглете архива от външния сайт (https://github.com/callback/phonegap/zipball/1.2.0), разопаковайте го и стартирайте инсталатора в папката на iOS. Когато инсталацията приключи, иконата PhoneGap трябва да се появи в менюто за проекти на Xcode. След стартирането ще трябва да попълните няколко формуляра, но много скоро ще видите работното пространство на IDE с първото си приложение. За да проверите дали всичко работи, щракнете върху бутона Run - емулаторът на iPhone/iPad с шаблонното приложение PhoneGap трябва да стартира. Сглобената програма ще генерира грешка, че index.html не е намерен - това е нормално. Отворете папката, в която сте записали основните файлове на проекта, и намерете подпапката www в нея. Плъзнете го в редактора, щракнете върху иконата на приложението в списъка вляво и в прозореца, който се показва, изберете „Създаване на препратки към папки за всички добавени папки“. Ако стартирате програмата отново, всичко трябва да работи. Сега можем да копираме всички файлове на нашия прототип в папката www. Време е да настроим нашия прототип, за да работи на смартфон, използвайки PhoneGap обработка.

Трансфер на прототип

На първо място, трябва да включите phonegap-1.2.0.js във вашия индекс файл. PhoneGap ви позволява да ограничите списъка с достъпни за посещение хостове. Предлагам веднага да създадете такъв „бял ​​списък“. В менюто на проекта отворете Supporting Files/PhoneGap.plist, намерете елемента ExternalHosts и добавете към него следните хостове, до които нашето приложение ще има достъп (това са сървъри на Google Maps): *.gstatic.com, *.googleapis.com, карти .google. com. Ако не ги посочите, програмата ще изведе предупреждение в конзолата и картата няма да се покаже. За да инициализираме уеб версията на нашето приложение, използвахме събитието DOMReady или помощника jQuery: $(document).ready(). PhoneGap генерира събитие deviceready, което показва, че мобилното устройство е готово. Предлагам да използвате това:

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

След това ще заменим всички обаждания за предупреждение и потвърждение с родните, които PhoneGap ни предоставя:

Navigator.notification.confirm("Премахване на точка?", функция (button_id) ( if (button_id === 1) ( // Натиснат бутон OK self.removePoint(point); ) ), TITLE);

Последното нещо, което трябва да променим, е блокът от код, който мести потребителската икона по картата. Текущият ни код също работи, но работи по-малко оптимално (премества иконата, дори ако координатите не са се променили) и не предоставя толкова богати данни, колкото аналогът на PhoneGap:

Navigator.geolocation.watchPosition(функция (позиция) ( self.movePerson(нов gm.LatLng(position.coords.latitude, position.coords.longitude)); ), функция (грешка) ( navigator.notification.alert("код: " + error.code + "\nmessage: " + error.message, $.noop, TITLE); ), (честота: 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 код, но получихме програма с прилично качество, отделяща минимум време за пренасяне и изучаване на PhoneGap API. Ако предпочитате друга платформа, например Android или Windows Mobile 7, тогава можете също толкова лесно, без никакви промени за тези платформи, да изградите нашето приложение (за всяка от тях има добро уводно ръководство и видео урок: phonegap.com/ начало). За да проверите жизнеспособността на платформата, можете да разгледате готовите приложения на PhoneGap, които разработчиците на технологията са събрали в специална галерия (phonegap.com/apps). Всъщност PhoneGap е идеална платформа за създаване поне на прототип на бъдещо приложение. Основните му предимства са бързината и минималните разходи, които се използват активно от стартиращи фирми, които са ограничени във всички отношения. Ако приложението се провали и по някаква причина вече не сте доволни от вътрешността на HTML+JS, винаги можете да пренесете приложението на роден език. Не мога да не кажа, че PhoneGap първоначално е разработен от Nitobi като проект с отворен код (хранилището се намира на GitHub: github.com/phonegap). Изходният код ще продължи да остава отворен, въпреки че Adobe купи Nitobi миналия октомври. Трябва ли да казвам какви перспективи има проектът с подкрепата на такъв гигант?

Google Play, App Store, Windows Store са пълни с голямо разнообразие от приложения. Грешно е да се приеме, че целият този асортимент е създаден от професионалисти от различни нива. Все повече и повече обикновени потребители създават удобни и прости приложения без никакви умения за програмиране. По-долу ще опишем подробно къде и как да последваме примера им, избирайки за пример програми за смартфони, базирани на Android.

Кой ще се възползва от самостоятелно създадено приложение?

Ако решите да създадете приложение за Android без умения за програмиране за забавление, тогава можете спокойно да преминете към секцията „Онлайн дизайнери“. За тези, които решат да влязат в този бизнес, за да рекламират и популяризират своя бизнес, творчество или бизнес проект, е важно да определят дали просто, самостоятелно създадено приложение е достатъчно за тях или все пак трябва да се обърнат за помощ към опитни разработчици .

И така, кога тази опция е оптимална:

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

Какво трябва да бъде приложението?

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

Публиката е привлечена от приложения, които отговарят на следните точки:

  • безопасност;
  • непрекъсната работа;
  • удобна навигация;
  • Лична зона;
  • наличие на насочени известия;
  • информационно съдържание - човек трябва да намери отговора на всички свои запитвания в приложението.

Избор на създател на приложения

Тъй като създаваме първото приложение за Android, без да имаме представа за езици за програмиране, онлайн дизайнерите ще могат да ни помогнат по този въпрос. Преди да изберете, прочетете внимателно неговите характеристики. Той трябва да има:

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

Дизайнерът трябва да осигури хостинг за приложението, да ви даде възможност да го управлявате, както и да публикува вашето творение в Google Play.

Десетте най-добри онлайн строители

За тези, които търсят как да създадат приложение за Android без умения, се предлага следната линия дизайнери, която отговаря на всички изисквания, изброени по-горе:

1. Мобилен Roadie. Една от най-старите услуги, които Мадона използва, е Circus of the Sun, San Diego Zoo. Основно насочен към шоубизнеса, маркетинг и PR агенции. Чрез създадените проекти можете да продавате билети и да ги пренасочвате за конкретно събитие. Цената за използване на дизайнера не е символична: минимум $149.

2. AppsBuilder. Как да създадете приложение за Android тук - просто го сглобете от готови шаблони. Освен това в конструктора са добавени функции за програмисти. Създаването на едно приложение на месец ще струва 49 евро тук.

3.Viziapps. Дизайнерът предлага и готови шаблони за вашето приложение, както и възможност за изпращане на съобщения от него до имейл, Twitter и Facebook. Минимална цена на месечен пакет: $33.

4. iBuildApp. Конструктор за тези, които търсят как да създадат просто приложение за Android - може да се използва за създаване на мобилни каталози, брошури и автобиографии. В допълнение към английската версия е достъпна и руската версия. За 2400 рубли на месец клиентът получава възможност да инсталира три хиляди от приложението си без вградена реклама.

5. My-apps.com. Работи както в руска, така и в английска версия. Отнема около пет минути, за да създадете собствено приложение, защото трябва само да изберете необходимите модули и дизайн на програмата. Минималният пакет "Старт" ще струва 599 рубли на месец. Сумата включва дизайнер на приложения само за Android, безплатни шаблони и икони и актуализации на програмата не повече от веднъж на два месеца.

6. AppGlobus. Руският дизайнер се предлага на 8 езика. За 900 рубли на месец се предоставят: дизайн на приложението, административен панел, липса на вградена реклама в проекта и ограничения за използването на push известия, брой инсталации.

7. Бизнес приложения. За тези, които се интересуват как да създадат приложение за Android от нулата, така че да работи в полза на бизнеса, това е най-добрият вариант: чат, известия, количка за пазаруване, интеграция със социални мрежи, каталог на услуги, раздел за новини. Минимална такса за създаване на приложение: $59 на месец.

8. Appsmakerstore. Позволява ви да създавате приложения не само за Android, но и за 5 други платформи. Интерфейс на 23 езика, включително руски. Основна характеристика на дизайнера: готови шаблони за различни проекти: търговия, салони за красота, ресторанти и др. Месечна употреба - $9,78.

9. TheAppBuilder е безплатен дизайнер, който предоставя готови стандартни шаблони за бизнес, творчески, новинарски, спортни и образователни проекти. Но има един минус - приложението ще има вградена реклама. Предлага се да го деактивирате за $5 на месец.

10. ПриложенияГейзер. Конструкторът предлага безплатно конвертиране на съдържанието на уебсайта в мобилно приложение. Можете да продавате своите творения, както и да поставяте собствена реклама в тях.

Сега нека да разгледаме примерите за конкретни конструктори, за да създадете свое собствено приложение.

Как да създадете приложение за Android: избор на шаблон в AppsGeyser

За да работите с този дизайнер, не е необходима регистрация - просто щракнете върху Създай сега на главната страница.

Създаване на блог приложение в AppsGeyser

И така, как сами да създадете мобилно приложение за Android като блогър:

  1. Изберете типа на блога: RSS, Tumblr, WordPress и т.н. Следва неговия имейл адрес и цветова схема за вашето бъдещо приложение.
  2. Сега името на създаваната мобилна програма.
  3. В "Описание" поставете кратко и информативно описание на приложението (въпреки че интерфейсът е на английски, можете да въвеждате текст на кирилица).
  4. Изберете лого на приложение от предложените опции или качете свое собствено.
  5. За да създадете файл за изтегляне за вашия проект, щракнете върху Създаване на приложение. За да направите това, трябва да се регистрирате в системата.
  6. Във вашия личен акаунт в AppsGeyser можете да изтеглите вашето творение на вашия собствен смартфон, както и да го поставите в магазина на Google Play. Ако активирате осигуряване на приходи, приложението ще показва реклами в приложението и ще бъдете таксувани за потребителите, които ги гледат.

В личния си акаунт можете също да наблюдавате броя на изтеглянията, да редактирате приложението, да създавате банери за натискане и да публикувате проекта в други магазини.

Как да създадете приложение за Android във формат "Ръководство".

Използвайки същия AppsGeyser, е възможно също да създадете приложение с инструкции, ръководство за потребителя.

Това също става в няколко прости стъпки:

  1. Персонализирайте цветовата схема на мобилната програма и начина, по който се показват стъпките на ръководството: една по една или няколко на активния екран.
  2. Редакторът ще ви помогне да качите необходимия текст, връзки, видеоклипове или снимки, необходими за яснота. За да добавите снимки, използвайте Imgur хостинг. Копирайте връзката на изображението на този ресурс в URL адреса на изображението.
  3. В края на работата добавете описание и лого на вашето приложение, след което щракнете върху Създаване на приложение. Приложението е създадено – остава само да проверим функционалността му и да го публикуваме в Google Play.

Създаване на приложение за магазина

Нека да разгледаме как да създаваме приложения за Android от нулата за собствениците на онлайн магазини. Например ще използваме друг дизайнер - Mobi Cart, специализиран в тази област. Услугата поддържа руски език и работи както в платен, така и в безплатен режим. Последният е ограничен до добавяне на не повече от 10 продукта.

И така, как да създадете приложение за Android:

  1. Първата точка е регистрацията. След това в личния си акаунт щракнете върху Създаване на приложение.
  2. Качване на лого - качете логото на вашия магазин. На този етап избирате и цветовата тема на приложението.
  3. Избор на раздели и страници, които ще бъдат във вашето приложение: „Новини“, „Моят акаунт“, „Начало“, „Магазин“, „Контакти“ и др.

Съхранявайте настройките в Mobi Cart

За да конфигурирате вашия онлайн магазин, щракнете върху Настройки на магазина:

  1. Въведете име, имейл адрес на администратор, валута.
  2. За да използвате Google Maps, трябва да регистрирате API ключ - след това той се копира в прозореца.
  3. Поставете отметка в квадратчето за безплатна доставка, ако вашият магазин я предлага. За наложен платеж изберете надценка (ако е например 12%, тогава в Наложен платеж се пише 1.12).
  4. Доставката показва разходите за доставка за определен регион. Този процес е трудоемък, тъй като ръчно определяте цената за всеки регион.
  5. В секцията „Данък“ руските магазини посочват цената с ДДС, така че поставете отметка в квадратчето тук Цените да включват данък.
  6. В Payments Gateway посочете платежните системи, с които работите. Бъдете внимателни - Mobi Cart не поддържа популярния Yandex.Money.
  7. Languges е езикът на вашата мобилна програма. Руският не е зададен по подразбиране, така че трябва да регистрирате превода на предложените команди ръчно.
  8. App Vital - тук са посочени името на програмата и страните, чиито жители ще могат да я изтеглят.
  9. Изображения - лого на приложението, Home Gallery - снимка на главния екран.

Добавяне на информация за продукта към Mobi Cart

Следващата важна стъпка: добавяне на вашата продуктова линия към Store Builder. Това може да стане по всеки удобен за вас метод:

  • използване на CSV файл, съдържащ цялата информация за асортимента;
  • използване на дизайнерския плъгин за синхронизиране на вашия сайт със създадената програма;
  • ръчно въвеждане на информация в личния ви акаунт.

За последния метод се използват два раздела: Отдели и Продукти. Добавянето става чрез бутон Добавяне на продукт. След това въведете неговото име, цена, категория и подробно описание.

Други полезни опции за магазин в Mobi Cart

Нека се докоснем до опциите, които могат да бъдат полезни за тези, които се интересуват как сами да създадат приложение за Android:

  1. Още страници - информация, изведена на страниците на програмата.
  2. Push Notification - ръчно създаване на push известия. Тук можете да изберете да изпратите както до всички потребители, така и до конкретни получатели.
  3. Раздел Новини - копиране на новини в раздела със същото име от Twitter или RSS източници. Въведете тук потребителското име за първия и URL адреса за втория.
  4. Публикуването на новини ви позволява сами да изпращате новини в приложението.

Като отидете на Създаване на приложение - Изпращане на приложения, можете да създадете apk (инсталационен) файл, като приемете лицензионното споразумение. Когато изберете платената версия, вашето приложение автоматично се качва в Google Play; ако изберете безплатната версия, ще трябва да направите това сами през Play Console. Инструкции за регистрация в тази система, както и за изтегляне на вашето собствено приложение Mobi Cart в нея, ще бъдат изпратени на вашата електронна поща.

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

Ако забележите грешка, изберете част от текста и натиснете Ctrl+Enter
ДЯЛ:
Компютри и модерни джаджи