Programiranje

13 osnovnih programskih orodij za mobilni splet

Pri programiranju za mobilne naprave izbira hitro postane dilema. Ali ciljate na donosen trg iPhone na račun naraščajoče plime Androida? Ali greste domače ali pišete kodo v mobilni splet? In čeprav bi bil en kup kode, ki optimalno deluje na vse bolj široki paleti platform, dejavnikov oblike in naprav, sanje, je resničnost razdrobljena preizkušnja, v kateri so lahko osnovna opravila pogosto izziv.

Toda z izzivi in ​​priložnostmi prihajajo radovedne misli. Obseg razvijalcev, ki so svojo pozornost usmerili k izdelavi mobilnih orodij in knjižnic, hitro vzpostavljajo živahen ekosistem, ki pomaga mobilnim razvijalcem - zlasti tistim, ki so se odločili za ciljanje mobilnega spleta.

[Tudi na .com: Odkrijte 4 načine za ustvarjanje spletnih aplikacij za pametne telefone, ne da bi šli skozi Applov App Store. | Nadaljujte s ključnimi vpogledi v razvoj aplikacij z blogom Fatal Exception in biltenom Developer World. | Bodite obveščeni o mobilnih novicah in vpogledih z blogom Mobile Edge in glasilom Mobilize. ]

Nekaj ​​časa je bil ta nabor omejen. Toda obljuba HTML5 je mnogim razvijalcem odprla oči pred neštetimi prednostmi mobilnega spleta pred poskusi namestitve izvorne programske opreme v napravo.

Najprej so odprta spletna mesta. Ko izdelek zaženete ali posodobite, se z ekipo za odobritev trgovine App Store ni treba igrati "mati smejo".

Drugič, razvijalci lahko izkoristijo 100 odstotkov prihodka od svojih mobilnih aplikacij. Seveda moraš najti način, kako denar zbrati sam, kar pa ni vedno preprosto. Toda 30-odstotni znižanje, ki ga ima Apple pri nakupih aplikacij, je strma tarifa za tisto, kar je v veliki meri vrsta v zbirki podatkov in velika birokracija.

Tretjič, HTML5 postaja vse močnejši in bogati s funkcijami. Najnovejša različica vam omogoča shranjevanje podatkov na odjemalcu in izvajanje večine stvari, ki jih lahko naravna aplikacija. Z drugimi besedami, peskovnik brskalnika ima skoraj vse enake funkcije kot peskovnik izvorne kode. In ja, aplikacije izvorne kode so shranjene v svojem zaprtem kotu operacijskega sistema.

Četrtič, aplikacije HTML5 niso vezane na naprave. Medtem ko velik del hype še naprej kroži okoli Appleovega iPhona, je aplikacije HTML5 razmeroma enostavno prestaviti na druge platforme. Ni tako preprosto kot pritisniti gumb, je pa veliko lažje kot prevesti aplikacijo iz Objective C na Javo.

Seveda obstajajo omejitve. Spletne aplikacije so lahko žrtev težav s povezljivostjo. Pogosto so nekoliko počasnejši in mnogi domači razvijalci aplikacij radi opozarjajo na milisekundne zamude, ki so lahko opazne ali pa tudi ne. Razvijalci iger bodo dvakrat premislili, da bi se zanašali na gladko, super odzivno kodo v JavaScript.

Največja omejitev je lahko v samem razvoju. Čeprav so Applova orodja zelo dobra za vpogled v izvorne aplikacije, je težje poglobiti se v strukturo kode, ki se izvaja v vašem mobilnem brskalniku. Vse to zanimanje za mobilni razvoj in mobilni splet je ustvarilo številne knjižnice in orodja za olajšanje postopka izdelave aplikacij z njimi. Tu je seznam privlačnih projektov, ki bi lahko olajšali gradnjo mobilnega spleta.

Orodje za mobilno spletno programiranje: ChocolateChip-UI

Prenesite ChocolateChip-UI

Nepremičnine mobilnih naprav na majhnem zaslonu dajejo prednost učinkovitemu oblikovanju vmesnikov. Vnesite Roberta Biggsa, spletnega razvijalca v severni Kaliforniji, ki je zgradil ChocolateChip-UI, ogrodje za razvijanje vrednega mobilnega vmesnika v HTML-ju.

Tehnično je osnovna koda, ki jo je ustvaril razvijalec, WAML (označevalni jezik spletnih aplikacij), označevalni jezik, zgrajen na vrhu HTML5. Večino enostavnega dela opravimo z oznakami WAML, kot so ali . JavaScript ogrodja deluje prek WAML-a in ga spremeni v čisti HMTL5 za pametni telefon.

Ta kombinacija je lahka kot pero. V WAML lahko vmešate svoj lasten HTML, CSS in JavaScript, in ta dobro prevaja postopek prevajanja ChocolateChip-UI.

Čeprav ta pristop ni popoln, lahko razumem, zakaj je Biggs izbral to pot. Že prej sem se izgubil zaradi zapiranja številnih orodij za razvoj mobilnih naprav in to ni lepo.

Zbirka pripomočkov WAML ChocolateChip-UI je dokaj obsežna, vse pa so videti kot običajni uporabniški vmesniki za iPhone. Vključuje celo dodatke, kot so seznami za brisanje, ki uporabnikom omogočajo, da z nekaj potezami prsta izločijo elemente s seznama.

Orodje za mobilno spletno programiranje: Mobl

Prenesite Mobl

JavaScript ima veliko grobih robov, ki še naprej vznemirjajo spletne razvijalce. Ekipa Mobl se je odločila, da bo te robove zgladila, medtem ko je ustvarila ogrodje za ustvarjanje mobilnih aplikacij, ki se izvajajo v brskalnikih WebKit. Namesto da navodila pišete v HTML, JavaScript in CSS, jih napišete v Mobl, Mobl pa jih prevajalnik spremeni v HTML, JavaScript in CSS za mobilni brskalnik.

Ta pristop je ekipi Mobl omogočil, da je odpravila nekatere bolj zapletene težave JavaScripta, na primer kako se funkcije posredujejo drugim funkcijam zaradi zapoznele izvedbe. Sledenje vsem ugnezdenim oklepajem, potrebnim za to v JavaScript, lahko hitro postane omamljanje in poveča verjetnost napak.

Mobl se te zapletenosti znebi z uporabo bolj izjavne skladnje. Če želite zaustaviti 1.000 milisekund, napišite:

spanje (1000); doNext ();

Mobl to prevede v JavaScript z a setTimeout funkcijo in a poklicati nazaj funkcija, ki se bo izvajala doNext (). Kot razvijalec vam ni treba razmišljati o poklicati nazaj sintaksa ali kako vse zaviti v še eno funkcijo. Vse, kar morate storiti, je napisati seznam stvari, za katere želite, da se zgodijo.

Skupina Mobl vam na deset načinov pomaga napisati ta navodila, ne da bi morali biti pozorni na vsa ločila v JavaScript. Končni rezultat je lepa zbirka standardnih idiomov mobilnih aplikacij. Želite drsni seznam? Preprosto zavijte svoj seznam elementov s ključno besedo skupine.

Razvijalci, ki jim ta pristop ne bo všeč, bodo tisti, ki se že veselijo Objective-C ali JavaScript. Konec koncev, zakaj bi se učili še enega jezika z nekoliko drugačno skladnjo, ko pa bo ta nekoliko drugačna sintaksa spremenjena le v nekaj, kar že razumejo? Potem pa lahko ljubitelji jezika najdejo številne dobre, nove ideje, s katerimi se splača potovati.

Orodje za spletno programiranje za mobilne naprave: jQuery Mobile

Prenesite jQuery Mobile

Ko so se ljudje, ki stojijo za ogrodjem jQuery, odločili, da se bodo lotili mobilnih platform in izdelali preprost nabor orodij za uporabniške vmesnike za pametne telefone, je bilo jasno, da bo pritegnil široko pozornost in eksperimentiranje. Rezultat je projekt, ki ga dobro podpirajo številni največji proizvajalci strojne opreme in bo zagotovo razmeroma uspešen na mobilnih napravah.

Najenostavnejši del jQuery Mobile je postavitev, usmerjena v HTML. Strani so vgrajene v DIV-je in druge standardne komponente HTML, kot so

  • oznake. Zaradi tega je jQuery Mobile enostavno integrirati z dinamičnimi spletnimi mesti in sistemom za upravljanje vsebin, saj je uporaba le-te pogosto le dodajanje nove teme ali preobleke. Okoli jQuery Mobile na primer obstaja več tem in modulov Drupal.

    Tesna integracija z jQuery pomeni, da bodo številni, vendar ne vsi vtičniki za namizje, delovali tudi z mobilnimi spletnimi mesti. Obstaja tudi nekaj mobilnih vtičnikov, zgrajenih za razširitev mobilnega okvira. Lahek dotik ogrodja in rodovitnega ekosistema, zgrajenega okoli jQuery Mobile, pomeni, da bomo verjetno videli, da se njegova moč samo še povečuje.

    Orodje za mobilno spletno programiranje: The-M-Project

    Prenesite projekt M-M

    Če zbirka metod in stilov jQuery Mobile ni dovolj izpopolnjena, The-M-Project ponuja zbirko pripomočkov, ki so zbrani v predmete jQuery Mobile. Obravnava številne drobne podrobnosti oblikovanja, na primer postavitev ikone na pravo mesto, tako da se lahko raje osredotočite na širšo sliko.

    Koda je strukturirana z vzorcem Model-View-Controller. Veliko dela je gradnja velike strukture JSON, ki opredeljuje različne strani in pripomočke, ki se nahajajo na teh straneh. Postavitev ureja The-M-Project.

    Obnašanje aplikacije je določeno z ustvarjanjem funkcij, pritrjenih na različne kljuke dogodkov za vsako stran. Projekt-M-skrbi za to, da dogodki dosežejo svojo lokacijo.

    Nič ni vredno, da je postopek gradnje in uvajanja integriran z Node.js. Koda za izdelavo vaše velike kreacije se izvaja tudi v Node.js; testiranje poteka z istim strežnikom. Ko deluje, lahko zmes kode in knjižnice prenesete na kateri koli spletni strežnik ali pa jo še dodatno integrirate z Node.js.

    Orodje za mobilno spletno programiranje: Touchqode

    Prenesite kodo na dotik

    Sedite v kavarni v Parizu, na vrhu Mount Everesta ali kjer koli drugje brez prenosnika ali namizja. Ideja vas prizadene. Ali ga napišete na papir in se pozneje vrnete k njemu? Ne, če imate v telefonu Android zagnan Touchqode. (Kmalu bo na voljo različica za iPhone.)

    To majhno razvojno okolje vsebuje presenetljivo veliko funkcij na majhen zaslon. Koda je označena, skripti se lahko izvajajo lokalno, novo kodo pa lahko sinhronizirate prek FTP-ja. Če šef pokliče, ko ste na poti, ne boste imeli težav s popravljanjem nečesa, kar potrebuje le nekaj pritiskov tipk. Ne predstavljam si, da bi s telefonom Android pisal dolge programe, toda glede na to, da so avtorji na svoje mobilne telefone sestavili celotne romane, je morda prezgodaj za domnevo, da bodo uporabniki uporabili Touchqode samo za ustvarjanje nekaj vrstic občasne kode.

    Kakorkoli že, Touchqode je dober v kratkem času.

    Orodje za mobilno spletno programiranje: LimeJS

    Prenesite LimeJS

    Eden od razlogov, zakaj so Flash igre tako prepričljive, je zaradi rodovitnega ekosistema knjižničarjev, ki lahko svoja dela prodajo razvijalcem Flash. DigitalFruit je ustvaril LimeJS, da ponudi podobno podporo razvijalcem, ki želijo uporabiti predmete WebGL, ki so del HTML5.

    Prvi rezultati LimeJS so učinkoviti v brskalnikih WebKit. Koda je tehnično JavaScript, vendar je struktura podobna dobri, staromodni C, s klici v knjižnico OpenGL. Mogoče bi bilo mogoče samodejno navzkrižno prevesti nekaj OpenGL-ja v to knjižnico, čeprav bo to verjetno zahtevalo ročno nastavitev.

    Ponudbe LimeJS je nekaj koristnih funkcij za poenostavitev razvoja iger. Obstajajo prizori, napolnjeni s plastmi, in režiser, ki bo sprožil dogodke po prilagodljivem urniku. Obstajajo animacije in prehodi, ki premikajo sprite po straneh. Vse funkcije bodo znane ljudem, ki so že pisali priložnostne igre.

    Razvojno okolje vključuje več sodobnih dotikov. Osnovna zgradba je obdelana v Pythonu, končni paket pa je mogoče združiti z Googlovim prevajalnikom za zaprtje, da se bo hitreje prenašal.

    LimeJS bo privlačen za vsakogar, ki je porabil čas za razvoj iger za ogrodja OpenGL v drugih okoljih. Končna sintaksa je sicer JavaScript, vendar se ne zanaša na bolj zapletene ideje, zaradi katerih je JavaScript nekaterim primeren, vsaj dokler prevajalnik zaprtja ne opravi svojega dela.

    Orodje za mobilno spletno programiranje: Jdrop

    Več o Jdropu

    Na prvi pogled se zdi, da je Jdrop velik kup JSON-a, ki bi ga lahko zamenjali z odprto bazo podatkov NoSQL. V praksi je ta spletni vir prilagojen razvijalcem mobilnih naprav, da razdelijo podatke o zmogljivosti med majhnimi zasloni in namizjem, kjer jih je mogoče bolje analizirati.

    Da bi olajšal težave pri pridobivanju povratnih informacij o zmogljivosti iz mobilnih naprav, Jdrop ponuja Mobile Perf, zaznamek, ki združuje nabor zaznamkov o zmogljivosti, vključno z Firebug Lite, Page Resources, DOM Monster, SpriteMe, CSSess in Zoompf. S programom Mobile Perf lahko aplikacijo razhranite v telefonu in samodejno shranite nastale podatke v oblak Jdrop za poznejšo analizo z namizja, kar ponuja zanimiv način za odpravljanje napak resnične zmogljivosti mobilnih naprav in preučevanje vira HTML vaših najljubših spletnih mest za mobilne naprave.

    Orodje za mobilno spletno programiranje: XUI, Zepto

    Prenesite XUI

    Prenesite Zepto

    Večina tukaj opisanih okvirov obstaja za dvigovanje, tako da opis aplikacije, ki je pogosto napisana v njihovem jeziku, spremeni v nekaj, kar na strani izgleda precej dobro. XUI in Zepto se zelo razlikujeta. Začnejo z mislijo, da HTML in CSS že precej dobro prikazujeta večino stvari, ki bi jih morda želeli prikazati, in ponujata le pomoč pri ustvarjanju in spreminjanju DOM-a.

    Te knjižnice ne bodo postavile vaših gradnikov ali celo ustvarile kakršnih koli gradnikov. Dobite, kar ponuja HTML, nato pa njegov videz nadzirate s CSS. Knjižnica vam pomaga pomagati pri upravljanju DOM-a, tako da ponuja funkcije, kot so zmožnost iskanja elementov, pripenjanja razredov in žongliranja z dogodki.

    Izplačilo je veliko. Trenutna različica Zepto tehta približno 2.300 bajtov, približno desetino velikosti jQuery. XUI je le nekoliko večji. Primerjava z jQuery je primerna, ker si oba izposodita večino sintakse, ne da bi ponudila katero koli od funkcij, ki zahtevata bolj dodelano in težjo kodo. XUI, na primer, izvleče kodo, ki bi bila potrebna za združljivost s BlackBerry ali IE Mobile. Če jih želite, lahko dobite debelejšo knjižnico.

    $config[zx-auto] not found$config[zx-overlay] not found