[PDF] Développement dApplications Mobiles sous Android Abdelhak

View - Download Développement dApplications Mobiles sous Android Abdelhak

Previous PDF

Next PDF

1Développement d'Applications Mobiles sous AndroidAbdelhak-Djamel Seriai2018

OrganisationlCourslDeux groupes •Travaux pratiques-TPsliés à l'ensemble des concepts et aspects abordés dans le cours -Un Mini-projet: une véritable application Android (66% de la note finale)-Par groupe de 2 personnes -Une partie à réaliser pendant les séances TP2

1) Comprendre les éléments de base pour le

développement sous d'Android

2) Pouvoir créer une première application

simple 3

Premier Cours

Android:

Le quoi,

Le pourquoi,

Le contexte,

4

Premier Cours : Première partie

Introduction:Téléphonie mobile

YSmartPhone [wikipedia]

personnel clavier messagerieinstantanée,leGPS,etc». 5

Introduction: Téléphonie mobile

YVentede"terminauxmobiles"évolués

estunSmartphone unpeuplusmilliardd'unités

2014contre2,3en2009

6

Introduction: parts de marché des OS

7

Introduction: Les principaux OS mobiles

Android(google,")

(ResearchInMotion);

PalmWebOS(successeurdePalmOs)

(http://www.tizenassociation.org/en/)

MeeGo,InteletNokia(https://meego.com/)

Etc. 8

Introduction: Les principaux OS mobiles

9

Source : http://socialcompare.com/

Applications mobiles

8QH MSSOLŃMPLRQ PRNLOH V·H[pŃXPH VXU XQ VXSSRUP PMPpULHO mobile:

-Ressourceslimitées -Batterie (énergie), interface graphique, CPU,

SpULSOpULTXHV G·H2 "

-Périphériques très divers -De très élémentaire au très évolué -Utilisationubiquitaire -Ubiquité géographique -Ubiquité des utilisateurs -8PLOLVMPLRQ NMVpH VXU O·LQPHUMŃPLRQ MYHŃ O

XPLOLVMPHXU YLM XQH LQPHUIMŃH

mobile 10

Applications mobiles

Ubiquité des supports

-Adaptation au contexte, aux situations et aux utilisateurs -5{OH GH O·LQIUMVPUXŃPXUH PMPpULHO Ą OS+ langage) : -FMSPHXUV LQPpJUpV ORŃMOLVMPLRQ PHPSpUMPXUH YLPHVVH " -Rôle du développeur (niveau applicatif) : -Applications sensibles au contexte

Ressources limitées

-Adaptation au support matériel -5{OH GH O·LQIUMVPUXŃPXUH OS + langage) : -0RGH G·LQPHUMŃPLRQ MGMSPp PMŃPLOH JHVPLRQ GHV SURŃHVVXV JHVPLRQ GHV

évènements et des priorités, etc.

-Rôle du développeur (niveau applicatif): -Applications adaptées aux ressources (écrans tactiles, clavier limitées,

NMPPHULH "

11

La plate-forme Android: Historique

YL'iphoned'Apple

YLesusagesproposés

YHandsetAlliance

Estunecoalitionquiavulejourfin2007

YGoogleestl'acteurmajeur

12

La plate-forme Android: Historique

YLesversionsdelaplate-forme

13

La plate-forme Android: Caractéristiques

YElleestinnovante

YElleestaccessible

Utilisationd'unémulateur

YElleestouverte

La plate-forme Android: Architecture

DevelopmentKit)

calendrier... 15

La plate-forme Android: Architecture

16

La plate-forme Android:kit de développement

YMachine virtuelle "Dalvik"

-Offre l'avantage de toute machine virtuelle -Couche d'abstraction entre le développeur d'applications et des implémentations matérielles particulières -La VM Dalvik n'est pas une VM Java -Tient compte des contraintes de CPU et mémoire -Exécute des fichiers .dex (Dalvik Executable) optimisé -Les applications sont totalement indépendantes ("sandbox") 17

La plate-forme Android:kit de

développement

DesAPI(ApplicationProgrammingInterface)

Deladocumentation

Desoutils-parmilesquelsunémulateur

YLeSDKAndroidestdisponiblesurlesitede

Google:http://developer.android.com

YAutresbriqueslogicielles:

ADT:AndroidDevelopmentToolsPlugin

applicationsAndroid 18

Cours1-Partie 2

Présentation des différents

composants d'une application

Android

19

Fichier de configuration Android (manifest)

Y4X·HVP TXH Ń·HVP?

Une application Android est un assemblage de composants liées grâce à un fichier de configuration

Décrit entre autres:

YLe point d'entrée de l'application: quel code doit être exécuté au démarrage de l'application YQuels composants constituent ce programme: les activités, les services, ... YIHV SHUPLVVLRQV QpŃHVVMLUHV j O·H[pŃXPLRQ GX SURJUMPPH

YComment?

Fichier XML: AndroidManifest.xml

20

Fichier de configuration Android

YExemple

21
... ... ...

Composants d'une application Android

YLes composants peuvent être classés en éléments applicatifs

HP pOpPHQPV G·LQPHUMŃPLRQ

Eléments applicatifs

YActivité

YService

YFournisseur de contenu

YGadget (widget)

(OpPHQPV G·LQPHUMŃPLRQ

YObjet Intent

YRécepteur d'Intents

YNotification

22

Composants d'une application Android

23

Application

Vue1 Vue3 Vue2 Vue n

Ressources

Manifeste: fichier de configuration

Activité au premier plan

Activités de l'application

Activité

YPrésentation

Elle correspond à la partie présentation de

l'application: correspond à un écran

YReprésente le bloc de base d'une application

utilisateur elles-mêmesd'autresvues

Unformulaired'ajoutdecontactsou

encoreunplanGoogleMapssurle lequelonpeutajouterdel'information posséderadoncautantd'activités 24

Activité

YUtilisation

YSoninterfaceutilisateur

YProgrammative:danslecodedel'activité

YDéclarative:dansunfichierXML

25

Activité

26
import android.app.Activity; import android.os.Bundle; public class ActiviteBasic extends Activity{ //méthode OnCreate appelée à la création de l'activité public void onCreate(Bundle etatSauvegarde){ super.onCreate(etatSauvegarde);

Activité

namequidésignelaclassedel'activité terminal

Structure

27
android:label="nom_de_l_activite"

Activité

YCycledevied'uneactivité

YActive(active)

utilisateur

AppelàlaméthodeonResume()

YSuspendue(Paused)

lefocus

YArrêté(stopped)

Activiténonvisible

AppeldelaméthodeonStop()

28

Activité

YCycledevied'uneactivité

29
public class Main extends Activity { public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.acceuil); } protected void onDestroy() { super.onDestroy(); } protected void onPause() { super.onPause(); } protected void onResume() { super.onResume(); } protected void onStart() { super.onStart(); } protected void onStop() { super.onStop(); } }

Activité

30

YCycledevied'uneactivité

Les interfaces d'applications :Les Vues

YPrésentation

graphiqued'uneactivitéAndroid

YUtilisation

Lesvuessontsoientprédéfiniesparla

plateforme-textes,boutons,oucréées commedesélémentspersonnalisés

ChaqueécranAndroidcontientunarbre

d'élémentsdetypeView

Lesvuespeuventêtredisposéesdansune

parunedescriptionXML,soitparun morceaudecodeJava 31

Les interfaces d'applications Android

ViewGroupĺunarborescence

activitéseferaviadesgabaritsdevues 32

Les interfaces d'applications Android

YPositionnementdesvuesaveclesgabarits

ViewGroup

YQuelquestypesdegabarits

LinearLayout

incorporés d'affichagedeséléments

Horizontal:affichagedegaucheàdroite

Vertical:affichagedehautenbas

33

Les interfaces d'applications Android

YQuelquestypesdegabarits

RelativeLayout

TableLayout

34

Les interfaces d'applications Android

tailledel'écran automatiquedeséléments

Ysont à privilégiées

YElles permettent de s'adapter plus aisément à différentes tailles d'écran

YRendent les applications plus portables

35

Les interfaces d'applications Android

layout_weight layout_height

YValeursprédéfinies

Lesvaleursprédéfinies

Yfill_parent

surlalargeur/hauteur

Ywrap_content

nécessaireenlargeur/hauteur 36

Création d'une interface utilisateur

fonctionnelledel'application fichierXML classed'activité 37

Définition de l'interface en XML

YLes fichiers de définition d'interface en XML sont enregistrés dans le dossier res/layout du projet YChaque fichier XML définissant une interface graphique est associé à un identifiant unique généré automatiquement qui peut être référencé dans le code de l'application

Exemple: R.layout.monLayout

38

Association entre activité et interface

del'activité 39

Association entre activité et interface

YSpécifier une vue pour l'activité

40

Import android.app.Activity;

import android.os.Bundle; public class Main extends Activity { @override public void onCreate(Bundle saveInstanceState){ super.onCreate(saveInstanceState); setContentView(R.layout.main); Création une interface dansle code source (sans définition XML)

YExemple

41
import android.app.Activity; import android.os.Bundle; import android.widget.TextView; public class Main extends Activity { @Override public void onCreate(Bundle saveInstanceState) { super.onCreate(saveInstanceState);

TextView monTextView = new TextView(this);

setContentView(monTextView); monTextView.setText(" Notre premier cours Android");

Utilisation des gabarits

YPour intégrer plus d'une

vue à une activité: réunir tous ces vues dans un gabarit de vues

Détail technique: la

méthode

SetContentView()

n'accepte qu'un seul objet graphique (une vue) comme paramètre

Directement dans le

code 42
public class Main extends Activity { @Override public void onCreate(Bundle saveInstanceState) { super.onCreate(saveInstanceState); LinearLayout monLinearLayout = new LinearLayout(this)

TextView monTextView1 = new TextView(this);

monTextView1.setText(" Notre premier cours Android");

TextView monTextView2 = new TextView(this);

monTextView2.setText(" vivement le premier TP"); monLinearLayout.addView(monTextView1); monLinearLayout.addView(monTextView2); setContentView(monLinearLayout); }}

Utilisation des gabarits

YPour intégrer plus d'une

vue à une activité: réunir tous ces vues dans un gabarit de vues

De manière

programatique:

Directement dans le

code

De manière

déclarative: dans un fichier XML 43

Gestion des événements

commeunévénement enutilisantdesécouteurs(listeners) casd'apparitiondecetévénement

OnClick()

44

Un objet

graphique

OÉvénement

E

Méthode associée

à l'événement E

Gestion des événements

YExemple

45

Insertion d'un bouton dans l'interface

quotesdbs_dbs13.pdfusesText_19

[PDF] plus haut jet d'eau du monde

[PDF] tp android corrigé

[PDF] tuto android studio

[PDF] le jet d'eau de genève exercice

[PDF] (z+i)^n=(z-i)^n

[PDF] état d'agrégation définition

[PDF] condensation solide

[PDF] exemple de sublimation

[PDF] fluide frigorigène

[PDF] récit policier exemple

[PDF] norme photo visa canada

[PDF] photo format passeport canada

[PDF] programmation linéaire dualité exercices corrigés

[PDF] photo immigration canada

[PDF] photo visa canada maroc