SlideShare une entreprise Scribd logo
1 
Quels Frameworks 
pour quels usages 
?Cédric Pointel 
Mathieu Hausherr
2 
Te ch Lead 
iOSAndroid 
DEVELOPPEUR 
BlackberryBada Windows Phone7 
MOBILE 
Mathieu Hausherr 
mha@octo.com 
@mhausherr
3 
Te ch Lead 
iOSAndroidRobotique 
DEVELOPPEUR 
MOBILE 
Cédric Pointel 
cpo@octo.com 
@cpointel
Les Google Glass et ses contraintes 
Comment développer sur les Google Glass ? 
Des frameworks selon les usages 
5
6 
Historique 
2011 avril 
2012 
mai 
2012 
juin 
2012 
février 
2013 
avril 
2013 
mai 
2013 
novembre 
2013 
avril 
2014 
mai 
2014
7 
Batterie 
5/6 hours 
Prisme 
Resolution: 
640x360 
Capture 
Photo : 5mpx 
Video : 720p 
Microphone 
Touchpad 
Tap one/two fingers 
Swipe one/two fingers 
Transducteur 
Bone conduction 
Electronique 
16 GB 
1,2 GHz 
1GB RAM 
Wifi / Bluetooth 
Un petit bijou technologique …
8 
… ayant les mêmes fonctionnalités qu’un smartphone … 
Prendre des photos 
Enregistrer des vidéos 
Rechercher sur Google 
Jouer de la musique 
Envoyer des messages 
Effectuer des appels 
Utiliser la navigation 
Recevoir des notifications 
Prendre des notes 
…
9 
… et des interactions équivalentes … 
Par la voix 
« Ok, glass » + commande 
Par le trackpad 
Avec différentes Gestures (taps, swipes, one finger, two fingers) 
Par des boutons physiques 
Pour prendre un photo ou enregistrer une vidéo 
Pour allumer/éteindre les Google Glass 
Avec son corps (tête, yeux, …) 
La détection de mouvement (grâce aux capteurs, accéléromètre, 
gyroscope, …) 
Le clin d’oeil droit 
Les applications “My Glass” 
Sur smartphone (iOS / Android) 
Sur le web (https://glass.google.com/u/0/myglass)
10 
… possédant un petit écran …
11 
… ainsi qu’une batterie limitée
Les Google Glass et ses contraintes 
Comment développer sur les Google Glass ? 
Des frameworks selon les usages 
12
13 
1. La Mirror API 
Deux options pour vos apps 
1. La Glass Developpement Kit
14 
Le code tourne sur le serveur 
RESTFull 
Authentification avec OAuth2.0 
Librairies en Java, PHP, .NET, Ruby, Python … 
Mirror API 
Your service 
Sync 
HTTP 
(REST)
15 
1. La Mirror API 
Deux options pour vos apps 
1. La Glass Developpement Kit
16 
Glass Development Kit
17 
Le code Android classique fonctionne sur les Glass 
Le GDK est en version Preview 
Il est disponible directement dans le SDK manager 
Il ajoute des fonctionnalités dédiées 
La gestion de la voie 
La gestion des gestes du corps 
Un nouveau type d’interface: les Cards 
Glass Development Kit
18 
Vous pouvez utiliser les deux ! 
Mirror API ou GDK ? 
Une notification (Card) poussée avec la Mirror API peut 
lancer une application native (GDK)
Les Google Glass et ses contraintes 
Comment développer sur les Google Glass ? 
Des frameworks selon les usages 
19
Comment gérer la voix ? 
Comment afficher de l’information à l’utilisateur ? 
Comment s’authentifier ? 
Comment scanner ou reconnaître des objets ? 
Comment proposer une navigation intuitive 
? 
Comment échanger avec votre SI et partager 
du contenu avec d’autres utilisateurs ? 
20
21 
Comment gérer la voix ?
22 
Situations 
Comment gérer la voix ? 
Lancer une application 
Transmettre de l’information à une application 
Interagir avec l’application 
Effectuer une recherche 
… 
Exemple : Effectuer un virement ou rechercher une information 
Contraintes 
Les commandes sont « imposées » 
Selon l’usage une connexion réseau est nécessaire
23 
Comment gérer la voix ? 
Solution : le GDK de base permet de gérer la voix de 3 façons 
différentes 
Les commandes vocale via l’écran d’accueil  afin de lancer 
directement un Glassware depuis l’écran d’accueil 
Les commandes vocale contextuelles  afin de lancer les items d’un 
menu directement par la voix 
La reconnaissance vocale  afin de transmettre ce que l’utilisateur dit 
au sein de son activité
24 
Comment gérer la voix ? 
Les commandes vocale via l’écran d’accueil  afin de lancer 
directement un Glassware depuis l’écran d’accueil 
Une ressource XML pour la commande vocale selon une liste définie 
par Google ( VoiceTriggers.Command) 
res/xml/voice_trigger.xml 
<?xml version="1.0" encoding="utf-8"?> 
<trigger keyword="SEND_MONEY" /> 
"SEND_MONEY" 
"FIND_A_PLACE" 
"FIND_A_HOSPITAL" 
"FIND_PARKING" 
"SHOW_ME_MY_SPEED" 
"SHOW_ME_THE_NEWS" 
"SHOW_ME_THE_WEATHER" 
"START_A_RUN" 
"START_A_STOPWATCH" 
"START_A_TIMER" 
"TAKE_A_PICTURE" 
"TAKE_A_NOTE" 
"TRANSLATE_THIS" 
"PLAY_A_GAME" 
Exemple de commandes :
25 
Comment gérer la voix ? 
Les commandes vocale via l’écran d’accueil  afin de lancer 
directement un Glassware depuis l’écran d’accueil 
Déclarer un Intent Filter au sein du Manifest de l’application avec 
également la possibilité de fournir un icône à la commande vocale 
<activity 
android:name=".ui.activity.MainActivity" 
android:icon="@drawable/ic_launcher" 
android:label="@string/app_name" 
android:keepScreenOn="true" 
android:immersive="true"> 
<intent-filter> 
<action android:name="com.google.android.glass.action.VOICE_TRIGGER" /> 
</intent-filter> 
<meta-data 
android:name="com.google.android.glass.VoiceTrigger" 
android:resource="@xml/voice_trigger" /> 
</activity>
26 
Comment gérer la voix ? 
Les commandes vocale via l’écran d’accueil  afin de lancer 
directement un Glassware depuis l’écran d’accueil 
Possibilité d’ajouter un prompt afin d’offrir la possibilité à l’utilisateur 
d’ajouter un message supplémentaire 
<?xml version="1.0" encoding="utf-8"?> 
<trigger keyword="SEND_MONEY"> 
<input prompt="@string/how_much_prompt" /> 
</trigger> 
ArrayList<String> voiceResults = 
getIntent().getExtras().getStringArrayList(RecognizerIntent.EXTRA_RESULTS); 
Il est également possible de restreindre l’utilisation de la voix selon la 
disponibilité de certains services au sein des Google Glass (ex : 
camera, réseau, …)
27 
Comment afficher l’information à l’utilisateur ?
28 
Situations 
Comment afficher de l’information à l’utilisateur ? 
Afficher de l’information 
Rafraichir dynamiquement du contenu 
Offrir la possibilité d’interagir avec le contenu (afficher plus de 
détail, le partager, …) 
Exemple : lors d’un événement ou la visite d’un musée 
Contraintes 
Respecter les guidelines Google 
L’information doit être simple et pertinente
29 
La timeline 
Une vision globale divisée en 4 parties 
Le passé 
Le future / présent 
Les applications appelées « Glasswares » 
Les paramètres pour configurer les Google Glass (WIFI, Bluetooth, …) 
Home
30 
3 types de carte 
Solution : le GDK de base fournit des types d’écran à utiliser afin 
d’afficher de l’information 
Static cards 
Live cards 
Immersion
31 
Les StaticCards 
Static cards 
De simple vue 
Pour afficher du texte, des images, des vidéos ou du 
HTML 
Utilisé pour afficher des notifications ( Mirror API) 
Possibilité d’y invoquer des LiveCards ou de 
l’Immersion 
Ne peut pas être rafraichie fréquemment
32 
Les LiveCards 
Live cards 
Information Temps-réel 
Accès à certaines capacités des Google Glass (ex : 
accéléromètre, gyroscope, camera, …) 
S’exécute au sein de la timeline 
Peut être mis à jour fréquemment 
Low Frequency Livecards (de l’ordre de la seconde) 
High Frequency Livecards
33 
Les Immersions 
Immersion 
S’exécute en dehors de la TimeLine 
Développer votre propre interface ( Activity Android) 
Accès à l’ensemble des capacités des Google Glass 
(ex : les capteurs, la voix, les gestures, …) 
Attention à respecter les contraintes Google (taille de 
l’écran, les interactions, gestures) 
Spécifier dans le Manifest android:immersive="true" 
pour éviter que les Glass se mettent en veille
34 
Gérer l’interface selon le besoin 
Désormais une classe magique : CardBuilder  elle permet de 
générer un layout selon différent styles intégrés au GDK 
View view = new CardBuilder(context, CardBuilder.Layout.COLUMNS) 
.setText(”Bonjour, bienvenue à la Droidcon Paris") 
.setFootnote(”Session Google Glass à 15h55") 
.addImage(R.drawable.image) 
.getView(); 
.Layout.CAPTION .Layout.TITLE .Layout.ALERT 
.Layout.AUTHOR .Layout.ALERT .Layout.COLUMN
35 
Comment s’authentifier ?
36 
Situations 
Réseau social 
Banque 
Assurance 
… 
Exemple : afficher le solde de mon compte 
Contraintes 
Comment s’authentifier ? 
Pas de claviers sur les Glass 
Dicter un mot de passe n’est pas sécurisé
37 
Comment s’authentifier ? 
Solution n°1 : Utiliser les APIs du GDK au moment de l’installation 
d’un Glassware
38 
Solution n°2 : Utiliser un QRCode 
Depuis le site web ou le smartphone 
Contient un token de connexion unique 
Zbar 
Comment s’authentifier ? 
compile files('libs/zbar.jar’) 
imageScanner = new ImageScanner(); 
imageScanner.setConfig(0, Config.X_DENSITY, 3); 
imageScanner.setConfig(0, Config.Y_DENSITY, 3); 
int[] symbols = getIntent().getIntArrayExtra(SCAN_MODES); 
if (symbols != null) { 
imageScanner.setConfig(Symbol.NONE, Config.ENABLE, 0); 
for (int symbol : symbols) { 
imageScanner.setConfig(symbol, Config.ENABLE, 1); 
} 
}
39 
Comment scanner ou reconnaître un objet ?
40 
Situations 
G-Commerce 
Evènementiel 
Logistique 
Intervention sur le terrain 
… 
Exemple : détecter une bouteille de vin 
Contraintes 
Performances 
Détection en local 
Comment scanner ou reconnaître un objet ?
41 
Solution n°1 : Ajouter un QRCode / Utiliser un code barre 
Zbar 
Comment scanner ou reconnaître un objet ? 
compile files('libs/zbar.jar') 
cameraPreview = (CameraPreview) findViewById(R.id.camerapreview); 
cameraPreview.setAutoFocusCallback(new Camera.AutoFocusCallback() { 
public void onAutoFocus(boolean success, Camera camera) { 
autoFocusHandler.postDelayed(doAutoFocus, 1000); 
} 
}); 
cameraPreview.setPreviewCallback(this); 
public void onPreviewFrame(byte[] data, Camera camera) { 
int result = imageScanner.scanImage(barcode); 
}
42 
Comment scanner ou reconnaître un objet ? 
Solution n°2 : Détection de forme 
OpenCV 
Limites : pas de résultats simplement actionnables
43 
Comment proposer une navigation 
intuitive et dynamique ?
44 
Situations 
Comment proposer une navigation intuitive et dynamique ? 
Salon / Soirée démonstration 
Utilisateur privilégié / jeu concours 
… 
Exemple : rendre une navigation fluide lors de l’affichage de contenu 
Contraintes 
L’utilisateur est face à un terminal qu’il connaît mal 
Google propose déjà des guidelines
45 
Comment proposer une navigation intuitive et dynamique ? 
Solution n°1 : En mimant l’interface Google 
Liste de sélection 
sensorManager = (SensorManager) this.getSystemService(Context.SENSOR_SERVICE); 
sensor = sensorManager.getDefaultSensor(Sensor.TYPE_ROTATION_VECTOR); 
sensorManager.registerListener(this, sensor, SensorManager.SENSOR_DELAY_FASTEST);
46 
Comment proposer une navigation intuitive et dynamique ? 
Solution n°2 : Avec les mouvement du corps 
sensorManager = (SensorManager) this.getSystemService(Context.SENSOR_SERVICE); 
sensor = sensorManager.getDefaultSensor(Sensor.TYPE_ROTATION_VECTOR); 
sensorManager.registerListener(this, sensor, SensorManager.SENSOR_DELAY_FASTEST); 
TYPE_ROTATION_VECTOR 
TYPE_ACCELEROMETER 
TYPE_GYROSCOPE 
TYPE_LINEAR_ACCELERATION 
TYPE_GRAVITY 
TYPE_MAGNETIC_FIELD 
Exemples :
47 
Comment proposer une navigation intuitive et dynamique ? 
Solution n°3 : En utilisant la caméra 
OnTheGo Platforms : https://www.otgplatforms.com/
48 
Comment échanger avec votre SI et partager 
du contenu avec d’autres utilisateurs ?
49 
Situations 
Comment échanger avec votre SI et partager du 
Réseaux sociaux 
Assistance à distance 
Assurance 
… 
contenu avec d’autres utilisateurs ? 
Exemple : afficher ce que je vois à un conseiller clientèle 
Contraintes 
Internet partagé avec le téléphone 
Capacité du processeur
50 
Comment échanger avec votre SI et partager du 
Solution n°1 : Via des APIs 
contenu avec d’autres utilisateurs ? 
Utilisez votre librairie réseau préférée! 
compile 'com.mcxiaoke.volley:library:1.0.4@aar’ 
compile 'com.octo.android.robospice:robospice:1.4.14’ 
compile 'com.squareup.retrofit:retrofit:1.6.1’
51 
Comment échanger avec votre SI et partager du 
Solution n°2 : En vidéo 
contenu avec d’autres utilisateurs ? 
En utilisant la solution de QuickBlox
52 
Comment échanger avec votre SI et partager du 
Solution n°2 : En vidéo 
contenu avec d’autres utilisateurs ? 
En utilisant la solution de QuickBlox 
public Camera getCamera() { 
try { 
Field privateCameraField = 
com.quickblox.module.videochat.views.CameraView.class.getDeclaredField("camera"); 
privateCameraField.setAccessible(true); 
return (Camera) privateCameraField.get(this); 
} catch (NoSuchFieldException e) { 
return null; 
} catch (IllegalAccessException e) { 
return null; 
} 
}
Conclusion 
53
Disponible dès demain sur : 
54 
Merci de votre attention. 
Questions ? 
Mathieu Hausherr 
mha@octo.com 
@mhausherr 
Cédric Pointel 
cpo@octo.com 
@cpointel

Contenu connexe

Similaire à Google glass droidcon - DroidCon Paris 2014

Développement d'applications mobiles.. Environnement de programmation visuelle
Développement d'applications mobiles.. Environnement de programmation visuelleDéveloppement d'applications mobiles.. Environnement de programmation visuelle
Développement d'applications mobiles.. Environnement de programmation visuelle
REGIONAL ACADEMY OF EDUCATION AND TRAINING
 
Android introvf
Android introvfAndroid introvf
Android introvf
Anne-Marie Pinna-Dery
 
Webdesign, UX et UCD #1
Webdesign, UX et UCD #1Webdesign, UX et UCD #1
Webdesign, UX et UCD #1
Relax In The Air
 
Cours de Web Design part.1
Cours de Web Design part.1Cours de Web Design part.1
Cours de Web Design part.1
MC Casal
 
Chapitre1+2_35793cfca4b5d005659df01473b886fb.pdf
Chapitre1+2_35793cfca4b5d005659df01473b886fb.pdfChapitre1+2_35793cfca4b5d005659df01473b886fb.pdf
Chapitre1+2_35793cfca4b5d005659df01473b886fb.pdf
yahialinus
 
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
CocoaHeads France
 
Créez vos apps métier Windows 8 sans expertise en programmation, grâce à Proj...
Créez vos apps métier Windows 8 sans expertise en programmation, grâce à Proj...Créez vos apps métier Windows 8 sans expertise en programmation, grâce à Proj...
Créez vos apps métier Windows 8 sans expertise en programmation, grâce à Proj...
Philippe Beraud
 
L'histoire d'HTML5 pour les développeurs Windows Phone 8
L'histoire d'HTML5 pour les développeurs Windows Phone 8L'histoire d'HTML5 pour les développeurs Windows Phone 8
L'histoire d'HTML5 pour les développeurs Windows Phone 8
Microsoft
 
Introduction à Android - Mars 2012
Introduction à Android - Mars 2012Introduction à Android - Mars 2012
Introduction à Android - Mars 2012
Aurélien Guillard
 
Chapitre 1-introduction-plateforme-android
Chapitre 1-introduction-plateforme-androidChapitre 1-introduction-plateforme-android
Chapitre 1-introduction-plateforme-android
Salah Gharbi
 
Mobiliteatime #2 - WatchKit, le framework de développement pour l’Apple Watch
Mobiliteatime #2 - WatchKit, le framework de développement pour l’Apple WatchMobiliteatime #2 - WatchKit, le framework de développement pour l’Apple Watch
Mobiliteatime #2 - WatchKit, le framework de développement pour l’Apple Watch
USERADGENTS
 
Introduction au développement Android
Introduction au développement AndroidIntroduction au développement Android
Introduction au développement Android
Steve Tremblay
 
Chapitre 1 android
Chapitre 1 androidChapitre 1 android
Introduction_Android_-_Complet.pdf
Introduction_Android_-_Complet.pdfIntroduction_Android_-_Complet.pdf
Introduction_Android_-_Complet.pdf
med_univ78
 
chapitre-1-introduction-plateforme-android (2).pdf
chapitre-1-introduction-plateforme-android (2).pdfchapitre-1-introduction-plateforme-android (2).pdf
chapitre-1-introduction-plateforme-android (2).pdf
olfaharrabi2
 
L'histoire d'html5 pour les développeurs windows phone 8
L'histoire d'html5 pour les développeurs windows phone 8L'histoire d'html5 pour les développeurs windows phone 8
L'histoire d'html5 pour les développeurs windows phone 8
davrous
 
5.ateliers avancés
5.ateliers avancés5.ateliers avancés
5.ateliers avancés
Chaikhani Ibtissam
 
cours Android.pptx
cours Android.pptxcours Android.pptx
cours Android.pptx
YaminaGh1
 

Similaire à Google glass droidcon - DroidCon Paris 2014 (20)

Développement d'applications mobiles.. Environnement de programmation visuelle
Développement d'applications mobiles.. Environnement de programmation visuelleDéveloppement d'applications mobiles.. Environnement de programmation visuelle
Développement d'applications mobiles.. Environnement de programmation visuelle
 
Intro Android
Intro AndroidIntro Android
Intro Android
 
Android introvf
Android introvfAndroid introvf
Android introvf
 
Webdesign, UX et UCD #1
Webdesign, UX et UCD #1Webdesign, UX et UCD #1
Webdesign, UX et UCD #1
 
Cours de Web Design part.1
Cours de Web Design part.1Cours de Web Design part.1
Cours de Web Design part.1
 
Chapitre1+2_35793cfca4b5d005659df01473b886fb.pdf
Chapitre1+2_35793cfca4b5d005659df01473b886fb.pdfChapitre1+2_35793cfca4b5d005659df01473b886fb.pdf
Chapitre1+2_35793cfca4b5d005659df01473b886fb.pdf
 
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
 
Créez vos apps métier Windows 8 sans expertise en programmation, grâce à Proj...
Créez vos apps métier Windows 8 sans expertise en programmation, grâce à Proj...Créez vos apps métier Windows 8 sans expertise en programmation, grâce à Proj...
Créez vos apps métier Windows 8 sans expertise en programmation, grâce à Proj...
 
Chapitre 4 sem
Chapitre 4 semChapitre 4 sem
Chapitre 4 sem
 
L'histoire d'HTML5 pour les développeurs Windows Phone 8
L'histoire d'HTML5 pour les développeurs Windows Phone 8L'histoire d'HTML5 pour les développeurs Windows Phone 8
L'histoire d'HTML5 pour les développeurs Windows Phone 8
 
Introduction à Android - Mars 2012
Introduction à Android - Mars 2012Introduction à Android - Mars 2012
Introduction à Android - Mars 2012
 
Chapitre 1-introduction-plateforme-android
Chapitre 1-introduction-plateforme-androidChapitre 1-introduction-plateforme-android
Chapitre 1-introduction-plateforme-android
 
Mobiliteatime #2 - WatchKit, le framework de développement pour l’Apple Watch
Mobiliteatime #2 - WatchKit, le framework de développement pour l’Apple WatchMobiliteatime #2 - WatchKit, le framework de développement pour l’Apple Watch
Mobiliteatime #2 - WatchKit, le framework de développement pour l’Apple Watch
 
Introduction au développement Android
Introduction au développement AndroidIntroduction au développement Android
Introduction au développement Android
 
Chapitre 1 android
Chapitre 1 androidChapitre 1 android
Chapitre 1 android
 
Introduction_Android_-_Complet.pdf
Introduction_Android_-_Complet.pdfIntroduction_Android_-_Complet.pdf
Introduction_Android_-_Complet.pdf
 
chapitre-1-introduction-plateforme-android (2).pdf
chapitre-1-introduction-plateforme-android (2).pdfchapitre-1-introduction-plateforme-android (2).pdf
chapitre-1-introduction-plateforme-android (2).pdf
 
L'histoire d'html5 pour les développeurs windows phone 8
L'histoire d'html5 pour les développeurs windows phone 8L'histoire d'html5 pour les développeurs windows phone 8
L'histoire d'html5 pour les développeurs windows phone 8
 
5.ateliers avancés
5.ateliers avancés5.ateliers avancés
5.ateliers avancés
 
cours Android.pptx
cours Android.pptxcours Android.pptx
cours Android.pptx
 

Plus de Paris Android User Group

Workshop: building your mobile backend with Parse - Droidcon Paris2014
Workshop: building your mobile backend with Parse - Droidcon Paris2014Workshop: building your mobile backend with Parse - Droidcon Paris2014
Workshop: building your mobile backend with Parse - Droidcon Paris2014
Paris Android User Group
 
Workshop: Amazon developer ecosystem - DroidCon Paris2014
Workshop: Amazon developer ecosystem - DroidCon Paris2014Workshop: Amazon developer ecosystem - DroidCon Paris2014
Workshop: Amazon developer ecosystem - DroidCon Paris2014
Paris Android User Group
 
Extending your apps to wearables - DroidCon Paris 2014
Extending your apps to wearables -  DroidCon Paris 2014Extending your apps to wearables -  DroidCon Paris 2014
Extending your apps to wearables - DroidCon Paris 2014
Paris Android User Group
 
Scaling android development - DroidCon Paris 2014
Scaling android development - DroidCon Paris 2014Scaling android development - DroidCon Paris 2014
Scaling android development - DroidCon Paris 2014
Paris Android User Group
 
Ingredient of awesome app - DroidCon Paris 2014
Ingredient of awesome app - DroidCon Paris 2014Ingredient of awesome app - DroidCon Paris 2014
Ingredient of awesome app - DroidCon Paris 2014
Paris Android User Group
 
Framing the canvas - DroidCon Paris 2014
Framing the canvas - DroidCon Paris 2014Framing the canvas - DroidCon Paris 2014
Framing the canvas - DroidCon Paris 2014
Paris Android User Group
 
Deep dive into android restoration - DroidCon Paris 2014
Deep dive into android restoration - DroidCon Paris 2014Deep dive into android restoration - DroidCon Paris 2014
Deep dive into android restoration - DroidCon Paris 2014
Paris Android User Group
 
Archos Android based connected home solution - DroidCon Paris 2014
Archos Android based connected home solution - DroidCon Paris 2014Archos Android based connected home solution - DroidCon Paris 2014
Archos Android based connected home solution - DroidCon Paris 2014
Paris Android User Group
 
Porting VLC on Android - DroidCon Paris 2014
Porting VLC on Android - DroidCon Paris 2014Porting VLC on Android - DroidCon Paris 2014
Porting VLC on Android - DroidCon Paris 2014
Paris Android User Group
 
Robotium vs Espresso: Get ready to rumble ! - DroidCon Paris 2014
Robotium vs Espresso: Get ready to rumble ! - DroidCon Paris 2014Robotium vs Espresso: Get ready to rumble ! - DroidCon Paris 2014
Robotium vs Espresso: Get ready to rumble ! - DroidCon Paris 2014
Paris Android User Group
 
Buildsystem.mk - DroidCon Paris 2014
Buildsystem.mk - DroidCon Paris 2014Buildsystem.mk - DroidCon Paris 2014
Buildsystem.mk - DroidCon Paris 2014
Paris Android User Group
 
maximize app engagement and monetization - DroidCon Paris 2014
maximize app engagement and monetization - DroidCon Paris 2014maximize app engagement and monetization - DroidCon Paris 2014
maximize app engagement and monetization - DroidCon Paris 2014
Paris Android User Group
 
Using the android ndk - DroidCon Paris 2014
Using the android ndk - DroidCon Paris 2014Using the android ndk - DroidCon Paris 2014
Using the android ndk - DroidCon Paris 2014
Paris Android User Group
 
Holo material design transition - DroidCon Paris 2014
Holo material design transition - DroidCon Paris 2014Holo material design transition - DroidCon Paris 2014
Holo material design transition - DroidCon Paris 2014
Paris Android User Group
 
Death to passwords - DroidCon Paris 2014
Death to passwords - DroidCon Paris 2014Death to passwords - DroidCon Paris 2014
Death to passwords - DroidCon Paris 2014
Paris Android User Group
 
Embedded webserver implementation and usage - DroidCon Paris 2014
Embedded webserver implementation and usage - DroidCon Paris 2014Embedded webserver implementation and usage - DroidCon Paris 2014
Embedded webserver implementation and usage - DroidCon Paris 2014
Paris Android User Group
 
Petit design Grande humanité par Geoffrey Dorne - DroidCon Paris 2014
Petit design Grande humanité par Geoffrey Dorne - DroidCon Paris 2014Petit design Grande humanité par Geoffrey Dorne - DroidCon Paris 2014
Petit design Grande humanité par Geoffrey Dorne - DroidCon Paris 2014
Paris Android User Group
 
What's new in android 4.4 - Romain Guy & Chet Haase
What's new in android 4.4 - Romain Guy & Chet HaaseWhat's new in android 4.4 - Romain Guy & Chet Haase
What's new in android 4.4 - Romain Guy & Chet Haase
Paris Android User Group
 
Efficient Image Processing - Nicolas Roard
Efficient Image Processing - Nicolas RoardEfficient Image Processing - Nicolas Roard
Efficient Image Processing - Nicolas Roard
Paris Android User Group
 
Build a user experience by Eyal Lezmy
Build a user experience by Eyal LezmyBuild a user experience by Eyal Lezmy
Build a user experience by Eyal Lezmy
Paris Android User Group
 

Plus de Paris Android User Group (20)

Workshop: building your mobile backend with Parse - Droidcon Paris2014
Workshop: building your mobile backend with Parse - Droidcon Paris2014Workshop: building your mobile backend with Parse - Droidcon Paris2014
Workshop: building your mobile backend with Parse - Droidcon Paris2014
 
Workshop: Amazon developer ecosystem - DroidCon Paris2014
Workshop: Amazon developer ecosystem - DroidCon Paris2014Workshop: Amazon developer ecosystem - DroidCon Paris2014
Workshop: Amazon developer ecosystem - DroidCon Paris2014
 
Extending your apps to wearables - DroidCon Paris 2014
Extending your apps to wearables -  DroidCon Paris 2014Extending your apps to wearables -  DroidCon Paris 2014
Extending your apps to wearables - DroidCon Paris 2014
 
Scaling android development - DroidCon Paris 2014
Scaling android development - DroidCon Paris 2014Scaling android development - DroidCon Paris 2014
Scaling android development - DroidCon Paris 2014
 
Ingredient of awesome app - DroidCon Paris 2014
Ingredient of awesome app - DroidCon Paris 2014Ingredient of awesome app - DroidCon Paris 2014
Ingredient of awesome app - DroidCon Paris 2014
 
Framing the canvas - DroidCon Paris 2014
Framing the canvas - DroidCon Paris 2014Framing the canvas - DroidCon Paris 2014
Framing the canvas - DroidCon Paris 2014
 
Deep dive into android restoration - DroidCon Paris 2014
Deep dive into android restoration - DroidCon Paris 2014Deep dive into android restoration - DroidCon Paris 2014
Deep dive into android restoration - DroidCon Paris 2014
 
Archos Android based connected home solution - DroidCon Paris 2014
Archos Android based connected home solution - DroidCon Paris 2014Archos Android based connected home solution - DroidCon Paris 2014
Archos Android based connected home solution - DroidCon Paris 2014
 
Porting VLC on Android - DroidCon Paris 2014
Porting VLC on Android - DroidCon Paris 2014Porting VLC on Android - DroidCon Paris 2014
Porting VLC on Android - DroidCon Paris 2014
 
Robotium vs Espresso: Get ready to rumble ! - DroidCon Paris 2014
Robotium vs Espresso: Get ready to rumble ! - DroidCon Paris 2014Robotium vs Espresso: Get ready to rumble ! - DroidCon Paris 2014
Robotium vs Espresso: Get ready to rumble ! - DroidCon Paris 2014
 
Buildsystem.mk - DroidCon Paris 2014
Buildsystem.mk - DroidCon Paris 2014Buildsystem.mk - DroidCon Paris 2014
Buildsystem.mk - DroidCon Paris 2014
 
maximize app engagement and monetization - DroidCon Paris 2014
maximize app engagement and monetization - DroidCon Paris 2014maximize app engagement and monetization - DroidCon Paris 2014
maximize app engagement and monetization - DroidCon Paris 2014
 
Using the android ndk - DroidCon Paris 2014
Using the android ndk - DroidCon Paris 2014Using the android ndk - DroidCon Paris 2014
Using the android ndk - DroidCon Paris 2014
 
Holo material design transition - DroidCon Paris 2014
Holo material design transition - DroidCon Paris 2014Holo material design transition - DroidCon Paris 2014
Holo material design transition - DroidCon Paris 2014
 
Death to passwords - DroidCon Paris 2014
Death to passwords - DroidCon Paris 2014Death to passwords - DroidCon Paris 2014
Death to passwords - DroidCon Paris 2014
 
Embedded webserver implementation and usage - DroidCon Paris 2014
Embedded webserver implementation and usage - DroidCon Paris 2014Embedded webserver implementation and usage - DroidCon Paris 2014
Embedded webserver implementation and usage - DroidCon Paris 2014
 
Petit design Grande humanité par Geoffrey Dorne - DroidCon Paris 2014
Petit design Grande humanité par Geoffrey Dorne - DroidCon Paris 2014Petit design Grande humanité par Geoffrey Dorne - DroidCon Paris 2014
Petit design Grande humanité par Geoffrey Dorne - DroidCon Paris 2014
 
What's new in android 4.4 - Romain Guy & Chet Haase
What's new in android 4.4 - Romain Guy & Chet HaaseWhat's new in android 4.4 - Romain Guy & Chet Haase
What's new in android 4.4 - Romain Guy & Chet Haase
 
Efficient Image Processing - Nicolas Roard
Efficient Image Processing - Nicolas RoardEfficient Image Processing - Nicolas Roard
Efficient Image Processing - Nicolas Roard
 
Build a user experience by Eyal Lezmy
Build a user experience by Eyal LezmyBuild a user experience by Eyal Lezmy
Build a user experience by Eyal Lezmy
 

Google glass droidcon - DroidCon Paris 2014

  • 1. 1 Quels Frameworks pour quels usages ?Cédric Pointel Mathieu Hausherr
  • 2. 2 Te ch Lead iOSAndroid DEVELOPPEUR BlackberryBada Windows Phone7 MOBILE Mathieu Hausherr mha@octo.com @mhausherr
  • 3. 3 Te ch Lead iOSAndroidRobotique DEVELOPPEUR MOBILE Cédric Pointel cpo@octo.com @cpointel
  • 4. Les Google Glass et ses contraintes Comment développer sur les Google Glass ? Des frameworks selon les usages 5
  • 5. 6 Historique 2011 avril 2012 mai 2012 juin 2012 février 2013 avril 2013 mai 2013 novembre 2013 avril 2014 mai 2014
  • 6. 7 Batterie 5/6 hours Prisme Resolution: 640x360 Capture Photo : 5mpx Video : 720p Microphone Touchpad Tap one/two fingers Swipe one/two fingers Transducteur Bone conduction Electronique 16 GB 1,2 GHz 1GB RAM Wifi / Bluetooth Un petit bijou technologique …
  • 7. 8 … ayant les mêmes fonctionnalités qu’un smartphone … Prendre des photos Enregistrer des vidéos Rechercher sur Google Jouer de la musique Envoyer des messages Effectuer des appels Utiliser la navigation Recevoir des notifications Prendre des notes …
  • 8. 9 … et des interactions équivalentes … Par la voix « Ok, glass » + commande Par le trackpad Avec différentes Gestures (taps, swipes, one finger, two fingers) Par des boutons physiques Pour prendre un photo ou enregistrer une vidéo Pour allumer/éteindre les Google Glass Avec son corps (tête, yeux, …) La détection de mouvement (grâce aux capteurs, accéléromètre, gyroscope, …) Le clin d’oeil droit Les applications “My Glass” Sur smartphone (iOS / Android) Sur le web (https://glass.google.com/u/0/myglass)
  • 9. 10 … possédant un petit écran …
  • 10. 11 … ainsi qu’une batterie limitée
  • 11. Les Google Glass et ses contraintes Comment développer sur les Google Glass ? Des frameworks selon les usages 12
  • 12. 13 1. La Mirror API Deux options pour vos apps 1. La Glass Developpement Kit
  • 13. 14 Le code tourne sur le serveur RESTFull Authentification avec OAuth2.0 Librairies en Java, PHP, .NET, Ruby, Python … Mirror API Your service Sync HTTP (REST)
  • 14. 15 1. La Mirror API Deux options pour vos apps 1. La Glass Developpement Kit
  • 16. 17 Le code Android classique fonctionne sur les Glass Le GDK est en version Preview Il est disponible directement dans le SDK manager Il ajoute des fonctionnalités dédiées La gestion de la voie La gestion des gestes du corps Un nouveau type d’interface: les Cards Glass Development Kit
  • 17. 18 Vous pouvez utiliser les deux ! Mirror API ou GDK ? Une notification (Card) poussée avec la Mirror API peut lancer une application native (GDK)
  • 18. Les Google Glass et ses contraintes Comment développer sur les Google Glass ? Des frameworks selon les usages 19
  • 19. Comment gérer la voix ? Comment afficher de l’information à l’utilisateur ? Comment s’authentifier ? Comment scanner ou reconnaître des objets ? Comment proposer une navigation intuitive ? Comment échanger avec votre SI et partager du contenu avec d’autres utilisateurs ? 20
  • 20. 21 Comment gérer la voix ?
  • 21. 22 Situations Comment gérer la voix ? Lancer une application Transmettre de l’information à une application Interagir avec l’application Effectuer une recherche … Exemple : Effectuer un virement ou rechercher une information Contraintes Les commandes sont « imposées » Selon l’usage une connexion réseau est nécessaire
  • 22. 23 Comment gérer la voix ? Solution : le GDK de base permet de gérer la voix de 3 façons différentes Les commandes vocale via l’écran d’accueil  afin de lancer directement un Glassware depuis l’écran d’accueil Les commandes vocale contextuelles  afin de lancer les items d’un menu directement par la voix La reconnaissance vocale  afin de transmettre ce que l’utilisateur dit au sein de son activité
  • 23. 24 Comment gérer la voix ? Les commandes vocale via l’écran d’accueil  afin de lancer directement un Glassware depuis l’écran d’accueil Une ressource XML pour la commande vocale selon une liste définie par Google ( VoiceTriggers.Command) res/xml/voice_trigger.xml <?xml version="1.0" encoding="utf-8"?> <trigger keyword="SEND_MONEY" /> "SEND_MONEY" "FIND_A_PLACE" "FIND_A_HOSPITAL" "FIND_PARKING" "SHOW_ME_MY_SPEED" "SHOW_ME_THE_NEWS" "SHOW_ME_THE_WEATHER" "START_A_RUN" "START_A_STOPWATCH" "START_A_TIMER" "TAKE_A_PICTURE" "TAKE_A_NOTE" "TRANSLATE_THIS" "PLAY_A_GAME" Exemple de commandes :
  • 24. 25 Comment gérer la voix ? Les commandes vocale via l’écran d’accueil  afin de lancer directement un Glassware depuis l’écran d’accueil Déclarer un Intent Filter au sein du Manifest de l’application avec également la possibilité de fournir un icône à la commande vocale <activity android:name=".ui.activity.MainActivity" android:icon="@drawable/ic_launcher" android:label="@string/app_name" android:keepScreenOn="true" android:immersive="true"> <intent-filter> <action android:name="com.google.android.glass.action.VOICE_TRIGGER" /> </intent-filter> <meta-data android:name="com.google.android.glass.VoiceTrigger" android:resource="@xml/voice_trigger" /> </activity>
  • 25. 26 Comment gérer la voix ? Les commandes vocale via l’écran d’accueil  afin de lancer directement un Glassware depuis l’écran d’accueil Possibilité d’ajouter un prompt afin d’offrir la possibilité à l’utilisateur d’ajouter un message supplémentaire <?xml version="1.0" encoding="utf-8"?> <trigger keyword="SEND_MONEY"> <input prompt="@string/how_much_prompt" /> </trigger> ArrayList<String> voiceResults = getIntent().getExtras().getStringArrayList(RecognizerIntent.EXTRA_RESULTS); Il est également possible de restreindre l’utilisation de la voix selon la disponibilité de certains services au sein des Google Glass (ex : camera, réseau, …)
  • 26. 27 Comment afficher l’information à l’utilisateur ?
  • 27. 28 Situations Comment afficher de l’information à l’utilisateur ? Afficher de l’information Rafraichir dynamiquement du contenu Offrir la possibilité d’interagir avec le contenu (afficher plus de détail, le partager, …) Exemple : lors d’un événement ou la visite d’un musée Contraintes Respecter les guidelines Google L’information doit être simple et pertinente
  • 28. 29 La timeline Une vision globale divisée en 4 parties Le passé Le future / présent Les applications appelées « Glasswares » Les paramètres pour configurer les Google Glass (WIFI, Bluetooth, …) Home
  • 29. 30 3 types de carte Solution : le GDK de base fournit des types d’écran à utiliser afin d’afficher de l’information Static cards Live cards Immersion
  • 30. 31 Les StaticCards Static cards De simple vue Pour afficher du texte, des images, des vidéos ou du HTML Utilisé pour afficher des notifications ( Mirror API) Possibilité d’y invoquer des LiveCards ou de l’Immersion Ne peut pas être rafraichie fréquemment
  • 31. 32 Les LiveCards Live cards Information Temps-réel Accès à certaines capacités des Google Glass (ex : accéléromètre, gyroscope, camera, …) S’exécute au sein de la timeline Peut être mis à jour fréquemment Low Frequency Livecards (de l’ordre de la seconde) High Frequency Livecards
  • 32. 33 Les Immersions Immersion S’exécute en dehors de la TimeLine Développer votre propre interface ( Activity Android) Accès à l’ensemble des capacités des Google Glass (ex : les capteurs, la voix, les gestures, …) Attention à respecter les contraintes Google (taille de l’écran, les interactions, gestures) Spécifier dans le Manifest android:immersive="true" pour éviter que les Glass se mettent en veille
  • 33. 34 Gérer l’interface selon le besoin Désormais une classe magique : CardBuilder  elle permet de générer un layout selon différent styles intégrés au GDK View view = new CardBuilder(context, CardBuilder.Layout.COLUMNS) .setText(”Bonjour, bienvenue à la Droidcon Paris") .setFootnote(”Session Google Glass à 15h55") .addImage(R.drawable.image) .getView(); .Layout.CAPTION .Layout.TITLE .Layout.ALERT .Layout.AUTHOR .Layout.ALERT .Layout.COLUMN
  • 35. 36 Situations Réseau social Banque Assurance … Exemple : afficher le solde de mon compte Contraintes Comment s’authentifier ? Pas de claviers sur les Glass Dicter un mot de passe n’est pas sécurisé
  • 36. 37 Comment s’authentifier ? Solution n°1 : Utiliser les APIs du GDK au moment de l’installation d’un Glassware
  • 37. 38 Solution n°2 : Utiliser un QRCode Depuis le site web ou le smartphone Contient un token de connexion unique Zbar Comment s’authentifier ? compile files('libs/zbar.jar’) imageScanner = new ImageScanner(); imageScanner.setConfig(0, Config.X_DENSITY, 3); imageScanner.setConfig(0, Config.Y_DENSITY, 3); int[] symbols = getIntent().getIntArrayExtra(SCAN_MODES); if (symbols != null) { imageScanner.setConfig(Symbol.NONE, Config.ENABLE, 0); for (int symbol : symbols) { imageScanner.setConfig(symbol, Config.ENABLE, 1); } }
  • 38. 39 Comment scanner ou reconnaître un objet ?
  • 39. 40 Situations G-Commerce Evènementiel Logistique Intervention sur le terrain … Exemple : détecter une bouteille de vin Contraintes Performances Détection en local Comment scanner ou reconnaître un objet ?
  • 40. 41 Solution n°1 : Ajouter un QRCode / Utiliser un code barre Zbar Comment scanner ou reconnaître un objet ? compile files('libs/zbar.jar') cameraPreview = (CameraPreview) findViewById(R.id.camerapreview); cameraPreview.setAutoFocusCallback(new Camera.AutoFocusCallback() { public void onAutoFocus(boolean success, Camera camera) { autoFocusHandler.postDelayed(doAutoFocus, 1000); } }); cameraPreview.setPreviewCallback(this); public void onPreviewFrame(byte[] data, Camera camera) { int result = imageScanner.scanImage(barcode); }
  • 41. 42 Comment scanner ou reconnaître un objet ? Solution n°2 : Détection de forme OpenCV Limites : pas de résultats simplement actionnables
  • 42. 43 Comment proposer une navigation intuitive et dynamique ?
  • 43. 44 Situations Comment proposer une navigation intuitive et dynamique ? Salon / Soirée démonstration Utilisateur privilégié / jeu concours … Exemple : rendre une navigation fluide lors de l’affichage de contenu Contraintes L’utilisateur est face à un terminal qu’il connaît mal Google propose déjà des guidelines
  • 44. 45 Comment proposer une navigation intuitive et dynamique ? Solution n°1 : En mimant l’interface Google Liste de sélection sensorManager = (SensorManager) this.getSystemService(Context.SENSOR_SERVICE); sensor = sensorManager.getDefaultSensor(Sensor.TYPE_ROTATION_VECTOR); sensorManager.registerListener(this, sensor, SensorManager.SENSOR_DELAY_FASTEST);
  • 45. 46 Comment proposer une navigation intuitive et dynamique ? Solution n°2 : Avec les mouvement du corps sensorManager = (SensorManager) this.getSystemService(Context.SENSOR_SERVICE); sensor = sensorManager.getDefaultSensor(Sensor.TYPE_ROTATION_VECTOR); sensorManager.registerListener(this, sensor, SensorManager.SENSOR_DELAY_FASTEST); TYPE_ROTATION_VECTOR TYPE_ACCELEROMETER TYPE_GYROSCOPE TYPE_LINEAR_ACCELERATION TYPE_GRAVITY TYPE_MAGNETIC_FIELD Exemples :
  • 46. 47 Comment proposer une navigation intuitive et dynamique ? Solution n°3 : En utilisant la caméra OnTheGo Platforms : https://www.otgplatforms.com/
  • 47. 48 Comment échanger avec votre SI et partager du contenu avec d’autres utilisateurs ?
  • 48. 49 Situations Comment échanger avec votre SI et partager du Réseaux sociaux Assistance à distance Assurance … contenu avec d’autres utilisateurs ? Exemple : afficher ce que je vois à un conseiller clientèle Contraintes Internet partagé avec le téléphone Capacité du processeur
  • 49. 50 Comment échanger avec votre SI et partager du Solution n°1 : Via des APIs contenu avec d’autres utilisateurs ? Utilisez votre librairie réseau préférée! compile 'com.mcxiaoke.volley:library:1.0.4@aar’ compile 'com.octo.android.robospice:robospice:1.4.14’ compile 'com.squareup.retrofit:retrofit:1.6.1’
  • 50. 51 Comment échanger avec votre SI et partager du Solution n°2 : En vidéo contenu avec d’autres utilisateurs ? En utilisant la solution de QuickBlox
  • 51. 52 Comment échanger avec votre SI et partager du Solution n°2 : En vidéo contenu avec d’autres utilisateurs ? En utilisant la solution de QuickBlox public Camera getCamera() { try { Field privateCameraField = com.quickblox.module.videochat.views.CameraView.class.getDeclaredField("camera"); privateCameraField.setAccessible(true); return (Camera) privateCameraField.get(this); } catch (NoSuchFieldException e) { return null; } catch (IllegalAccessException e) { return null; } }
  • 53. Disponible dès demain sur : 54 Merci de votre attention. Questions ? Mathieu Hausherr mha@octo.com @mhausherr Cédric Pointel cpo@octo.com @cpointel

Notes de l'éditeur

  1. 1- Un petit tour rapide pour re-présenter les Glass et contraintes 2- Les deux façons de développer 3- Comment utiliser la voix, faire de l’authentification, grâce à des retours d’expériences dans les transports, la banque, l’assurance, les réseaux sociaux et le luxe nous vous montrerons qu’avec le GDK de base ou des frameworks additionnels nous pouvons répondre à ces questions
  2. Qu’est ce que je peut faire de base avec le GDK et où je vais avoir besoin d’une librairie ?