Tīmekļa lietojumprogramma Android ierīcēm. Pārskats par tīmekļa rīkiem lietojumprogrammu izveidei, neizmantojot Android SDK. Iepazīstinām pasauli ar mūsu lietotni

Bobromordovs Evsejs Sevjanovičs ( ģenerālmenedžeris)

Bobromordova Karina Evseevna (finanšu direktore)

Bobromordovs Kārena Evseviča (kurjers)

• Varat izveidot tik daudz lietojumprogrammu, cik vēlaties, un tas ir pilnīgi bez maksas.
• Materiālam projekta izveidei var būt daudz dažādu avotu (tīmekļa lapa, YouTube kanāls, PDF dokuments, RSS plūsma, fotogalerija, audio fails utt.).

• Ja jums ir gatavs materiāls (dokuments, saite uz ziņu plūsmu, pirmkods un tā tālāk), laiks, kas pavadīts aplikācijas izveidei, tiek mērīts desmitos sekunžu.
• Kad esat pabeidzis lietojumprogrammas izveidi, papildus saitei uz apk failu ekrānā parādās QR kods (es to izveidoju un uzreiz instalēju savā tālrunī) un poga publicēšanai Google Play.
• Visspilgtākā AppsGeyser priekšrocība ir lietojumprogrammas priekšskatījums (kā tā izskatīsies un darbosies ierīcē). Šī funkcija šeit ir ieviesta daudz ērtāk nekā tās konkurenti. Tikai Android SDK ir vēsāks — kamera, kustības sensors un veiktspēja konkrēts modelis Jūs nevarat pārbaudīt savu tālruni pakalpojumā AppsGeyser.
• Vēl viena interesanta pakalpojuma funkcija ir testa konstruktors (Quiz).

• Priekšskatījums ignorē AJAX. Neskatoties uz to, ka in pabeigta montāžašī tehnoloģija darbojas lieliski.

• Ir izcils vizuālais redaktors lai izveidotu lietojumprogrammu ar pārsteidzošu rīkjoslu daudzveidību. Vienkārši pārvietojot peles rādītāju, jūs varat pievienot neticami plašu elementu klāstu savai lietojumprogrammai: no vienkāršas TextBox līdz lietotāja atrašanās vietas sensoram!

• Lietojumprogrammas izveide no mūsu koda šeit ir darbietilpīgāka. Vispirms jums ir jāsaglabā avots ar html paplašinājums un augšupielādējiet to serverī. Pēc tam darbvietā velciet Web Viewer elementu uz aplikācijas lauku, kura iestatījumos norādiet lapas adresi ar mūsu aplikāciju. Tagad varat izmantot izvēlni Build, lai iegūtu gatavu montāžu.
• Galvenais App Inventor trūkums ir tāds, ka kompilētās lietojumprogrammas darbībai ir nepieciešams interneta savienojums (atšķirībā no AppsGeyser izveidotā).

• Ir iespējams izveidot vairākas darba telpas, izveidot savienojumus starp tām, atvēlēt vietu reklāmas blokiem - kopā ap simts dažādi iestatījumi. Funkcionalitāte ir redzama ar acīm, aptuveni 80% no AppsGeyser un 90% no App Inventor. Un vēl virkne personisku triku. Un viss uzņēmums strādā ātri, skaisti un labi.

• Priekšskatījums nav zemāks par AppsGeyser ar ātrumu un darba kvalitāti.
• Bagātīga dizaina veidņu kolekcija, kas apvienota ar iespēju tās pārveidot līdz nepazīšanai.
• Interfeiss ir pilnībā caurstrāvots ar radošumu. Piemēram, programmas izveides sadaļas pirmajā lapā ir jāizvēlas aplikācijas veids no 38 opcijām (tas tiek darīts tīri prieka pēc, noklikšķinot uz dažādām ikonām, nokļūstat tajā pašā vietā).

• Kodu nav kur ielīmēt. Mums ir jāstrādā ar savām rokām.
• Ir lietojumprogrammu publicēšanas funkcija, taču lietotņu josla to vēl nezina Android Market jau sen ir pazīstams kā Goggle Play.
• Saskarne vietām ir lēna, un tajā ir daudz “oriģinālu” risinājumu. Jūs gandrīz pastāvīgi domājat par noslēpumaino dvēseli un tās radītāju neparasto domāšanu.

• Izmantojot šo pakalpojumu, no mūsu parauga koda nav iespējams izveidot uzņēmuma tālruņu katalogu, taču kaut ko līdzīgu var izdarīt, izmantojot iebūvētos rīkus. Appbar ir diezgan piemērota vizītkaršu lietojumprogrammas izveidei.

1. attēls. Tīmekļa saturu varat padarīt pieejamu lietotājiem divos veidos: tradicionālajā tīmekļa pārlūkprogrammā un Android lietotne izkārtojumā iekļaujot WebView.

Android piedāvā dažādus veidus, kā lietotājam prezentēt saturu. Lai nodrošinātu lietotāja pieredzi, kas atbilst pārējai platformai, parasti vislabāk ir izveidot vietējo lietotni, kas ietver ietvarā nodrošinātas iespējas, piemēram, Android lietotņu saites vai meklēšanu . Turklāt tu vari izmantot Google Play pieredzi, piemēram, lietotņu darbības un sadaļas, kur ir pieejami Google Play pakalpojumi. Tomēr dažām lietotnēm var būt nepieciešama lielāka lietotāja saskarnes kontrole. Šajā gadījumā WebView ir laba iespēja uzticama pirmās puses satura attēlošanai.

1. attēls ilustrē kā tev iet var nodrošināt piekļuvi jūsu tīmekļa lapām no pārlūkprogrammas vai jūsu Android lietotnes. WebView ietvars ļauj norādīt skata loga un stila rekvizītus, kas liek jūsu tīmekļa lapām parādīties atbilstošā izmērā un mērogā visās ekrāna konfigurācijās visām galvenajām tīmekļa pārlūkprogrammām. Varat pat definēt saskarni starp savu Android lietotni un tīmekļa lapām, kas ļauj tīmekļa lapās esošajam JavaScript izsaukt API jūsu lietotnē, kas nodrošina Android API jūsu tīmekļa lietojumprogrammai.

Tomēr nevajadzētu izstrādāt Android lietotni, lai tikai skatītu savu vietni. Lietotnē iegultajām tīmekļa lapām vajadzētu būt īpaši izstrādātām šai videi.

Lai gan WebView objekti nodrošina lielāku kontroli pār lietotāja interfeisu, ir alternatīvas, kas var nodrošināt līdzīgu funkcionalitāti ar dažādām priekšrocībām: tiem ir nepieciešama mazāka konfigurācija, tie var tikt ielādēti un darbojas ātrāk, nodrošina uzlabotu privātuma aizsardzību un var piekļūt pārlūkprogrammas sīkfailiem.

Apsveriet iespēju izmantot šīs WebView alternatīvas, ja jūsu lietotne atbilst tālāk norādītajiem lietošanas gadījumiem.

• Ja vēlaties nosūtīt lietotājus uz vietni mobilajām ierīcēm,

Lai gan mobilās lietojumprogrammas Tāpat kā mobilās vietnes darbojas viedtālruņos un planšetdatoros, tās atšķiras viena no otras. Progresīvās tīmekļa lietotnes (PWA) ir Google atvērtā pirmkoda iniciatīva. pirmkods, kas izmanto modernās tīmekļa iespējas, lai lietotājiem nodrošinātu labāku pieredzi nekā vietējās lietotnes vai mobilās vietnes. Tā kā tas ir salīdzinoši jauns ietvars, tas vēl netiek atbalstīts visās pārlūkprogrammās un neatbalsta dažas funkcijas, kas padara vietējās lietotnes tik pievilcīgas patērētājiem: kameras lietošana, GPS un pirkstu nospiedumu skeneris. Tas noteikti mainīsies, ja PWA iegūs plašāku atzinību.

Mūsdienās PWA parādīšanās ir tāds pats izrāviens mobilajā tīmeklī kā adaptīvā tīmekļa dizaina parādīšanās pirms pieciem gadiem. Šis jauna tehnoloģija, kas gadu gaitā neizbēgami attīstīsies un mainīsies, jo izstrādātāji pastāvīgi uzlabo tās versijas un zīmoli arvien vairāk pievēršas PWA kā daļu no savām mobilajām stratēģijām.

PWA lietotājiem ir vairākas priekšrocības, viena no tām ir ātrāka pārlūkošana. Tie tiek uzreiz atklāti pārlūkprogrammā, bez nepieciešamības lejupielādēt lietotni, un tie var darboties jebkur, tostarp vietās ar zemu interneta signāla stiprumu. Tos vismaz var "saglabāt" galvenajā ekrānā Android ierīces, vieglākai piekļuvei un personalizētam mijiedarbības kanālam. Tie nodrošina arī ātru atkārtotu piekļuvi, neatverot pārlūkprogrammu un neievadot tīmekļa adresi.

Labi izstrādāti PWA ir četras reizes ātrāki nekā citas mobilās vietnes, palīdzot paātrināt iegādes procesu, jo produkta iegāde ir tikai dažu klikšķu attālumā, tāpēc klienti vienmēr ir ieinteresēti.

Tirgotājiem ir arī citas priekšrocības. Tiek prognozēts, ka PWA nodrošinās liela ietekme par reklāmguvumu līmeņiem mobilajām ierīcēm, kā arī samazināt augstās investīciju izmaksas, kas saistītas ar pielāgotu lietojumprogrammu izstrādi.

PWA izskatās tāpat kā vietējās lietotnes, un galu galā klienti dos priekšroku PWA, jo tiem ir vairāk liels ātrums, nodrošina tādu pašu pieredzi kā vietējās lietotnes, kā arī ļauj bezsaistē izmantot jebkuru mobilo vietni.

PWA atbalsta arī pārlūkprogrammas push paziņojumus, ļaujot tirgotājiem nosūtīt kontekstuālus un personalizētus ziņojumus reāllaikā ar vienu klikšķi tieši no PWA.

Tā kā PWA pamatā ir vietnes, tās ir vieglāk atjaunināt, un lietotājiem nav nepieciešams lejupielādēt un instalēt atjauninātu lietotnes versiju. Turklāt tos var viegli atrast meklētājprogrammas, — tas nozīmē, ka potenciālā auditorijas sasniedzamība ir miljoniem klientu.

Tomēr kopā ar priekšrocībām PWA ir arī daži trūkumi, un dažiem tie var būt noteicošais faktors, pieņemot lēmumu.

Galvenā problēma ir tā, ka ne visas pārlūkprogrammas pašlaik atbalsta PWA. Kamēr jaunākās versijas Chrome pārlūks, Opera un Android atbalsta PWA, IE, Edge, Safari un daudzas pielāgotas pārlūkprogrammas. Pašlaik PWA neatbalsta visus aparatūras komponentus, ko atbalsta tradicionālās vietējās lietotnes, tostarp kameras, GPS un pirkstu nospiedumu skeneri mobilajos tālruņos.

Vēl viens izaicinājums ir tas, ka tradicionāli lietotņu veikali ir bijuši lietotņu centrālie krātuves, palīdzot lietotājiem atrast vajadzīgo un uzturēt noteiktu leģitimitātes līmeni. Tomēr PWA nav nepieciešami šādi veikali, tāpēc tirgotājiem var rasties grūtības reklamēt savus PWA un to leģitimitāti.

Visbeidzot, daudzi trešo pušu lietojumprogrammas, kurām nepieciešama pieteikšanās, piemēram, Facebook un Google, turpinās pieprasīt pieteikumvārdu un paroli, jo PWA paši nevar vākt šos datus.

PWA popularitāte un funkcionalitāte tikai uzņem apgriezienus tuvākajos gados tie kļūs populārāki un tehnoloģiski uzlabosies. Pēc ekspertu domām, sagaidāms, ka PWA ievērojami pieaugs, jo tādi uzņēmumi kā Pinterest, Tinder, Uber un Starbucks jau ir izlaiduši PWA ar lieliskiem rezultātiem. Arī PWA atbalstīto funkciju skaits katru gadu palielināsies. Mārketinga speciālistiem nozīmīga priekšrocība būs analītisko datu vākšanas vienkāršība, jo PWA lieliski integrējas ar standarta Google un Adobe analītikas rīkiem.

Ja atrodat drukas kļūdu, iezīmējiet to un nospiediet Ctrl + Enter! Lai sazinātos ar mums, varat izmantot.

Dažreiz ir jāizveido vietne, emuārs vai klienta lietojumprogramma sociālais tīkls Android vai vienkārša aprēķinu programma. Viens veids ir izveidot mini vietni mūsu Android lietojumprogrammā.

Šajā apmācībā mēs izmantojam JQueryMobile kā dzinēju, lai izveidotu mūsu lietojumprogrammu. Tas dos mums iespēju izveidot mūsu lietojumprogrammas izskatu un dažas funkcionalitātes, izmantojot HTML5, CSS3, JavaScript. Šāda aplikācija var būt pieejama divos režīmos: bezsaistē – kad visi faili (lapas) atrodas aplikācijā vai tiešsaistē – kad saņemam lapas vai datus attālināti. Par tehnoloģijām un papildu funkcijas Jūs varat to izlasīt izslēgtā veidā. vietne: http://jquerymobile.com/.

Mans mīļākais stils ir izvirzīt uzdevumu un pēc tam tiekties uz mērķi. Un tā, pieņemsim, ka mums ir jāizveido lietojumprogramma, kas aprēķinās kcal. cilvēkiem, atkarībā no mērķa, ko cilvēks sev izvirzījis, viņa auguma, svara, vecuma. Šī būs parasta bezsaistes lietojumprogramma.

Aprēķiniem mēs izmantojam Harisa-Benedikta formulu. Tas izskatās šādi:

Kaloriju patēriņš = BMR x Aktivitātes līmenis, kur

Vīrieši:

BMR = 88,36 + (13,4 x svars, kg) + (4,8 x augstums, cm) – (5,7 x vecums, gadi)

Sievietes:

BMR = 447,6 + (9,2 x svars, kg) + (3,1 x augums, cm) – (4,3 x vecums, gadi)

un aktivitātes līmenis nedēļas laikā:

Minimālais līmenis, kaloriju norma = 1,2
Zems kaloriju patēriņš = 1,375
Vidējais kaloriju patēriņš = 1,55
Augsts kaloriju patēriņš = 1,725
Ļoti augsts, kaloriju patēriņš = 1,9

Un arī 2 nosacījumi:

1. Ja cilvēks vēlas pieņemties svarā, tad viņam vajag “+ 20%”

2. Ja jums ir nepieciešams zaudēt svaru, tad "- 20%"

3. Ātri zaudējiet svaru, pēc tam “- 40%”

Padomājot un pabīdot peli uz sāniem, izdevās izveidot aplikācijas veidni.

Visas nodarbības laikā mēs sekosim šai veidnei un mēģināsim to ieviest. Un tā, sāksim programmēt tieši :-)

Šajā solī mēs izveidosim mūsu lietojumprogrammas dizainu. Šis solis būs diezgan vienkāršs un aizraujošs, jo lietojumprogrammas dizaina izveide un pareizības pārbaude notiek tieši pārlūkprogrammā.

Lūk, ko es saņēmu:

Un, protams, aprakstīsim kodu, kas mums deva šo dizainu:

Kaloriju aprēķins Kaloriju aprēķins

• Par programmu
• Aprēķināt

Šī ir mini programma, lai aprēķinātu cilvēka ikdienas kaloriju daudzumu

Darbības vienības apraksts

Ir pieci fizisko aktivitāšu veidi: minimāla (bez fiziskas aktivitātes), zema (fiziskā aktivitāte 1-3 reizes nedēļā), vidēja (3-5 dienas nedēļā), augsta (6-7 reizes nedēļā), ļoti augsta ( trenēties biežāk nekā reizi dienā).

Apskatīsim, kas šeit ir un kāpēc.

– mēs norādām, ka izmantosim HTML5. Tas dos iespēju izmantot vairāk iespēju

ietvaros.

Vienam dokumentam var būt vairākas “lapas” - gatavi skati. Mums būs 2 no tiem Basic un "Par programmu".

... ...

- cepure

– korpuss, galvenā daļa, kurā būs viss saturs

– kājene. Šeit mēs ievietojām vadības pogas. Navigācijas panelis.

Es nesniedzu skaidrojumu galvenajam blokam, jo ​​tajā ir parasts HTML kods. Kur mēs aprakstām elementus, kurus vēlamies redzēt. Mums šī ir plāksne ar formas elementiem iekšā. Katrs elements satur unikālu identifikatoru. Nepieciešams datu saņemšanai. Pārejam uz kājeni.

- navigācijas joslas izveide.

href=’#info’ – id “lapa” dokumentā, ja lietojam “#”. Noklikšķinot, mēs redzēsim “lapas” bloku ar šo ID, vai arī mēs varam atsaukties uz pilnīgi citu failu vai resursu (URL).

data-icon='info' — iestatiet ikonu.

Un visbeidzot šajā failā otrais lappušu bloks

Atpakaļ– poga galvenē, lai atgrieztos galvenajā lapā.

Un arī mūsu lapu stili.

Result-block (teksta līdzināšana: centrā; fonta izmērs: 20 pikseļi; fonta svars: treknrakstā; krāsa: zaļa; )

Šajā solī mēs uzrakstīsim skriptu, kas saņems mūsu datus, izlasīs tos un atgriezīsim to lapā.

Var MAN_COEFFICIENTS=( galvenais: 88,36, svars: 13,4, augums: 4,8, vecums: 5,7); var WOMAN_COEFFICIENTS=( galvenais: 447,6, svars: 9,2, augums: 3,1, vecums: 4,3); var PALIELINĀJUMS = 1,2; var SAMAZINĀJUMS = 0,8; var QUICK_DECREASE = 0,4; var ACTIVITY_COEFF = funkcija Cilvēkam(svars, augums, vecums, aktīvs)( atgriešanās (MAN_COEFFICENTS.main + (MAN_COEFFICENTS.weight * svars) + (MAN_COEFFICENTS.height * augums) + (MAN_COEFFICENTS.age * vecums)) * ACTIVITY_COEFF; ) funkcija forWoman(svars, augums, vecums, aktīva)( atgriešanās (SIEVIETES_KOEFICIENTI.galvenais + (SIEVIETES_KOEFIFICIENTI.svars * svars) + (SIEVIETES_KOEFICIENTS.augums * augums) + (SIEVIETES_KOEFICIENTS.vecums * vecums)) * ACTIVITY_COEFF; ) funkcija getData()) ( var data=( svars: parseFloat(document.getElementById("weight").value), vecums: parseInt(document.getElementById("vecums").value), augstums: parseInt(document.getElementById("height"). vērtība ), aktīva: parseInt(document.getElementById("active").value), mērķis: parseInt(document.getElementById("target").value), dzimums: parseInt(document.getElementById("sex").value) ) ; atgriež datus aktīvs) ; konsole.log(rezultāts);

pārtraukums;

2. gadījums: rezultāts = sievietei(dati.svars, dati.augums, dati.vecums, dati.aktīvs);

Lai skripts darbotos, savienojiet to ar dokumentu:

Aprēķināt

Tagad mēs nododam mūsu komponentam ceļu uz failu, kas pēc noklusējuma tiks ielādēts, atverot lietojumprogrammu. Tas viss notiek klasē, kuru izveido noklusējuma vide. Tajā mēs mainām skatu ģenerējošās metodes darbību:

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

findViewById(R.id.webView) – mēs iegūstam savu konteineru lapu parādīšanai

webView.getSettings().setJavaScriptEnabled(true) — iespējojiet JavaScript atbalstu

webView.loadUrl(“file:///android_asset/www/index.html”) — ielādējiet lapu, kas atrodas mūsu līdzekļu direktorijā.

Tagad, tā kā mūsu lapā ir no vietnes (attālināti) savienojošas bibliotēkas, mums mūsu lietojumprogrammai jāpievieno interneta piekļuves privilēģijas. Tas tiek darīts AndroidManifest.xml manifesta failā vienā rindā sākumā:

Pēc tam atliek tikai nosūtīt pieteikumu uz ierīci. Un esat pabeidzis :-)

Ja vēlaties izveidot bezsaistes lietojumprogrammu, lai jums nebūtu nepieciešama piekļuve internetam, lejupielādējiet bibliotēkas no vietnes, ievietojiet tās mapē un mainiet ceļu lapā. Tāpat nav nepieciešams norādīt interneta piekļuves atļaujas.

Tātad, mums ir jālejupielādē nepieciešamās bibliotēkas. Pirmā, galvenā jQuery bibliotēka atrodas šeit: http://jquery.com/download/, atlasiet versiju un lejupielādējiet to. Mēs izmantojam šo versiju: ​​Lejupielādējiet saspiesto, ražošanas jQuery 2.1.0. Tagad mēs lejupielādējam jQueryMobile. Dodieties uz oficiālo vietni: http://jquerymobile.com/ un lejupielādējiet arhīvu ar failiem:

Arhīvā ir daudz failu. Mums ir nepieciešami tikai daži no tiem: jquery.mobile-1.4.0.min.css, jquery.mobile-1.4.0.min.js un ikonas no mapes images/ direktorija. Es ievietošu šos failus / www mapes saknē. Pēc tam ir vērts mainīt lapas saites uz tikko lejupielādētajiem failiem:

Un arī neaizmirstiet no manifesta noņemt atļauju piekļūt internetam, mums tas tagad nav vajadzīgs. Kopumā tas arī viss.

Tagad jums ir neliela darba programma Android ierīcēm. Tomēr ātrums ir zemāks par radīšanas sākotnējo versiju, taču to var labot. Ar nelielu pieteikumu jums :-) Ceru, ka viss bija pieejams un interesants)

Tā kā Android izstrādātājiem nav daudz noteikumu, standartu un prasību, kas jāievēro, izstrādājot lietotnes, viņi īpaši neuztraucas par glītu vietņu izveidi savām tīmekļa lietotnēm. Daudzām izveidotajām Android lietotnēm pat nav vietnes, taču tām ir Twitter. Facebook lapas utt. Tas bija iemesls, kāpēc mēs nevarējām atrast daudz piemēru, ko parādīt šajā rakstā. Tāpēc tālāk ir dažas vietnes, kas paredzētas gan Android, gan iPhone.

Android lietotņu vietnes

FxCamera

FxCamera ļauj uzņemt radošus fotoattēlus ar vairāk nekā 40 filtriem, no kuriem izvēlēties.

Taimeris ir skaisti un tīri izstrādāta lietojumprogramma jūsu Android ierīcēm.

Atrodiet interesantas tīmekļa lapas, lai kur jūs atrastos, un pēc tam lasiet tās mājās vai atrodoties ceļā, pat bez interneta savienojuma.

Lietotne, kas motivē doties uz sporta zāli. Nopelniet naudu, dodoties uz sporta zāli, uz to draugu rēķina, kuri nebija ar jums.

Maluuba ir Siri alternatīva, kas var būt jūsu balss palīgs operētājsistēmā Android.

Foodster

Foodster palīdz atrast un pagatavot labākās receptes no interneta. Izmantojot vairāk nekā 10 000 recepšu no labākajiem tīmekļa resursiem un katru dienu jauniem papildinājumiem, varat būt pārliecināti, ka atradīsit kaut ko garšīgu un viegli pagatavojamu.

Rakstu tapetes

Pattrn ir unikāla ekrānsaudzētāja lietotne tālruņiem un planšetdatoriem, kas nodrošinās piekļuvi milzīgai attēlu kolekcijai.

doubleTwist

DoubleTwist Modinātājs ir skaistākā lietojumprogramma savā kategorijā Google Play veikalā.

ClockworkMod

Atbrīvojiet sava tālruņa potenciālu, pa vienai lietotnei.

Android un iPhone lietotņu vietnes

Avokado™ ir labākais veids Sazinieties ar cilvēkiem, kuri jums ir vissvarīgākie, izmantojot tērzēšanu, kalendārus, skices, fotoattēlus un daudz ko citu!

Strava ļauj sportistiem no visas pasaules piedzīvot sociālo fitnesu, kas ietver koplietošanu, salīdzināšanu un sacenšanos savā starpā, pamatojoties uz personīgajiem fitnesa datiem, izmantojot mobilās un tīmekļa lietojumprogrammas.