webOSfrance, Palm Pre, Palm Pixi, TouchPad, HP Veer, et webOS

Creer votre première scène sous palm pre

Tutoriel
Publié par Guy Gnakouri


Avant de commencer ce tuto je vais définir une scène.

Sous webos on appelle une scène une interface ou une page d'une application, c'est l'équivalent en développement web de la page web.

La scène se trouve dans le répertoire app//vieuw/NomdDeLAScene/NomdDeLAScene-scene.html

Pour créer une scène sous eclispe cliquez sur le projet et avec le bouton droit faire, new->mojo scene
Creer votre première scène sous palm pre

Un wizard s'ouvre dans lequel vous saisissez le nom de votre scène exemple: first
Creer votre première scène sous palm pre

Après validation de cette étape l'arborescence de votre projet change,
  • déjà dans le répertoire assistants on a un nouveau fichier qui s'est créé, first-assistance.js, ce fichier est attaché à notre scène, c'est dans celui-ci qu'on mettra toutes les fonctions qui concerne notre scène,
  • Dans le répertoire views on a un sous répertoire qui s'est créé first comme le nom de notre scène, dans lequel nous avons le fichier first-scene.html notre scène.

Creer votre première scène sous palm pre

Pour le Moment notre fichier  first-scene.html est vide, je rajoute le code suivant

<div id="main" class="palm-hasheader">
    <div class="palm-header">Premiere scene</div>
  </div>

Vous avez remarque pas besoin de balise header et body dans ce fichier.
Je veux maintenant que ma scène soit la première interface de mon application. 
Dans le fichier stage-assistant.js  je rajoute le code :

StageAssistant.prototype.setup = function() {
//ici j'appelle ma scene
      this.controller.pushScene("first");
}

la fonction StageAssistant.prototype.setup du fichier  stage-assistant.js, est celle qui est appelée à ouverture de notre application



Creer votre première scène sous palm pre


Tags : scene, tutoriel, webOS

Nouveau commentaire :
Facebook Twitter
B i u QUOTE URL

Actualités | Applications | Divers | Matériel | Test | Tutoriel | WebOS | Edito | DevCast



webOSfrance : webOS App Builder : Créer votre application #webOS facilement sans connaissance : http://t.co/rWDBiqbH sur #HP #touchpad
Mardi 15 Mai - 23:46
webOSfrance : Paramètres APN pour le réseau #Free Mobile avec #hp #webOS http://t.co/AayM5tBt
Lundi 14 Mai - 09:30
webOSfrance : MIse à jour #webOS 3.0.6 en vue http://t.co/cUS1RmrY #hp #touchpad
Dimanche 13 Mai - 12:35
webOSfrance : MIse à jour webOS 3.0.6 en vue http://t.co/cUS1RmrY
Samedi 12 Mai - 12:49
webOSfrance : HP va refaire des tablettes mais pas sous webOS http://t.co/rrMPItLf
Samedi 12 Mai - 12:34
webOSfrance : Communities : Le client forum pour #webOS sur #HP TouchPad http://t.co/DfCcdkbT
Mercredi 9 Mai - 12:29
webOSfrance : Nouvelle mise à jour de l'espace développeurs webOS http://t.co/EoOAPUUj
Mardi 8 Mai - 19:39
webOSfrance : Paramètres APN pour le réseau Free Mobile http://t.co/AayM5tBt #free #sfr #palm #pre3 #pixi
Lundi 7 Mai - 21:45
pour Acheter ou Louer rapidement !
©2009-2011 Tous droits réservés webOSfrance - Actualités du webOS
webOSfrance n'a aucun lien avec la société Hewlett Packard.
Les autres sites du groupe : News-Mobiles, AccessOWeb et En 1 image
Siret: 522 602 721 00014 - Dispensé d'immatriculation en application de l'article L 123-1-1 du code de commerce