correction - IA

Université Pierre et Marie Curie
2012-2013
Réseaux mobiles
Travaux Pratiques
Objectif(s)
TP n o 1
✭ Introduction à la programmation Android
✭ Définir une activité
✭ Utiliser des élements de présentation graphiques
✭ Réagir à un clic
1 Exercices corrigés (2h30)
Exercice 1 – Configuration (30 min)
1. Télécharger la dernière version d’Eclipse
(a) Aller à l’adresse suivante pour télécharger Eclipse Classic http://www.eclipse.org/downloads/.
Remarque : pour savoir si votre OS est en 32 ou 64 bits, tapez uname -a.Si ça se termine par amd64 c’est en
64 bits, par 486 ou 686 en 32 bits.
(b) Décompresser le fichier téléchargé : tar xzf eclipse-java-juno-SR1-linux-gtk-x86 64.tar.gz.
(c) Lancer la commande eclipse contenu dans le dossier décompressé.
2. Configurer le proxy d’Eclipse (seulement sur le réseau de polytech)
(a) Lancez Eclipse et cliquez sur Preferences du Menu déroulant Window.
(b) Dans General->Network Connections, vérifiez que Active Provider est sur Manual et éditez les
Proxy Entries HTTP et HTTPS avec les caractéristiques suivantes :
Host proxyweb.upmc.fr
Port 3128
3. Installer le SDK Android
(a) Cliquez sur Install New Software du menu déroulant Help.
(b) Cliquez sur le bouton Add en haut à droite.
(c) Insérez les caractéristiques suivantes :
Name
Location
ADT Plugin
https://dl-ssl.google.com/android/eclipse/
(d) Cochez Developer Tools et cliquez sur next pour installez le SDK Android en suivant les instructions.

Reseaux mobiles - 2012/2013 - TP n o 1
Exercice 2 – Hello World (30 min)
En suivant le tutorial de http://developer.android.com/training/basics/firstapp/creating-project.html, créer votre
première application qui affiche simplement un message de bienvenue ”Hello World” et exécutez-la dans un émulateur
(ou sur votre dispositif mobile).
• Entrez le nom que vous désirez dans la case ApplicationName
• Sélectionnez Android 2.2 pour le Build SDK et le Minimum required SDK
• Le reste est à configurer à votre convenance.
• Le démarrage d’un émulateur peut-être long, faites preuve de patience et ne refermez pas l’émulateur : il
suffit de redémarrer l’application via Eclipse pour qu’elle se recharge dans l’émulateur.
1. A quoi sert le fichier AndroidManifest.xml ?
Solution:
A décrire les composants de l’application, en particulier la classe principale (ici MainActivity.
2. Quelle est la classe java principale de votre application et de quelle classe hérite-t-elle ? Trouvez sur le site
de http://developer.android.com/ la documentation de cette classe mère. Quelles est la méthode principale à
implémenter ?
Solution:
La classe principale de l’application est src->...->MainActivity.java, qui hérite de Activity.
La documentation est ici : http:// developer.android.com/reference/android/app/Activity.html
La méthode principale est onCreate(Bundle).
3. Dans quel fichier est décrit l’apparence graphique de votre activité principale et quel est sont type?
Solution:
Dans le fichier XML res->layout->activity main.xml
4. A quoi sert le fichier string.xml contenu dans le dossier values ?
Solution:
A définir toutes les constantes utilisées par l’application : chaînes de caractères string, couleurs color,
dimensions dimen, etc.
Exercice 3 – My First App (30 min)
1. En suivant le tutorial de http://developer.android.com/training/basics/firstapp/building-ui.html, créer
l’application illustrée figure 1 :
Figure 1: My First App
• Langue du clavier : pour changer la langue de saisie, presser longuement le champ texte. Dans le menu
qui apparait, choisissez Input Method puis Android Keyboard.
c○2012/2013 Polytech’Paris page 2 sur 11

Reseaux mobiles - 2012/2013 - TP n o 1
• Debug : pour visualiser l’affichage de la méthode System.out.println, ouvrir la perspective DDMS
(Window > Open Perspective > Other > DDMS et cliquer sur l’onglet LogCat.
2. On souhaite modifier l’application pour que le bouton Send réagisse au clic en affichant le message dans une
fenêtre popup appelée Toast (http://developer.android.com/guide/topics/ui/notifiers/toasts.html). Pour cela,
il faut :
(a) Ajouter l’attribut onClick au bouton dans le fichier activity main.xml et lui associer le nom
de la méthode qui sera appelée, par exemple displayMessage qui n’est pas encore définie :
android:onClick="displayMessage"
(b) Définir la méthode displayMessage suivante dans la classe MainActivity et presser Ctrl+Shift+O
pour importer les classes manquantes :
c○2012/2013 Polytech’Paris page 3 sur 11

Reseaux mobiles - 2012/2013 - TP n o 1
/**
* Called when the user clicks the send button
*/
public void displayMessage(View view){
Context context = getApplicationContext();
EditText editText = (EditText) findViewById(R.id.edit_message);
String message = editText.getText().toString();
CharSequence text = "Votre message est :\n" + message;
int duration = Toast.LENGTH_SHORT;
Toast toast = Toast.makeText(context, text, duration);
toast.show();
}
3. Que fait la méthode findViewById et quel paramètre attend-elle ? A quoi correspond la classe java R.java
contenue dans le dossier gen?
Solution:
cf. http://developer.android.com/reference/android/app/Activity.html#findViewById(int)
La méthode retourne la View identifiée par l’attribut id. L’identifiant id contenu dans le document XML
activity main.xml a été compilé dans la classe java R. En fait, la classe R.java a généré des classes
internes correspondant aux color, dimen, id, layout, string, etc. à partir du document source XML
activity main.xml. Chaque classe interne de R, par exemple R.id contient autant de champs statiques
que d’attributs correspondants dans le document XML. Par exemple, l’identifiant de l’EditText est le champ
R.id.edit message.
Exercice 4 – Personnalisation (30 min)
Figure 2: Personnalisation de MyFirstApp
Les constantes (chaînes de caractères, couleur, dimension, ...) sont définies dans le fichier string.xml contenu
dans le dossier values et ensuite associées aux éléments graphiques dans le fichier activity main.xml. Remarque
: pour afficher la liste des valeurs possibles avec Eclipse, positionner le curseur à l’endroit désiré et faites Ctrl+espace.
Modifier les éléments suivants de votre première application pour obtenir le résultat de la figure 2:
• Le message par défaut de EditText devient ”Entrez un message”
• Les éléments sont placés verticalement dans le layout.
• Le message est positionné en haut de la vue (attribut android:gravity).
• Pour associer une couleur avec un élément graphique, il faut d’abord définir la couleur bleu (élément color)
dans string.xml et ensuite utiliser l’attribut android:background. Modifier le fond du layout (attribut
android:background) pour qu’il soit bleu (#00FFFF).
• Modifier la vue EditTest pour que le message soit placé en haut, avec une marge de 20px.
• Pour définir une marge, il faut d’abord créer une dimension dans string.xml. Modifier la vue Button pour
que le bouton ait une marge (top) de 20px.
c○2012/2013 Polytech’Paris page 4 sur 11

Reseaux mobiles - 2012/2013 - TP n o 1
• Centrer le bouton (attribut android:layout gravity).
Solution:
Le fichier activity main.xml est :
Le fichier string.xml est :
My First App
Salut tout le monde
Settings
My First App
Entrez un message
Envoyer
#00FFFF
20px
c○2012/2013 Polytech’Paris page 5 sur 11

Reseaux mobiles - 2012/2013 - TP n o 1
Exercice 5 – Mise en pause et reprise d’application
Consulter http://developer.android.com/training/basics/activity-lifecycle/pausing.html et répondez aux questions
suivantes :
1. Quels sont les états possibles d’une application android ?
Solution:
• Created : l’application vient d’être créée
• Started : l’application est active et visible.
• Resumed : en cours d’exécution (Resumed, encore appelée Running
• Paused : en pause (mais toujours visible)
• Stopped : arrêtée (invisible)
2. Quelles sont les méthodes principales d’une activité android ?
Solution:
• onCreate() : initialisation de l’activité. Appelée une seule fois à la création.
• onStart() : démarrage ou redémarrage de l’activité. Appelée après la création puis autant de fois que
l’activité est mise en pause puis redémarrée.
• onPause() : mise en pause de l’activité. L’activité est toujours visible mais plus active.
• onStop() : l’activité est arrêtée et n’est plus visible (mais peut reprendre)
• onDestroy(): l’activité est terminée.
3. Reprendre l’application MyFirstApp et implémenter toutes les méthodes précédentes en affichant simplement
un message indiquant quelle méthode a été appelée à l’aide d’un Toast.
(a) Démarrer votre application. Quelles sont les méthodes successivement appelées ?
Solution:
D’abord onCreate() puis onStart() et enfin onResume().
(b) Pour cacher votre application, cliquer sur l’icone de l’accueil. Quelles méthodes sont appelées ?
Solution:
D’abord onPause() puis onStop().
(c) Est-il possible de détruire manuellement l’application ?
Solution:
Non, c’est android lui-même qui se charge du cycle de vie de l’application pour optimiser les ressources
(le chargement en mémoire est coûteux donc l’application est stoppée et non détruite jusqu’à ce que le
système ait besoin de récupérer des ressources comme la mémoire).
(d) Modifier un peu votre application, par exemple en changeant les messages Toast des méthodes onXXX().
Que se passe-t-il si on démarre une nouvelle instance de votre application via Eclipse ?
Solution:
Une nouvelle application démarre à la place de l’ancienne. Il est inutile de refermer l’émulateur.
2 Exercices à rendre (1h30)
Exercice 6 – Envoi de SMS
Nous allons développer une petite application d’envoi de SMS qui a l’apparence de la figure 3.
c○2012/2013 Polytech’Paris page 6 sur 11

Reseaux mobiles - 2012/2013 - TP n o 1
Figure 3: Application android d’envoi de SMS
1. Créer un nouveau Projet intitulé TP1 nom1 nom2, où nom1 et nom2 sont les noms du binôme, puis modifier le
fichier activity main.xml et string.xml pour créer une activité ayant l’apparence de la figure 3.
c○2012/2013 Polytech’Paris page 7 sur 11

Solution:
Le fichier activity main.xml :
Reseaux mobiles - 2012/2013 - TP n o 1
Le fichier string.xml :
Envoi SMS
Settings
Envoi SMS
Numero
Entrez le numero
Message
Tapez le message
Envoyer
#001122
#CC6600
c○2012/2013 Polytech’Paris page 8 sur 11

Reseaux mobiles - 2012/2013 - TP n o 1
2. Pour envoyer un SMS contenant le message message à un numéro numero, il suffit d’utiliser la classe SMS-
Manager de la façon suivante :
SmsManager.getDefault().sendTextMessage(numero, null, message, null, null);
Ajouter une méthode sendSMS qui réagit à un clic sur le bouton Envoyer en envoyant le message par SMS au
destinataire. La méthode vérifiera que le numéro contient au moins 4 chiffres et que le message n’est pas vide.
Solution:
Dans le fichier activity main.xml, on ajoute l’attribut onClick au bouton Envoyer:
Dans le fichier MainActivity.java, on ajoute la méthode public void sendSMS(View view) :
/**
* Called when the user clicks the send button
*/
public void sendSMS(View view){
// Recupere les editText grace a leurs ids
EditText et_numero =(EditText)findViewById(R.id.numero);
EditText et_message = (EditText)findViewById(R.id.message);
String numero = et_numero.getText().toString();
String message = et_message.getText().toString();
if(numero.length()>= 4 && message.length() > 0){
//Grace à l’objet de gestion de SMS (SmsManager)
//que l’on recupere grace a la methode static getDefault()
//on envoit le SMS a l’aide de la methode sendTextMessage
SmsManager.getDefault().sendTextMessage(numero, null, message, null,
null);
//On efface les deux EditText
et_numero.setText("");
et_message.setText("");
}else{
//On affiche un petit message d’erreur dans un Toast
Toast.makeText(this, "Enter le numero et/ou le message", Toast.
LENGTH_SHORT).show();
}
}
3. Pour tester votre application avec un émulateur, il vous définir un deuxième émulateur et démarrer l’application
sur le 1er émulateur. Pour envoyer un message d’un émulateur à un autre, il vous suffit de composer comme
numéro les 4 chiffres qui se trouvent sur la fenêtre de l’émulateur comme dans la figure 4.
4. Modifier votre application pour que l’utilisateur puisse entrer plusieurs numéros séparés par un point virgule (;).
Le message devra être envoyé à tous les destinataires. Tester votre application en utilisant 3 émulateurs et un
utilisateur qui envoi un message aux 2 autres. ATTENTION : votre clavier doit être en français sinon vous
risquez des problèmes d’encodage de certains caractères.
c○2012/2013 Polytech’Paris page 9 sur 11

Reseaux mobiles - 2012/2013 - TP n o 1
Figure 4: Application android d’envoi de SMS
Solution:
Dans MainActivity.java :
/**
* Called when the user clicks the send button
*/
public void sendSMS(View view){
// Recuperer les editText grace a leurs ids
EditText et_numero =(EditText)findViewById(R.id.numero);
EditText et_message = (EditText)findViewById(R.id.message);
}
String message = et_message.getText().toString();
if(message.length() > 0){
String s = et_numero.getText().toString();
String[] liste_numeros = s.split(";");
System.out.println("nombre de destinataires =" + liste_numeros.
length);
for(int i=0; i= 0){
//Grace à l’objet de gestion de SMS (SmsManager)
//On envoit le SMS Ã l’aide de la methode sendTextMessage
SmsManager.getDefault().sendTextMessage(num, null, message,
null, null);
//On efface les deux EditText
}else{
//On affiche un petit message d’erreur dans un Toast
Toast.makeText(this, "Le numà c○ro "+num+" n’est pas correct.
", Toast.LENGTH_SHORT).show();
et_numero.setText("");
System.exit(-1);
}
}
et_numero.setText("");
et_message.setText("");
}else{
Toast.makeText(this.getApplicationContext(), "Entrez un message non
vide.", Toast.LENGTH_SHORT).show();
et_message.setText("");
}
c○2012/2013 Polytech’Paris page 10 sur 11

Reseaux mobiles - 2012/2013 - TP n o 1
5. Les applications android sont packagée dans des archives .apk. Pour exporter un projet, clic droit sur le nom
du projet et clic sur Android Tools -> Export Unsigned Application Package. Pour réellement
publier un projet sur Play Store par exemple, il faudrait d’abord générer une clé (keystore), ce que nous
ne ferons pas en TP.
Pour soumettre votre TP, exporter votre projet sous le nom TP1 nom1 nom2.apk et envoyez-le par mail à votre
chargé de TP, en précisant l’objet suivant : [ELI5-resmob] TP1 nom1 nom2
c○2012/2013 Polytech’Paris page 11 sur 11