mercredi 11 janvier 2012

Tutorial Phonegap : Installation

Phonegap est un projet open source permettant le développement d'applications mobiles sur de multiples plateformes comme : iOS, Android, Windows Phone, Blackberry, : http://phonegap.com/

Les technologies utilisées sont : HTML5, CSS3 et javascript : 1 seul code sur x plateformes.

Sur chaque outil de développement (ci-dessous XCode d'APPLE(tm)), il existe des bibliothèques, des librairies javascript adaptées et des "plug in" qui permettent de créer des projets dans l'IDE.

Ici intégration dans l'IDE XCode








Voici un petit tutorial pour l'installer sur XCode4

1. Télécharger du site PhoneGap le fichier dmg (ici le fichier téléchargé) et l'installer :












2. Lancer XCode4 et créez un projet Phonegap














3. Donnez un nom au projet

















4. La structure du projet dans XCode4














La structure ci-dessus est classique pour un développeur XCode. A savoir quand même qu'il nous manque un répertoire www dans le projet car la page de démarrage sera une page Html5 !


5. Essayons d'exécuter le code ci-dessus. 
XCode va utiliser le simulateur de l'IPhone si nous le choisissons dans la liste :
















Vous remarquez ci-dessus que le répertoire 'www' n'apparaît pas !
Appuyez sur le bouton RUN





















L'exécution se passe mal il nous manque dans le projet le répertoire avec la ou les pages web


6. Faites les manipulations suivantes :
Remarque : nous allons chercher sur le disque (grâce au finder) le répertoire 'www' et le glisser déposer dans le projet.












FAITES un DRAG and DROP du répertoire www vers le projet







Choisir l'option 'create folder references for any added folders'

















Ici on peut voir dans le projet que le répertoire 'www a été ajouté :














Résultat final :












Aucun commentaire:

Enregistrer un commentaire