SlideShare una empresa de Scribd logo
1 de 25
Descargar para leer sin conexión
Sfax 2014
Android Wear
Houssem Lahiani
Forum Enet’Com
Le monde des montres
connectées
Android Wear
Houssem Lahiani
Houssem Lahiani
lahianihoussem@gmail.com
houssem-lahiani.blogspot.com
plus.google.com/+HoussemLahiani
Roma
DevFest 2014
Android Wear
developer.android.com/wear
Ever had
a date?!
Ring
Riiing!!!
Combien de temps
perdu vous passez
“avec votre
téléphone”
“Android wearables fournissent la bonne
information au bon moment, ce qui vous
permet d’être connecté au monde virtuel et
présent dans le monde réel à la fois.”
android.com/wear
Mobile
App
Environnement de développement
Il faut télécharger l’Eclipse ADT
http://developer.android.com/sdk/index.html
Mettre à jour son SDK
Dans votre SDK manager,ouvrez le dossier Tools, et cochez au moins Android SDK
Tools, Android SDK Platform-tools et Android SDK build-tools et il faut installer
les dernière mise à jour.
Pour ce qui nous intéresse dans le dossier Extras, cochez Android Support
Repository,Google Repository et Android Support Library et il faut installer les
dernières mise à jour de ces derniers. Ces deux là fournissent les outils pour Android
Wear.
Installez les packages, puis une fois cela fait, redémarrez le SDK Manager et, dans le
dossier Android 4.4.W (API 20) cette fois, cochez Android Wear ARM EABI v7a
System Image si ce n’est déjà fait. Installez le package.
Configurer un émulateur
Ouvrez votre AVD Manager.
Cliquez sur Create… pour instancier votre machine virtuel.
Remplissez les champs que vous voulez modifier et laissez les autres par défaut :
• AVD Name – Un nom pour l’appareil virtuel
• Device - Android Wear Round ou Square device
• Choisissez un CPU/ABI
Keyboard - Séléctionnez Hardware keyboard present
• Skin - AndroidWearRound ou AndroidWearSquare dépendamment de l’appareil
sélectionné
Vous voilà avec un émulateur configuré, prêt à être utilisé pour tester vos applications développées
vous devez aller trouver le fichier dans votre dossier SDK Android:
./extras/google/m2repository/com/google/android/support/wearable/
1.0.0/wearable-1.0.0.aar.
• Tout d'abord, copiez le fichier .aar à un emplacement de votre
choix, changer son extension en .zip, et décompressez-le.
• Dans Eclipse, créez un nouveau projet à partir de ce dossier
décompressé, en utilisant la commande File> New>other>Android
Project From Existing code .Ce projet devrait être configurer
comme librairie :click droit sur le projet>Build path>configure
Build path>Android>cochez Is Librairy.
Configuration de l’environnement
Il faut ajouter Android Wear Support library dans le dossier libs
Une fois que le projet est créé, il y a deux étapes supplémentaires à
effectuer pour faire fonctionner correctement vos projets Android
Wear :
Tout d'abord, vous devez déplacer le fichier classes.jar dans un
dossier «libs /» que vous devez créer dans ce projet là.
Deuxièmement, il faut modifier les préférences du projet pour
s’assurer que le projet est configuré comme un projet qui a « 20 »
comme API level (click droit sur le projet>Build path>Configure Build
Path>Android>Cochez Android 4.4W).
Configuration de l’environnement
Vous pouvez désormais créer votre propre projet Android Wear,et lui
ajoutez la bibliothèque « Wear support library » comme une
dépendance dans votre projet :
Click droit sur le projet>Build path>Configure Build
path>Android>Add>wearable-1.0.0 (voir figure).
Première Application
Dans votre activity_main.xml mettez le code suivant:
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent" >
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Générer la notification"
android:id="@+id/generate_android_wear_notification" />
</RelativeLayout>
Création de notification
Maintenant dans votre activité mettez le code suivant:
public class MainActivity extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
Button launchNotification = (Button) findViewById(R.id.generate_android_wear_notification);
launchNotification.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
createNotification();
}
});
}
Création de notification
Complétez le code de votre activité par cette méthode:
private void createNotification() {
int notificationId = 42;
Intent viewIntent = new Intent(this, ResultActivity.class);
PendingIntent viewPendingIntent =
PendingIntent.getActivity(this, 0, viewIntent, 0);
NotificationCompat.Builder notificationBuilder =
new NotificationCompat.Builder(this)
.setSmallIcon(R.drawable.ic_launcher)
.setContentTitle("Ma notification Android Wear")
.setContentText("Texte de la notification")
.setContentIntent(viewPendingIntent).addAction(R.drawable.yes,
getString(R.string.validate), viewPendingIntent);
NotificationManagerCompat notificationManager =
NotificationManagerCompat.from(this);
notificationManager.notify(notificationId, notificationBuilder.build());
}
}
Créez dans le même package une seconde activité “ ResultActivity.java “ qui affiche une zone texte.
Et il faut la declarée dans l’AndroidManifest.xml
Création de notification
Vous pouvez rajouter vos propres
boutons
simplement à l’aide de la
méthode addAction, qui prends en
argument,
L’icone représentant le bouton
Le texte du bouton
L’intent représentant l’action à
exécuter lors du clic sur le bouton
Roma
DevFest 2014
Android Wear
Merci pour votre attention

Más contenido relacionado

La actualidad más candente

01 programmation mobile - android - (introduction)
01 programmation mobile - android - (introduction)01 programmation mobile - android - (introduction)
01 programmation mobile - android - (introduction)
TECOS
 
Cours android
Cours androidCours android
Cours android
Ad Hafsa
 
CocoaHeads An Android Overview (fr)
CocoaHeads An Android Overview (fr)CocoaHeads An Android Overview (fr)
CocoaHeads An Android Overview (fr)
Mathias Seguy
 
Présentation développement application Android
Présentation développement application AndroidPrésentation développement application Android
Présentation développement application Android
ambin_fr
 

La actualidad más candente (19)

Initiation Android Niveau Débutant
Initiation Android Niveau DébutantInitiation Android Niveau Débutant
Initiation Android Niveau Débutant
 
Cours 1 Android
Cours 1 AndroidCours 1 Android
Cours 1 Android
 
Introduction a Android
Introduction a AndroidIntroduction a Android
Introduction a Android
 
01 programmation mobile - android - (introduction)
01 programmation mobile - android - (introduction)01 programmation mobile - android - (introduction)
01 programmation mobile - android - (introduction)
 
Introduction à Android
Introduction à AndroidIntroduction à Android
Introduction à Android
 
Cours android user_interface_2016
Cours android user_interface_2016Cours android user_interface_2016
Cours android user_interface_2016
 
Programmation sous Android
Programmation sous AndroidProgrammation sous Android
Programmation sous Android
 
Présentation et Initiative pour le développement Android
Présentation et Initiative pour le développement AndroidPrésentation et Initiative pour le développement Android
Présentation et Initiative pour le développement Android
 
Développement Android
Développement AndroidDéveloppement Android
Développement Android
 
Cours Android
Cours AndroidCours Android
Cours Android
 
Cours android
Cours androidCours android
Cours android
 
Apple Watch par Benoit Capallere et Joeffrey Bocquet
Apple Watch par Benoit Capallere et Joeffrey BocquetApple Watch par Benoit Capallere et Joeffrey Bocquet
Apple Watch par Benoit Capallere et Joeffrey Bocquet
 
Chap android
Chap androidChap android
Chap android
 
Initiation au développement mobile sous Android
Initiation au développement mobile sous AndroidInitiation au développement mobile sous Android
Initiation au développement mobile sous Android
 
CocoaHeads An Android Overview (fr)
CocoaHeads An Android Overview (fr)CocoaHeads An Android Overview (fr)
CocoaHeads An Android Overview (fr)
 
Environnement java
Environnement javaEnvironnement java
Environnement java
 
Formation Android (Initiation à la programmation sous Android)
Formation Android (Initiation à la programmation sous Android)Formation Android (Initiation à la programmation sous Android)
Formation Android (Initiation à la programmation sous Android)
 
Code flow - Cocoaheads paris
Code flow - Cocoaheads parisCode flow - Cocoaheads paris
Code flow - Cocoaheads paris
 
Présentation développement application Android
Présentation développement application AndroidPrésentation développement application Android
Présentation développement application Android
 

Destacado

Enib cours c.a.i. web - séance #6 : introduction à node js
Enib   cours c.a.i. web - séance #6 : introduction à node jsEnib   cours c.a.i. web - séance #6 : introduction à node js
Enib cours c.a.i. web - séance #6 : introduction à node js
Horacio Gonzalez
 

Destacado (14)

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
 
Les vues (views) sous android
Les vues (views) sous androidLes vues (views) sous android
Les vues (views) sous android
 
Les intents sous Android
Les intents sous Android Les intents sous Android
Les intents sous Android
 
Les interface graphiques sous android
Les interface graphiques sous androidLes interface graphiques sous android
Les interface graphiques sous android
 
NodeJs, une introduction
NodeJs, une introductionNodeJs, une introduction
NodeJs, une introduction
 
Android
AndroidAndroid
Android
 
Tutorial android - créer des apps
Tutorial android - créer des appsTutorial android - créer des apps
Tutorial android - créer des apps
 
Android pour l'industrie
Android pour l'industrieAndroid pour l'industrie
Android pour l'industrie
 
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
 
Alphorm.com Formation Windev Mobile 19, Android
Alphorm.com Formation Windev Mobile 19, AndroidAlphorm.com Formation Windev Mobile 19, Android
Alphorm.com Formation Windev Mobile 19, Android
 
Alphorm.com Formation Android 5
Alphorm.com Formation Android 5Alphorm.com Formation Android 5
Alphorm.com Formation Android 5
 
Introduction au développement iOS par Pascal Batty - 131112
Introduction au développement iOS par Pascal Batty - 131112Introduction au développement iOS par Pascal Batty - 131112
Introduction au développement iOS par Pascal Batty - 131112
 
Enib cours c.a.i. web - séance #6 : introduction à node js
Enib   cours c.a.i. web - séance #6 : introduction à node jsEnib   cours c.a.i. web - séance #6 : introduction à node js
Enib cours c.a.i. web - séance #6 : introduction à node js
 
Développement Sous Android
Développement Sous AndroidDéveloppement Sous Android
Développement Sous Android
 

Similar a Android wear

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
 
Bootcamp d'Initiation à Android - 2013/11/30 - Live coding : Hello world!
Bootcamp d'Initiation à Android  - 2013/11/30 - Live coding :   Hello world!Bootcamp d'Initiation à Android  - 2013/11/30 - Live coding :   Hello world!
Bootcamp d'Initiation à Android - 2013/11/30 - Live coding : Hello world!
Horacio Gonzalez
 

Similar a Android wear (20)

Android Studio, premier contact
Android Studio, premier contactAndroid Studio, premier contact
Android Studio, premier contact
 
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
 
Tutorial android
Tutorial androidTutorial android
Tutorial android
 
1-android.pdf
1-android.pdf1-android.pdf
1-android.pdf
 
Prérequis au développement google android
Prérequis au développement google androidPrérequis au développement google android
Prérequis au développement google android
 
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
 
Ateliers : Developpement mobile vs open source
Ateliers : Developpement mobile vs open sourceAteliers : Developpement mobile vs open source
Ateliers : Developpement mobile vs open source
 
cours-android.pdf
cours-android.pdfcours-android.pdf
cours-android.pdf
 
Tutorial android
Tutorial androidTutorial android
Tutorial android
 
cours Android.pptx
cours Android.pptxcours Android.pptx
cours Android.pptx
 
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
 
Android introvf
Android introvfAndroid introvf
Android introvf
 
Composants d-une application Android.ppt
Composants d-une application Android.pptComposants d-une application Android.ppt
Composants d-une application Android.ppt
 
Chapitre 1 android
Chapitre 1 androidChapitre 1 android
Chapitre 1 android
 
Android workshop - Bootcamp du Mauriapp Challenge 2016
Android workshop - Bootcamp du Mauriapp Challenge 2016Android workshop - Bootcamp du Mauriapp Challenge 2016
Android workshop - Bootcamp du Mauriapp Challenge 2016
 
Chapitre 4 sem
Chapitre 4 semChapitre 4 sem
Chapitre 4 sem
 
Meetup sencha
Meetup senchaMeetup sencha
Meetup sencha
 
Bootcamp d'Initiation à Android - 2013/11/30 - Live coding : Hello world!
Bootcamp d'Initiation à Android  - 2013/11/30 - Live coding :   Hello world!Bootcamp d'Initiation à Android  - 2013/11/30 - Live coding :   Hello world!
Bootcamp d'Initiation à Android - 2013/11/30 - Live coding : Hello world!
 

Android wear

  • 1. Sfax 2014 Android Wear Houssem Lahiani Forum Enet’Com
  • 2. Le monde des montres connectées Android Wear Houssem Lahiani
  • 7.
  • 8.
  • 9. Combien de temps perdu vous passez “avec votre téléphone”
  • 10.
  • 11. “Android wearables fournissent la bonne information au bon moment, ce qui vous permet d’être connecté au monde virtuel et présent dans le monde réel à la fois.” android.com/wear
  • 12.
  • 14. Environnement de développement Il faut télécharger l’Eclipse ADT http://developer.android.com/sdk/index.html
  • 15. Mettre à jour son SDK Dans votre SDK manager,ouvrez le dossier Tools, et cochez au moins Android SDK Tools, Android SDK Platform-tools et Android SDK build-tools et il faut installer les dernière mise à jour. Pour ce qui nous intéresse dans le dossier Extras, cochez Android Support Repository,Google Repository et Android Support Library et il faut installer les dernières mise à jour de ces derniers. Ces deux là fournissent les outils pour Android Wear. Installez les packages, puis une fois cela fait, redémarrez le SDK Manager et, dans le dossier Android 4.4.W (API 20) cette fois, cochez Android Wear ARM EABI v7a System Image si ce n’est déjà fait. Installez le package.
  • 16. Configurer un émulateur Ouvrez votre AVD Manager. Cliquez sur Create… pour instancier votre machine virtuel. Remplissez les champs que vous voulez modifier et laissez les autres par défaut : • AVD Name – Un nom pour l’appareil virtuel • Device - Android Wear Round ou Square device • Choisissez un CPU/ABI Keyboard - Séléctionnez Hardware keyboard present • Skin - AndroidWearRound ou AndroidWearSquare dépendamment de l’appareil sélectionné
  • 17. Vous voilà avec un émulateur configuré, prêt à être utilisé pour tester vos applications développées
  • 18. vous devez aller trouver le fichier dans votre dossier SDK Android: ./extras/google/m2repository/com/google/android/support/wearable/ 1.0.0/wearable-1.0.0.aar. • Tout d'abord, copiez le fichier .aar à un emplacement de votre choix, changer son extension en .zip, et décompressez-le. • Dans Eclipse, créez un nouveau projet à partir de ce dossier décompressé, en utilisant la commande File> New>other>Android Project From Existing code .Ce projet devrait être configurer comme librairie :click droit sur le projet>Build path>configure Build path>Android>cochez Is Librairy. Configuration de l’environnement Il faut ajouter Android Wear Support library dans le dossier libs
  • 19. Une fois que le projet est créé, il y a deux étapes supplémentaires à effectuer pour faire fonctionner correctement vos projets Android Wear : Tout d'abord, vous devez déplacer le fichier classes.jar dans un dossier «libs /» que vous devez créer dans ce projet là. Deuxièmement, il faut modifier les préférences du projet pour s’assurer que le projet est configuré comme un projet qui a « 20 » comme API level (click droit sur le projet>Build path>Configure Build Path>Android>Cochez Android 4.4W). Configuration de l’environnement
  • 20. Vous pouvez désormais créer votre propre projet Android Wear,et lui ajoutez la bibliothèque « Wear support library » comme une dépendance dans votre projet : Click droit sur le projet>Build path>Configure Build path>Android>Add>wearable-1.0.0 (voir figure). Première Application
  • 21.
  • 22. Dans votre activity_main.xml mettez le code suivant: <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" > <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Générer la notification" android:id="@+id/generate_android_wear_notification" /> </RelativeLayout> Création de notification
  • 23. Maintenant dans votre activité mettez le code suivant: public class MainActivity extends Activity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); Button launchNotification = (Button) findViewById(R.id.generate_android_wear_notification); launchNotification.setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { createNotification(); } }); } Création de notification
  • 24. Complétez le code de votre activité par cette méthode: private void createNotification() { int notificationId = 42; Intent viewIntent = new Intent(this, ResultActivity.class); PendingIntent viewPendingIntent = PendingIntent.getActivity(this, 0, viewIntent, 0); NotificationCompat.Builder notificationBuilder = new NotificationCompat.Builder(this) .setSmallIcon(R.drawable.ic_launcher) .setContentTitle("Ma notification Android Wear") .setContentText("Texte de la notification") .setContentIntent(viewPendingIntent).addAction(R.drawable.yes, getString(R.string.validate), viewPendingIntent); NotificationManagerCompat notificationManager = NotificationManagerCompat.from(this); notificationManager.notify(notificationId, notificationBuilder.build()); } } Créez dans le même package une seconde activité “ ResultActivity.java “ qui affiche une zone texte. Et il faut la declarée dans l’AndroidManifest.xml Création de notification Vous pouvez rajouter vos propres boutons simplement à l’aide de la méthode addAction, qui prends en argument, L’icone représentant le bouton Le texte du bouton L’intent représentant l’action à exécuter lors du clic sur le bouton
  • 25. Roma DevFest 2014 Android Wear Merci pour votre attention