SlideShare une entreprise Scribd logo
1  sur  5
Télécharger pour lire hors ligne
U n i v e r s i t é V i r t u e l l e d e T u n i s - M a s t e r P r o f e s s i o n n e l e n L o g i c i e l L i b r e
TP1 : Installation et Démarrage
Dr. Lilia Sfaxi
Objectifs du TP : Installation de l’environnement Android – Lancement et
modification d’un exemple Helloworld
Développement
d'Applications Mobiles
2 TP1 : Installation et Démarrage
Développement	d'Applications	Mobiles
I. Installation
Commencer par télécharger Android Studio à partir de :
https://developer.android.com/sdk/index.html
Installer l’IDE.
La page de démarrage aura l’aspect suivant :
TP1 : Installation et Démarrage 3
Développement	d'Applications	Mobiles
II. Ma première application Android
Pour créer un projet Android :
• Choisir dans la page de démarrage : Start a new Android Studio Project
• Choisir Empty Activity dans les possibilités affichées.
• Spécifier :
o Le nom du projet : Helloworld
o Le nom du package : uvt.tp.helloworld.
o Choisir également l’emplacement de votre projet, de grande préférence
dans un répertoire workspace que vous conserverez.
o Le langage à utiliser (ce TP utilise le langage Java, mais vous pouvez travailler
avec Kotlin).
o Conserver le minimum SDK par défaut.
• Cliquer sur Finish. Un nouveau projet apparaît.
La fenêtre qui s’affiche aura l’allure suivante :
4 TP1 : Installation et Démarrage
Développement	d'Applications	Mobiles
• Créer et démarrer un émulateur en allant à Tools -> AVD Manager et en suivant les
étapes demandées.
Astuce Il est recommandé de démarrer votre émulateur une seule fois, de cocher
Use same device for future launches, puis de le laisser actif. Chaque fois que
vous désirez changer votre application ou lancer une nouvelle application,
il suffit de l’exécuter en sélectionnant votre projet, cliquer sur .
III. Cycle de vie d’une activité
Nous désirons spécifier un comportement pour chacun des évènements dans le cycle de
vie de notre activité principale HelloworldActivity. Pour cela, nous devons redéfinir les
méthodes correspondantes à chaque événement.
Dans le fichier HelloworldActivity.java, nous remarquons que la méthode onCreate est déjà
générée : c’est la seule méthode obligatoire. De la même manière, il est possible de
générer facilement les autres méthodes, grâce à l’ADT.
Pour générer ces méthodes, commencer à taper le nom de la méthode dans le fichier de
code, puis taper sur les touches Ctrl-Espace, comme indiqué dans la figure suivante.
Activité-1. Exécuter votre application, et observer le résultat. Chercher dans l’arborescence du
projet où se trouve la chaîne de caractères affichée dans l’émulateur, et quelles sont les étapes
suivies pour obtenir cet affichage.
TP1 : Installation et Démarrage 5
Développement	d'Applications	Mobiles
Cliquer sur la méthode qui vous est proposée. Son code sera automatiquement généré.
Activité-2.
1. Générer les méthodes correspondant à chacun des évènements listés dans le cycle de vie.
2. Nous désirons voir le comportement de l’activité pour chacun de ces évènements. Pour cela,
chaque méthode va afficher son nom.
Indication : Utiliser le code suivant pour l’affichage :
Toast.makeText(this, "message à afficher", Toast.LENGTH_LONG).show();
3. Exécuter votre application. Que constatez-vous ? A quels moments sont appelés les différentes
méthodes que vous avez ré-implémenté ?
Remarque : Nous allons utiliser un Toast pour afficher un message. Un Toast est un message
qui apparaît sur la surface de la fenêtre active. Il remplit uniquement l’espace requis pour
le message, et l’activité en cours de l’utilisateur reste visible et interactive. La notification
disparaît au bout d’un moment, dont la durée est précisée à la création.

Contenu connexe

Tendances

Cycles de vie d'un logiciel
Cycles de vie d'un logicielCycles de vie d'un logiciel
Cycles de vie d'un logiciel
Rabia AZIZA
 
gestion de magasin vente matériels informatique
gestion de magasin vente matériels informatiquegestion de magasin vente matériels informatique
gestion de magasin vente matériels informatique
Oussama Yoshiki
 

Tendances (20)

Chp5 - Applications Android
Chp5 - Applications AndroidChp5 - Applications Android
Chp5 - Applications Android
 
Android - Tp3 - intents
Android - Tp3 -  intentsAndroid - Tp3 -  intents
Android - Tp3 - intents
 
Android-Tp1: éléments graphiques de base et intents
Android-Tp1: éléments graphiques de base et intentsAndroid-Tp1: éléments graphiques de base et intents
Android-Tp1: éléments graphiques de base et intents
 
Présentation Flutter
Présentation FlutterPrésentation Flutter
Présentation Flutter
 
Support de cours Spring M.youssfi
Support de cours Spring  M.youssfiSupport de cours Spring  M.youssfi
Support de cours Spring M.youssfi
 
Initiation à Android
Initiation à AndroidInitiation à Android
Initiation à Android
 
Chp1 - Introduction au Développement Mobile
Chp1 - Introduction au Développement MobileChp1 - Introduction au Développement Mobile
Chp1 - Introduction au Développement Mobile
 
Support de cours technologie et application m.youssfi
Support de cours technologie et application m.youssfiSupport de cours technologie et application m.youssfi
Support de cours technologie et application m.youssfi
 
Fascicule de tp atelier développement web
Fascicule de tp atelier développement webFascicule de tp atelier développement web
Fascicule de tp atelier développement web
 
Application de gestion des projets en J2EE (Spring-Hibernate) avec architectu...
Application de gestion des projets en J2EE (Spring-Hibernate) avec architectu...Application de gestion des projets en J2EE (Spring-Hibernate) avec architectu...
Application de gestion des projets en J2EE (Spring-Hibernate) avec architectu...
 
Tp2 - WS avec JAXRS
Tp2 - WS avec JAXRSTp2 - WS avec JAXRS
Tp2 - WS avec JAXRS
 
Introduction a Flutter
Introduction a FlutterIntroduction a Flutter
Introduction a Flutter
 
Cycles de vie d'un logiciel
Cycles de vie d'un logicielCycles de vie d'un logiciel
Cycles de vie d'un logiciel
 
Polymorphisme (cours, résumé)
Polymorphisme (cours, résumé)Polymorphisme (cours, résumé)
Polymorphisme (cours, résumé)
 
Appalications JEE avec Servlet/JSP
Appalications JEE avec Servlet/JSPAppalications JEE avec Servlet/JSP
Appalications JEE avec Servlet/JSP
 
gestion de magasin vente matériels informatique
gestion de magasin vente matériels informatiquegestion de magasin vente matériels informatique
gestion de magasin vente matériels informatique
 
Présentation Angular 2
Présentation Angular 2 Présentation Angular 2
Présentation Angular 2
 
Chp6 - Développement iOS
Chp6 - Développement iOSChp6 - Développement iOS
Chp6 - Développement iOS
 
P3 listes et elements graphiques avancés
P3 listes et elements graphiques avancésP3 listes et elements graphiques avancés
P3 listes et elements graphiques avancés
 
Android-Tp4: stockage
Android-Tp4: stockageAndroid-Tp4: stockage
Android-Tp4: stockage
 

Similaire à Android - Tp1 - installation et démarrage

Débuter avec phonegap (APACHE CORDOVA) dans eclipse pour android
Débuter avec phonegap (APACHE CORDOVA) dans eclipse pour androidDébuter avec phonegap (APACHE CORDOVA) dans eclipse pour android
Débuter avec phonegap (APACHE CORDOVA) dans eclipse pour android
Bosco Basabana
 
Ateliers : Developpement mobile vs open source
Ateliers : Developpement mobile vs open sourceAteliers : Developpement mobile vs open source
Ateliers : Developpement mobile vs open source
Korteby Farouk
 
Formation iPhone ENSI by (Orange Tunisie)
Formation iPhone ENSI by (Orange Tunisie)Formation iPhone ENSI by (Orange Tunisie)
Formation iPhone ENSI by (Orange Tunisie)
Farouk Mezghich
 

Similaire à Android - Tp1 - installation et démarrage (20)

Les ateliers android_1_vers2015
Les ateliers android_1_vers2015Les ateliers android_1_vers2015
Les ateliers android_1_vers2015
 
Les ateliers android_1_vers2015
Les ateliers android_1_vers2015Les ateliers android_1_vers2015
Les ateliers android_1_vers2015
 
Les ateliers android_1_vers2015
Les ateliers android_1_vers2015Les ateliers android_1_vers2015
Les ateliers android_1_vers2015
 
Chap android
Chap androidChap android
Chap android
 
TP_1.pdf
TP_1.pdfTP_1.pdf
TP_1.pdf
 
Tuto bada
Tuto badaTuto bada
Tuto bada
 
IoT.pptx
IoT.pptxIoT.pptx
IoT.pptx
 
Ionic
IonicIonic
Ionic
 
Cycle de vie d'activité Android et les composant d'Android
Cycle de vie d'activité Android et les composant d'AndroidCycle de vie d'activité Android et les composant d'Android
Cycle de vie d'activité Android et les composant d'Android
 
Cycle de vie d'activité Android et les composant d'Android
Cycle de vie d'activité Android et les composant d'AndroidCycle de vie d'activité Android et les composant d'Android
Cycle de vie d'activité Android et les composant d'Android
 
Débuter avec phonegap (APACHE CORDOVA) dans eclipse pour android
Débuter avec phonegap (APACHE CORDOVA) dans eclipse pour androidDébuter avec phonegap (APACHE CORDOVA) dans eclipse pour android
Débuter avec phonegap (APACHE CORDOVA) dans eclipse pour android
 
Android
AndroidAndroid
Android
 
Android
AndroidAndroid
Android
 
Apache Cordova 3.3 de zéro
Apache Cordova 3.3 de zéroApache Cordova 3.3 de zéro
Apache Cordova 3.3 de zéro
 
Ateliers : Developpement mobile vs open source
Ateliers : Developpement mobile vs open sourceAteliers : Developpement mobile vs open source
Ateliers : Developpement mobile vs open source
 
Publier une application mobile en un clic
Publier une application mobile en un clicPublier une application mobile en un clic
Publier une application mobile en un clic
 
Toolbox du designer : Useberry
Toolbox du designer : UseberryToolbox du designer : Useberry
Toolbox du designer : Useberry
 
Platform freelance ASP .NET / C#
Platform freelance ASP .NET / C# Platform freelance ASP .NET / C#
Platform freelance ASP .NET / C#
 
Formation iPhone ENSI by (Orange Tunisie)
Formation iPhone ENSI by (Orange Tunisie)Formation iPhone ENSI by (Orange Tunisie)
Formation iPhone ENSI by (Orange Tunisie)
 
My droid
My droidMy droid
My droid
 

Plus de Lilia Sfaxi

Plus de Lilia Sfaxi (20)

chp1-Intro à l'urbanisation des SI.pdf
chp1-Intro à l'urbanisation des SI.pdfchp1-Intro à l'urbanisation des SI.pdf
chp1-Intro à l'urbanisation des SI.pdf
 
Plan d'études_INSAT_2022_2023.pdf
Plan d'études_INSAT_2022_2023.pdfPlan d'études_INSAT_2022_2023.pdf
Plan d'études_INSAT_2022_2023.pdf
 
Lab3-DB_Neo4j
Lab3-DB_Neo4jLab3-DB_Neo4j
Lab3-DB_Neo4j
 
Lab2-DB-Mongodb
Lab2-DB-MongodbLab2-DB-Mongodb
Lab2-DB-Mongodb
 
Lab1-DB-Cassandra
Lab1-DB-CassandraLab1-DB-Cassandra
Lab1-DB-Cassandra
 
TP2-UML-Correction
TP2-UML-CorrectionTP2-UML-Correction
TP2-UML-Correction
 
TP1-UML-Correction
TP1-UML-CorrectionTP1-UML-Correction
TP1-UML-Correction
 
TP0-UML-Correction
TP0-UML-CorrectionTP0-UML-Correction
TP0-UML-Correction
 
TD4-UML
TD4-UMLTD4-UML
TD4-UML
 
TD4-UML-Correction
TD4-UML-CorrectionTD4-UML-Correction
TD4-UML-Correction
 
TD3-UML-Séquences
TD3-UML-SéquencesTD3-UML-Séquences
TD3-UML-Séquences
 
TD3-UML-Correction
TD3-UML-CorrectionTD3-UML-Correction
TD3-UML-Correction
 
TD2 - UML - Correction
TD2 - UML - CorrectionTD2 - UML - Correction
TD2 - UML - Correction
 
TD1 - UML - DCU
TD1 - UML - DCUTD1 - UML - DCU
TD1 - UML - DCU
 
TD1-UML-correction
TD1-UML-correctionTD1-UML-correction
TD1-UML-correction
 
Android - Tp2 - Elements graphiques
Android - Tp2 - Elements graphiques Android - Tp2 - Elements graphiques
Android - Tp2 - Elements graphiques
 
Android - TPBonus - web services
Android - TPBonus - web servicesAndroid - TPBonus - web services
Android - TPBonus - web services
 
Android - Tp4 - graphiques avancés
Android - Tp4 - graphiques avancésAndroid - Tp4 - graphiques avancés
Android - Tp4 - graphiques avancés
 
Android - Tp 5 - stockage de données
Android - Tp 5 -  stockage de donnéesAndroid - Tp 5 -  stockage de données
Android - Tp 5 - stockage de données
 
Lab3-Android
Lab3-AndroidLab3-Android
Lab3-Android
 

Android - Tp1 - installation et démarrage

  • 1. U n i v e r s i t é V i r t u e l l e d e T u n i s - M a s t e r P r o f e s s i o n n e l e n L o g i c i e l L i b r e TP1 : Installation et Démarrage Dr. Lilia Sfaxi Objectifs du TP : Installation de l’environnement Android – Lancement et modification d’un exemple Helloworld Développement d'Applications Mobiles
  • 2. 2 TP1 : Installation et Démarrage Développement d'Applications Mobiles I. Installation Commencer par télécharger Android Studio à partir de : https://developer.android.com/sdk/index.html Installer l’IDE. La page de démarrage aura l’aspect suivant :
  • 3. TP1 : Installation et Démarrage 3 Développement d'Applications Mobiles II. Ma première application Android Pour créer un projet Android : • Choisir dans la page de démarrage : Start a new Android Studio Project • Choisir Empty Activity dans les possibilités affichées. • Spécifier : o Le nom du projet : Helloworld o Le nom du package : uvt.tp.helloworld. o Choisir également l’emplacement de votre projet, de grande préférence dans un répertoire workspace que vous conserverez. o Le langage à utiliser (ce TP utilise le langage Java, mais vous pouvez travailler avec Kotlin). o Conserver le minimum SDK par défaut. • Cliquer sur Finish. Un nouveau projet apparaît. La fenêtre qui s’affiche aura l’allure suivante :
  • 4. 4 TP1 : Installation et Démarrage Développement d'Applications Mobiles • Créer et démarrer un émulateur en allant à Tools -> AVD Manager et en suivant les étapes demandées. Astuce Il est recommandé de démarrer votre émulateur une seule fois, de cocher Use same device for future launches, puis de le laisser actif. Chaque fois que vous désirez changer votre application ou lancer une nouvelle application, il suffit de l’exécuter en sélectionnant votre projet, cliquer sur . III. Cycle de vie d’une activité Nous désirons spécifier un comportement pour chacun des évènements dans le cycle de vie de notre activité principale HelloworldActivity. Pour cela, nous devons redéfinir les méthodes correspondantes à chaque événement. Dans le fichier HelloworldActivity.java, nous remarquons que la méthode onCreate est déjà générée : c’est la seule méthode obligatoire. De la même manière, il est possible de générer facilement les autres méthodes, grâce à l’ADT. Pour générer ces méthodes, commencer à taper le nom de la méthode dans le fichier de code, puis taper sur les touches Ctrl-Espace, comme indiqué dans la figure suivante. Activité-1. Exécuter votre application, et observer le résultat. Chercher dans l’arborescence du projet où se trouve la chaîne de caractères affichée dans l’émulateur, et quelles sont les étapes suivies pour obtenir cet affichage.
  • 5. TP1 : Installation et Démarrage 5 Développement d'Applications Mobiles Cliquer sur la méthode qui vous est proposée. Son code sera automatiquement généré. Activité-2. 1. Générer les méthodes correspondant à chacun des évènements listés dans le cycle de vie. 2. Nous désirons voir le comportement de l’activité pour chacun de ces évènements. Pour cela, chaque méthode va afficher son nom. Indication : Utiliser le code suivant pour l’affichage : Toast.makeText(this, "message à afficher", Toast.LENGTH_LONG).show(); 3. Exécuter votre application. Que constatez-vous ? A quels moments sont appelés les différentes méthodes que vous avez ré-implémenté ? Remarque : Nous allons utiliser un Toast pour afficher un message. Un Toast est un message qui apparaît sur la surface de la fenêtre active. Il remplit uniquement l’espace requis pour le message, et l’activité en cours de l’utilisateur reste visible et interactive. La notification disparaît au bout d’un moment, dont la durée est précisée à la création.