Vous êtes sur la page 1sur 8

Polytech’Nice – Sophia

S. Lavirotte – G. Rey – J.-Y. Tigli
Cours/TD 2008-2009

Introduction au SDK d’Android

1 Introduction
Android est un système d'exploitation pour téléphone portable de nouvelle génération développé par Google.
Celui-ci met à disposition un kit de développement (SDK) basé sur le langage Java. Ce Cours/TD va vous expliquer
comment installer ce SDK et vous présenter un exemple d'utilisation au travers le développement d'une application
de type "Helloworld" ainsi que d’applications plus complexes.

2 Installation
2.1 Installation du SDK
Basé sur le langage Java, le SDK Android nécessite d'avoir un JDK (5 ou 6) installé sur sa machine pour pouvoir être
utilisé. Le SDK est disponible en téléchargement pour les plateformes Linux, Mac et Windows à l'adresse suivante :
http://code.google.com/android/download_list.html

La version actuelle est la Version 1.0 Release qui date de novembre 2008
Décompressez l'archive zip ; vous obtenez alors un répertoire contenant le SDK nommé selon le format suivant :

Android-sdk-<platform>-<version>

Notez le chemin complet vers ce répertoire (nous y ferons référence par la suite sous la dénomination
<android_sdk>) Afin de faciliter l'utilisation des outils du SDK, nous allons ajouter le sous-répertoire tools du
répertoire <android_sdk> dans la variable d'environnement PATH de votre système.
• Linux : éditez votre fichier ~/.bash_profile ou ~/.bashrc et cherchez la ligne définissant le PATH afin d'y
ajouter le chemin <android_sdk>/tools. Si cette ligne n'existe pas, ajoutez celle-ci : export
PATH=${PATH}:<android_sdk>/tools. Vous pouvez également taper directement cette commande dans
une fenêtre shell mais celle-ci ne sera alors valide que pour ce shell (et ces fils). Il vous faudra donc
ressaisir la commande si vous fermez votre shell.
• MacOS X : éditez le fichier .bash_profile présent dans votre répertoire personnel (ou créez le s'il n'existe
pas) puis procédez comme pour Linux.
• Windows : Faites un clic droit sur le "Poste de travail" et sélectionnez "Propriétés". Dans l'onglet "Avancé"
(la tâche "paramètres système avancé" pour vista) cliquez sur le bouton "Variables d'environnement". Une
boite de dialogue apparaît, double-cliquez sur l'entré "Path" présente dans la partie "Variables Systèmes".
Ajoutez-y le chemin <android_sdk>\tools. Ou directement dans une fenêtre de commande tapez
path=%path%:<android_sdk>\tools. Le path mise à jour, ne sera alors valable que pour cette fenêtre et
seulement jusqu'à sa fermeture.

2.2 Eclipse et Ant
Il y a deux solutions pour développer simplement avec les outils fournis par Google pour son SDK Android, soit
utiliser l’IDE Eclipse soit utiliser Ant avec ou sans IDE. Netbean utilisant Ant par défaut pour ses différentes tâches
(compilation, build, …), il est donc simple d’utiliser également Netbeans pour développer sous Android.

Dans ce Cours/TD nous allons nous limiter à Eclipse (dans sa version 3.4) ainsi qu’a Ant.

2.2.1 Installation d’Eclipse
Si Eclipse n’est pas installé sur votre machine, rendez vous à l’adresse http://www.eclipse.org/downloads/ et
téléchargez la version « Eclipse IDE for Java Developers ». Extrayez l’archive et exécutez Eclipse.

Polytech’Nice – Sophia
Université de Nice – Sophia Antipolis
930, Route des Colles – B.P. 145 - 06903 Sophia Antipolis Cedex – France
1
Tél : +33 (0)4 92 96 50 50 – Fax : +33 (0)4 92 96 50 55
http://www.polytech.unice.fr/

cliquez sur l’onglet Available Software. • build. • src : Le répertoire des sources.xml : Un fichier xml pour compiler avec Ant. 145 . sachez que Google fournit un plugin pour cet IDE nommé Android Development Tools (ADT). Voici la marche à suivre pour installer ce plugin sur Eclipse 3. rendez vous à l’adresse http://ant. • Finissez l’installation puis redémarrez Eclipse.06903 Sophia Antipolis Cedex – France 2 Tél : +33 (0)4 92 96 50 50 – Fax : +33 (0)4 92 96 50 55 http://www. Tigli Cours/TD 2008-2009 Introduction au SDK d’Android 2. • Indiquez le chemin où vous avez installé le SDK Android (bouton Browse pour parcourir le système de fichier). (ou Eclipse > Preferences si vous êtes sous Mac OS X)..com/android/eclipse/ . Explorez les différents menus pour comprendre le fonctionnement des boutons et découvrir les exemples montrant les possibilités de l’API. 4 Première application avec Android : Helloworld 4.. extrayez l’archive et ajoutez le répertoire bin au PATH de votre machine.android.unice. sélectionnez Developer Tools et cliquez sur Install. Polytech’Nice – Sophia S.py pour Linux/Mac. • res : Le répertoire des ressources.fr/ . (en cas de problème.google.cgi et téléchargez la version 1.2 Installation de Ant Si Apache Ant n’est pas installé sur votre machine. activityCreator.bat pour Windows) fournit par le SDK auquel ont indique le nom du projet (via l'option --out) ainsi que sa classe principale. il est nécessaire de créer un projet Android. indiquez un nom (par exemple Android Plugin) et l'URL https://dl- ssl. • Appuyez sur le bouton OK.apache. Lavirotte – G. • Une fois Eclipse redémarré. Celui-ci contient l'arborescence suivante : • AndroidManifest.py --out HelloWorld fr. Appuyez sur le bouton OK.7.com/android/eclipse/) • Dans l’onglet Available Software. Il faut également créez une variable JAVA_HOME contenant la localisation de votre jdk et une variable ANT_HOME contenant la localisation du répertoire d’installation de ANT.google.-Y.1 (pensez à bien choisir votre site miroir pour le téléchargement). utilisez l’adresse http://dl-ssl..4 : • Démarrez Eclipse puis sélectionnez le menu Help > Software Updates • Dans la fenetre qui vient de s’ouvrir.. sélectionnez le menu Window > Preferences..3 Plugin Eclipse Si vous utilisez Eclipse pour vos développements. Ensuite. • Dans la boite de dialogue qui apparaît. Rey – J. 3 Prise en main de l’émulateur Commencez par exécuter l’émulateur qui ce trouve dans le répertoire tools de votre <android_sdk>.2.. Polytech’Nice – Sophia Université de Nice – Sophia Antipolis 930.polytech. Route des Colles – B.P.org/bindownload. activityCreator.HelloWorld Un répertoire portant le nom du projet (ici HelloWorld) est alors créé.unice.xml : Le fichier manifest de l'application.1 Développement avec Ant Pour commencer. • Sélectionnez Android dans le panel de gauche. 2. Pour cela il suffit d'utiliser le script activityCreator (activityCreator. • Cliquez sur Add Site.

setContentView(textView).java package fr.java package fr. tous les composants graphiques (bouton. import android. public class HelloWorld extends Activity { /** Called with the activity is first created.unice.-Y. L'argument du constructeur de la classe TextView est une instance de la classe Context qui fournit entre autre des services tel que la récupération des ressources.polytech.os. Voici le fichier HelloWorld. TextView textView = new TextView(this).onCreate(savedInstanceState).06903 Sophia Antipolis Cedex – France 3 Tél : +33 (0)4 92 96 50 50 – Fax : +33 (0)4 92 96 50 55 http://www. public class HelloWorld extends Activity { /** Called with the activity is first created. textView.unice. } } Commençons notre Helloworld en modifiant ce fichier afin d'afficher du texte à l'écran (nous détaillerons le code ensuite) : HelloWorld. animation. Polytech’Nice – Sophia S. import android. Polytech’Nice – Sophia Université de Nice – Sophia Antipolis 930.unice. des accès base de données et des préférences. */ @Override public void onCreate(Bundle savedInstanceState) { super.java généré : HelloWorld. */ @Override public void onCreate(Bundle savedInstanceState) { super. etc) sont basés sur la classe View. champ texte. Tigli Cours/TD 2008-2009 Introduction au SDK d’Android • src/fr/unice/android/HelloWorld.layout. 145 .app.Activity. Rey – J.TextView. } } Dans Android.main).android. Lavirotte – G. import android.Bundle.Activity. import android.setText("Hello world !").java : La classe HelloWorld.app.widget. setContentView(R.P. Ainsi un champ texte est représenté par la classe TextView. Route des Colles – B. import android.android.fr/ .Bundle. TextView tv = new TextView(this).os.onCreate(savedInstanceState).

La compilation s'effectue avec Ant dans le répertoire du projet (tapez juste ant). 145 .fr/ . sélectionnez le menu « menu » dans l'émulateur puis le menu flèche et enfin lancez l'application HelloWorld : Polytech’Nice – Sophia Université de Nice – Sophia Antipolis 930. Une fois ceci fait. Figure 1 : Anciennes et nouvelle version de l'émulateur Le déploiement de l'application (le fichier HelloWorld. La dernière étape est d'afficher le TextView à l'écran : setContentView(tv).apk qui est le package Android de l'application (celui qui sera déployé). Lavirotte – G. Pour tester l'application.setText("Hello. Android").-Y.P. Tigli Cours/TD 2008-2009 Introduction au SDK d’Android Comme notre classe HelloWorld hérite d'Activity qui elle-même hérite de Context. il faut lui spécifier le texte à afficher : tv. Route des Colles – B.06903 Sophia Antipolis Cedex – France 4 Tél : +33 (0)4 92 96 50 50 – Fax : +33 (0)4 92 96 50 55 http://www.polytech. Rey – J. Ainsi depuis la racine du projet : adb install bin/HelloWorld. Polytech’Nice – Sophia S. nous pouvons passer la référence 'this' au TextView. Il ne reste plus qu'à compiler et déployer notre application. Notez que le démarrage de l'émulateur peut être assez long.apk ou à l’aide de la commande ant install. Un répertoire bin est alors créé dans lequel vous trouverez notamment le fichier HelloAndroid. commencez par lancer l'émulateur avec la commande emulator et attendez l'apparition de la page d'accueil. Une fois le TextView instancié.unice. selon la machine de développement utilisée.apk) s'effectue avec l'outil adb.

Activity. puis Android > Android project.TextView. import android.android. Commencez par sélectionner le menu File > New > Project.java dans l'arborescence de gauche qui contient le code suivant : Modifier ce code comme précédemment : HelloWorld.. 145 . Lavirotte – G. Tigli Cours/TD 2008-2009 Introduction au SDK d’Android 4.Bundle. Polytech’Nice – Sophia Université de Nice – Sophia Antipolis 930.widget.polytech.unice.unice.os. Polytech’Nice – Sophia S. import android.fr/ . import android.2 Développement avec le plugin Eclipse Voici les étapes pour développer la même application avec Eclipse et le plugin Android Development Tools. Rey – J. Indiquez les propriétés du projet puis appuyez sur le bouton Finish : Sélectionnez le fichier HelloWorld.app. Route des Colles – B..06903 Sophia Antipolis Cedex – France 5 Tél : +33 (0)4 92 96 50 50 – Fax : +33 (0)4 92 96 50 55 http://www.java package fr.-Y.P.

Un nouveau lanceur nommé New_configuration doit apparaître. Polytech’Nice – Sophia S. Lavirotte – G. sélectionnez le et renseignez le panel de droite : Il ne vous reste plus qu'à lancer l'application en appuyant sur le bouton Run.setText("Hello world !").unice. setContentView(textView). 145 . */ @Override public void onCreate(Bundle savedInstanceState) { super. Rey – J. sélectionnez le menu Run > Run Configurations.onCreate(savedInstanceState). Polytech’Nice – Sophia Université de Nice – Sophia Antipolis 930.polytech. double cliquez sur l'entrée Android Application.06903 Sophia Antipolis Cedex – France 6 Tél : +33 (0)4 92 96 50 50 – Fax : +33 (0)4 92 96 50 55 http://www. TextView textView = new TextView(this).P.-Y. textView. Route des Colles – B. Pour exécuter l'application. Dans la boite de dialogue qui s'ouvre. Tigli Cours/TD 2008-2009 Introduction au SDK d’Android public class HelloWorld extends Activity { /** Called with the activity is first created.fr/ . } } Les explications du code sont données dans le chapitre précédent.

1 Photo viewer Imaginez et créez une application permettant de voir des photos. a. Modifiez votre version précédente pour n’utiliser que 2 images. il s’agit d’une version très simple d’un jeu également connu sous le nom de centipede et développé par Atari Inc.fr/ . 6. Modifiez le jeu en utilisant les images ci-dessous pour remplacer les boules vertes qui forme le cadre 3. sorti en 1981 sur borne d'arcade.2 Modifications 1. Le but est de créer votre application et pas de recopier du code. diminuent le serpent de 2 boules. d’avoir un mode diaporama manuel et automatique. b. 4. A vous d’imaginer comment saisir des nombres de manière simple en utilisant ses doigts. Rey – J. symbolisés par des boules vertes. N’essayez pas de faire quelque chose de trop compliqué pour commencer.2 Sudoku Ecrire un petit jeu de sudoku. Si vous le souhaitez vous pouvez travailler en binôme mais pas à plus.com/intl/fr/android/intro/hello-android. Polytech’Nice – Sophia S. qui s’ils sont mangés. 7 Remerciements Ce cours/TP utilise très largement l’article de Yann D'ISANTO publié sur Developpez. 5.P. Dans la fenetre « new Android Project ».06903 Sophia Antipolis Cedex – France 7 Tél : +33 (0)4 92 96 50 50 – Fax : +33 (0)4 92 96 50 55 http://www. Tigli Cours/TD 2008-2009 Introduction au SDK d’Android 5 Snake Dans <android_sdk>/samples/ vous trouverez le projet Snake. 5.html Polytech’Nice – Sophia Université de Nice – Sophia Antipolis 930.polytech. Lavirotte – G. Vous devrez obligatoirement rendre votre réalisation à la fin de la séance.unice. … 6.google.com ainsi que les exemples de prise en main fournis par Google à l’adresse http://code. déployez puis testez rapidement le jeu (ne passez pas votre TP à jouer !!). Route des Colles – B. Commencez par traduire le jeu en français… Il y a au moins 4 chaines de caractères différentes à traduire… 2.1 Tests Compilez. l’horizontal et une des images d’angles. 145 .. Explorez également l’ensemble des sources et ressources qui composent ce projet.-Y. sélectionnez « create project from existing source » et indiquez le répertoire <android_sdk>\samples\Snake. On doit également pouvoir retourner la photo dans un sens ou dans l’autre. Ajoutez des obstacles. 6 Exercice au choix Choisissez une des applications suivantes et réalisez là. pouvoir faire un zoom. Créez un nouveau projet android avec Eclipse. Débuter avec une version simple que vous pourrez enrichir petit à petit. Vous pouvez vous aider des exemples donnés dans API Demos : <android_sdk>samples\ApiDemos\src\com\google\android\samples\. Le jeu devra être jouable avec ou sans le clavier. arrêtent la partie. Elle devra permettre d’afficher l’ensemble des photos d’un répertoire.

-Y.06903 Sophia Antipolis Cedex – France 8 Tél : +33 (0)4 92 96 50 50 – Fax : +33 (0)4 92 96 50 55 http://www. Route des Colles – B. Polytech’Nice – Sophia S. 145 .com/android/ • La documentation officielle d'Android : http://code.html Polytech’Nice – Sophia Université de Nice – Sophia Antipolis 930. Lavirotte – G.polytech.P. Tigli Cours/TD 2008-2009 Introduction au SDK d’Android 8 Liens • Le site d'Android : http://code.com/android/documentation.google.html • SDK Android : http://code.com/android/download. Rey – J.google.unice.fr/ .google.