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

Cours Visual Basic.NET
Cours Visual Basic.NETCours Visual Basic.NET
Cours Visual Basic.NETAziz Darouichi
 
Android-Tp4: stockage
Android-Tp4: stockageAndroid-Tp4: stockage
Android-Tp4: stockageLilia Sfaxi
 
Android-Tp5 : web services
Android-Tp5 : web servicesAndroid-Tp5 : web services
Android-Tp5 : web servicesLilia Sfaxi
 
Cours d'introduction aux HTML5 & CSS3
Cours d'introduction aux HTML5 & CSS3Cours d'introduction aux HTML5 & CSS3
Cours d'introduction aux HTML5 & CSS3Abel LIFAEFI MBULA
 
Exercice 1 java Héritage
Exercice 1 java HéritageExercice 1 java Héritage
Exercice 1 java HéritageNadaBenLatifa
 
Correction examen-java-avancé-1
Correction examen-java-avancé-1Correction examen-java-avancé-1
Correction examen-java-avancé-1vangogue
 
Correction Examen 2016-2017 POO .pdf
Correction Examen 2016-2017 POO .pdfCorrection Examen 2016-2017 POO .pdf
Correction Examen 2016-2017 POO .pdfslimyaich3
 
Présentation python
Présentation pythonPrésentation python
Présentation pythonSarah
 
Chapitre 4 heritage et polymorphisme
Chapitre 4 heritage et polymorphismeChapitre 4 heritage et polymorphisme
Chapitre 4 heritage et polymorphismeAmir Souissi
 
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 webHouda TOUKABRI
 
Python avancé : Interface graphique et programmation évènementielle
Python avancé : Interface graphique et programmation évènementiellePython avancé : Interface graphique et programmation évènementielle
Python avancé : Interface graphique et programmation évènementielleECAM Brussels Engineering School
 
Base de donnees Avancees et Intro à NoSQL.ppt
Base de donnees Avancees et Intro à  NoSQL.pptBase de donnees Avancees et Intro à  NoSQL.ppt
Base de donnees Avancees et Intro à NoSQL.pptIdriss22
 

Tendances (20)

Cours Visual Basic.NET
Cours Visual Basic.NETCours Visual Basic.NET
Cours Visual Basic.NET
 
Android-Tp4: stockage
Android-Tp4: stockageAndroid-Tp4: stockage
Android-Tp4: stockage
 
Langage C#
Langage C#Langage C#
Langage C#
 
Support POO Java première partie
Support POO Java première partieSupport POO Java première partie
Support POO Java première partie
 
JAVA
JAVAJAVA
JAVA
 
Android-Tp5 : web services
Android-Tp5 : web servicesAndroid-Tp5 : web services
Android-Tp5 : web services
 
Cours design pattern m youssfi partie 7 facade bridge flyweight
Cours design pattern m youssfi partie 7 facade bridge flyweightCours design pattern m youssfi partie 7 facade bridge flyweight
Cours design pattern m youssfi partie 7 facade bridge flyweight
 
Cours d'introduction aux HTML5 & CSS3
Cours d'introduction aux HTML5 & CSS3Cours d'introduction aux HTML5 & CSS3
Cours d'introduction aux HTML5 & CSS3
 
Exercice 1 java Héritage
Exercice 1 java HéritageExercice 1 java Héritage
Exercice 1 java Héritage
 
Correction examen-java-avancé-1
Correction examen-java-avancé-1Correction examen-java-avancé-1
Correction examen-java-avancé-1
 
Ch 01 poo
Ch 01 pooCh 01 poo
Ch 01 poo
 
Correction Examen 2016-2017 POO .pdf
Correction Examen 2016-2017 POO .pdfCorrection Examen 2016-2017 POO .pdf
Correction Examen 2016-2017 POO .pdf
 
Présentation python
Présentation pythonPrésentation python
Présentation python
 
Chapitre 4 heritage et polymorphisme
Chapitre 4 heritage et polymorphismeChapitre 4 heritage et polymorphisme
Chapitre 4 heritage et polymorphisme
 
Cours design pattern m youssfi partie 2 observer
Cours design pattern m youssfi partie 2 observerCours design pattern m youssfi partie 2 observer
Cours design pattern m youssfi partie 2 observer
 
Support JEE Servlet Jsp MVC M.Youssfi
Support JEE Servlet Jsp MVC M.YoussfiSupport JEE Servlet Jsp MVC M.Youssfi
Support JEE Servlet Jsp MVC M.Youssfi
 
DART.pptx
DART.pptxDART.pptx
DART.pptx
 
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
 
Python avancé : Interface graphique et programmation évènementielle
Python avancé : Interface graphique et programmation évènementiellePython avancé : Interface graphique et programmation évènementielle
Python avancé : Interface graphique et programmation évènementielle
 
Base de donnees Avancees et Intro à NoSQL.ppt
Base de donnees Avancees et Intro à  NoSQL.pptBase de donnees Avancees et Intro à  NoSQL.ppt
Base de donnees Avancees et Intro à NoSQL.ppt
 

Similaire à Android - Tp1 - installation et démarrage

Les ateliers android_1_vers2015
Les ateliers android_1_vers2015Les ateliers android_1_vers2015
Les ateliers android_1_vers2015Saber LAJILI
 
Les ateliers android_1_vers2015
Les ateliers android_1_vers2015Les ateliers android_1_vers2015
Les ateliers android_1_vers2015Sabeur LAJILI
 
Les ateliers android_1_vers2015
Les ateliers android_1_vers2015Les ateliers android_1_vers2015
Les ateliers android_1_vers2015Sabeur LAJILI
 
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'AndroidHoussem Lahiani
 
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'AndroidHoussem Lahiani
 
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 androidBosco Basabana
 
Ateliers : Developpement mobile vs open source
Ateliers : Developpement mobile vs open sourceAteliers : Developpement mobile vs open source
Ateliers : Developpement mobile vs open sourceKorteby Farouk
 
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 clicFabernovel
 
Toolbox du designer : Useberry
Toolbox du designer : UseberryToolbox du designer : Useberry
Toolbox du designer : UseberryLudivine Dobigny
 
Platform freelance ASP .NET / C#
Platform freelance ASP .NET / C# Platform freelance ASP .NET / C#
Platform freelance ASP .NET / C# Saâd Zerhouni
 
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

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.pdfLilia Sfaxi
 
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.pdfLilia Sfaxi
 
Lab1-DB-Cassandra
Lab1-DB-CassandraLab1-DB-Cassandra
Lab1-DB-CassandraLilia Sfaxi
 
TP2-UML-Correction
TP2-UML-CorrectionTP2-UML-Correction
TP2-UML-CorrectionLilia Sfaxi
 
TP1-UML-Correction
TP1-UML-CorrectionTP1-UML-Correction
TP1-UML-CorrectionLilia Sfaxi
 
TP0-UML-Correction
TP0-UML-CorrectionTP0-UML-Correction
TP0-UML-CorrectionLilia Sfaxi
 
TD4-UML-Correction
TD4-UML-CorrectionTD4-UML-Correction
TD4-UML-CorrectionLilia Sfaxi
 
TD3-UML-Séquences
TD3-UML-SéquencesTD3-UML-Séquences
TD3-UML-SéquencesLilia Sfaxi
 
TD3-UML-Correction
TD3-UML-CorrectionTD3-UML-Correction
TD3-UML-CorrectionLilia Sfaxi
 
TD2 - UML - Correction
TD2 - UML - CorrectionTD2 - UML - Correction
TD2 - UML - CorrectionLilia Sfaxi
 
TD1-UML-correction
TD1-UML-correctionTD1-UML-correction
TD1-UML-correctionLilia Sfaxi
 
Android - Tp2 - Elements graphiques
Android - Tp2 - Elements graphiques Android - Tp2 - Elements graphiques
Android - Tp2 - Elements graphiques Lilia Sfaxi
 
Android - TPBonus - web services
Android - TPBonus - web servicesAndroid - TPBonus - web services
Android - TPBonus - web servicesLilia Sfaxi
 
Android - Tp4 - graphiques avancés
Android - Tp4 - graphiques avancésAndroid - Tp4 - graphiques avancés
Android - Tp4 - graphiques avancésLilia Sfaxi
 
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éesLilia 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.