Développez des applications pour l'iPhone: avec HTML, CSS et JavaScript

239 Pages·2009·7.016 MB·French

by  Barney, Lee S

Développez des applications pour
iPhone
avec HTML,
CSS et
JavaScript
Leee SS.. BBaarrnneeyy
iPhone Livre Page I Vendredi, 30. octobre 2009 12:04 12
L E P R O G R A M M E U R
Développez
des applications
pour l’iPhone

avec HTML, CSS et JavaScript
Lee S. Barney
Traduit par Hervé Soulard,
avec la contribution de Julien Desrosiers
iPhone Livre Page II Vendredi, 30. octobre 2009 12:04 12
Pearson Education France a apporté le plus grand soin à la réalisation de ce livre afin de vous four-
nir une information complète et fiable. Cependant, Pearson Education France n’assume de respon-
sabilités, ni pour son utilisation, ni pour les contrefaçons de brevets ou atteintes aux droits de tierces
personnes qui pourraient résulter de cette utilisation.
Les exemples ou les programmes présents dans cet ouvrage sont fournis pour illustrer les descriptions
théoriques. Ils ne sont en aucun cas destinés à une utilisation commerciale ou professionnelle.
Pearson Education France ne pourra en aucun cas être tenu pour responsable des préjudices
ou dommages de quelque nature que ce soit pouvant résulter de l’utilisation de ces exemples ou
programmes.
Tous les noms de produits ou marques cités dans ce livre sont des marques déposées par leurs
propriétaires respectifs.
Publié par Pearson Education France Titre original : Developing Hybrid Applications for the iPhone :
47 bis, rue des Vinaigriers using HTML, CSS, and JavaScript to Build Dynamic Apps
75010 PARIS for the iPhone
Tél. : [phone]
www.pearson.fr Traduit par Hervé Soulard,
avec la contribution de Julien Desrosiers
Mise en pages : TyPAO
ISBN : 978-2-7440-4096-2 ISBN original : 978-0-321-60416-3
Copyright © 2009 Pearson Education France Copyright © 2009 Pearson Education, Inc.
Tous droits réservés All rights reserved
Édition originale publiée par Addison-Wesley
Aucune représentation ou reproduction, même partielle, autre que celles prévues à l’article L. 122-5 2˚ et 3˚ a) du code de la
propriété intellectuelle ne peut être faite sans l’autorisation expresse de Pearson Education France ou, le cas échéant, sans le
respect des modalités prévues à l’article L. 122-10 dudit code.
No part of this book shall be reproduced, stored in a retrieval system, or transmitted by any means, electronic, mechanical,
photocopying, recording, or otherwise, without written permission from the publisher.
iPhone Livre Page III Vendredi, 30. octobre 2009 12:04 12
Sommaire
Préface .................................................... 1 6. Cartes Google ..................................... 133
1. Développer avec Dashcode et Xcode 7 7. Bases de données ................................ 151
2. Modularité JavaScript ...................... 33 8. Données distantes .............................. 185
3. Interfaces utilisateur ......................... 57
A. Introduction à JSON ........................ 205
4. GPS, accéléromètre
B. Plan de développement
et autres fonctions natives
pour QuickConnectFamily .............. 213
avec QuickConnectiPhone ............... 91
C. Plan de développement
5. GPS, accéléromètre
pour PhoneGap ................................. 219
et autres fonctions natives
avec PhoneGap .................................. 115 Index ....................................................... 223
iPhone Livre Page IV Vendredi, 30. octobre 2009 12:04 12
iPhone Livre Page V Vendredi, 30. octobre 2009 12:04 12
Table des matières
Préface ............................................................... 1 2. Modularité JavaScript ................................ 33
Outils pour le développement Section 1 : modularité ................................... 33
d’applications hybrides .................................. 1 Section 2 : modularité avec le framework
Comment utiliser ce livre ............................... 3 JavaScript QuickConnect ............................. 35
Ressources en ligne ....................................... 5 Section 3 : conception modulaire
Prérequis ........................................................ 5 dans QuickConnectiPhone ............................ 44
Remerciements .............................................. 6 Section 4 : implémentation
À propos de l’auteur ...................................... 6 des contrôleurs métier
et d’affichage ................................................. 49
Contacter l’auteur .......................................... 6
Section 5 : implémentation
1. Développer avec Dashcode et Xcode ........... 7
d’un contrôleur d’erreur ................................ 53
Section 1 : utiliser Dashcode
Section 6 : étapes de création
et le modèle QuickConnect ............................ 8
d’une fonctionnalité de l’application ............. 54
Section 2 : utiliser Xcode
En résumé ...................................................... 55
et le modèle QuickConnect ............................ 12
Section 3 : les bases d’Objective-C ............... 16 3. Interfaces utilisateur ................................... 57
Section 4 : structure Objective-C d’une Section 1 : guide de l’interface
application QuickConnectiPhone .................. 19 utilisateur d’Apple ......................................... 57
Section 5 : structure Objective-C Section 2 : interfaces fondées sur les
d’une application PhoneGap .......................... 23 listes et sur Navigateur .................................. 61
Section 6 : embarquer du contenu web Section 3 : applications non fondées
avec QuickConnectiPhone ............................. 25 sur des listes .................................................. 64
Section 7 : embarquer du contenu web Section 4 : applications d’immersion ............ 69
avec PhoneGap ............................................... 29 Section 5 : créer et utiliser des
En résumé ...................................................... 30 transformations CSS personnalisées ............. 71
iPhone Livre Page VI Vendredi, 30. octobre 2009 12:04 12
VI Développez des applications pour l’iPhone
Section 6 : créer et utiliser un module Section 2 : utilisation des bases de données
de glisser-déposer, de redimensionnement SQLite avec WebView ...................................153
et de rotation ................................................. 78 Section 3 : utilisation de bases de données
En résumé ..................................................... 89 SQLite natives ...............................................158
4. GPS, accéléromètre et autres fonctions Section 4 : utilisation de DataAccessObject
natives avec QuickConnectiPhone ............. 91 avec les bases de données du moteur
WebKit ...........................................................161
Section 1 : activation de l’appareil
en JavaScript ................................................. 92 Section 5 : utilisation de DataAccessObject
Section 2 : activation de l’appareil avec les bases de données natives ..................172
en Objective-C .............................................. 98 En résumé ......................................................182
Section 3 : implémentation Objective-C de 8. Données distantes .........................................185
l’architecture de QuickConnectiPhone ......... 107
Section 1 : application
En résumé ..................................................... 113
browserAJAXAccess .....................................186
5. GPS, accéléromètre et autres fonctions Section 2 : utilisation
natives avec PhoneGap ............................... 115 de ServerAccessObject ..................................188
Section 1 : activation de l’appareil Section 3 : ServerAccessObject .....................193
en JavaScript ................................................. 115 Section 4 : fonctions de contrôle
Section 2 : activation de l’appareil de la sécurité ..................................................203
en Objective-C .............................................. 122
En résumé ......................................................204
En résumé ..................................................... 130
A. Introduction à JSON ...................................205
6. Cartes Google ............................................... 133
Section 1 : les fondamentaux .........................205
Section 1 : afficher une carte dans une
Section 2 : une API JavaScript pour JSON ....208
application JavaScript QuickConnect ........... 133
En résumé ......................................................211
Section 2 : implémentation Objective-C
du module de cartographie B. Plan de développement
de QuickConnect ........................................... 138 pour QuickConnectFamily ........................213
En résumé ..................................................... 149 C. Plan de développement
7. Bases de données ......................................... 151 pour PhoneGap ..........................................219
Section 1 : application BrowserDBAccess ... 151 Index ..................................................................223
iPhone Livre Page 1 Vendredi, 30. octobre 2009 12:04 12
Préface
Cet ouvrage explique comment créer un nouveau type d’applications pour l’iPhone : les
applications hybrides écrites en HTML, CSS et JavaScript. Ce sont des applications auto-
nomes qui s’exécutent sur l’iPhone comme des applications normales, mais sans que les
fichiers requis résident sur un serveur Internet.
La création d’applications hybrides pour l’iPhone permet de réduire le temps de dévelop-
pement et d’apprentissage, car il n’est plus nécessaire de se former à Objective-C ou de
maîtriser les frameworks Cocoa.
Outils pour le développement d’applications
hybrides
Dans ce livre, nous étudierons les deux paquetages logiciels JavaScript open-source les
plus utilisés dans le développement d’applications pour l’iPhone et l’iPod Touch : Quick-
ConnectiPhone et PhoneGap. Ils permettent de construire des applications JavaScript qui
accèdent aux fonctionnalités natives de l’appareil, comme le vibreur, les informations de loca-
lisation GPS, l’accéléromètre, etc., sans écrire une seule ligne de code Objective-C ou Cocoa.
QuickConnectiPhone (http://quickconnect.pbwiki.com) expose le fonctionnement natif
de l’appareil et propose un framework complet de haut niveau pour le développement.
Il réduit énormément le temps de mise sur le marché d’une application, car le code glue
qu’il faut normalement écrire en Objective-C, Cocoa et JavaScript est fourni par le
framework. Mieux encore, aucun serveur distant n’est requis pour héberger les fichiers
JavaScript, HTML et CSS.
iPhone Livre Page 2 Vendredi, 30. octobre 2009 12:04 12
2 Développez des applications pour l’iPhone
Le second paquetage, PhoneGap (http://phonegap.com), expose un nombre moindre de
comportements natifs et se présente sous la forme d’une bibliothèque, non d’un framework
complet. En tant que bibliothèque, PhoneGap vous permet de construire l’application à
votre manière. En revanche, un serveur distant est obligatoire pour héberger les fichiers1.
De manière à faciliter l’apprentissage et la compréhension, les exemples décrits tout au
long de cet ouvrage sont intéressants et importants.
Si votre objectif est de créer des applications installables, si vous avez les connaissances
web requises et si vous souhaitez proposer des solutions dynamiques et convaincantes qui
seront réellement utilisées, ce livre vous expliquera comment ces deux paquetages peuvent
répondre à vos besoins.
Le Tableau P.1 compare les possibilités de chaque paquetage au moment de l’écriture de
ces lignes.
Tableau P.1 : Comparaison des possibilités de QuickConnectiPhone et de PhoneGap
Fonctionnalités QuickConnectiPhone PhoneGap
GPS Oui Oui
Accéléromètre Oui Oui
Vibreur Oui Oui
Sons système Oui Oui
Réseau ad hoc (Bonjour) Oui Non
Réseau par câble de synchronisation Oui Non
Accès à une base de données par le navigateur Oui Non
Accès à une base de données intégrée Oui Non
Bibliothèque de glisser-déposer Oui Non
Enveloppe AJAX Oui Non
Enregistrement/lecture de fichiers audio Oui Non
Cartes Google embarquées Oui Non
Bibliothèque pour tableaux et graphiques Oui Non
1. N.d.T. : à partir de la version 0.7.3, PhoneGap enregistre les fichiers JavaScript, HTML et CSS sur
l’appareil, non plus sur un serveur web.
iPhone Livre Page 3 Vendredi, 30. octobre 2009 12:04 12
Préface 3
Comment utiliser ce livre
Chaque chapitre est organisé en deux parties. La première explique comment utiliser la
fonctionnalité de QuickConnectiPhone ou de PhoneGap qui permet de réaliser une tâche
particulière, par exemple obtenir la géolocalisation de l’appareil. La seconde partie
présente le code qui se cache derrière l’appel JavaScript utilisé, ainsi que son fonctionne-
ment. Vous pouvez ainsi décider du niveau de détails du code JavaScript et Objective-C
jusqu’où vous irez.
● Le Chapitre 1, "Développer avec Dashcode et Xcode", explique comment utiliser
Dashcode et Xcode avec QuickConnectiPhone et PhoneGap pour créer rapidement des
applications amusantes pour l’iPhone. Il fournit les bases de l’utilisation de Dashcode
et montre comment déplacer votre application Dashcode dans Xcode pour sa compilation
et son exécution sur des appareils.
● Le Chapitre 2, "Modularité JavaScript", montre comment réduire énormément le temps
de mise sur le marché d’une application en exploitant la modularité du framework
QuickConnectiPhone. Il explique comment exploiter les contrôleurs frontaux, les
contrôleurs d’application et la réflexion JavaScript.
● Le Chapitre 3, "Interfaces utilisateur", facilite l’acceptation de vos applications par
l’App Store d’Apple. Il décrit les meilleures pratiques du développement d’applica-
tions fonctionnelles pour l’iPhone. Les différents types d’applications généralement
créées pour l’iPhone sont examinés, ainsi que les pièges à éviter.
● Le Chapitre 4, "GPS, accéléromètre et autres fonctions natives avec QuickConnect-
iPhone", montre comment obtenir des informations du GPS, de l’accéléromètre et de
l’appareil. Il explique également comment déclencher le vibreur, et lire et enregistrer
des fichiers audio. Le framework QuickConnectiPhone est utilisé pour accéder à ces
fonctions de l’appareil et pour les employer. Toutes ces possibilités ajoutent à vos
applications un côté plaisant.
● Le Chapitre 5, "GPS, accéléromètre et autres fonctions natives avec PhoneGap",
montre comment obtenir des informations du GPS, de l’accéléromètre et de l’appareil.
Il explique également comment déclencher le vibreur, et lire et enregistrer des
fichiers audio. La bibliothèque PhoneGap est utilisée pour accéder à ces fonctions de
l’appareil et pour les employer. Toutes ces possibilités ajoutent à vos applications un
côté plaisant.
● Le Chapitre 6, "Cartes Google", décrit l’intégration d’une carte Google à une applica-
tion en utilisant QuickConnectiPhone. Il s’agit de l’une des fonctionnalités les plus
demandées, qui évite aux utilisateurs de passer par l’application de cartographie !