{"id":3237,"date":"2013-03-03T13:27:23","date_gmt":"2013-03-03T12:27:23","guid":{"rendered":"http:\/\/flaven.fr\/?p=3237"},"modified":"2013-09-24T05:08:05","modified_gmt":"2013-09-24T03:08:05","slug":"android-application-emulateur-installer-android-sdk-sur-un-mac-et-utiliser-lemulateur","status":"publish","type":"post","link":"https:\/\/flaven.fr\/2013\/03\/android-application-emulateur-installer-android-sdk-sur-un-mac-et-utiliser-lemulateur\/","title":{"rendered":"Android, Application, Emulateur &#8211; Installer Android SDK sur un Mac et utiliser l&#8217;\u00e9mulateur"},"content":{"rendered":"<p><!--  Android, Application, Emulateur - Installer sur un mac Android SDK et utiliser l'\u00e9mulateur  --><br \/>\n\t<!--  Android, Application, Emulateur, Terminal, Mobile, Tablette, Emulator, SDK, Devices, Outils, site, web, Responsive Design, Phonegap, Terminal, Android SDK, iPad, iPhone, Web, Tablettes, Webdesign --><\/p>\n<p>Plusieurs articles ont \u00e9t\u00e9 publi\u00e9s sur ce blog sur <code>responsive design<\/code> et sur la mani\u00e8re le plus facile de tester pas forcement des applications mais en tout premier lieu des sites web &#8220;responsive&#8221;.<\/p>\n<p>Pour m\u00e9moire, on avait vu ces diff\u00e9rents aspect dans les articles suivants, notamment sur comment tester en local, \u00e9ventuellement des sites sous <code>iOS<\/code>, on va voir comment tester sous Android en installant le <code>Android SDK<\/code> et en s&#8217;amusant avec l&#8217;\u00e9mulateur qui est livr\u00e9 avec !<\/p>\n<ul>\n<li>Responsive, WordPress, iPad, iPhone, Web, Tablettes \u2013 Faire de votre site sous WordPress, un site Responsive<br \/><a href=\"http:\/\/social.hecube.net\/2012\/11\/responsive-wordpress-ipad-iphone-web-tablettes-faire-de-votre-site-sous-wordpress-un-site-responsive\/\" target=\"_blank\">http:\/\/social.hecube.net\/2012\/11\/responsive-wordpress-ipad-iphone-web-tablettes-faire-de-votre-site-sous-wordpress-un-site-responsive\/<\/a><\/li>\n<li>Responsive Web Design, Webdesign, iPad, iPhone, Web, Tablettes \u2013 Le Webdesign \u00e0 360 degr\u00e9s<br \/><a href=\"http:\/\/social.hecube.net\/2012\/03\/responsive-web-design-webdesign-ipad-iphone-web-tablettes-le-webdesign-a-360-degres\/\" target=\"_blank\">http:\/\/social.hecube.net\/2012\/03\/responsive-web-design-webdesign-ipad-iphone-web-tablettes-le-webdesign-a-360-degres\/<\/a><\/li>\n<\/ul>\n<h4>Installer sur Mac, le SDK Android<\/h4>\n<p>Il faut se rendre sur le site de <code>developer.android.com<\/code> et t\u00e9l\u00e9charger le package SDK \u00e0 cette adresse en cliquant sur le lien <code>Get the Android SDK<\/code> : <a href=\"http:\/\/developer.android.com\/sdk\/index.html\" target=\"_blank\">http:\/\/developer.android.com\/sdk\/index.html<\/a><\/p>\n<p>Vous allez donc pouvoir installer tout le bazar nomm\u00e9 <code>ADT (Android Developer Tools)<\/code>. Une fois que vous avez t\u00e9l\u00e9charg\u00e9 <code>android-sdk_r20.0.3-macosx.zip<\/code>, il ne vous reste plus qu&#8217;\u00e0 d\u00e9zipper, ce qui vous donne le r\u00e9pertoire suivant <code>android-sdk-macosx<\/code>.<\/p>\n<p><b>Vous pouvez installer o\u00f9 bon vous semble ce r\u00e9pertoire, sur votre bureau, dans le dossier Applications. Pour lancer l&#8217;installation, il faut se rendre dans <code>[votre_chemin_ou_se_trouve_le_repertoire]\/android-sdk-macosx\/tools\/<\/code> et cliquez sur <code>android<\/code><\/b><\/p>\n<p><b>L&#8217;installation commence une fois que vous avez cliqu\u00e9 sur <code>\/android-sdk-macosx\/tools\/android<\/code><\/b><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2013\/03\/install_sdk_android_emulateur_2.jpg\" alt=\"Android, Application, Emulateur - Installer sur un mac Android SDK et utiliser l'\u00e9mulateur\" width=\"500\" height=\"313\" \/><\/p>\n<p><b>En fonction de votre s\u00e9lection, l&#8217;installation peut prendre un certain temps.<\/b><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2013\/03\/install_sdk_android_emulateur_1.jpg\" alt=\"Android, Application, Emulateur - Installer sur un mac Android SDK et utiliser l'\u00e9mulateur\" width=\"500\" height=\"313\" \/><\/p>\n<p><b>Il faut valider chacun des \u00e9l\u00e9ments de votre s\u00e9lection<\/b><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2013\/03\/install_sdk_android_emulateur_3.jpg\" alt=\"Android, Application, Emulateur - Installer sur un mac Android SDK et utiliser l'\u00e9mulateur\" width=\"500\" height=\"313\" \/><\/p>\n<p><b>Oui, il faut valider chacun des \u00e9l\u00e9ments de votre s\u00e9lection !<\/b><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2013\/03\/install_sdk_android_emulateur_4.jpg\" alt=\"Android, Application, Emulateur - Installer sur un mac Android SDK et utiliser l'\u00e9mulateur\" width=\"500\" height=\"313\" \/><\/p>\n<p><b>Encore et toujours, il faut valider chacun des \u00e9l\u00e9ments de votre s\u00e9lection<\/b><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2013\/03\/install_sdk_android_emulateur_5.jpg\" alt=\"Android, Application, Emulateur - Installer sur un mac Android SDK et utiliser l'\u00e9mulateur\" width=\"500\" height=\"313\" \/><\/p>\n<p><b>Bon, c&#8217;est fait&#8230; Apr\u00e8s un temps assez long, en fonction de votre connexion, tout est install\u00e9<\/b><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2013\/03\/install_sdk_android_emulateur_6.jpg\" alt=\"Android, Application, Emulateur - Installer sur un mac Android SDK et utiliser l'\u00e9mulateur\" width=\"500\" height=\"313\" \/><\/p>\n<h4>Lancer l&#8217;\u00e9mulateur Android<\/h4>\n<p>C&#8217;est la partie un peu d\u00e9licate parce vous passez par la console de Mac. Une fois dans la console, vous vous rendez dans le repertoire <code>[votre_chemin_ou_se_trouve_le_repertoire]\/android-sdk-macosx\/tools\/<\/code> via la commande suivante.<\/p>\n<pre lang=\"bash\">cd [votre_chemin_ou_se_trouve_le_repertoire]\/android-sdk-macosx\/tools\/<\/pre>\n<p><b>Puis vous lancez cette commande.<\/b><\/p>\n<pre lang=\"bash\">.\/android<\/pre>\n<p><b>C&#8217;est parti, vous allez avoir le <code>Android SDK Manager<\/code> qui va se lancer.<\/b><\/p>\n<p>Ensuite, vous allez dans <code>Tools > Manage AVDs<\/code>, cela va vous permettre de g\u00e9rer des AVDs c&#8217;est \u00e0 dire <code>Android Virtual Devices<\/code>, en clair des \u00e9mulateurs de tablettes et de mobiles fonctionnant sous Android.<\/p>\n<p>On va cr\u00e9er dans notre exemple un emulateur nomm\u00e9 <code>nexus_one<\/code>, qui a les caract\u00e9ristiques suivantes <code>Nexus One (3.7\", 480\u00d7800, hdpi)<\/code> et ressemble au mod\u00e8le ci-dessous.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2013\/03\/sdk_android_emulateur_nexus_one_model.jpg\" alt=\"Android, Application, Emulateur - Installer sur un mac Android SDK et utiliser l'\u00e9mulateur\" width=\"274\" height=\"365\" \/><\/p>\n<p><b>Au lancement de la commande <code>.\/android<\/code><\/b><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2013\/03\/sdk_android_emulateur_1.jpg\" alt=\"Android, Application, Emulateur - Installer sur un mac Android SDK et utiliser l'\u00e9mulateur\" width=\"500\" height=\"313\" \/><\/p>\n<p><b><code>Tools > Manage AVDs<\/code> pour cr\u00e9er notre <code>Android Virtual Devices<\/code>, l&#8217;\u00e9mulateur se nomme <code>nexus_one<\/code>, c&#8217;est un <code>Nexus One (3.7\", 480\u00d7800, hdpi)<\/code><\/b><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2013\/03\/sdk_android_emulateur_2.jpg\" alt=\"Android, Application, Emulateur - Installer sur un mac Android SDK et utiliser l'\u00e9mulateur\" width=\"500\" height=\"313\" \/><\/p>\n<p><b>Le SDK nous fait un m\u00e9mo sur cet \u00e9mulateur, merci c&#8217;est gentil !<\/b><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2013\/03\/sdk_android_emulateur_3.jpg\" alt=\"Android, Application, Emulateur - Installer sur un mac Android SDK et utiliser l'\u00e9mulateur\" width=\"500\" height=\"313\" \/><\/p>\n<p><b>Enfin, quelque chose de sympa, notre \u00e9mulateur&#8230;<\/b><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2013\/03\/sdk_android_emulateur_4.jpg\" alt=\"Android, Application, Emulateur - Installer sur un mac Android SDK et utiliser l'\u00e9mulateur\" width=\"500\" height=\"313\" \/><\/p>\n<p><b>Soyez patient, les \u00e9crans n&#8217;arrivent pas imm\u00e9diatement<\/b><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2013\/03\/sdk_android_emulateur_5.jpg\" alt=\"Android, Application, Emulateur - Installer sur un mac Android SDK et utiliser l'\u00e9mulateur\" width=\"500\" height=\"313\" \/><\/p>\n<p><b>Enfin quelques chose qui ressemble \u00e0 un mobile !<\/b><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2013\/03\/sdk_android_emulateur_6.jpg\" alt=\"Android, Application, Emulateur - Installer sur un mac Android SDK et utiliser l'\u00e9mulateur\" width=\"500\" height=\"313\" \/><\/p>\n<p><b>Si on est connect\u00e9, on lance le navigateur et on va sur&#8230; Google par exemple<\/b><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2013\/03\/sdk_android_emulateur_7.jpg\" alt=\"Android, Application, Emulateur - Installer sur un mac Android SDK et utiliser l'\u00e9mulateur\" width=\"500\" height=\"313\" \/><\/p>\n<p><b>On v\u00e9rifie au passage si notre site est bien <code>Responsive<\/code>, \u00e7a va !<\/b><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2013\/03\/sdk_android_emulateur_8.jpg\" alt=\"Android, Application, Emulateur - Installer sur un mac Android SDK et utiliser l'\u00e9mulateur\" width=\"500\" height=\"313\" \/><\/p>\n<p><b>Pour acc\u00e9der \u00e0 votre site en local sur un MAMP ou un EasyPHP, vous devez taper l&#8217;adresse suivant <code>http:\/\/10.0.2.2<\/code><\/b><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2013\/03\/sdk_android_emulateur_9.jpg\" alt=\"Android, Application, Emulateur - Installer sur un mac Android SDK et utiliser l'\u00e9mulateur\" width=\"500\" height=\"313\" \/><\/p>\n<p><b>Apr\u00e8s ce processus quelque peu fastidieux, vous avez disons de quoi tester des sites ou des applications sur <code>Android<\/code>, qui est-il besoin de le rappeler, grignote un peu la part des terminaux sous <code>iOS<\/code><\/b><\/p>\n<h2>En savoir plus<\/h2>\n<ul>\n<li>Howto Install and Run the Android Emulator<br \/><a href=\"http:\/\/www.petefreitag.com\/item\/763.cfm\" target=\"_blank\">http:\/\/www.petefreitag.com\/item\/763.cfm<\/a><\/li>\n<li>Get the Android SDK<br \/><a href=\"http:\/\/developer.android.com\/sdk\/index.html\" target=\"_blank\">http:\/\/developer.android.com\/sdk\/index.html<\/a><\/li>\n<li>10 Excellent Tools for Testing Your Site on Mobile Devices<br \/><a href=\"http:\/\/sixrevisions.com\/tools\/10-excellent-tools-for-testing-your-site-on-mobile-devices\/\" target=\"_blank\">http:\/\/sixrevisions.com\/tools\/10-excellent-tools-for-testing-your-site-on-mobile-devices\/<\/a><\/li>\n<li>The Best Mobile Emulators &amp; Responsive Design Testing Tools<br \/><a href=\"http:\/\/www.themobilewebdesignblog.com\/2011\/11\/26\/best-mobile-emulators-responsive-design-testing-tools\/\" target=\"_blank\">http:\/\/www.themobilewebdesignblog.com\/2011\/11\/26\/best-mobile-emulators-responsive-design-testing-tools\/<\/a><\/li>\n<li>How to install the Android SDK onto Apple&#8217;s OS X Lion<br \/><a href=\"http:\/\/www.theportlandcompany.com\/2012\/02\/how-to-install-the-android-sdk-onto-apples-os-x-lion\/\" target=\"_blank\">http:\/\/www.theportlandcompany.com\/2012\/02\/how-to-install-the-android-sdk-onto-apples-os-x-lion\/<\/a><\/li>\n<li>Using the Android Emulator<br \/><a href=\"http:\/\/developer.android.com\/tools\/devices\/emulator.html\" target=\"_blank\">http:\/\/developer.android.com\/tools\/devices\/emulator.html<\/a><\/li>\n<li>Phonegap, Terminal, Android SDK beginner tutorial &#8220;hello world&#8221;<br \/><a href=\"http:\/\/michaelguild13.wordpress.com\/2012\/08\/08\/phonegap-terminal-android-sdk-beginner-tutorial-hello-world\/\" target=\"_blank\">http:\/\/michaelguild13.wordpress.com\/2012\/08\/08\/phonegap-terminal-android-sdk-beginner-tutorial-hello-world\/<\/a><\/li>\n<li>Create a Project with Command Line Tools<br \/><a href=\"http:\/\/developer.android.com\/training\/basics\/firstapp\/creating-project.html\" target=\"_blank\">http:\/\/developer.android.com\/training\/basics\/firstapp\/creating-project.html<\/a><\/li>\n<li>ComScore: US Smartphone Penetration 47% In Q2; Android Remains Most Popular, But Apple\u2019s Growing Faster<br \/><a href=\"http:\/\/techcrunch.com\/2012\/08\/01\/comscore-us-smartphone-penetration-47-in-q2-android-remains-most-popular-but-apples-growing-faster\/\" target=\"_blank\">http:\/\/techcrunch.com\/2012\/08\/01\/comscore-us-smartphone-penetration-47-in-q2-android-remains-most-popular-but-apples-growing-faster\/<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Plusieurs articles ont \u00e9t\u00e9 publi\u00e9s sur ce blog sur responsive design et sur la mani\u00e8re le plus facile de tester pas forcement des applications mais&hellip; <\/p>\n<p class=\"text-center\"><a href=\"https:\/\/flaven.fr\/2013\/03\/android-application-emulateur-installer-android-sdk-sur-un-mac-et-utiliser-lemulateur\/\" class=\"more-link\">Continue reading &rarr; <span class=\"screen-reader-text\">Android, Application, Emulateur &#8211; Installer Android SDK sur un Mac et utiliser l&#8217;\u00e9mulateur<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":9375,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"bf_ai_meta_description":"Installez Android SDK sur Mac pour tester des sites web responsive. Utilisez l'\u00e9mulateur inclus pour des r\u00e9sultats pr\u00e9cis.","bf_ai_og_title":"Installer Android SDK sur Mac","footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[3442,3444,3447,3448,3449,3450,3451,3435],"tags":[2238,533,163,534,535,536,426,249,31,537,538,539,540,175,34,432,541,2182,2198],"class_list":["post-3237","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-mobile-devices","category-programming-databases","category-technology-trends","category-tools-productivity","category-tutorials-how-to","category-ux-product-design","category-web-design-front-end","category-web-development","tag-android","tag-android-sdk","tag-application","tag-devices","tag-emulateur","tag-emulator","tag-ipad","tag-iphone","tag-mobile","tag-outils","tag-phonegap-2","tag-responsive-design","tag-sdk","tag-site","tag-tablette","tag-tablettes","tag-terminal","tag-web","tag-webdesign-responsive-agile"],"jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p3Vuhl-Qd","jetpack_featured_media_url":"https:\/\/flaven.fr\/wp-content\/uploads\/2013\/03\/sdk_android_emulateur_b_bf.jpg","_links":{"self":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts\/3237","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/comments?post=3237"}],"version-history":[{"count":1,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts\/3237\/revisions"}],"predecessor-version":[{"id":9376,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts\/3237\/revisions\/9376"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/media\/9375"}],"wp:attachment":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/media?parent=3237"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/categories?post=3237"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/tags?post=3237"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}