<?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; HTML5</title>
	<atom:link href="http://www.buildcontext.com/blog/tag/html5/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>Experiment: Browser Based Geolocation &#8211; HTML5 Points the Future of the Web</title>
		<link>http://www.buildcontext.com/blog/2010/01/05/browser-based-geolocation-experiment-powerful-mobile-web-html5/</link>
		<comments>http://www.buildcontext.com/blog/2010/01/05/browser-based-geolocation-experiment-powerful-mobile-web-html5/#comments</comments>
		<pubDate>Wed, 06 Jan 2010 02:13:53 +0000</pubDate>
		<dc:creator>Ben</dc:creator>
				<category><![CDATA[Cloud Development]]></category>
		<category><![CDATA[Mobile Web]]></category>
		<category><![CDATA[Android]]></category>
		<category><![CDATA[Apple]]></category>
		<category><![CDATA[Browser Based]]></category>
		<category><![CDATA[future]]></category>
		<category><![CDATA[Gears]]></category>
		<category><![CDATA[Geolocation]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Google App Engine]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://www.buildcontext.com/blog/?p=838</guid>
		<description><![CDATA[The adoption of HTML5 and its surrounding cast of powerful new features is going to be a huge boon to web users and points towards a very positive direction for the future of the web. From the smoother interfaces of &#8230; <a href="http://www.buildcontext.com/blog/2010/01/05/browser-based-geolocation-experiment-powerful-mobile-web-html5/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<div class="postimg"><img class="postimg" src="http://farm5.static.flickr.com/4031/4248624487_27568e56d8_m.jpg" width="240" height="171" alt="Android Geolocation" /></div>
<p> The adoption of <a href="http://diveintohtml5.org/">HTML5</a> and its surrounding cast of powerful new features is going to be a huge boon to web users and points towards a very positive direction for the future of the web. From the smoother interfaces of <a href="http://diveintohtml5.org/detect.html#canvas">canvas</a>, <a href="http://diveintohtml5.org/detect.html#storage">local storage</a> enabling offline modes for online email programs and the like seamlessly, online <a href="http://diveintohtml5.org/detect.html#video">video</a> free of dependencies like Flash, <a href="ww.w3.org/TR/2009/WD-websockets-20091222/">web sockets</a> making the real time web a breeze without all the current AJAX workarounds, and so much more but I&#8217;ll save all of those for future posts&#8230;.</p>
<p>Today I wanted to finish up and release an experiment using the HTML5 <a href="http://diveintohtml5.org/detect.html#geolocation">Geolocation</a> feature (<a href="#technically">sticklers, click here</a>), a feature allowing your web browser (with your permission of course) to share your location, enabling any current website to tailor itself right to where you are&#8230; a powerful feature for todays increasingly mobile web user.</p>
<h3>Why is This Important?</h3>
<p>Today this level of convenience, all the applications you use every day seamlessly knowing where you are, is unheard of for the user as well as the web developer outside of proprietary built &#8220;apps&#8221; on iPhone or Android you need to seek out and download.  But little do most people know those web browsers in their pockets on those same devices can do this today, opening the playing field of a personal local experience up to the entire web&#8230; no downloads, no waiting, no device lock-in.</p>
<h3>The Experiment</h3>
<p>My experiment started with a simple need, in the summer I drive a Jeep to work with a soft top and I prefer to have it down as much as possible, I mean sun in Minnesota only happens for a short stint i need to suck it up. What I needed was a simple view of the current temperature, maybe a radar map to look for any rain on the map coming my direction, not a huge list. In the early summer I quickly built a one page HTML and JavaScript mashup using <a href="http://jquery.com/">jQuery</a>, <a href="http://diveintohtml5.org/">HTML5</a> (or <a href="http://gears.google.com/">Google Gears</a> as a fallback) and the <a href="http://www.wunderground.com/">Weather Underground</a> <a href="http://wiki.wunderground.com/index.php/API_-_XML">API</a> to build a web page that did just that, polished it up a bit (let&#8217;s call it a working prototype as of today) and hosted it on <a href="http://code.google.com/appengine/">Google App Engine</a> purely for worry free scalability to <a href="http://www.bctx.info/wx">show it</a> to you all.</p>
<p><a href="http://www.flickr.com/photos/24842634@N04/4249394268/" title="Android, iPhone Geolocation Weather GEO"><img src="http://farm3.static.flickr.com/2670/4249394268_cbd989b1a5.jpg" width="500" height="370" alt="Android, iPhone Geolocation Weather GEO" /></a></p>
<p>Initially on load my experiment &#8220;<a href="http://www.bctx.info/wx">Weather GEO</a>&#8221; asks if I want to share my location, of course I select yes, <span id="more-838"></span>this allows my browser to pull a location from my GPS, Wifi or internet address depending on what the device sees fit. </p>
<p><a href="http://www.flickr.com/photos/24842634@N04/4249394276/" title="Android, iPhone Geolocation Weather GEO"><img src="http://farm5.static.flickr.com/4026/4249394276_d5f1a36726.jpg" width="500" height="370" alt="Android, iPhone Geolocation Weather GEO" /></a></p>
<p>It passes that longitude and latitude back to my page&#8217;s JavaScript I in turn query Weather Underground for the next two forecast elements and a radar map for that longitude and latitude and display them as soon as they come back&#8230; </p>
<p><a href="http://www.flickr.com/photos/24842634@N04/4249394278/" title="Android, iPhone Geolocation Weather GEO"><img src="http://farm3.static.flickr.com/2720/4249394278_3765a984e7.jpg" width="500" height="370" alt="Android, iPhone Geolocation Weather GEO" /></a></p>
<p>Pretty slick&#8230; solves a problem in a simple way, just one click from a browser bookmark, no custom proprietary &#8220;app&#8221; code to build and it will work in every browser when HTML5 is fully adopted, but currently works in the major mobile browsers, Android and iPhone, in FireFox 3.5+ and any browser that has Google Gears on the PC, Mac and Linux&#8230; thats more than enough for me.</p>
<p>A great example of where the web is going and how progress on open standards like this benefit everyone, give my little experiment a try here <a href="http://www.bctx.info/wx">http://bctx.info/wx</a>. Let me know how it works for you, if your device is passing your proper location and what you think in the comments. Currently I am seeing the Droid have a problem with the code and have posted to the Android Developers Google Group.</p>
<p><a href="http://www.bctx.info/wx" title="Android Geolocation Weather GE"><img src="http://farm3.static.flickr.com/2502/4248553619_1481c5563d_m.jpg" width="161" height="240" alt="Android Geolocation Weather GE" /></a></p>
<p id="technically">* Ok, technically Geolocation is part of the <a href="http://www.w3.org/2008/geolocation/">W3C Geolocation Working Group</a>, not HTML5 but it will largely be implemented with HTML5 so it really has become part and parcel of the browser based future.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.buildcontext.com/blog/2010/01/05/browser-based-geolocation-experiment-powerful-mobile-web-html5/feed/</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>Best Buy speaks Google App Engine at Google I/O 2009</title>
		<link>http://www.buildcontext.com/blog/2009/06/02/best-buy-speaks-google-app-engine-google-io-2009/</link>
		<comments>http://www.buildcontext.com/blog/2009/06/02/best-buy-speaks-google-app-engine-google-io-2009/#comments</comments>
		<pubDate>Tue, 02 Jun 2009 18:05:44 +0000</pubDate>
		<dc:creator>Ben</dc:creator>
				<category><![CDATA[Cloud Development]]></category>
		<category><![CDATA[General]]></category>
		<category><![CDATA[#io2009]]></category>
		<category><![CDATA[Best Buy]]></category>
		<category><![CDATA[Google App Engine]]></category>
		<category><![CDATA[Google IO]]></category>
		<category><![CDATA[HTML5]]></category>

		<guid isPermaLink="false">http://www.buildcontext.com/blog/?p=648</guid>
		<description><![CDATA[I was very excited to not just attend but be a part of Google I/O 2009, Google&#8217;s annual developer conference. A Best Buy contingent of Steve Bendt, Gary Koelling and myself as well as uber developers Curtis Thompson and Thomas &#8230; <a href="http://www.buildcontext.com/blog/2009/06/02/best-buy-speaks-google-app-engine-google-io-2009/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<div class="postimg"><a href="http://www.flickr.com/photos/24842634@N04/3577488604/sizes/l/"><img src="http://farm4.static.flickr.com/3662/3577488604_b0cd3809fb_m.jpg" width="180" height="240" alt="Best Buy and Google App Engine" class="postimg" /></a></div>
<p>I was very excited to not just attend but be a part of <a href="http://code.google.com/events/io/">Google I/O 2009</a>, Google&#8217;s annual developer conference. A Best Buy contingent of <a href="http://www.stevebendt.com/">Steve Bendt</a>, <a href="http://garykoelling.com/">Gary Koelling</a> and <a href="http://twitter.com/benhedrington">myself</a> as well as uber developers <a href="http://twitter.com/iffius">Curtis Thompson</a> and <a href="http://www.gumption.com/blog/">Thomas Bombach</a> made the trip and were part of the Developer Sandbox.</p>
<h3>I/O&#8217;s Key Points</h3>
<p>The keynotes (<a href="http://www.youtube.com/view_play_list?p=41F4CEB92D80C4B7">day 1</a>, <a href="http://www.youtube.com/watch?v=v_UyVmITiYQ">day 2</a>) were both great heralding Google&#8217;s confidence in the web browser centric future (woo hoo!) powered by what is possible in HTML5, open communications and collaboration systems like the introduction <a href="http://wave.google.com/">Google Wave</a> and the cloud based power plant that is <a href="http://code.google.com/appengine">Google App Engine</a>&#8230; among so much more. The whole time they hit hard their belief that developers outside their company, like the ones in the room, are the only way all this becomes possible. They left us inspired for where the web is going and future open architectures we can share versus build ourselves allowing the user, be it the end user or developer, the portability they need&#8230; great to see that becoming a reality.</p>
<h3>Best Buy and App Engine</h3>
<p>Best Buy was asked to come speak about App Engine and our point of view, that <a href="http://googleappengine.blogspot.com/2009/02/best-buys-giftag-on-app-engine.html">we</a> <a href="http://broadcast.oreilly.com/2009/04/the-app-engine-birds-of-a-feat.html">have</a> <a href="http://www.buildcontext.com/blog/2008/12/22/retweet-radar-google-app-engine-retweetradarcom-robert-scoble/">shared</a> <a href="http://www.stevebendt.com/?p=46">many</a> <a href="http://www.buildcontext.com/blog/2008/12/28/feedback-tim-oreilly-retweetradar/">times</a>, that it projects a strong model for the future of web development that allows the creativity of a web developer to shine through and takes huge infrastructure and scalability best practices from Google and gives them to you on a sliver platter&#8230; no pagers to carry and drastically less system set-up and runtime headaches&#8230; growing into a true platform as a service not just boxes in the cloud. The Google crew shot a few videos of us, we&#8217;ll see what was smart enough to stay off the cutting room floor!</p>
<p>We talked to many in the Developer Sandbox, answering the question &#8220;Best Buy? Like you mean the retailer?&#8221; more times than I could count<br />
but once we got through that relayed the message that we are out there, experimenting, trying, showing our company what is becoming possible on the web via new methods of getting things done, notably App Engine and open APIs like our own <a href="http://remix.bestbuy.com">Best Buy Remix</a>. It&#8217;s a great time to experiment even&#8230; no <em>especially</em> at a large company that can easily slow down as <a href="http://www.buildcontext.com/blog/2008/12/22/retweet-radar-google-app-engine-retweetradarcom-robert-scoble/">I&#8217;ve said here before</a>&#8230;</p>
<blockquote><p>Google App Engine and Open APIs clearly show where the web is going, the playing field is leveled… get out there and deploy those ideas <em>you say</em> you have scrawled on those napkins that <em>you say</em> are going to revolutionize the world, the tools you need to prove it are out there right now. </p></blockquote>
<p>&#8230;these movements only further speed up rapid evolution on the web, jump in now with two feet because it&#8217;s not slowing down any time soon. Experimenting out in front is the key no matter your size.<br />
-Ben</p>
]]></content:encoded>
			<wfw:commentRss>http://www.buildcontext.com/blog/2009/06/02/best-buy-speaks-google-app-engine-google-io-2009/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
