Cum se scriu programe pentru Android. Dezvoltarea aplicațiilor mobile: de unde să începeți. App Builder - un instrument simplu pentru crearea de aplicații

Vine în mintea tuturor – designeri cu experiență, studenți sau proprietari de afaceri mici care nu au scris o linie de cod. Dacă aveți o idee grozavă, cum o puteți implementa dacă nu înțelegeți diferența dintre Java și Javascript, sau Photoshop și Illustrator?

Cum se face o aplicație mobilă - opinia unui expert

• Paul Ferro, președintele 5 Nerds Software Development, o agenție de design și dezvoltare cu Set complet servicii variind de la branding și design până la dezvoltarea de aplicații de la zero.
• Andres Max, fondatorul Ideaware, o agenție specializată în strategie de produs, design UX/UI și optimizare front-end. Înainte de a fonda studioul, Max a fost designerul principal UX la Mashable.
• Daniel Hindy este Chief Technology Officer la BuildFire, o platformă de creare aplicatii mobile, care este folosit de peste 50.000 de companii. Chiar dacă nu știți cum să creați aplicații mobile, puteți crea o aplicație profesională cu editorul WYSIWYG de la BuildFire.

Răspunsurile acestor antreprenori ne fac să realizăm că construirea unei aplicații mobile nu trebuie să implice codificarea sau murdarirea mâinilor în Adobe. Cu o idee grozavă, un strop de pricepere pentru afaceri și o mulțime de efort, poți fi la cârma următorului Uber. Să aruncăm o privire la părerile lor.

1. Brainstorming

Paul Ferro, care, pe lângă faptul că își începe propria afacere, îi ajută pe alți antreprenori să-și transforme ideile în realitate, vorbește despre primul pas pe acest drum lung:

Ai o idee grozavă pentru o aplicație mobilă. Acesta este următorul joc viral, sau utilitatea pe care toată lumea o va folosi, sau următorul pas în exprimarea socială. Oricum, știi că este grozav și vrei să transmită mesajul tău tuturor. Unde sa încep?

În primul rând, este foarte important să specificați ideea dvs. Este posibil să aveți elementele de bază ale aplicației dvs. conturate în cap, dar v-ați gândit la toate micile detalii care separă o aplicație fantastică de una ok? Este important să vă așezați și să vă luați câteva minute pentru a vă gândi la întreaga experiență a aplicației mobile.

Dacă este un joc sau ceva similar, nu trebuie să-ți dai seama de fiecare nivel din capul tău, dar trebuie să înțelegi cum diferă nivelurile. Există achiziții în aplicație? Joc cu mai multi jucatori? Conexiune la rețelele sociale? Pe măsură ce răspunzi la toate aceste întrebări, începi să pui mental toate piesele împreună și să depășești toate problemele și roci subacvatice. Sau, dacă cineva vă face aplicația, atunci va dori să știe cât mai multe înainte de a începe, iar acest lucru va ajuta procesul de dezvoltare.

2. Prezentați-vă ideea prietenilor, familiei și colegilor pentru feedback.

Toată lumea crede că ideile lor sunt uimitoare, nu? Cum poți înțelege că conceptul de aplicație mobilă cu care ai venit este interesant pentru alții? Transformă-ți „cercul interior” într-un cordon sanitar care testează ideile pentru viabilitate:

Acum că aveți o idee de lucru, este timpul să o testați și să vedeți dacă este la fel de bună pe cât credeți că este. Există o mulțime de aplicații bune care fac cam același lucru, dar dintr-un motiv sau altul, unele se ridică la vârf și devin iubite, în timp ce altele nu. Aplicația dvs. nu trebuie să fie pe locul 1 în magazin pentru a fi populară sau profitabilă. Dar are nevoie de măcar puțină vizibilitate.

Împărtășește-ți ideea cu cât mai mulți oameni pentru a-și obține părerea despre ea. Iată un sfat de expert: atunci când propui ideea ta altora (prieteni sau familie), spune-le că cunoști pe cineva care are ideea și vrei să investești în ea. Apoi explicați ideea în sine. Ascultătorii tăi vor fi mult mai sinceri știind că ideea nu este a ta și că îți poți pierde banii investind într-o aplicație deloc bună. Întrebați – îl vor folosi? Dacă da, de ce? Dacă nu, atunci de ce?

Cereți-i să sublinieze deficiențele. Întrebați dacă au văzut ceva asemănător? Această abordare poate fi mult mai productivă pentru a discuta despre o idee decât pur și simplu să afli că ai mulți prieteni și familie care nu vor să te jignească.

Dacă ai făcut toate acestea de mai multe ori și ideea ta nu a întâmpinat o rezistență puternică, atunci este timpul să începi! Aici ai de unde alege. Poți să o faci singur sau să angajezi pe cineva.

3. Chiar dacă nu poți crea o aplicație mobilă, poți face un prototip grozav

Andres Max reiterează importanța testării unei idei pentru a vedea dacă funcționează și merge mai departe: „Întotdeauna am încurajat antreprenorii să efectueze studii de piață. Sapă adânc pentru a evalua cererea pentru ideea dvs., ce a funcționat în trecut și ce nu, apoi faceți ajustări după cum este necesar.” De exemplu, ați putea crede că aveți o idee uimitoare pentru o aplicație foto doar pentru a afla că este deja făcută și se vinde. Acest lucru nu înseamnă că ar trebui să încetați să lucrați la idee - sunt doar informații pentru dvs. care vă vor ajuta să vă dați seama ce puteți face mai bine.

Unul dintre cele mai bune moduri a compara înseamnă, desigur, a realiza un prototip. Max spune: „După ce ți-ai perfecționat ideea, construiește și testează un prototip. Colectați pe baza sa toate informatie pretioasa" Un prototip poate fi doar o schiță a designului dvs., dar puteți crea și un prototip complet funcțional într-un instrument precum Proto.io. Acest lucru nu necesită abilități de programare sau proiectare.

4. Decideți dacă veți angaja un studio sau un dezvoltator - sau învățați cum să vă dezvoltați.

Urmatorul pas, spune Ferro, înțelegeți cine vă va transforma prototipul într-o aplicație reală. S-ar putea să nu crezi, dar poți foarte bine să creezi singur o aplicație (chiar și fără experiență). Cu condiția, desigur, să fie suficient de simplu:

„A învăța cum să creezi aplicații poate fi sarcina dificila, mai ales dacă nu ai experiență. Dar este posibil. Mai ales dacă ideea ta este despre unicitatea caracteristicilor - și nu tehnologia în sine. Luați Flappy Bird de exemplu. Aplicația în sine este extrem de simplă. Dar ideea a fost unică și incitantă. Acum uită-te la Apple Passbook. Ideea este relativ simplă, dar tehnologiile care vă permit să vă stocați datele în siguranță, să le accesați vânzătorilor, să vă conectați la amprenta etc. sunt relativ complexe.

Dacă sunteți în căutarea unei tehnologii de ultimă oră în aplicația dvs., care să vă folosească dispozitivul într-un mod în care nimeni nu l-a mai folosit până acum, atunci auto-crearea aplicațiile pot fi dificile. Pot dura ani pentru a-ți da seama cum să profiti din plin de capacitățile unui dispozitiv mobil. Dacă înțelegeți că puteți construi singur aplicația, grozav! Dar chiar dacă nu ai abilități de dezvoltare, există o oportunitate de a te dezvolta destul de repede.”

5. Asigurați-vă că utilizați instrumentele potrivite pentru a crea aplicații mobile

Dar cum să câștigi această viteză? Puteți fie să parcurgeți (există multe resurse pentru acest lucru) fie să utilizați instrumente care sunt accesibile chiar și pentru începători pentru a vă crea aplicația mobilă. Un astfel de instrument este BuildFire, explică Daniel Hindi:

„Dacă ai o idee ucigașă, dar nu știi cum să creezi aplicații mobile? Aceasta este exact problema pe care am vrut să o rezolvăm cu platforma noastră BuildFire. Avem peste 80.000 de aplicații, create atât de companii mici, cât și de mari corporații, toate realizate cu puține sau deloc cunoștințe de programare. Deși acest lucru este excelent pentru aplicații simple, lipsa abilităților de programare vă limitează de obicei la gama de funcții oferite de platformă. BuildFire rezolvă această problemă și în curând vom deschide un API pentru ca dezvoltatorii să îl adauge la aplicațiile BuildFire existente.

Vedem tot mai multe startup-uri și companii mici care se conectează la platforma noastră de bază cu o barieră extrem de scăzută la intrare. Odată ce aplicația și-a dovedit valoarea, ei întreabă dezvoltatori terți creează piesele lipsă din puzzle, economisind mult timp și bani.”

6. Asigurați-vă că angajați oamenii potriviți

Fie că angajați oameni pentru a finaliza un proiect început pe o platformă precum BuildFire sau pentru a construi o aplicație de la zero, este important să găsiți dezvoltatorul potrivit, spune Ferro:

„Acum, dacă decideți să angajați pe cineva pentru a vă dezvolta aplicația, atunci totul va fi puțin mai ușor în comparație cu dacă ați învăța să codificați singur. Dar aici, desigur, se pune problema costului. Angajarea unui birou are o serie de avantaje în comparație cu dezvoltarea singur. Au experiență, cunosc deja toate capcanele dezvoltării, vor face o optimizare și aplicare rapidă, designul său nu va fi groaznic - cred că nu este nevoie să explicăm în detaliu avantajele apelării la profesioniști.

Dar trebuie să vă asigurați că angajați profesioniștii potriviți. În primul rând, asta înseamnă să găsești o companie care să-ți asculte povestea și să o înțeleagă pe deplin înainte de a începe chiar să scrie cod. Mulți oameni doresc să treacă direct în dezvoltare și să înceapă să vă factureze, dar aceasta este calea greșită. Discutați cu mai multe companii pentru a găsi cea potrivită pentru dvs. Ar trebui să te simți confortabil să lucrezi cu ei, să comunici și să rezolvi problemele cu ei. Și credeți-mă, vor fi probleme!

Cand gasesti compania potrivita, totul se va rezolva. Ei se vor scufunda în ideea ta și vor descurca buclele, vor completa golurile, vor sugera caracteristici și funcții și vor oferi un nivel înalt de servicii. Cele mai bune aplicații apare atunci când o idee grozavă întâlnește o echipă grozavă care îi dă viață.”

E timpul să acționezi

Ferro termină reamintindu-le antreprenorilor că crearea unei aplicații este una, dar a face utilizatorii să o descarce este alta:

Deci, ați făcut și lansat aplicația. Nu te opri aici. Promovați-l. Vorbește despre el. Distribuie-l pe rețelele sociale - peste tot! Trebuie să-i faci pe oameni să vorbească despre asta. Există multe modalități de a vă promova aplicația și ar trebui să le încercați pe toate. Blogurile caută mereu aplicații noi despre care să vorbească. Contactați-i. Dacă aplicația dvs. este un utilitar, aflați unde poate fi cel mai utilă și spuneți-le oamenilor despre ea. Orice ai face, ar trebui să-ți partajezi întotdeauna aplicația cât mai mult posibil.

Și ce mai faci tu? Ai creat aplicația visurilor tale? Povestește-ne despre asta!

Cum să dezvolți o aplicație mobilă profitabilă sau cum să atingi ținta!

Dacă ai o idee de creație, nu există nicio îndoială că va funcționa și chiar va genera venituri, cu condiția ca aplicația ta mobilă să fie incredibil de utilă utilizatorului. Aceasta ar putea fi optimizarea sarcinilor de zi cu zi sau rezolvarea problemelor utilizatorilor (plata amenzilor poliției rutiere sau preînregistrarea pentru o spălătorie auto etc.) sau rezolvarea problemei utilizatorului care își petrece timpul pe smartphone.

Totul începe cu o idee

Nu are rost să creezi o aplicație dacă nu ai o idee. Prin urmare, la început este recomandat să gândiți totul cu atenție. Un punct important este să știi cui va fi destinat utilitarul și ce funcții va îndeplini.

Un număr mare de aplicații mobile cunoscute nu au făcut parte din interesele creatorilor. Acestea sunt jocuri care sunt întotdeauna în poziții înalte. Poate că toată lumea știe deja despre Minecraft, Temple Run și altele.

Cu ajutorul aplicațiilor de gaming, este posibil să obțineți mai mult profit, deoarece... oamenii sunt mai dispuși să-și plătească banii pentru ei. Mai ales dacă acestea sunt proiecte populare. Nu trebuie să vă pierdeți inima dacă ideea pe care doriți să o implementați există deja și chiar este postată Magazin de aplicații. Dar totuși, cei care gândesc în afara casetei câștigă. Trebuie să te uiți la propuneri similare și să înțelegi ce lipsește în ele și să le faci mai bune.

De exemplu, dacă există deja mai multe utilități care oferă informații despre unitățile populare din Moscova, acestea pot concura cu un program care arată locuri din oraș care nu sunt cunoscute de toată lumea.

Există câteva puncte cheie de luat în considerare atunci când prezentați o idee:

• Evaluarea posibilităților atunci când creați singur o aplicație. În dezvoltarea unei aplicații mobile simple, veți putea realiza singuri o aplicație mobilă simplă.
• Dacă aveți o aplicație mobilă cu anumite procese de afaceri sau o aplicație mobilă complexă din punct de vedere tehnic, atunci veți avea nevoie de dezvoltare de la zero. Dacă aplicația dvs. mobilă va servi ca magazin online, vă recomandăm să utilizați soluție gata făcută pe aplicația 1c Bitrix Mobile. Implementați-l și dezvoltați funcționalitatea necesară în timp. Pentru a face acest lucru, trebuie să găsiți o companie de dezvoltare de aplicații mobile.
• Dacă aplicația mobilă este din segmentul B2C, de exemplu, ca o cafenea, pizzerie, serviciu de taxi, aplicație mobilă bancar, client bancar mobil Internet, aplicație mobilă agenție de turism, atunci puteți folosi aplicații mobile deja dezvoltate de la companii de dezvoltare sau găsiți constructori de site-uri web pe care puteți dezvolta singur aplicația (în acest caz, o puteți realiza cu o funcționalitate simplă, directă).
• Este important să evidențiezi și să evaluezi utilitatea viitoarei aplicații.
• Decideți dacă utilitatea va necesita monitorizare zilnică.
• Selectați platformele pentru care este destinat viitorul telefon mobil (IOS, Android, Windows Phone).

Ce aplicații există?

Există un număr mare de tipuri și categorii. Mai jos este o listă cu cele mai populare.

• Jucării (jocul simplu cu împușcături și colorat Angry Birds a câștigat recunoaștere în rândul multor utilizatori);
• Resurse de călătorie (Cum să bun exemplu TripAdvisor);
• Rețele sociale (VKontakte, Odnoklassniki);
• Fluxuri de știri (versiunea cunoscută - RIA Novosti);
• Proiecte pentru iubitorii de muzică (un exemplu izbitor de Spotify);
• Resurse cu conținut video (Vine);
• Utilități auxiliare (De exemplu, traducător);
• Rețele foto (Instagram), etc.

Cum să faci ca o aplicație să câștige bani

Înainte de a începe dezvoltarea, trebuie să determinați monetizarea aplicației mobile. Există mai multe opțiuni pentru monetizarea proiectelor:

• Distribuit gratuit. Programe similare sunt implicați în mari corporații și le permit să promoveze o gamă largă de bunuri și servicii.
• Gratuit cu publicitate. Acest tip se găsește adesea în proiecte populare care interacționează activ cu utilizatorii.
• Sistem plătit. Cel mai profitabil dintre toate. Se folosesc aplicații similare Compania Apple, care face bani din comisioane (până la 30%) din vânzări.
• Versiuni ușoare (Lite) și profesionale (Pro). Primul dintre ele este gratuit, dar conține funcționalități limitate, care sunt complet disponibile la achiziționarea versiunii Pro.
• Achizitii interne. Funcționalitatea aplicației și noile capacități de joc ale personajului sunt achiziționate treptat de utilizatori pe bani reali.

Etapă de dezvoltare

Când ai deja o idee, asta înseamnă jumătate din succes.

Pentru cei care nu vor să se deranjeze prea mult, dar sunt gata să plătească o anumită sumă, există oferte de la dezvoltatorii de aplicații mobile. În prezent dezvoltăm aplicații mobile personalizate.

Cea mai ușoară și ieftină modalitate de a găsi un specialist este să mergi la schimburi independente. Dar, dacă întâlniți un angajat fără scrupule, există riscul ca proiectul să nu vă fie livrat la timp și, poate, antreprenorul va cere o sumă suplimentară pentru dezvoltare (deoarece inițial, din lipsă de experiență, a făcut nu determină corect domeniul de activitate).

Mai jos sunt întrebări de adresat dezvoltatorilor:

• Costul muncii de dezvoltator timp de 1 oră?
• Portofoliul de proiecte finalizate?
• Va deține clientul drepturile asupra aplicației?
• Există oportunități și experiență care vă vor permite să implementați ideea?
• Cu ce ​​platforme funcționează?

Cât costă dezvoltarea aplicației?

Înainte de a putea câștiga o sumă mare de bani, trebuie mai întâi să o cheltuiți. Această afirmație nu este întotdeauna adevărată. Dar dacă presupunem că aplicația este comandată de la specialiști, există mai multe nuanțe ale costului final.

Prețul poate varia între 50.000-5.000.000 de ruble, în funcție de tipul de aplicație și de capacitățile acesteia. Acest lucru poate părea foarte scump (în special ultima cifră), dar pe măsură ce popularitatea crește aplicație de calitate, profitul va acoperi toate costurile de mai multe ori.

Cele mai scumpe jocuri. Sunt adesea bestselleruri.

Atunci când proiectul a fost deja dezvoltat la un moment dat sau există cel puțin o machetă, prețul poate fi redus semnificativ. O altă opțiune de reducere a costurilor inițiale este de a oferi dezvoltatorului un procent din profiturile programului. Când aplicația este gata, ar trebui să fie publicată în App Store. Nici acesta nu este un pas gratuit. Suma pe care va trebui să o plătiți este de aproximativ 100 USD pe an. Postarea pe Android Market va costa 25 USD.

Dacă creați o aplicație gratuit

Când nu aveți dorința sau capacitatea de a investi bani, puteți merge în altă direcție și puteți utiliza designeri de aplicații mobile. Aceste extensii funcționează în sistemul online și vă permit să faceți gratuit o simplă utilitate sau o „jucărie” fără abilități de programare. Dar, dacă aveți nevoie de ceva individual și mai complex, există un tarif plătit pentru asta.

Iată câțiva constructori:

• My-apps.com. Sunt furnizate 10 șabloane gata făcute pentru dezvoltarea sistemelor de afaceri (taxi, livrare pizza, magazin online etc.).
• Net2Share.com. Designerul este complet gratuit și creat pentru aplicații Android. Există un sistem de promovare internă. Ca parte a programului, sunt organizate în mod regulat seminarii de instruire privind caracteristicile creării de aplicații mobile.
• ibuildapp.com. Constructor pentru dezvoltarea de aplicații care rulează pe platformele iOS și Android. Conform versiunii ruse a site-ului, taxa va fi de aproximativ 500 de ruble.
• MobiumApps.com. Proiectat pentru Android, Apple iOSȘi Windows Phone. Sistemul este platit. O aplicație poate costa 10.000 de ruble pe lună (cu un tarif nelimitat) sau 7 ruble pentru fiecare instalație.
• AppsGeyser.com. Designer ieftin. Sistemul este gratuit, dar plin de publicitate. Conceput pentru bloggeri și publicații online care oferă conținut abonaților.
• BuildAnApp.com. Designer creat pentru BlackBerry, Windows, iOS și Android. Taxa de abonare va costa aproximativ 20 de dolari. Generarea se realizează în doar 6 etape.
• ViziApps.com. Sistem pentru dezvoltare pe Android, Apple iOS și HTML5. Tarif lunar este de aproximativ 100 USD pe lună. Costurile de publicare vor costa aproximativ 400 USD. Serviciul face față bine ideilor pentru procesele de afaceri.

Cât de mult poți câștiga din aplicație?

Toți banii primiți prin aplicație depind direct de popularitatea acesteia. Prin urmare, este dificil să spui imediat o cifră certă. Compania GigaOM PRO a efectuat cercetări care au arătat că aproximativ jumătate dintre dezvoltatori câștigă aproximativ 500 USD în fiecare lună și doar 4% dintre aplicațiile mobile aduc profituri de milioane de ruble. Această sumă este foarte mică pentru a trăi doar din veniturile din aplicație. Câștigul de bani este perfect pentru cei care doresc doar să câștige puțini bani în plus.

Genii care pot recrea un proiect la fel de profitabil precum Angry Birds au posibilitatea de a primi până la 100.000 USD în fiecare lună. Pentru a face bani buni cu aplicația, trebuie să luați în considerare următoarele:

• Ideea și aplicația în ansamblu ar trebui să fie de interes pentru un public larg;
• Înainte de a începe crearea, se recomandă cercetarea tuturor hit-urilor existente;
• Cel mai simplu mod de a face bani este pe aplicațiile iOS;
RuTaxi

Dezvoltarea unei versiuni mobile a site-ului, pagina de destinațieși aplicație mobilă pentru serviciul de taxi

rutaxi.ru

Vrei același proiect sau chiar mai cool?

Scrie-ne despre asta!

Cum și de ce să creați o aplicație mobilă. O aplicație mobilă nu este doar un instrument de comunicare, de primire informatie necesara sau un mod de a petrece timpul liber, dar este și o oportunitate de a câștiga bani, de a menține o imagine și de a desfășura activități eficiente. Cu investiții minime sau complet gratuit, puteți crea aplicații mobile care să satisfacă nevoile consumatorilor și care sunt în esență proprii. browser mobil, care deschide numai site-ul dvs.

Idee

Nașterea oricărui produs începe cu ideea creării acestuia. Creatorul bazează ideea pe ceea ce este cel mai familiarizat. Gândește-te la interesele și hobby-urile tale. Dacă călătorești mult sau vizitezi diverse locuri publice din orașul tău, de ce să nu creezi o aplicație bazată pe aceste cunoștințe? Creați aplicații pentru numărarea caloriilor și aplicații pentru sport dacă aveți o experiență apropiată cu dietetică sau sport. Dacă întotdeauna ați fost interesat de astrologie, puteți crea o aplicație pentru diagrame stelelor.

Aplicațiile mobile iau amploare în fiecare zi și, conform unor previziuni, pot înlocui complet browserele de internet și site-urile web.

Încercați să gândiți în afara cutiei și să veniți cu o idee care nu are concurenți sau, dimpotrivă, analizați idei similare și creați o aplicație care ar fi mai bună, mai convenabilă și mai utilă pentru utilizatori.

Tipuri de aplicații

Browserele mobile și web sunt folosite de aproape fiecare consumator de trafic mobil. Acestea includ tot felul de hărți, navigație, jocuri, servicii de procesare foto online, biblioteci, locuri pentru stocarea informațiilor, știri, playere muzicale, programe pentru vizionarea videoclipurilor și multe altele. . Un program creat pentru a fi utilizat pe un telefon mobil sau smartphone poate fi plătit sau gratuit și este, de asemenea, împărțit în tipuri, în funcție de sarcinile rezolvate:

• aplicații de divertisment (multimedia) - orice playere de fișiere video și audio, programe pentru vizualizarea imaginilor, pentru citirea cărților, jocuri;
• comunicare - responsabil pentru comunicarea utilizatorului, contactele acestuia, social media, mesaje SMS;
• navigare - aplicații cu care funcționează coordonate geografice, Cu sistem GPS;
• aplicate - tot felul de calculatoare, organizatoare, caiete;
• cărți de referință - enciclopedii, dicționare;
• aplicații de afaceri care vă permit să organizați munca, să recrutați angajați, să dezvoltați strategii și să creșteți profitul;
• programe de training.

Opțiuni de generare de bani

Dacă nu sunteți Euroset sau Megafon, sau portalul de internet AliExpress, atunci poate doriți să faceți bani creând aplicația dvs. Cea mai ușoară modalitate este de a crea cerere plătită. Dar aici trebuie să vă puneți câteva întrebări:

1. Care este oferta ta și cum beneficiază oamenii?
2. Ce avantaje are față de concurenții săi?
3. Câte descărcări au concurenții?

Numai calculând mai întâi corect numărul de utilizatori care ar putea fi interesați de aplicația dvs. puteți calcula aproximativ cât puteți câștiga.

Alte opțiuni de generare de bani:

• achiziții în aplicație;
• publicitate în aplicație;
• sponsorizare si oferte;

Dezvoltare

Ai o idee, dar nu există experiență de programare, atunci următoarele opțiuni sunt pentru tine:

• site-ul AppBooker vă va oferi o listă de dezvoltatori populari, ținând cont de bugetul și nevoile dvs.;
• apps4all.ru - aici lista buna dezvoltatori autohtoni;
• Cea mai ieftină opțiune este să mergi la o bursă de freelancer.

Cel mai ieftin nu înseamnă rău, dar înseamnă mai riscant: ei ți-o pot face aplicație grozavă, dar s-ar putea să dai peste un angajat fără scrupule.

Costul de dezvoltare

Costul dezvoltării unei aplicații depinde de tipul acesteia, diferă foarte mult de dorințele clientului și poate varia de la 2,5 mii la 10 milioane de ruble. Cele mai scumpe aplicații, de regulă, sunt în continuare bestselleruri pentru perioade lungi de timp.

Pentru a afla costul aproximativ al dezvoltării aplicației cu care ați venit, puteți accesa howmuchtomakeanpp.com. Simțiți-vă liber să împărțiți prețul rezultat la 3 și să aflați costul producătorilor ruși. Exemple de aplicații completate și prețurile acestora pot fi găsite pe crew.co.

Cum se creează o aplicație gratuit?

Dacă aveți abilități minime de programare, atunci acest lucru vă va ajuta constructori online aplicatii mobile. În ele, acordați atenție pentru ce sistem este scrisă aplicația mobilă, de exemplu, pentru iPhone sau Nokia Corporation, Android, Java. Cel mai sistem popular— Android. Algoritmul pentru crearea unei aplicații mobile este similar cu algoritmul pentru crearea site-urilor web. Dar rețineți imediat că, dacă doriți să creați ceva unic în cel mai înalt grad, atunci dezvoltarea dvs. va necesita fie bani, fie o investiție serioasă de timp.

Cât poți câștiga?

Dacă abordați corect dezvoltarea aplicației dvs.: studiați ofertele populare de pe piață, creați un produs care va fi de interes pentru publicul larg, utilizați aplicații pentru diferite sisteme de operare - puteți câștiga aproximativ 100.000 USD pe lună.

Un studiu realizat de Giga OM Pro a arătat că aproape jumătate dintre dezvoltatorii de aplicații mobile intervievați nu câștigă mai mult de 200 USD pe lună. ? În primul rând, decideți ce veți investi în proiect: timp sau bani.

Dacă vă este frică să aveți încredere în dezvoltatori, nu doriți să depindeți de ei și să plătiți prea mult pentru asistență și actualizarea programului, apoi creați singur aplicația.

Prin utilizarea designeri online Este cu adevărat posibil să faci aplicații mobile funcționale, de înaltă calitate. În viitor, ar trebui să fie făcute reclamă, publicate în Google Playși AppStore. Achizițiile de aplicații generează cu 25% mai puțin venit decât achizițiile în aplicație, conform cercetărilor Apple, dar cu 30% mai mult decât publicitatea în aplicație și alte moduri de a câștiga bani.

04/09/17 3.3K

Dezvoltarea de software mobil poate fi un efort distractiv și plin de satisfacții. În acest articol vă vom spune cum se creează o aplicație Android.

Android Studio

Pentru a scrie o aplicație, va trebui să descărcați și să instalați Android Studio. Pachetul include un kit de dezvoltare software cu toate bibliotecile și coduri Android necesare dezvoltării aplicațiilor. Și, de asemenea, un emulator Android, care vă permite să testați mai întâi aplicația pe PC fără a o instala pe un dispozitiv mobil real.

Dar mai întâi trebuie să descărcați și să instalați Dezvoltare Java Kit ( JDK) de la Oracle. Găsiți secțiunea " Kit de dezvoltare Java SE 7u79» și descărcați versiunea pentru computer. Important de descărcat versiunea corecta (32 de biți sau 64 de biți), în caz contrar, Android Studio nu va putea găsi Java Runtime Mediu inconjurator ( JRE).

Notă: Oracle nu va publica nicio actualizare pentru Java SE 7 pe site-urile sale publice, iar utilizatorii sunt de așteptat să migreze în masă la Java 8. Dar în prezent, Android Studio necesită Java 7. Acest lucru se poate schimba în viitor.

După ce ați instalat JDK, trebuie să instalați Android Studio. În timpul instalării, trebuie să specificați pentru câtă memorie doriți să rezervați Emulator Android. Rulează Android ca o mașină virtuală, la fel ca un smartphone cu procesor Intel. Aceasta este mai rapidă decât emularea procesorului ARM pe PC. Dar pentru a rula această mașină virtuală, emulatorul trebuie să aloce puțină memorie. Dar înainte de a crea singur o aplicație Android, rețineți că combinația dintre Android Studio, Java și un emulator va consuma destul de mult resurse, iar computerul poate încetini.

Google spune că este nevoie de cel puțin 2 GB memorie cu acces aleator, și se recomandă 4 GB. Dar PC-ul meu principal are 8 GB și încă încetinește uneori:

La primul lansarea Android Studio va face inițializare primară care include descărcarea și instalarea Versiune curentă Android SDK. Aceasta s-ar putea sa dureze cateva minute.

Odată ce totul este descărcat și instalat, veți vedea un meniu care vă permite să creați unul nou, să deschideți unul existent sau să importați un proiect etc.

Creați un nou proiect

Faceți clic pe " Începeți un nou proiect Android Studio" și introduceți numele aplicației dvs. în câmpul " Numele aplicatiei" In camp " Domeniul companiei» Introduceți domeniul oficial al companiei dumneavoastră. Dacă sunteți un dezvoltator independent sau un hobbyist, introduceți propriul domeniu. Dacă doar experimentați cu Android și nu intenționați să vă publicați aplicațiile pe Google Play în curând, părăsiți domeniul exemplu, schimbați doar „ utilizator" în numele tău (fără spații):

În următoarea casetă de dialog, asigurați-vă că aveți „ Telefon și tabletă", si pentru " SDK minim» instalat - API 15: Android 4.0.3. Pentru optiuni " Purta" Și " televizor» casetele de selectare nu trebuie bifate.

În caseta de dialog " Adăugați o activitate pe mobil» lăsați valoarea implicită « Activitate goală" și apăsați " Următorul" În caseta de dialog " Personalizați activitatea„Lăsați toate valorile și faceți clic pe” finalizarea»:

Mediu de dezvoltare integrat ( IDE) rulează. Aceasta s-ar putea sa dureze cateva minute ( mai ales dacă este prima dată când creezi un proiect). Dacă vedeți mesajul de eroare " Probleme de randare: Redarea a eșuat cu o eroare cunoscută", dă click pe link " reconstrui" care apare lângă mesajul de eroare.

În mod implicit, spațiul de lucru al IDE este împărțit în trei părți principale ( fără a număra bara de instrumente etc.). În stânga sus este arborele proiectului. În dreapta acestuia se află editorul de cod, iar sub ele sunt mesaje.

Înainte de a crea o aplicație Android de la zero, puteți deja să compilați și să rulați aplicația creată automat, dar acest lucru nu este foarte interesant. În schimb, vom adăuga câteva informații pentru a vă ajuta să începeți cu dezvoltarea aplicației Android.

Arborele proiectului

Arborele proiectului conține toate fișierele și resursele necesare pentru a crea o aplicație Android. Dacă sunteți familiarizat cu scrierea de programe simple în Java, C, Python etc., ați putea crede că totul ar fi conținut în doar unul sau două fișiere. Dar dezvoltarea aplicației Android este puțin mai complicată:

La nodul " aplicația Arborele de proiect conține mai multe noduri (de exemplu, foldere) care pot fi extinse. Nodurile de nivel superior sunt „ se manifestă”, “java" Și " res" Aceasta din urmă este o abreviere pentru „ resurse”.

IN " se manifestă” fișierul este localizat ” AndroidManifest.xml„, fiecare aplicație trebuie să o conțină. Acesta este un fișier XML cu informații despre aplicație, inclusiv numele acesteia. Un element adesea adăugat la acest fișier este o listă de permisiuni cerute de aplicație. Pentru această aplicație simplă, nu trebuie să schimbați nimic aici.

la capitolul " java» conține codul Java al aplicației. Acesta va fi într-un subdirector numit com.example.user.myfirstapp. Acesta este numele de domeniu al companiei pe care l-ați introdus mai devreme, dar în sens invers, plus numele aplicației. Acest folder conține fișierul MainActivity.java. Acesta este punctul de intrare în aplicație și singurul fișier java, de care vom avea nevoie.

Continuăm să creăm o aplicație simplă pentru Android. la capitolul " res» Există mai multe foldere pentru grafică, meniuri și elemente UI. Suntem interesați " aspect" Și " valorile" În folderul " aspect"Există un fișier numit" activity_main.xml" Acesta este un fișier XML care descrie interfața cu utilizatorul. Îl puteți edita în două moduri. Primul este să editați direct codul XML, al doilea este să utilizați designerul UI încorporat:

În folderul " valorile„conține mai multe fișiere XML. În acest moment, cel mai important lucru pentru noi este strings.xml. În loc să specificați în codul Java valori de șir Ele sunt de obicei plasate în fișierul " strings.xml", și ne putem referi la ele prin identificatori. Avantajul este că, dacă un șir este folosit de mai multe ori, acesta poate fi schimbat o singură dată și modificările vor avea efect în toate locurile. Acest lucru facilitează, de asemenea, acceptarea mai multor limbi în cadrul aplicației.

Pentru a crea singur o aplicație Android, va trebui să modificați fișierele MainActivity.java, activity_main.xml și strings.xml.

Scrierea unei cereri

Pentru exemplul nostru, vom adăuga un buton etichetat „ Atingeți-mă!", schimbați salutul implicit" Salut Lume!" pe " Atinge-mă dacă îndrăznești!" O vom schimba si astfel incat sa fie in centru. Și să adăugăm codul, astfel încât atunci când se face clic pe butonul, textul " paine prajita»!

Să începem prin a schimba textul de salut și alinierea acestuia. Mai întâi, găsiți fișierul „ activity_main.xml» și faceți dublu clic pe el. Sa nu uiti asta " activity_main.xml" este un fișier care conține definiția interfeței cu utilizatorul. În partea de jos a ferestrei de cod există două file: " Proiecta" Și " Text" Mergi la " Proiecta».

Acum faceți clic pe textul " Salut Lume!", care este afișat în fereastră previzualizare ecranul smartphone-ului. Dacă este prea mic, utilizați butonul de zoom ( lupa cu semnul plus).

În fereastra de proprietăți situată în dreapta imaginii telefonului, derulați în jos ecranul până când găsiți cuvintele „ layout: centerInParent" Faceți clic pe bara de spațiu de lângă ea și selectați „ orizontală" După aceasta, textul „ Salut Lume!» se va muta în centru:

Înainte de a crea o aplicație Android fără abilități, să schimbăm textul. linia " Salut Lume!" este stocat în fișier " strings.xml" în secțiunea res->valori. Dacă faceți dublu clic pe acest fișier, veți vedea mai multe linii XML care definesc șirurile utilizate de aplicație.

Găsiți această linie:

XMLSELECT ALL XMLSELECT ALL Salut Lume!

Și schimbați-l în:

CSSELECT ALL CSSELECT ALL Atinge-mă dacă îndrăznești!

Am schimbat alinierea și textul salutului. Acum să adăugăm un buton. Reveniți la „ Proiecta» fișier « activity_main.xml", găsiți în listă" Paletă„În stânga imaginii smartphone-ului se află articolul” Buton" și faceți clic pe el. Acum faceți clic undeva sub cuvintele „ Atinge-mă dacă îndrăznești!».

Faceți dublu clic pe un buton pentru a-i schimba textul. La sfârșitul câmpului „ text:” există un buton cu trei puncte, faceți clic pe el. La fereastră " Resurse» faceți clic pe « Resursă nouă", și apoi " Valoare șir nouă..." In camp " Numele resursei:" introduce " tapme", și în câmp" Valoarea resursei:» — “ Atinge-mă!" Apoi apasa " Bine" Acum avem un buton „ Atinge-mă!”.

Ultimul pas în crearea unei aplicații Android simplă este să adăugați cod Java care răspunde la clicurile pe buton. Unul dintre elementele personalizate Interfață Android- Acest " paine prajita." Oferă un mesaj simplu într-o fereastră mică pop-up. Fără îndoială ai văzut asta. De exemplu, în Gmail, când vă deconectați E-mailÎnainte ca e-mailul să fie trimis, mesajul „ Mesaj salvat în schițe" După un anumit timp dispare.

Pentru aplicația noastră exemplu, vom afișa un mesaj de fiecare dată când se face clic pe un buton. Primul pas este să adăugați codul Java. Găsiți fișierul " MainActivity.java" și adăugați următorul cod la " onCreate«:

JAVASELECT ALL JAVASELECT ALL public void onButtonTap(Vizualizare v) ( Toast myToast = Toast.makeText(getApplicationContext(), "Ouch!", Toast.LENGTH_LONG); myToast.show(); )

Cuvântul " Vedere" în expresia "( Vizualizare v)" va fi roșu și va apărea lângă el un mesaj pe care l-ați folosit design nou (Vedere), fără a-l importa în secțiunea de import, în partea de sus a codului Java. Acest lucru este ușor de reparat. Faceți clic pe cuvântul " Vedere" și apoi ALT + ENTER. Dacă cuvântul „ Paine prajita” este marcat cu roșu, faceți același lucru din nou:

Reveniți la secțiunea de proiectare de fișiere " activity_main.xml", faceți clic pe butonul și derulați lista de proprietăți la elementul " onClick" Faceți clic pe caseta din dreapta și va apărea o listă de funcții pe ecran. Click pe " onButtonTap", aceasta este o caracteristică pe care tocmai am adăugat-o.

Acum funcția onButtonTap() va fi apelată de fiecare dată când se face clic pe butonul. Pentru a afișa mesajul, apelăm myToast.show() .

Asta e tot pentru a crea singur o aplicație Android, acum hai să o testăm într-un emulator.

Construirea și testarea aplicației

În meniu " Instrumente» Accesați Android-AVD Manager. Acest instrument afișează o listă de dispozitive Android virtuale configurate în prezent. Veți avea un dispozitiv configurat implicit, probabil un Nexus 5. Faceți clic pe pictograma de redare (triunghi) din „ actiuni" Aceasta va lansa emulatorul.

În funcție de performanța computerului dvs. și de cantitatea de memorie alocată, poate dura câteva minute pentru ca emulatorul să pornească. Odată ce emulatorul rulează, accesați meniul " Instrumente" și apăsați " Rulați aplicația" Aplicația va fi compilată și trimisă la emulator. În acest timp, Android Studio vă va întreba ce emulator să utilizați. Veți vedea listat emulatorul dvs. actual. Aceasta ar trebui să fie opțiunea implicită, așa că faceți clic pe „ Bine»:

Aplicația va apărea în emulator. Apasă pe " Atinge-mă!” - ar trebui să apară un mesaj în partea de jos a ecranului. Felicitări, totul funcționează!

Ce să faci în continuare și concluzie

De asemenea, puteți rula aplicația pe un dispozitiv real. Cel mai simplu mod de a face acest lucru este activarea Depanare USB pe Android-dispozitiv și conectați-l la computer. Opțiunea de depanare USB poate fi găsită în secțiune Setări – Pentru dezvoltatori. Dacă nu aveți această secțiune, deschideți „Setări” - „Despre telefon”, apoi atingeți „Număr de compilare” de șapte ori.

Când dispozitivul este conectat, faceți clic pe „ Rulați aplicația" în meniu " Instrumente„, dar de data aceasta nu trimiteți cererea către dispozitiv virtualși trimiteți-l pe un dispozitiv real. Dacă dispozitivul nu este listat, înseamnă că nu ați activat depanarea USB sau trebuie să instalați driverul USB corespunzător. Consultați secțiunile Drivere USB OEM și Drivere USB Google din documentația Google.

Ați creat cu succes o aplicație simplă pentru Android. Următorul lucru de făcut este să scrieți o a doua aplicație și să continuați să lucrați. Google oferă multe materiale educaționale pentru dezvoltatorii Android, și documentare extinsăși multe exemple de cod.

Dar mai presus de toate, ar trebui să continui să înveți!

Această publicație este o traducere a articolului „ Scrierea primei aplicații Android – tot ce trebuie să știți„, pregătit de echipa prietenoasă de proiect

Rău Bun

Învățarea unei limbi noi și a unui mediu de dezvoltare este minimul care ți se cere dacă vrei să scrii prima ta aplicație mobilă. Va dura cel puțin câteva săptămâni pentru a schița o listă de lucruri de bază pentru Android sau iOS fără a copia exemplul din carte. Dar nu poți stăpâni Objective-C sau Java și totuși să dezvolți rapid aplicații pentru smartphone-uri dacă folosești tehnologii precum PhoneGap.

Dacă ați studiat cu atenție inovațiile care ne așteaptă în Windows 8, este posibil să fi observat că sub acesta va fi posibilă dezvoltarea aplicațiilor în HTML5. Ideea, de fapt, nu este nouă - tehnologiile care implementează aceeași abordare pentru platformele mobile se dezvoltă cu un pas. Unul dintre aceste cadre, care vă permite să dezvoltați aplicații pentru smartphone-uri folosind o mulțime de HTML, JavaScript și CSS familiari!, este PhoneGap. O aplicație scrisă cu ajutorul ei este potrivită pentru toate platformele populare: iOS, Android, Windows Phone, Blackberry, WebOS, Symbian și Bada. Nu va trebui să învățați specificul programării pentru fiecare platformă (de exemplu, Objective-C în cazul iOS) sau să vă ocupați de diverse API-uri și medii de dezvoltare. Tot ce aveți nevoie pentru a crea o aplicație mobilă multiplatformă este cunoașterea HTML5 și un API PhoneGap special. În acest caz, rezultatul nu va fi o pagină HTML stupidă „încadrată” în interfața aplicației, nu! API-ul framework-ului vă permite să utilizați aproape toate capabilitățile telefonului care sunt utilizate atunci când dezvoltați folosind instrumente native: acces la accelerometru, busolă, cameră (înregistrare video și fotografie), lista de contacte, sistem de fișiere, sistem de notificare (notificări standard pe telefon) , stocare, etc. etc. În cele din urmă, o astfel de aplicație poate accesa fără probleme orice adresă între domenii. Puteți recrea controale native folosind cadre precum jQuery Mobile sau Sencha, iar programul final va arăta ca și cum ar fi fost scris într-o limbă nativă (sau aproape așa) pe un telefon mobil. Cel mai bine este să ilustrați cele de mai sus în practică, adică să scrieți o aplicație, așa că vă sugerez să începeți să exersați imediat. Țineți evidența timpului - nu va dura mai mult de jumătate de oră pentru a face totul.

Ce vom crea

Să luăm iOS ca platformă țintă - da, da, banii sunt în AppStore și, deocamdată, cel mai bine este să-ți monetizezi dezvoltările acolo :). Dar permiteți-mi să vă explic imediat: același lucru, fără modificări, se poate face, să zicem, pentru Android. M-am gândit mult timp la ce exemplu să iau în considerare, deoarece nu am vrut să scriu un alt instrument pentru a ține evidența listei de activități. Așa că am decis să creez o aplicație numită „Geographic Reminder”, un program de navigare al cărui scop poate fi descris într-o singură frază: „Anunță-mă când sunt din nou aici”. AppStore-ul are multe utilități care vă permit să vă „amintiți” locul în care utilizatorul a parcat mașina. Este aproape același lucru, doar puțin mai simplu. Puteți indica un punct de pe harta orașului, puteți stabili o anumită rază pentru acesta și puteți programa un mesaj. Data viitoare când vă încadrați în cercul cu raza specificată, aplicația vă va anunța și punctul va fi șters. Vom proceda conform acestui plan: mai întâi vom crea o aplicație web simplă, o vom testa în browser și apoi o vom transfera folosind PhoneGap la Platforma iOS. Este foarte important să prototipați și să testați cea mai mare parte a codului într-un browser de pe computer, deoarece depanarea unei aplicații pe telefon este mult mai dificilă. Ca cadru vom folosi cadrul jQuery JS cu jQuery Mobile (jquerymobile.com) și ca motor de hărți - Hărți Google v3. Aplicația va consta din două pagini: o hartă și o listă de puncte.

• Un marcator al poziției dvs. curente este plasat pe hartă. Făcând clic pe hartă, se creează un punct la care este atașat un mesaj (cum ar fi „mașină în apropiere”). Un punct poate fi șters făcând clic pe el. Pentru a muta marcatorul unei persoane pe hartă, se folosește un API de geonavigation.
• Pagina cu lista de puncte trebuie să aibă butonul suplimentar„Ștergeți toate punctele”, iar lângă fiecare punct există un buton „Ștergeți acest punct”. Dacă faceți clic pe un element din listă, punctul corespunzător va fi afișat pe hartă. Vom salva setările utilizatorului și lista de puncte în localStorage.

Cadre de UI

jQuery Mobile nu este, desigur, singurul cadru pentru crearea unei interfețe mobile. Site-ul PhoneGap are o listă uriașă de biblioteci și cadre pe care le puteți utiliza (phonegap.com/tools): Sencha Touch, Impact, Dojo Mobile, Zepto.js etc.

Cadrul de aplicație

Voi explica imediat de ce vom folosi jQuery Mobile. Această bibliotecă JS ne oferă elemente de interfață pentru aplicații mobile gata făcute (cât mai apropiate de cele native) pentru o varietate de platforme. Avem nevoie ca rezultatul să fie o aplicație mobilă, și nu o pagină dintr-un browser! Deci haideți să descarcăm cel mai recent Versiunea JQuery Mobil (jquerymobile.com/download) și transferați-l pe folder de lucru Primele fișiere de aplicație de care avem nevoie sunt:

• imagini/ (muta aici toate imaginile din folderul arhiva jq-mobile cu acelasi nume);
• index.css;
• index.html;
• index.js;
• jquery.js;
• jquery.mobile.min.css;
• jquery.mobile.min.js.

Este necesar ca resursele să fie în mare parte locale, astfel încât utilizatorul să nu irosească internetul mobil în viitor. Acum creăm cadrul paginii în fișierul index.html. Codul de mai jos descrie top parte pagini cu o hartă, inscripția „Memorial geografic” și butonul „Puncte”.

Pagina hartă

Atributul de pagină data-dom-cache="true" este necesar pentru a vă asigura că nu este descărcat din memorie. Butonul Puncte folosește data-transition="pop" astfel încât pagina Listă de puncte se deschide cu un efect pop-in. Citiți mai multe despre cum funcționează Pagini jQuery Mobil, îl puteți citi într-un manual bun (bit.ly/vtXX3M). Prin analogie, creăm o pagină cu o listă de puncte:

Pagina cu lista de puncte

Pentru butonul „Hartă”, vom scrie și data-transition="pop", dar vom adăuga atributul data-direction="reverse" astfel încât pagina „Hartă” să se deschidă cu efectul „Fade”. Vom scrie aceleași atribute în șablonul de puncte. Gata, cadrul nostru este gata.

Crearea unei aplicații

Acum trebuie să afișăm harta, pentru care vom lua standardul API-ul Google Hărți, care este utilizat de milioane de site-uri diferite:

Var latLng = new gm.LatLng(this.options.lat, this.options.lng); this.map = new gm.Map(element, ( zoom: this.options.zoom, // Selectați centrul de zoom inițial: latLng, // Setați centrul inițial mapTypeId: gm.MapTypeId.ROADMAP, // Harta normală disableDoubleClickZoom: true, // Dezactivează zoomul automat prin atingere/făcând dublu clic pe disableDefaultUI: true // Dezactivează toate elementele interfeței ));

Aici Gm este o variabilă care face referire la obiectul Google Maps. Am comentat bine parametrii de inițializare în cod. Următorul pas este să desenezi un marcator bărbat pe hartă:

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

Adresa sprite-ului persoanei din panoramele Google este folosită ca PERSON_SPRITE_URL. Adresa sa statică este maps.gstatic.com/mapfiles/cb/mod_cb_scout/cb_scout_sprite_api_003.png . Utilizatorul va adăuga puncte făcând clic pe hartă, așa că pentru a le desena vom asculta evenimentul de clic:

Gm.event.addListener(this.map, "click", function (event) ( self.requestMessage(function (err, message)) ( // Metoda care returneaza textul introdus de utilizator daca (err) return; // Metoda adaugă un punct la lista activă și // îl desenează pe hartă self.addPoint(event.latLng, self.options.radius, message); self.updatePointsList(); // Redesenează lista de puncte )); ), fals);

Ofer majoritatea codului - caută restul pe disc. Apoi, trebuie să învățăm aplicația să mute pictograma utilizatorului pe hartă. În prototip, folosim API-ul Geolocation (cel care este folosit și în browserele desktop):

If (navigator.geolocation) ( // Verificați dacă browserul acceptă funcția de geolocalizare 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)); // Mutați pictograma utilizatorului ) // La fiecare trei secunde solicităm // poziția curentă a utilizatorul window.setInterval (funcția () ( // Solicitați poziția curentă navigator.geolocation.getCurrentPosition(gpsSuccess, $.noop, ( enableHighAccuracy: true, maximumAge: 300000 )); ), 3000); )

Metoda movePerson folosește o procedură simplă getPointsInBounds() pentru a verifica dacă utilizatorul se află într-un punct activ. Ultima întrebare - unde să stocați lista de puncte? HTML5 a introdus capacitatea de a folosi localStorage, așa că să nu o neglijăm (vă las să vă dați seama singuri aceste părți ale codului, pe care le-am comentat bine). Deci, aplicația care rulează în browser este gata!

Lansarea unei aplicații web

După cum am spus mai devreme, depanarea trebuie făcută în mare parte pe computer. Cel mai browser adecvat pentru testarea aplicațiilor web pe un computer - acesta este Safari sau Chrome. După depanarea în aceste browsere, puteți fi sigur că aplicatia ta nu va funcționa în browserul unui telefon mobil. Ambele browsere sunt compatibile cu majoritatea browsere web mobile, pentru că la fel ca ei, sunt construite pe motorul WebKit. După eliminarea tuturor erorilor, puteți trece la lansarea aplicației web pentru mobil direct pe telefon. Pentru a face acest lucru, configurați-vă serverul web (chiar și Denwer sau XAMPP) astfel încât să servească pagina creată și deschideți-l în browserul telefonului mobil. Aplicația ar trebui să arate ceva ca cea prezentată în figură. Este important să înțelegeți aici că viitoarea aplicație mobilă, compilată pentru platforma mobila folosind PhoneGap, va arăta aproape identic, cu excepția faptului că bara de navigare a browserului nu va fi afișată pe ecran. Dacă totul este bine, puteți începe să creați o aplicație iOS cu drepturi depline din pagină. Vă rugăm să rețineți că PhoneGap și IDE pentru dezvoltare mobilă Nici nu l-am atins până acum.

Pregătirea

Pentru a construi o aplicație pentru iOS, aveți nevoie de un computer cu sistemul de operare Mac OS 10.6+ (sau mașină virtuală pe Mac OS 10.6), precum și mediul de dezvoltare Xcode cu SDK-ul iOS instalat. Dacă nu aveți SDK-ul instalat, va trebui să descărcați o imagine de disc de pe site-ul web Apple care include Xcode și iOS SDK (developer.apple.com/devcenter/ios/index.action). Rețineți că imaginea cântărește aproximativ 4 GB. În plus, va trebui să vă înregistrați pe site-ul Apple ca dezvoltator (dacă nu aveți de gând să vă publicați aplicația în AppStore, atunci această cerință poate fi ocolită). Folosind acest set, puteți dezvolta aplicații în limbajul nativ iOS Objective-C. Dar am decis să luăm o soluție și să folosim PhoneGap, așa că mai trebuie să instalăm pachetul PhoneGap iOS. Doar descărcați arhiva din offsite (https://github.com/callback/phonegap/zipball/1.2.0), despachetați-o și rulați programul de instalare în folderul iOS. Când instalarea este finalizată, pictograma PhoneGap ar trebui să apară în meniul proiectelor Xcode. După lansare, va trebui să completați mai multe formulare, dar foarte curând veți vedea Zona de lucru IDE cu prima dvs. aplicație. Pentru a verifica dacă totul funcționează, faceți clic pe butonul Run - ar trebui să pornească emulatorul iPhone/iPad cu aplicația șablon PhoneGap. Program asamblat va da o eroare care spune că index.html nu a fost găsit - acest lucru este normal. Deschideți folderul în care ați salvat fișierele de proiect primare și găsiți subdosarul www în el. Trageți-l în editor, faceți clic pe pictograma aplicației din lista din stânga și în fereastra care apare, selectați „Creare folder references pentru orice foldere adăugate”. Dacă rulați din nou programul, totul ar trebui să funcționeze. Acum putem copia toate fișierele prototipului nostru în folderul www. Este timpul să ne modificăm prototipul pentru a funcționa pe un smartphone folosind procesarea PhoneGap.

Transfer de prototip

În primul rând, trebuie să includeți phonegap-1.2.0.js în fișierul index. PhoneGap vă permite să limitați lista de gazde disponibile pentru vizitare. Vă sugerez să configurați imediat o astfel de „listă albă”. În meniul proiectului, deschideți Supporting Files/PhoneGap.plist, găsiți elementul ExternalHosts și adăugați la acesta următoarele gazde pe care aplicația noastră le va accesa (acest servere Google Hărți): *.gstatic.com, *.googleapis.com, maps.google.com. Dacă nu le specificați, programul va afișa un avertisment în consolă și harta nu va fi afișată. Pentru a inițializa versiunea web a aplicației noastre, am folosit evenimentul DOMReady sau ajutorul jQuery: $(document).ready(). PhoneGap generează un eveniment deviceready, ceea ce indică acest lucru dispozitiv mobil gata. Vă sugerez să utilizați asta:

Document.addEventListener("deviceready", function () ( new Notificator($("#map-canvas")); // Dacă utilizatorul nu are Internet, // îl anunțăți dacă (navigator.network.connection). tip = == Connection.NONE) ( navigator.notification.alert("Fără conexiune la Internet", $.noop, TITLE); ) ), false);
Să împiedicăm derularea: document.addEventListener("touchmove", function (eveniment) ( event.preventDefault(); ), false);

Apoi vom înlocui toate apelurile de alertă și vom confirma cu cele native pe care PhoneGap ni le oferă:

Navigator.notification.confirm("Eliminați punctul?", funcție (button_id) ( if (button_id === 1) ( // butonul OK a fost apăsat self.removePoint(punct); ) ), TITLE);

Ultimul lucru pe care trebuie să-l schimbăm este blocul de cod care mută pictograma utilizatorului în jurul hărții. Al nostru codul curent funcționează de asemenea, dar funcționează mai puțin optim (mută pictograma chiar dacă coordonatele nu s-au schimbat) și nu oferă date la fel de bogate ca analogul din PhoneGap:

Navigator.gelocation.watchPosition(funcție (poziție) ( self.movePerson(new gm.LatLng(position.coords.latitude, position.coords.longitude)); ), funcția (eroare) ( navigator.notification.alert("cod: " + error.code + "\nmessage: " + error.message, $.noop, TITLE); ), (frecvență: 3000 ));

Acest cod este mai elegant - generează un eveniment doar atunci când coordonatele s-au schimbat. Faceți clic pe butonul Run și asigurați-vă că aplicația pe care tocmai am creat-o funcționează perfect în simulatorul de dispozitiv iOS! Este timpul să începeți lansarea pe un dispozitiv real.

Lansați pe dispozitiv

Conectați-vă iPhone-ul, iPod-ul sau iPad-ul la un computer care rulează Xcode. Programul va detecta un dispozitiv nou și va cere permisiunea de a-l folosi pentru dezvoltare. Nu are rost sa o refuzi :). Repet încă o dată: pentru a rula aplicația scrisă pe iOS, trebuie să fii dezvoltator iOS autorizat (cu alte cuvinte, să fii abonat la Dezvoltator iOS program). Acest lucru vă va deranja doar dacă dezvoltați aplicații pentru Produse Apple, cu alte platforme (Android, Windows Phone) totul este mult mai simplu. Cei care studiază la o universitate au șansa de a obține acces gratuit la program datorită unor beneficii. Toți ceilalți trebuie să plătească 99 USD pe an pentru a participa la program. Apple emite un certificat cu care vă puteți semna codul. Aplicația semnată poate fi lansată pe iOS și distribuită în App Store. Dacă nu sunteți student și încă vă pare rău pentru 99 USD pentru experimente nevinovate, atunci există o altă modalitate - de a înșela sistemul. Puteți crea un certificat autosemnat pentru verificarea codului și puteți rula programul mobil pe un dispozitiv iOS jailbreak (nu mă voi opri asupra acestui lucru, deoarece totul este descris cât mai detaliat în acest articol: bit.ly/tD6xAf) . Într-un fel sau altul, vei vedea în curând o aplicație funcțională pe ecranul telefonului tău mobil. Opriți cronometrul. Cat timp ti-a luat?

Alte platforme

Pe lângă PhoneGap, există și alte platforme care vă permit să creați aplicații mobile fără a utiliza limbi native. Să enumerăm cei mai tari jucători.

Appcelerator Titanium (www.appcelerator.com).

Titanium poate construi aplicații în primul rând pentru Android și iPhone, dar pretinde că acceptă și BlackBerry. Pe lângă cadrul în sine, proiectul oferă un set de widget-uri native și IDE. Puteți dezvolta aplicații pe Titanium gratuit, dar suport și module suplimentare va trebui să plătiți (de la 49 USD pe lună). Prețul unor module terțe ajunge la 120 USD pe an. Dezvoltatorii Appcelerator Titanium susțin că peste 25 de mii de aplicații au fost scrise pe baza cadrului lor. Sursă Proiectul este distribuit sub licența Apache 2.

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

Această tehnologie acceptă principalele platforme - iOS și Android. Cadrul vizează în principal dezvoltarea jocului. Desigur, dezvoltatorii susțin optimizare de înaltă calitate pe OpenGL. Platforma nu are o versiune gratuită, iar prețul este destul de mare: 199 USD pe an pentru o licență pentru o platformă și 349 USD pe an pentru iOS și Android. Corona oferă propriile emulatoare IDE și dispozitive. Aplicațiile Corona sunt scrise într-un limbaj similar cu JavaScript.

Concluzie

Am creat un simplu aplicație web mobilă iar în mai multe pași simpli l-a portat pe platforma iOS folosind PhoneGap. Nu am scris o singură linie de cod Objective-C, dar am primit un program de calitate decentă, petrecând un minim de timp portand și învățând API-ul PhoneGap. Dacă preferați o altă platformă, cum ar fi Android sau Windows Mobile 7, atunci poți la fel de ușor, fără modificări pentru aceste platforme, să construiești aplicația noastră (pentru fiecare dintre ele există un bun manual introductiv și un tutorial video: phonegap.com/start). Pentru a verifica viabilitatea platformei, puteți consulta deja aplicații gata făcute pe PhoneGap, pe care dezvoltatorii de tehnologie l-au colectat într-o galerie specială (phonegap.com/apps). De fapt, PhoneGap este o platformă ideală pentru a crea cel puțin un prototip al unei viitoare aplicații. Principalele sale avantaje sunt viteza și costurile minime, care sunt utilizate în mod activ de startup-urile care au resurse limitate din toate punctele de vedere. Dacă aplicația eșuează și din anumite motive nu mai sunteți mulțumit de elementele interne HTML+JS, puteți oricând porta aplicația într-o limbă nativă. Nu pot să nu spun că PhoneGap a fost dezvoltat inițial de Nitobi ca proiect open source (depozitul se află pe GitHub: github.com/phonegap). Codul sursă va rămâne deschis, deși Adobe a cumpărat Nitobi în octombrie anul trecut. Trebuie să spun ce perspective are proiectul cu sprijinul unui astfel de gigant?