<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>buildcontext &#187; PC</title>
	<atom:link href="http://www.buildcontext.com/blog/tag/pc/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.buildcontext.com/blog</link>
	<description>the personal blog of Ben Hedrington</description>
	<lastBuildDate>Sun, 23 May 2010 18:36:15 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
<atom:link rel="hub" href="http://pubsubhubbub.appspot.com"/><atom:link rel="hub" href="http://superfeedr.com/hubbub"/>		<item>
		<title>How To: Install and Browser Test Your Site With Google Android Right on Your PC</title>
		<link>http://www.buildcontext.com/blog/2008/11/21/android-sdk-browser-test-emulator-pc-google/</link>
		<comments>http://www.buildcontext.com/blog/2008/11/21/android-sdk-browser-test-emulator-pc-google/#comments</comments>
		<pubDate>Sat, 22 Nov 2008 04:16:27 +0000</pubDate>
		<dc:creator>Ben</dc:creator>
				<category><![CDATA[Mobile Web]]></category>
		<category><![CDATA[Android]]></category>
		<category><![CDATA[Easy]]></category>
		<category><![CDATA[Eumlator]]></category>
		<category><![CDATA[How To]]></category>
		<category><![CDATA[PC]]></category>
		<category><![CDATA[Quick]]></category>

		<guid isPermaLink="false">http://www.buildcontext.com/blog/?p=67</guid>
		<description><![CDATA[Update: Post on how to install Android 2.0 on Mac OSX is here. This post is for Android SDK versions 1.1 and under. Browser testing is critical to any web developer, designer&#8230; really any web professional. You need to know &#8230; <a href="http://www.buildcontext.com/blog/2008/11/21/android-sdk-browser-test-emulator-pc-google/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<div style="border-top:1px dotted #000;border-bottom:1px dotted #000;padding:.4em 1.4em;margin:1em;background-color:#FFFACD;font-size:1.2em;font-style: italic;">
<p>Update: Post on how to <a href="http://www.buildcontext.com/blog/2009/11/06/installing-android-sdk-browser-testing-mac-os-x/">install Android 2.0 on Mac OSX</a> is here.</p>
<p>This post is for Android SDK versions 1.1 and under.</p>
</div>
<div class="postimg"><img class="postimg" title="Google Android Browser Testing" src="http://farm4.static.flickr.com/3287/3049449144_ebba7b4b86_m.jpg" width="129" height="240" /></div>
<p>Browser testing is critical to any web developer, designer&#8230; really any web professional. You need to know how your users or customers are seeing your work through the multitude of browsers and devices available to them, new ones become available every day. I wasn&#8217;t able to find a quick answer to browser testing on the new Google Android mobile platform so I blazed a trail, captured and boiled down the steps so anyone can follow and get Android up and running on their Windows PC quickly and painl.</p>
<style type="text/css">
ol.howto {margin-left:1.5em;}
ul.screens {margin-left:1.5em;}
ul.screens li {clear:both}
img.rightscreen {float:right;margin:0 0 1.5em 1.5em;}
img {border:1px solid #999;padding:5px;}
code {font-size:.9em;}
</style>
<h3>Installing the SDK and Browser</h3>
<ol class="howto">
<li>First things first visit the <a href="http://code.google.com/android/download_list.html" target="_blank">Android SDK download page</a> and download the Windows version of the SDK.</li>
<li>Create a folder under C:\Program Files called &#8220;android-sdk&#8221;</li>
<li>Un-zip the contents of the Android SDK you downloaded into this folder.<br />
<span id="more-67"></span><a href="http://www.flickr.com/photos/24842634@N04/3049449032/" title="Installing Google Android SDK"><img src="http://farm4.static.flickr.com/3135/3049449032_e57924e5ce_m.jpg" width="240" height="180" alt="Installing Google Android SDK" /></a></li>
<li>Now that you have the all files you need to edit your &#8220;path&#8221; so Windows can find the emulator when it is run.<br />
<a href="http://www.flickr.com/photos/24842634@N04/3049449068/" title="Installing Google Android SDK"><img src="http://farm4.static.flickr.com/3190/3049449068_98d9226b26_m.jpg" width="240" height="180" alt="Installing Google Android SDK" /></a></p>
<ul>
<li>Right click on &#8220;My Computer&#8221;</li>
<li>Select &#8220;Properties&#8221;</li>
<li>Click the &#8220;Advanced&#8221; tab</li>
<li>Click on the &#8220;Environment Variables&#8221; in &#8220;System Variables&#8221; scroll down to &#8220;Path&#8221;</li>
<li>Double click on &#8220;Path&#8221; move to the end of the &#8220;Variable value&#8221; and paste in this path (don&#8217;t forget the semicolon to close the previous path)<br />
<code>;C:\Program Files\android-sdk\tools</code></li>
<li>Click &#8220;Ok&#8221; on all open windows.</li>
</ul>
</li>
<li>Ok now the SDK is set up to run, lets quickly create some shortcuts icons to launch our emulator.<br />
<a href="http://www.flickr.com/photos/24842634@N04/3049449078/" title="Installing Google Android for Browser Testing"><img src="http://farm4.static.flickr.com/3027/3049449078_c5ed458b22_m.jpg" width="240" height="180" alt="Installing Google Android for Browser Testing" /></a></p>
<ul>
<li>Right click on your Desktop, mouse over &#8220;New&#8221; then click &#8220;Shortcut&#8221;</li>
<li>Paste this command into the entry field then click next<br />
<code>emulator.exe -datadir "C:\Program Files\android-sdk" -skin HVGA-P</code></li>
<li>If you like give your shortcut a name I chose &#8220;Android &#8211; Standard&#8221; (I chose &#8220;Standard&#8221; for a reason if you want to try the other versions see &#8220;<a href="#extracred">Extra Credit</a>&#8220;)</li>
</ul>
</li>
</ol>
<h3>Success!</h3>
<p>Double click your shortcut and you should see the Android emulator starting up, it does take a little time the first run.<br />
<a href="http://www.flickr.com/photos/24842634@N04/3048608453/" title="Google Android Emulator Browser Testing"><img src="http://farm4.static.flickr.com/3003/3048608453_ec62556cdf_m.jpg" width="240" height="180" alt="Google Android Emulator Browser Testing" /></a></p>
<h3>Doing Some Quick Testing</h3>
<ul class="screens">
<li><img class="rightscreen" src="http://farm4.static.flickr.com/3204/3048608471_ea3aa23fdf.jpg" alt="10" width="270" height="500" />
<p>Once the emulator phone boots, click &#8220;Menu&#8221; on the phone and proceed to the browser.</p>
<p>Click on the Browser icon</li>
<li><img class="rightscreen" src="http://farm4.static.flickr.com/3074/3048608493_f59e7da6a0.jpg" alt="11" width="269" height="500" />
<p>Click &#8220;Menu&#8221; again then click &#8220;Go to URL&#8221;</li>
<li><img class="rightscreen" src="http://farm4.static.flickr.com/3286/3048608509_99247ee681.jpg" alt="12" width="273" height="500" />Type in the URL of the site you are interested in and see what your users see!</li>
<li><img class="rightscreen" src="http://farm4.static.flickr.com/3287/3049449144_ebba7b4b86.jpg" alt="13" width="269" height="500" />
<p>That should be enough to get you going, there is a lot more to find in the Android emulator poke around and understand the experience on these new devices and keep looking out for new ways your users are seeing your site.</p>
<p>-Ben</li>
</ul>
<div style="clear:both"><!-- --></div>
<h3 id="extracred">Extra Credit</h3>
<p>If you are interested there are three more iterations on the Google Android screen that will be in users&#8217;s hands. Create shortcuts for these commands if you&#8217;d like to try them.</p>
<p><code>emulator.exe -datadir "C:\Program Files\android-sdk" -skin HVGA-L</code><a href="http://www.flickr.com/photos/24842634@N04/3049449168/" title="14 by hedrinbc, on Flickr"><img src="http://farm4.static.flickr.com/3058/3049449168_cb41dca5ab_t.jpg" width="100" height="75" alt="14" /></a></p>
<p><code>emulator.exe -datadir "C:\Program Files\android-sdk" -skin QVGA-P</code><a href="http://www.flickr.com/photos/24842634@N04/3049449186/" title="15 by hedrinbc, on Flickr"><img src="http://farm4.static.flickr.com/3241/3049449186_bc51fc231c_t.jpg" width="100" height="75" alt="15" /></a></p>
<p><code>emulator.exe -datadir "C:\Program Files\android-sdk" -skin QVGA-L</code><a href="http://www.flickr.com/photos/24842634@N04/3049449206/" title="16 by hedrinbc, on Flickr"><img src="http://farm4.static.flickr.com/3197/3049449206_96cb280035_t.jpg" width="100" height="75" alt="16" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.buildcontext.com/blog/2008/11/21/android-sdk-browser-test-emulator-pc-google/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
	</channel>
</rss>
