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


Ma première application sur Palm Pre

Tutoriel
Publié par Guy Gnakouri


Dans ce tuto je vais développer ma premier application sur le systeme WebOS 
Pour créer mon projet je fais  menu-> fichier->NewProjet->Mojo application. 
Sinon je peut également utiliser le wizard avec le bouton dans la barre d'outils.
Ma première application sur Palm Pre

Dans la fenêtre qui s'ouvre, on renseigne les différentes informations sur l'application, le titre de l'application, le vendor,l'id identifiant unique et le numéro de version
Ma première application sur Palm Pre

On obtient après validation de cette étape arborescence suivante :

Ma première application sur Palm Pre

  • Le Repretoire app c'est lui qui va contenir les fonctions javascript, les vues et les modeles de l'application
  • Le répertoire images contient les images
  • Le répertoire Stylesheet contient les feuilles de styles
  • Le fichier appinfo.json contient toutes les informations sur l'application (id, la version, le vendeur, le fichier principal, le titre, l'icon)

Exemple de fichier appinfo.json


{
"id": "com.mycompany.premierprojet",
"version": "1.0.0",
"vendor": "My Company",
"type": "web",
"main": "index.html",
"title": "PremierProjet",
"icon": "icon.png"

 
Dans le fichier appinfo.json,  la balise main a pour valeur  index.html, ce qui veut dire que lefichier principal de notre application est index.html.

Dans ce fichier index.html, qui sera notre première interface, le language utilisé est du  html, pour moi qui bosse beaucoup sur des interfaces web, l'apprentissage des interfaces webos sera, je pense rapide.


<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>PremierProjet</title>
<script src="/usr/palm/frameworks/mojo/mojo.js" type="text/javascript" x-mojo-version="1" />

<!-- application stylesheet should come in after the one loaded by the framework -->
<link href="/stylesheets/premierprojet.css" media="screen" rel="stylesheet" type="text/css" />
</head>
<body>
<h2>Ma Premier application webos.</h2>
<p>
En HTML.
</p>
</body>
</html>
 
L'écriture de cette première interface en HTML, on retrouve les mêmes balises (html, head, body)





1.Posté par mamade le 30/08/2009 01:36
Merci beaucoup pour ce tuto ! j'étais vraiment interessé donc ce tuto tombe a pic !!

2.Posté par Philippe _ le 30/08/2009 01:41
n'hésites pas à parler de tes découvertes et très prochainement on mettra en place un forum permettant d'échanger autour du développement sous webOS

3.Posté par sylvek le 30/08/2009 15:58
le gros problème du SDK de webOs c'est qu'il n'est pas compatible HTML5.. dans mon cas j'ai voulu adapter mon application personnelle de géolocalisation sur WebOS... après avoir fait une version Android native puis une version web en HTML5... je pensais adapté très facilement mon code sur le Palm Pré .. première déception : bien que le SDK se base sur du HTML/CSS/JavaScript .. il s'agit de fonctions propriétaires dans le cas de la géolocalisation. Et c'est bien dommage :-/

4.Posté par Philippe _ le 30/08/2009 16:09
voilà un sujet interessant @sylvek et je te propose de le mettre en avant sur le Forum qui vient tout juste d'ouvrir :)

http://forum.palmpre-france.com/

cela peut lancer un débat instructif :)

5.Posté par Lio le 01/09/2009 13:21
Une fois index.html crée, faut il compiler l'ensemble pour générer un .ipk ?
La méthodo pourrait être ajoutée au tuto.

6.Posté par rick le 01/09/2009 21:42
et on fait comment pour testé l'application dans l'emulateur? et si on veux l'essayer sur le vrai téléphone, on fait comment?

merci

7.Posté par Guy Gnakouri le 01/09/2009 23:38
@rick pour tester l'application dans l'émulateur il faut que tu lance d'abord l'émulateur
ensuite tu vas dans le menu run->run d'éclipse,
l'application s'ouvrira automatiquement dans l'émulateur
pour un vrai téléphone j'attend d'avoir un palm-pre pour faire un tuto également dessus

8.Posté par Lio le 02/09/2009 06:54
Pour tester l'appli dans l'émulateur, j'ai bien lancé en 1er l'émulateur puis lancé Eclipse et ouvert l'appli puis fait Menu Run/Run mais une fenetre s'ouvre en envoyant le msg "The Palm emulator needs to be running before your app can be launched"
Y a t il un paramétrage manquant dans Eclipse ?

J'ai remarqué que dans VirtualBox, l'émulateur est déclaré avec comme système: Linux 2.6.

Help please.

9.Posté par Guy Gnakouri le 02/09/2009 11:19
tu as un problème avec l'émulateur comme tu a compris eclipse ne le voi pas essaye une désinstaller et de réinstaller le sdk et virtualBox

10.Posté par Lio le 27/09/2009 09:06
Pour completer la série trés bien faite de guides sur le dev d'une appli, un tuto sur "Comment générer un ipk" serait le bienvenue.

11.Posté par NiiCoTiiN3 le 04/09/2010 14:02

Comment fait-on pour :

Faire descendre une page
Mettre une image en fond?
Et pareil, comment génerer un ipk?


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