Kako napraviti vlastitu aplikaciju za android. Razvoj i kreiranje mobilnih aplikacija: odakle početi

Imate ideju da napravite mobilnu aplikaciju, ali sumnjate da imate dovoljno znanja i vještina da je napravite? Čak i ako ne znate ništa o kreiranju mobilnih aplikacija, još uvijek možete napraviti jednu, pa čak i zaraditi novac od toga.

Ideja

Rad na kreiranju aplikacije počinje idejom. Prvo razmislite za koga želite da napravite aplikaciju. Na primjer, ako živite u veliki grad gdje ima puno turista, onda možete razmišljati o kreiranju aplikacije za njih. Postoji mnogo opcija.

Takođe, razmislite o svojim hobijima i interesovanjima. Recimo da često putujete i želite posjetiti najpoznatije klubove širom svijeta. Napravili ste listu svojih omiljenih mjesta. Zašto ovu bazu podataka ne pretvoriti u aplikaciju za putovanja?

Mnoge poznate aplikacije nisu fokusirane na određene interese, ali one koje se uvijek rangiraju među prva tri su igre. Vjerovatno ste već preuzeli Temple Run, Minecraft na svoj pametni telefon. Aplikacije za igre obično zarađuju novac više novca, jer su korisnici spremniji da ih plate, posebno ako su veoma popularni među vašim prijateljima.

Nemojte se obeshrabriti ako pronađete nešto slično vašoj ideji kada pretražujete kroz App Store. Naučite da razmišljate izvan okvira. Na primjer, postoji nekoliko aplikacija koje pružaju informacije i karte o svim najpopularnijim turističkim mjestima u Moskvi. Ali postoji aplikacija koja pruža informacije o neobičnim mjestima u gradu za koja ne znaju svi.

Pokušajte smisliti ideju koja ima malo konkurenata. Ali ako ste odlučni da svoju ideju pretvorite u aplikaciju unatoč konkurenciji, pogledajte svoje konkurente i pokušajte shvatiti što možete učiniti da vaša aplikacija bude bolja od njihove.

Evo nekoliko važnih tačaka koje treba uzeti u obzir dok razmišljate o svojoj prijavi:

Opcije monetizacije

Prije nego počnete razvijati aplikaciju, morate odlučiti kako ćete zaraditi novac od nje. Postoji nekoliko glavnih načina za unovčavanje aplikacija:

  • Besplatna aplikacija. Uobičajeno korišteno velike kompanije, a aplikacija pomaže u prodaji njihovih proizvoda ili usluga.
  • Besplatna aplikacija sa oglašavanjem. Koristi se u popularnim aplikacijama koje aktivno komuniciraju s korisnikom
  • Plaćena aplikacija. Najpopularnija i najprofitabilnija vrsta monetizacije. Uz svaku tvoju prodaju Apple aplikacije uzima proviziju od 30%.
  • Lite i Pro. Lite aplikacija je besplatna, ali s ograničenim skupom funkcija. Kupovinom Pro otključat ćete sve funkcionalnosti
  • Kupovina unutar aplikacije - možete prodati nove funkcionalnosti ili nove nivoe igre direktno iz aplikacije

Razvoj

Sada imate ideju. Odlično, to je već pola bitke! Ali šta sad? Pretpostavljamo da vi, kao i većina ljudi, nemate iskustva u programiranju. I to je super! Postoji mnogo opcija.

Ako želite ići jednostavnim, ali skupljim putem, pogledajte web stranice za programere mobilnih aplikacija. AppBooker web stranica vam omogućava da unesete svoju platformu, zemlju i budžet, a zatim će vratiti listu programera koji zadovoljavaju vaše potrebe. Nakon što odaberete programera, možete vidjeti popis njihovih klijenata i vrste aplikacija za koje su specijalizirani.

Dobar spisak domaćih programera možete pronaći ovdje – ratingruneta.

Druga opcija za pronalaženje programera je da kontaktirate flinaser burze. Možda je čak i jeftinije, ali rizičnije, jer možete naići na nesavjesnog zaposlenika.

Evo nekoliko pitanja koja možete postaviti svom budućem programeru:

Kolika je cijena njihovog rada?

Za koga su radili u prošlosti?

Jesu li njihove prijave uspješne?

Hoću li imati sva prava na aplikaciju?

Imaju li iskustva i znanja da ostvare vašu ideju?

Za koje platforme (IOS, Android, itd.) mogu kreirati aplikacije?

Troškovi razvoja

Kako kažu, da biste zaradili novac prvo ga morate potrošiti. Ovo nije sasvim tačno kada su u pitanju mobilne aplikacije, ali na to ćemo se vratiti u nastavku. Za sada, pretpostavimo da ste odlučili naručiti aplikaciju od programera.

U zavisnosti od vrste aplikacije koju želite da napravite, cena se može kretati od 500 do 100.000 dolara. Ova cijena može izgledati vrlo visoka, ali vrijedi imati na umu da profit od uspješne aplikacije pokriva troškove nekoliko puta. Osim toga, aplikacije za igre su najskuplje za razvoj, a također su i bestseleri.

Ako već imate nešto posla (poput izgleda i grafike), možete značajno smanjiti cijenu. Drugi način za smanjenje troškova je da se programeru ponudi udio u dobiti od aplikacije.

Da biste saznali koliko će otprilike koštati razvoj aplikacije, možete koristiti kalkulator howmuchtomakeanapp. Kreirala ga je kanadska kompanija ooomf.com. Dobivenu cijenu možete sigurno podijeliti sa 2, a cijenu razvoja saznat ćete od nas. Također možete pogledati primjere aplikacija koje su već kreirali s cijenama - crew.co.

Postavljanje gotove aplikacije na App Store koštat će vas 99,9 USD godišnje. Postavljanje aplikacije na Android Market košta 25 dolara.

Kako besplatno kreirati aplikaciju

Ako ne želite da kreirate igru ​​ili neku vrstu aplikacije jedinstvenu po svojim funkcijama, onda možete vrlo dobro koristiti posebne online dizajneri mobilne aplikacije. Koristeći ove stranice možete besplatno napraviti jednostavnu aplikaciju bez ikakvog znanja programiranja. Ali ako želite nešto posebno, morat ćete prijeći na plaćeni plan.

Koliko možete zaraditi?

Očigledno je da će novac koji zaradite od svoje aplikacije u velikoj mjeri ovisiti o njenoj popularnosti, a koliko ćete zaraditi teško je reći.

Studija koju je sproveo GigaOM Pro pokazala je da više od polovine od 352 anketirana programera zarađuje manje od 500 dolara mjesečno.

Ovo svakako nije dovoljno da živite samo od zarade aplikacije, ali je odlično ako samo želite zaraditi malo više novca.

Naravno, možete napraviti još jedan hit poput Angry Birds koji će vam zarađivati ​​100.000 dolara mjesečno!

Kako biste dobro zaradili na svojoj aplikaciji, pročitajte nekoliko savjeta:

  • Vaša aplikacija bi trebala biti zanimljiva širokoj publici
  • Istražite najpopularnije aplikacije na tržištu
  • Ocijenite ovaj članak Glasova: 1153 Prosječna ocjena: 3.3

    Zapravo, oživotvorenje ove ideje nije tako teško i nije tako skupo kao što se čini na prvi pogled. Samo trebate imati dobru predstavu o tome što točno očekujete od mobilne aplikacije i odrediti kako postići svoje ciljeve.

    Testiranje hipoteza: isplati li se koristiti online usluge za kreiranje mobilnih aplikacija?

    Nije tajna da kreiranje vlastite mobilne aplikacije zahtijeva ozbiljna ulaganja, vrijeme i trud. Ali da li je vredno toga? U svom radu koristimo skup metoda za testiranje hipoteza naših klijenata kako bismo bili sigurni da će aplikacija koja se razvija ispuniti očekivanja poslovanja i korisnika.

    U nekim slučajevima možete izvršiti analizu programa prije nego što sami započnete razvoj Androida ili iOS-a, bez većih financijskih ulaganja.

    Jedan od načina za provjeru vrijednosti planiranih zadataka budućeg projekta je kratak TTM (time to market), čiji je cilj da se u kratkom vremenu objavi minimalna radna verzija mobilne aplikacije i dobije ubrzana povratna informacija od korisnika.

    Postoji mnogo načina za postizanje kratkog TTM-a i brzo prikupljanje povratnih informacija. Jedan od najjeftinijih i omogućava vam da brzo provjerite potrebu za kreiranjem Android programa za već postojeće poslovanje- online dizajneri mobilnih aplikacija.

    Za koje je zadatke ovo rješenje prikladno:

    • Kreiranje mobilne verzije Vaše web stranice
    • Povećanje kanala prodaje za postojeću on-line trgovinu
    • Povećanje kanala komunikacije između zaposlenih i klijenata
    • Povećajte kanale vijesti za svoj blog, web stranicu, bilten

    Kada koristiti takve usluge?

    • Veoma ste ograničeni u sredstvima
    • Vaša ideja nema tehnološku teške odluke i “tipično” za tržište
    • Uspjeh ili neuspjeh nakon pokretanja aplikacije neće imati značajan utjecaj na poslovanje
    • Tražite novi kanal za privlačenje klijenata i razmatranje projekta kao potencijalnog

    Prednosti upotrebe:

    • Velika brzina razvoja
    • Minimalna početna investicija
    • Mogućnost ubrzanog prijema povratne informacije od klijenata

    Nedostaci:

    • Ograničena funkcionalnost kalkulatora
    • Ograničeni dizajn, animacija
    • Loša kvaliteta rada pod velikim opterećenjem
    • Greške koda, dug proces ispravljanja grešaka
    • U većini usluga finalni proizvod je objavljen i u vlasništvu servisa preko kojih je nastao
    • Ne postoji način da se testira određena funkcija
    • Nema UX testiranja
    • Nekontrolisano oglašavanje

    Ako vam je potrebna kvalitetna i multifunkcionalna analitika projekata, razvoj aplikacija za Android ili iOS, obratite se profesionalcima u InfoShell-u. Naši stručnjaci će za vas razviti jedinstvenu mobilnu aplikaciju koja vaše kupce neće ostaviti ravnodušnima.

    Ako odlučite sami napraviti aplikaciju, za vas smo odabrali nekoliko besplatnih/shareware servisa.

    TOP-10 PROGRAMA ZA KREIRANJE APLIKACIJA ZA ANDROID I IOS

      Usluga appsgeyser vam omogućava da konvertujete svoju web stranicu, blog, video ili stranicu društvenih medija u mobilnu aplikaciju za Android s naknadnim objavljivanjem u Google Play.

      – potpuno besplatno i ne ograničava vas u broju aplikacija koje kreiraju korisnici.

      Prednosti platforme: praktično pregledavanje aplikacija, programa, brza konverzija bilo kojeg sadržaja (video sa YouTube-a, html dokumenta, web stranice) u mobilnu aplikaciju.

      Prije svega, usluga je pogodna za blogere i web stranice s vijestima. Koristeći kreiranu aplikaciju, moći ćete procijeniti za koliko će se pregledanost povećati nakon prve objave, a po broju instalacija - koliko je hitna potreba za mobilnom verzijom stranice među vašim klijentima.

    1. www.theappbuilder.com

      TheAppBuilder nudi alate za pomoćne aplikacije i programe. Pomoću ove usluge možete kreirati i konfigurirati aplikaciju potrebnu za interni rad tvoj tim. Pošaljite svima obavještenje o promjeni rasporeda rada restorana, podsjetite zaposlenog na promjenu njegovog rasporeda rada, prikažite zadnja vijest kompanije.

      Ako planirate interni proizvod, pokušajte to učiniti test verzija aplikacije koje koriste ovu uslugu, čime se uvjerava da li će zaposlenici koristiti takvu aplikaciju iu kojem slučaju.

      Cijena: pojedinačno na upit.

    2. – usluga koja nudi gotova rješenja za poslovanje – aplikacije za restorane, hotele, noćne klubove, javne organizacije. Konstruktor je dizajniran da kreira mobilni programi za Android (Android), Apple iOS, mobilnu web stranicu, web stranicu. Aplikacija se može učiniti višejezičnom.

      Usluga vam omogućava da napravite neograničen broj promjena u već objavljenoj aplikaciji, siguran hosting.

      Troškovi razvoja jedne mobilne aplikacije: 49 USD.

      je stranica za dizajnere aplikacija na ruskom jeziku koja vam omogućava da kreirate funkcionalne aplikacije koristeći softver bez ikakvog znanja programiranja. gotovi šabloni za sve popularne elektronske uređaje (iPhone, Android, iPad, Android Tablet). Usluga također nudi jednostavan način postavljanja aplikacije u Google Play i Apple Stores.

      Cijene: Razvoj mobilnih aplikacija za Android i iOS – BESPLATNO. Poslovni paket– 2.400 rubalja/mjesečno (1 aplikacija, 3 hiljade instalacija, objavljivanje u prodavnicama, bez reklama). Paket "Neograničeno"– 3.700 rub./mjesečno (1 aplikacija, neograničen broj instalacija, objavljivanje u trgovinama, bez reklama). Paket "Korporativni"– 27.100 rubalja/mjesečno (10 aplikacija, neograničen broj instalacija, dodatna zaštita sadržaja, tehnička i savjetodavna podrška).

    3. www.mobileroadie.com

      – servis za kreiranje aplikacija za događaje i vijesti. Koristeći ovu uslugu, možete kombinirati informacije o vašoj kompaniji na jednom mjestu ili preuzeti podatke o događajima unosom kontakata, fotografija, video zapisa, članaka i vijesti u jednu aplikaciju.

      Cijena korištenja varira ovisno o paketu usluga: Osnovni paket– 149 USD mjesečno ili 1499 USD godišnje, omogućava vam da kreirate jednostavnu aplikaciju bez složenosti tehnička rješenja i eksterne usluge. Pro paket– 799 USD mjesečno ili 7 999 USD godišnje, omogućit će vam povezivanje eksternih servisa i konfigurisanje sadržaja aplikacije sa admin panela.

    4. – usluga za privatne preduzetnike i mala preduzeća. Kreatori tvrde da će vam za kreiranje aplikacije trebati 20 minuta. Kreirane aplikacije će vam omogućiti da uspostavite novi kanal komunikacije sa kupcima i prikupite povratne informacije, napravite mobilna verzija Vašu web stranicu ili gotovu mobilnu aplikaciju.

      Važna prednost usluge je potpuno odsustvo reklama i mogućnost razvoja aplikacija za elektronske uređaje na iOS, Android (Android) i Windows Phone.

      Cijene: Besplatni i plaćeni paketi dostupni su na web stranici: Osnove aplikacija– 1 $ mjesečno App Pro– 9 $ mjesečno Unlimited Reseller– 39 dolara mjesečno.

      Appery– platforma za razvoj poslovnih aplikacija za iOS, Android (Android) i Windows Phone. Dizajner je raspoređen u oblaku, što eliminiše potrebu za instaliranjem programa na hard disk i namenjen je kreiranju funkcionalnih poslovnih aplikacija.

      Prednosti: zgodan vizualni uređivač, mogućnost dodavanja vlastitih dodataka, širok raspon alata za Android i iOS programere, povezivanje baza podataka i usluga trećih strana.

      Cijene paketa: Osnovna verzija: 30 $ standardna verzija:$30 (plaćanje za 12 mjeseci), $45 (mjesečno plaćanje). Pro verzija: $57 (plaćanje za 12 mjeseci); $85 (mjesečna uplata).

      – platforma za samorazvoj mobilnih aplikacija za iPad, iPhone, Android, HTML5. Pored mnogih svojih prednosti, usluga vam omogućava da kreirate aplikacije za e-trgovinu sa omogućenom monetizacijom.

      Cijene: Basic– 22,90 USD mjesečno ili 19,90 USD mjesečno (ako se plaća godišnje) Napredno– 58,90 USD mjesečno ili 49 USD mjesečno (naplaćuje se godišnje) Neograničeno– 139,90 USD mesečno ili 119,90 USD mesečno (ako se plaća godišnje).

      – platforma omogućava korisniku da jednostavno kreira funkcionalnu aplikaciju za Android i iOS (iPhone, iPad) za mala i srednja preduzeća. U BiznessAppsu kreirate mobilnu aplikaciju koristeći stotine gotovih šablona.

      Cijene paketa: Mobilna stranica– 29 dolara mjesečno Mobilna aplikacija– 59 dolara mjesečno.

    5. www.viziapps.com

      – usluga vam omogućava kreiranje mobilnih aplikacija za poslovanje pomoću funkcionalnog vizualnog uređivača. Kroz platformu je lako implementirati nova sučelja za SalesForce, QuickBooks, QuickBase, Google Spreadsheets i SQL baze podataka. Aplikacije kreirane u Viziaapps rade na svim popularnim tipovima mobilnih OS.

      Cijene paketa: Developer– 33 USD mjesečno Pro– 79 dolara mjesečno Premium– 129 dolara mjesečno.

      *Potrebna je godišnja uplata.

      Baš kao i kod web stranica, kada kreirate svoj proizvod pomoću on-line dizajnera, nameću vam se mnoga ograničenja. Primjeri ograničenja:

      • Aplikaciju je teško integrirati sa eksternim uslugama koje nije osigurao dizajner.
      • Kada koristite besplatne on-line dizajnere, podložni ste ozbiljnim ograničenjima, kao što su oglašavanje unutar vašeg proizvoda, prikupljanje podataka o proizvodu i kupcima i funkcionalna ograničenja.
      • Stvoreni proizvod je teško skalirati. Ako broj korisnika raste, vaše rješenje će visjeti ili će možda postati nedostupno korisnicima. Također, nećete moći prenijeti aplikaciju na alternativne platforme za korištenje (na primjer, yandex.store, koji je popularan u CIS-u ili Amazon u SAD-u).

      Aplikacije kreirane pomoću on-line dizajnera služe za testiranje hipoteza vašeg projekta. Međutim, ako dobijete negativnu povratnu informaciju i vaš projekat nije cijenjen, prije nego što ga odložite, odredite šta je tačno bilo ključ neuspjeha. U suprotnom rizikujete da izgubite profitabilan projekat zbog loše implementacije.

    Kako napraviti aplikaciju za Android - 10 koraka + 5 web stranica + 10 savjeta za programere početnike.

    Ljudi koji znaju kako kreirajte aplikaciju za android, može zaraditi veoma dobar novac.

    Naučiti programirati i kreirati igre, biblioteke i internetske trgovine nije teško.

    Ovaj članak će objasniti sve korake koje početnik treba poduzeti kako bi napravio aplikaciju koja će privući veliki broj pretplatnika.

    Koraci za kreiranje Android aplikacije

    Nakon što proučite sve potrebne korake, možete kreirati vlastiti program i staviti ga na prodaju.

    Razmislite o originalnoj temi.

    Da bi se aplikacija dobro prodavala, morate je učiniti ne samo zgodnom i lijepom, već i jedinstvenom.
    Inače ćete imati mnogo konkurenata.

    Pripremite se za neuspjeh.

    Najvjerovatnije će prva palačinka ispasti grudasta.

    Pažljivo testirajte rezultat svog rada.

    Korisnici mogu izraziti mnoga mišljenja, kako pozitivna tako i negativna, i ovo mišljenje vrijedi poslušati.

    Odaberite svoju dobnu publiku.

    Aplikacija za dijete treba biti svjetlija i šarenija nego za odraslu osobu.

    Dajte puno informacija i opcija menija. Ljudi vole da lutaju po stranicama, istražujući kartice.

    Malo ljudi će se svidjeti programu na jednoj stranici.

    Ne naplaćujte previše za svoj prvi posao.

    Prvo morate napuniti ruku.

    Kako napisati aplikaciju za Android?


    Gotovo svako može postati programer raznih igara i programa.

    Za neke će to postati posao i profitabilan posao, za druge će to biti samo hobi.

    Međutim, kako praksa pokazuje, oni koji su ozbiljno zainteresirani, proučavaju temu i pažljivo kreiraju igre, korak po korak, postižu veliki uspjeh.

    Da biste postali programer, trebate:

    • Za rad će vam trebati lični računar sa pristupom Internetu.
    • Procjena se može izvršiti samo s mobilnog telefona na kojem je instalirana najnovija verzija Android sistema.
    • Poželjno je poznavanje engleskog jezika barem na minimalnom nivou.
    • Potrebno je poznavanje Java jezika.
    • Poznavanje XML oznaka će vam olakšati rad i omogućiti vam da kreirate šarene, lijepo dizajnirane programe.

    Sve opisane faze mogu se kombinirati u tri glavne:

    1. Razvoj programskog interfejsa, izbor slika.
    2. Rad sa kodom.
    3. Testiranje.

    Svaka faza je važna na svoj način i ne treba je preskakati.

    Neki će možda odlučiti da nema smisla trošiti vrijeme na koncept.

    Ali niko ne sjeda da napiše knjigu a da ne zna o čemu će ona biti?

    Treba razviti ideju za igru ​​ili program i popuniti sve slabe tačke.

    Treba shvatiti da ne postoji jasan odgovor na pitanje: kako kreirati aplikaciju za Android.

    Nije dovoljno samo da ga kreirate, potrebno je da program učinite zanimljivim.

    Moderne web stranice omogućavaju vam da brzo kreirate ono što imate na umu bez muke s kodom.

    Za amatere je ova opcija sasvim prikladna.

    Ako želite, sve ćete morati sami.

    Fazi testiranja takođe treba posvetiti dužnu pažnju.

    Analiza mišljenja testera nam omogućava da izvučemo zaključak o tome kako će vlasnici Android pametnih telefona percipirati novi proizvod.

    Kako napraviti aplikaciju za Android i promovirati je?

    Ako niste popularni bloger ili kreator velikih igara, onda ćete to morati početna faza posvetite vrijeme promociji kreiranog programa.

    Za najbrže širenje trebate:

    1. Koristite unakrsne reference s drugim vlasnicima društvenih mreža i blogova.
    2. Objavite linkove na svom blogu.
    3. Recite prijateljima o kreiranom programu.

    Video ispod prikazuje proces kreiranja aplikacije pomoću usluge Appsgeyser:

    Mnogi ljudi ne znaju kako napraviti aplikaciju za android, i plaše se izraza “programski jezik”.

    Međutim, nema ništa strašno ili teško u razvoju programa.

    Moderne internetske stranice izvode sve potrebne radnje, samo im trebate dati smjer.

    Istražiti novi jezik a razvojno okruženje je minimum koji se od vas traži ako želite da napišete svoju prvu mobilnu aplikaciju. Za skiciranje osnovne liste zadataka za Android ili iOS s razumijevanjem, bez kopiranja primjera iz knjige, neće trebati puno vremena manje od par sedmice Ali ne možete savladati Objective-C ili Javu i dalje brzo razvijati aplikacije za pametne telefone ako koristite tehnologije kao što je PhoneGap.

    Ako ste pažljivo proučili inovacije koje nas očekuju u Windows 8, možda ste primijetili da će pod njim biti moguće razvijati aplikacije u HTML5. Ideja zapravo nije nova – razvijaju se tehnologije koje implementiraju isti pristup za mobilne platforme skokovima i granicama. Jedan od ovih okvira, koji vam omogućava da razvijate aplikacije za pametne telefone koristeći gomilu poznatih HTML, JavaScript i CSS!, je PhoneGap. Uz nju napisana aplikacija pogodna je za sve popularne platforme: iOS, Android, Windows Phone, Blackberry, WebOS, Symbian i Bada. Nećete morati učiti specifičnosti programiranja za svaku platformu (na primjer, Objective-C u slučaju iOS-a), niti se baviti raznim API-jima i razvojnim okruženjima. Sve što vam je potrebno za kreiranje mobilne aplikacije na više platformi je poznavanje HTML5 i poseban PhoneGap API. U ovom slučaju, izlaz neće biti glupa HTML stranica “uokvirena” u interfejsu aplikacije, ne! API okvira vam omogućava da koristite gotovo sve mogućnosti telefona koje se koriste pri razvoju koristeći izvorne alate: pristup akcelerometru, kompasu, kameri (video snimanje i fotografija), listi kontakata, sistemu datoteka, sistemu obavještenja (standardna obavještenja na telefonu) , skladište, itd. itd. Konačno, takva aplikacija može neprimetno pristupiti bilo kojoj adresi na više domena. Možete ponovo kreirati izvorne kontrole koristeći okvire kao što su jQuery Mobile ili Sencha, a konačni program će izgledati kao da je napisan na maternjem jeziku (ili skoro tako) na mobilnom telefonu. Najbolje je gore navedeno ilustrirati u praksi, odnosno napisati prijavu, pa predlažem da odmah počnete s vježbanjem. Pratite vrijeme – za sve će vam trebati jedva više od pola sata.

    Šta ćemo stvoriti

    Uzmimo iOS kao ciljnu platformu - da, da, novac je u AppStore-u, a za sada je najbolje unovčiti svoj razvoj tamo :). Ali odmah da pojasnim: ista stvar, bez promjena, može se uraditi, recimo, za Android. Dugo sam razmišljao o tome koji primjer da uzmem u obzir, jer nisam želio pisati još jedan alat za praćenje liste obaveza. Zato sam odlučio da napravim aplikaciju pod nazivom “Georemembrance”, navigacioni program čija se svrha može opisati jednom frazom: “Javi mi kada ponovo budem ovdje.” AppStore ima mnogo uslužnih programa koji vam omogućavaju da "zapamtite" mjesto gdje je korisnik parkirao automobil. To je skoro ista stvar, samo malo jednostavnija. Možete pokazati na tačku na mapi grada, postaviti određeni radijus za nju i programirati poruku. Sljedeći put kada padnete unutar kruga navedenog radijusa, aplikacija će vas obavijestiti i tačka će biti izbrisana. Nastavit ćemo prema ovom planu: prvo ćemo kreirati jednostavnu web aplikaciju, testirati je u pretraživaču, a zatim je prebaciti na iOS platformu koristeći PhoneGap. Veoma je važno napraviti prototip i testirati većinu koda u pretraživaču na računaru, jer je otklanjanje grešaka u aplikaciji na telefonu mnogo teže. Kao okvir koristićemo jQuery JS framework sa jQuery Mobile (jquerymobile.com), a kao mašinu za mape - google mape v3. Aplikacija će se sastojati od dvije stranice: mape i liste tačaka.

    • Oznaka vaše trenutne pozicije se postavlja na kartu. Klikom na kartu kreira se tačka uz koju je prikačena poruka (npr. „auto u blizini“). Tačka se može izbrisati klikom na nju. Za pomicanje markera osobe na karti, koristi se geonavigacijski API.
    • Na stranici sa listom tačaka treba da postoji dodatno dugme „Izbriši sve tačke“, a pored svake tačke dugme „Izbriši ovu tačku“. Ako kliknete na element na listi, odgovarajuća tačka će biti prikazana na mapi. Korisničke postavke i listu tačaka sačuvat ćemo u localStorage.

    UI okviri

    jQuery Mobile, naravno, nije jedini okvir za kreiranje mobilnog interfejsa. PhoneGap web stranica ima ogromnu listu biblioteka i okvira koje možete koristiti (phonegap.com/tools): Sencha Touch, Impact, Dojo Mobile, Zepto.js, itd.

    Aplikacioni okvir

    Odmah ću objasniti zašto ćemo koristiti jQuery Mobile. Ova JS biblioteka nam pruža gotove elemente interfejsa mobilne aplikacije (što je moguće bliže izvornim) za različite platforme. Trebamo da izlaz bude mobilna aplikacija, a ne stranica iz pretraživača! Pa hajde da preuzmemo najnoviju verziju JQuery Mobile (jquerymobile.com/download) i prenesite prve datoteke aplikacije koje su nam potrebne u radni folder:

    • slike/ (ovdje premjestite sve slike iz jq-mobile arhivske mape istog imena);
    • index.css;
    • index.html;
    • index.js;
    • jquery.js;
    • jquery.mobile.min.css;
    • jquery.mobile.min.js.

    Potrebno je učiniti resurse uglavnom lokalnim kako se korisnik ne bi trošio Mobilni internet. Sada kreiramo okvir stranice u datoteci index.html. Kod ispod opisuje gornji dio stranice sa kartom, natpisom „Geografski spomenik“ i dugmetom „Points“.

    Stranica mape

    Georemembrance

    Poeni

    Atribut stranice data-dom-cache="true" je neophodan kako bi se osiguralo da se ne učitava iz memorije. Dugme Points koristi data-transition="pop" tako da se stranica Points List otvara sa efektom Pop-in. Više o tome kako su jQuery Mobile stranice strukturirane možete pročitati u dobrom priručniku (bit.ly/vtXX3M). Analogno, kreiramo stranicu sa listom tačaka:

    Stranica sa spiskom poena

    obriši sve

    Poeni

    Mapa

    Za dugme “Mapa” upisaćemo i data-transition="pop", ali ćemo dodati atribut data-direction="reverse" tako da se stranica "Mapa" otvori sa efektom "Fade". Iste atribute ćemo napisati u predlošku točke. To je to, naš okvir je spreman.

    Kreiranje aplikacije

    Sada trebamo prikazati mapu, za koju ćemo koristiti standardni Google Maps API, koji koriste milioni različitih stranica:

    Var latLng = new gm.LatLng(this.options.lat, this.options.lng); this.map = new gm.Map(element, ( zoom: this.options.zoom, // Odaberite početni centar zumiranja: latLng, // Postavite početni centar mapTypeId: gm.MapTypeId.ROADMAP, // Normalna mapa disableDoubleClickZoom: true, // Onemogući automatsko zumiranje dodirom/dvostrukim klikom disableDefaultUI: true // Onemogući sve elemente sučelja ));

    Ovdje je Gm varijabla koja upućuje na objekt Google Maps. Dobro sam prokomentirao parametre inicijalizacije u kodu. Sljedeći korak je crtanje markera čovjeka na mapi:

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

    Adresa osobe sprite iz Google panorama se koristi kao PERSON_SPRITE_URL. Njegova statička adresa je maps.gstatic.com/mapfiles/cb/mod_cb_scout/cb_scout_sprite_api_003.png. Korisnik će dodati bodove klikom na kartu, pa ćemo za njihovo crtanje slušati klik događaj:

    Gm.event.addListener(this.map, "click", function (event) ( self.requestMessage(function (err, message) ( // Metoda koja vraća tekst koji je unio korisnik ako se (err) return; // Metoda dodaje tačku aktivnoj listi i // crta je na karti self.addPoint(event.latLng, self.options.radius, message); self.updatePointsList(); // Ponovno nacrtaj listu tačaka )); ), false);

    Dajem većinu koda - ostatak potražite na disku. Zatim trebamo naučiti aplikaciju da pomjeri ikonu korisnika na karti. U prototipu koristimo Geolocation API (onaj koji se također koristi u desktop pretraživačima):

    If (navigator.geolocation) ( // Provjerite podržava li preglednik funkciju geolokacije 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)); // Pomjeri ikonu korisnika ) // Svake tri sekunde tražimo trenutnu // poziciju korisnik window.setInterval (function () ( // Zahtjev za trenutnu poziciju navigator.geolocation.getCurrentPosition(gpsSuccess, $.noop, ( enableHighAccuracy: true, maximumAge: 300000 )); ), 3000); )

    Metoda movePerson koristi jednostavnu getPointsInBounds() proceduru da provjeri da li je korisnik u bilo kojoj aktivna tačka. Posljednje pitanje - gdje pohraniti listu bodova? HTML5 je uveo mogućnost korištenja localStorage, pa nemojmo to zanemariti (ostaviću vas da sami shvatite ove dijelove koda, što sam dobro prokomentirao). Dakle, aplikacija koja radi u pretraživaču je spremna!

    Pokretanje web aplikacije

    Kao što sam već rekao, otklanjanje grešaka se uglavnom mora obaviti na računaru. Najprikladniji pretraživač za testiranje web aplikacija na računaru je Safari ili Chrome. Nakon otklanjanja grešaka u ovim pretraživačima, možete biti sigurni da vaša aplikacija neće raditi u pretraživaču mobilnog telefona. Oba ova pretraživača su kompatibilna sa većinom mobilnih web pretraživača jer su izgrađeni na WebKit motoru baš kao i oni. Nakon što eliminišete sve greške, možete nastaviti sa pokretanjem mobilne web aplikacije direktno na svom telefonu. Da biste to učinili, konfigurirajte svoj web server (čak i Denwer ili XAMPP) tako da poslužuje kreiranu stranicu i otvorite je u pretraživaču mobilnog telefona. Aplikacija bi trebala izgledati otprilike kao na slici. Ovdje je važno razumjeti da je buduća mobilna aplikacija sastavljena za mobilna platforma koristeći PhoneGap, izgledat će gotovo identično, osim što traka za navigaciju pretraživača neće biti prikazana na ekranu. Ako je sve u redu, možete početi kreirati punopravnu iOS aplikaciju sa stranice. Imajte na umu da do sada nismo ni dotakli PhoneGap i IDE za mobilni razvoj.

    Priprema

    Da biste napravili aplikaciju za iOS, potreban vam je računar sa operativni sistem Mac OS 10.6+ (ili virtuelna mašina na Mac OS 10.6), kao i razvojno okruženje Xcode sa instaliranim iOS SDK. Ako nemate instaliran SDK, morat ćete preuzeti sliku diska sa Apple web stranice koja uključuje Xcode i iOS SDK (developer.apple.com/devcenter/ios/index.action). Imajte na umu da je slika teška oko 4 GB. Osim toga, morat ćete se registrirati na Apple web stranici kao programer (ako ne namjeravate objaviti svoju aplikaciju u AppStoreu, onda se ovaj zahtjev može zaobići). Koristeći ovaj set, možete razvijati aplikacije na matičnom iOS jeziku Objective-C. Ali odlučili smo da zaobiđemo i koristimo PhoneGap, tako da još uvijek moramo instalirati PhoneGap iOS paket. Samo preuzmite arhivu sa vanjske lokacije (https://github.com/callback/phonegap/zipball/1.2.0), raspakirajte je i pokrenite instalater u iOS folderu. Kada se instalacija završi, ikona PhoneGap bi se trebala pojaviti u meniju Xcode projekata. Nakon pokretanja, morat ćete popuniti nekoliko obrazaca, ali vrlo brzo ćete vidjeti IDE radni prostor sa svojom prvom aplikacijom. Da biste provjerili da li sve radi, kliknite na dugme Pokreni - emulator iPhone/iPad-a sa aplikacijom PhoneGap šablona trebao bi se pokrenuti. Sastavljeni program će generirati grešku govoreći da index.html nije pronađen - to je normalno. Otvorite fasciklu u kojoj ste sačuvali primarne datoteke projekta i pronađite u njoj poddirektorijum www. Prevucite ga u uređivač, kliknite na ikonu aplikacije na listi s lijeve strane i u prozoru koji se pojavi odaberite “Kreiraj reference foldera za sve dodane mape”. Ako ponovo pokrenete program, sve bi trebalo da radi. Sada možemo kopirati sve fajlove našeg prototipa u www folder. Vrijeme je da prilagodimo naš prototip za rad na pametnom telefonu koristeći PhoneGap obradu.

    Transfer prototipa

    Prije svega, trebate uključiti phonegap-1.2.0.js u vaš indeksni fajl. PhoneGap vam omogućava da ograničite listu domaćina dostupnih za posjetu. Predlažem da se takva „bijela lista“ odmah napravi. U meniju projekta otvorite Supporting Files/PhoneGap.plist, pronađite stavku ExternalHosts i dodajte joj sljedeće hostove kojima će naša aplikacija pristupiti (ovo su serveri Google Maps): *.gstatic.com, *.googleapis.com, maps .google.com. Ako ih ne navedete, program će prikazati upozorenje u konzoli i mapa se neće prikazati. Da bismo inicijalizirali web verziju naše aplikacije, koristili smo DOMReady događaj ili jQuery pomoćnik: $(document).ready(). PhoneGap generiše događaj spreman za uređaj, koji ukazuje da je mobilni uređaj spreman. Predlažem da koristite ovo:

    Document.addEventListener("deviceready", function () ( new Notificator($("#map-canvas")); // Ako korisnik nema Internet, // obavijesti ga o tome ako (navigator.network.connection. type = == Connection.NONE) ( navigator.notification.alert("Nema internetske veze", $.noop, TITLE); ) ), false);
    Spriječimo pomicanje: document.addEventListener("touchmove", function (event) ( event.preventDefault(); ), false);

    Zatim ćemo zamijeniti sva upozorenja i potvrditi pozive sa izvornim koje nam PhoneGap pruža:

    Navigator.notification.confirm("Ukloni tačku?", funkcija (button_id) ( if (button_id === 1) ( // dugme OK pritisnuto self.removePoint(point); ) ), TITLE);

    Posljednja stvar koju trebamo promijeniti je blok koda koji pomiče korisničku ikonu po karti. Naš trenutni kod također radi, ali radi manje optimalno (pomiče ikonu čak i ako se koordinate nisu promijenile) i ne pruža tako bogate podatke kao PhoneGap pandan:

    Navigator.geolocation.watchPosition(funkcija (pozicija) (self.movePerson(new gm.LatLng(position.coords.latitude, position.coords.longitude)); ), funkcija (greška) ( navigator.notification.alert("code: " + error.code + "\nmessage: " + error.message, $.noop, TITLE); ), ( frekvencija: 3000 ));

    Ovaj kod je elegantniji - generira događaj samo kada su se koordinate promijenile. Kliknite na dugme Pokreni i uverite se da aplikacija koju smo upravo kreirali savršeno radi u simulatoru iOS uređaja! Vrijeme je da počnete s pokretanjem na pravom uređaju.

    Pokreni na uređaju

    Povežite svoj iPhone, iPod ili iPad na računalo na kojem radi Xcode. Program će otkriti novi uređaj i zatražiti dozvolu da ga koristi za razvoj. Nema smisla da je odbijate :). Dozvolite mi da ponovim još jednom: da biste pokrenuli pisanu aplikaciju na iOS-u, morate biti ovlašteni iOS programer (drugim riječima, biti pretplaćen na iOS Developer Program). Ovo će vam smetati samo ako razvijate aplikacije za Apple proizvode, s drugim platformama (Android, Windows Phone) sve je mnogo jednostavnije. Oni koji studiraju na univerzitetu imaju priliku da dobiju besplatan pristup programu zahvaljujući nekim pogodnostima. Svi ostali moraju platiti 99 dolara godišnje da bi učestvovali u programu. Apple izdaje certifikat kojim možete potpisati svoj kod. Potpisanu aplikaciju je dozvoljeno pokrenuti na iOS-u i distribuirati u App Store-u. Ako niste student, a i dalje vam je žao 99 dolara za nevine eksperimente, onda postoji još jedan način - prevariti sistem. Možete kreirati samopotpisani certifikat za verifikaciju koda i pokrenuti mobilni program na jailbreakiranom iOS uređaju (na ovome se neću zadržavati, jer je sve što je moguće detaljnije opisano u ovom članku: bit.ly/tD6xAf) . Na ovaj ili onaj način, uskoro ćete na ekranu svog mobilnog telefona vidjeti aplikaciju koja radi. Zaustavite štopericu. Koliko ti je trebalo?

    Druge platforme

    Osim PhoneGap-a, postoje i druge platforme koje vam omogućavaju da kreirate mobilne aplikacije bez korištenja maternjeg jezika. Hajde da navedemo najbolje igrače.

    Appcelerator Titanium (www.appcelerator.com).

    Titanium može kreirati aplikacije prvenstveno za Android i iPhone, ali također tvrdi da podržava BlackBerry. Pored samog okvira, projekat obezbeđuje skup izvornih widgeta i IDE. Možete besplatno razvijati aplikacije na Titanium-u, ali ćete morati platiti podršku i dodatne module (od 49 USD mjesečno). Cijena nekih modula treće strane dostiže 120 USD godišnje. Programeri Appcelerator Titaniuma tvrde da je više od 25 hiljada aplikacija napisano na osnovu njihovog okvira. Izvorni kod projekta se distribuira pod licencom Apache 2.

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

    Ova tehnologija podržava glavne platforme - iOS i Android. Okvir je uglavnom usmjeren na razvoj igara. Naravno, programeri tvrde visokokvalitetnu optimizaciju na OpenGL-u. Platforma nema besplatnu verziju, a cijena je prilično visoka: 199 dolara godišnje za licencu za jednu platformu i 349 dolara godišnje za iOS i Android. Corona nudi vlastite IDE i emulatore uređaja. Corona aplikacije su napisane na jeziku sličnom JavaScriptu.

    Zaključak

    Napravili smo jednostavan mobilna web aplikacija i u nekoliko jednostavnim koracima prenio na iOS platformu koristeći PhoneGap. Nismo napisali ni jednu liniju Objective-C koda, ali smo dobili program pristojnog kvaliteta, trošeći minimalno vrijeme na portiranje i učenje PhoneGap API-ja. Ako više volite neku drugu platformu, na primjer Android ili Windows Mobile 7, onda možete jednako lako, bez ikakvih promjena za ove platforme, napraviti našu aplikaciju (za svaku od njih postoji dobar uvodni priručnik i video tutorijal: phonegap.com/ početak). Da biste provjerili održivost platforme, možete pogledati gotove aplikacije na PhoneGap-u, koje su programeri tehnologije prikupili u posebnoj galeriji (phonegap.com/apps). U stvari, PhoneGap je idealna platforma za kreiranje barem prototipa buduće aplikacije. Njegove glavne prednosti su brzina i minimalni troškovi, koje aktivno koriste startupi koji su u svim aspektima ograničeni u resursima. Ako aplikacija ne uspije i iz nekog razloga više niste zadovoljni HTML+JS internim elementima, uvijek možete prenijeti aplikaciju na maternji jezik. Ne mogu a da ne kažem da je PhoneGap prvobitno razvio Nitobi as otvoreni projekat(repozitorijum se nalazi na GitHubu: github.com/phonegap). Izvorni kod će i dalje ostati otvoren, iako je Adobe kupio Nitobija prošlog oktobra. Trebam li reći kakve izglede ima projekat uz podršku takvog giganta?

    Zapravo, oživotvorenje ove ideje nije tako teško i nije tako skupo kao što se čini na prvi pogled. Samo trebate imati dobru predstavu o tome što točno očekujete od mobilne aplikacije i odrediti kako postići svoje ciljeve.

    Uživate li u razvoju mobilnih aplikacija za svoje poslovanje, blog, proizvod ili uslugu ili samo tražite novi izvor prihoda? Pitate se kako to učiniti i izračunati buduće troškove? Zapravo, oživotvorenje ove ideje nije tako teško i nije tako skupo kao što se čini na prvi pogled. Samo trebate imati dobru predstavu o tome šta tačno očekujete od aplikacije za mobilni telefon ili tablet i odrediti kako ćete postići svoje ciljeve.

    PRIPREMNA FAZA

    Prije kreiranja mobilne aplikacije, odlučite se o sljedećim točkama:

    • Da li imam konkretnu viziju šta će biti gotov proizvod i koja će biti njegova funkcionalnost?
    • Koje probleme rješava program i koja će biti korist za konkretnog korisnika?
    • Na kojim platformama će raditi gotov proizvod? softver(iOS, Android, Windows Phone)?
    • Hoće li biti potrebno svakodnevno praćenje njegovog funkcionisanja?
    • Koliko sam spreman potrošiti?
    • Da li ću sam kreirati aplikaciju ili ću se obratiti profesionalnim programerima?

    Takođe imajte na umu da kreiranju mobilnih programa za preduzeća, na primjer, za kafić, piceriju ili fitnes klub, treba pristupiti posebno ozbiljno. Na kraju krajeva, prisustvo takve kompanije savremeni instrument- ovo je ozbiljan faktor imidža koji će doprinijeti većoj lojalnosti kupaca brendu i značajnom povećanju broja ponovnih posjeta.

    METODE I TROŠKOVI IZRADE APLIKACIJE

    U kreiranju aplikacija za mobilnih uređaja postoje dva načina. Prvi implicira nezavisna formacija programi za elektronske uređaje bazirane na Androidu ili IOS-u prema tipu šablona koristeći posebne web stranice za dizajn. Drugi način, koji je skuplji, ali vam na kraju omogućava da dobijete ozbiljne i funkcionalne proizvode, jeste da potražite pomoć od pojedinaca ili kompanija koje se bave pisanjem. softver. Druga opcija je prikladna ako mi pričamo o tome o stvaranju ozbiljnih softverskih proizvoda sa specifičnim karakteristikama koje nadilaze gotovi setovi, dostupno na web stranicama za dizajn. Također treba uzeti u obzir da profesionalni razvoj za iOS ili Android zahtijeva značajne troškove. Kolika je cijena izrade aplikacije za Android i IOS platforme na ruskom tržištu? Raspon cijena je prilično širok - od nekoliko stotina do desetina hiljada dolara - sve ovisi o vrsti softvera i njegovoj funkcionalnosti. Međutim, ovako ozbiljne investicije se dugoročno više nego isplate. Prilikom planiranja konačne cijene vrijedi uzeti u obzir i troškove postavljanja novog proizvoda u AppStore i Android Market. Ako ste ograničeni malim budžetom i nemate vremena, možete pokušati sami dizajnirati aplikaciju za elektronske uređaje. Ne morate biti programer da biste ovo uradili. Čitajte dalje kako biste saznali koliko je to lako učiniti.

    KAKO BESPLATNO NAPRAVITI APLIKACIJU

    Danas je na Internetu dostupno dovoljno domaćih i stranih platformi koje vam omogućavaju da besplatno samostalno konstruirate aplikaciju prema gotovom tipu. Dizajnerske stranice sadrže stotine gotovih opcija aplikacija, raspoređenih u različite kategorije: mali biznis, obrazovanje, zabava, sport, blogovi i slično. Na takvim resursima se besplatno kreiraju programi sa standardnim i ograničenim skupom funkcija. Ograničenja se odnose na broj instalacija i pregleda vaše aplikacije, broj artikala u katalogu, mogućnost objavljivanja u prodavnicama, prisustvo sistema za prihvatanje plaćanja, prisustvo reklamiranja treće strane i mogućnost modifikacije funkcionalnosti. da odgovara vašim potrebama. Da biste uklonili ograničenja na stranicama, možete odabrati određeni paket s fiksnom mjesečnom naknadom, čija se veličina određuje ovisno o broju uključenih opcija. Primjeri konstruktora web stranica za shareware mobilne aplikacije za Android, iPhone, iPad.

    1. Appsgeyser.com (appsgeyser.ru - ruska verzija).

    Pogledajmo sada kako se mobilna aplikacija može razviti za nekoliko minuta koristeći primjer web stranice ibuildapp. Odabrali smo ovu platformu jer je vrlo jednostavna i laka za korištenje. Inače, iBuidApp resurs ima i verziju na ruskom jeziku, što dodatno olakšava korištenje konstruktora. Prije početka rada registrirajte se na stranici. Zatim na glavnoj stranici kliknite karticu "Kreiraj" i odaberite predložak koji nam odgovara.

    ODABIR PREDLOŠKA I KATEGORIJE

    Ova stranica nudi prilično veliki izbor standardne opcije, koji se nalazi u katalogu kategorija u lijevom meniju stranice stranice. Na primjer, odabrali smo kategoriju “Fotografija” i predložak “Foto studio”. Nakon odabira dizajna i odgovarajuće kategorije, počinjemo uređivati ​​stavke menija.

    UREĐIVANJE SADRŽAJA

    Otvara se administrativni panel dizajnera obilne mogućnosti za uređivanje stavki menija. Možete promijeniti pozadinu, dodati logo, prilagoditi navigaciju glavnog i donjeg menija na ekranu elektronski uređaj, uredite sadržaj internih stranica. Usput, na desnoj strani ekrana možete vidjeti kako napravljene promjeneće se pojaviti na ekranu elektronskog uređaja. Graditelj vam takođe omogućava da testirate svoju aplikaciju na tabletu ili pametnom telefonu. Također, gotov program se može objaviti na Appstore ili Google Play, ali je ova funkcija dostupna samo za plaćene verzije. Stranica nudi 3 plaćena paketa po cijeni od 490 rubalja, 2400 rubalja, 3700 rubalja. Mjesečno.

    PLAĆENI PAKETI

    Ako niste zadovoljni izgledšablone koji su dostupni na sajtu, možete kreirati vlastiti dizajn klikom na račun Kartica “Moji predlošci”. Mogućnosti individualnog dizajnera su prilično ograničene, omogućavaju vam da softverskom proizvodu date samo najpotrebnije elemente.
    Sada je vaš red da počnete kreirati aplikacije i instalirati ih na svoj pametni telefon. Probajte, sasvim je jednostavno!