Aplicație web pentru Android. Android. Să creăm o aplicație folosind JQueryMobile. Beaver Oil Corporation

Se pare că pentru a codifica normal pentru Android sunt suficiente cunoștințele de HTML5, CSS3 și JavaScript. Desigur, nu doar așa, ci în combinație cu serviciile, a căror recenzie ți-am pregătit. Ei bine, dacă sunteți familiarizat cu PHP (Ruby, ASP.NET) din prima mână, atunci după ce ați citit acest articol, vă puteți oferi în siguranță serviciile pentru dezvoltare mobilă avansată :). INFORMAȚII Pentru proprietarii de bloguri, magazine online și diverse site-uri web care au o versiune mobilă gata făcută, acest material vă va ajuta să creați rapid o aplicație (cu costuri aproape zero de bani și timp) pentru a vă îmbunătăți imaginea și a atrage noi vizitatori la resursa dvs. . Testarea noastră În acest articol vom compara patru platforme pentru crearea de aplicații. Fiecare recenzie este o descriere impresii generale, probleme găsite și caracteristici distinctive interesante în procesul de transformare a codului HTML în fișier apk folosind instrumentul curent. Pentru puritatea experimentului, vom crea aceeași aplicație folosind diferite servicii. Esența aplicației noastre elementare este următoarea. Să presupunem că există o companie numită Beaver Fat Transcorporation. Și CEO-ul a dorit ca fiecare persoană din companie să aibă instalată o aplicație: un mini-director de numere care poate fi folosit pentru a ajunge la alți angajați. Iată codul: /*Stiluri împrumutate de la Fries, un cadru pentru crearea de interfețe aplicații mobile pe HTML5*/ body ( /* Fonturile speciale sunt adesea folosite pentru designul Android: Roboto, Droid Sans și altele asemenea */ font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px ; line-height: 1.67em color: background-color: #111111 ) h1 ( /* Merită testat aspectul pentru aplicațiile mobile bazate pe motorul WebKit) */ -webkit-; box-sizing: border-box-sizing: border-box: 7px 5px lățime: 4px înălțime: text-transform; ; culoare: #FFFFFF; .itemname (culoare: #CCCCCC; font-size: 15px; text-overflow: elipse: 8px;

Bobromordov Evsey Sevyanovich (director general)

7(495) 728-89-80

Bobromordova Karina Evseevna (director financiar)

7(495) 728-89-80

Bobromordov Karen Evseevich (curier)

7(495) 728-89-80 Este totul clar cu codul? Grozav, acum hai să-l testăm pe diferite servicii. AppsGeyser AppsGeyser Mergem pe site. Să ne înregistrăm. Faceți clic pe butonul Creați aplicație. Faceți clic pe pictograma din formular Etichetă HTML. Ajungem la pagina de creare a aplicației. Inserăm codul nostru, venim cu un nume cu o descriere, încărcăm fișierul cu pictograma și facem din nou clic pe Creare aplicație. Gata, acum ești dezvoltator Android! Pro

• Puteți face câte aplicații doriți și absolut gratuit.
• Materialul pentru crearea unui proiect poate fi o mulțime de surse diferite (pagină web, canal YouTube, document PDF, flux RSS, galerie foto, fișier audio etc.).

• Dacă aveți material gata făcut (document, link către fluxul de știri, cod sursăși așa mai departe), timpul petrecut pentru crearea unei aplicații este măsurat în zeci de secunde.
• Când finalizați crearea aplicației, pe lângă linkul către fișierul apk, pe ecran apare un cod QR (l-am făcut și l-am instalat imediat pe telefon) și un buton pentru publicare pe Google Play.
• Cel mai izbitor avantaj al AppsGeyser este previzualizarea aplicației (cum va arăta și cum va funcționa pe dispozitiv). Această caracteristică este implementată aici mult mai convenabil decât concurenții săi. Doar SDK-ul Android este mai rece - cameră, senzor de mișcare și performanță model specific Nu vă puteți testa telefonul pe AppsGeyser.
• Asemenea caracteristică interesantă serviciul este un proiectant de testare (Quiz).

Contra

• Previzualizarea ignoră AJAX. În ciuda faptului că într-un ansamblu finit această tehnologie funcționează excelent.

Concluzie Acest serviciu este preferatul meu. Și nu sunt singur după părerea mea (autorul este femeie?! Posons, toți în mașină! - Ed.). La sfârșitul lunii ianuarie 2014, în acesta au fost create 730 de mii de aplicații (de-a lungul celor trei ani de existență a serviciului). AppsGeyser este chintesența vitezei, simplității și funcționalității. Informații practice Dacă, după citirea acestui articol, decideți să începeți crearea unei aplicații sau activitatea dvs. principală este legată de aspectul și programarea site-ului web, aveți nevoie de cunoștințe despre caracteristicile HTML5, CSS3 și JavaScript pentru dispozitivele mobile. Recomand cartea Learn HTML5 and JavaScript for Android. Este scris într-un limbaj simplu(în stilul manualelor „pentru dumies”) și conține o mulțime de informații practice. Cartea poate fi împărțită aproximativ în trei părți: cele mai detaliate instrucțiuni despre crearea unui mediu de dezvoltare cu drepturi depline pe computer (Android SDK + Cordova (PhoneGap) + Aptana + tot felul de lucruri), o carte de bucate despre codificare, echipată cu explicații pentru începători și un manual excelent pentru depanarea aplicației. Și când, după stăpânirea teoriei, începeți să exersați, vă sfătuiesc să vă familiarizați cu Fries - o soluție excelentă pentru crearea designului aplicații Android pe CSS. App Inventor App Inventor App Inventor a fost primul care a văzut lumina printre serviciile de acest gen (în 2010, de către Google Labs). Astăzi este susținut și dezvoltat de Institutul de Tehnologie din Massachusetts. Pro

• Există un excelent editor vizual pentru a crea o aplicație cu o varietate uimitoare de bare de instrumente. Prin simpla mișcare a cursorului mouse-ului, puteți adăuga o gamă incredibil de largă de elemente aplicației dvs.: de la un simplu TextBox la un senzor de locație a utilizatorului!

Contra

• Crearea unei aplicații din codul nostru aici necesită mai multă muncă. Mai întâi trebuie să salvați sursa cu extensia html și să o încărcați pe server. Apoi, în spațiul de lucru, trageți elementul Web Viewer în câmpul aplicației, în setările căreia se specifică adresa paginii cu aplicația noastră. Acum puteți folosi meniul Construire pentru a obține un ansamblu finit.
• Principalul dezavantaj al App Inventor este că aplicația compilată necesită o conexiune la Internet pentru a funcționa (spre deosebire de cea creată în AppsGeyser).

Concluzie Serviciul este foarte bun. Este extrem de dificil să găsești defecte în ceea ce privește ergonomia, ușurința de utilizare și viteza de operare. Pentru o persoană care este departe de a programa, aceasta este cea mai bună opțiune. Proiecte remarcabile ale compatrioților noștri Appsgeyser.ru Băieții întreprinzători din Novosibirsk Akademgorodok au lansat versiunea rusă a AppsGeyser. Din februarie 2012, aproape 20 de mii de aplicații au fost create folosindu-l. Funcționalitatea este mult inferioară față de omologul său burghez. Previzualizarea (caracteristica principală a appsgeyser.com) se comportă adesea inadecvat. Dar această companie are un blog minunat în limba rusă care merită verificat. Echipa Yandex.Store Volozh se străduiește să ajungă din urmă și să depășească Google în orice. În februarie 2013, am lansat magazinul nostru de aplicații. Remarcabil pentru plata achizițiilor cu prin SMS si verificarea fișiere de instalare Antivirus Kaspersky. Conține peste 85 de mii de aplicații. Nu există moderație. În plus față de formularul standard de introducere a datelor publicației, este posibil să încărcați un fișier AppDF. Aplicația apare în căutare la 15 minute după ce este trimisă în magazin. Judecând după numărul de descărcări ale aplicațiilor de top, audiența utilizatorilor magazinelor este încă extrem de mică. Format AppDF Ideea a fost implementată cu participarea dezvoltatorilor Yandex. Un fișier cu extensia appDF (Fișier de descriere a aplicației) este o compilație a unui apk cu informații despre aplicație (descriere, capturi de ecran, contacte pentru dezvoltatori - doar câteva zeci de parametri). Este necesar să economisiți timp atunci când publicați pe mai multe piețe. Puteți crea un appDF pe site-ul web al proiectului. Din păcate, doar câteva magazine îl acceptă (CodeNgo, Opera Mobile Store, SlideME și Yandex.Store). Serviciul Andromo Andromo de la Indigo Rose Software. Această companie produce tot felul de bunătăți pentru dezvoltatori din 1991. Printre acestea se numără Setup Factory (pentru crearea programelor de instalare), TrueUpdate (pentru crearea actualizărilor) și multe altele o serie intreaga produse populare pe care cel mai probabil le-ați folosit deja. Reputația „trandafirului albastru” este wow! Și Andromo este o altă confirmare a profesioniștilor serioși care lucrează acolo. Pro

• Este posibil să creați mai multe spații de lucru, să stabiliți conexiuni între ele, să alocați spațiu pentru unități de publicitate - în total există aproximativ o sută de setări diferite. Funcționalitatea este oculară, aproximativ 80% din ceea ce are AppsGeyser și 90% din App Inventor. Și o grămadă de alte trucuri personale. Și întreaga întreprindere funcționează rapid, frumos și bine.

Concluzie Impresia generală este pozitivă. La început, chiar am vrut să-i acord primul loc în această recenzie, dar așteptarea chinuitoare a unei scrisori și încercarea de a stoarce bani pentru a crea o a doua aplicație m-au supărat. appsbar appsbar Acest serviciu este menționat în articol în beneficiul acelor camarazi care, în copilărie, erau loviti în cap cu o tastatură de un profesor de informatică (în timp ce rezolvau o ecuație pătratică în Pascal), ceea ce îi descuraja chiar și privind codul programului. Dar resentimentele lor ascunse îi conduce în continuare către o preluare totală a galaxiei. Cu ajutorul appsbar, îți poți realiza cele mai sălbatice fantezii, rezultând o aplicație multiplatformă (!). Pro

• Previzualizarea nu este inferioară AppsGeyser în ceea ce privește viteza și calitatea muncii.
• O colecție bogată de șabloane de design, combinată cu capacitatea de a le reface dincolo de recunoaștere.
• Interfața este complet impregnată de creativitate. De exemplu, pe prima pagină a secțiunii de creare a programului trebuie să selectați tipul de aplicație din 38 de opțiuni (acest lucru se face doar pentru distracție, când dați clic pe diferite pictograme ajungi în același loc).

Appsbar: este surprinzător că nu există pictogramă Toaletă publică :) Contra

• Nu există unde să lipiți codul. Trebuie să lucrăm cu mâinile noastre.
• Există o funcție pentru publicarea aplicațiilor, dar appsbar nu este încă conștient de asta Android Market a fost cunoscută de mult timp ca Goggle Play.
• Interfața este lentă pe alocuri și are o abundență de soluții „originale”. Te gândești aproape constant la sufletul misterios și la gândirea extraordinară a creatorilor săi.

Concluzie

• Creare agendă telefonică compania din exemplul nostru de cod este imposibil să utilizeze acest serviciu, dar ceva similar se poate face folosind instrumente încorporate. Appbar este destul de potrivit pentru a crea o aplicație pentru cărți de vizită.

Vă prezentăm aplicația noastră în lume mod eficient pentru a face acest lucru - publică-ți produsul pe Google Play: 25 USD, câteva ore de așteptare, iar aplicația ta este disponibilă în căutarea unui public incredibil de larg de piață! Nu uitați să scrieți o descriere detaliată pentru a promova interogările de joasă frecvență. De asemenea, merită să desenați o pictogramă intrigantă și atrăgătoare, astfel încât utilizatorul să nu treacă de butonul de instalare pentru creația dvs. La momentul scrierii, există câteva zeci de piețe alternative de aplicații Android. Dar marea majoritate fie sunt destinate unui public chinez, fie sunt plictisitoare, lipsite de viață și nu merită menționate. Iată o listă de link-uri pentru cei care sunt deosebit de curioși. Dacă aplicația dvs. este în limba engleză, vă recomand cu tărie să nu ignorați Samsung Apps, SlideMe și GetJar. Forum w3bsit3-dns.com Pentru orice aplicație care este ceva util și se adresează unui public vorbitor de limbă rusă, publicarea unei recenzii pe acest portal oferă un efect de marketing foarte bun. Postfață On în acest moment Există deja milioane de aplicații Android pe planeta Pământ (judecând după statisticile oferite de piețe și servicii pentru crearea de aplicații). Piața este saturată cu tot felul de prostii de proastă calitate și inutile, care îi împiedică pe cei mai buni dintre cei mai buni să-și facă un nume fără a recurge la campanii de publicitate costisitoare. Folosind serviciile din acest articol, puteți crea un proiect destul de serios fără stres inutil. Nu umple piețele cu zgură și Forța să fie cu tine! Și din nou despre PhoneGap „Hacker” a scris deja despre cadrul PhoneGap, care vă permite să faceți aplicații din pagini web cu folosind Android SDK. Pentru o persoană mai mult sau mai puțin familiarizată cu programarea, este de preferat deoarece, pe lângă capabilitățile standard HTML5 + CSS3 + JS, are un API minunat pentru lucrul cu un accelerometru, cameră, GPS și alte lucruri. Și într-un sens bun, înainte de publicare, este o idee bună să testați ansamblul pe diferiți parametri de performanță și ecran. Adobe (creatorii PhoneGap) are o platformă online pentru crearea de aplicații. Pentru 10 dolari pe lună, puteți crea 25 de proiecte (funcționalitatea este aproape aceeași ca atunci când utilizați cadrul într-un mediu de dezvoltare clasic). Compilarea este disponibilă pentru aproape toate platformele (inclusiv Android, Apple, Windows Phoneși Windows 8).

Uneori este nevoie de a crea o aplicație pentru site-ul web, un blog, un client de rețea socială pentru Android sau o simplă aplicație de plată. O modalitate este de a crea un mini site web în cadrul aplicației noastre Android.

Pasul 0. Cunoașterea tehnologiei

În acest tutorial, folosim JQueryMobile ca motor pentru a crea aplicația noastră. Acest lucru ne va oferi posibilitatea de a crea aspectul și unele funcționalități ale aplicației noastre folosind HTML5, CSS3, JavaScript. O astfel de aplicație poate fi disponibilă în două moduri: offline - când toate fișierele (paginile) sunt în interiorul aplicației sau online - când primim pagini sau date de la distanță. Despre tehnologie și caracteristici suplimentare Puteți să-l citiți dezactivat. site: http://jquerymobile.com/.

Pasul 1. Enunțarea problemei

Stilul meu preferat este stabilirea unei sarcini și apoi urmărirea scopului. Și așa, să presupunem că trebuie să creăm o aplicație care să calculeze kcal. pentru oameni, în funcție de scopul pe care o persoană și-a propus, înălțimea, greutatea, vârsta sa. Aceasta va fi o aplicație offline obișnuită.

Pasul 2. Proiectarea și colectarea informațiilor

Pentru calcule folosim formula Harris-Benedict. Arata cam asa:

Aportul de calorii = BMR x Nivel de activitate, unde

Barbati:

BMR = 88,36 + (13,4 x greutate, kg) + (4,8 x înălțime, cm) – (5,7 x vârstă, ani)

Femei:

BMR = 447,6 + (9,2 x greutate, kg) + (3,1 x înălțime, cm) – (4,3 x vârstă, ani)

și nivelul de activitate în timpul săptămânii:

Nivel minim, norma calorică = 1,2
Scăzut, aport caloric = 1,375
Mediu, aport caloric = 1,55
Ridicat, aport caloric = 1,725
Foarte mare, aport caloric = 1,9

Și, de asemenea, 2 condiții:

1. Dacă o persoană dorește să câștige în greutate, atunci are nevoie de „+ 20%”

2. Dacă trebuie să slăbești, atunci „- 20%”

3. Slăbește rapid, apoi „- 40%”

Pasul 3. Desenați designul

După ce m-am gândit și am mutat mouse-ul în lateral, am reușit să creez un șablon de aplicație.

Pe parcursul lecției vom urma acest șablon și vom încerca să-l implementăm. Și așa, să începem să programam direct :-)

Pasul 4: Creați un design de aplicație

Pe acest pas Să creăm designul aplicației noastre. Acest pas va fi destul de simplu și interesant, deoarece construcția designului aplicației și verificarea corectitudinii are loc direct în browser.

Iată ce am primit:

Și, desigur, să descriem codul care ne-a dat acest design:

Calculul caloriilor Calculul caloriilor

Introduceți greutatea dvs.:
Introduceți vârsta:
Introduceți înălțimea (cm):
Activitate:	Niciuna 1-3 pe săptămână 3-5 pe săptămână 6-7 pe săptămână De mai multe ori pe zi
Ţintă:	Mentine greutatea Creste in greutate Pierde in greutate Pierde in greutate rapid
Podea:	Bărbat Femeie

Rezultatul va fi aici

• Despre program
• Calcula

Calcul caloriilor Inapoi

Acesta este un mini program pentru a calcula aportul zilnic de calorii pentru o persoană

Descrierea articolului de activitate

Există cinci tipuri de activitate fizică: minimă (fără activitate fizică), scăzută (activitate fizică de 1-3 ori pe săptămână), medie (3-5 zile pe săptămână), ridicată (6-7 ori pe săptămână), foarte mare ( exercițiu mai des decât o dată pe zi).

Să ne uităm la ce este aici și de ce.

– indicăm că vom folosi HTML5. Acest lucru va face posibilă utilizarea mai multe posibilitati

cadru.

– indicăm cum să afișam și să mărim pagina noastră. De asemenea, am setat codificarea pentru a accepta textul rusesc.

... ...

Un document poate avea mai multe „pagini” - vizualizări gata făcute. Vom avea 2 dintre ele de bază și „Despre program”.

– pălărie

– corpul, partea principală în care va fi tot conținutul

– subsol. Aici ne punem butoanele de control. Panoul de navigare.

Nu dau o explicație pentru blocul principal, deoarece conține cod HTML obișnuit. Unde descriem elementele pe care vrem să le vedem. Pentru noi, aceasta este o placă cu elemente de formă în interior. Fiecare element conține un identificator unic. Necesar pentru a primi date. Să trecem la subsol.

Despre program

– crearea unei bare de navigare.

– fiecare element de listă este un element de panou. În care.

href=’#info’ – id „pagină” în interiorul documentului, dacă folosim „#”. Când facem clic, vom vedea un bloc „pagină” cu acest id Sau ne putem referi la un fișier sau resursă (URL) complet diferit.

data-icon=’info’ – setați pictograma.

Și, în sfârșit, în acest fișier, al doilea bloc de pagină Spate

– un buton în antet pentru a reveni la pagina principală.

Și, de asemenea, stilurile noastre pentru pagini.

Rezultat-block( text-align: center; font-size: 20px; font-weight: bold; culoare: verde; )

La acest pas vom scrie un script care va primi datele noastre, le vom citi și le va returna în pagină.

Var MAN_COEFICIENȚI=( principal: 88,36, greutate: 13,4, înălțime: 4,8, vârstă: 5,7 ); var COEFICIENȚI_FEMEIE=( principal: 447,6, greutate: 9,2, înălțime: 3,1, vârstă: 4,3); var CREȘTE = 1,2; var SCĂDERE = 0,8; var QUICK_DECREASE = 0,4; var ACTIVITY_COEFF = function forMan(greutate, inaltime, varsta, activ)( return (MAN_COEFFICIENTS.principal + (MAN_COEFFICIENTS.greutate * greutate) + (MAN_COEFFICIENTS.inaltime * inaltime) + (MAN_COEFFICIENTS.varsta * varsta)) * ACTIVITY_COEFF; ) function forWoman(greutate, înălțime, vârstă, activ)( return (FEMEIE_COEFFICIENTS.principal + (FEMEIE_COEFFICIENTS.greutate * greutate) + (FEMEIE_COEFFICIENTS.înălțime * înălțime) + (FEMEIE_COEFFICIENTS.vârsta * vârstă)) * ACTIVITY_COEFF; ) function getData()) ( var data=( greutate: parseFloat(document.getElementById(„greutate”).value), vârstă: parseInt(document.getElementById(„vârstă”).value), înălțime: parseInt(document.getElementById(„înălțime”). valoare ), activ: parseInt(document.getElementById(„activ”).value), țintă: parseInt(document.getElementById(„țintă”).value), sex: parseInt(document.getElementById(„sex”).value) ) ; returnează date; ) funcția calculateData())( var data = getData(); switch (data.sex)( caz 1: rezultat = forMan(data.weight, data.height, data.age, data. activ) ; console.log(rezultat);

pauză; cazul 2: rezultat = forWoman(data.weight, data.height, data.age, data.active);

) comutați (data.target)( cazul 1: returnează rezultatul; cazul 2: returnează rezultatul * CREȘTE; cazul 3: returnează rezultatul * DECREASE; cazul 4: returnează rezultatul * QUICK_DECREASE; ) ) funcția showData())( document.getElementById( "rezultat").innerHTML = calculateData();

Pentru ca scriptul să funcționeze, conectați-l la document:

Și adăugăm un apel de funcție când facem clic pe butonul „Calculați”.

Calcula

După aceasta, când apăsați butonul, datele vor fi calculate și vor fi afișate informații.

Acum trecem componentului nostru calea către fișierul care va fi încărcat implicit la deschiderea aplicației. Toate acestea se întâmplă în clasa care este creată de mediul implicit. În ea schimbăm comportamentul metodei care generează vizualizarea:

@Override protected void onCreate(Bundle savedInstanceState) ( super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); WebView webView = (WebView) findViewById(R.id.webView); webView.getSettings().setJavaScriptEnabled(). ); webView.loadUrl("file:///android_asset/www/index.html");

findViewById(R.id.webView) – primim containerul nostru pentru afișarea paginilor

webView.getSettings().setJavaScriptEnabled(true) – activați suportul JavaScript

webView.loadUrl(„file:///android_asset/www/index.html”) – încărcați pagina care se află în directorul nostru de active.

Acum, deoarece pagina noastră conține biblioteci de conectare de pe site (de la distanță), trebuie să adăugăm aplicației noastre privilegii de acces la Internet. Acest lucru se face în fișierul manifest AndroidManifest.xml într-o singură linie la început:

După aceea, tot ce rămâne este să trimiteți aplicația pe dispozitiv. Si ai terminat :-)

Dacă doriți să faceți o aplicație offline, astfel încât să nu aveți nevoie de acces la Internet, atunci descărcați bibliotecile de pe site, plasați-le într-un folder și schimbați calea pe pagină. De asemenea, atunci nu este nevoie să specificați permisiunile de acces la Internet.

Pasul 7. Efectuarea aplicației offline

Deci, trebuie să descarcăm bibliotecile necesare. Prima bibliotecă jQuery principală se află la: http://jquery.com/download/ acolo, selectați versiunea și descărcați-o. Folosim această versiune: Descărcați jQuery 2.1.0 comprimat, de producție. Acum descărcam jQueryMobile. Accesați site-ul oficial: http://jquerymobile.com/ și descărcați arhiva cu fișierele:

Există multe fișiere în arhivă. Avem nevoie doar de câteva dintre ele: jquery.mobile-1.4.0.min.css, jquery.mobile-1.4.0.min.js și pictograme din directorul imagini/. Voi plasa aceste fișiere în rădăcina folderului /www. După aceea, merită să schimbați linkurile paginii către fișierele pe care tocmai le-am descărcat:

Și, de asemenea, nu uitați să eliminați permisiunea de acces la Internet din manifest, nu avem nevoie de ea acum. În general, asta e tot.

Acum, aveți o mică aplicație de lucru pentru Android. Viteza, însă, este inferioară versiunii native a creației, dar aceasta poate fi corectată. Cu o mică aplicație pentru tine :-) Sper că totul a fost accesibil și interesant)

Mai recent, versiunile mobile ale site-urilor web au fost considerate o resursă secundară cu valoare dubioasă și capabilități limitate. Având în vedere că telefoanele de acum 4-5 ani, în cea mai mare parte, nu se puteau lăuda ecrane mariși putere, era mult mai convenabil pentru utilizatori să lucreze cu pagini web de desktop cu drepturi depline.

Cu toate acestea, acum este imposibil să ne imaginăm vreo resursă serioasă de internet fără o versiune mobilă. Mai mult, în fiecare an utilizatorii accesează din ce în ce mai mult internetul de pe dispozitive mobile. Graficul, întocmit de specialiști de la resursa analitică StatCounter, arată că volumul de navigare pe internet pe smartphone-uri și tablete în ultimul an a crescut de la 41 la 53%, cu o scădere similară a versiunilor desktop.

Dezvoltare tehnologii mobile a condus la o altă tendință interesantă. Anterior, dezvoltatorii de site-uri web și aplicații mobile erau în mod clar separați de utilizatorii obișnuiți și formau un fel de castă închisă. Cu toate acestea, în 2017, datorită instrumentelor de dezvoltare flexibile și convenabile, mulți utilizatori fără educație tehnică specială se pot simți ca niște programatori adevărați. Mediul mobil Android prietenos și receptiv, șabloanele ușor de învățat și puțină practică vă vor ajuta să creați un site web sau o aplicație pe Android fără prea multe dificultăți.

În articolul nostru ne vom uita la cum să facem un site web pe Android, să dezvoltăm o aplicație folosind constructori speciali, precum și cum să adaptăm un site web desktop pentru dispozitive mobile.

Este de remarcat faptul că, pentru dezvoltarea completă a site-urilor și aplicațiilor mobile, este recomandabil să stăpânești cel puțin principiile de bază ale principalelor limbaje de programare PHP, CSS, JS, HTML și JSON. Primii pași în această direcție sunt făcuți cel mai bine cu ajutorul tutorialelor online și tutorialelor video speciale de pe YouTube, de exemplu, pe canal GeekBrains.

Aplicații pentru crearea de site-uri web pe Android

Magazinul digital Google Play are mai multe aplicații gratuite și convenabile pe care le puteți utiliza pentru a crea un site web mobil. Multe dintre ele sunt în esență editori de text pentru programatori avansați. Cu toate acestea, am găsit mai multe programe pe care chiar și cei care abia încep să-și „îmbunătățească” abilitățile de dezvoltare web le pot stăpâni treptat.

Popular editor de text pentru dezvoltarea site-urilor web pe Android, optimizate pentru dispozitive mobile. Aplicația se bazează pe un blocnotes virtual obișnuit, care este completat de numeroase instrumente de programare.

Principalele caracteristici ale aplicației:

• Editor de cod convenabil cu evidențiere de sintaxă;
• Programul este conceput pentru mai mult de 40 de limbaje de programare;
• Lucru rapid cu fișiere text mari;
• Pași nelimitați de rollback și refacere;
• Editare intuitivă a codului;
• Defilare verticală și orizontală;
• Căutați rapid secțiunea de cod dorită;
• Schimbarea codării; Sincronizarea cu „nori”.

Testori această aplicație Ei glumesc că QuickEdit poate fi folosit ca un blocnotes obișnuit, de exemplu, pentru o listă de produse dintr-un magazin, din care puteți construi în cele din urmă un site web mobil real.

Android Web Developer este capabil să transforme un smartphone într-un instrument cu drepturi depline pentru crearea unui site web mobil. Mediul clar și receptiv al aplicației este potrivit atât pentru începători, cât și pentru programatori experimentați. AWD vă permite să creați site-uri web în HTML, JS, CSS și PHP, să compilați sau să editați fișiere și să vă conectați la protocoale FTP, FTPS și SFTP WebDAV de la distanță.

Unul dintre caracteristici cheie aplicații - sincronizare constantă cu un server la distanță pentru încărcarea fișierelor. Adică, utilizatorul este autorizat o dată, de exemplu, pe FTP și apoi lucrează cu protocolul ca și cu un disc local.

Principalele funcții ale aplicației:

• Evidențierea codului;
• Completarea automată a codului;
• Verificarea erorilor;
• Formatare automată;
• Numerotare convenabilă a liniilor;
• Căutare și navigare rapidă prin cod;
• Test rapid în browser;
• Cod de salvare automată;
• Modul ecran complet;
• Gestionarea completă a tuturor fișierelor de proiect (copiere, lipire, ștergere, duplicare etc.).

Pentru o mai mare comoditate, dezvoltatorii de aplicații au întocmit o listă de servere disponibile pe care puteți încărca proiecte software:

• Ulti Server;
• KSWEB;
• Server PAW;
• Bit Web Server.

În actualizările viitoare, cele șterse vor deveni disponibile servere cloud pe Mercurial, Dropbox și Google Drive.

Dacă nu aveți timp să stăpâniți codul, dar aveți nevoie urgent să creați un site web pe Android, cel mai simplu mod este să utilizați un generator de site-uri mobile. Una dintre cele mai populare aplicații în acest domeniu este Weebly.

Aplicația conține deja temele și șabloanele de bază pentru crearea unui site web, blog sau magazin online de la zero. Utilizatorul selectează doar designul, adaugă propriul text și imagini. De asemenea, puteți conecta analiza site-ului web folosind aplicația. Weebly vă permite să urmăriți toată activitatea utilizatorilor în timp real:

• Comentarii și recenzii;
• comenzi;
• Trafic către șantier;
• Ora de vizualizare și așa mai departe.

Mulți oameni acordă atenție faptului că chiar și optimizat versiunea mobilă Site-ul nu este întotdeauna convenabil de utilizat. Funcțiile inutile, butoanele, imaginile, formularele interactive ocupă doar timp și te încurcă. În acest caz, va ajuta un instrument care va transforma site-ul în aplicație convenabilă pe Android.

Cel mai popular serviciu pentru transformarea unui site web într-un applet este Hermit. Folosind această aplicație, puteți crea aplicații bazate pe site-uri mobile sau desktop, în timp ce utilizatorul decide ce instrumente de management are nevoie. Hermit integrează și funcția de notificare Android în noua aplicație.

Un avantaj important al Hermit este accesibilitatea în absența completă a reclamei încorporate. Mai mult, blocarea reclamelor este încorporată în utilitarul în sine.

Cum să utilizați aplicația Ermit:

• Instalează aplicația pe smartphone-ul tău;
• Deschideți utilitarul;
• Faceți clic pe butonul rotund roșu din colțul din dreapta jos;
• Apelează bara de căutare adresa site-ului web;
• Selectați un nume pentru noua aplicație;
• Faceți clic pe Creare;
• Accesați secțiunea Personalizare;
• Configurați funcțiile necesare.

După finalizarea transformării, pe desktopul smartphone-ului apare o nouă pictogramă de aplicație, care poate fi schimbată cu una personalizată. Tot în setările aplicației poți schimba culoarea textului, fundalului și poți încărca imagini.

În acest videoclip puteți vedea un exemplu despre cum, folosind Hermit, am realizat o aplicație de pe site-ul producătorului britanic de smartphone-uri Wileyfox:

După cum am observat deja, cod de operare deschis și accesibil sisteme Android vă permite să efectuați orice manipulări ale programului. Dacă utilizatorul are deja un site web, de exemplu, un magazin online sau un blog, el poate crea o aplicație separată pentru acesta folosind servicii web speciale.

Dintre numeroasele servicii pentru crearea de aplicații, cele mai convenabile și ușor de învățat sunt:

Serviciu online gratuit pentru crearea de aplicații prin care trebuie să parcurgeți simpla inregistrare Pentru munca in continuare. Folosind acest serviciu, puteți crea aplicații din șabloanele disponibile în câteva minute, de exemplu, propriul dvs. messenger sau joc. După care aplicația poate fi monetizată direct pe Google Play, și anume, publicată în magazin prin plasarea de reclame în programul propriu-zis.

Principalul „truc” a acestui serviciu este că oferă un set gata făcut de șabloane de aplicații pentru o anumită industrie. De exemplu, un utilizator poate crea o aplicație pentru rezervarea camerelor de hotel, a unui club de noapte, a unui birou de avocatură și așa mai departe. Serviciul este disponibil în 23 de limbi.

O platformă foarte convenabilă pentru auto-dezvoltarea aplicațiilor care nu necesită ca utilizatorul să aibă abilități de programare. Cu ajutorul acestuia, puteți crea nu numai aplicații, ci și cataloage, rapoarte, CV-uri, colecții și multe altele. Toate șabloanele de aplicație sunt sortate în secțiuni: Educație, Mâncare, Călătorii, Cultură și așa mai departe.

Ce smartphone să alegeți pentru a vă crea site-uri web și aplicații pe Android

Deci, ați decis să vă proiectați propriul site web sau aplicație pentru Android. Tot ce rămâne este să alegeți un smartphone care vă va permite să faceți cu ușurință toate lucrările importante. Pentru a face acest lucru, gadgetul mobil trebuie să îndeplinească anumite cerințe:

Cantitate mare de memorie RAM și memorie încorporată pentru stocarea și publicarea materialelor necesare;

Procesor puternic pentru instalarea de utilități mari de proiectare și procesare a datelor;

Un ecran mare, luminos și contrastant, pe care este cel mai convenabil să creați și să editați cod și texte pentru a completa aplicații și site-uri web;

O baterie încăpătoare care vă va permite să lucrați în continuare la programe și pagini;

Internet de mare viteză, cu ajutorul căruia îți poți testa rapid proiectul.

Vă recomandăm să acordați atenție produselor tânărului brand britanic Wileyfox. În ultimii 1,5 ani, smartphone-urile cu un logo sub forma unei fețe de vulpe au câștigat o recunoaștere pe scară largă în rândul utilizatorilor datorită combinației dintre performanțe înalte, calitate excelenta construcție, design inspirator și, cel mai important, accesibilitate.

Un smartphone este un instrument excelent pentru un programator începător sau avansat. Acest model, disponibil pentru doar 12.990 de ruble, oferă utilizatorului libertate deplină acțiuni pentru a crea site-uri web sau programe prin conținut de înaltă calitate și productiv.

Smartphone-ul are un procesor puternic cu 8 nuclee de 1,4 GHz și 3 GB de memorie RAM, care poate lansa cu ușurință cea mai consumatoare aplicație de programare și, de asemenea, vă permite să compilați rapid toate datele proiectului. Dacă utilizatorul nu are suficient spațiul de stocare internă deja mare de 32 GB, memoria poate fi întotdeauna extinsă până la 128 GB folosind un card SD extern.

Un ecran IPS 2.5D de 5,2 inci de înaltă calitate, realizat folosind tehnologia Oncell Full Lamination, acceptă simultan 10 clicuri. Pe un astfel de afișaj este incredibil de convenabil să efectuați cele mai mici manipulări codul programuluiși text pentru conținut. Iar rezoluția FullHD va simplifica foarte mult vizualizarea și selectarea ilustrațiilor pentru a umple o pagină sau o aplicație.

Datorită modul instalat de mare viteză Internet LTE Utilizatorului 4G i se va oferi acces instantaneu la servere și browsere la distanță pentru testarea proiectului. Mai mult, o baterie cu litiu-polimer de 3010 mAh iti va permite sa ramai conectat la Internet pana la 11 ore fara intrerupere.

În plus, utilizatorul acestui model poate fi liniștit cu privire la toate datele personale pe care le folosește atunci când creează o aplicație sau un site web. Protecție în mai multe etape ultima versiune Sistemul de operare Android 7.0 este completat de un scaner de amprentă fiabil.

Astfel, crearea și publicarea propriilor aplicații și site-uri folosind modern instrumente mobile nu este dificil. Utilizatorul poate merge pentru mai mult calea simplăși să lucreze conform șabloanelor, sau să stăpânească limbaje de programare, cel puțin la nivelul inițial, și să le folosească pentru a crea produse unice.

Figura 1. Puteți face conținutul dvs. web disponibil pentru utilizatori în două moduri: într-un mod tradițional browser web iar într-o aplicație pentru Android licare, prin includerea unui WebView în aspect.

Android oferă o varietate de moduri de a prezenta conținut unui utilizator. Pentru a oferi utilizatorilor o experiență în concordanță cu restul platformei, cel mai bine este de obicei să creați o aplicație nativă care să încorporeze experiențe oferite de cadru, cum ar fi Link-uri pentru aplicații Android sau Căutare . În plus, puteți utiliza experiențe bazate pe Google Play, cum ar fi Acțiuni în aplicație și Slice, unde serviciile Google Play sunt disponibile. Cu toate acestea, unele aplicații pot necesita un control sporit asupra interfeței de utilizare. În acest caz, un WebView este o opțiune bună pentru afișarea conținutului primar de încredere.

Figura 1 ilustrează modul în care puteți oferi acces la paginile dvs. web fie dintr-un browser, fie din propria aplicație Android. Cadrul WebView vă permite să specificați proprietățile de vizualizare și stil care fac paginile dvs. web să apară la dimensiunea și scara corespunzătoare pe toate configurațiile de ecran pentru toate browserele web majore. Puteți chiar să definiți o interfață între aplicația dvs. Android și paginile dvs. web care permite accesul JavaScript web pagini pentru a apela la API-uri din aplicația dvs., care furnizează API-uri Android aplicației dvs. bazate pe web.

Cu toate acestea, nu ar trebui să dezvoltați o aplicație Android pur și simplu ca un mijloc de a vă vizualiza site-ul web, mai degrabă, paginile web pe care le încorporați în aplicația dvs. ar trebui să fie concepute special pentru acel mediu.

Alternative la WebView

Deși obiectele WebView oferă un control sporit asupra interfeței de utilizare, există alternative care pot oferi funcționalități similare cu diverse avantaje: necesită mai puțină configurare, pot încărca și funcționa mai rapid, oferă protecție îmbunătățită a confidențialității și pot accesa modulele cookie ale browserului.

Luați în considerare utilizarea acestor alternative la WebView dacă aplicația dvs. se încadrează în următoarele cazuri de utilizare:

• Dacă doriți să trimiteți utilizatori pe un site mobil,