Android, Application, Emulateur – Installer Android SDK sur un Mac et utiliser l’émulateur


Plusieurs articles ont été publiés sur ce blog sur responsive design et sur la manière le plus facile de tester pas forcement des applications mais en tout premier lieu des sites web « responsive ».

Pour mémoire, on avait vu ces différents aspect dans les articles suivants, notamment sur comment tester en local, éventuellement des sites sous iOS, on va voir comment tester sous Android en installant le Android SDK et en s’amusant avec l’émulateur qui est livré avec !

Installer sur Mac, le SDK Android

Il faut se rendre sur le site de developer.android.com et télécharger le package SDK à cette adresse en cliquant sur le lien Get the Android SDK : http://developer.android.com/sdk/index.html

Vous allez donc pouvoir installer tout le bazar nommé ADT (Android Developer Tools). Une fois que vous avez téléchargé android-sdk_r20.0.3-macosx.zip, il ne vous reste plus qu’à dézipper, ce qui vous donne le répertoire suivant android-sdk-macosx.

Vous pouvez installer où bon vous semble ce répertoire, sur votre bureau, dans le dossier Applications. Pour lancer l’installation, il faut se rendre dans [votre_chemin_ou_se_trouve_le_repertoire]/android-sdk-macosx/tools/ et cliquez sur android

L’installation commence une fois que vous avez cliqué sur /android-sdk-macosx/tools/android
Android, Application, Emulateur - Installer sur un mac Android SDK et utiliser l'émulateur

En fonction de votre sélection, l’installation peut prendre un certain temps.
Android, Application, Emulateur - Installer sur un mac Android SDK et utiliser l'émulateur

Il faut valider chacun des éléments de votre sélection
Android, Application, Emulateur - Installer sur un mac Android SDK et utiliser l'émulateur

Oui, il faut valider chacun des éléments de votre sélection !
Android, Application, Emulateur - Installer sur un mac Android SDK et utiliser l'émulateur

Encore et toujours, il faut valider chacun des éléments de votre sélection
Android, Application, Emulateur - Installer sur un mac Android SDK et utiliser l'émulateur

Bon, c’est fait… Après un temps assez long, en fonction de votre connexion, tout est installé
Android, Application, Emulateur - Installer sur un mac Android SDK et utiliser l'émulateur

Lancer l’émulateur Android

C’est la partie un peu délicate parce vous passez par la console de Mac. Une fois dans la console, vous vous rendez dans le repertoire [votre_chemin_ou_se_trouve_le_repertoire]/android-sdk-macosx/tools/ via la commande suivante.

cd [votre_chemin_ou_se_trouve_le_repertoire]/android-sdk-macosx/tools/

Puis vous lancez cette commande.

./android

C’est parti, vous allez avoir le Android SDK Manager qui va se lancer.

Ensuite, vous allez dans Tools > Manage AVDs, cela va vous permettre de gérer des AVDs c’est à dire Android Virtual Devices, en clair des émulateurs de tablettes et de mobiles fonctionnant sous Android.

On va créer dans notre exemple un emulateur nommé nexus_one, qui a les caractéristiques suivantes Nexus One (3.7", 480×800, hdpi) et ressemble au modèle ci-dessous.

Android, Application, Emulateur - Installer sur un mac Android SDK et utiliser l'émulateur

Au lancement de la commande ./android
Android, Application, Emulateur - Installer sur un mac Android SDK et utiliser l'émulateur

Tools > Manage AVDs pour créer notre Android Virtual Devices, l’émulateur se nomme nexus_one, c’est un Nexus One (3.7", 480×800, hdpi)
Android, Application, Emulateur - Installer sur un mac Android SDK et utiliser l'émulateur

Le SDK nous fait un mémo sur cet émulateur, merci c’est gentil !
Android, Application, Emulateur - Installer sur un mac Android SDK et utiliser l'émulateur

Enfin, quelque chose de sympa, notre émulateur…
Android, Application, Emulateur - Installer sur un mac Android SDK et utiliser l'émulateur

Soyez patient, les écrans n’arrivent pas immédiatement
Android, Application, Emulateur - Installer sur un mac Android SDK et utiliser l'émulateur

Enfin quelques chose qui ressemble à un mobile !
Android, Application, Emulateur - Installer sur un mac Android SDK et utiliser l'émulateur

Si on est connecté, on lance le navigateur et on va sur… Google par exemple
Android, Application, Emulateur - Installer sur un mac Android SDK et utiliser l'émulateur

On vérifie au passage si notre site est bien Responsive, ça va !
Android, Application, Emulateur - Installer sur un mac Android SDK et utiliser l'émulateur

Pour accéder à votre site en local sur un MAMP ou un EasyPHP, vous devez taper l’adresse suivant http://10.0.2.2
Android, Application, Emulateur - Installer sur un mac Android SDK et utiliser l'émulateur

Après ce processus quelque peu fastidieux, vous avez disons de quoi tester des sites ou des applications sur Android, qui est-il besoin de le rappeler, grignote un peu la part des terminaux sous iOS

En savoir plus