Učenje novog jezika i razvojnog okruženja minimum je koji se od vas traži ako želite napisati svoju prvu mobilnu aplikaciju. Trebat će vam barem nekoliko tjedana da skicirate osnovni popis obaveza za Android ili iOS bez kopiranja primjera iz knjige. Ali ne možete svladati Objective-C ili Javu i još uvijek brzo razvijati aplikacije za pametne telefone ako koristite tehnologije kao što je PhoneGap.

Ako ste pažljivo proučili novotarije koje nas čekaju u Windows 8, možda ste primijetili da će pod njim biti moguće razvijati aplikacije u HTML5. Ideja, zapravo, nije nova - tehnologije koje implementiraju isti pristup za mobilne platforme razvijaju se velikim koracima. Jedan od tih okvira, koji vam omogućuje razvoj aplikacija za pametne telefone koristeći hrpu poznatog HTML-a, JavaScripta i CSS-a!, je PhoneGap. Aplikacija napisana uz njegovu pomoć prikladna 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 trebate za izradu višeplatformske mobilne aplikacije je poznavanje HTML5 i posebnog PhoneGap API-ja. U ovom slučaju, izlaz neće biti glupa HTML stranica "uokvirena" u sučelju aplikacije, ne! API okvira omogućuje korištenje gotovo svih mogućnosti telefona koje se koriste pri razvoju korištenjem izvornih alata: pristup akcelerometru, kompasu, kameri (video snimanje i fotografija), popisu kontakata, sustavu datoteka, sustavu obavijesti (standardne obavijesti na telefonu) , pohrana, itd. Konačno, takva aplikacija može neprimjetno pristupiti bilo kojoj adresi među domenama. Možete ponovno stvoriti izvorne kontrole pomoću okvira kao što su jQuery Mobile ili Sencha, a konačni program će izgledati kao da je napisan na materinjem jeziku (ili gotovo tako) na mobilnom telefonu. Najbolje je gore navedeno ilustrirati u praksi, odnosno napisati molbu, pa predlažem da odmah počnete vježbati. Pripazite na vrijeme - za sve će vam trebati nešto više od pola sata.

Što ćemo stvoriti

Uzmimo iOS kao ciljanu platformu - da, da, novac je u AppStoreu, a za sada je najbolje tamo unovčiti svoj razvoj :). Ali odmah da razjasnimo: ista stvar, bez promjena, može se napraviti, recimo, za Android. Dugo sam razmišljao o tome koji primjer uzeti u obzir, jer nisam želio napisati još jedan alat za praćenje popisa obaveza. Stoga sam odlučio napraviti aplikaciju pod nazivom "Georemembrance", navigacijski program čija se svrha može opisati jednom rečenicom: "Javi mi kad opet budem ovdje." AppStore ima mnogo uslužnih programa koji vam omogućuju da "zapamtite" mjesto gdje je korisnik parkirao automobil. To je gotovo ista stvar, samo malo jednostavnija. Možete pokazati točku na karti grada, postaviti joj određeni radijus i programirati poruku. Sljedeći put kada padnete unutar kruga navedenog radijusa, aplikacija će vas obavijestiti i točka će biti izbrisana. Nastavit ćemo prema ovom planu: prvo ćemo izraditi jednostavnu web aplikaciju, testirati je u pregledniku, a zatim je pomoću PhoneGapa prenijeti na iOS platformu. Vrlo je važno izraditi prototip i testirati većinu koda u pregledniku na računalu, budući da je otklanjanje pogrešaka aplikacije na telefonu mnogo teže. Koristit ćemo okvir jQuery JS s jQuery Mobile (jquerymobile.com) kao okvirom i Google Maps v3 kao motorom karte. Aplikacija će se sastojati od dvije stranice: karte i popisa točaka.

• Oznaka vašeg trenutnog položaja postavljena je na karti. Klikom na kartu stvara se točka uz koju se prilaže poruka (poput “auto u blizini”). Točku je moguće izbrisati klikom na nju. Za pomicanje oznake osobe na karti koristi se geonavigacijski API.
• Na stranici s popisom točaka trebala bi biti dodatna tipka “Izbriši sve točke”, a uz svaku točku trebala bi biti tipka “Izbriši ovu točku”. Ako kliknete na element na popisu, na karti će se prikazati odgovarajuća točka. Korisničke postavke i popis točaka spremit ćemo u localStorage.

UI okviri

jQuery Mobile, naravno, nije jedini okvir za izradu mobilnog sučelja. Web stranica PhoneGap ima ogroman popis biblioteka i okvira koje možete koristiti (phonegap.com/tools): Sencha Touch, Impact, Dojo Mobile, Zepto.js itd.

Aplikacijski okvir

Odmah ću objasniti zašto ćemo koristiti jQuery Mobile. Ova JS biblioteka pruža nam gotove elemente sučelja mobilne aplikacije (što je moguće bliže nativnim) za različite platforme. Trebamo da izlaz bude mobilna aplikacija, a ne stranica iz preglednika! Dakle, preuzmite najnoviju verziju JQuery Mobile (jquerymobile.com/download) i prebacite prve datoteke aplikacije koje su nam potrebne u radnu mapu:

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

Potrebno je učiniti resurse uglavnom lokalnima kako korisnik u budućnosti ne bi trošio mobilni internet. Sada stvaramo okvir stranice u datoteci index.html. Kôd u nastavku opisuje vrh stranice s kartom, natpisom "Geografski podsjetnik" i gumbom "Točke".

Stranica karte

Atribut stranice data-dom-cache="true" je neophodan kako bi se osiguralo da se ne isprazni iz memorije. Gumb Bodovi koristi data-transition="pop" tako da se stranica s popisom bodova otvara s iskačućim efektom. Više o tome kako su jQuery Mobile stranice strukturirane možete pročitati u dobrom priručniku (bit.ly/vtXX3M). Analogno tome, stvaramo stranicu s popisom točaka:

Stranica s popisom bodova

Za gumb “Map” također ćemo napisati data-transition="pop", ali ćemo dodati atribut data-direction="reverse" tako da se stranica “Map” otvara s efektom “Fade”. Iste atribute upisat ćemo u predložak točke. To je to, naš okvir je spreman.

Izrada aplikacije

Sada moramo prikazati kartu, za što ćemo koristiti standardni Google Maps API, koji koriste milijuni 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četno središte zumiranja: latLng, // Postavite početno središte mapTypeId: gm.MapTypeId.ROADMAP, // Normalna karta onemogućiDoubleClickZoom: true, // Onemogući automatsko zumiranje dodirom/dvostrukim klikom disableDefaultUI: true // Onemogući sve elemente sučelja ));

Ovdje je Gm varijabla koja se odnosi na objekt Google karata. Dobro sam komentirao parametre inicijalizacije u kodu. Sljedeći korak je crtanje markera čovjeka na karti:

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

Adresa duha osobe iz Google panorama koristi se 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 dodavati bodove klikom na kartu, pa ćemo za njihovo crtanje slušati događaj klika:

Gm.event.addListener(this.map, "click", function (event) ( self.requestMessage(function (err, message) ( // Metoda koja vraća tekst koji je unio korisnik if (err) return; // Metoda dodaje točku na popis aktivnih i // iscrtava je na karti self.addPoint(event.latLng, self.options.radius, message); // Ponovno iscrtava popis točaka )), lažno);

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

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)); // Premjesti korisničku ikonu ) // Svake tri sekunde tražimo trenutni // položaj korisnik window.setInterval (funkcija () ( // Zatraži trenutnu poziciju navigator.geolocation.getCurrentPosition(gpsSuccess, $.noop, ( enableHighAccuracy: true, maximumAge: 300000 )); , 3000);

Metoda movePerson koristi jednostavnu proceduru getPointsInBounds() za provjeru je li korisnik na bilo kojoj aktivnoj točki. Zadnje pitanje - gdje pohraniti popis bodova? HTML5 je uveo mogućnost korištenja localStoragea, pa ga nemojmo zanemariti (ostavit ću vas da sami shvatite ove dijelove koda, koje sam dobro komentirao). Dakle, aplikacija koja se izvodi u pregledniku je spremna!

Pokretanje web aplikacije

Kao što sam već rekao, otklanjanje pogrešaka uglavnom se mora obaviti na računalu. Najprikladniji preglednik za testiranje web aplikacija na računalu je Safari ili Chrome. Nakon uklanjanja pogrešaka u ovim preglednicima, možete biti sigurni da vaša aplikacija neće raditi u pregledniku mobilnog telefona. Oba ova preglednika kompatibilna su s većinom mobilnih web preglednika jer su izgrađeni na WebKit motoru kao i oni. Nakon uklanjanja svih grešaka, možete nastaviti s pokretanjem mobilne web aplikacije izravno na svom telefonu. Da biste to učinili, konfigurirajte svoj web poslužitelj (čak i Denwer ili XAMPP) tako da poslužuje stvorenu stranicu i otvorite je u pregledniku svog mobilnog telefona. Aplikacija bi trebala izgledati otprilike kao ova prikazana na slici. Ovdje je važno razumjeti da će buduća mobilna aplikacija sastavljena za mobilnu platformu koristeći PhoneGap izgledati gotovo identično, osim što navigacijska traka preglednika neće biti prikazana na ekranu. Ako je sve u redu, možete početi stvarati potpunu iOS aplikaciju sa stranice. Imajte na umu da do ove točke nismo ni dotakli PhoneGap i IDE za mobilni razvoj.

Priprema

Za izradu aplikacije za iOS potrebno vam je računalo s operativnim sustavom Mac OS 10.6+ (ili virtualni stroj na Mac OS 10.6), kao i razvojno okruženje Xcode s instaliranim iOS SDK-om. Ako nemate instaliran SDK, morat ćete preuzeti sliku diska s web stranice Apple 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 Appleovoj web stranici kao programer (ako ne namjeravate objaviti svoju aplikaciju u AppStoreu, tada se ovaj zahtjev može zaobići). Korištenjem ovog skupa možete razvijati aplikacije na izvornom iOS jeziku Objective-C. Ali odlučili smo zaobilazno rješenje i upotrijebili PhoneGap, tako da ipak moramo instalirati PhoneGap iOS paket. Samo preuzmite arhivu s vanjske stranice (https://github.com/callback/phonegap/zipball/1.2.0), raspakirajte je i pokrenite instalacijski program u iOS mapi. Kada instalacija završi, ikona PhoneGap trebala bi se pojaviti u izborniku Xcode projekata. Nakon pokretanja, morat ćete ispuniti nekoliko obrazaca, ali vrlo brzo ćete vidjeti IDE radni prostor sa svojom prvom aplikacijom. Kako biste provjerili radi li sve, kliknite gumb Pokreni - iPhone/iPad emulator s PhoneGap predloškom aplikacijom trebao bi se pokrenuti. Sastavljeni program će generirati pogrešku govoreći da index.html nije pronađen - to je normalno. Otvorite mapu u koju ste spremili primarne datoteke projekta i u njoj pronađite podmapu www. Povucite ga u uređivač, kliknite na ikonu aplikacije na popisu s lijeve strane i u prozoru koji se pojavi odaberite "Stvori reference mape za sve dodane mape". Ako ponovno pokrenete program, sve bi trebalo raditi. Sada možemo kopirati sve datoteke našeg prototipa u mapu www. Vrijeme je da prilagodimo naš prototip za rad na pametnom telefonu koristeći PhoneGap obradu.

Prijenos prototipa

Prije svega, trebate uključiti phonegap-1.2.0.js u vašu indeksnu datoteku. PhoneGap vam omogućuje da ograničite popis hostova dostupnih za posjet. Predlažem da odmah postavite takav "bijeli popis". U izborniku projekta otvorite Supporting Files/PhoneGap.plist, pronađite stavku ExternalHosts i dodajte joj sljedeće hostove kojima će naša aplikacija pristupati (to su Google Maps serveri): *.gstatic.com, *.googleapis.com, maps .google.com. Ako ih ne navedete, program će prikazati upozorenje u konzoli i karta se neće prikazati. Za inicijalizaciju web verzije naše aplikacije koristili smo događaj DOMReady ili jQuery pomoćnik: $(document).ready(). PhoneGap generira događaj deviceready koji označava da je mobilni uređaj spreman. Predlažem da koristite ovo:

Document.addEventListener("deviceready", function () ( new Notificator($("#map-canvas")); // Ako korisnik nema internet, // obavijestite 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);

Tada ćemo zamijeniti sve pozive upozorenja i potvrde izvornim onima koje nam pruža PhoneGap:

Navigator.notification.confirm("Ukloniti točku?", function (button_id) ( if (button_id === 1) ( // OK gumb pritisnut self.removePoint(point); ) ), TITLE);

Posljednje što 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 koordinate nisu promijenjene) i ne pruža tako bogate podatke kao PhoneGap pandan:

Navigator.geolocation.watchPosition(function (position) ( self.movePerson(new gm.LatLng(position.coords.latitude, position.coords.longitude)); ), function (error) ( navigator.notification.alert("code: " + error.code + "\nmessage: " + error.message, $.noop, TITLE); ), ( učestalost: 3000 ));

Ovaj kod je elegantniji - generira događaj samo kada su se koordinate promijenile. Pritisnite gumb Pokreni i provjerite radi li aplikacija koju smo upravo izradili savršeno u simulatoru iOS uređaja! Vrijeme je za početak pokretanja na stvarnom uređaju.

Pokreni na uređaju

Povežite svoj iPhone, iPod ili iPad s računalom koje pokreće Xcode. Program će otkriti novi uređaj i zatražiti dopuštenje da ga koristi za razvoj. Nema smisla odbiti je :). Da ponovim još jednom: da biste pokrenuli pisanu aplikaciju na iOS-u, morate biti ovlašteni iOS programer (drugim riječima, biti pretplaćeni na iOS Developer Program). To će vam smetati samo ako razvijate aplikacije za Appleove proizvode s drugim platformama (Android, Windows Phone) sve je puno jednostavnije. Oni koji studiraju na sveučilištu imaju priliku dobiti besplatan pristup programu zahvaljujući nekim pogodnostima. Svi ostali moraju platiti 99 dolara godišnje za sudjelovanje u programu. Apple izdaje certifikat kojim možete potpisati svoj kod. Potpisanu aplikaciju dopušteno je pokrenuti na iOS-u i distribuirati u App Storeu. Ako niste student, a još vam je žao 99 dolara za nevine eksperimente, onda postoji drugi način - prevariti sustav. Možete izraditi samopotpisani certifikat za provjeru koda i pokrenuti mobilni program na jailbreakiranom iOS uređaju (neću duljiti o ovome jer je sve što je moguće detaljnije opisano u ovom članku: bit.ly/tD6xAf) . Na ovaj ili onaj način, uskoro ćete vidjeti aplikaciju koja radi na ekranu vašeg mobilnog telefona. Zaustavite štopericu. Koliko ti je trebalo?

Ostale platforme

Osim PhoneGapa, postoje i druge platforme koje vam omogućuju izradu mobilnih aplikacija bez upotrebe materinjeg jezika. Nabrojimo najcool igrače.

Appcelerator Titanium (www.appcelerator.com).

Titanium može izraditi aplikacije prvenstveno za Android i iPhone, ali također tvrdi da podržava BlackBerry. Uz sam okvir, projekt pruža skup izvornih widgeta i IDE. Možete besplatno razvijati aplikacije na Titaniumu, ali ćete morati platiti podršku i dodatne module (od $49 mjesečno). Cijena nekih modula trećih strana doseže 120 dolara godišnje. Programeri Appcelerator Titanium tvrde da je na temelju njihovog okvira napisano više od 25 tisuća aplikacija. Izvorni kod projekta distribuira se pod licencom Apache 2.

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

Ova tehnologija podržava glavne platforme - iOS i Android. Framework je uglavnom usmjeren na razvoj igrica. 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 vlastiti IDE i emulatore uređaja. Corona aplikacije su napisane na jeziku sličnom JavaScriptu.

Zaključak

Napravili smo jednostavnu mobilnu web aplikaciju i prenijeli je na iOS platformu koristeći PhoneGap u nekoliko jednostavnih koraka. Nismo napisali niti jedan redak Objective-C koda, ali smo dobili program pristojne kvalitete, koji je potrošio minimalno vremena na portiranje i učenje PhoneGap API-ja. Ako više volite neku drugu platformu, na primjer Android ili Windows Mobile 7, tada možete jednako lako, bez ikakvih promjena za te platforme, izgraditi našu aplikaciju (za svaku od njih postoji dobar uvodni priručnik i video vodič: phonegap.com/ početak) . Da biste provjerili održivost platforme, možete pogledati gotove aplikacije na PhoneGap-u, koje su razvojni programeri prikupili u posebnoj galeriji (phonegap.com/apps). Zapravo, PhoneGap je idealna platforma za izradu barem prototipa buduće aplikacije. Njegove glavne prednosti su brzina i minimalni troškovi, koje aktivno koriste startupovi koji su u svakom pogledu 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 materinji jezik. Ne mogu a da ne kažem da je PhoneGap izvorno razvio Nitobi kao projekt otvorenog koda (repozitorij se nalazi na GitHubu: github.com/phonegap). Izvorni kod će i dalje ostati otvoren, iako je Adobe kupio Nitobi prošlog listopada. Trebam li reći kakve izglede projekt ima uz podršku takvog diva?

Kako funkcionira razvojni proces za Android? Istaknimo nekoliko osnova:

• U Java datotekama opisujete logiku programa - što želite da vaša aplikacija radi.
• U XML datotekama razvijate izglede - izgled.
• Nakon što je aplikacija napisana, trebate upotrijebiti alat za izradu kako biste sastavili sve datoteke i spakirali ih zajedno u .apk datoteku koja se može pokrenuti na Android uređajima i/ili objaviti na Google Playu.
• Svi uslužni programi i datoteke koje se koriste za izradu Android aplikacije kombiniraju se u integrirano razvojno okruženje (IDE). IDE je program koji ćete otvoriti da biste uredili svoje kodne datoteke te ih preveli i pokrenuli.
• Prethodno je standardni IDE za Android razvoj bio Eclipse, ali ga je sada zamijenio funkcionalniji Android Studio, Googleov proizvod.

Naći ćete, naravno, dublje procese koji se odvijaju iza kulisa gornjih koraka. Na primjer, napredni korisnici će htjeti znati ulogu Dalvik virtualnog stroja. Na kraju članka nalazit će se poveznice na korisne resurse s kojima bi svaki Android programer trebao biti upoznat. Prvi je službena dokumentacija Googlea.

• Preuzmite i instalirajte Android Studio.
• Naučimo o pokretanju i testiranju aplikacija na Android uređajima i emulatorima.
• Kreirajmo jednostavnu Android aplikaciju koja prikazuje "Hello World" na zaslonu mobilnog uređaja.

Na kraju članka možete pročitati korisne preporuke tvrtke za programere početnike.

Instalacija razvojnog okruženja Android Studio

Zaista je primamljivo početi čitati dokumentaciju i pisati kod da biste saznali za što je platforma sposobna. I učinit ćemo to uskoro! Međutim, da biste započeli rad s Android platformom, morate postaviti razvojno okruženje.

Za one koji se tek upoznaju s Android programiranjem, posebno je važno uzeti vremena i metodično pratiti svaki korak. Čak i ako ispravno slijedite korake, možda ćete morati riješiti mali problem s postavkom okruženja, ovisno o konfiguraciji vašeg sustava ili verziji proizvoda. Da biste to učinili, upotrijebite usluge pretraživanja. Posebno se može istaknuti resurs StackOverflow.

Važno je ne dopustiti da zamke stanu na put vašem krajnjem cilju učenja programiranja za Android. Poznato je da i profesionalci ponekad imaju problema s postavljanjem svog radnog okruženja. U takvim slučajevima važno je poznavanje naredbenog retka. Ako se želite bolje upoznati s ovim alatom, u nastavku se nalazi poveznica na dobar uvodni alat.

Uz obuku u sintaksi, važno je istrenirati sebe da imate način razmišljanja uspješnog programera, koji neće prihvatiti poruku o pogrešci datoteka X nije pronađena kao konačnu presudu. Ovakvo razmišljanje lako trenirate u slučajevima kada ne odustajete i tražite rješenje za nastali problem.

Idite na Android Studio developer.android.com/studio/index.html i potražite gumb za preuzimanje najnovije verzije za svoju platformu.

Kliknite gumb za preuzimanje i od vas će se tražiti da pročitate odredbe i uvjete korištenja softverskog proizvoda. Nakon pažljivog čitanja (kao i uvijek) i prihvaćanja započinje preuzimanje. Ovo će vjerojatno potrajati nekoliko minuta. Nakon toga možete instalirati Android Studio kao i svaki drugi program. Početna stranica za preuzimanje sadrži upute za instalaciju za Mac i Windows.

Sad kad imate instaliran Android Studio, pokrenimo ga! Pokrenite Android Studio. Program će vas pitati želite li uvesti svoje postavke. Budući da krećete od nule, samo odaberite drugu opciju i nastavite.

Trebali biste vidjeti prekrasan zaslon za učitavanje u stilu materijalnog dizajna.

Kada preuzimanje završi, bit ćete prebačeni na ekran dobrodošlice.

Čak i ako ste upravo preuzeli Android Studio, možda nemate najnoviju verziju. Kako biste izbjegli probleme s verzijama u budućnosti, kliknite gumb "Provjeri ažuriranja sada" i, ako je potrebno, slijedite sve upute za dobivanje najnovije verzije. Ponekad će vas Studio automatski obavijestiti da postoji ažuriranje sa zaslonom poput ovog:

U tom slučaju uvijek odaberite Ažuriraj i ponovno pokreni. Sjajno! Uspješno smo završili instalaciju razvojnog okruženja.

Stvaranje prvog Android projekta

Vrijeme je za izradu prvog projekta. Počnimo s nečim jednostavnim. Programeri obično prvi program nazivaju "Hello World". Slijedimo ovu tradiciju, a zatim napravimo nekoliko malih promjena kako bi aplikacija koristila tvoje ime kao pozdrav. Na kraju ga možete preuzeti na svoj uređaj i pokazati prijateljima. Android Studio ima mali alat korak po korak koji će vam pomoći u izradi vašeg projekta. Pritisnite "Novi projekt" na početnom ekranu:

Ispunite ga ovako. Slobodno zamijenite "primjer" u nazivu paketa nečim drugim kako biste uklonili upozorenje na dnu zaslona. Također možete postaviti lokaciju projekta tako da pokažete na bilo koju mapu na vašem tvrdom disku

Za padajuće verzije SDK-a obratite pažnju na odjeljak Opis na dnu dijaloškog okvira. Objašnjava što svaka postavka radi.

Instalirajte minimalno potreban SDK kao što je prikazano na snimci zaslona. Ovo postavlja minimalnu verziju Androida potrebnu za pokretanje aplikacije. Odabir ove vrijednosti za vaše vlastite projekte stvar je ravnoteže između SDK mogućnosti koje želite i uređaja koji će biti podržani.

Za više informacija o verzijama API-ja i njihovoj upotrebi, postoji posebna stranica Dashboards na web stranici za Android programere https://developer.android.com/about/dashboards/index.html.

Nakon odabira verzije otvara se početni zaslon za odabir predloška. Možete izraditi aplikaciju koja već komunicira s Google Maps API i prikazuje kartu. U našem testnom primjeru odaberite praznu aktivnost i kliknite gumb "Dalje".

I sada ste na zadnjem koraku procesa izrade aplikacije. Prije nego što kliknete Završi, morate imati na umu nekoliko stvari. Ovo je prvi put da nailazite na reference na glavne arhitektonske komponente bilo koje aplikacije.

• - ovo je prvi, ali ne i posljednji spomen riječi Aktivnost. U kontekstu Androida, aktivnost se obično smatra "zaslonom" u vašoj aplikaciji. Ovaj element je vrlo fleksibilan. Kada Android Studio kreira klasu MainActivity, nasljeđuje je od klase Activity u Android SDK-u. Oni koji su upoznati s objektno orijentiranim programiranjem razumjet će ovaj koncept, ali za početnike to u osnovi znači da će vaša MainActivity biti prilagođena verzija Activityja.

• Naziv izgleda— izgled onoga što će biti prikazano korisniku definiran je u posebnom obliku Android XML-a. Uskoro ćete naučiti kako čitati i uređivati ​​te datoteke.

Pritisnite Završi. Za izradu i preuzimanje projekta trebat će neko vrijeme. Nakon nekog vremena Android Studio će dovršiti izgradnju vašeg projekta. Naravno, projekt je još uvijek prazan, ali ima sve što je potrebno za pokretanje na Android uređaju ili emulatoru.

Nakon učitavanja projekta, pregledavate datoteku izgleda u XML formatu. Prije nego što prijeđemo na Android programiranje, razgovarajmo o tome kako možemo pokrenuti ovu aplikaciju. Vrijeme je da kažete "Zdravo svijete!"

Pokretanje aplikacije na emulatoru

Sada je vrijeme da kažemo nekoliko riječi o emulatoru. Android Studio dolazi sa softverom koji može emulirati Android uređaj za pokretanje aplikacija, pregledavanje web stranica, otklanjanje pogrešaka i sve ostalo na njemu.

Ovu značajku omogućuje upravitelj virtualnih uređaja Android (AVD). Ako želite, možete postaviti više emulatora, postaviti veličinu zaslona i verziju platforme za svaki novi emulator. Ova je funkcija vrlo korisna jer programere štedi kupnje više uređaja za testiranje programa.

Pritisnite gumb Pokreni u obliku zelene strelice.

Morat ćete malo pričekati da se emulator učita i kada bude spreman, vidjet ćete nešto poput ovoga:

Čestitamo! Napravili ste svoju prvu Android aplikaciju!

I tako... Zašto i kako je to funkcioniralo?

Da biste počeli unositi promjene i dodavati zanimljive značajke, morate steći radno znanje o tome što se događa iza kulisa. Pogledajte dio projekta Android Studio s datotekama i mapama na lijevoj strani ekrana. Možda ćete morati kliknuti malu karticu na rubu (pogledajte dolje) ako istraživač projekta trenutno nije vidljiv.

Pregledajte svoju strukturu mapa nekoliko minuta i dvokliknite datoteke da vidite njihov sadržaj u glavnom prozoru. Ako se sve ovo čini misteriozno, ne brinite!

Struktura Android projekta: Tim

Svaki dobar tim sastavljen je od ljudi koji obavljaju svoje dodijeljene uloge. Želite li posao obaviti kako treba? Potreban vam je pravi tim. Android projekti imaju nekoliko ključnih elemenata, a svaki od njih ima određenu ulogu:

Java: Profesionalni

Ovo je dio vašeg koda koji je odgovoran za logiku aplikacije. Vaš kod će se nalaziti u direktoriju src\main\java u glavnoj mapi projekta. Za učenje Jave preporučujem knjigu Brucea Eckela "The Philosophy of Java";

Resursi: umjetnik

Nije dovoljno samo napraviti Android aplikaciju, ona mora biti i moderna. Vaša se aplikacija nikada neće isticati ako nema jasne ikone i slike, dobro dizajnirane izglede, a možda čak i glatke animacije.

Kada se inicijalizira, mapa sadrži sljedeće mape:

• drawable, koji pohranjuje ikone. Sada postoji samo standardna ikona aplikacije.
• izgled s XML datotekama koje predstavljaju dizajn zaslona.
• izbornik s XML datotekama popisa elemenata koji će biti prikazani na akcijskoj ploči.
• vrijednosti s XML datotekama koje sadrže veličine, boje, konstante niza i stilove.

AndroidManifest.xml: Šefe

Ova XML datoteka obavještava vaš sustav o hardverskim i softverskim zahtjevima aplikacije i sadrži naziv i ikonu njezine verzije. Manifest također sadrži podatke o svim aktivnostima u aplikaciji. Trebate li posao koji obavlja vaša aplikacija? Prvo razgovarajte sa svojim šefom.

Promjena

Dođite do res/values/strings.xml i dvokliknite datoteku. Kada otvorite datoteku, vidjet ćete dva resursa niza u XML-u.

Ti se resursi koriste na različitim mjestima, ali vrlo je zgodno imati sav tekst koji se koristi u vašoj aplikaciji u jednoj datoteci. Ako ga trebate prevesti ili ako vas vaš kolega trgovac zamoli da uklonite sve nepotrebne veze, ovdje je lako izvršiti sve promjene.

Promijenite niz hello_world koji aplikacija prikazuje na zaslonu. Promijenite sadržaj u nešto osobnije, kao što je korištenje vlastitog imena. Dobit ćete nešto poput:

Matt uči Android!

Pritisnite Pokreni. Aplikacija bi se trebala ponovno pokrenuti i vidjet ćete personaliziranu poruku:

Čestitamo - dovršili ste svoj prvi projekt i naučili urediti izvorni kod. Prvi korak u Android programiranju je napravljen. Želimo vam puno sreće na ovom teškom, ali nevjerojatno zanimljivom putu! Ako trebate profesionalni razvoj Android aplikacija, obratite se stručnjacima Infoshell-a.

Pozdrav dragi ljubitelji Android operativnog sustava. U današnjem ću članku pokušati što potpunije pokriti vrlo zanimljivu temu - izbor alata za izradu vlastite aplikacije (online) za gadgete temeljene na popularnom operativnom sustavu Android.

S razvojem mobilnih tehnologija razvija se i tržište mobilnih aplikacija, uključujući i tržište mobilnih aplikacija za Android OS. Ako se prije mogao prijaviti samo napredni programer s debelim naočalama sa završenim petogodišnjim sveučilišnim studijem, sada je ova mogućnost dostupna svima, potpuno neupućenim u programske jezike, i to bez odspajanja s interneta, tj. na liniji.

U kolekciji ćete pronaći četiri alata koji će vam omogućiti izradu aplikacije – brzo i jednostavno. Svi predloženi alati slični su građevinskim setovima, svoju prvu aplikaciju morate sastaviti od raznih gotovih komponenti, aplikaciju možete izraditi na isti način kao što sastavljate Lego konstruktor.

Svi instrumenti odabrani su prema sljedećim kriterijima:

• Jednostavnost korištenja. Budući da će takav alat uglavnom koristiti ljudi koji nisu upoznati s programiranjem i složenim elementima, glavni naglasak u ovom malom izboru bio je na praktičnosti i jednostavnosti korištenja predloženih alata;
• Intuitivno sučelje. Ova točka i uvjet logično proizlaze iz prethodne. Osim što bi sučelje alata za izradu aplikacija za Android OS (Android) trebalo biti jednostavno, trebalo bi biti i intuitivno;
• Mogućnosti. Što više različitih stvari alat "može", to bolje. U biti, sve predstavljene aplikacije imaju isti skup alata, uz male razlike i izmjene.

Dakle, napišimo, počnimo s izradom aplikacije (cijela aplikacija može se izraditi na mreži), u nastavku se možete upoznati s izborom softverskih proizvoda i odabrati najprikladniji i najfunkcionalniji alat za sebe.

TheAppBuilder

Dobar alat za izradu aplikacija. Bez sumnje, dobra vijest je da ovaj alat možete koristiti potpuno besplatno. Loša strana je što ovaj softverski proizvod ne podržava ruski jezik, ali ako ste učili engleski u školi, barem malo, onda ne bi trebalo biti problema s korištenjem TheAppBuildera. Od svih značajki ovog softverskog proizvoda, želio bih napomenuti sljedeće::

• Veliki izbor predložaka za izradu vaših Android aplikacija. Ako želite napraviti jednostavan program, tada iz predloženih opcija predložaka možete jednostavno odabrati onaj koji vam je potreban;
• Mogućnost pregleda detaljne statistike o aplikaciji koju ste izradili;
• Jednostavna i jasna objava aplikacije koju ste izradili na Google Playu.

AppsGeyser

Još jedan dobar, kvalitetan alat koji zaslužuje veliku pozornost. Kao što sam rekao gore, za izradu )) ne morate biti u mogućnosti programirati za Android; sve u ovom programu je toliko jednostavno da možete izraditi aplikaciju za svoj projekt u nekoliko minuta, jednostavnim sastavljanjem iz dijelova; "konstruktora". U nastavku se možete upoznati s mogućnostima predloženog alata.:

• Velika arhiva predložaka na različite teme: restorani, pizzerije, foto studiji, praznici, sport, radio, prijevoz tereta i mnogi, mnogi drugi predlošci. Vi samo trebate odabrati odgovarajući i početi ga uređivati ​​kako bi odgovarao vašim potrebama;
• Ugrađeni alati za promociju vaše nove aplikacije. Ponekad, za promoviranje i promoviranje vaše nove aplikacije morate potrošiti puno truda i vremena, ugrađeni alati za promociju u alatu za izgradnju mogu vam olakšati zadatak;
• Mogućnost povezivanja vašeg programa s mrežom za oglašavanje, tako da možete zaraditi novac od aplikacija koje izradite.

Elena Šramenko

direktor tvrtke
Tvrtka "Akintsev i partneri".

“Želio bih reći nekoliko riječi o dizajneru mobilnih aplikacija iz AppGlobala.

Nedavno smo razvili našu aplikaciju temeljenu na konstruktoru AppGlobal. I svakim danom otkrivamo sve više i više mogućnosti ovog alata, s kojim možete implementirati razne zadatke.

Prvo, shvatio sam da je ovaj alat od velike koristi za obje strane: za nas, kao vlasnike aplikacije, i za naše klijente koji ovu aplikaciju koriste.

Rješavanjem marketinških problema našim klijentima dajemo dodatne pogodnosti:

Imaju na dohvat ruke sve informacije o temi koja ih zanima, a dobivaju i priliku proučavati materijale koji nisu slobodno dostupni. Mogu iskoristiti popuste i darove koji su aktivni samo putem aplikacije. Također imaju mogućnost platiti vašu uslugu ili dostavu iz aplikacije i obaviti besplatan poziv.

Zahvaljujući tome dobivamo stalne kupce i privlačimo nove.”

Ilja Basnin

AppGlobal partner

“Veliki nedostatak svih ostalih usluga je nedostatak tehničke podrške.

Analizirao sam mnoge konstruktore.

Najčešće se koriste jednostavne jeftine platforme, čiji vlasnici jednostavno kopiraju AppGlobal materijale, ali sam dizajner ostaje "sirov" i nedovršen.

Njihov veliki nedostatak je nedostatak podrške. I unatoč niskim cijenama još uvijek ne mogu izdržati konkurenciju.”

Artur Budovski

“Prodaja je porasla za 14% u prvom mjesecu korištenja mobilne aplikacije!

Pišem prodajne tekstove i podučavam ljude ovoj umjetnosti. Povjerenje mojih čitatelja u mene poraslo je samo zato što postoji mobilna aplikacija. Kao, ako je moja Škola u Apstoreu i Google Playu, znači da imam solidan biznis, a ne nekakvu “prevaru”. Ljudi kupuju treninge čak i bez preuzimanja aplikacije na svoj telefon.

Sam AppGlobal konstruktor je mega-alat! Punopravnu aplikaciju možete izraditi sami, bez posebnog znanja programiranja, u samo nekoliko sati! Jedino što bih volio da mogu napraviti različita sučelja jer su sve aplikacije slične jedna drugoj zbog tipki.

Sada objavljujem audio i video materijale i kartice s informacijama u svojoj mobilnoj aplikaciji. Postoji pretplata na vijesti i integracija s društvenim mrežama. Koristim push obavijesti za svoje čitatelje. Postoji povratna informacija kao što je primanje poruka, fotografija od klijenata.

Unatoč činjenici da je lansiranje mog proizvoda odgođeno zbog moderiranja, jako sam zadovoljan suradnjom sa servisom AppGlobal. Problemi se rješavaju prilično brzo, konzultanti pomažu u rješavanju svih problema.

Moja stranica sada živi mobilnim životom. Zaista se nadam da će moji klijenti i čitatelji cijeniti moju mobilnu aplikaciju i vratiti mi se više puta!

Hvala AppGlobalu na jednostavnim rješenjima za složena, ali važna pitanja!”

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

Ljudi koji znaju kako izraditi aplikaciju za android, može zaraditi vrlo dobar novac.

Naučiti programirati i stvarati igre, biblioteke i online trgovine nije teško.

Ovaj će članak objasniti sve korake koje bi početnik trebao poduzeti kako bi izradio aplikaciju koja će privući velik broj pretplatnika.

Koraci za izradu Android aplikacije

Nakon proučavanja svih potrebnih koraka, možete izraditi 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 na neuspjeh.

Najvjerojatnije će prva palačinka ispasti kvrgava.

Pažljivo testirajte rezultat svog rada.

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

Odaberite dobnu publiku.

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

Dajte puno informacija i opcija izbornika. Ljudi vole lutati stranicama, istražujući kartice.

Malo će se ljudi svidjeti program od jedne stranice.

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

Prvo morate napuniti ruku.

Kako napisati aplikaciju za Android?

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

Za neke će to postati posao i isplativ posao, za druge će 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 vam je potrebno osobno računalo s pristupom internetu.
• Procjena se može izvršiti samo s mobitela na kojem je instalirana najnovija verzija Android sustava.
• Poželjno je poznavanje engleskog jezika barem na minimalnoj razini.
• Potrebno je poznavanje Java jezika.
• Poznavanje XML markupa olakšat će vam rad i omogućiti stvaranje šarenih, lijepo dizajniranih programa.

Sve opisane faze mogu se kombinirati u tri glavne:

1. Izrada programskog sučelja, izbor slika.
2. Rad s 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 nitko ne sjeda da piše knjigu, a da ne zna o čemu će biti?

Treba razraditi ideju za igru ​​ili program i popuniti sve slabe točke.

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

Nije ga dovoljno samo izraditi, program treba učiniti zanimljivim.

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

Za amatere je ova opcija sasvim prikladna.

Ako želite, sve ćete morati učiniti sami.

Fazi testiranja također treba posvetiti dužnu pozornost.

Analiza mišljenja testera omogućuje nam da donesemo zaključak o tome kako će vlasnici pametnih telefona s Androidom percipirati novi proizvod.

Kako napraviti aplikaciju za Android i promovirati je?

Ako niste popularni bloger ili kreator velikih igara, tada ćete u početnoj fazi morati posvetiti vrijeme promicanju stvorenog programa.

Za najbrže širenje trebali biste:

1. Koristite unakrsne reference s drugim vlasnicima društvenih mreža i blogova.
2. Objavite poveznice na vlastitom blogu.
3. Recite svojim prijateljima o stvorenom programu.

Video u nastavku prikazuje proces izrade aplikacije pomoću usluge Appsgeyser:

Mnogi ljudi ne znaju kako napraviti aplikaciju za android, i boje se fraze "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 smjernice.