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)



Tags : applications, développement, html, javascript, webOS, wizard


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
http://www.palmpre-france.com

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 :-/
http://sylvek.net

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 :)
http://www.palmpre-france.com

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
http://www.palmpre-france.com

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
http://www.palmpre-france.com

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
B i u QUOTE URL

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



webOSfrance : AIOSettings : Les préférences centralisées pour webOS http://t.co/GIDrErvd #webOS #homebrew #touchpad
Vendredi 18 Mai - 23:05
webOSfrance : AIOSettings : Les préférences centralisées pour webOS http://t.co/GIDrErvd
Vendredi 18 Mai - 23:04
webOSfrance : #HP annonce un plan de restructuration http://t.co/6jyFpCYg #webOS #touchpad #tablet #pre3 #pre2 #pixi
Vendredi 18 Mai - 22:49
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
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