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


1.Posté par methode le 09/07/2016 19:11 (depuis mobile)
bonjour tous j,ai une chercher palm

Nouveau commentaire :
Facebook Twitter

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








webOSfrance : RT @WiFiHotzones: Found a #Chinese #manufacture to build #webOS #routers! Min order 4k units. #Router needs minor redesign to bring down ma…
Lundi 27 Février - 15:44
webOSfrance : RT @WiFiHotzones: Retweet if you'd buy a #webOS based #wireless #touchscreen #router Lets see how much interest exists for this! @pivotCE…
Jeudi 23 Février - 20:55
webOSfrance : RT @WiFiHotzones: To make the #WebOS #wireless #router a reality we would need to (#sell) #Crowdfund via #Kickstarter around 2,500 #touchsc…
Jeudi 23 Février - 20:54














Créer une app


Les autres sites du groupe : News-Mobiles, AccessOWeb et En 1 image
Retrouvez l'actualité de l'iPhone 5S de l'iPad Mini et du Samsung Galaxy S4