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 !
- Responsive, WordPress, iPad, iPhone, Web, Tablettes – Faire de votre site sous WordPress, un site Responsive
http://social.hecube.net/2012/11/responsive-wordpress-ipad-iphone-web-tablettes-faire-de-votre-site-sous-wordpress-un-site-responsive/ - Responsive Web Design, Webdesign, iPad, iPhone, Web, Tablettes – Le Webdesign à 360 degrés
http://social.hecube.net/2012/03/responsive-web-design-webdesign-ipad-iphone-web-tablettes-le-webdesign-a-360-degres/
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
En fonction de votre sélection, l’installation peut prendre un certain temps.
Il faut valider chacun des éléments de votre sélection
Oui, il faut valider chacun des éléments de votre sélection !
Encore et toujours, il faut valider chacun des éléments de votre sélection
Bon, c’est fait… Après un temps assez long, en fonction de votre connexion, tout est installé
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.
Au lancement de la commande ./android
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)
Le SDK nous fait un mémo sur cet émulateur, merci c’est gentil !
Enfin, quelque chose de sympa, notre émulateur…
Soyez patient, les écrans n’arrivent pas immédiatement
Enfin quelques chose qui ressemble à un mobile !
Si on est connecté, on lance le navigateur et on va sur… Google par exemple
On vérifie au passage si notre site est bien Responsive, ça va !
Pour accéder à votre site en local sur un MAMP ou un EasyPHP, vous devez taper l’adresse suivant http://10.0.2.2
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
- Howto Install and Run the Android Emulator
http://www.petefreitag.com/item/763.cfm - Get the Android SDK
http://developer.android.com/sdk/index.html - 10 Excellent Tools for Testing Your Site on Mobile Devices
http://sixrevisions.com/tools/10-excellent-tools-for-testing-your-site-on-mobile-devices/ - The Best Mobile Emulators & Responsive Design Testing Tools
http://www.themobilewebdesignblog.com/2011/11/26/best-mobile-emulators-responsive-design-testing-tools/ - How to install the Android SDK onto Apple’s OS X Lion
http://www.theportlandcompany.com/2012/02/how-to-install-the-android-sdk-onto-apples-os-x-lion/ - Using the Android Emulator
http://developer.android.com/tools/devices/emulator.html - Phonegap, Terminal, Android SDK beginner tutorial “hello world”
http://michaelguild13.wordpress.com/2012/08/08/phonegap-terminal-android-sdk-beginner-tutorial-hello-world/ - Create a Project with Command Line Tools
http://developer.android.com/training/basics/firstapp/creating-project.html - ComScore: US Smartphone Penetration 47% In Q2; Android Remains Most Popular, But Apple’s Growing Faster
http://techcrunch.com/2012/08/01/comscore-us-smartphone-penetration-47-in-q2-android-remains-most-popular-but-apples-growing-faster/
