<?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/"
	xmlns:georss="http://www.georss.org/georss" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>Steve Earley</title>
	<atom:link href="http://steveearley.wordpress.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://steveearley.wordpress.com</link>
	<description>New Media Journalist</description>
	<lastBuildDate>Mon, 21 Feb 2011 18:22:15 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.com/</generator>
<cloud domain='steveearley.wordpress.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<image>
		<url>http://0.gravatar.com/blavatar/6501a4d2b2637509964b466ef32c7171?s=96&#038;d=http%3A%2F%2Fs2.wp.com%2Fi%2Fbuttonw-com.png</url>
		<title>Steve Earley</title>
		<link>http://steveearley.wordpress.com</link>
	</image>
	<atom:link rel="search" type="application/opensearchdescription+xml" href="http://steveearley.wordpress.com/osd.xml" title="Steve Earley" />
	<atom:link rel='hub' href='http://steveearley.wordpress.com/?pushpress=hub'/>
		<item>
		<title>It&#8217;s Not Their Medium, It&#8217;s Their Message: Seven Knight-Batten Winners Mastered More Than Tech</title>
		<link>http://steveearley.wordpress.com/2010/07/20/knight-batten-winners/</link>
		<comments>http://steveearley.wordpress.com/2010/07/20/knight-batten-winners/#comments</comments>
		<pubDate>Tue, 20 Jul 2010 22:39:30 +0000</pubDate>
		<dc:creator>steveearley</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[48 hr magazine]]></category>
		<category><![CDATA[innovation]]></category>
		<category><![CDATA[knight foundation]]></category>
		<category><![CDATA[mobile]]></category>
		<category><![CDATA[open source]]></category>
		<category><![CDATA[propublica]]></category>
		<category><![CDATA[publish2]]></category>
		<category><![CDATA[social media]]></category>
		<category><![CDATA[st. petersberg times]]></category>
		<category><![CDATA[sunlight foundation]]></category>
		<category><![CDATA[user-generated content]]></category>
		<category><![CDATA[ushahidi]]></category>

		<guid isPermaLink="false">http://steveearley.wordpress.com/?p=1012</guid>
		<description><![CDATA[For proof technology is changing journalism for the better, look no further than the seven organizations honored yesterday by the Knight Foundation. This year&#8217;s Knight-Batten award winners the Sunlight Foundation, ProPublica, 48 HR Magazine, the St. Petersburg Times, Ushahidi Haiti, Publish2, and The Takeaway leveraged social networks, interactive databases, mobile messages and other emerging technologies [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=steveearley.wordpress.com&amp;blog=9224684&amp;post=1012&amp;subd=steveearley&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.flickr.com/photos/kraftwerckk/2967546108/sizes/o/"><img class="aligncenter size-full wp-image-1043" title="message-in-a-bottle" src="http://steveearley.files.wordpress.com/2010/07/message-in-a-bottle.jpg?w=380&#038;h=285" alt="Message in a bottle" width="380" height="285" /></a></p>
<p>For proof technology is changing journalism for the better, look no further than the seven organizations honored yesterday by the <a href="http://www.knightfoundation.org/home/">Knight Foundation</a>.  This year&#8217;s <a href="http://www.j-lab.org/awards/category/2010kb_winners">Knight-Batten award winners</a> the <a href="http://sunlightfoundation.com/">Sunlight Foundation</a>, <a href="http://www.propublica.org/">ProPublica</a>, <a href="http://48hrmag.com/">48 HR Magazine</a>, the <a href="http://www.tampabay.com/">St. Petersburg Times</a>, <a href="http://haiti.ushahidi.com/">Ushahidi Haiti</a>, <a href="http://www.publish2.com/">Publish2</a>, and <a href="http://www.thetakeaway.org/">The Takeaway</a> leveraged social networks, interactive databases, mobile messages and other emerging technologies to spread information and engage their audiences.</p>
<p>Technology, however, is not the real star here. A lot of the tools the winners used can be easily obtained and understood by beginning users. The Sunlight Foundation&#8217;s real-time coverage of February&#8217;s health care summit, for example, used a public embed code from The White House for its live video stream. The central tool in ProPublica&#8217;s Reporting Network, meanwhile, was e-mail. Even among the more technical projects like Ushahidi&#8217;s interactive map wiki and Publish2&#8242;s content sharing platform, technology is not the real star. The real star is the values behind each project, values anyone in news — big enterprises and small enterprises, techies and non-techies — can and should start applying today — along with the previously mentioned accessible technology. There&#8217;s nothing stopping you from being a Knight-Batten winner, or at least acting like one.</p>
<h3><a href="http://sunlightfoundation.com/live/archive/hcrsummit/"><img class="alignright size-full wp-image-1037" title="sunlight-foundation" src="http://steveearley.files.wordpress.com/2010/07/sunlight-foundation.jpg?w=380" alt="Screengrab of Sunlight Foundation logo"   /></a><a href="http://sunlightfoundation.com/live/archive/hcrsummit/">SUNLIGHT LIVE</a>, <a href="http://sunlightfoundation.com/"><br />
Sunlight Foundation</a></h3>
<p><strong>What it is:</strong> The Sunlight Foundation used data, visualizations and insight gleaned from research to contextualize real-time coverage of February&#8217;s bipartisan health care summit and promoted its work and tracked audience response with various online tools.</p>
<p><strong>What it teaches:</strong> What you do before and after live coverage is as important as what you do during it.</p>
<p>The real-time Web renders preparation more important, not less. The success or failure of live online coverage is usually determined in days leading up to the event, not during the minutes or hours of the event itself. The Sunlight Foundation conducted <a href="http://blog.sunlightfoundation.com/2010/03/01/sunlight-live-recap-how-we-did-it/">intensive planning and research</a> ahead of the seven-hour health care summit. It also monitored the audience response in real-time and after-the-fact, informing tactical decisions that day and strategic decisions for live coverage projects going forward.</p>
<h3><a href="http://www.propublica.org/special/reportingnetwork-signup"><img class="alignleft size-full wp-image-1036" title="pro-publica" src="http://steveearley.files.wordpress.com/2010/07/pro-publica.jpg?w=380" alt="Screengrab of ProPublica logo"   /></a> <a href="http://www.propublica.org/special/reportingnetwork-signup">REPORTING NETWORK</a>, <a href="http://www.propublica.org/"><br />
ProPublica</a></h3>
<p><strong>What it is:</strong> ProPublica enlisted an army of more than 5,000 citizen reporters with meaningful (spot checking government data), even fun (<a href="http://www.propublica.org/article/super-bowl-fun-snap-your-congress-member-205">photographing congressmen attending the Super Bowl</a>) assignments, engaging its audience and extending its journalistic reach.</p>
<p><strong>What it teaches:</strong> Audience contributions rise to your expectations.</p>
<p>Ask your audience to contribute more than just <a href="http://www.news-revolution.com/2010/02/snow-days-are-field-days-for-user.html">weather photos</a> and you might be surprised by the results you get. Even if only a fraction of your citizen journalists participate in assignments, and even if only a fraction of their contributions can be used in your coverage, making users feel like they&#8217;re part of the team goes a long way toward building audience engagement and loyalty. And when it comes to things journalists can&#8217;t do or can&#8217;t easily do themselves — like <a href="http://www.propublica.org/article/have-you-received-marketing-materials-in-the-mail-offering-to-refinance-you">monitoring direct mailings</a> or <a href="http://www.propublica.org/article/reporting-network-doc-squad-405">requesting residents-only public documents</a> in states they don&#8217;t live in — if you don&#8217;t get it from your users you&#8217;re probably not going to get it at all.</p>
<h3><a href="http://48hrmag.com/"><img class="alignright size-full wp-image-1033" title="48-hr-magazine" src="http://steveearley.files.wordpress.com/2010/07/48-hr-magazine.jpg?w=380" alt="Screengrab of 48 HR Magazine logo"   /></a><a href="http://48hrmag.com/">48 HR MAGAZINE</a></h3>
<p><strong>What it is:</strong> Starting the process on Twitter and ending it with print-on-demand Web service <a href="http://magcloud.com/">MagCloud</a>, 48 HR Magazine in a single weekend crowdsourced a 60-page magazine, soliciting, editing, producing and publishing 70 entertaining, smartly presented entries.</p>
<p><strong>What it teaches:</strong> Don&#8217;t ask &#8220;Why?&#8221; Ask &#8220;Why Not?&#8221; Or, better yet, just do it.</p>
<p><a href="http://vimeo.com/12004357">Create a magazine in 48 hours</a>? That&#8217;s crazy. Yes, it is. But crazy doesn&#8217;t mean impossible. In the time most would spend hemming and hawing about how crazy it is these folks got it done. Like newspaper chain the Journal Register Company&#8217;s recent <a href="http://steveearley.wordpress.com/2010/07/04/ben-franklin-project/">Ben Franklin Project</a>, it&#8217;s a testament to the Web and its organizing power and its affordable, accessible tools. It&#8217;s also a testament to people and their willingness to take risks and think positively. In both the 48 HR Magazine and the Ben Franklin Project, somebody boldly, unequivocally stated &#8220;We&#8217;re gonna do this.&#8221; Then, impressed by the leader&#8217;s conviction if not completely convinced by it, others signed on. &#8220;Sure, why not?&#8221; Momentum built, and suddenly it didn&#8217;t seem so crazy. &#8220;Why not?&#8221; gave way to &#8220;We really are gonna do this&#8221; gave we to &#8220;We did it!&#8221;</p>
<h3><a href="http://www.politifact.com/truth-o-meter/promises/"><img class="alignleft size-full wp-image-1035" title="politifact" src="http://steveearley.files.wordpress.com/2010/07/politifact.jpg?w=380" alt="Screengrab of PolitiFact.com logo"   /></a><a href="http://www.politifact.com/truth-o-meter/promises/">THE OBAMETER</a>, <a href="http://www.tampabay.com/"><br />
St. Petersburg Times</a></h3>
<p><strong>What it is:</strong> With users&#8217; assistance, the St. Petersburg Times&#8217; <a href="http://www.politifact.com/">PolitiFact.com</a> tracked 500 Obama campaign promises, rated them as kept, compromise, broken, stalled, in the works or not yet rated and presented the tally through simple, fun, engaging color-coded graphics.</p>
<p><strong>What it teaches:</strong> The million-mile-per-hour online news cycle isn&#8217;t the Web&#8217;s fault, it&#8217;s yours.</p>
<p>The Web&#8217;s accelerated news cycle drives politicians to make all kinds of promises, and usually, helps them get away with it. In July, when all eyes seem to be on the thermometer or the Gulf Coast, remarks made 19 months ago in a snowy New Hampshire square don&#8217;t fit the live, latebreaking model. It&#8217;s so refreshing, then, to see the Web leveraged to break free from horse-race journalism and hold leaders accountable. Why journalists, with virtually unlimited Web space, don&#8217;t share the overwhelming portions of their interviews that don&#8217;t make it into stories has been a recent <a href="http://voices.washingtonpost.com/ezra-klein/2010/07/wasted_interviews.html">topic of discussion</a> in online journalism circles. A fine argument in favor of this is it&#8217;s easy and cheap to do and at least few users are likely to find it useful or interesting. The even better argument: Like the Obameter, archiving interviews serves as a check on the 24-hour news cycle — something that wasn&#8217;t a big deal initially and was left out of the story might become story-worthy later — and promotes accountability — from journalists as well as sources.</p>
<h3><a href="http://haiti.ushahidi.com/"><img class="alignright size-full wp-image-1039" title="ushahidi-haiti" src="http://steveearley.files.wordpress.com/2010/07/ushahidi-haiti.jpg?w=380" alt="Screengrab of Ushahidi-Haiti logo"   /></a><a href="http://haiti.ushahidi.com/">USHAHIDI HAITI</a></h3>
<p><strong>What it is:</strong> Ushahidi Haiti and its international volunteers utilized the <a href="http://www.ushahidi.com/">open source Ushahidi platform</a> to aggregate e-mail, social media, Web and text message reports from the Haiti earthquake zone on an interactive map. The geo wiki pinpointed in near real-time damaged infrastructure, security threats, public health resources and other variables. It proved to be a useful resource for journalists and others following the disaster. It proved to be an invaluable resource for emergency responders. In no uncertain terms, Ushahidi saved lives.</p>
<p><strong>What it teaches:</strong> Those you&#8217;re trying to cover (or rescue) collectively know a lot more than you do.</p>
<p>Those who respond to disasters and those who cover disasters typically carry out their work in a very centralized manner. The authorities funnel operations and communications through a purportedly omniscient command center and media regurgitate the command center&#8217;s messages like they are the only and final word. As a result, each party misses important stuff, or at least gets to it later than it should. In how it was developed and how it is used, Ushahidi is a posterchild for the power of decentralization. It didn&#8217;t rise from Silicon Valley power brokers searching for a profit-making patent. It rose from Kenyan <a href="https://steveearley.wordpress.com/2010/03/28/a-new-frontier-of-innovation/">citizen journalists responding to a humanitarian crisis</a>. It doesn&#8217;t depend on manufactured authority to broadcast a presumed truth. It organically grows authority through the wisdom of groups to reveal a constantly updating snapshot.</p>
<h3><a href="http://www.publish2.com/about/news-exchange/"><img class="alignleft size-full wp-image-1034" title="news-exchange" src="http://steveearley.files.wordpress.com/2010/07/news-exchange.jpg?w=380" alt="Screengrab of Publish2 News Exchange logo"   /></a><a href="http://www.publish2.com/about/news-exchange/">PUBLISH2 NEWS EXCHANGE</a>, <a href="http://www.publish2.com/">Publish2</a></h3>
<p><strong>What it is:</strong> Publish2 streamlined content sharing through its custom-built platform, enabling news organizations of all sizes to create networked newswires free from the restraints and expenses of traditional, centralized cooperatives.</p>
<p><strong>What it teaches: </strong>There are times when it makes sense for competitors to be each other&#8217;s customers.</p>
<p>Like Ushahidi, Publish2&#8242;s News Exchange illustrates the power of decentralized networks. It also supports the notion that instead of going down together, even rival news organizations should learn to work together. There are important stories today&#8217;s leaner newsrooms don&#8217;t get around to covering. But, maybe a competitor does. Who the buyer is and who the seller is can flip on any given story, so, there&#8217;s a mutual interest to pool resources. And even on stories every news organization in town can get to, there&#8217;s often little marginal value in having every last news outlet there over a smaller amount. I expanded upon this last point in my proposal for an iTunes for news called <a href="http://stephencearley.com/research.html#bizplan">Regional Online News Trading Posts</a>:</p>
<blockquote><p>I&#8217;m not saying cross-town outlets shouldn&#8217;t still try to one-up each other&#8217;s coverage. The fear that the other guy might have it and you won&#8217;t promotes better journalism.</p>
<p>But, what about when you know everybody&#8217;s going to have it, and, it&#8217;s, let&#8217;s face it, not that great of a story? Is the opportunity cost of five news organizations sending five reporters to get the same canned quotes and staged photos from a police dog-and-pony show hyping a mid-level drug bust really serving the audience? How about four or those news organizations have the fifth cover the cops&#8217; theatrics while their reporters are off at the unemployment office, prisons and mental health parity bill hearings probing the root cause of their community&#8217;s drug problem?</p></blockquote>
<h3><a href="http://www.thetakeaway.org/2010/jul/06/detroit-txt-mightier-sword/"><img class="alignright size-full wp-image-1038" title="the-takeaway" src="http://steveearley.files.wordpress.com/2010/07/the-takeaway.jpg?w=380" alt="Screengrab of The Takeaway logo"   /></a><a href="http://www.thetakeaway.org/2010/jul/06/detroit-txt-mightier-sword/">SOURCING THROUGH TEXTING</a>, <a href="http://www.thetakeaway.org/">The Takeaway</a></h3>
<p><strong>What it is:</strong> Radio journalists tapped residents in Southwest Detroit to be the assignment editors for stories about their community, soliciting and following up on text messages reporting community problems like illegal truck traffic and describing their Mexicantown neighborhood in a few words. The approach, since replicated in Miami&#8217;s Little Havana, engaged nontraditional listeners and informed nontraditional stories.</p>
<p><strong>What it teaches: </strong>Meet your audience on platforms it prefers, not those you or other media do.</p>
<p>Pew Internet&#8217;s <a href="http://www.pewinternet.org/Reports/2010/Mobile-Access-2010.aspx?r=1">Mobile Access 2010 report</a>, released earlier this month, noted that minorities are more likely to own a mobile phone than whites and are more likely to use their phones to access the Internet. Based on those numbers, it&#8217;s not surprising a majority-minority neighborhood like Detroit&#8217;s Mexicantown responded to The Takeaway&#8217;s mobile outreach the way it did. Rather than generalize from national surveys like Pew&#8217;s, however, news organizations owe it to themselves and their audience to seek out detailed statistics on what platforms and tools are popular in their community. Blindly following national trends is a good way to miss or even alienate would-be customers and squander revenue opportunities. For instance, while the conventional wisdom is that Facebook is huge and MySpace (for all but musicians) is dead, <a href="http://www.danah.org/papers/talks/PDF2009.html">danah boyd</a> and other researchers point out that that&#8217;s not the case among all demographics.</p>
<p><em><a href="http://creativecommons.org/licenses/by-nc-sa/2.0/">Creative Commons</a> </em><em><a href="http://www.flickr.com/photos/kraftwerckk/2967546108/sizes/o/">photo</a> </em><em>by Flickr user <a href="http://www.flickr.com/people/kraftwerckk/">Kraftwerck</a>.</em></p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/steveearley.wordpress.com/1012/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/steveearley.wordpress.com/1012/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/steveearley.wordpress.com/1012/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/steveearley.wordpress.com/1012/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/steveearley.wordpress.com/1012/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/steveearley.wordpress.com/1012/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/steveearley.wordpress.com/1012/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/steveearley.wordpress.com/1012/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/steveearley.wordpress.com/1012/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/steveearley.wordpress.com/1012/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/steveearley.wordpress.com/1012/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/steveearley.wordpress.com/1012/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/steveearley.wordpress.com/1012/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/steveearley.wordpress.com/1012/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=steveearley.wordpress.com&amp;blog=9224684&amp;post=1012&amp;subd=steveearley&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://steveearley.wordpress.com/2010/07/20/knight-batten-winners/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<georss:point>0.000000 0.000000</georss:point>
		<geo:lat>0.000000</geo:lat>
		<geo:long>0.000000</geo:long>
		<media:content url="http://0.gravatar.com/avatar/0ea8c602caa185c47679d6e809c9ab88?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">steveearley</media:title>
		</media:content>

		<media:content url="http://steveearley.files.wordpress.com/2010/07/message-in-a-bottle.jpg" medium="image">
			<media:title type="html">message-in-a-bottle</media:title>
		</media:content>

		<media:content url="http://steveearley.files.wordpress.com/2010/07/sunlight-foundation.jpg" medium="image">
			<media:title type="html">sunlight-foundation</media:title>
		</media:content>

		<media:content url="http://steveearley.files.wordpress.com/2010/07/pro-publica.jpg" medium="image">
			<media:title type="html">pro-publica</media:title>
		</media:content>

		<media:content url="http://steveearley.files.wordpress.com/2010/07/48-hr-magazine.jpg" medium="image">
			<media:title type="html">48-hr-magazine</media:title>
		</media:content>

		<media:content url="http://steveearley.files.wordpress.com/2010/07/politifact.jpg" medium="image">
			<media:title type="html">politifact</media:title>
		</media:content>

		<media:content url="http://steveearley.files.wordpress.com/2010/07/ushahidi-haiti.jpg" medium="image">
			<media:title type="html">ushahidi-haiti</media:title>
		</media:content>

		<media:content url="http://steveearley.files.wordpress.com/2010/07/news-exchange.jpg" medium="image">
			<media:title type="html">news-exchange</media:title>
		</media:content>

		<media:content url="http://steveearley.files.wordpress.com/2010/07/the-takeaway.jpg" medium="image">
			<media:title type="html">the-takeaway</media:title>
		</media:content>
	</item>
		<item>
		<title>D.C.&#8217;s New Local News Shop</title>
		<link>http://steveearley.wordpress.com/2010/07/09/tbd-dc-local-news-website/</link>
		<comments>http://steveearley.wordpress.com/2010/07/09/tbd-dc-local-news-website/#comments</comments>
		<pubDate>Sat, 10 Jul 2010 02:28:35 +0000</pubDate>
		<dc:creator>steveearley</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[social media]]></category>
		<category><![CDATA[tbd.com]]></category>

		<guid isPermaLink="false">http://steveearley.wordpress.com/?p=974</guid>
		<description><![CDATA[Local news sites are, if you think about it, the boutiques of the online information economy. Yet too often they behave more like big-box stores. They overflow their virtual shelves with wire stories and re-written press releases users can get anywhere while talking about community building a lot more than actually doing it. The soon-to-launch [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=steveearley.wordpress.com&amp;blog=9224684&amp;post=974&amp;subd=steveearley&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.flickr.com/photos/gsimmonsonca/3285952133/sizes/o/"><img class="alignright size-full wp-image-975" title="open-sign" src="http://steveearley.files.wordpress.com/2010/07/open-sign.jpg?w=380" alt="Open sign on storefront window"   /></a>Local news sites are, if you think about it, the boutiques of the online information economy. Yet too often they behave more like big-box stores. They overflow their virtual shelves with wire stories and re-written press releases users can get anywhere while talking about community building a lot more than actually doing it.</p>
<p>The soon-to-launch D.C. area local news site from <a href="http://en.wikipedia.org/wiki/Allbritton_Communications_Company">Allbritton Communications</a> is anti-big-box. <a href="http://tbd.com/">TBD.com</a> is planning to carry a <strong>selective</strong> mix of <strong>elegantly presented</strong>, <strong>high-value</strong> news unique to its site and  is <strong>getting to know its neighbors </strong>by name (or at least screen name).</p>
<ul>
<li><strong>Selective:</strong> TBD editors have made it clear they&#8217;re not going to try to cover everything. They&#8217;re going to <a href="http://www.poynter.org/column.asp?id=101&amp;aid=181601">focus on</a> big regional stories and on neighborhood news and information. Stuff that falls in between isn&#8217;t going to get much (digital) ink. For what it doesn&#8217;t get to itself, TBD isn&#8217;t going to be shy about linking to other sites. (Not unlike when a shop directs a shopper to a business across town when the other place has an item it doesn&#8217;t. Online and off, in news and in retail, this builds trust with the customer and the other merchant, promoting return visits and reciprocal referrals.)</li>
</ul>
<ul>
<li><strong>Elegantly presented:</strong> TBD&#8217;s homepage is expected to be less cluttered than most other news websites&#8217;. And, replacing the sites for <a href="http://www.wjla.com/">WJLA-TV</a> and <a href="http://www.news8.net/">NewsChannel 8</a>, TBD.com should include its share of visual storytelling packages.</li>
</ul>
<ul>
<li><strong>High-value:</strong> Editor Jim Brady told Poynter that TBD will emphasize timely content that helps people make decisions. Heavy use of geocoding, meanwhile, will help personalize TBD&#8217;s offerings.</li>
</ul>
<ul>
<li><strong>Getting to know its neighbors:</strong> TBD has staff members — led by Editor &amp; Publisher Editor of the Year <a href="http://stevebuttry.wordpress.com/">Steve Buttry</a> — dedicated to nurturing relationships with local bloggers and engaging its audience on social media. Its <a href="http://tbd.com/2010/07/tbd-community-network-passes-90-members/">blog network</a> has already eclipsed 90 members and it&#8217;s using social media to <a href="http://twitter.com/TBDDC/status/18046226225">organize in-person meetups</a> with them and others in the community.</li>
</ul>
<p>Of course, TBD hasn&#8217;t even flipped over its open sign yet. It remains to be seen whether the site can sustain what it&#8217;s started, follow through on what it&#8217;s promised and make money doing it.</p>
<p>The third point is the biggest question. A lot of parallels have been drawn between TBD and fellow Allbritton property Politico, but Politico still <a href="http://www.businessinsider.com/politicos-revenue-will-be-over-20-million-for-2009-2010-1">makes most of its money from its print edition</a>. TBD.com has no print counterpart. Of course, that means it avoids the printing and distribution costs that dominate traditional newspapers&#8217; expenses. Perhaps it will make it work. One thing&#8217;s for sure: Plenty will be watching to see whether it does.</p>
<p><em><a href="http://creativecommons.org/licenses/by-nc-sa/2.0/">Creative Commons</a> <a href="http://www.flickr.com/photos/gsimmonsonca/3285952133/sizes/o/">photo</a> by Flickr user <a href="http://www.flickr.com/people/gsimmonsonca/">Gary Simmons</a>.</em></p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/steveearley.wordpress.com/974/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/steveearley.wordpress.com/974/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/steveearley.wordpress.com/974/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/steveearley.wordpress.com/974/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/steveearley.wordpress.com/974/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/steveearley.wordpress.com/974/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/steveearley.wordpress.com/974/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/steveearley.wordpress.com/974/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/steveearley.wordpress.com/974/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/steveearley.wordpress.com/974/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/steveearley.wordpress.com/974/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/steveearley.wordpress.com/974/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/steveearley.wordpress.com/974/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/steveearley.wordpress.com/974/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=steveearley.wordpress.com&amp;blog=9224684&amp;post=974&amp;subd=steveearley&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://steveearley.wordpress.com/2010/07/09/tbd-dc-local-news-website/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		<georss:point>0.000000 0.000000</georss:point>
		<geo:lat>0.000000</geo:lat>
		<geo:long>0.000000</geo:long>
		<media:content url="http://0.gravatar.com/avatar/0ea8c602caa185c47679d6e809c9ab88?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">steveearley</media:title>
		</media:content>

		<media:content url="http://steveearley.files.wordpress.com/2010/07/open-sign.jpg" medium="image">
			<media:title type="html">open-sign</media:title>
		</media:content>
	</item>
		<item>
		<title>Celebrating Free-dom: The Journal Register Company&#8217;s Ben Franklin Project</title>
		<link>http://steveearley.wordpress.com/2010/07/04/ben-franklin-project/</link>
		<comments>http://steveearley.wordpress.com/2010/07/04/ben-franklin-project/#comments</comments>
		<pubDate>Mon, 05 Jul 2010 03:51:05 +0000</pubDate>
		<dc:creator>steveearley</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[innovation]]></category>
		<category><![CDATA[journal register company]]></category>
		<category><![CDATA[newspapers]]></category>
		<category><![CDATA[open source]]></category>
		<category><![CDATA[social media]]></category>
		<category><![CDATA[user-generated content]]></category>

		<guid isPermaLink="false">http://steveearley.wordpress.com/?p=933</guid>
		<description><![CDATA[Full disclosure: I reported for Journal Register Company newspaper the Daily Freeman from June 2004 to October 2005. At first glance, today&#8217;s Web and print editions for the Journal Register Company&#8216;s 18 daily newspapers might not appear terribly different from any other day&#8217;s. That was part of the point of the rapidly-reinventing-itself chain&#8217;s bold Ben [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=steveearley.wordpress.com&amp;blog=9224684&amp;post=933&amp;subd=steveearley&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><em>Full disclosure: I reported for Journal Register Company newspaper the Daily Freeman from June 2004 to October 2005.</em></p>
<p><a href="http://steveearley.files.wordpress.com/2010/07/ben-franklin-portrait.jpg"><img class="alignright size-full wp-image-943" title="ben-franklin-portrait" src="http://steveearley.files.wordpress.com/2010/07/ben-franklin-portrait.jpg?w=380" alt="Ben Franklin portrait"   /></a>At first glance, today&#8217;s Web and print editions for the <a href="http://www.journalregister.com/">Journal Register Company</a>&#8216;s 18 daily newspapers might not appear terribly different from any other day&#8217;s. That was part of the point of the rapidly-reinventing-itself chain&#8217;s bold <a href="http://jrcbenfranklinproject.wordpress.com/">Ben Franklin Project</a>. JRC wanted to prove that free does not necessarily mean cheap, that free or near-free online tools can achieve the same production values as pricey proprietary software.</p>
<p>Take a closer look at the papers&#8217; digital and <a href="http://twitpic.com/2290fi">print</a> Ben Franklin Project editions, published on  Independence Day to signify the company&#8217;s independence from proprietary  systems, and you&#8217;ll notice they are different.</p>
<p>You&#8217;ll notice stories suggested and edited by audience members. You&#8217;ll notice crowdsourced solutions to community challenges. You&#8217;ll notice videos putting a fresh human face on persistent issues like immigration and unemployment. You&#8217;ll notice interactive maps pinpointing user-identified problems like risky roadways.</p>
<p>This was the Ben Franklin Project&#8217;s other, ultimately larger point: That free tools can improve both journalists&#8217; coverage and their relationship with their audience by making the news process more participatory.</p>
<p><a href="http://steveearley.files.wordpress.com/2010/07/composite.jpg"><img class="aligncenter size-full wp-image-944" title="composite" src="http://steveearley.files.wordpress.com/2010/07/composite.jpg?w=380&#038;h=380" alt="Screengrabs of YouTube video, Facebook page, home page and Twitter stream for various JRC newspapers." width="380" height="380" /></a></p>
<p>That the papers — some with circulations as small as 6,000 — even attempted this ambitious project is groundbreaking for their famously slow-to-adapt industry. That they pulled it off is a remarkable feat. The executive behind this and other innovations at JRC — including <a href="http://www.nhregister.com/articles/2010/04/10/news/doc4bc1135b21d53212226870.txt/">citizen journalism labs</a> and <a href="http://jxpaton.wordpress.com/2010/05/23/independence-and-the-idealab/">in-house testing of the latest tech tools</a> — was rightfully celebratory in a blog post to employees this morning, exclaiming, &#8220;<a href="http://jxpaton.wordpress.com/2010/07/04/independence-day-and-our-declaration/">Take a bow. You did it</a>.&#8221; CEO <a href="http://twitter.com/jxpaton">John Paton</a> also rightfully recognized that this is only the beginning.</p>
<p>The success or failure of an initiative characterized — by organizers and observers — as revolutionary can be judged only over the long-term. Merely sustaining the type of work showcased today will require more hard work, especially as the novelty — for employees and audience members — wears off. Building up the Ben Franklin Project into what the journalism history books (history tablets?) would consider a revolution will require a lot more hard work.</p>
<ul>
<li>It will require a firm technical and strategic grasp of the tools used to produce today&#8217;s editions. Employees, who had just over a month to learn many of the free tools they used, are by their own admission <a href="http://www.delcotimes.com/articles/2010/07/04/opinion/doc4c2f4f021b4e2611926972.txt">still getting the hang of </a> pagination program <a href="http://www.scribus.net/">Scribus</a>. Microblogging service <a href="http://twitter.com/">Twitter</a>, meanwhile, is of greatest value to news organizations when they use it to converse with audience members and sources (two-way/pull/new-media thinking), yet many JRC papers use their Twitter feeds only to push out links to their stories (one-way/push/old-media thinking).</li>
</ul>
<ul>
<li>It will require abandoning these tools at the drop of a hat and learning new ones as better alternatives come along.</li>
</ul>
<ul>
<li>It will require engaging audience members — meeting them on the platforms they&#8217;re already using or educating them about the platforms they should be using — to the point they don&#8217;t have to be <a href="http://kin.jrcbenfranklin.com/community/07/04/lajara-some-animal-advice-for-camping-trips/">persuaded to participate</a>.</li>
</ul>
<ul>
<li>It will require not letting the new way of doing things disrupt what was right about the old way. As empowering as they are, interactive tools are a complement to thorough, old-fashioned, shoe-leather reporting, not a replacement for it.</li>
</ul>
<ul>
<li>More than anything, it will require a bottom-up embrace of the digital-first, innovation culture Paton is evangelizing. No print-versus-Web, us-versus-them, that&#8217;s-not-part-of-my job whining.</li>
</ul>
<p>Since a lot of people might have been too busy eating hot dogs/<a href="http://www.youtube.com/watch?v=j4OkT_nbj4w">watching others eat (way too many) hot dogs</a>, launching fireworks/watching others launch fireworks to follow JRC&#8217;s Ben Franklin Project coverage, here&#8217;s a sampling of what the 18 papers produced:</p>
<ul>
<li>The <a href="http://kin.jrcbenfranklin.com/">Daily Freeman</a> of Kingston,  N.Y., asked social media users and passers-by <a href="http://kin.jrcbenfranklin.com/news/07/04/suggestions-vary-for-future-of-kings-inn-property-in-kingston/">what  they thought the city should do with a condemned motel</a>, broadening the <a href="http://dailyfreeman.com/articles/2010/07/03/news/doc4c2ecc7ddb55c557046655.txt">official  discussion</a> ahead of a public brainstorming session.</li>
<li>The <a href="http://wes.jrcbenfranklin.com/">Daily Local News</a> of  Chester County, Pa., on one of the nation&#8217;s higher-risk days for drunken  driving incidents, <a href="http://wes.jrcbenfranklin.com/news/07/04/effects-of-duis-wide-spread-wide-ranging/">shared  online comments from victims and offenders and their families</a> on how drunken driving has affected their lives.</li>
<li>The <a href="http://www.dailytribune.com/">Daily Tribune </a> (<a href="http://roy.jrcbenfranklin.com/">whose BFP site appears to be empty</a> — please advise if it&#8217;s located elsewhere) of Royal Oak, Mich., conducted an e-mail/snail mail/Twitter survey to determine its audience&#8217;s &#8220;<a href="http://www.dailytribune.com/articles/2010/07/04/sports/doc4c300717c20be642702788.txt">Great Sports Hero</a>.&#8221; The winner? &#8220;Mr. Tiger&#8221; Al Kaline.</li>
<li><a href="http://che.jrcbenfranklin.com/">The Delaware County (Pa.) Times</a> <a href="http://www.delcotimes.com/articles/2010/07/03/opinion/doc4c2f4f021b4e2611926972.txt">live blogged the production of its Ben Franklin Project paper and website</a>, complete with <a href="http://www.youtube.com/watch?v=0pUD0tfyan8&amp;feature=player_embedded">behind-the-scenes videos</a>.</li>
<li><a href="http://cle.jrcbenfranklin.com/">The Macomb (County, Mich.) Daily</a> was among the papers to source stories on social media, posting on its <a href="http://www.facebook.com/pages/Macomb-Daily/167187400091">Facebook page</a> last month, &#8220;If anyone has successfully connected their kids to nature and/or physical activity outdoors — in big or small ways! — we would love to hear about it for a story&#8230;&#8221;</li>
</ul>
<p><a href="http://maps.google.com/maps/ms?ie=UTF8&amp;hl=en&amp;msa=0&amp;msid=117331528409989585983.00048a87251c9888c7ffd&amp;source=embed&amp;ll=40.22817,-75.49942&amp;spn=0.607063,0.601501&amp;z=10"><img class="aligncenter size-full wp-image-945" title="the-mercury-road-rage-map" src="http://steveearley.files.wordpress.com/2010/07/the-mercury-road-rage-map.jpg?w=380&#038;h=380" alt="Screengrab of The Mercury road rage map" width="380" height="380" /></a></p>
<ul>
<li><a href="http://pot.jrcbenfranklin.com/">The Mercury</a> of Pottstown,  Pa., <a href="http://pot.jrcbenfranklin.com/top-news/07/03/rt-422-road-rage-shooting-highlighted-growing-problem/">followed  up on a road-rage-related shooting</a> by <a href="http://maps.google.com/maps/ms?ie=UTF8&amp;hl=en&amp;msa=0&amp;msid=117331528409989585983.00048a87251c9888c7ffd&amp;source=embed&amp;ll=40.22817,-75.49942&amp;spn=0.607063,0.601501&amp;z=10">mapping  the spots users consider most prone to road-rage incidents</a>.</li>
<li>The <a href="http://mid.jrcbenfranklin.com/">Middletown (Conn.) Press</a> was among the papers to share first drafts of stories with audience  members ahead of final publication. Here&#8217;s the <a href="http://www.middletownpress.com/articles/2010/06/28/news/doc4c28d944b18c2038636524.txt">early version of its story on the cancellation of a municipal fireworks display</a>.  Here&#8217;s the <a href="http://mid.jrcbenfranklin.com/news/07/03/when-hope-isnt-enough-to-save-the-fireworks/">final  version</a>.</li>
<li><a href="http://lor.jrcbenfranklin.com/">The Morning Journal</a> of  Lorain, Ohio, shared community <a href="http://lor.jrcbenfranklin.com/top-news/07/03/walmart-brings-jobs-controversy/">reaction  to a Wal-Mart store under construction </a>on the west side of the  city.</li>
<li>The <a href="http://ple.jrcbenfranklin.com/">Morning Sun</a> (<span style="text-decoration:line-through;">whose BFP site I couldn&#8217;t locate — please advise if you find a link</span>) of Mount Pleasant, Mich., offered its audience a <a href="http://ple.jrcbenfranklin.com/news/07/04/videos-rick-mills-sundays-edition-a-milestone/">detailed explanation of the Ben Franklin Project</a> — via text and video — in a post by its executive editor.</li>
<li>The <a href="http://nhr.jrcbenfranklin.com/">New Haven (Conn.) Register,</a> appropriately, surveyed its <a href="http://www.facebook.com/NewHavenRegister">Facebook fans</a>, <a href="http://twitter.com/nhregister/">Twitter followers </a>and others about <a href="http://nhr.jrcbenfranklin.com/opinion/07/03/readers-respond-the-future-of-news-media/">the future of the news media</a>, receiving thoughtful responses instructive for it and its audience as they respond to each other&#8217;s changing habits in these transitional times.</li>
<li><a href="http://oh.jrcbenfranklin.com/">The News-Herald</a> of  Willoughby, Ohio — one of two papers to <a href="http://jrcbenfranklinproject.wordpress.com/2010/05/20/ben-franklin-project-a-success/">pilot  the Ben Franklin Project</a> last spring (the  other was weekly <a href="http://www.montgomerynews.com/">Montgomery (County, Pa.) Media</a>) — probably had a little too much fun producing its <a href="http://oh.jrcbenfranklin.com/news/07/01/ultimate-fighting-condiments/">video  promoting its favorite-hot-dog-condiment contest</a>. Proving new media  are changing more than just the news industry, it also published a  multimedia piece — including a <a href="http://www.coveritlive.com/index2.php/option=com_altcaster/task=viewaltcast/altcast_code=0eb8a34a55/height=550/width=470">chat</a> on its <a href="http://www.news-herald.com/articles/2010/07/04/news/nh2736375.txt">regular site</a> — on <a href="http://oh.jrcbenfranklin.com/news/07/03/funeral-webcasts-connect-families-from-far-away/">funeral  webcasts</a>.</li>
<li><a href="http://pon.jrcbenfranklin.com/">The Oakland (County, Mich.) Press</a> explored <a href="http://pon.jrcbenfranklin.com/top-news/07/02/reading-between-the-lines-what-are-textbooks-teaching-students/">perceptions of bias in history textbooks</a>. The topic was recommended by attendees at a town hall forum organized by the newspaper who probably weren&#8217;t even thinking about the Independence Day news peg.</li>
</ul>
<p><a href="http://www.youtube.com/watch?v=vkI976Tp4BI&amp;feature=player_embedded"><img class="aligncenter size-full wp-image-946" title="cooper-video" src="http://steveearley.files.wordpress.com/2010/07/cooper-video.jpg?w=380&#038;h=380" alt="Screengrab of Oneida Dispatch video featuring JRC Director of Digital Content Jonathan Cooper." width="380" height="380" /></a></p>
<ul>
<li>The <a href="http://oni.jrcbenfranklin.com/">Oneida (N.Y.) Dispatch</a>,  among the many publications to run editor&#8217;s notes on the project,  explained how it&#8217;s &#8220;<a href="http://oni.jrcbenfranklin.com/opinion/07/02/ben-franklin-project-gives-us-new-tools-for-traditional-goals/">us[ing]  new tools to achieve traditional goals</a>.&#8221; It supported the column  with an <a href="http://www.youtube.com/watch?v=vkI976Tp4BI&amp;feature=player_embedded">about-the-project  video</a> narrated by JRC Director of Digital Content <a href="http://twitter.com/jemersoncooper">Jonathan Cooper</a>.</li>
<li><a href="http://tor.jrcbenfranklin.com/">The Register Citizen</a> of  Torrington, Conn., published a series of articles <a href="http://tor.jrcbenfranklin.com/news/07/04/a-common-vision-is-there-something-to-agree-on-about-downtown-torrington/">examining  downtown revitalization</a>. &#8220;A Common Vision&#8221; was based on Web  comments, reader submissions and surveys.</li>
<li><a href="http://lap.jrcbenfranklin.com/">The Reporter</a> of Landsdale,  Pa., published <a href="http://www.youtube.com/watch?v=P9llXY7_BkM&amp;feature=player_embedded">video  resumes</a> to put a human face on the area&#8217;s worst <a href="http://lap.jrcbenfranklin.com/news/07/03/special-report-job-search-fatigue-sets-in-videos/">unemployment  and underemployment</a> in more than a quarter century.</li>
<li><a href="http://sar.jrcbenfranklin.com/">The Saratogian</a> of Saratoga  Springs, N.Y., like The News-Herald, took a look at how another industry — in this case, the nonprofit sector — is <a href="http://sar.jrcbenfranklin.com/top-news/07/04/saratoga-county-non-profits-find-funds-through-social-networking-sites/">leveraging new media</a>.</li>
<li><a href="http://nor.jrcbenfranklin.com/">The Times Herald</a> of Philadelphia suburb Norristown, Pa., combined man-on-the-street interviews, website, Twitter, Facebook and e-mail queries and an interactive poll attached to the resulting story in effort to determine <a href="http://nor.jrcbenfranklin.com/news/07/03/wit-or-witout/">who makes the area&#8217;s best cheesesteak</a>.</li>
<li><a href="http://tro.jrcbenfranklin.com/">The Troy (N.Y.) Record</a> shared some of <a href="http://tro.jrcbenfranklin.com/community/07/04/slideshow-travel-photos/">users&#8217; favorite vacation photos</a>, many of them breathtaking. Also, on its regular home page, it gave prominent play to some of the JRC papers&#8217; simplest, but most substantive, <a href="http://www.troyrecord.com/">ongoing interactive features,</a> letting users suggest stories, correct factual errors or report neighborhood problems in a single click.</li>
</ul>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/steveearley.wordpress.com/933/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/steveearley.wordpress.com/933/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/steveearley.wordpress.com/933/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/steveearley.wordpress.com/933/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/steveearley.wordpress.com/933/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/steveearley.wordpress.com/933/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/steveearley.wordpress.com/933/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/steveearley.wordpress.com/933/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/steveearley.wordpress.com/933/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/steveearley.wordpress.com/933/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/steveearley.wordpress.com/933/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/steveearley.wordpress.com/933/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/steveearley.wordpress.com/933/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/steveearley.wordpress.com/933/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=steveearley.wordpress.com&amp;blog=9224684&amp;post=933&amp;subd=steveearley&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://steveearley.wordpress.com/2010/07/04/ben-franklin-project/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		<georss:point>0.000000 0.000000</georss:point>
		<geo:lat>0.000000</geo:lat>
		<geo:long>0.000000</geo:long>
		<media:content url="http://0.gravatar.com/avatar/0ea8c602caa185c47679d6e809c9ab88?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">steveearley</media:title>
		</media:content>

		<media:content url="http://steveearley.files.wordpress.com/2010/07/ben-franklin-portrait.jpg" medium="image">
			<media:title type="html">ben-franklin-portrait</media:title>
		</media:content>

		<media:content url="http://steveearley.files.wordpress.com/2010/07/composite.jpg" medium="image">
			<media:title type="html">composite</media:title>
		</media:content>

		<media:content url="http://steveearley.files.wordpress.com/2010/07/the-mercury-road-rage-map.jpg" medium="image">
			<media:title type="html">the-mercury-road-rage-map</media:title>
		</media:content>

		<media:content url="http://steveearley.files.wordpress.com/2010/07/cooper-video.jpg" medium="image">
			<media:title type="html">cooper-video</media:title>
		</media:content>
	</item>
		<item>
		<title>DailyDev: Treemap</title>
		<link>http://steveearley.wordpress.com/2010/07/01/dailydev-treemap/</link>
		<comments>http://steveearley.wordpress.com/2010/07/01/dailydev-treemap/#comments</comments>
		<pubDate>Fri, 02 Jul 2010 01:52:52 +0000</pubDate>
		<dc:creator>steveearley</dc:creator>
				<category><![CDATA[dailydev]]></category>
		<category><![CDATA[visualizations]]></category>

		<guid isPermaLink="false">http://steveearley.wordpress.com/?p=904</guid>
		<description><![CDATA[When I saw Mark Luckie&#8217;s post &#8220;What is a treemap? 5 examples and how you can create one&#8221; the other week I thought making a treemap would be a fun exercise for this series, in which I test drive new (to me) Web tools and techniques. From Luckie: Treemaps are a growing trend in online [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=steveearley.wordpress.com&amp;blog=9224684&amp;post=904&amp;subd=steveearley&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><a href="http://steveearley.files.wordpress.com/2010/07/dailydev11.jpg"><img class="alignright size-full wp-image-905" title="dailyDev11" src="http://steveearley.files.wordpress.com/2010/07/dailydev11.jpg?w=380" alt="DailyDev blog series logo - day 11"   /></a>When I saw Mark Luckie&#8217;s post &#8220;<a href="http://10000words.net/2010/06/what-is-a-treemap-5-examples-and-how-you-can-create-one/?utm_source=feedburner&amp;utm_medium=feed&amp;utm_campaign=Feed%3A+10000words%2FwxYG+%2810%2C000+Words%29&amp;utm_content=Twitter">What is a treemap? 5 examples and how you can create one</a>&#8221; the other week I thought making a treemap would be a fun exercise for this series, in which I test drive new (to me) Web tools and techniques.</p>
<p>From Luckie:</p>
<blockquote><p>Treemaps are a growing trend in online data visualization and you’ve likely spotted one or two around the web. But what are they?</p></blockquote>
<p>Most newsies have probably seen the <a href="http://newsmap.jp/">Newsmap</a>, one of Luckie&#8217;s examples.</p>
<blockquote><p>Treemaps, sometimes written as “tree maps,” display hierarchical information in a series of clustered rectangles, which together represent a whole. The size of each box represents a quantity. Treemaps also can use color to represent any number of values, but it is often used to categorize the various boxes within the treemap.</p></blockquote>
<p>Be sure to check out the full post on 10,000 Words for more examples and advice on creating your own.</p>
<p>In part to simplify the styling of the chart and in part to brush up on my skills, I decided to build my treemap, illustrating the fiscal 2011 spending plan for the municipality I used to cover, in Flash.</p>
<p>Given that it&#8217;s been — let&#8217;s just say a while — since I tackled anything approaching serious development in this particular program (this hastily made <a href="http://stephencearley.com/swfs/bell.swf">virtual bell</a> I used to motivate teammates in an all-hands-on-deck Web development session might have been the last interactive I produced), it took me a few days to put the treemap together. Recreating the visualization in HTML/CSS could be a future project, I suppose. I&#8217;ve seen enough of this chart for now, though.</p>
<p><strong>Finished Product</strong></p>
<p><a href="http://stephencearley.com/swfs/treemap.swf"><img class="aligncenter size-full wp-image-930" title="treemap" src="http://steveearley.files.wordpress.com/2010/07/treemap1.jpg?w=380" alt="Screengrab of treemap city budget visualization made in Flash"   /></a></p>
<p><strong>Pros</strong></p>
<ul>
<li>Efficiently communicates the basics about the budget. With a quick glance and a few mouseovers users get a good grasp of how the city&#8217;s money is divided up and what some of the bigger-ticket areas are.</li>
<li>A lot more fun than reading a budget story or scrolling through the spending plan PDF.</li>
<li>Doesn&#8217;t have to take long to do. Although I didn&#8217;t choose either of these options, as Luckie mentioned in his post, <a href="http://code.google.com/intl/en/apis/visualization/documentation/gallery/treemap.html#Overview">Google</a> and <a href="http://manyeyes.alphaworks.ibm.com/manyeyes/">IBM</a> have tools that generate treemaps for you.</li>
</ul>
<p><strong>Cons</strong></p>
<ul>
<li>It can be cognitively difficult for users to compare proportionate shapes with varying aspect ratios. (That&#8217;s one reason I made the blocks representing my subcategories squares.)</li>
<li>Difficult to optimize for mobile, given reliance on mouseovers, and, in many treemaps, the oh-so-teeny-tininess of the tiniest blocks.</li>
<li>Building from scratch and manually doing the math to determine the proportions — like I did (though I did have Google&#8217;s tool assist me with the dimensions/layout of the five main blocks) — can be time consuming!</li>
</ul>
<p><strong>Tip</strong></p>
<ul>
<li>Flash doesn&#8217;t allow nested rollovers. Use the <a href="http://www.adobe.com/support/flash/action_scripts/actionscript_dictionary/actionscript_dictionary534.html">hitTest method</a> if you want that behavior. For example, here&#8217;s the AS2 I used to get the Parks details to appear on mouseover:</li>
</ul>
<p><pre class="brush: plain;">
parksMain_mc.onEnterFrame=function()
{
	if(parksMain_mc.hitTest(_root._xmouse, _root._ymouse))
	{
		parksMain_mc.gotoAndPlay(2);
	}
}
</pre></p>
<p><strong>Recommend?</strong></p>
<ul>
<li>Yes, but make sure the time it takes to create the treemap is balanced by the time it saves/value it adds for your audience. Also, given the increasing importance of interlinked data on the Web, which I <a href="http://www.news-revolution.com/2010/05/now-and-next-of-participatory-news.html">blogged about earlier</a>, it behooves developers to present data in semantically smarter ways than Flash. So, yeah: Do as I say, not as I do.</li>
</ul>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/steveearley.wordpress.com/904/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/steveearley.wordpress.com/904/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/steveearley.wordpress.com/904/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/steveearley.wordpress.com/904/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/steveearley.wordpress.com/904/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/steveearley.wordpress.com/904/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/steveearley.wordpress.com/904/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/steveearley.wordpress.com/904/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/steveearley.wordpress.com/904/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/steveearley.wordpress.com/904/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/steveearley.wordpress.com/904/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/steveearley.wordpress.com/904/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/steveearley.wordpress.com/904/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/steveearley.wordpress.com/904/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=steveearley.wordpress.com&amp;blog=9224684&amp;post=904&amp;subd=steveearley&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://steveearley.wordpress.com/2010/07/01/dailydev-treemap/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<georss:point>0.000000 0.000000</georss:point>
		<geo:lat>0.000000</geo:lat>
		<geo:long>0.000000</geo:long>
		<media:content url="http://0.gravatar.com/avatar/0ea8c602caa185c47679d6e809c9ab88?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">steveearley</media:title>
		</media:content>

		<media:content url="http://steveearley.files.wordpress.com/2010/07/dailydev11.jpg" medium="image">
			<media:title type="html">dailyDev11</media:title>
		</media:content>

		<media:content url="http://steveearley.files.wordpress.com/2010/07/treemap1.jpg" medium="image">
			<media:title type="html">treemap</media:title>
		</media:content>
	</item>
		<item>
		<title>DailyDev: Business Card QR Code</title>
		<link>http://steveearley.wordpress.com/2010/06/22/dailydev-business-card-qr-code/</link>
		<comments>http://steveearley.wordpress.com/2010/06/22/dailydev-business-card-qr-code/#comments</comments>
		<pubDate>Wed, 23 Jun 2010 02:04:07 +0000</pubDate>
		<dc:creator>steveearley</dc:creator>
				<category><![CDATA[dailydev]]></category>
		<category><![CDATA[mobile]]></category>

		<guid isPermaLink="false">http://steveearley.wordpress.com/?p=880</guid>
		<description><![CDATA[A former newspaper guy transitioning to multi-platform journalism, I love, love, love print-digital mashups. So, naturally, I&#8217;m excited that QR codes, widespread in Japan and Europe, seem to be catching on in North America. The two-dimensional bar codes, invented to track auto parts, are being embraced by content producers and marketers because they can be [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=steveearley.wordpress.com&amp;blog=9224684&amp;post=880&amp;subd=steveearley&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><a href="http://steveearley.files.wordpress.com/2010/06/qr.jpg"><img class="aligncenter size-full wp-image-882" title="qr" src="http://steveearley.files.wordpress.com/2010/06/qr.jpg?w=380&#038;h=270" alt="Photograph, taken in front of a mirror, of the front and back side of a business card, with a QR two-dimensional barcode on the back." width="380" height="270" /></a><br />
A former newspaper guy transitioning to multi-platform journalism, I love, love, love print-digital mashups. So, naturally, I&#8217;m excited that <a href="http://en.wikipedia.org/wiki/QR_Code">QR codes</a>, widespread in <a href="http://www.flickr.com/photos/mobiusmobile/2685959586/">Japan</a> and Europe, seem to be catching on in North America.</p>
<p>The two-dimensional bar codes, invented to track auto parts, are being embraced by content <a href="http://steveearley.files.wordpress.com/2010/06/dailydev10.jpg"><img class="alignright size-full wp-image-888" title="dailyDev10" src="http://steveearley.files.wordpress.com/2010/06/dailydev10.jpg?w=380" alt="DailyDev blog series logo -- day 10"   /></a>producers and marketers because they can be processed by smart phones to steer users to URLs, contact information, map locations and other data. The <a href="http://www.fastcompany.com/1585822/business-card-just-scan-my-qr-code">South By Southwest</a> festival this year used them on conference name badges. A <a href="http://www.edmontonjournal.com/opinion/more+from+Journal+take+everywhere/3159768/story.html">Canadian newspaper</a> recently started printing the codes next to articles to connect print readers to supplementary online content. Anyone in <a href="http://mashable.com/2010/06/10/internet-week-qr-codes/">Times Square</a> a couple weeks ago might have noticed QR codes (QR is short for quick response) in advertisements on one of the district&#8217;s many electronic billboards.</p>
<p>I decided to apply the technology much like SXSW did and embed my contact information on the back of my business card. To do this, I used a free third-party beta service called <a href="http://pingtags.com/">PingTags</a>, which links with users&#8217; <a href="http://www.linkedin.com">LinkedIn</a> accounts to create sleek mobile contact pages. PingTags automatically generates the corresponding QR code and even tracks page views for you.</p>
<p>DIYers can make their own QR codes <a href="http://www.qrjumps.com/">here</a>. There are many free QR code generators available online, but this one has the added feature of allowing creators to change the destination of the code at a later date.</p>
<p><strong>Finished Product</strong></p>
<ul>
<li>The business card itself (the back is reflected in a mirror) is in the image at the top of this post.</li>
<li>The QR code pointing to my PingTags page is at left.<strong> </strong></li>
<li>If you<a href="http://2d4.me/1hw1vjs#home"><img class="alignleft size-full wp-image-883" title="ping" src="http://steveearley.files.wordpress.com/2010/06/ping.png?w=380" alt="QR code for my PingTags page"   /></a> have an enabled smart phone, go ahead and try scanning the code. If you don&#8217;t have a QR reader app, you can download one <a href="http://www.qrme.co.uk/qr-code-resources/qr-code-readers.html">here</a>.</li>
<li>If you don&#8217;t have a smart phone capable of reading QR codes, check out the page <a href="http://2d4.me/1hw1vjs#home">here</a>.</li>
</ul>
<p><strong>Pros</strong></p>
<ul>
<li>Make your business card more interesting and more useful to your contacts.</li>
<li>Make a static business card dynamic by changing the content the code points to.</li>
<li>Look technically hip without needing a lot of technical know-how.</li>
</ul>
<p><strong>Cons</strong></p>
<ul>
<li>Many users don&#8217;t have phones capable of reading QR codes or don&#8217;t know that they do.</li>
<li>Other mobile apps like <a href="http://www.google.com/mobile/goggles/#text">Google Goggles</a> and <a href="http://bu.mp/">Bump</a> can arguably more efficiently accomplish the functionality achieved in this example.</li>
<li>The codes look kinda cool — I think so at least — but aren&#8217;t going to be winning any beauty pageants. (<a href="http://www.spyderlynk.com/">SpyderLynk</a>&#8216;s paid SnapTag service offers a more aesthetically pleasing alternative.)</li>
</ul>
<p><strong>Tip</strong></p>
<ul>
<li>Be creative! Put QR codes on T-shirts, napkins, greeting cards, Twitter icons, tattoo them on your skin. The sky&#8217;s the limit. OK, maybe not that last one.</li>
</ul>
<p><strong>Recommend?</strong></p>
<ul>
<li>Yes, but bear in mind that a lot of people look down upon QR codes as gimmicky — and often times, they&#8217;re right. Don&#8217;t use a QR code where a shortened URL will do.</li>
</ul>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/steveearley.wordpress.com/880/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/steveearley.wordpress.com/880/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/steveearley.wordpress.com/880/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/steveearley.wordpress.com/880/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/steveearley.wordpress.com/880/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/steveearley.wordpress.com/880/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/steveearley.wordpress.com/880/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/steveearley.wordpress.com/880/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/steveearley.wordpress.com/880/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/steveearley.wordpress.com/880/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/steveearley.wordpress.com/880/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/steveearley.wordpress.com/880/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/steveearley.wordpress.com/880/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/steveearley.wordpress.com/880/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=steveearley.wordpress.com&amp;blog=9224684&amp;post=880&amp;subd=steveearley&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://steveearley.wordpress.com/2010/06/22/dailydev-business-card-qr-code/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<georss:point>0.000000 0.000000</georss:point>
		<geo:lat>0.000000</geo:lat>
		<geo:long>0.000000</geo:long>
		<media:content url="http://0.gravatar.com/avatar/0ea8c602caa185c47679d6e809c9ab88?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">steveearley</media:title>
		</media:content>

		<media:content url="http://steveearley.files.wordpress.com/2010/06/qr.jpg" medium="image">
			<media:title type="html">qr</media:title>
		</media:content>

		<media:content url="http://steveearley.files.wordpress.com/2010/06/dailydev10.jpg" medium="image">
			<media:title type="html">dailyDev10</media:title>
		</media:content>

		<media:content url="http://steveearley.files.wordpress.com/2010/06/ping.png" medium="image">
			<media:title type="html">ping</media:title>
		</media:content>
	</item>
		<item>
		<title>DailyDev: Photoshop Fake HDR</title>
		<link>http://steveearley.wordpress.com/2010/06/16/dailydev-photoshop-fake-hdr/</link>
		<comments>http://steveearley.wordpress.com/2010/06/16/dailydev-photoshop-fake-hdr/#comments</comments>
		<pubDate>Thu, 17 Jun 2010 00:35:07 +0000</pubDate>
		<dc:creator>steveearley</dc:creator>
				<category><![CDATA[dailydev]]></category>

		<guid isPermaLink="false">http://steveearley.wordpress.com/?p=871</guid>
		<description><![CDATA[I&#8217;ll have to get out with a tripod sometime and try it the scratch-made way, but today I faked a high dynamic range photo in Photoshop using this tutorial. Finished Product HDR image Original image Pros Mimic the human eye and then some by making extremely light and extremely dark areas visible at once. Create [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=steveearley.wordpress.com&amp;blog=9224684&amp;post=871&amp;subd=steveearley&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ll have to get out with a tripod sometime and try it the scratch-made way, but today I faked a <a href="http://en.wikipedia.org/wiki/High_dynamic_range_imaging">high dynamic range</a> photo in Photoshop using <a href="http://www.nill.cz/index.php?set=tu1">this tutorial</a>.</p>
<p><strong>Finished Product</strong></p>
<p>HDR image</p>
<p><a href="http://steveearley.files.wordpress.com/2010/06/hdrafter.png"><img class="aligncenter size-full wp-image-873" title="hdrafter" src="http://steveearley.files.wordpress.com/2010/06/hdrafter.png?w=380&#038;h=185" alt="Photoshop faked HDR image of the Raleigh (N.C.) Convention Center" width="380" height="185" /></a></p>
<p>Original image</p>
<p><a href="http://steveearley.files.wordpress.com/2010/06/hdrbefore.png"><img class="aligncenter size-full wp-image-874" title="hdrbefore" src="http://steveearley.files.wordpress.com/2010/06/hdrbefore.png?w=380&#038;h=185" alt="Original image of the Raleigh (N.C.) Convention Center, before getting the fake HDR treatment in Photoshop." width="380" height="185" /></a><strong></strong></p>
<p><strong>Pros</strong></p>
<ul>
<li>Mimic the human eye and then some by making extremely light and extremely dark areas visible at once.</li>
<li>Create dramatic-looking photographs.</li>
<li>Potentially rescue poorly exposed images.</li>
</ul>
<p><strong><a href="http://steveearley.files.wordpress.com/2010/06/dailydev9.jpg"><img class="alignright size-full wp-image-876" title="dailyDev9" src="http://steveearley.files.wordpress.com/2010/06/dailydev9.jpg?w=380" alt="DailyDev blog series logo -- day 9"   /></a>Cons</strong></p>
<ul>
<li>Fun to play around with, but for everyday Web publishers, limited practical applications.</li>
<li>It takes time and talent to keep the HDR image from looking too fake.</li>
<li>Even proper HDR images are controversial in some photography circles.</li>
</ul>
<p><strong>Tip</strong></p>
<ul>
<li>Experiment. Don&#8217;t be scared to deviate from the tutorial recipe. Every photograph is different. Plus, there&#8217;s always several ways to skin a cat in Photoshop. Oh, and always save your original .psd!</li>
</ul>
<p><strong>Recommend?</strong></p>
<ul>
<li>To mess around with, why not? A more subtle application than this could be used to correct over/under exposure in photo illustrations. This technique should be avoided in news photos, however; it&#8217;s distorting reality.</li>
</ul>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/steveearley.wordpress.com/871/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/steveearley.wordpress.com/871/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/steveearley.wordpress.com/871/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/steveearley.wordpress.com/871/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/steveearley.wordpress.com/871/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/steveearley.wordpress.com/871/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/steveearley.wordpress.com/871/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/steveearley.wordpress.com/871/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/steveearley.wordpress.com/871/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/steveearley.wordpress.com/871/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/steveearley.wordpress.com/871/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/steveearley.wordpress.com/871/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/steveearley.wordpress.com/871/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/steveearley.wordpress.com/871/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=steveearley.wordpress.com&amp;blog=9224684&amp;post=871&amp;subd=steveearley&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://steveearley.wordpress.com/2010/06/16/dailydev-photoshop-fake-hdr/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<georss:point>0.000000 0.000000</georss:point>
		<geo:lat>0.000000</geo:lat>
		<geo:long>0.000000</geo:long>
		<media:content url="http://0.gravatar.com/avatar/0ea8c602caa185c47679d6e809c9ab88?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">steveearley</media:title>
		</media:content>

		<media:content url="http://steveearley.files.wordpress.com/2010/06/hdrafter.png" medium="image">
			<media:title type="html">hdrafter</media:title>
		</media:content>

		<media:content url="http://steveearley.files.wordpress.com/2010/06/hdrbefore.png" medium="image">
			<media:title type="html">hdrbefore</media:title>
		</media:content>

		<media:content url="http://steveearley.files.wordpress.com/2010/06/dailydev9.jpg" medium="image">
			<media:title type="html">dailyDev9</media:title>
		</media:content>
	</item>
		<item>
		<title>DailyDev: Google Motion Chart</title>
		<link>http://steveearley.wordpress.com/2010/06/13/dailydev-google-motion-chart/</link>
		<comments>http://steveearley.wordpress.com/2010/06/13/dailydev-google-motion-chart/#comments</comments>
		<pubDate>Mon, 14 Jun 2010 03:31:33 +0000</pubDate>
		<dc:creator>steveearley</dc:creator>
				<category><![CDATA[dailydev]]></category>
		<category><![CDATA[google]]></category>

		<guid isPermaLink="false">http://steveearley.wordpress.com/?p=855</guid>
		<description><![CDATA[I checked out Google&#8217;s Motion Chart gadget — for illustrating changes in multiple variables over time — in school last fall but never produced a complete, functioning chart. Today I did. It visualizes each of the 32 World Cup nations&#8217; per capita GDP, life expectancy and World Cup wins for the last half-century. The steps: [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=steveearley.wordpress.com&amp;blog=9224684&amp;post=855&amp;subd=steveearley&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>I checked out Google&#8217;s <a href="http://www.google.com/ig/directory?url=www.google.com/ig/modules/motionchart.xml">Motion Chart gadget</a> — for illustrating changes in multiple variables over time — in school last fall but never produced a complete, functioning chart. Today I did. It visualizes each of the 32 World Cup nations&#8217; per capita GDP, life expectancy and World Cup wins for the last half-century.</p>
<p>The steps:</p>
<p><a href="http://steveearley.files.wordpress.com/2010/06/spreadsheet.png"><img class="aligncenter size-full wp-image-856" title="spreadsheet" src="http://steveearley.files.wordpress.com/2010/06/spreadsheet.png?w=380&#038;h=285" alt="Screengrab of Google Docs spreadsheet" width="380" height="285" /></a></p>
<ol>
<li>Following the format above, enter data into a <a href="http://docs.google.com/">Google Docs</a> spreadsheet.</li>
<li>From the &#8220;Insert&#8221; menu, choose &#8220;Gadget&#8221; and click on the &#8220;Motion Chart&#8221; option. For range, enter the top-left cell of your data set and the bottom-right cell of your data set (including field labels), like this: &#8220;Sheet1!A1:E193&#8243; Click &#8220;Apply&#8221;.</li>
<li>Preview your chart, give it a title, choose what variables by default appear on which axis, fiddle with some other options, such as whether the scatter plots are colored or sized according to a variable. When you&#8217;re satisfied, click &#8220;Apply&#8221; one more time, then grab the embed code by clicking on the arrow in the upper-right corner of the gadget box and choosing &#8220;Publish Gadget.&#8221;</li>
</ol>
<p><strong>Finished Product</strong></p>
<p><strong><a href="http://stephencearley.com/google-motion-chart.html"><img class="aligncenter size-full wp-image-860" title="motion-chart2" src="http://steveearley.files.wordpress.com/2010/06/motion-chart2.png?w=380&#038;h=285" alt="Screen grab of Google Motion Chart gadget" width="380" height="285" /></a>Pros</strong></p>
<ul>
<li>Create revealing interactive charts without any coding.</li>
<li>Can import .csv files directly into the Google Docs spreadsheet, saving you from tedious data entry.</li>
<li>Chart automatically changes as your spreadsheet does.</li>
</ul>
<p><strong><a href="http://steveearley.files.wordpress.com/2010/06/dailydev8.jpg"><img class="alignright size-full wp-image-862" title="dailyDev8" src="http://steveearley.files.wordpress.com/2010/06/dailydev8.jpg?w=380" alt="DailyDev blog series logo -- day 8"   /></a>Cons</strong></p>
<ul>
<li>Requires large data sets to be effective.</li>
<li>Can improperly suggest correlation, causation or trends.</li>
<li>Minimal control over styling.</li>
</ul>
<p><strong>Tip</strong></p>
<ul>
<li>Don&#8217;t think of Google Motion Chart only as a presentation medium. It can be a useful reporting or research tool for spotting noteworthy patterns.</li>
</ul>
<p><strong>Recommend?</strong></p>
<ul>
<li>Yes, but only for visualizing data over significant time spans — whether you&#8217;re dealing in hours, days, months, years, you&#8217;re going to want a lot of reference points — where trends will be noticeable and meaningful.</li>
</ul>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/steveearley.wordpress.com/855/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/steveearley.wordpress.com/855/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/steveearley.wordpress.com/855/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/steveearley.wordpress.com/855/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/steveearley.wordpress.com/855/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/steveearley.wordpress.com/855/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/steveearley.wordpress.com/855/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/steveearley.wordpress.com/855/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/steveearley.wordpress.com/855/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/steveearley.wordpress.com/855/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/steveearley.wordpress.com/855/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/steveearley.wordpress.com/855/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/steveearley.wordpress.com/855/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/steveearley.wordpress.com/855/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=steveearley.wordpress.com&amp;blog=9224684&amp;post=855&amp;subd=steveearley&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://steveearley.wordpress.com/2010/06/13/dailydev-google-motion-chart/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<georss:point>0.000000 0.000000</georss:point>
		<geo:lat>0.000000</geo:lat>
		<geo:long>0.000000</geo:long>
		<media:content url="http://0.gravatar.com/avatar/0ea8c602caa185c47679d6e809c9ab88?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">steveearley</media:title>
		</media:content>

		<media:content url="http://steveearley.files.wordpress.com/2010/06/spreadsheet.png" medium="image">
			<media:title type="html">spreadsheet</media:title>
		</media:content>

		<media:content url="http://steveearley.files.wordpress.com/2010/06/motion-chart2.png" medium="image">
			<media:title type="html">motion-chart2</media:title>
		</media:content>

		<media:content url="http://steveearley.files.wordpress.com/2010/06/dailydev8.jpg" medium="image">
			<media:title type="html">dailyDev8</media:title>
		</media:content>
	</item>
		<item>
		<title>DailyDev: Custom 404 Error Page</title>
		<link>http://steveearley.wordpress.com/2010/06/11/dailydev-custom-404-error-page/</link>
		<comments>http://steveearley.wordpress.com/2010/06/11/dailydev-custom-404-error-page/#comments</comments>
		<pubDate>Fri, 11 Jun 2010 22:12:18 +0000</pubDate>
		<dc:creator>steveearley</dc:creator>
				<category><![CDATA[dailydev]]></category>

		<guid isPermaLink="false">http://steveearley.wordpress.com/?p=843</guid>
		<description><![CDATA[It&#8217;s Friday, and apparently there&#8217;s some kind of big sports tournament going on, so, I kept today&#8217;s DailyDev simple. I made a custom Page Not Found 404 error page for my portfolio site — something I should have done a long time ago. Here are the steps: Create the HTML page and save it in [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=steveearley.wordpress.com&amp;blog=9224684&amp;post=843&amp;subd=steveearley&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><a href="http://steveearley.files.wordpress.com/2010/06/dailydev7.jpg"><img class="alignright size-full wp-image-847" title="dailyDev7" src="http://steveearley.files.wordpress.com/2010/06/dailydev7.jpg?w=380" alt="DailyDev blog series thumbnail logo -- day 7"   /></a>It&#8217;s Friday, and apparently there&#8217;s some kind of big sports tournament going on, so, I kept today&#8217;s DailyDev simple. I made a custom Page Not Found 404 error page for my portfolio site — something I should have done a long time ago.</p>
<p>Here are the steps:</p>
<ol>
<li>Create the HTML page and save it in your site root as &#8220;notfound.html.&#8221;</li>
<li>Add a line reading &#8220;ErrorDocument 404 /notfound.html&#8221; to your  site&#8217;s <a href="http://en.wikipedia.org/wiki/Htaccess">.htaccess file</a>. (Error pages on non-Apache servers are configured differently, according to <a href="http://www.thesitewizard.com/archive/custom404.shtml">this tutorial</a>. Site owners should contact their Web host.)</li>
</ol>
<p>Here is the</p>
<p><strong>Finished Product</strong></p>
<p><strong><a href="http://stephencearley.com/notfound"><img class="aligncenter size-full wp-image-845" title="404" src="http://steveearley.files.wordpress.com/2010/06/404.jpg?w=380&#038;h=167" alt="Screengrab of custom Page Not Found 404 error page" width="380" height="167" /></a></strong><strong></strong></p>
<p><strong>Pros</strong></p>
<ul>
<li>Design one page, cover an infinite amount of potential broken links/typos/misspellings.</li>
<li>Make the error a little less jarring for users, provide guidance that may help them find a relevant page, maybe even make them laugh a bit.</li>
<li>Encourage (or <a href="http://css-tricks.com/404-best-practices/">automate [No. 6]</a>) feedback so you know when your site&#8217;s not working properly.</li>
</ul>
<p><strong>Cons</strong></p>
<ul>
<li>You&#8217;re spending time making a page you never want anyone to see!</li>
<li>Many who do see it are probably just going to instantly hit the back button anyway.</li>
<li>If your Web server gets lots of requests for invalid files, a larger custom error page rather than the generic one can start nipping away at your bandwidth quota.</li>
</ul>
<p><strong>Tip</strong></p>
<ul>
<li>If your Web host has you edit your .htaccess file through a form interface, like mine does, you still need to make sure you precede the custom 404 page&#8217;s filename with a slash to indicate it&#8217;s in the root: &#8220;/notfound.html&#8221;.</li>
</ul>
<p><strong>Recommend?</strong></p>
<ul>
<li>Yes.</li>
</ul>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/steveearley.wordpress.com/843/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/steveearley.wordpress.com/843/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/steveearley.wordpress.com/843/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/steveearley.wordpress.com/843/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/steveearley.wordpress.com/843/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/steveearley.wordpress.com/843/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/steveearley.wordpress.com/843/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/steveearley.wordpress.com/843/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/steveearley.wordpress.com/843/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/steveearley.wordpress.com/843/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/steveearley.wordpress.com/843/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/steveearley.wordpress.com/843/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/steveearley.wordpress.com/843/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/steveearley.wordpress.com/843/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=steveearley.wordpress.com&amp;blog=9224684&amp;post=843&amp;subd=steveearley&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://steveearley.wordpress.com/2010/06/11/dailydev-custom-404-error-page/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<georss:point>0.000000 0.000000</georss:point>
		<geo:lat>0.000000</geo:lat>
		<geo:long>0.000000</geo:long>
		<media:content url="http://0.gravatar.com/avatar/0ea8c602caa185c47679d6e809c9ab88?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">steveearley</media:title>
		</media:content>

		<media:content url="http://steveearley.files.wordpress.com/2010/06/dailydev7.jpg" medium="image">
			<media:title type="html">dailyDev7</media:title>
		</media:content>

		<media:content url="http://steveearley.files.wordpress.com/2010/06/404.jpg" medium="image">
			<media:title type="html">404</media:title>
		</media:content>
	</item>
		<item>
		<title>DailyDev: Geotagging</title>
		<link>http://steveearley.wordpress.com/2010/06/10/dailydev-geotagging/</link>
		<comments>http://steveearley.wordpress.com/2010/06/10/dailydev-geotagging/#comments</comments>
		<pubDate>Thu, 10 Jun 2010 23:41:19 +0000</pubDate>
		<dc:creator>steveearley</dc:creator>
				<category><![CDATA[dailydev]]></category>
		<category><![CDATA[geotagging]]></category>
		<category><![CDATA[location]]></category>
		<category><![CDATA[mobile]]></category>

		<guid isPermaLink="false">http://steveearley.wordpress.com/?p=821</guid>
		<description><![CDATA[Location, location, location. With the coming mobile revolution, I&#8217;ve written before, the mantra increasingly applies to a lot more than real estate. It behooves Web publishers to start semantically geotagging their content. For today&#8217;s DailyDev, I assigned locational information to a Web page, a WordPress blog post and a Flickr set. WEB PAGE I used [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=steveearley.wordpress.com&amp;blog=9224684&amp;post=821&amp;subd=steveearley&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><a href="http://steveearley.files.wordpress.com/2010/06/dailydev6.jpg"><img class="alignright size-full wp-image-832" title="dailyDev6" src="http://steveearley.files.wordpress.com/2010/06/dailydev6.jpg?w=380" alt="DailyDev series thumbnail logo -- day 6"   /></a>Location, location, location. With the coming mobile revolution, <a href="http://stephencearley.com/blog.html#revolution">I&#8217;ve written before</a>, the mantra increasingly applies to a lot more than real estate. It behooves Web publishers to start semantically geotagging their content. For today&#8217;s DailyDev, I assigned locational information to a Web page, a WordPress blog post and a Flickr set.</p>
<p><strong>WEB PAGE</strong></p>
<p>I used geo meta tags to indicate the location of the speech that was the subject of this <a href="http://stephencearley.com/kristof/">live coverage page</a>.</p>
<ol>
<li>The &#8220;geo.position&#8221; meta tag uses latitude and longitude coordinates. I grabbed the coordinates for the event location from Google Maps. I simply switched to &#8220;My Maps,&#8221; toggled to satellite view, placed a marker over the appropriate building and grabbed the coordinates by clicking on the marker, then on &#8220;more,&#8221; then on &#8220;send.&#8221; The latitude and longitude are part of the link in the &#8220;Message&#8221; window.</li>
<li>The &#8220;geo.placename&#8221; and &#8220;geo.region&#8221; meta tags use city, state and country information. Nothing fancy there.</li>
<li>Putting it all together, I added the three meta tags to the &lt;head&gt; section of my HTML document.</li>
</ol>
<p><strong>Finished Product</strong></p>
<p><pre class="brush: xml;">
&lt;meta name=&quot;geo.position&quot; content=&quot;36.109018; -79.506705&quot; /&gt;
&lt;meta name=&quot;geo.placename&quot; content=&quot;Elon, NC&quot; /&gt;
&lt;meta name=&quot;geo.region&quot; content=&quot;US-NC&quot; /&gt;
</pre></p>
<p><strong>WORDPRESS POST</strong></p>
<ol>
<li>WordPress support has an easy-to-follow tutorial on <a href="http://en.support.wordpress.com/geotagging/">how to enable and apply geotagging</a>.</li>
<li>Once geotagging is enabled, a &#8220;Location&#8221; window will appear at the bottom of all &#8220;Edit Post&#8221; pages. You can enter in a street address, select a location on a Google map, or have your computer detect your location.</li>
<li>As long as &#8220;This post&#8217;s location is public&#8221; is checked, the location will be recorded the next time you save your post.</li>
</ol>
<p><strong>Finished Product</strong></p>
<ul>
<li>I geotagged my <a href="http://steveearley.wordpress.com/2010/05/06/future-of-education/">post from last month&#8217;s FutureWeb conference</a> at the Raleigh (N.C.) Convention Center.</li>
</ul>
<p><a href="http://steveearley.files.wordpress.com/2010/06/wordpress-location.jpg"><img class="aligncenter size-full wp-image-829" title="wordpress-location" src="http://steveearley.files.wordpress.com/2010/06/wordpress-location.jpg?w=380" alt="Screengrab of WordPress.Com window for geotagging a blog post"   /></a></p>
<p><strong>FLICKR</strong></p>
<p><a href="http://www.flickr.com/map/">Geotagging Flickr content</a> is even simpler thanks to the photo sharing site&#8217;s interactive map interface.</p>
<ol>
<li>Log in to your Flickr account and click &#8220;Organize &amp; Create&#8221; in the menu at the top of the page.</li>
<li>In the dropdown in the lower-left corner, select the set or other grouping of photos you want to geotag. If you want to see all photos that haven&#8217;t been assigned a location, choose &#8220;Your non-geotagged content.&#8221;</li>
<li>Click the &#8220;Map&#8221; tab at the top of the screen and drag and drop your photos into the appropriate locations on the map. You can quickly navigate to a specific address by typing it into the search box in the upper-right.</li>
</ol>
<p><strong>Finished Product</strong></p>
<ul>
<li>Flickr <a href="http://www.flickr.com/photos/sce44/sets/72157614610139489/map/">permalinks geotagged sets</a> for easy sharing. This set documents a late winter snowstorm in Laurel, Md.</li>
</ul>
<p><a href="http://www.flickr.com/photos/sce44/sets/72157614610139489/map/"><img class="aligncenter size-full wp-image-837" title="flickr-geotag-large" src="http://steveearley.files.wordpress.com/2010/06/flickr-geotag-large.jpg?w=380&#038;h=239" alt="Screen grab of geotagged Flickr photo set." width="380" height="239" /></a></p>
<p><strong>Pros</strong></p>
<ul>
<li>Manual geotagging is pretty simple to do, as the above examples indicate.</li>
<li>More and more Web services and platforms are automating geotagging. If you tweet (<a href="http://www.wired.com/epicenter/2010/06/when-is-a-tweet-not-a-tweet-when-its-in-the-new-york-times/comment-page-1/">eat your heart out, New York Times</a>), for instance, you&#8217;ve probably noticed <a href="http://latimesblogs.latimes.com/technology/2010/03/twitter-location-google-maps.html">Twitter&#8217;s location feature</a>.</li>
<li>Geotagging makes your content more useful to you and others, especially mobile users.</li>
</ul>
<p><strong>Cons</strong></p>
<ul>
<li>No standardized way of geotagging Web content has emerged.</li>
<li>Services that attempt to automatically pick up users&#8217; location are often inaccurate.</li>
<li>There are a whole host of privacy concerns for those sharing as well as collecting locational data.</li>
</ul>
<p><strong>Tip</strong></p>
<ul>
<li>The <a href="http://en.wikipedia.org/wiki/Royal_Bafokeng_Stadium">Wikipedia pages for public places</a> include their latitude and longitude coordinates, though these too can sometimes be off.</li>
</ul>
<p><strong>Recommend?</strong></p>
<ul>
<li>Yes. The location train is revving up. It&#8217;s time to get on.</li>
</ul>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/steveearley.wordpress.com/821/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/steveearley.wordpress.com/821/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/steveearley.wordpress.com/821/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/steveearley.wordpress.com/821/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/steveearley.wordpress.com/821/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/steveearley.wordpress.com/821/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/steveearley.wordpress.com/821/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/steveearley.wordpress.com/821/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/steveearley.wordpress.com/821/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/steveearley.wordpress.com/821/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/steveearley.wordpress.com/821/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/steveearley.wordpress.com/821/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/steveearley.wordpress.com/821/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/steveearley.wordpress.com/821/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=steveearley.wordpress.com&amp;blog=9224684&amp;post=821&amp;subd=steveearley&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://steveearley.wordpress.com/2010/06/10/dailydev-geotagging/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/0ea8c602caa185c47679d6e809c9ab88?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">steveearley</media:title>
		</media:content>

		<media:content url="http://steveearley.files.wordpress.com/2010/06/dailydev6.jpg" medium="image">
			<media:title type="html">dailyDev6</media:title>
		</media:content>

		<media:content url="http://steveearley.files.wordpress.com/2010/06/wordpress-location.jpg" medium="image">
			<media:title type="html">wordpress-location</media:title>
		</media:content>

		<media:content url="http://steveearley.files.wordpress.com/2010/06/flickr-geotag-large.jpg" medium="image">
			<media:title type="html">flickr-geotag-large</media:title>
		</media:content>
	</item>
		<item>
		<title>DailyDev: ProPublica&#8217;s ChangeTracker</title>
		<link>http://steveearley.wordpress.com/2010/06/08/dailydev-changetracker/</link>
		<comments>http://steveearley.wordpress.com/2010/06/08/dailydev-changetracker/#comments</comments>
		<pubDate>Tue, 08 Jun 2010 22:14:28 +0000</pubDate>
		<dc:creator>steveearley</dc:creator>
				<category><![CDATA[dailydev]]></category>
		<category><![CDATA[nonprofit news]]></category>
		<category><![CDATA[open source]]></category>
		<category><![CDATA[propublica]]></category>

		<guid isPermaLink="false">http://steveearley.wordpress.com/?p=799</guid>
		<description><![CDATA[ProPublica&#8217;s award-winning ChangeTracker mashup, which it uses to follow edits to The White House&#8217;s website, can still be cloned to monitor the site of your choice, just be sure not to try to follow this tutorial, as I attempted to. The Yahoo! pipe it says to use is busted. Here are the revised steps, still [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=steveearley.wordpress.com&amp;blog=9224684&amp;post=799&amp;subd=steveearley&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><a href="http://steveearley.files.wordpress.com/2010/06/dailydev5.jpg"><img class="alignright size-full wp-image-805" title="dailyDev5" src="http://steveearley.files.wordpress.com/2010/06/dailydev5.jpg?w=380" alt="DailyDev thumbnail logo -- day 5"   /></a>ProPublica&#8217;s <a href="http://www.propublica.org/ion/changetracker/item/changetracker-wins-innovation-award-724">award-winning</a> <a href="http://www.propublica.org/ion/changetracker">ChangeTracker</a> mashup, which it uses to follow <a href="http://feeds.propublica.org/changetracker">edits to The White House&#8217;s website</a>, can still be cloned to monitor the site of your choice, just be sure not to try to follow this <a href="http://www.propublica.org/ion/changetracker/item/changetracker-howto">tutorial</a>, as I attempted to. The <a href="http://en.wikipedia.org/wiki/Yahoo_pipes">Yahoo! pipe</a> it says to use is busted. Here are the revised steps, still largely based on the aforementioned tutorial.</p>
<ol>
<li><a href="http://versionista.com/signup">Create</a> a free <a href="http://versionista.com">Versionista</a> account.</li>
<li>Log in to Versionista and enter the url of the page you want to track in the blue box at the bottom of the page. Click &#8220;Monitor this URL.&#8221;</li>
<li>You&#8217;ll be taken to a new page. With a free account, you can monitor up to four more URLs if you wish. If they&#8217;re from the same site you just entered, add them here. If they&#8217;re from a different site, complete step four, then repeat steps 2 through 4 for the other site.</li>
<li>Click &#8220;options&#8221; at the top of the screen. Check &#8220;Make this site archive public.&#8221; Copy the url under the checkbox and save it for later.</li>
<li>Go to ProPublica&#8217;s <a href="http://projects.propublica.org/changefeeder/">ChangeFeeder page</a> to create an RSS feed for each site you&#8217;re monitoring. Paste into the box the url you copied in step 4 and append it with &#8220;all&#8221;. It should look something like &#8220;http://versionista.com/pub/19600/1/all&#8221;.</li>
<li>To give the feed a cleaner URL and to receive stats for it, run it through <a href="http://feedburner.google.com">FeedBurner</a>.</li>
<li>If you wish, use <a href="http://friendfeed.com/">FriendFeed</a> to publish your feed on a <a href="http://twitter.com/changetracker">Twitter stream</a>.</li>
</ol>
<p>A Maryland native, I decided to use ChangeTracker to monitor changes to recent blog and news items on the campaign websites for <a href="http://www.martinomalley.com/">Maryland&#8217;s governor</a> and <a href="http://www.bobehrlich.com/">his challenger</a>, who are reversing roles from four years ago.</p>
<p><strong>Finished Product</strong></p>
<ul>
<li><a href="http://feeds.feedburner.com/omalley-changefeeder">ChangeFeeder: O&#8217;Malley  Campaign Recent Blog Entries</a></li>
<li><a href="http://feeds.feedburner.com/ehrlich-changefeeder">ChangeFeeder: Ehrlich Campaign Recent Blog and News Entries</a></li>
</ul>
<p>Neither of these was working perfectly last I checked. You can get an idea for what&#8217;s supposed to happen by clicking &#8220;this change&#8221; for the &#8220;June 7, 2010 7:28 PM&#8221; <a href="http://versionista.com/pub/19600/1/34/3:2/">change</a> on the O&#8217;Malley feed. It&#8217;s a lame change — new tweets! — but you get the idea.</p>
<p><a href="http://steveearley.files.wordpress.com/2010/06/versionista.jpg"><img class="aligncenter size-full wp-image-807" title="versionista" src="http://steveearley.files.wordpress.com/2010/06/versionista.jpg?w=380&#038;h=267" alt="versionista screengrab" width="380" height="267" /></a></p>
<p><strong>Pros</strong></p>
<ul>
<li>Once you find out the tutorial you&#8217;ve been trying to follow is no longer operable, this isn&#8217;t that much work to pull off.</li>
<li>You can catch website changes you&#8217;d never notice unaided, all without visiting pages umpteen times a day.</li>
<li>Versionista helps transparency advocates practice what they preach by providing a <a href="http://versionista.com/introducing-revision-history.html">way to share interactive archives</a> of their own websites.</li>
</ul>
<p><strong>Cons</strong></p>
<ul>
<li>Like I said, I still haven&#8217;t gotten this working perfectly. This could be a problem on my end, but I&#8217;ve already invested more time than I intended in this exercise.</li>
<li>To take full advantage of ChangeTracker and monitor more than five Web pages requires a paid Versionista account.</li>
<li>Even with a tool automating the first step, culling through dozens of mundane updates to find one interesting one is still tedious!</li>
</ul>
<p><strong>Tip</strong></p>
<ul>
<li>Think about the sites you choose to track. ChangeTracker works well for static pages with lots of text, less well for dynamic pages with a lot of multimedia.</li>
</ul>
<p><strong>Recommend?</strong></p>
<ul>
<li>For those with more patience and time than me, definitely. ProPublica has <a href="http://www.propublica.org/tag/ChangeTracker">used ChangeTracker in its reporting</a> several times. ChangeTracker is a useful enough tool for novices but there&#8217;s no telling how expert developers could extend what Versionista and ProPublica have put together.</li>
</ul>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/steveearley.wordpress.com/799/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/steveearley.wordpress.com/799/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/steveearley.wordpress.com/799/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/steveearley.wordpress.com/799/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/steveearley.wordpress.com/799/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/steveearley.wordpress.com/799/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/steveearley.wordpress.com/799/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/steveearley.wordpress.com/799/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/steveearley.wordpress.com/799/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/steveearley.wordpress.com/799/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/steveearley.wordpress.com/799/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/steveearley.wordpress.com/799/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/steveearley.wordpress.com/799/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/steveearley.wordpress.com/799/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=steveearley.wordpress.com&amp;blog=9224684&amp;post=799&amp;subd=steveearley&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://steveearley.wordpress.com/2010/06/08/dailydev-changetracker/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/0ea8c602caa185c47679d6e809c9ab88?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">steveearley</media:title>
		</media:content>

		<media:content url="http://steveearley.files.wordpress.com/2010/06/dailydev5.jpg" medium="image">
			<media:title type="html">dailyDev5</media:title>
		</media:content>

		<media:content url="http://steveearley.files.wordpress.com/2010/06/versionista.jpg" medium="image">
			<media:title type="html">versionista</media:title>
		</media:content>
	</item>
	</channel>
</rss>
