Passer un appel, envoyer un SMS

Transcription

1 2 Passer un appel, envoyer un SMS Ce que nous devons apprendre à faire, nous l apprenons en le faisant. Aristote Nous allons à présent créer une application qui permettra de passer des appels ainsi que d envoyer des SMS et des s. Dans un premier temps, nous verrons la création de l application AIR et sa mise en package, puis la manière de l installer sur un périphérique Android. Enfin, nous aborderons la phase de test et de débogage. Si vous avez sauté le premier chapitre, veuillez vous reporter aux instructions qu il contient afin de voir comment télécharger AIR sur Android Market et l installer sur votre périphérique. Que ce soit le développement, la distribution ou le débogage, toutes ces étapes sont réalisées directement depuis Flash Professional CS5.5 ou Flash Builder 4.5. Ces outils comprennent l Android Debug Bridge (ADB) nécessaire pour installer et lancer les applications sur les périphériques Android. Info Nous nous référerons dorénavant à Flash Professional CS5.5 comme Flash Professional et à Flash Builder 4.5 comme Flash Builder. Si vous préférez utiliser d autres outils Adobe, ou des applications tierces, pour développer vos applications, sachez que nous étudierons certaines des options possibles à la section "Autres outils", en page 16. Maintenant, commençons!

2 10 Applications Android avec Adobe Air Préparation du périphérique Afin de préparer votre appareil Android, sélectionnez tout d abord Paramètres > Applications > Développement > Débogage USB. Vous mettez ainsi le périphérique en mode de développement. Sur certains appareils, tels que la tablette tactile Samsung Galaxy Tab par exemple, vous devrez exécuter cette opération avant de le brancher sur votre ordinateur (le cas échéant, cette option apparaîtra en grisé et ne sera pas sélectionnable). Une fois que votre appareil est en mode de débogage, une icône représentant un petit insecte (bug en anglais) surgit dans le coin gauche de votre écran. Afin d empêcher la mise en veille de l écran pendant que vous travaillerez et testerez vos applications, faites la manipulation suivante : Paramètres > Applications > Développement > Rester activé. Branchez maintenant, via le port USB, votre périphérique à l ordinateur sur lequel vous développerez vos applications. Dès qu il sera connecté, une icône montrant une petite fourche apparaîtra dans le coin gauche haut de l écran. La Figure 2.1 montre les icônes débogage et USB en haut à gauche de l écran. Figure 2.1 les paramètres du périphérique nécessaires pour le développement Création d un projet Nous allons, au cours de cette section, parcourir étape par étape le processus de création d un projet. Avec Flash Professional Lancez Flash Professional, puis créez un document à partir du modèle AIR pour Android et nommez-le first.fla. La cadence de votre scénario est de 24 images par seconde et la taille de la scène est de pixels. Au premier abord, cela peut sembler grand pour un petit appareil, mais nous clarifierons ce point au Chapitre 5 qui traite des questions de résolution d écran.

3 Chapitre 2 Passer un appel, envoyer un SMS 11 Créez maintenant la classe du document de votre scénario en ouvrant le panneau Propriété puis en cliquant sur l icône représentant un crayon, à droite du champ de la classe. Laissez la sélection Flash Professional établie par défaut et entrez Main comme nom de classe. Avec Flash Builder Avec Flash Builder, deux options s offrent à vous. Vous pouvez aller dans Fichier > Nouveau > Projet Flex Mobile ou bien dans Fichier > Nouveau > Projet Mobile Action- Script. Pour utiliser le Framework Flex, choisissez Flex Mobile alors que, pour un projet en pur ActionScript, vous opterez pour ActionScript Mobile. En ce qui concerne notre application, choisissez ce dernier et nommez le projet first. Laissez les paramètres par défaut puis cliquez sur Suivant. Création d un fichier descripteur d application Le fichier descripteur d application est un fichier XML externe qui est inclus dans votre fichier swf lors de la mise en package. Il est généré automatiquement, mais vous avez la possibilité à tout moment de modifier les paramètres établis par défaut qu il renferme. Il contient les paramètres de votre application tels que, par exemple, l orientation de l écran ou les choix des autorisations établies. Ces dernières sont définies pour l utilisation de certaines fonctionnalités telles que le GPS. Nous verrons le document descripteur d application en détail au Chapitre 4. Avec Flash Professional Si vous souhaitez éditer le fichier descripteur d application dans Flash Professional, suivez ces étapes : 1. Depuis l interface, allez dans Fichier > Paramètres d AIR for Android. 2. Dans l onglet Général, laissez Portrait en Format et sélectionnez Plein Écran. 3. Dans l onglet Autorisations, sélectionnez INTERNET. 4. Cliquez sur OK. Avec Flash Builder Si vous souhaitez éditer le fichier descripteur d application dans Flash Builder, suivez ces étapes : 1. Dans Paramètres Mobile > Plateformes cibles, sélectionnez Google Android.

4 12 Applications Android avec Adobe Air 2. Dans Autorisations, sélectionnez INTERNET. 3. Dans Paramètres d applications, sélectionnez Plein Écran et désélectionnez Réorientation automatique. 4. Cliquez sur Suivant. 5. Renommez le fichier principal Main.as. 6. Cliquez sur Finir. Écriture du code Pour la réalisation de cet exercice, nous allons dessiner trois sprites cliquables : un pour passer un appel, un pour envoyer un sms et le dernier pour envoyer un . La Figure 2.2 montre notre application et trois applications natives lancées par interaction avec ces trois boutons. Figure 2.2 De gauche à droite : notre application avec ses trois boutons un pour appeler, un pour envoyer un sms, et le dernier pour envoyer un et successivement, les applications natives lancées à la suite des choix opérés. Il n est pas possible pour une application AIR d appeler, d envoyer un sms ou encore un par elle-même. Par contre, elle peut appeler les applications natives qui effectuent ces tâches et leur passer les arguments nécessaires, comme un numéro de téléphone ou une adresse . Info L une des façons de faire passer des données de petite taille est le schéma URI. AIR passe les arguments au système d Android d après les schémas URI officiels comme tel, sms ou . Si l argument contient un caractère invalide ou des espaces, la commande sera simplement ignorée. Les caractères valides sont les suivants : les chiffres,

5 Chapitre 2 Passer un appel, envoyer un SMS 13 le point, ainsi que le signe plus (+). Actuellement, les nombres multiples ou l argument body d un sms ne sont pas pris en charge par Android, alors que les s multiples et l argument body d un le sont. Si plus d une application possède une URI qui lui est propre, le panel de choix possibles est représenté par un menu. Vous pouvez en voir un exemple à la Figure 2.2 où l application mailto offre deux possibilités : l utilisation de l application Gmail ou celle native d envoi d . Notez que les événements souris sont interprétés sur les périphériques multitactiles ou multipoints comme ils le seraient sur des périphériques monopoints ou monotactiles. Avec Flash Professional Si vous utilisez Flash Professional, ajoutez le code suivant dans la classe de document Main que vous venez de créer : Package { import Flash.display.Sprite; import Flash.events.MouseEvent; import Flash.net.URLRequest; import Flash.net.navigateToURL; public class Main extends Sprite{ public function Main(){ // créez les 3 sprites et leurs écouteurs var callbutton:sprite=createsprite(0xff3300, 140, 150); callbutton.addeventlistener(mouseevent.click, callme); addchild(callbutton); var textbutton:sprite=createsprite(0x0099ff, 140, 350); textbutton.addeventlistener(mouseevent.click, textme); addchild(textbutton); var mailbutton:sprite=createsprite(0x00ff11, 140, 550); mailbutton.addeventlistener(mouseevent.click, mailme); addchild(mailbutton); function createsprite(hue:int, xpos:int, ypos:int):sprite{ var temp:sprite=new Sprite(); temp.graphics.beginfill(hue, 1); temp.graphics.drawrect(0, 0, 200, 100); temp.graphics.endfill(); temp.x=xpos; temp.y=ypos; return temp; function callme(event:mouseevent):void{ trace("calling"); //appelle

6 14 Applications Android avec Adobe Air navigatetourl(new URLRequest('tel: ')); function textme(event:mouseevent):void{ trace("texting"); //envoie un sms navigatetourl(new URLRequest('sms: ')); function mailme(event:mouseevent):void{ trace(" ing");// envoie un navigatetourl(new URLRequest - ('mailto:veronique@somewhere.com?subject =Hello&body=World')); Sélectionnez Contrôle > Tester l animation > Tester pour compiler l application. Au cas il y aurait des erreurs de syntaxe, il est toujours préférable de lancer le code d abord sur le poste de travail avant d installer l application sur le périphérique. Avec Flash Builder Le code est identique au précédent. Sélectionnez la petite flèche noire située à droite du bouton Run, puis Configurations Exécuter. Sous Application Mobile, choisissez Main si cela n est pas déjà fait. Google Android devrait être l option pour Plateforme cible. Sous Méthode de lancement, choisissez Sur le bureau puis sélectionnez votre périphérique sur la liste déroulante. Cliquez sur Exécuter pour compiler et créer l application mobile. Si votre périphérique ne se trouve pas sur la liste par défaut, vous pouvez l ajouter manuellement. Note pour les utilisateurs de Windows : si le nom de votre périphérique est sur la liste, cela signifie que les pilotes nécessaires ont été installés. Sinon, vous devez le faire. Mise en package de l application au format APK et installation sur le périphérique Regardons maintenant comment mettre en package une application puis comment l installer sur le périphérique. Avec Flash Professional Pour mettre en package une application au format APK et l installer sur un périphérique Android avec Flash Professional, procédez ainsi :

7 Chapitre 2 Passer un appel, envoyer un SMS Allez dans Fichier > Paramètres d AIR for Android. 2. Dans l onglet Déploiement : a) Pour Certificat, choisissez votre certificat de signature du code, si vous en avez déjà un. Le cas échéant, créez-en un temporaire en cliquant sur Créer et en remplissant le formulaire associé. À cette étape, le seul champ important à retenir est le mot de passe car vous devrez le rentrer à nouveau assez rapidement. Nous verrons précisément ce qu est un certificat au Chapitre 4. b) Pour un déploiement sur Android, choisissez Libérer le périphérique. c) À la section Après la publication, sélectionnez à la fois Installer l application sur le périphérique Android raccordé et Lancer l application sur le périphérique Android raccordé. 3. Sélectionnez Fichier > Publier. Le fichier APK va alors être créé et vous pourrez le voir sur votre ordinateur. Puis il est installé sur votre périphérique et ce dernier lance alors l application. Avec Flash Builder Pour mettre en package une application au format APK et l installer sur un périphérique Android avec Flash Builder, suivez ces étapes : 1. Cliquez du bouton droit sur le dossier de projet et choisissez Propriétés. 2. Allez dans Groupement de génération ActionScript > Google Android > Signature numérique > Certificat. Si vous en avez déjà un, choisissez votre certificat de signature de code. Pour en créer un temporaire, cliquez sur Créer et remplissez le formulaire associé. À cette étape, le seul champ important à retenir est le mot de passe car vous devrez le saisir à nouveau assez rapidement. Cliquez sur OK. 3. Revenez à Configurations Exécuter. Choisissez Sur le périphérique comme Méthode de lancement et cliquez sur Exécuter. Le fichier APK est désormais créé et vous pouvez maintenant le voir à l intérieur de votre projet. Il est alors installé sur votre périphérique, lequel lance l application. Info Si vous lancez une application AIR pour la première fois sur votre appareil, le contrat de licence d Adobe AIR apparaîtra. Vous n aurez à l accepter qu une seule fois. Si vous êtes familiarisé avec le développement d applications AIR sur ordinateur, vous avez dû remarquer une différence : la boîte de dialogue de confirmation d installation n apparaît pas sur le périphérique mobile lors de l installation. À la place, Android affiche la liste d autorisations que votre application a souscrites.

8 16 Applications Android avec Adobe Air Test et débogage La session de débogage à distance utilise soit le port USB (qui est recommandé), soit la connexion WIFI, et c est pour cela que nous avons auparavant accordé l autorisation Internet. Pour une session via le réseau sans fil, activez le Wi-fi sur le périphérique puis connectez-le sur le même réseau que l ordinateur de développement ainsi : Paramètres > Sans Fil et réseaux > Paramètres wifi. Si vous êtes sous Windows, vous devez désactiver votre pare-feu (en effet, le port 7935 doit être ouvert). Figure 2-3 La boîte de dialogue de déploiement dans Paramètres AIR for Android de Flash Professional. Avec Flash Professional Afin de tester et de déboguer dans Flash Professional, suivez ces étapes : 1. Choisissez Fichier > Paramètres d AIR for Android. 2. Dans l onglet Déploiement, sélectionnez Déboguer comme Type de développement Android (voir Figure 2.3). Si vous déboguez via le réseau sans fil, vous serez invité à entrer le nom d hôte ainsi que l adresse IP. Faites-le. Sous Windows, vous pouvez obtenir ces informations en

9 Chapitre 2 Passer un appel, envoyer un SMS 17 tapant la ligne de commande ipconfig dans la console de commande. Sous Mac, cliquez sur l icône Wifi et choisissez Ouvrir les préférences réseau. Si vous utilisez la console Terminal, tapez ipconfig et vous trouverez l adresse au début de la ligne commençant par inet. Lorsque la session commence, le message En attente de la connexion du lecteur s affiche dans le panneau Sortie. Vous pouvez maintenant lancer votre application. Vous devriez alors voir le message Flash Player Distant: aap:/first.swf. Avec Flash Builder Dans Flash Builder, cliquez sur le bouton Débogage qui se trouve en haut de l écran. Toutes les sorties de la fonction trace() s afficheront ainsi dans la fenêtre Console (voir Figure 2.4). Vous pouvez aussi définir des points d arrêt, contrôler le code ou encore surveiller les variables. Info Il existe un problème connu lors du premier lancement et de la première installation du périphérique. Pour y remédier, forcez l arrêt de l application et relancez-la. Ce problème devrait être corrigé lors d une prochaine mise à jour. Figure 2-4 L option de paramètres de débogage dans Flash Builder. Applications utilitaires pour périphériques mobiles Il existe plusieurs applications utilitaires destinées aux développeurs AIR pour plateformes mobiles.

10 18 Applications Android avec Adobe Air LaunchPad Comme son nom l indique, cet outil d Adobe Labs accélère la création d applications AIR pour postes de travail et pour périphériques mobiles. LaunchPad est une application AIR qui se charge de générer un projet directement utilisable dans Flash Builder. Le processus s appuie sur quatre options : Settings, qui concerne le descripteur d application et les autorisations ; Configuration, qui permet à l application de réagir automatiquement à des événements précis tels, par exemple, que la mise en période d inactivité de l application ; Samples, qui permet d importer du code pour certaines API comme celles concernant la géolocalisation ou encore le microphone ; enfin, Generate, qui crée ensuite un fichier compressé au format ZIP prêt à être importé à l endroit de votre choix. Les icônes et les données externes sont incluses automatiquement, suivant la sélection que vous avez opérée. Pour de plus amples informations concernant LaunchPad, vous pouvez consulter le lien suivant : Device Central CS5 Au moment de l écriture de cet ouvrage, Adobe Device Central n est disponible que pour le développement avec Flash Player. Il propose une panoplie d outils très intéressants comme, par exemple, la simulation de l accéléromètre (qui ne peut être testé autrement que directement sur le périphérique). ADL propose aussi quelques fonctionnalités, quoique plus limitées, comme la simulation de touches programmables et de changement d orientation de l écran. Package assistant Pro Cette application AIR, créée par Serge Jespers d Adobe, facilite la mise en package des applications AIR pour Android. Vous pouvez la télécharger, pour Mac et Windows, ici : Notez que vous aurez besoin du descripteur d application, du fichier swf et du certificat de signature de code pour l utiliser. Dans la boîte de dialogue Préférences du packager, enregistrez l endroit où se trouve le fichier adt.jar du kit de développement AIR ou AIR SDK (situé dans AIRsdk/lib/) ainsi que celui de votre certificat de signature de code. Le processus de mise en package se fait en quelques étapes simples via l interface de l application. Sélectionnez les fichiers nécessaires, puis entrez le mot de passe correspondant à votre certificat de signature de code et nommez votre fichier APK. Vous pouvez compiler une version finale ou une version destinée au débogage. Combiné avec l un de ceux que nous allons évoquer très prochainement, cet outil est très pratique. Il constitue une bonne alternative à l outil de ligne de commande.

11 Chapitre 2 Passer un appel, envoyer un SMS 19 DeMonsterDebugger DeMonsterDebugger est un débogueur open-source pour Flash, Flex et AIR. Sa version 3.0 offre la possibilité de déboguer également les applications sur un périphérique et de renvoyer les sorties directement vers une application AIR sur le poste de travail. Vous pouvez aussi, avec lui, manipuler les valeurs des variables, exécuter des méthodes et parcourir la liste d affichage. Pour plus d informations, allez sur Installation d AIR sur un périphérique Android par le biais d un serveur Pour installer une application AIR par le biais d un serveur, vous devez d abord aller dans Paramètres > Applications > Sources inconnues sur votre périphérique Android. Le type MIME de votre serveur doit être modifié. Pour un.apk, c est le suivant : application/vnd.android/package-archive. Uploadez le package APK sur votre serveur web, ouvrez le navigateur natif sur votre périphérique et tapez l url où se trouve le package. Le périphérique télécharge alors le fichier et installe automatiquement l application. Cette démarche peut être utile si vous souhaitez, par exemple, mettre une application à disposition de plusieurs membres d une équipe de développement pour réaliser des tests. Autres outils Développer des applications AIR pour Android ne se limite pas aux outils que nous venons de présenter. D autres produits sont disponibles. Cependant, vous devrez toujours installer le kit de développement et employer l outil de ligne de commande. Veuillez vous référer aux liens correspondants pour obtenir de plus amples informations sur leur utilisation. Info Le kit de développement Android propose divers très bons outils, et nous les verrons en détail au Chapitre 3. Ils sont d autant plus intéressants si vous souhaitez en savoir plus sur les processus natifs lorsque vous testez vos applications. Le kit de développement Android est utilisé pour installer l application sur le périphérique. Pour plus d instructions sur ce point, veuillez vous référer au Chapitre 3. Le kit de développement AIR, versions 2.6 et ultérieures, est utilisé pour mettre en package et déployer les applications AIR pour Android. Pour plus d informations, vous pouvez consulter ce lien :

12 20 Applications Android avec Adobe Air Avec tous les environnements cités ci-après, vous devrez "recouvrir" le kit de développement AIR. Les liens pour les instructions sont fournis : La version gratuite des kits de développement AIR et Flex utilisent le compilateur amxmlc ainsi que l outil AIR command-line. Plus d informations sur : FDT, vendu par Power Flasher, est un environnement de développement pour ActionScript 3 et MXML. Il propose SOSmax, un outil de sortie socket pour le débogage. Plus d informations sur : Community_Resources#Multiscreen:_Targeting_Mobile_Devices. Flash Develop est un éditeur de code open-source pour Windows. Plus d informations sur : t=8079&p=37453&hilit=air#p IntelliJIDEA, vendu par JetBrains, est un éditeur multiplateforme particulièrement apprécié des développeurs Java. Plus d informations sur : jetbrains.com/idea/whatsnew/index.html. Lorsque vous vous servez d un autre outil que Flash Builder ou Flash Professional, vous devez créer manuellement le descripteur d application puisqu il ne sera pas généré automatiquement. Il est nécessaire pour réaliser la mise en package de votre application. Voici un exemple de descripteur d application : <application xmlns=" <?xml version="1.0" encoding="utf-8" standalone="no"?> <application xmlns=" <id>first</id> <filename>first</filename> <versionnumber>1.0.0</versionnumber> <initialwindow> <content>first.swf</content> <visible>true</visible> <fullscreen>true</fullscreen> </initialwindow> <supportedprofiles>mobiledevice</supportedprofiles> <android> <manifestadditions><![cdata[ <manifest android:installlocation="auto"> <uses-permissionandroid:name="android.permission.internet"/> </manifest> ]]></manifestadditions> </android> </application> Vous aurez aussi besoin d un certificat de signature de code. Si vous n en avez pas, vous pouvez créer un certificat autosigné avec la commande AIR ADT certificat. Des instructions sont disponibles en ligne à cette adresse : fr_fr/air/build/index.html, à la section Signature d application AIR, cliquez sur la rubrique Création d un certificat auto-signe à l aide de l outil ADT.

13 Chapitre 2 Passer un appel, envoyer un SMS 21 Pour mettre en package une application AIR en tant que fichier APK, lancez ADT (AIR Developer Tool) et exécutez la ligne de commande suivante : AIR-sdk-path/bin/adt -package -target apk -storetype pkcs12 -keystore yourcertificate.p12 first.apk Main-app.xml first.swf Pour installer l application sur votre périphérique, activez l outil ADB d Android et tapez la commande suivante : android-sdk-path/tools/adb install first.apk Si l application se trouvait déjà sur votre périphérique, réinstallez-la en utilisant la commande r comme ceci : android-sdk-path/tools/adb install -r first.apk Conclusion Félicitations! Vous venez de créer et de tester votre toute première application. Vous pouvez l étendre et la dynamiser en demandant à l utilisateur d entrer le numéro de téléphone qu il souhaite. Pour cela, ajoutez un champ de saisie de texte ou créez un élément d interface utilisateur numérique personnalisé.