Phonegap : android sans java

Post Tags

A LIRE AUSSI

Par pouyelayese - Octobre, 31 2012

Vous êtes spécialiste du web, vous voulez développer des applications mobile mais vous n’aimez pas coder en java, vous ne voulez pas faire du Objective-C ou disons plutôt que vous préférez utiliser html et JavaScript pas de panique. Vous n’êtes pas oubliés la bonne nouvelle est venue. PHONEGAP !!! Oui Phonegap est là pour vous. Surement une question vous vient en tête qu’est-ce que Phonegap ?

Phonegap est un framework open source qui permet de créer des applications mobiles sur sept plateformes mobiles (Ios, Android, BlackBerry, Windows phone, Palm, Web OS, Bada et Symbian) en utilisant du html, du CSS et du JavaScript.

Phonegap est développé par NITOBI Software racheté par Adobe Systems. Les applications qui en résultent sont dites hybrides, ce qui signifie qu’elles ne sont pas vraiment natives, ni purement basées sur le web. Depuis le rachat de Nitobi par Adobe, Phonegap porte le nom d’Apache Cordova.

Premier pas sur android

On va créer le fameux hello world sur android en utilisant phonegap.
Dans un premier temps, il faut télécharger et installer Eclipse, Android SDK, ADT Plugin et phonegap et décompresser ce dernier.
Créer un nouveau projet android que vous appellerez « tutophonegap ».
Renseignez les champs Application Name, Project Name et Package Name. Pour ma part je les ai renseignés comme sur la capture ci-dessus.

Choisissez l’icône de votre application et cliquez sur «Next »

Cochez la case « Create Activity » et choisissez « Blank Activity » puis cliquez sur « Next ».
Renseignez le champ «Activity Name ». Pour ma part, je l’ai rempli comme sur la capture ci-dessus. Cliquez enfin sur finish.
Après avoir créé un projet, vous avez la structure suivante générée par eclipse.
Créez le répertoire /libs et le repertoire assets/www . Dans le répertoire phonegap précédemment décompressé, vous avez deux fichiers cordova-2.1.0.js et cordova-2.1.0.jar situés /lib/android. Copiez les respectivement dans les répertoires assets/www et /libs. Copiez le répertoire /lib/android/xml dans le répertoire /res du projet. Ajoutez le fichier cordova-2.1.0.jar dans le build path et rafraichissez votre projet.
Dans votre répertoire src du projet, editez le fichier Main.java. Faites le hériter de la classe DroidGap et importer le fichier org.apache.cordova en faisant import org.apache.cordova.* ; . Remplacer le setContentView() par super.loadUrl(file:///android_asset/www/index.html).
Editez le fichier AndroidManifest.xml et ajoutez les lignes suivantes entre <uses-sdk/> et <application>

Vous pouvez supprimer les permissions dont vous n’avez pas besoin.
Enfin vous pouvez créer votre fichier index.html dans le repertoire assets/www.

Enfin vous pouvez déployer votre projet sur l’émulateur en faisant un click-droit sur le projet puis sur RUN AS et Android Application. Et voilà le résultat.
Nous sommes arrivés au terme de notre tutorial, vous avez réussi à créer votre première page avec phonegap. Vous pouvez créer des pages stylés grace à vos connaissances en CSS et HTML. Enfin vous pouvez vous documenter sur le site http://phonegap.com/.

Source : http://phonegap.com - http://fr.wikipedia.org/wiki/PhoneGap

Bio
Latest Posts

pouyelayese

ello guyz c'est Abdoulaye Pouye DIOP A.K.A pouyelayese. Je suis, (euh je ne sais plus .... ) disons élève ingénieur en informatique, je suis passionné de la programmation mobile particulierement android. j'aime le developpement web. Je crois que c'est tout. Ah j'ai oublié faut pas me déranger quand j'écoute Colbie.