Jak si sami vytvořit aplikaci pro Android. Jak si sami vytvořit aplikaci pro iPhone Jak si sami vytvořit aplikaci pro smartphone

Elena Šramenko

výkonný ředitel
Společnost "Akintsev and Partners".

„Rád bych řekl pár slov o návrháři mobilních aplikací z AppGlobal.

Nedávno jsme vyvinuli naši aplikaci založenou na konstruktoru AppGlobal. A každý den odhalujeme další a další možnosti tohoto nástroje, se kterým můžete realizovat nejrůznější úkoly.

Jednak jsem si uvědomil, že tento nástroj je velkým přínosem pro obě strany: pro nás jako vlastníky aplikace i pro naše klienty, kteří tuto aplikaci používají.

Řešením našich marketingových problémů poskytujeme našim klientům další výhody:

Mají na dosah všechny informace o tématu, které je zajímá, a dostávají možnost studovat materiály, které nejsou volně dostupné. Mohou využívat slevy a dárky, které jsou aktivní pouze prostřednictvím aplikace. Mají také možnost zaplatit za vaši službu nebo doručení z aplikace a zavolat zdarma.

Díky tomu získáváme stálé zákazníky a přitahujeme nové.“

Ilja Basnin

Partner AppGlobal

„Velkou nevýhodou všech ostatních služeb je chybějící technická podpora.

Analyzoval jsem mnoho konstruktérů.

Nejčastěji se používají jednoduché levné platformy, jejichž majitelé jednoduše kopírují materiály AppGlobal, ale samotný návrhář zůstává „surový“ a nedokončený.

Jejich velkou nevýhodou je nedostatek podpory. A navzdory nízkým cenám stále nemohou obstát v konkurenci.“

Arthur Budovský

„Za první měsíc používání mobilní aplikace vzrostly tržby o 14 %!

Píšu prodejní texty a učím lidi tomuto umění. Míra důvěry, kterou ke mně moji čtenáři mají, se zvýšila jen díky tomu, že existuje mobilní aplikace. Pokud je moje škola v Apstore a Google Play, znamená to, že mám solidní byznys a ne nějaký „podvod“. Lidé nakupují školení, aniž by si stáhli aplikaci do telefonu.

Samotný konstruktor AppGlobal je meganástroj! Plnohodnotnou aplikaci si můžete vytvořit sami, bez speciálních znalostí programování, za pár hodin! Jediné, že bych chtěl umět dělat různá rozhraní, protože všechny aplikace jsou si díky tlačítkům podobné.

Nyní zveřejňuji audio a video materiály a informační karty ve své mobilní aplikaci. K dispozici je předplatné novinek a integrace se sociálními sítěmi. Pro své čtenáře používám push notifikace. Je tam zpětná vazba jako příjem zpráv, fotek od klientů.

I přesto, že se uvedení mého produktu zpozdilo kvůli moderování, jsem ze spolupráce se službou AppGlobal velmi potěšen. Problémy se řeší poměrně rychle, konzultanti pomáhají vyřešit všechny problémy.

Můj web nyní žije mobilním životem. Pevně ​​doufám, že moji klienti a čtenáři mou mobilní aplikaci ocení a vícekrát se ke mně vrátí!

Děkujeme AppGlobal za jednoduchá řešení složitých, ale důležitých problémů!“

Prozradíme vám, jak vydělávat peníze nejen stahováním cizích aplikací, ale i tvorbou a propagací svých vlastních.

Vážení čtenáři! Naše články hovoří o typických způsobech řešení právních problémů, ale každý případ je jedinečný.

Pokud to chcete vědět jak přesně vyřešit váš problém - kontaktujte online formulář poradce vpravo nebo zavolejte na tel.

Je to rychlé a zdarma!

Jak vytvořit vlastní aplikaci?

Abyste mohli začít vydělávat peníze, musíte si vytvořit samotnou aplikaci a umístit ji na Android Market.

Na své aplikaci pro Android můžete vydělávat peníze třemi způsoby:

  1. Vytvořte unikátní aplikaci a získejte peníze za její stažení ostatními uživateli. K tomu musí být aplikace aktuální a fungovat bez problémů a chyb.
  2. Vytvořte si vlastní bezplatnou aplikaci. V tomto případě uživatel dostává peníze za reklamu v aplikaci.
  3. Přidání placených funkcí do bezplatných aplikací.

Je však třeba zdůraznit, že v některých zemích, například na Ukrajině a v Bělorusku, je prodej aplikací zakázán. V Rusku takový zákaz neexistuje a na svém Androidu může začít vydělávat každý.

Co je potřeba k vytvoření vlastní aplikace? Pokud byly dříve k vytvoření aplikace vyžadovány znalosti programování, nyní může kdokoli začít vytvářet svou vlastní aplikaci.

Dnes existuje několik služeb, které vám umožní vytvořit aplikaci jako návrhář.

  • První službou je Ibuildapp. Jedná se o vynikající nástroj, díky kterému si každý uživatel může vytvořit svou vlastní unikátní a zajímavou aplikaci. Abyste jej mohli začít používat, nepotřebujete programování ani jiné speciální dovednosti. Důležité je, že tato služba má ruskou jazykovou verzi, díky čemuž je práce s ní ještě jednodušší a pohodlnější. Tento nástroj můžete používat zcela zdarma výběrem „režimu bezplatného použití“. Uživatel může vytvářet aplikace a publikovat je bez omezení.
  • Druhým nástrojem je Appsgeyser. Funkčnost této služby spočívá v jediném úkolu – „přišít“ web do vaší aplikace. Výsledkem je převod obsahu webu do aplikace. Pokud máte svůj vlastní internetový zdroj a chcete jeho funkčnost přenést do aplikace, nenajdete lepší nástroj, než je tento. Aplikaci si navíc můžete vytvořit nejen z webových stránek, ale také z YouTube.
  • Můžete si také vytvořit vlastní aplikaci pomocí služby Theappbuilder. Stejně jako předchozí nástroje je tato služba zcela zdarma, což je skvělé pro začínající tvůrce. Díky krásnému a přehlednému rozhraní je práce s nástrojem příjemná a velmi pohodlná. K vytvoření vlastní aplikace stačí uživateli vybrat jednu z navržených šablon a předělat ji podle potřeby. Tato služba funguje v režimu návrhu.
  • Appsmakerstore je také velmi jednoduchá služba pro tvorbu aplikací na pár kliknutí. Výhodou je, že pomocí něj můžete vytvářet aplikace pro šest různých platforem najednou. Služba podporuje ruský jazyk. Stejně jako jiné podobné nástroje má Appsmakerstore bezplatnou verzi.

Chcete-li tedy vytvořit vlastní aplikaci pro Android, aniž byste měli nějaké speciální dovednosti, musíte přejít na web jakékoli designové služby a „sestavit“ svou aplikaci z hotových šablon.

Můžete si také objednat vytvoření aplikace u profesionálů. Cena takové práce bude přibližně 100 USD v závislosti na aplikaci, kterou je třeba provést.

Monetizace

Nejběžnějším způsobem, jak zpeněžit aplikaci, ale nepříliš efektivní, je vestavěná reklama. Podstatou této metody je, že aplikace je volně dostupná, ale je v ní zabudována reklama. Pomocí aplikace nebo hraní hry uživatel uvidí reklamu a klikne na ni a tvůrce aplikace za to dostane peníze.

Funkce nákupů v aplikaci je docela zajímavá. Díky této funkci má hráč přístup k dalším funkcím hry nebo aplikace, které lze zakoupit za skutečné peníze. Navíc bez toho není možné dokončit mnoho slavných aplikací. Tento způsob monetizace přináší mnohem více příjmů než výdělky z reklamy, ale také je obtížnější implementovat nákupy v aplikaci. Takové aplikace jsou pro uživatele velmi přínosné, protože nemusí hned na začátku platit. Pokud je aplikace zábavná a zajímavá, hráči s větší pravděpodobností začnou utrácet skutečné peníze.

Placené aplikace

Přestože jsou bezplatné aplikace poměrně populární, mnoho uživatelů nakupuje hry a programy pro Android. Chcete-li si stáhnout a zaplatit aplikaci, která se vám líbí, měli byste si nechat potvrdit platební kartu v peněžence ve vašem účtu Google. Po odečtení peněz z účtu se hra nebo jiná aplikace stáhne a nainstaluje do gadgetu.

Začít vydělávat peníze prodejem her a aplikací je docela jednoduché: musíte si stáhnout samotnou aplikaci, určit její cenu, země a regiony a publikovat ji na Android Marketu. Jedinou nevýhodou této monetizační metody je, že pro propagaci a popularizaci hry musíte pravidelně věnovat trochu času a pozornosti, protože uživatelé nebudou platit peníze za nepochopitelné aplikace.

Kolik můžete vydělat

Abyste svou aplikací začali vydělávat, musí být nejen zajímavá a funkční, ale také oblíbená. Chcete-li získat významný příjem, musí být aplikace stažena alespoň 500 000krát. Z hlediska vydělávání peněz jsou hloupé aplikace výnosnější než užitečné, ale málokdo je potřebuje.

Často si stahují různé zábavné aplikace (pouze pokud jsou zajímavé a jiné než jejich konkurenti).

Pokud se uživatel po vývoji aplikace rozhodne zkusit vydělat peníze zobrazováním reklam v aplikaci, musí vzít v úvahu několik detailů. Pokud je cena za kliknutí na reklamu 1-5 centů a na reklamní banner se klikne jednou za 100-300 zobrazení, pak k získání 500 USD budete potřebovat přibližně 500 000 - 1 000 000 reklamních bannerů. Dosáhnout toho je docela možné, i když obtížné.

Na čem závisí výše výdělku?

Příjem z vytvořených aplikací přímo závisí na jejich počtu, stažení a oblíbenosti. Čím více aplikací vytvoříte, tím snazší bude soutěžit s ostatními uživateli. Výdělky z aplikací pro operační systém Android, příjem provizí v tomto projektu se dají počítat na více než tisíc dolarů.

Další způsoby, jak vydělat peníze na zařízeních Android

Kromě vytváření vlastních aplikací existují i ​​​​jiné způsoby, jak vydělat peníze na Androidu.

Existuje několik typů aplikací, které vám umožní vydělat dobré peníze:

  1. Aplikace pro fotografie, kde jsou výdělky založeny na prodeji fotografií pořízených telefonem. Uživatel může přijímat jak tematické objednávky, tak jednoduše prodávat fotografie náhodným kupujícím.
  2. Aplikace pro prohlížení a konzumaci reklamy. V takových aplikacích můžete označit svou polohu v různých provozovnách, nákupních centrech, supermarketech, skenovat čárové kódy zakoupeného zboží a sledovat videa obsahující reklamu.
  3. Programy, které shromažďují informace.Účastí ve výzkumu a odpovídáním na průzkumy dostává uživatel peníze.
  4. Aplikace, které platí za instalaci další aplikace, programy, hry.

Instalace cizích aplikací za peníze

Instalace aplikací za peníze je další příležitostí, jak vydělat peníze pomocí vašeho Androidu. Chcete-li začít vydělávat peníze tímto způsobem, musíte si do telefonu stáhnout aplikaci PFI. Po instalaci této aplikace můžete začít provádět úkoly, zejména instalaci mobilních aplikací. Za každou nainstalovanou aplikaci získává uživatel peněžní odměnu. Tato služba vám také umožňuje vydělávat peníze přilákáním nových uživatelů.

Další podobnou aplikací je AppRating. Zde můžete vydělávat peníze stejným způsobem instalací aplikací a her do vašeho gadgetu. Peníze můžete vybírat na svůj mobilní telefon nebo webmoney.


Nejlepší aplikace pro vydělávání peněz

  1. Clashot je skvělá aplikace pro začínající fotografy. Vše, co musíte udělat, je pořídit fotografie, nahrát je a prodat. Nevýhodou této aplikace je, že uživatel nemůže nastavit cenu za své fotografie. Navíc z prodeje fotky získá jen 44 % a zbytek jde do aplikace.
  2. Vydělat peníze. Chcete-li začít vydělávat peníze, musíte si stáhnout aplikaci a poté sledovat videa, zaregistrovat se na stránkách a provádět další podobné úkoly. Platba se provádí prostřednictvím platebního systému PayPal a za každé přilákané doporučení je udělena čtvrt dolaru.
  3. AppTrailers– aplikace na vydělávání peněz, kde je potřeba prohlížet upoutávky na aplikace, instalovat demoverze, komentovat a hodnotit. Služba je ochotna za to zaplatit. Za shlédnutí jednoho videa můžete získat 0,5 $ a za instalaci demo verze aplikace od 0,9 do 1 $.
  4. ESPN Streak za peníze ideální pro ty, kteří se chtějí stát bookmakerem. Vše, co musíte udělat, je předpovídat výsledky zápasů a her.
  5. AdKash. Podstatou této aplikace je, že během příchozího hovoru nebo zprávy se na obrazovce objeví bannery s reklamou. Právě za ně uživatel dostává peníze.

Naučit se nový jazyk a vývojové prostředí je minimum, které se od vás vyžaduje, pokud chcete napsat svou první mobilní aplikaci. Načrtnutí základního seznamu úkolů pro Android nebo iOS bez kopírování příkladu z knihy bude trvat nejméně několik týdnů. Ale nemůžete ovládat Objective-C nebo Java a přesto rychle vyvíjet aplikace pro smartphony, pokud používáte technologie, jako je PhoneGap.

Pokud jste pečlivě studovali novinky, které nás ve Windows 8 čekají, možná jste si všimli, že pod ním bude možné vyvíjet aplikace v HTML5. Myšlenka ve skutečnosti není nová - technologie, které implementují stejný přístup pro mobilní platformy, se vyvíjejí mílovými kroky. Jedním z těchto frameworků, který vám umožňuje vyvíjet aplikace pro chytré telefony pomocí spousty známých HTML, JavaScript a CSS!, je PhoneGap. Aplikace napsaná s jeho pomocí je vhodná pro všechny populární platformy: iOS, Android, Windows Phone, Blackberry, WebOS, Symbian a Bada. Nebudete se muset učit specifika programování pro jednotlivé platformy (například Objective-C v případě iOS), ani se zabývat různými API a vývojovými prostředími. Vše, co potřebujete k vytvoření multiplatformní mobilní aplikace, je znalost HTML5 a speciální PhoneGap API. V tomto případě nebude výstupem hloupá HTML stránka „zarámovaná“ v rozhraní aplikace, ne! Rozhraní API tohoto rámce umožňuje používat téměř všechny funkce telefonu, které se používají při vývoji pomocí nativních nástrojů: přístup k akcelerometru, kompasu, fotoaparátu (nahrávání videa a fotografování), seznamu kontaktů, systému souborů, systému upozornění (standardní upozornění na telefonu) , úložiště atd. atd. Konečně může taková aplikace bezproblémově přistupovat k jakékoli mezidoménové adrese. Nativní ovládací prvky můžete znovu vytvořit pomocí frameworků jako jQuery Mobile nebo Sencha a konečný program bude vypadat, jako by byl napsán v rodném jazyce (nebo téměř tak) na mobilním telefonu. Nejlépe je výše uvedené ilustrovat v praxi, to znamená napsat přihlášku, takže doporučuji začít hned cvičit. Sledujte čas – vše zabere sotva více než půl hodiny.

Co budeme tvořit

Vezměme iOS jako cílovou platformu – ano, ano, peníze jsou v AppStore a prozatím je nejlepší zpeněžit svůj vývoj tam :). Ale hned to upřesním: totéž, beze změn, lze udělat, řekněme, pro Android. Dlouho jsem přemýšlel o tom, který příklad vzít v úvahu, protože jsem nechtěl psát další nástroj pro sledování seznamu úkolů. Rozhodl jsem se tedy vytvořit aplikaci nazvanou „Geographic Reminder“, navigační program, jehož účel lze popsat jednou větou: „Dejte mi vědět, až tu zase budu.“ AppStore má mnoho nástrojů, které vám umožní „zapamatovat si“ místo, kde uživatel zaparkoval auto. Je to skoro to samé, jen trochu jednodušší. Můžete ukázat na bod na mapě města, nastavit pro něj určitý poloměr a naprogramovat zprávu. Až příště spadnete do kruhu se zadaným poloměrem, aplikace vás na to upozorní a bod bude smazán. Budeme postupovat podle tohoto plánu: nejprve vytvoříme jednoduchou webovou aplikaci, otestujeme ji v prohlížeči a poté pomocí PhoneGap přeneseme na platformu iOS. Je velmi důležité prototypovat a testovat většinu kódu v prohlížeči na počítači, protože ladění aplikace v telefonu je mnohem obtížnější. Použijeme framework jQuery JS s jQuery Mobile (jquerymobile.com) jako framework a Google Maps v3 jako mapový engine. Aplikace se bude skládat ze dvou stránek: mapy a seznamu bodů.

  • Na mapě je umístěna značka vaší aktuální polohy. Kliknutím na mapu se vytvoří bod, ke kterému je připojena zpráva (např. „auto poblíž“). Bod lze smazat kliknutím na něj. K přesunutí značky osoby na mapě se používá geonavigační API.
  • Na stránce se seznamem bodů by mělo být další tlačítko „Smazat všechny body“ a vedle každého bodu by mělo být tlačítko „Smazat tento bod“. Pokud kliknete na prvek v seznamu, zobrazí se na mapě odpovídající bod. Uživatelské nastavení a seznam bodů uložíme do localStorage.

rámce uživatelského rozhraní

jQuery Mobile samozřejmě není jediným frameworkem pro tvorbu mobilního rozhraní. Web PhoneGap má obrovský seznam knihoven a frameworků, které můžete použít (phonegap.com/tools): Sencha Touch, Impact, Dojo Mobile, Zepto.js atd.

Aplikační rámec

Ihned vysvětlím, proč budeme používat jQuery Mobile. Tato knihovna JS nám poskytuje hotové prvky rozhraní mobilních aplikací (co nejblíže těm nativním) pro různé platformy. Potřebujeme, aby výstupem byla mobilní aplikace a ne stránka z prohlížeče! Stáhněte si tedy nejnovější verzi JQuery Mobile (jquerymobile.com/download) a přeneste první soubory aplikace, které potřebujeme, do pracovní složky:

  • images/ (přesuňte sem všechny obrázky ze stejnojmenné archivní složky jq-mobile);
  • index.css;
  • index.html;
  • index.js;
  • jquery.js;
  • jquery.mobile.min.css;
  • jquery.mobile.min.js.

Je potřeba udělat zdroje převážně lokální, aby uživatel v budoucnu neplýtval mobilním internetem. Nyní vytvoříme rámec stránky v souboru index.html. Níže uvedený kód popisuje horní část stránky s mapou, nápisem „Geographic Reminder“ a tlačítkem „Body“.

Mapová stránka

Geovzpomínka

Body

Atribut stránky data-dom-cache="true" je nutný, aby se zajistilo, že nebude uvolněn z paměti. Tlačítko Body používá data-transition="pop", takže se stránka Seznam bodů otevře s efektem vyskakovacího okna. Více o tom, jak jsou stránky jQuery Mobile strukturovány, si můžete přečíst v dobré příručce (bit.ly/vtXX3M). Analogicky vytvoříme stránku se seznamem bodů:

Stránka se seznamem bodů

smazat vše

Body

Mapa

Pro tlačítko „Map“ napíšeme také data-transition="pop", ale přidáme atribut data-direction="reverse", aby se stránka "Map" otevřela s efektem "Fade". Stejné atributy zapíšeme do šablony bodu. To je vše, náš rám je připraven.

Vytvoření aplikace

Nyní potřebujeme zobrazit mapu, k čemuž použijeme standardní Google Maps API, které používají miliony různých webů:

Var latLng = new gm.LatLng(this.options.lat, this.options.lng); this.map = new gm.Map(element, ( zoom: this.options.zoom, // Vyberte počáteční střed přiblížení: latLng, // Nastavte počáteční střed mapTypeId: gm.MapTypeId.ROADMAP, // Normal map disableDoubleClickZoom: true, // Vypnutí automatického přiblížení klepnutím/dvojitým kliknutím disableDefaultUI: true // Zakázání všech prvků rozhraní ));

Zde Gm je proměnná odkazující na objekt Map Google. Inicializační parametry jsem dobře okomentoval v kódu. Dalším krokem je nakreslení značky muže na mapu:

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

Adresa spritu osoby z panoramat Google je použita jako PERSON_SPRITE_URL. Jeho statická adresa je maps.gstatic.com/mapfiles/cb/mod_cb_scout/cb_scout_sprite_api_003.png . Uživatel bude přidávat body kliknutím na mapu, takže pro jejich kreslení budeme poslouchat událost kliknutí:

Gm.event.addListener(this.map, "click", function (event) ( self.requestMessage(function (err, message) ( // Metoda, která vrátí text zadaný uživatelem, pokud (chyba) vrátí); // Metoda přidá do aktivního seznamu tečku a // vykreslí ji na mapu self.addPoint(event.latLng, self.options.radius, message); self.updatePointsList(); // Překreslí seznam bodů )); ), Nepravdivé);

Poskytuji většinu kódu - zbytek hledejte na disku. Dále musíme naučit aplikaci pohybovat ikonou uživatele na mapě. V prototypu používáme Geolocation API (to, které se používá také v prohlížečích pro stolní počítače):

If (navigator.geolocation) ( // Zkontrolujte, zda prohlížeč podporuje geolokační funkci 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)); // Přesunutí ikony uživatele ) // Každé tři sekundy požadujeme aktuální // polohu uživatel window.setInterval (funkce () ( // Žádost o aktuální pozici navigator.geolocation.getCurrentPosition(gpsSuccess, $.noop, ( enableHighAccuracy: true, maximumAge: 300000 )); ), 3000); )

Metoda movePerson používá jednoduchou proceduru getPointsInBounds() ke kontrole, zda je uživatel v nějakém aktivním bodě. Poslední otázka - kam uložit seznam bodů? HTML5 zavedlo možnost používat localStorage, takže to nezanedbáme (nechám vás, abyste na tyto části kódu přišli sami, což jsem dobře okomentoval). Takže aplikace běžící v prohlížeči je připravena!

Spuštění webové aplikace

Jak jsem již řekl, ladění je většinou nutné provádět na počítači. Pro testování webových aplikací na počítači je nejvhodnější prohlížeč Safari nebo Chrome. Po odladění v těchto prohlížečích si můžete být jisti, že vaše aplikace nebude fungovat v prohlížeči mobilního telefonu. Oba tyto prohlížeče jsou kompatibilní s většinou mobilních webových prohlížečů, protože jsou postaveny na enginu WebKit stejně jako ony. Po odstranění všech chyb můžete přistoupit ke spuštění mobilní webové aplikace přímo ve vašem telefonu. Chcete-li to provést, nakonfigurujte svůj webový server (dokonce i Denwer nebo XAMPP) tak, aby obsluhoval vytvořenou stránku, a otevřete ji v prohlížeči mobilního telefonu. Aplikace by měla vypadat podobně jako na obrázku. Zde je důležité pochopit, že budoucí mobilní aplikace sestavená pro mobilní platformu využívající PhoneGap bude vypadat téměř identicky, až na to, že se na obrazovce nebude zobrazovat navigační lišta prohlížeče. Pokud je vše v pořádku, můžete ze stránky začít vytvářet plnohodnotnou iOS aplikaci. Vezměte prosím na vědomí, že jsme se do této chvíle ani nedotkli PhoneGap a IDE pro mobilní vývoj.

Příprava

Abyste mohli sestavit aplikaci pro iOS, potřebujete počítač s operačním systémem Mac OS 10.6+ (nebo virtuální stroj na Mac OS 10.6) a také vývojové prostředí Xcode s nainstalovaným iOS SDK. Pokud sadu SDK nainstalovanou nemáte, budete si muset z webu společnosti Apple stáhnout obraz disku, který obsahuje Xcode a iOS SDK (developer.apple.com/devcenter/ios/index.action). Mějte na paměti, že obrázek váží přibližně 4 GB. Navíc se budete muset zaregistrovat na webu Apple jako vývojář (pokud se nechystáte publikovat svou aplikaci v AppStore, pak lze tento požadavek obejít). Pomocí této sady můžete vyvíjet aplikace v nativním jazyce iOS Objective-C. Rozhodli jsme se to ale obejít a použít PhoneGap, takže ještě musíme nainstalovat balíček PhoneGap pro iOS. Stačí si stáhnout archiv z offsite (https://github.com/callback/phonegap/zipball/1.2.0), rozbalit a spustit instalátor ve složce iOS. Po dokončení instalace by se v nabídce projektů Xcode měla objevit ikona PhoneGap. Po spuštění budete muset vyplnit několik formulářů, ale velmi brzy uvidíte pracovní plochu IDE s vaší první aplikací. Chcete-li zkontrolovat, zda vše funguje, klikněte na tlačítko Spustit - měl by se spustit emulátor iPhone/iPad s aplikací šablony PhoneGap. Sestavený program vygeneruje chybu, že index.html nebyl nalezen - to je normální. Otevřete složku, do které jste uložili soubory primárního projektu, a najděte v ní podsložku www. Přetáhněte ji do editoru, klikněte na ikonu aplikace v seznamu vlevo a v okně, které se zobrazí, vyberte „Vytvořit odkazy na složky pro všechny přidané složky“. Pokud program spustíte znovu, vše by mělo fungovat. Nyní můžeme zkopírovat všechny soubory našeho prototypu do složky www. Je čas vyladit náš prototyp, aby fungoval na smartphonu pomocí zpracování PhoneGap.

Přenos prototypu

Nejprve musíte do svého indexového souboru zahrnout phonegap-1.2.0.js. PhoneGap umožňuje omezit seznam hostitelů dostupných pro návštěvu. Navrhuji takový „bílý seznam“ zřídit hned. V nabídce projektu otevřete Supporting Files/PhoneGap.plist, najděte položku ExternalHosts a přidejte do ní následující hostitele, ke kterým bude naše aplikace přistupovat (jedná se o servery Google Maps): *.gstatic.com, *.googleapis.com, mapy .google.com. Pokud je neuvedete, program zobrazí v konzoli varování a mapa se nezobrazí. K inicializaci webové verze naší aplikace jsme použili událost DOMReady nebo pomocníka jQuery: $(document).ready(). PhoneGap generuje událost deviceready, která označuje, že je mobilní zařízení připraveno. Doporučuji použít toto:

Document.addEventListener("deviceready", funkce () ( new Notificator($("#map-canvas")); // Pokud uživatel nemá internet, // upozorní ho na to, pokud (navigator.network.connection. type = == Connection.NONE) ( navigator.notification.alert("Žádné připojení k internetu", $.noop, TITLE); ) ), false);
Zabráníme posouvání: document.addEventListener("touchmove", funkce (událost) ( event.preventDefault(); ), false);

Poté nahradíme všechna upozornění a potvrdíme hovory nativními hovory, které nám PhoneGap poskytuje:

Navigator.notification.confirm("Odstranit bod?", funkce (id_tlačítka) ( if (id_tlačidla === 1) ( // stisknuto tlačítko OK self.removePoint(bod); ) ), TITLE);

Poslední věc, kterou musíme změnit, je blok kódu, který pohybuje ikonou uživatele po mapě. Náš současný kód také funguje, ale funguje méně optimálně (přesune ikonu, i když se souřadnice nezměnily) a neposkytuje tak bohatá data jako protějšek PhoneGap:

Navigator.geolocation.watchPosition(funkce (pozice) ( self.movePerson(new gm.LatLng(position.coords.latitude, position.coords.longitude)); ), function (error) ( navigator.notification.alert("code: " + error.code + "\nzpráva: " + error.message, $.noop, TITLE); ), ( četnost: 3000 ));

Tento kód je elegantnější – generuje událost pouze při změně souřadnic. Klikněte na tlačítko Spustit a ujistěte se, že aplikace, kterou jsme právě vytvořili, perfektně funguje v simulátoru zařízení iOS! Je čas začít spouštět na skutečném zařízení.

Spustit na zařízení

Připojte svůj iPhone, iPod nebo iPad k počítači se systémem Xcode. Program detekuje nové zařízení a požádá o povolení k jeho použití pro vývoj. Nemá smysl ji odmítat :). Dovolte mi ještě jednou zopakovat: Abyste mohli spouštět psanou aplikaci na iOS, musíte být autorizovaným iOS vývojářem (jinými slovy být přihlášen k odběru iOS Developer Programu). To vám bude vadit pouze v případě, že vyvíjíte aplikace pro produkty Apple, u jiných platforem (Android, Windows Phone) je vše mnohem jednodušší. Studenti na vysoké škole mají díky některým výhodám šanci získat přístup k programu zdarma. Všichni ostatní musí za účast v programu zaplatit 99 USD ročně. Apple vydá certifikát, kterým můžete podepsat svůj kód. Podepsanou aplikaci lze spustit na iOS a distribuovat v App Store. Pokud nejste student, a přesto je vám líto 99 dolarů za nevinné experimenty, pak existuje další způsob – oklamat systém. Můžete si vytvořit self-signed certifikát pro ověření kódu a spustit mobilní program na jailbreaknutém iOS zařízení (nebudu se tím zdržovat, protože vše je co nejpodrobněji popsáno v tomto článku: bit.ly/tD6xAf) . Tak či onak se na displeji vašeho mobilního telefonu brzy zobrazí fungující aplikace. Zastavte stopky. jak dlouho ti to trvalo?

Jiné platformy

Kromě PhoneGap existují další platformy, které umožňují vytvářet mobilní aplikace bez použití nativních jazyků. Pojďme si vyjmenovat ty nejlepší hráče.

Appcelerator Titanium (www.appcelerator.com).

Titanium umí vytvářet aplikace primárně pro Android a iPhone, ale také tvrdí, že podporuje BlackBerry. Kromě samotného rámce poskytuje projekt sadu nativních widgetů a IDE. Aplikace na Titanium můžete vyvíjet zdarma, ale budete muset platit za podporu a další moduly (od 49 $ měsíčně). Cena některých modulů třetích stran dosahuje 120 USD ročně. Vývojáři Appcelerator Titanium tvrdí, že na jejich frameworku bylo napsáno více než 25 tisíc aplikací. Zdrojový kód projektu je distribuován pod licencí Apache 2.

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

Tato technologie podporuje hlavní platformy – iOS a Android. Framework je zaměřen hlavně na vývoj her. Vývojáři samozřejmě prohlašují vysoce kvalitní optimalizaci na OpenGL. Platforma nemá bezplatnou verzi a cena je poměrně strmá: 199 $ ročně za licenci pro jednu platformu a 349 $ ročně pro iOS a Android. Corona nabízí vlastní emulátory IDE a zařízení. Aplikace Corona jsou napsány v jazyce podobném JavaScriptu.

Závěr

Vytvořili jsme jednoduchou mobilní webovou aplikaci a v několika jednoduchých krocích ji přenesli na platformu iOS pomocí PhoneGap. Nenapsali jsme jediný řádek kódu Objective-C, ale dostali jsme program slušné kvality, který strávil minimum času portováním a učením PhoneGap API. Pokud preferujete jinou platformu, například Android nebo Windows Mobile 7, pak si stejně snadno, bez jakýchkoliv změn pro tyto platformy, můžete sestavit naši aplikaci (ke každé z nich je dobrý úvodní manuál a video tutoriál: phonegap.com/ Start) . Pro ověření životaschopnosti platformy se můžete podívat na hotové aplikace na PhoneGap, které vývojáři technologie shromáždili ve speciální galerii (phonegap.com/apps). PhoneGap je vlastně ideální platforma pro vytvoření alespoň prototypu budoucí aplikace. Jeho hlavními výhodami jsou rychlost a minimální náklady, které aktivně využívají startupy, které jsou ve všech ohledech omezené zdroji. Pokud aplikace selže a z nějakého důvodu již nejste spokojeni s vnitřními prvky HTML+JS, můžete aplikaci vždy přenést do nativního jazyka. Nemohu si pomoci, ale říci, že PhoneGap byl původně vyvinut společností Nitobi jako open source projekt (úložiště se nachází na GitHubu: github.com/phonegap). Zdrojový kód zůstane nadále otevřený, ačkoli společnost Adobe koupila Nitobi loni v říjnu. Musím říct, jaké má projekt s podporou takového giganta vyhlídky?

Bez finančních investic a speciálních znalostí.

Zde je nejjednodušší návod, jak vytvořit základní iOS aplikaci a vyzkoušet ji na svém zařízení. Na jeho základě můžete jít dále do tématu a vytvářet opravdu užitečné programy.

Poznámka pro uživatele Windows: pro vytváření aplikací pro iOS je potřeba nainstalovat OS X na virtuální stroj (VirtualBox, VMware). Tento proces není v žádném případě jednoduchý a vyžaduje samostatné pokyny.

1. Přejděte do obchodu App Store a nainstalujte vývojové prostředí XCode :

Pokud již máte XCode, musíte jej aktualizovat.

2. Spusťte xCode a vyberte položku nabídky Soubor -> Nový -> Projekt:

3. Vyberte platformu a typ aplikace:

4. Poskytněte informace o projektu. Upozorňujeme, že jsme vybrali typ aplikace „Univerzální“:

5. Klikněte na tlačítko Nová složka a uveďte název složky, do které budeme ukládat soubory aplikace:

6. Zrušte zaškrtnutí políčka Create Git Repository a klikněte na tlačítko Create. V důsledku toho byste se měli dostat na úvodní obrazovku pro práci s aplikací:

7. Klikněte na položku Hlavní.příběh v pravém menu přetáhněte prvek do hlavního pole Označení a přidejte k němu text Ahoj světe:

8. Nyní musíme udělat ikonu pro aplikaci. Vybereme obrázek a nahrajeme jej na mapappicon.com:

9. Počkáme, až webová aplikace dokončí práci, a pomocí ikon označíme vaši e-mailovou adresu pro příjem archivu:

10. Vraťte se do XCode a vyberte sekci v levém menu Aktiva.xaktiva:

11. Otevřete archiv z pošty a přetáhněte odtud ikony do pracovního prostoru XCode:

12. Vyberte jeden ze simulátorů zařízení, klikněte na tlačítko pro spuštění aplikace (černý trojúhelník) a zapněte jej na vašem Macu Vývojářský režim:

13. Zkoušíme začít znovu. Čekáme, až se iOS načte do simulátoru:

14. Ujistěte se, že aplikace funguje:

Díváme se na hotovou aplikaci na zařízení

Nyní můžete vidět, jak aplikace na zařízení funguje. Než budete postupovat podle pokynů, ujistěte se, že máte nejnovější verze XCode a iOS.

1. Pojďme na xCode -> Předvolby -> Účty a přidejte své Apple ID:

2. Připojte zařízení iOS k počítači:

3. Vyberte požadované zařízení ze seznamu a klikněte na tlačítko Start. Chvíli čekáme.

4. Pokud se zobrazí zpráva o problémech se zabezpečením, přejděte na zařízení iOS na Nastavení -> Základní -> Správa zařízení a umožnit aplikacím od vývojáře spouštět s vaším Apple ID:

5. Přejděte na plochu a najděte ikonu nové aplikace:

6. Spuštění:

7. Odpojte zařízení od počítače. Nyní lze aplikaci používat.

Co dělat, když chcete víc?

Pomocí vědeckého šťouchání a Googlu můžete výše uvedenou sekvenci akcí rozšířit a vytvořit funkčnější aplikaci. Můžete jej ale používat pouze na svých vlastních zařízeních.

Apple totiž na aplikace klade velmi vysoké nároky. Pokyny pro recenze App Store obsahují 29 bodů a více než sto dílčích bodů. Aby jim aplikace vyhovovala a byla přijata ke zveřejnění v obchodě, potřebuje vývojář velké množství technických znalostí.

Pokud chcete vytvářet kvalitní iOS aplikace určené pro masové použití, musíte se to naučit!

Programovací jazyk pro mobilní vývoj na Androidu je velmi jednoduchý – Java. Google nyní aktivně propaguje Kotlin jako jazyk, který může nahradit Javu. Aplikace jsou také napsány v C++.

Vytvoření jednoduché aplikace se skládá z několika fází:

  • projekt v Android Studiu;
  • vytvoření uživatelského rozhraní;
  • přidávání aktivit, navigace a akcí;
  • otestujte aplikaci v emulátoru.

Mezitím popisujeme základy, studenti kurzu „“ již dostávají peníze za své přihlášky.

Požadované nástroje

Nejprve si nainstalujte program Android Studio. Je to oficiální vývojové prostředí (IDE) pro Android a běží na Windows, MacOS a Linux. I když při vývoji programů pro Android můžete kromě Android Studia používat i jiná prostředí.

Pokud je nemáte nainstalované v počítači Android SDK a pak další komponenty Android Studio automaticky je stáhne. Android SDK je programovací prostředí, které obsahuje knihovny, spustitelné soubory, skripty, dokumentaci atd.

Android SDK zkompiluje kód spolu se všemi daty a zdroji do souboru s příponou .apk. Obsahuje vše, co potřebujete k instalaci aplikace do vašeho zařízení Android.

Je také užitečné nainstalovat emulátor Android spouštět a testovat aplikace. Emulátor je součástí balení Android Studio.

Jakmile jsou všechny nástroje nainstalovány, můžete vytvořit svůj první projekt. Nejprve však musíte pochopit základní pojmy.

Z čeho se aplikace skládá?
na Androidu

Aplikace pro Android se skládá ze čtyř komponent. Každá komponenta je vstupním bodem, přes který může systém nebo uživatel získat přístup.

  1. Aktivita (aktivita)- prvky interaktivního uživatelského rozhraní.
    Jedna aktivita spouští druhou a sděluje, co má uživatel v úmyslu udělat prostřednictvím třídy Intent. Aktivity jsou jako webové stránky a záměry jsou jako odkazy mezi nimi. Spuštění aplikace je hlavní činností.
  2. Servis (servis)- univerzální vstupní bod pro udržení aplikace spuštěné na pozadí.
    Tato komponenta provádí dlouhodobé operace nebo práci pro vzdálené procesy bez vizuálního rozhraní.
  3. Vysílací přijímač(vysílací přijímač) vysílá záměry z aplikace několika účastníkům.
  4. Poskytovatel obsahu(poskytovatel obsahu) spravuje sdílenou datovou sadu aplikace ze systému souborů, databáze SQLite, webu nebo jiného úložiště.

Nyní si zkusme vytvořit vlastní aplikaci pro Android.

Vytvoření aplikace pro Android
v Android Studiu

Krok 1

Vyberte název aplikace, doménu společnosti, cestu k projektu a název balíčku. Uvádíme, zda povolit podporu pro volitelné programovací jazyky C++ a Kotlin.

Krok 2

Stanovíme jednu nebo více cílových platforem pro montáž. K tomuto účelu slouží SDK a AVD, správce virtuálních zařízení Android. Nástroj umožňuje instalovat balíčky do SDK, které podporují více verzí operačního systému Android a více úrovní API (rozhraní pro programování aplikací).

Odkaz

Čím nižší verze Androidu, tím více zařízení aplikace poběží. Čím vyšší verze, tím bohatší funkce API.

Krok 3

Vybereme hlavní aktivitu, která se spustí po kliknutí na ikonu aplikace, a pojmenujeme ji.

Krok 4

Po několika minutách sestavování Android Studio otevře rozhraní IDE. Jsou zde tři hlavní body.

Pokud z rozbalovací nabídky vyberete zobrazení Android, zobrazí se soubory projektu. Například naše hlavní činnost je tzv app > java > ru.skillbox.skillboxapp > FullscreenActivity. Při vytváření projektu jsme místo aktivity specifikovali Hlavní aktivita na celé obrazovce.

Konečně třetí důležitý soubor aplikace > manifesty > AndroidManifest.xml popisuje základní vlastnosti aplikace a definuje všechny její součásti.

Obsah manifestu

<manifest xmlns:android = "http://schemas.android.com/apk/res/android" package="ru.skillbox.skillboxapp" > <aplikace android:allowBackup ="true" android:icon ="@mipmap/ic_launcher" android:label ="@string/název_aplikace" android:roundIcon ="@mipmap/ic_launcher_round" android:supportsRtl ="true" android:theme =" @style/AppTheme" > <activity android:name =".FullscreenActivity" android:configChanges = "orientace|klávesniceSkrytá|velikost obrazovky" android:label ="@string/app_name" android:theme ="@style/FullscreenTheme" > <intent-filtr > <action android:name ="android.intent.action.MAIN" /> <kategorie android:name = "android.intent.category.LAUNCHER" /> intent-filtr > činnost > aplikace > manifest >

Spusťte na skutečném zařízení

Aplikace, kterou jsme vytvořili, je jediná aktivita, která běží v režimu celé obrazovky a nemá žádné grafické prvky.

Spouštíme jej na zařízení Android nebo v emulátoru.

K tomu připojíme smartphone nebo tablet v režimu ladění USB, který je aktivován v Nastavení vývojáře v nabídce Nastavení.

Chcete-li spustit emulátor, klikněte na tlačítko v aplikaci Android Studio Běh v nabídce Běh(Shift+F10). Vyberte vhodné zařízení a verzi operačního systému, orientaci na výšku nebo na šířku (na šířku).

Android Studio nainstaluje emulátor a spustí jej.

Vytvoření jednoduchého uživatelského rozhraní

Uživatelské rozhraní aplikace pro Android je vytvořeno pomocí hierarchie rozložení(rozvržení, objekty ViewGroup) a widgety(Zobrazení objektů). Rozvržení řídí umístění podřízených widgetů na obrazovce. Samotné widgety jsou přímo komponenty uživatelského rozhraní: tlačítka, textová pole na obrazovce atd.

Rozhraní aktivit se vytváří v Android Studiu v Editoru rozložení a je většinou uloženo v souborech XML.

  1. Otevřete soubor app > res > layout > activity_fullscreen.xml.
  2. Přidejte widgety na obrazovku z palety přetažením myši.
  3. Vezměme například textové pole (Prostý text). Toto je widget EditText, do kterého může uživatel zadávat text.
  4. Přidejte tlačítka a další potřebné prvky.

Tlačítka a další prvky můžete také přetáhnout na obrazovku.

Přidávání akcí, aktivit a navigace

Řekněme, že jsme vytvořili aktivitu s textovým polem a tlačítkem Odeslat. Poté musíte napsat, co se přesně stane, když kliknete na tlačítko „Odeslat“.

  1. Pojďme do kódu aplikace > java > FullscreenActivity.
  2. Přidání metody Poslat zprávu() do třídy Celoobrazovková aktivita takže po kliknutí na tlačítko se zavolá tato metoda.
  3. Vytváříme záměry (třída Intent) pro přechod z jedné aktivity na druhou, nové aktivity, navigaci a vše ostatní, co je pro aplikaci potřeba.

A samozřejmě začínáme snít o tom, jak aplikaci zpeněžit.

Hlavní pravidla
pro aplikace pro Android

Aplikace pro Android žije ve vlastním sandboxu, který podléhá bezpečnostním pravidlům Linuxu:

  1. Každá aplikace je samostatný uživatel ve víceuživatelském systému Linux.
  2. Ve výchozím nastavení systém přiřadí každé aplikaci jedinečné uživatelské ID, které aplikace nezná; všechny soubory jsou přístupné pouze tomuto uživatelskému ID.
  3. Všechny procesy mají svůj vlastní virtuální stroj (VM), takže spouštěcí kód je izolován od ostatních aplikací.
  4. Ve výchozím nastavení spouští každá aplikace svůj vlastní linuxový proces.

Existují výjimky z pravidel:

  1. Je možné dát dvěma aplikacím společné uživatelské ID, aby mohly navzájem sdílet soubory.
  2. Rozsáhlý program odborného vzdělávání se zárukou zaměstnání. Webináře, živá setkání, hackathony a výzvy od skutečných klientů. Získáte dovednosti v programování a vytváření aplikací pro iPhone a Android, i když jste to nikdy předtím nedělali. Získáváte koncentraci zkušeností od silných vývojářů a zakladatelů vlastních firem – lektorů našeho kurzu.
Instrukce