Ohjelmointi

13 välttämätöntä mobiiliverkon ohjelmointityökalua

Kun on kyse mobiililaitteiden ohjelmoinnista, valinta on nopeasti dilemma. Kohdistatko kannattaviin iPhone-markkinoihin Androidin nousuveden kustannuksella? Käytätkö natiivia vai kirjoitatko koodia mobiiliverkkoon? Ja vaikka yksi koodipino, joka toimii optimaalisesti yhä useammalla alustalla, muodon tekijöillä ja laitteilla, olisi unelma, todellisuus on hajanainen koe, jossa alkeelliset tehtävät voivat usein olla haaste.

Mutta haasteiden ja mahdollisuuksien mukana tulee utelias mieli. Kehittäjien joukko, joka kiinnittää huomionsa mobiilityökalujen ja kirjastojen rakentamiseen, perustaa nopeasti elävän ekosysteemin auttaakseen mobiilikehittäjiä - etenkin niitä, jotka ovat päättäneet kohdistaa mobiiliverkkoon.

[Myös .com: Löydä 4 tapaa luoda älypuhelimen verkkosovelluksia käymättä Applen App Storessa. | Pysy ajan tasalla sovellusten tärkeimmistä oivalluksista Fatal Exception -blogin ja Developer World -uutiskirjeen avulla. | Pysy ajan tasalla mobiiliuutisista ja oivalluksista Mobile Edge -blogin ja Mobilize-uutiskirjeen avulla. ]

Jonkin aikaa tämä sarja oli rajoitettu. Mutta HTML5: n lupaus on avannut monien kehittäjien silmät mobiiliverkon lukemattomille eduille verrattuna alkuperäisen ohjelmiston asentamiseen laitteeseen.

Ensinnäkin verkkosivustot ovat avoimia. Ei ole tarvetta pelata "äiti saa minä" App Storen hyväksymisryhmän kanssa, kun tuote käynnistetään tai päivitetään.

Toiseksi kehittäjät voivat saada 100 prosenttia mobiilisovellusten tuloistaan. Tietenkin sinun on löydettävä tapa kerätä rahaa itse, mikä ei ole aina yksinkertaista. Mutta 30 prosentin leikkaus, jonka Apple ottaa sovellushankinnoista, on jyrkkä tariffi sille, mikä on suurimmaksi osaksi tietokannan rivi ja suuri byrokratia.

Kolmanneksi HTML5 kasvaa vankemmaksi ja monipuolisemmaksi. Uusimman version avulla voit tallentaa tietoja asiakkaalle ja tehdä suurimman osan asioista, joita natiivisovellus voi tehdä. Toisin sanoen selaimen hiekkalaatikossa on melkein kaikki samat ominaisuudet kuin alkuperäisen koodin hiekkalaatikossa. Ja kyllä, alkuperäiset koodisovellukset pidetään omassa suljetussa kulmassaan käyttöjärjestelmässä.

Neljänneksi, HTML5-sovellukset eivät ole laitteisiin sidottuja. Vaikka suuri osa hypeistä kiertää edelleen Applen iPhonen ympärillä, HTML5-sovelluksia on suhteellisen helppo siirtää muille alustoille. Se ei ole niin yksinkertaista kuin painikkeen painaminen, mutta se on paljon helpompaa kuin sovelluksen kääntäminen tavoite C: stä Java: ksi.

On tietysti rajoituksia. Verkkosovellukset voivat joutua yhteysongelmien uhriksi. Ne ovat usein hieman hitaampia, ja monet alkuperäiset sovelluskehittäjät huomaavat mielellään millisekunnin viiveistä, jotka saattavat olla tai eivät välttämättä ole havaittavissa. Pelin kehittäjät haluavat miettiä kahdesti luottaa liukkaaseen, erittäin reagoivaan koodiin JavaScriptissä.

Suurin rajoitus voi olla itse kehityksessä. Vaikka Applen työkalut ovat melko hyviä natiivisovellusten katselemiseen, on vaikeampaa kaivaa syvälle mobiiliselaimellasi käynnissä olevan koodin rakenteeseen. Kaikki tämä kiinnostus mobiilikehitykseen ja mobiiliverkkoon on synnyttänyt useita kirjastoja ja työkaluja sovellusten rakentamisen helpottamiseksi niiden kanssa. Tässä on luettelo huomiota herättävistä projekteista, joiden avulla mobiiliverkon rakentaminen on helpompaa.

Mobiiliverkon ohjelmointityökalu: ChocolateChip-UI

Lataa ChocolateChip-UI

Mobiililaitteiden pienikokoiset kiinteistöt asettavat korkean tason tehokkaalle käyttöliittymäsuunnittelulle. Anna Robert Biggs, Pohjois-Kalifornian verkkokehittäjä, joka rakensi ChocolateChip-UI: n, kehyksen kannattavan HTML-mobiilikäyttöliittymän luomiseksi.

Teknisesti kehittäjän luoma taustakoodi on WAML (Web Application Markup Language), HTML5: n päälle rakennettu merkintäkieli. Suurin osa helposta työstä tehdään WAML-tunnisteilla, kuten tai . Kehyksen JavaScript toimii WAML: n kautta ja muuttaa sen puhtaaksi HMTL5: ksi älypuhelimelle.

Tämä yhdistelmä on yhtä kevyt kuin sulka. Voit sekoittaa oman HTML: n, CSS: n ja JavaScriptin WAML: ään, ja se navigoi ChocolateChip-UI-käännösprosessissa hienosti.

Vaikka tämä lähestymistapa ei ole täydellinen, voin ymmärtää, miksi Biggs valitsi tämän reitin. Olen aiemmin kadonnut monien mobiilikehitystyökalujen JavaScript-sulkemisissa, eikä se ole hieno.

ChocolateChip-UI: n WAML-widget-kokoelma on melko kattava, jotka kaikki näyttävät tavallisilta iPhone-käyttöliittymiltä. Se sisältää jopa ekstroja, kuten poistoluettelot, joiden avulla käyttäjät voivat poistaa elementtejä luettelosta muutamalla sormen painalluksella.

Mobiili Web-ohjelmointityökalu: Mobl

Lataa Mobl

JavaScriptillä on monia karkeita reunoja, jotka jatkavat web-kehittäjien hankaamista. Mobl-tiimi päätti tasoittaa nämä reunat ja rakentaa puitteet WebKit-selaimissa toimivien mobiilisovellusten luomiselle. Sen sijaan, että kirjoitat ohjeitasi HTML-, JavaScript- ja CSS-tiedostoihin, kirjoitat ne Mobl: iin, ja Mobl-kääntäjä muuttaa ne HTML-koodiksi, JavaScriptiksi ja CSS: ksi mobiiliselaimelle.

Lähestymistavan ansiosta Mobl-tiimi pystyi korjaamaan joitain JavaScriptin hankalampia asioita, kuten kuinka toiminnot välitetään muille toiminnoille viivästyneen suorituksen vuoksi. Kaikkien sisäkkäisten sulkujen seuraaminen, joka on tarpeen tämän suorittamiseksi JavaScriptissä, voi nopeasti häiritä, mikä lisää virheen todennäköisyyttä.

Mobl pääsee eroon tästä monimutkaisuudesta käyttämällä deklaratiivisempaa syntaksia. Jos haluat keskeyttää 1000 millisekunnin, kirjoitat:

uni (1000); doNext ();

Mobl kokoaa tämän JavaScriptiksi a: lla setTimeout toiminto ja a soita takaisin toiminto, joka suoritetaan doNext (). Kehittäjänä sinun ei tarvitse ajatella soita takaisin syntaksia tai kuinka kaikki kääritään vielä yhteen toimintoon. Sinun tarvitsee vain kirjoittaa luettelo asioista, joiden haluat tapahtuvan.

Mobl-tiimi auttaa sinua kirjoittamaan nämä ohjeet kymmenillä tavoilla kiinnittämättä huomiota kaikkiin JavaScriptin välimerkkeihin. Lopputulos on mukava kokoelma mobiilisovellusten tavanomaisia ​​idioomeja. Haluatko vieritysluettelon? Kääri vain luettelo tuotteista ryhmän avainsanalla.

Kehittäjät, jotka eivät pidä tästä lähestymistavasta, ovat jo miellyttäviä Objective-C: n tai JavaScriptin kanssa. Loppujen lopuksi, miksi opit vielä toisen kielen, jolla on hieman erilainen syntaksitapa, kun tämä hieman erilainen syntaksia muutetaan takaisin vain sellaiseksi, mitä he jo ymmärtävät? Jälleen kerran kielen ystävät saattavat löytää useita hyviä, uusia ideoita, jotta se olisi matkan arvoinen.

Mobiiliverkon ohjelmointityökalu: jQuery Mobile

Lataa jQuery Mobile

Kun jQuery-kehyksen takana olevat ihmiset päättivät puuttua mobiilialustoihin ja rakentaa yksinkertaisen käyttöliittymän työkalupaketin älypuhelimille, oli selvää, että se herätti laajaa huomiota ja kokeiluja. Tuloksena on projekti, jota monet suuret laitteistovalmistajat tukevat hyvin ja joka on varmasti suhteellisen onnistunut mobiililaitteissa.

JQuery Mobilen yksinkertaisin osa on sen HTML-keskitetty asettelu. Sivut on rakennettu DIV: issä ja muissa HTML-vakiokomponenteissa, kuten

  • tunnisteet. Tämän seurauksena jQuery Mobile on helppo integroida dynaamisiin verkkosivustoihin ja CMS-tiedostoihin, koska sen käyttäminen on usein vain uuden teeman tai ihon lisäämistä. JQuery Mobilen ympärille on rakennettu esimerkiksi useita Drupal-teemoja ja -moduuleja.

    Tiukka integraatio jQueryn kanssa tarkoittaa, että monet työpöydän laajennukset, mutta eivät kaikki, toimivat myös mobiilisivustojen kanssa. Mobiilikehyksen laajentamiseksi on myös rakennettu muutama mobiililaajennus. Kehyksen kevyt kosketus ja jQuery Mobilen ympärille rakennettu hedelmällinen ekosysteemi merkitsevät todennäköisesti sen voiman kasvavan.

    Mobiiliverkon ohjelmointityökalu: The-M-Project

    Lataa The-M-Project

    Jos jQuery Mobilen metodien ja tyylien kokoelma ei ole riittävän hienostunut, The-M-Project tarjoaa kokoelman widgettejä, jotka kootaan alas jQuery Mobile -objekteiksi. Se käsittelee monia hienoja yksityiskohtia, kuten sijoittamalla kuvakkeen oikeaan kohtaan, joten voit keskittyä suurempaan kuvaan.

    Koodi on rakennettu Model-View-Controller-mallilla. Suuri osa työstä on suuren JSON-rakenteen rakentaminen, joka määrittelee eri sivut ja niissä olevat pienoisohjelmat. Asettelua hoitaa The-M-Project.

    Sovelluksen käyttäytyminen määritetään luomalla toimintoja, jotka on liitetty erilaisiin tapahtumakoukkuihin kullekin sivulle. The-M-Project huolehtii tapahtumien saapumisesta paikalleen.

    Ei ole mitään arvoa, että rakennus- ja käyttöönottoprosessi on integroitu Node.js: n kanssa. Suuri luomuksesi rakentamisen koodi toimii myös Node.js: ssä; testaus tehdään samalla palvelimella. Kun se toimii, voit siirtää koodin ja kirjaston yhdistelmän mihin tahansa Web-palvelimeen tai integroida sen edelleen Node.js: n kanssa.

    Mobiiliverkon ohjelmointityökalu: Touchqode

    Lataa Touchqode

    Istut Pariisin kahvilassa, Mount Everestin huipulla tai muualla ilman kannettavaa tietokonetta tai työpöytää. Idea iskee sinua. Kirjoitatko sen paperiromulle ja palaatko siihen myöhemmin? Ei, jos Android-puhelimellasi on Touchqode. (IPhone-versio on tulossa pian.)

    Tämä pieni kehitysympäristö pakkaa yllättävän suuren määrän ominaisuuksia pieneen näyttöön. Koodi on korostettu, komentosarjat voivat toimia paikallisesti, ja voit synkronoida uuden koodisi FTP: n kautta. Jos pomo soittaa, kun olet liikkeellä, sinun pitäisi olla vähän vaikeuksia korjata jotain, joka tarvitsee vain muutaman näppäimen painalluksen. En voi kuvitella kirjoittavan pitkiä ohjelmia Android-puhelimellani, mutta kun otetaan huomioon, että kirjoittajat ovat kirjoittaneet kokonaisia ​​romaaneja matkapuhelimiin, voi olla liian aikaista olettaa, että käyttäjät käyttävät Touchqodea vain muutaman rivin satunnaiseen koodiin.

    Joko niin, Touchqode on hyvä hyppysellinen.

    Mobiiliverkon ohjelmointityökalu: LimeJS

    Lataa LimeJS

    Yksi syy siihen, miksi Flash-pelit ovat niin houkuttelevia, johtuu kirjaston kirjoittajien hedelmällisestä ekosysteemistä, jotka voivat myydä töitään Flash-kehittäjille. DigitalFruit loi LimeJS: n tarjoamaan vastaavaa tukea kehittäjille, jotka haluavat käyttää HTML5: een kuuluvia WebGL-objekteja.

    LimeJS: n varhaiset tulokset ovat tehokkaita WebKit-selaimissa. Koodi on teknisesti JavaScript, mutta rakenne näyttää samanlaiselta kuin hyvä, vanhanaikainen C, jossa on puhelut OpenGL-kirjastoon. Joidenkin OpenGL-tiedostojen pitäisi olla mahdollista automaattisesti kääntää tähän kirjastoon, vaikkakin tämä todennäköisesti vaatii jonkin verran käsiviritystä.

    LimeJS-tarjoukset ovat muutamia hyödyllisiä ominaisuuksia pelinkehityksen yksinkertaistamiseksi. On kohtauksia, jotka ovat täynnä tasoja ja ohjaaja, joka laukaisee tapahtumia joustavan aikataulun mukaisesti. On animaatioita ja siirtymiä, jotka siirtävät spritit sivujen yli. Kaikki ominaisuudet ovat tuttuja ihmisille, jotka ovat aiemmin kirjoittaneet rentoja pelejä.

    Kehitysympäristö sisältää useita moderneja yksityiskohtia. Perusrakennusta hoidetaan Pythonissa, ja lopullinen paketti voidaan niputtaa yhdessä Googlen Closure Compilerin kanssa, jotta se latautuu nopeammin.

    LimeJS on houkutteleva kaikille, jotka ovat viettäneet aikaa OpenGL-kehysten pelien kehittämiseen muissa ympäristöissä. Vaikka lopullinen syntaksin on JavaScripti, se ei luota monimutkaisempiin ideoihin, jotka tekevät JavaScriptiä joillekin, ainakin kunnes Closure Compiler tekee työnsä.

    Mobiiliverkon ohjelmointityökalu: Jdrop

    Lisätietoja Jdropista

    Jdrop näyttää kasvoiltaan olevan iso kasa JSONia, joka voidaan erehdyttää avoimeksi NoSQL-tietokannaksi. Käytännössä tämä verkkoresurssi on viritetty auttamaan mobiilikehittäjiä järjestämään suorituskykytiedot pienien näyttöjen ja työpöydän välillä, missä niitä voidaan paremmin analysoida.

    Helpottaakseen suorituskyvyn palautteen hankkimista mobiililaitteista Jdrop tarjoaa Mobile Perf -kirjanen, joka yhdistää joukon suorituskyvyn kirjanmerkkejä, mukaan lukien Firebug Lite, Page Resources, DOM Monster, SpriteMe, CSSess ja Zoompf. Mobile Perf -sovelluksen avulla voit virittää sovelluksesi virheenkorjaukseen puhelimessa ja tallentaa saadut tiedot automaattisesti Jdrop-pilveen myöhempää analysointia varten työpöydältäsi. Tämä tarjoaa mielenkiintoisen tavan todellisen mobiilisuorituksen virheenkorjaamiseen ja suosikkimobiilisivustojesi HTML-lähteen tutkimiseen.

    Mobiili-Web-ohjelmointityökalu: XUI, Zepto

    Lataa XUI

    Lataa Zepto

    Suurin osa tässä kuvatuista kehyksistä on olemassa raskasta nostamista varten muuttamalla sovelluksen kuvaus, usein kirjoitettu heidän omalla kielellään, sellaiseksi, joka näyttää melko hyvältä sivulla. XUI ja Zepto ovat hyvin erilaisia. Ne alkavat ajatuksesta, että HTML ja CSS ovat jo melko hyviä näyttämään suurimman osan asioista, jotka saatat haluta näyttää, ja tarjoavat vain apua DOM: n luomiseen ja muokkaamiseen.

    Nämä kirjastot eivät aseta widgettejäsi tai edes luo minkäänlaisia ​​widgetejä. Saat mitä HTML tarjoaa, sitten hallitset sen ulkonäköä CSS: llä. Kirjasto auttaa sinua manipuloimaan DOM: ää tarjoamalla ominaisuuksia, kuten kyvyn löytää elementtejä, liittää luokkia ja taistella tapahtumia.

    Palkka on kooltaan suuri. Zepton nykyinen versio painaa noin 2300 tavua, noin kymmenesosa jQueryn koosta. XUI on vain hieman isompi. Vertailu jQueryyn on sopiva, koska molemmat lainaa suuren osan syntaksista tarjoamatta mitään ominaisuuksia, jotka vaativat kehittyneempää ja raskaampaa koodia. Esimerkiksi XUI vetää koodin, jonka vaaditaan olevan yhteensopiva BlackBerryn tai IE Mobilen kanssa. Jos haluat niitä, voit hankkia paksumman kirjaston.

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