Am realizat „Periodika” - o aplicație mobilă în care vă puteți imprima cărțile foto, instantaneele și cărțile poștale. Pentru a-i ajuta pe toți cei care fotografiază pe iPhone, am selectat 8 aplicații de editare foto de top care vă vor ajuta să reglați luminozitatea și contrastul, să aplicați un filtru, să reglați perspectiva - faceți totul pentru a trimite fotografii frumoase pentru a fi printate.

VSCOcam

VSCOcam este una dintre cele mai populare aplicații de procesare a imaginilor din ultima vreme și iată de ce: Își datorează succesul filtrelor care sunt create împreună cu fotografi, directori de artă și companii din industria creativă.În plus, programul are toate instrumentele necesare pentru a aduce imaginea la perfecțiune: corecția culorii, decuparea, balansul de alb, luminozitatea, contrastul etc.

în VSCOcam puteți procesa o fotografie o dată și apoi aplicați aceste setări tuturor fotografiilor similare în același timp, ceea ce economisește mult timp.

VSCOcam este, de asemenea, o comunitate în care mii de utilizatori își împărtășesc momentele. De asemenea, puteți ține un jurnal în VSCOcam, creând povești foto simple cu felicitări și text. Adepții aplicației pot fi găsiți folosind etichetele #vsco, #vscomoscow, #vscocam, #vscorussia pe Instagram.

Aplicația este gratuită împreună cu pachetul de filtre de pornire, restul se achiziționează separat. Dar înainte de a cumpăra, vă puteți da seama cum vor arăta fotografiile în noua procesare. Este dificil să recomanzi un anumit set de efecte — alegeți în funcție de gustul dvs. Să ne împărtășim favoritele: C2, 04, 05 și F1.

Camera intunecata

Aplicația Darkroom este potrivită pentru cei care au nevoie de o corecție serioasă a culorii. Caracteristica principală a Darkroom este „curba”, aceeași pe care o folosesc profesioniștii atunci când lucrează cu Adobe Lightroom. Cu toate acestea, nu este inclus în setul de pornire; trebuie achiziționat separat. Dar aveți acces la un set de instrumente de editare foto, care are tot ce aveți nevoie pentru procesarea de bază.

Lumină de după

Afterlight a fost popular printre fotografi mobili încă de la introducerea sa. Care este secretul? O interfață prietenoasă, o mulțime de instrumente de editare și, desigur, rame, texturi și alte decorațiuni.
Evenimentul de după este, de asemenea, în ordine cu orice altceva. Tot ce aveți nevoie pentru editare, pachete de filtre frumoase de la dezvoltatori și fotografi mobili, seturi de cadre, texturi. Unele se vând separat.

Snapseed

Snapseed este un instrument indispensabil dacă trebuie să faceți ajustări precise unei fotografii. Capabil să lucreze cu o fotografie întreagă și cu zone individuale. Puteți lumina o zonă care este prea întunecată sau puteți întuneca o zonă prea deschisă.
Editorul foto are instrumente de procesare de bază: decupare, corectare a culorilor, vignetare. Plus efecte interesante: grunge blur, noir și altele.

Pixelmator

Pixelmator este „monstrul” selecției noastre. Dezvoltatorii înșiși îl poziționează ca un editor de imagini cu drepturi depline. Desigur, este potrivit și pentru fotografii.
Caracteristica principală a aplicației este suportul pentru straturi, ca în editorii de fotografii desktop. Acest lucru vă permite să experimentați: „amestecați” mai multe imagini, adăugați text, forme geometrice. Pixelmator are șabloane bune pentru crearea de colaje, carduri și postere.

Amestecuri

Mexturile vă vor oferi senzația de cameră întunecată și de experimentare. Aplicația conține efecte interesante care pot (și ar trebui) să fie amestecate împreună. Având în vedere că fiecare filtru are multe variații, aceeași fotografie cu același efect va arăta diferit. Principalul lucru este să te oprești la momentul potrivit și să nu exagerezi cu filtrele.

Litely

Litely este un editor foto ușor de învățat, cu filtre frumoase. Sunt potrivite pentru peisaje, fotografii în natură și arhitectură. Fanii fotografiilor alb-negru vor adora pachetul cu efecte noir.
Puteți încerca kitul de pornire gratuit, dar va trebui să plătiți suplimentar pentru restul. Înainte de a cumpăra, puteți privi exemple de efecte în fotografii reale și puteți decide de ce aveți nevoie.

SKRWT

SKRWT — un remediu pentru mâinile strâmbe. Serios, pe un iPhone fără trepied este dificil să faci o fotografie inițial „dreaptă” cu proporțiile corecte ale obiectelor și un orizont neobstrucționat. Fotografiem ceea ce vedem, fără să ne gândim la compoziția și construcția cadrului.

Aplicația are instrumente pentru corectarea perspectivei, volumului obiectelor, aspectului vertical și orizontal al cadrului. Pentru autorul blogului Periodicals, această aplicație a salvat de mai multe ori imagini aparent pierdute, așa că recomandă SKRWT fiecărui fotograf mobil.

Posibilitățile fotografiei mobile sunt foarte largi: folosind aplicații, poți face, procesa, așeza și imprima o fotografie. Vom continua să vă prezentăm idei pentru prelucrarea fotografiilor și utilizarea lor ulterioară. Rămâneţi aproape! Adaugă-ne pe Instagram —

Aceasta este o aplicație de editare foto simplă, dar puternică. Puteți modela transformări corporale, vă puteți îmbunătăți aspectul pentru rețelele de socializare sau puteți oferi prietenilor o schimbare amuzantă. Tot ce trebuie să faceți este să trageți, să măriți sau să reduceți părțile corpului pe care doriți să le schimbați. Vezi cum ai arăta cu alt nas, bărbie, fese, greutate mai mică...

Aplicația noastră a fost deja descărcată de 10 milioane de ori de pe toate platformele existente și are 2 caracteristici unice:

1) Algoritmul de distorsiune folosit oferă tranziții foarte fine, comparabile doar cu aplicațiile profesionale Liquify, care sunt de sute de ori mai scumpe.
Aceasta este o aplicație simplă, dar puternică, de distorsiune a fotografiilor. Îl poți folosi pentru a simula transformările corpului, pentru a-ți îmbunătăți aspectul pe rețelele de socializare sau pentru a te distra deformând oamenii.

2) Modul de vizualizare dublă clonează imaginea în a doua jumătate a ecranului atunci când rotiți dispozitivul și vă permite să îl schimbați astfel încât degetul să nu acopere zona de lucru. Acesta este ideal pentru dispozitivele tactile mici, cum ar fi smartphone-ul dvs.!

Funcție nouă: acum puteți salva animațiile transformatoare ca fișiere video!

CARACTERISTICI APLICAȚII
********************************

Acest editor foto vă permite să procesați toate părțile feței și corpului:

Schimbați forma nasului;
Mărirea buzelor
Schimbarea conturului bărbiei și al feței
Scădere în greutate, liposucție
Mărirea mușchilor
Operații pe orice parte a corpului care poate fi schimbată, mărită sau redusă!

Aplicația noastră este potrivită atât pentru cei care vor să se distreze, cât și pentru cei care sunt interesați să se vadă cu un alt aspect.

UTILIZAREA APLICAȚIEI
**************************************

Utilizarea aplicației este foarte simplă chiar și pe ecrane mici:

Importați o fotografie a feței sau a întregului corp din camera foto sau din biblioteca de imagini a dispozitivului. Este recomandabil ca persoana să fie fotografiată pe un fundal monocolor, cu iluminare suficientă, astfel încât contururile părților corpului să fie clar vizibile.

Folosiți degetul pentru a trage, mări sau micșora părțile corpului pe care doriți să le modificați. De exemplu, puteți elimina un neg de pe nas, vă puteți mări sânii sau chiar puteți deveni mai subțiri.

Prin rotirea dispozitivului, puteți trece de la vizualizarea unei imagini la două și, astfel, puteți compara imaginile înainte și după pe un singur ecran.

Măriți și vizualizați două imagini pentru a crea o „oglindă” a zonei de lucru, astfel încât să o puteți vizualiza fără ca degetul să vă stea în cale. Aceasta este o soluție excelentă pentru cei care doresc să editeze cu precizie fotografiile pe un ecran mic!

Rulați o animație morph între fotografia originală și fotografia modificată pentru a vedea trecerea de la aspectul vechi la cel nou!

Descărcați aplicația acum. Și vei vedea cum ai putea arăta cu un aspect schimbat. Toată lumea are dreptul la frumusețe.

Dmitri Demență

Vă îndoiți că merită să investiți în dezvoltarea de aplicații mobile? O poți face singur și absolut gratuit. Este posibil să obțineți o versiune de testare care poate fi utilizată pentru a evalua convenabil eficacitatea strategiei dvs. mobile. Și dacă încerci, vei realiza o aplicație mobilă decentă care va deveni principalul instrument de interacțiune online cu proprietarii de smartphone-uri și tablete.

Rețineți că nici cea mai tare aplicație mobilă nu poate fi singurul instrument de promovare. Numai marketingul cuprinzător pe Internet oferă rezultate maxime în ceea ce privește traficul și vânzările.

Merită să-ți faci propria aplicație mobilă?

Cheltuieli. Dacă nu mă credeți pe cuvânt, iată câteva fapte:

• Potrivit Flurry Analytics și comScore, proprietarii de smartphone-uri și tablete folosesc browserul doar 14% din timpul total în care lucrează cu dispozitivul. Și își petrec 86% din timp pe diferite aplicații.
• Aplicația instalată este canalul dumneavoastră direct de comunicare cu consumatorul. Gândiți-vă doar: nu trebuie să cheltuiți bani pe publicitate sau să așteptați ca o persoană să vă găsească folosind Yandex. Tot ce rămâne este să sprijine funcționalitatea de care are nevoie utilizatorul și să îi furnizeze conținut relevant.
• Numărul de achiziții efectuate folosind tablete și smartphone-uri este în creștere atât pe Internet în general, cât și în RuNet. Potrivit agenției de marketing Criteo, deja în 2016, mai mult de jumătate din tranzacțiile online din RuNet se vor face folosind dispozitive mobile.

Dacă doriți, aplicația este un browser mobil în care se deschide doar site-ul dvs. În ce caz ar instala un utilizator un astfel de browser de internet? Doar dacă este interesat de produsul sau informațiile dvs. Prin urmare, rețineți: clientul care a instalat aplicația este un reprezentant loial și gata de cumpărat al publicului țintă.

În acest caz, merită să vă asumați riscul și să oferiți aplicații DIY clienților fideli, mai degrabă decât programe personalizate realizate de profesioniști pentru Android și iOS? Să ne dăm seama.

Când poți crea singur o aplicație?

Îți amintești de ce au nevoie vizitatorii site-ului? Ele vin din cauza conținutului sau funcționalității resursei. Oamenii vor să se informeze, să cumpere ceva, să se uite și să comenteze fotografiile prietenilor și așa mai departe. Utilizatorii aplicației mobile au nevoie de același lucru. Ei caută informații sau fac un fel de tranzacție.

Îți amintești când o companie își putea face un site web singură? Este corect atunci când nu ai încă bani să colaborezi cu profesioniști, dar mai ai timp și dorința de a descoperi WordPress sau Joomla. Aceeași situație este și cu aplicațiile. Programele create de sine pentru iOS și Android pot fi comparate aproximativ cu site-urile web construite pe motoare open source.

Nu trebuie să vă înregistrați pentru a începe să lucrați. Faceți clic pe butonul Creați acum de pe pagina principală sau selectați meniul Creare aplicație din colțul din dreapta sus pe orice pagină a serviciului.

Selectați șablonul de aplicație adecvat. Dacă vorbim despre un proiect de conținut, ați putea fi interesat de următoarele opțiuni:

• Manual. Acest șablon vă permite să creați un program de ghid.
• Blog. Aplicația va ajuta publicul dvs. de blog să citească note noi de pe ecranul unui smartphone sau tabletă.
• Site-ul web. Șablonul transformă un site web într-o aplicație.
• Pagini. Cu acest șablon puteți converti orice conținut într-o aplicație cu funcționalitate simplă.
• Știri. Șablonul vă permite să creați o aplicație care este un agregator de știri din industrie sau regionale.
• Pagină. Șablonul convertește conținutul offline, cum ar fi o carte electronică, în aplicație.
• Pagina VK și Pagina de Facebook. Creați o aplicație care vă permite să monitorizați actualizările grupurilor deschise pe VKontakte și Facebook.
• YouTube. Utilizați șablonul pentru a vă promova canalul YouTube.

Cum se creează o aplicație pentru blog

Utilizați șablonul Blog. În câmpul corespunzător, introduceți adresa URL a blogului sau a fluxului RSS. Selectați o culoare pentru titlul notei.

Introduceți numele aplicației.

Adăugați o descriere.

Alegeți unul standard sau adăugați o pictogramă personalizată. Dimensiunea adecvată a imaginii este de 512 x 512 pixeli.

Pentru a crea un fișier de descărcare, faceți clic pe butonul Creare aplicație. După aceasta, trebuie să vă înregistrați în sistem. Confirmați înregistrarea și accesați contul personal. Aici poți instala aplicația pe dispozitivul tău mobil, o poți publica pe Google Play și Amazon App Store. Sistemul oferă și o opțiune de monetizare. Dacă utilizați această funcție, reclamele vor fi afișate în aplicație.

Verificați cum funcționează aplicația pe dispozitivul dvs. mobil. Pe o tabletă, programul ar trebui să afișeze o listă de postări de blog în format de titlu și anunț.

În contul tău personal AppsGeyser, poți să monitorizezi numărul de instalări, să creezi notificări push, să publici aplicația în magazine, să monetizezi programul folosind publicitate și să editezi aplicația.

Doriți mai multe aplicații? Apoi creați o aplicație de ghid folosind șablonul Manual.

După editarea conținutului, specificați numele aplicației, adăugați o descriere și o pictogramă. Faceți clic pe butonul Creați aplicație. După crearea fișierului de descărcare, instalați-l pe dispozitivul dvs. mobil și verificați funcționalitatea acestuia.

Vă rugăm să rețineți că majoritatea dispozitivelor mobile blochează instalarea aplicațiilor din surse necunoscute în mod implicit. Dacă un utilizator descarcă un program de pe site-ul dvs. sau de pe un site de generator de aplicații, va vedea un avertisment de securitate atunci când încearcă să îl instaleze. Unii clienți vor refuza probabil să instaleze programul.

8 constructori similari cu AppsGeyser

Dacă constructorul universal AppsGeyser nu este potrivit pentru dvs., acordați atenție serviciilor similare:

• AppsMakerStore. Folosind serviciul, puteți crea aplicații de diferite tipuri: de la programe pentru comerț electronic până la soluții pentru proiecte de conținut. Designerul realizează aplicații pentru iOS și Android. Interfața de service este rusificată. Pentru începători, există un ghid informativ pentru utilizarea constructorului. Serviciul este platit.
• Mobincube. Un instrument pentru crearea și monetizarea aplicațiilor iOS și Android. Funcționalitatea de bază a serviciului este disponibilă gratuit. Designerul vă permite să creați aplicații de diferite tipuri.
• Bărbier bun. Folosind acest serviciu puteți dezvolta aplicații Android și iOS. Constructorul este plătit, costul de utilizare este de 16 USD pe lună.

Majoritatea serviciilor oferite au o interfață în limba engleză. Dacă nu vă simțiți confortabil să lucrați cu constructori în limba engleză, alegeți platforme cu conținut în limba rusă.

Designeri de aplicații: un topor de piatră sau un instrument modern subțire?

Nu trece de la o extremă la alta. Cu ajutorul serviciilor propuse, puteți crea cu adevărat aplicații funcționale funcționale. Programele rezultate pot fi folosite pentru a rezolva diverse probleme: de la facilitarea tranzacționării online până la distribuirea de conținut și educarea publicului. Aplicațiile create în designer pot fi publicate pe Google Play și App Store, editate și monetizate folosind reclame sau instalări plătite.

Nu supraestimați serviciile oferite. Dezavantajul lor evident rămâne natura lor stereotipată. Vorbim atât despre designul, cât și despre funcționalitatea programelor. În plus, accesul la platforme cu funcționalitate decentă este plătit. Ce este mai bine: să plătiți dezvoltatorii pentru munca lor o dată sau să plătiți proprietarii designerului pentru mulți ani? Fă calculul pentru tine.

Și încă ceva: dacă nu aveți timp să vă creați o aplicație mobilă, contactați compania noastră. Dezvoltăm aplicații mobile și .

Contactaţi-ne Să discutăm? Comandați o consultație gratuită

După ce facem fotografii sau filmăm videoclipuri de pe telefonul sau iPad-ul nostru, ne-ar plăcea să găsim o modalitate de a face direct videoclipuri foto pe dispozitivele noastre mobile, pentru o partajare mai bună. Fie că editezi videoclipuri sau faci videoclipuri, există aplicații pentru a crea videoclipuri, care vă permit să le faceți ca un profesionist pe telefoanele iPad, iPhone și Android. În acest articol, ne vom uita la cei mai buni 10 producători de videoclipuri muzicale din industrie.

Recomandare: Cel mai bun software desktop pentru crearea de videoclipuri și muzică

Include multe caracteristici utile: suport pentru opțiunea de glisare și plasare, decuparea, decuparea și rotirea videoclipului, poate îmbunătăți videoclipul prin adăugarea unui efect de text precum Mozaic printre multe caracteristici interesante. Și puteți adăuga piesă audio sau muzicală la videoclip și puteți edita muzica cu ușurință. Un lucru important despre Filmora Video Editor este că oferă utilizatorilor opțiunea de a exporta în orice alte formate video, cum ar fi WMV, MOV și FLV. De fapt, interfața editorului video Filmora poate fi folosită fără probleme.

Partea 1. Top 5 aplicații de creare video pentru dispozitive iPad/iPhone

1. Videoclipuri TiltShift

Un producător de fotografii foto și video foarte simplu și ușor de utilizat cu aplicație de muzică pentru iPad și iPhone. Aplicația TiltShift Video vă ajută să vă transformați videoclipurile obișnuite în tilt shift, precum videoclipurile fără stres. Unele dintre cele mai bune caracteristici ale acestei aplicații video sunt capacitatea de a schimba viteza video, de a crea videoclipuri cu încetinitorul și de a cronometra.

2. VidLab – Realizator video și film

Magisto este ideal pentru acei utilizatori care doresc doar să adauge câteva filtre la videoclipurile lor. Nu oferă multe funcții și funcționalități de editare, dar are câteva efecte interesante pe care le puteți aplica pe videoclipul dvs. cu un simplu clic. Cea mai bună parte a utilizării Magisto este că vă puteți salva toate videoclipurile în cloud, astfel încât să le puteți edita oricând dintr-un simplu browser web. Cu alte cuvinte, dacă nu sunteți un YouTuber profesionist, ar trebui să încercați această aplicație pentru a aplica câteva efecte de bază și funcții obișnuite de editare video.

3. Stop Motion Studio

Stop Motion Studio este un creator și un editor video profesional pentru iPad și iPhone. Este gratuit și poate reda videoclipuri HD și HD pe iPhone și iPad și le poate salva la rezoluție completă. De asemenea, aveți opțiunea de a exporta ca format de imagine GIF.

4. Magisto – Editor video magic

Acesta este unul dintre cei mai buni producători de videoclipuri pentru iPhone și iPad și îl puteți obține gratuit din magazinul de aplicații. Această aplicație poate fi creată din videoclipurile și fotografiile dvs. Aplicația Magisto este o aplicație de editare video profesională, ușor de utilizat și de calitate. Vă rugăm să rețineți că aplicația Magisto nu are aceleași caracteristici ca iMovies, totuși aveți nevoie de internet pentru a utiliza aplicația.

5.iMovie

iMovie este una dintre cele mai populare aplicații foto și video pentru iPad și iPhone. Ajută utilizatorii să creeze videoclipuri HD fără prea mult stres. De asemenea, are capacitatea de a face filme de la Hollywood în stil de film. Videoclipurile create cu aplicația iMovies pot fi publicate pe Vimeo, Facebook și YouTube direct din aplicație. Este ușor de utilizat și vine cu capacitatea de a salva videoclipuri la rezoluție completă.

Partea 2. Top 5 aplicații de realizare video pentru dispozitive Android

1. Magisto

Aplicația de creare și editare video Magisto este unul dintre cei mai buni producători de videoclipuri cu muzică pentru dispozitive Android. Aplicația are capacitatea de a crea prezentări de diapozitive din fișiere media, cum ar fi imagini, coloană sonoră și imagini. Aplicația este concepută folosind o interfață simplă. Alte caracteristici prezente în aplicație includ stabilizarea video automată, filtrele, efectul de detectare a feței și tranziția. Cu siguranță o să-l folosești cu plăcere.

Descărcați de pe Google Play: https://play.google.com/store/apps/details?id=com.magisto

2. Editor video AndroVid

Acesta este un producător profesional de videoclipuri foto cu muzică pentru Android, care vă poate ajuta să tăiați, să decupați și să adăugați muzică în orice moment când creați videoclipuri folosind această aplicație pe telefonul dvs. Android. Cu această aplicație, este ușor să tăiați și să eliminați orice parte a videoclipului care nu este necesară. Această aplicație vă oferă posibilitatea de a adăuga text, cadre și efecte speciale videoclipurilor dvs. Alte caracteristici ale acestei aplicații includ conversia oricărui videoclip în mp3 gratuit, redarea clipurilor video cu încetinitorul și multe altele.

Descărcați de pe Google Play: https://play.google.com/store/apps/details?id=com.androvid

3. Video Maker Pro

Video Maker Pro este o aplicație de studio de film pentru a realiza fotografii video pe Android și pentru a edita, decupa și adăuga fișiere media în film. Este ușor de utilizat și, desigur, nu veți avea probleme în timp ce utilizați aplicația. Are, de asemenea, un creator de prezentare de diapozitive care dă un efect fiecărei imagini. Aceasta este o aplicație uimitoare, cu o evaluare bună a utilizatorilor.

Descărcați de pe Google Play: http://download.cnet.com/Video-Maker-pro/3000-2139_4-75792548.html

4. Editor video Andromedia

Această aplicație de creare și editare video este unul dintre cele mai bune instrumente pentru a crea și edita videoclipuri în diferite formate într-un mod profesional. Aplicația este gratuită și poate crea videoclipuri HD în 320px, 480px și 720px. Combină aceleași caracteristici ale altor aplicații de realizare video cu unele caracteristici suplimentare, cum ar fi suportul pentru alte formate, cum ar fi MOV, WAV și altele. Are un design simplu și este destul de ușor de utilizat.

Descărcați de pe Google Play: https://play.google.com/store/apps/details?id=com.catflow.andromedia

5.VidTrimPro

Una dintre cele mai populare aplicații de realizare video pentru Android și utilizatorii altor platforme. Este, în general, considerată a fi cea mai bună aplicație din această categorie, cu multe caracteristici excelente și un design de interfață ușor de utilizat. Alte caracteristici ale acestei aplicații includ transcodarea videoclipurilor, capturarea cadrelor, precum și tăierea. De fapt, nu este gratuit. Cu toate acestea, există o versiune de probă disponibilă pentru a vă ajuta să confirmați dacă aveți într-adevăr nevoie de ea înainte de a cumpăra aplicația.

Descărcați de pe Google Play: https://play.google.com/store/apps/details?id=com.goseet.VidTrimPro&hl=ro

Pret: Gratuit

Î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 pe platforma iOS folosind PhoneGap. 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ă. Vom folosi cadrul jQuery JS cu jQuery Mobile (jquerymobile.com) ca cadru și Google Maps v3 ca motor de hărți. 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.
• Pe pagina cu o listă de puncte ar trebui să existe un buton suplimentar „Ștergeți toate punctele”, iar lângă fiecare punct ar trebui să existe 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, descărcați cea mai recentă versiune de JQuery Mobile (jquerymobile.com/download) și transferați primele fișiere de aplicație de care avem nevoie în folderul de lucru:

• 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 partea de sus a paginii cu o hartă, inscripția „Memento 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. Puteți citi mai multe despre cum sunt structurate paginile jQuery Mobile î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 folosi API-ul Google Maps standard, care este folosit 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 potrivit browser pentru testarea aplicațiilor web pe un computer este Safari sau Chrome. După depanarea în aceste browsere, puteți fi sigur că aplicația dvs. nu va funcționa într-un browser de telefon mobil. Ambele browsere sunt compatibile cu majoritatea browserelor web mobile, deoarece sunt construite pe motorul WebKit la fel ca ei. 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 de înțeles aici că viitoarea aplicație mobilă compilată pentru platforma mobilă 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ă până în acest moment nu am atins nici măcar PhoneGap și IDE-ul pentru dezvoltarea mobilă.

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 o mașină virtuală pe Mac OS 10.6), precum și de mediul de dezvoltare Xcode cu iOS SDK-ul 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 spațiul 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. Programul asamblat va genera 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 „Creați referințe la foldere 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 (acestea sunt servere Google Maps): *.gstatic.com, *.googleapis.com, hărți .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, care indică faptul că dispozitivul mobil este 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. Codul nostru actual funcționează și el, 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 omologul 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 :). Permiteți-mi să repet încă o dată: pentru a rula o aplicație scrisă pe iOS, trebuie să fiți un dezvoltator iOS autorizat (cu alte cuvinte, să fiți abonat la Programul pentru dezvoltatori iOS). 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 va trebui să plătiți pentru suport și module suplimentare (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. Codul sursă al proiectului 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 o aplicație web mobilă simplă și am portat-o ​​pe platforma iOS folosind PhoneGap în câțiva pași simpli. 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ă, de exemplu Android sau Windows Mobile 7, atunci puteți la fel de ușor, fără nicio modificare pentru aceste platforme, să construiți 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 privi aplicațiile gata făcute pe PhoneGap, pe care dezvoltatorii de tehnologie le-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?