Taimer (MobileNations)

Juhend MobileNations keskkonnas taimeri äppi loomiseks.

Näiteks midagi sellist:

Analoogse äpi loomiseks tuleb alustada MobileNations keskkonnas uut projekti (Blank Phone App).

Kõigepealt loome äpi, mis alustaks allapoole loendamist arvust 20.

Selleks:

• lohistame tööriistakastist mobiilile ühe "label" sildi.
  
• lisame mobiilile ka nupu, mis taimerit käivitaks. 
  
• nüüd lisame javascripti, mis nupule vajutades hakkaks arvust 20 allapoole loendama ning lõpetaks, kui väärtuseks saab 0 

Javascripti sisestatav kood võiks olla selline:

"taimer":function(){
    if (window.theCount == null)
    {window.theCount = 20}
  if (window.theCount >=0) {
     MN.find("Default View/label").text = window.theCount;
     window.theCount--;
   }

• Edasi tuleb äpp töökorda seada. Selleks lisame veel valmis programmi numbrite mahaloendamiseks (Timer). Selleks leia "Tools palette" valikust "Timer" ja lohista see mobiilile.
• Taimeri seadistamine 
  
• Javascripti sidumine taimeriga 
  
• klõpsa nupul "Preview" ja vaata, kas äpp töötab!

Täiendus - kasutaja saab sisestada arvu, millest hakatakse numbreid allapoole loendama!

• Kasutaja käest andmete küsimiseks on vaja sisestada vastav tekstikast 

• Asenda javascripti koodis arv 20 järgmise kirjega: MN.find("Default View/arv").text;
• Kustuta ära ka sildi väärtus (20), sest muidu kuvatakse äppi laadides endiselt seda arvu.
• Kirjuta arvu sisestamiseks ka kasutajat juhendav tekst.

Keskkond Appide loomiseks (javascripti baasil) - MobileNations

http://www.mobilenationhq.com/

Keskkonda tuleb esmalt kasutajakonto luua. Tasuta kontoga saab 25 MB salvestusruumi ning võimaluse teha 10 appi. Harjutamiseks sellest piisab.

Valmis appe saab testida kohe oma nutiseadmes, selleks on vajalik QR koodi lugeja olemasolu. QR koodiga saab oma appi ka teistele jagada.

Proovime täna valmis teha ühe lihtsa arvutamise äppi, mis teeks sisestatud arvudega mõned arvutamistehted (näiteks liidaks, lahutaks ja korrutaks).

Peale sisselogimist saate valida, millist projekti soovite luua. Tänase projekti jaoks vali "Blank Phone App".

Edasi tuleb menüüst sobivad vidinad lihtsalt virtuaalse nutiseadme ekraanile lohistada ning neile tegevusi määrata.

Komponentide lisamise kohta vaadake allolevat videot

Kui kompnendid on lisatud, tuleb nad Javascripti abil ka tööle panna. Selleks lohistame komponentide paneelist telefonipildile Javascripti.

Skript, mille lisame peab olema selline:

"arvuta":function(x,y) {

var X = parseFloat(x); //teisendab väljale x sisestatu arvuks

var Y = parseFloat(y); //teisendab väljale y sisestatu arvuks

MN.find("Default View/liitmise välja nimetus").text = X + Y;

MN.find("Default Vier/lahutamise välja nimetus").text = X - Y;

}

Edasi tuleb nupule lisada tegevus (vt videot, kuidas seda teha!).