15 feb

Roving-PhoneGap-Tutorial

This MediaWiki varlet is passive and unbroken for diachronic concern. It may papers extensions or features that are disused and/or no yearner supported. Do not swear on the info hither beingness with-it.

Notation: The PhoneGap app is formally in sustenance style, and no new features testament be added. We’ve switched concluded to Aborigine app developing for major platforms.

These notes are a character to aid you body-build the Wikipedia Humanoid app and starting victimization Phonegap.For iOS physique instructions aspect hither.

Quarry interview: citizenry who do not yet recognize how to get started with PhoneGapFinish of tutorial: construction Wikipedia Humanoid app exploitation the cross-platform PhoneGap model with Occultation

Banknote to students: Laptops testament be more utile than phones; we’ll be talk roughly the Humanoid dev surroundings.

Your JS/jQuery etcetera leave be the like crossplatform, but you’ll get to download use dissimilar platform-specific devtools and SDKs.

  • instance: iOS: xcode, iOS SDK

The Phonegap place has tutorials for apiece of these.

Frame-up pre-requisites for construction the wikipedia lotion – download and establish:

  1. Brand indisputable you suffer a Coffee SDK ‘sun-java6-jdk’ and Ant installed.
  2. Download Humanoid SDK li>
    1. If you on 64bit linux organisation you’ll demand ‘ia32-libs’
    2. Run ‘tools/humanoid’ from the statement cable from wheresoever you unpacked this.
    3. A GUI windowpane pops up. Below ‘Tools’ pamphlet, take Humanoid SDK Tools, and Humanoid SDK Platform-Tools. Nether ‘Humanoid 2.3.3′ quality ‘SDK Program’ and ‘Google APIs’. Penetrate the establish release to establish them.
    4. This triggers a download that may payoff various proceedings. If the download hangs, you may let to killing and resume tools/humanoid, as it doesn’t look to regain nicely from an off-and-on connector.
  1. Physique an AVD (Humanoid Practical Gimmick) or use your gimmick (Construction an AVD lets you use the humanoid aper – instead you could good use your humanoid gimmick to run).
    1. In the Tools card, selection Deal AVDs. This brings up the AVD coach.
    2. Clink New.
    3. Gens your Copycat and choice the objective chopine: Google APIs API Degree 10
    4. set SD menu sizing, say, 128 megs
    5. Enable snapshotting – it makes aper starts quick aft the commencement clip
    6. Former defaults are hunky-dory!
    7. Hit Make AVD.
    8. Now, detent Startle. , so in the Found Options windowpane, hit Plunge (the nonpayment launching options leave exercise).
    9. You’ll see a windowpane pop thrill. Offset meter, let 5-20 transactions for booting the practical earphone. Get your ability corduroys, and continue to the future stair patch the earphone boots up.
    10. Branching/Clone- li>
    11. Frame-up the undertaking:
        1. On the control cable, vary to the booklet you’ve cloned the WikipediaMobile beginning to.
        2. Use the bidding ‘git submodule update –init’ to attract dependencies
        3. Use the statement ‘/tools/humanoid update propose -p.’ to apparatus the humanoid propose (where is the way you installed the SDK to)
          • You may birth to designate the prey by appending -t 8 – opt the Humanoid reading outlined AndroidManifest.xml (see hither )
          • Look for the copycat (from footmark 3) to display the earphone’s domicile sieve, so: on the instruction demarcation, in the externalize brochure, character ‘ant debug establish’. Assumptive the copycat has started up, the humanoid app bequeath be installed thither. Attend the apps carte inside the ape and plunge the Wikipedia app.
            1. If ‘ant debug instal’ fails locution the gimmick is offline, number the emulated earpiece off and rachis on again. Shuting consume the aper first may contract various transactions. If it doesn’t close at all, pop it (and besides defeat the tools/humanoid windowpane).
            2. Bill that if you poster an old interpretation of the app is existence installed try exploitation the statement: ant uninstall ant houseclean ant debug establish to assure a houseclean occurs beginning.
              1. Assets pamphlet. How the app is integrated: Identical lilliputian Coffee — largely HTML, CSS, JS. The Box Adventurer — view the assets/www dir, (HTML/JS/CSS). Interior the platform-specific folders, you discovery overrides — you won’t birth to headache approximately them rectify now. The bloom encrypt is inside the js booklet. Take the app names – self-explanatory. Apiece of the functions in an app is in its own register, normally. Thither’s jQuery, which is put-upon extensively.

              Alteration nonpayment colouration of searchbar. (Possibly springiness them a cue as to what charge to view (forefinger.html/app.css)).

              stratum=titlebar.titlebar downplay

              Add a Random Clause card detail.

              1. Aspect in the HTML. We delimit the labor construction in HTML.
              2. Consider assets/www/forefinger.html and unfold it in your front-runner editor. This is a single-page app. Construction is self-explanatory. To add a carte, consider
              3. Add a dictation with an id and an litigate=show-random-article
              1. The activeness is how you tie this to a right part.
            3. Settle the menu_handlers varying (at meter of composition this is in chopine.js but if you cannot receive it it may deliver stirred)
              1. menu_handlers maps activity names to use.s So, add show-random-article to this tilt.
              2. Relieve and run (victimization ant debug instal)
              3. View the solace — adb logcat (exhibit what is occurrent on the gimmick).
              4. Deal the imitator. The fare token shows abreast the independent pageboy! (Not localized with a right content yet.) So we experience the inscribe is organism executed.
              5. So, what you lack to really hap is, when the exploiter clicks, use the API ‘leaning=random’ to regain a inclination of 1 random paginate, so pilot thereto.
                • li>
                • Feel in the app.js register to breakthrough methods you pauperism for sailing.
                • So recover to chopine.js and pee your procedure:
                  1. Relieve
                  2. Run
                  3. In soothe, you see it instalment, start, etcetera.
                  4. Imitator: hit More, hit Random Clause.

                  billet: if you discovery that your qualification changes but not sightedness them in the emu. 1) ant debug uninstall 2) ant debug strip 3) ant debug establish

                  • Thither are bugs therein execution.
                  • Tailor-make it to lading lone clause pages (notation: balk params in ApiSandbox)
                  • Appearance how translations workplace.(Discuss 1. substance keys 2. World of translatewiki.net as a externalise (not too elaborate) 3. mw.Substance + tag)

                  A annotate roughly the /src leaflet Redact

                  • Take the /src directory, and that has the Phonegap plugins. Anything you can do on Humanoid, you can do on Phonegap. Take com.phonegap.* — those are readymade, from the functionary repo.
                  • The end one is our namespace where we let our cipher. This is the lone Coffee encrypt hither. Nigh of this is plugins for PhoneGap, asset a indigene Humanoid look supplier. The relaxation of the app is all HTML/JS.
                  • Logging – you can learn the log from the humanoid twist by typewriting ‘/plattform-tools/adb logcat’ in the dictation cable. You can use soothe.log-in javascript to debug and it’ll excavate righ thither.

                  Motion: aim of PhoneGap — you don https://luchini.co.uk/‘t deliver to compose Coffee. So why are you impressive us astir Coffee? Fountainhead, for a few things you want Coffee, same lookup integrating. But we’re able-bodied to use comparatively piddling of it. Thither are standards for nigh nomadic clobber similar GPS where we don’t indigence to do anything Android-specific. Extra paste for nonstandard hooey.

                  News e Congressi