Travaux Pratiques Développement Mobile

Transcription

1 Travaux Pratiques Développement Mobile 3 iéme Année TP1 : Prise en main de l environnement de développement d Android avec Android-Studio Objectif : L'objectif de ce TP est de vous permettre d'exploiter les outils permettant le développement d'application pour Android. L'existence d'un IDE (integrated development environment) dédié permet que l'installation des outils développement pour Android soit beaucoup plus facile qu'il y a quelques années. Ce premier TP n'a pas pour but de vous donner une description détaillée de ces outils, mais de vous proposer un fils conducteur vous permettant de vous familiariser avec le monde du développement sous Android. Exercice 1 : Premier application android Une version de l environnement de développement Android est installée sur les ordinateurs de l ENSICAEN sous Linux. Il est situé dans /opt/android-studio/...pour l IDE et /opt/android-sdklinux/.../pour le SDK d Android. Pour lancer le studio de développement proposé Google pour Android, le plus simple est de saisir studio.sh Premier lancement sous Linux Lancer un terminal sous linux et executer la commande: /opt/android-studio/bin/studio.sh & Lors du premier lancement sous linux d Android Studio, vous devez avoir obtenir une boite de dialogue comme la suivante:

2 2 / 11 Choisissez que vous n avez pas de version précédent d Android Studio d installé. Vous aurez ensuite une boite de dialogue vous spécifiant l impossibilité d avoir accès au SDK d Android, sélectionner Setup Proxy et remplissez les champs comme illustré ci-dessous (Host Name: , port:3128, No proxy for: ): Un Wizard est alors lancé, sélectionnez Cancel, puis répondez par la négative à la proposition de lancer à nouveau le Wizard lors d un prochain démarrage d Android Studio. Android Studio se relance et vous obtenez l écran de bien venu ci-dessous:

3 3 / 11 Sélectionnez Configure, puis Project Defaults et enfin Projet Structure:

4 4 / 11 Renseignez ensuite la localisation du SDK sur votre ordinateur en saisissant:/home/public/android/sdk. La localisation du JDK doit être automatiquement renseignée. Pour la création d un projet, il suffit de sélectionner New Projet dans la fenêtre de démarrage afin de lancer un assistant pour la création Android. Les figures 1 à 4 à représentent les différentes étapes de production. En premier (figure 1), il faut définir : le nom de l application, le domaine de la compagnie 1 et la localisation du projet sur votre disque dur. Il faut ensuite choisir (figure 2), le type de squelette de l application afin de générer automatiquement le code de base de notre application. L intérêt étant de vous faire gagner du temps en vous évitant de saisir du code inutilement. Dans notre cas, une blank activity correspond à un squelette le plus basique possible. La fenêtre suivante (figure 3), permet de définir la cible (téléphone et tablette dans notre cas) de notre application et le SDK minimum des devices pouvant lancer cette application (nous choisirons le SDK n 21 correspondant à Lollipop). Une dernière fenêtre (figure 4) vous propose de choisir les noms des fichiers de classe Java et des fichiers XML produits. Changez le nom de l activité et le titre de l application

5 5 / 11 Figure 1 : Nom de l'application, domaine de l'application et localisation du projet sur le support de stockage Figure 2 : Squelette de base de l'application

6 6 / 11 Figure 3 : SDK minimum nécessaire pour l'application Figure 4 : Dernière étape de l'assistant de création avec choix du nom de l'activité, de fichier xml de layout et du titre de l'application Après avoir validé la dernière étape, vous devez obtenir l interface de développement d Android Studio correspondante à la figure 11, après l étape de construction (figure 10) qui peut être plus ou moins longue suivant la spécification de votre ordinateur (ram, disque dur, processeur,..).

7 7 / 11 Figure 5 : Barre de progression correspondant à la construction du squelette de l'application Figure 6 : Interface de développement avec à gauche : l'arborescence du projet, au centre : le code du fichier sélectionné et à droite : la représentation graphique correspondante (seulement pour les fichiers XML de layout)

8 8 / 11 Il est possible de remarquer que le titre donné à l application est bien visible dans la barre de titre de l application (les 3 points verticaux à droit correspondent au menu de l application). Le texte, en dessous du titre, correspond à un élément textuel et il a pour défaut comme texte : hello world. Le code XML dans la partie centrale est celui produisant l aspect graphique de l application. A gauche du «?» dans la barre d outils, il y a 4 boutons essentiels au développeur Android. Le bouton le plus à gauche correspond à la synchronisation de Gradle (nous reviendrons dessus dans un autre TP). Le second, permet de lancer une interface pour la construction d émulateur Android désigné par l abréviation AVD (Android Virtual Device). Nous l exploiterons dans la suite pour tester notre première application «Hello World». Le troisième permet de lancer le SDK manager présenté en début de TP. Le dernier permet de lancer l «Android Device Monitor» (ADM) pour débugger vos applications Android. Figure 7 : Les boutons indispensables de la barre d'outils Sélectionnons le second bouton permettant de gérer différentes versions de devices Android émulés. La fenêtre s ouvrant (figure 7) permet de construire un AVD spécifique avec le bouton Create (le second onglet: Devices Definition permet d obtenir la liste des devices types connus). Pour la création d un AVD, suivre la succession des fénetre ci-dessous (8 à 11). Figure 8 : écran de création des émulateurs

9 9 / 11 Figure 9 : écran de création des émulateurs Figure 10 : écran de sélection de l image de l émulateur Figure 11 : écran d affichage des émulateurs

10 10 / 11 Une fois que le AVD crée, vous pouvez le demarrer en cliquant sur le bouton vert (Figure 11) puis déployer votre application. Pour lancer l application, il suffit de choisir l icône RUN (triangle vert) dans la barre d outils d Android Studio. Après création des fichiers nécessaire à l application pour produire une archive apk (Android Package Projet), une fenêtre vous demande sur quel device lancer l application (figure 12). Il suffit de sélectionner la cible et le fichier *.apk produit sera installé sur cette derniére (à travers un transfert USB pour un device physique).un panneau de l interface d Android Studio (figure 19) permet de suivre les commandes produites pour cette installation. Ce panneau indique des messages d erreur lorsque l installation échoue, vous permettant d en déterminer les raisons Figure 12 : écran de sélection de l émulateur de déploiement Après installation du fichier apk sur le device, l activité principale est lancée sur l émulateur. La figure 13 illustre le résultat produit par notre Application : Hello Word. On observe bien que le résultat produit est bien celui attendu. Nous savons donc maintenant lancer une application produite avec Android Studio sur un émulateur Android (faites également le test avec un téléphone ou une tablette physique Android).

11 11 / 11 Figure 13 : émulateur : lancement de l application Exercice 2 : calculatrice scientifique Pour la réalisation de la calculatrice scientifique vous devez suivre les étapes suivantes: Changer le nom de l application, Ajouter un bouton avec comme libellé calculatrice, Créer l interface calculatrice, Lancer l interface calculatrice à partir d un clic sur le bouton déja crée.