Développer une application pour iPhone et iPad

Transcription

Développer une application pour iPhone et iPad
22
Développer une
application pour
iPhone et iPad
Dans ce chapitre, nous abordons la création d’applications
pour iPad, iPhone et iPod Touch à partir de documents au
format Flash codés en ActionScript 3.
Aucune plateforme mobile ne supporte nativement l’ActionScript 3, mais elles permettent toutes de lire un contenu
réalisé à partir de la technologie Flash :
• L’iPhone, l’iPad et l’iPod utilisent le langage Objective-C.
• Android utilise le langage Java.
• Microsoft utilise le langage C# pour le système
Windows mobile.
Mais :
• La plupart des plateformes mobiles disposent du player
Air ou du player Flash. Air est utilisé pour l’exécution
d’applications Flash exportées au format Air afin de
créer des applications connectées mais indépendantes
© 2011 Pearson Education France – ActionScript 3.0 – Arzhur Caouissin
MEP_ActionScript.indd 277
26/05/11 09:51
278
CHAPITRE 22 Développer une application pour iPhone et iPad
•
•
•
d’un navigateur. Le player Flash est utilisé pour lire les
animations Flash embarquées dans une page Web, à
partir d’un navigateur.
L’iPad, l’iPhone et l’iPod Touch peuvent lire des applications .ipa exportées depuis Flash Pro ou Flash
Builder.
Android peut lire des applications exportées au format
Air. Le player Air et Flash sont généralement installés
sur les appareils Android à l’usine.
Windows mobile peut lire des applications au format
Air.
Nous observons ici la diversité des standards et la multiplication des formats. Une application développée dans le
langage natif d’une plateforme offrira bien sûr de meilleures performances et le kit de développement distribué
par le constructeur mettra à disposition des développeurs
des bibliothèques de composants nécessaires à l’automatisation de tâches répétitives et à l’exploitation de l’ensemble
des fonctions disponibles sur le support choisi. Mais le secteur étant nouveau, aucun format ne prévaut actuellement.
Même si la technologie Apple a bénéficié d’un démarrage
rapide du fait de leur initiative sur ce secteur, les autres
constructeurs proposent à leur tour des standards de plus
en plus utilisés. La conception de votre application doit
donc aussi prendre en compte l’éventail de diffusion. Selon
que vous privilégiez la disponibilité ou les performances,
vous opterez donc respectivement pour :
• un développement simple en Flash ;
• ou sophistiqué dans le langage dédié Objective-C, Java,
C#.
Avant de démarrer la création d’une application mobile,
nous devons enfin pendre en compte les différences entre
les supports et nous adapter aux nouveaux usages :
• Les applications mobiles sont réalisées à partir de technologies parfois propriétaires. Une licence peut donc
© 2011 Pearson Education France – ActionScript 3.0 – Arzhur Caouissin
MEP_ActionScript.indd 278
26/05/11 09:51
Obtenir un certificat 279
•
•
•
•
•
•
•
être requise pour leur développement, mais l’environnement d’exécution est en contre partie maîtrisé.
Les applications mobiles se distinguent d’un site web
par une valeur ajoutée significative, caractérisable par
l’exploitation des possibilités offertes par le support
– différent de l’ordinateur classique.
L’application mobile est exécutée sur un support
mobile et donc localisable.
Elle est exécutée sur un support disposant d’une ergonomie nouvelle (multipoint).
L’application est connectée et actualisable.
L’application peut disposer de périphériques tels que la
caméra, le microphone et le clavier.
L’application peut exploiter des propriétés de mouvement et l’accéléromètre lorsqu’elles sont disponibles.
Devenir développeur d’applications mobiles Apple
requiert l’obtention d’un certificat.
Obtenir un certificat
Le développement d’applications pour le système mobile
d’Apple (iOS4) requiert l’obtention d’un certificat de
développeur iOS délivré par la société Apple et matérialisé
par quatre fichiers :
• CertificateSigningRequest.certSigningRequest
est un fichier de signature local identifiant votre profil
matériel et votre nom. Il permet l’obtention en ligne
du certificat de développement au format *.cer.
developer_identity.cer
est le certificat de développe•
ment générique obtenu en ligne. Il vous identifie. Il
doit être converti localement au format *.p12, à l’aide
de l’application Trousseau d’accès (Mac), pour autoriser la publication de votre application depuis Flash ou
à partir de commandes systèmes si vous êtes utilisateur
de Windows.
© 2011 Pearson Education France – ActionScript 3.0 – Arzhur Caouissin
MEP_ActionScript.indd 279
26/05/11 09:51
280
CHAPITRE 22 Développer une application pour iPhone et iPad
•
•
Certificats.p12 : est un certificat de développement
de type signature, obtenu à partir du fichier *.cer. Il est
à joindre à la compilation d’une application. Il autorise
le transfert de l’application sur le mobile iPhone ou iPad.
votreNom.mobileprovision : renseigne sur le profil
de configuration définissant les droits de diffusion de
l’application (version test sur un support unique, en
partage sur plusieurs supports de test ou diffusé au
public pour un test public). Les droits de diffusion correspondent à un profil de testeur et ne se substituent
pas aux droits définitifs de distribution de l’application
sur iTunes, attribués eux, une fois l’application postée
auprès de l’Apple store (voir fin de chapitre). Il est
obtenu à partir de l’identifiant de votre iPhone ou
iPad. Il accompagne la signature *.p12 à la publication
de l’application dans Flash.
Pour obtenir ces certificats, vous devez au préalable disposer d’un compte développeur auprès de la société Apple :
1. Allez sur le site Apple develop support : http://developer.apple.com/programs/ios/.
2. Cliquez sur le lien “enroll now 99$/year” afin de souscrire à la licence annuelle qui autorise le développement
d’applications mobiles pour iOS (environ 80 € par an).
Une fois votre compte créé en renseignant vos coordonnées, vous obtenez un identifiant et un mot de passe de
connexion qui vous serviront pour les démarches liées à
l’obtention du certificat. Après quelques e-mails de confirmation, vous pouvez vous connecter à nouveau sur le site
et démarrer la procédure d’obtention des certificats telle
que détaillée ci-après.
La publication d’une application pour iPhone, iPad ou
iPod Touch, se fait indépendamment du kit de développement Xcode fourni par Apple. C’est Flash qui compile
l’application à partir des quatre certificats que vous avez
© 2011 Pearson Education France – ActionScript 3.0 – Arzhur Caouissin
MEP_ActionScript.indd 280
26/05/11 09:51
Obtenir un certificat
281
préalablement rassemblés. Il ajoute simplement, à l’animation SWF, un parseur (analyseur) qui rend l’animation
compatible avec la plateforme de diffusion.
Création du fichier *.certSigningREquest
Le fichier *.certSigningREquest contient la signature
locale de votre configuration matérielle de bureau ainsi
que votre nom. Il est demandé par Apple pour obtenir un
certificat de développeur générique au format *.cer.
1. Sur Mac, pour créer le fichier *.certSigningREquest,
lancez l’application Trousseau d’accès disponible dans
le répertoire Utilitaires.
2. Sélectionnez l’option de menu : Trousseau d’accès >
Assistant de certification > Demander un certificat à
une autorité de certificat. Une fenêtre apparaît (voir
Figure 22.1).
Figure 22.1 : Création du certificat.
3. Dans le champ “Adresse électronique de l’utilisateur”,
inscrivez votre e-mail (celui qui vous sert également
pour votre compte Apple).
© 2011 Pearson Education France – ActionScript 3.0 – Arzhur Caouissin
MEP_ActionScript.indd 281
26/05/11 09:51
282
CHAPITRE 22 Développer une application pour iPhone et iPad
4. Dans le champ Nom commun, inscrivez votre nom et
prénom.
5. Ne renseignez pas le champ “Adresse électronique de
l’AC”, mais cochez l’option “Enregistré sur le disque”,
afin de générer le fichier *.certSigningRequest à télécharger sur le site de Apple. Localisez bien l’emplacement
de son enregistrement, sur votre bureau par exemple.
Création du fichier *.cer
Le fichier *.certSigningRequest obtenu précédemment
est votre signature machine. Ce fichier est demandé par le
site Apple pour obtenir le certificat de développement
générique au format *.cer à partir duquel le Trousseau
d’accès vous génèrera le premier des deux certificats requis
dans Flash pour la publication de l’application.
1. Pour obtenir le fichier au format *.cer, rendez-vous sur
le site iOS Provisioning Portal à l’adresse suivante :
http://developer.apple.com/ios/manage/certificates/
team/.
2. Entrez-y votre identifiant et votre mot de passe. Puis
validez.
3. Sur le site, à gauche, apparaît un menu détaillant les
étapes de création du certificat (Home, Certifcates,
Devices, App IDs, Provisioning, Distribution). Cliquez
sur le lien Certificates.
4. Sur cette page, cliquez sur le bouton Request
Certificate situé à droite (voir Figure 22.2).
5. Dans la nouvelle page, la procédure suivante est décrite
en anglais (voir Figure 22.3). Attachez, en pièce jointe
et en bas de page, le fichier *.certSigningREquest
obtenu précédemment. Puis cliquez sur Submit pour
confirmer l’envoi.Vous apercevez une page de réponse
dans laquelle figure le libellé de votre certificat avec un
message d’attente.
© 2011 Pearson Education France – ActionScript 3.0 – Arzhur Caouissin
MEP_ActionScript.indd 282
26/05/11 09:51
Obtenir un certificat 283
Figure 22.2 : Page d’obtention du certificat *.cer.
Figure 22.3 : Page d’insertion du fichier *.certSigningREquest.
© 2011 Pearson Education France – ActionScript 3.0 – Arzhur Caouissin
MEP_ActionScript.indd 283
26/05/11 09:51
284
CHAPITRE 22 Développer une application pour iPhone et iPad
6. Consultez à présent votre messagerie.Vous devez recevoir un e-mail de confirmation vous demandant de
cliquer sur un lien (dans le corps du mail) pour valider
la demande (voir Figure 22.4). Cliquez sur le lien.
Figure 22.4 : E-mail de confirmation.
7. Vous arrivez sur la page d’accueil du site Apple develop.
Cliquez directement sur l’onglet Certificates où apparaît désormais le fichier convoité. Pour le télécharger,
cliquez sur le bouton Download (voir Figure 22.5).
Figure 22.5 : Page de téléchargement du certificat *.cer.
© 2011 Pearson Education France – ActionScript 3.0 – Arzhur Caouissin
MEP_ActionScript.indd 284
26/05/11 09:51
Obtenir un certificat 285
Le fichier *.cer est maintenant disponible sur votre poste
de travail. Nous pouvons l’utiliser pour obtenir le certificat
d’extension *.p12.
Création du fichier *.p12
Le fichier *.p12 est obtenu à partir du trousseau d’accès. Il
représente un certificat de type signature. Il est requis par
Flash au moment de la publication.
1. Lancez de nouveau l’application Trousseau d’accès, disponible dans le répertoire Utilitaires.
2. Faites Fichier > Importer des éléments. Puis, sélectionnez le fichier *.cer, préalablement téléchargé sur votre
poste de travail.
3. Dans la catégorie Clés, à gauche de la fenêtre, sélectionnez la clé qui porte votre nom et marquée Clé
privée. Puis, dépliez l’onglet situé en large du libellé
pour atteindre le fichier importé (voir Figure 22.6).
Figure 22.6 : Sélection du fichier *.cer importé.
4. Sélectionnez le certificat. Puis, faites Fichier > Exporter
les éléments. Choisissez le format *.p12 dans le format
d’exportation, localisez bien l’emplacement de l’enregistrement du fichier et validez.
© 2011 Pearson Education France – ActionScript 3.0 – Arzhur Caouissin
MEP_ActionScript.indd 285
26/05/11 09:51
286
CHAPITRE 22 Développer une application pour iPhone et iPad
5. À l’invite, renseignez un mot de passe. Il vous sera
demandé à chaque publication au sein de l’interface de
Flash Pro.Validez.
Info
Pour obtenir le format *.p12 à partir de Windows, consultez
l’adresse suivante : http://help.adobe.com/fr_FR/as3/iphone/
WS144092a96ffef7cc-371badff126abc17b1f-7fff.html.
Il vous reste à présent à générer le fichier *.mobilprovision
afin de confirmer les droits de publication depuis Flash.
Création du fichier *.mobilprovision
Le fichier *.mobilprovision se crée à partir du site Apple
develop et recense vos droits de diffusion pendant la
période de test et de développement de votre application.
1. Retournez sur le site Apple develop à l’adresse suivante :
http://developer.apple.com/ios/manage/certificates/team/.
2. Directement, dans la catégorie Devices (pour
Périphérique), activez la création d’un nouveau Device
en cliquant sur le bouton Add Devices .
Vous accédez à la page de configuration d’un nouveau
Device (voir Figure 22.7).
3. Dans le champ Device Name, inscrivez le nom qui doit
apparaître en signature de l’application. Puis, dans le
champ Device ID, inscrivez le numéro d’identification
de votre iPhone (UDID). Puis validez en cliquant sur le
bouton Submit.
© 2011 Pearson Education France – ActionScript 3.0 – Arzhur Caouissin
MEP_ActionScript.indd 286
26/05/11 09:51
Obtenir un certificat 287
Figure 22.7 : Renseigner le Device.
Info
Pour obtenir le numéro d’identification de votre iPhone (UDID),
lancez iTunes, puis branchez l’iPhone à votre ordinateur à l’aide
d’un câble USB. Dans iTunes, une fois le téléphone identifié,
cliquez sur l’onglet de l’iPhone et affichez la page Résumé. À droite
de l’image qui représente le téléphone, apparaît son numéro de
série. Cliquez sur le numéro de série pour faire apparaître
l’identifiant UDID. Faites un copier, sans que la sélection ne soit
nécessairement active. Puis, collez le texte directement dans le
champ de formulaire sur le site Apple develop.
4. Activez à présent l’onglet App IDs (voir Figure 22.8).
© 2011 Pearson Education France – ActionScript 3.0 – Arzhur Caouissin
MEP_ActionScript.indd 287
26/05/11 09:51
288
CHAPITRE 22 Développer une application pour iPhone et iPad
Figure 22.8 : Créer un nouvel Apple ID.
Dans cette fenêtre, vous devez définir un identifiant
Apple requis dans le formulaire de génération du certificat, à l’étape suivante. L’identifiant de l’application
sert à identifier les mises à jour de l’application.
5. Inscrivez un nom sans utiliser de caractères spéciaux.
Ce nom sera utilisé dans la nomenclature des fichiers et
permettra à Apple de vous identifier à partir de application. Dans le champ Bundle Seed ID (prefixe), choisissez un préfixe Apple par défaut ou renseignez un
nouveau préfixe de votre choix dans le dernier champ
situé en bas de la fenêtre.Validez.
6. Activez enfin l’onglet Provisioning. Et directement,
cliquez en haut et à droite, sur le bouton New profile
pour générer un fichier .mobilprovision à partir du
Device ajouté. Le formulaire de définition du profil
apparaît (voir Figure 22.9).
© 2011 Pearson Education France – ActionScript 3.0 – Arzhur Caouissin
MEP_ActionScript.indd 288
26/05/11 09:51
Développer avec les classes d’API mobiles 289
Figure 22.9 : Créer un nouveau profil.
7. Dans le champ Profile Name, inscrivez un nom pour identifier votre profil. Cochez le certificat qui porte votre
nom afin de l’associer au développement de vos futures
applications. Dans Apple ID, sélectionnez l’Apple ID préalablement créé. Puis, cochez le Device que vous venez
préalablement de créer.Validez en cliquant sur Submit.
Le fichier *.mobilprovision est enfin créé. Il vous reste à
le télécharger sur votre poste de travail, avec les trois autres
certificats.Vous pouvez désormais développer des applications mobiles pour iPhone, iPad et iPod Touch.
Développer avec les classes d’API
mobiles
Nous abordons ici les techniques les plus spécifiques liées au
support mobile, complémentaires à la plupart des actions
abordées dans les chapitres précédents : l’accéléromètre, la
géolocalisation, le multipoint et la gestion du mouvement.
© 2011 Pearson Education France – ActionScript 3.0 – Arzhur Caouissin
MEP_ActionScript.indd 289
26/05/11 09:51
290
CHAPITRE 22 Développer une application pour iPhone et iPad
API d’accéléromètre
Accelerometer
AccelerometerEvent
L’accéléromètre (capteur de mouvement tridimensionnel)
permet de lire la position de l’iPhone ou de l’iPad dans
l’espace, sur les axes x, y et z et son mouvement. Pour cela,
nous utilisons les classes Accelerometer et AccelerometerEvent. L’accéléromètre permet de gérer l’orientation l’affichage en fonction de l’inclinaison de l’appareil, par exemple.
L’accéléromètre n’est pas disponible sur le poste de travail
lors de la publication de l’application au format SWF. Pour
le tester, vous devez donc publier l’application au format
.ipa et la synchroniser avec l’iPhone ou l’iPad (voir section Publier pour iOS4).
Étant donné par ailleurs que la gestion du mouvement (ou
roulement) dans l’espace est optionnelle selon les équipements iPhone, il convient d’introduire une condition qui
ne traite ces données que si la lecture du mouvement est
disponible.
La lecture du mouvement dans l’espace se fait à partir de
valeurs trigonométriques comprises entre –1 et +1. La
valeur –1 vaut –90° de rotation et la valeur +1 vaut +90°
de rotation.
Dans les Figures 22.10 à 22.12, vous pouvez analyser les
valeurs obtenues en fonction de l’inclinaison de l’iPhone
sur chacun des trois axes x, y et z.
x = –1
(–90°)
x=0
(0°)
x = +1
(+90°)
Figure 22.10 :
Roulement X.
© 2011 Pearson Education France – ActionScript 3.0 – Arzhur Caouissin
MEP_ActionScript.indd 290
26/05/11 09:51