<?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:creativeCommons="http://backend.userland.com/creativeCommonsRssModule"
>

<channel>
	<title>CogDogBlog &#187; webstorytelling</title>
	<atom:link href="http://cogdogblog.com/tag/webstorytelling/feed/" rel="self" type="application/rss+xml" />
	<link>http://cogdogblog.com</link>
	<description>Alan Levine&#039;s space for barking about and playing with technology</description>
	<lastBuildDate>Sat, 26 May 2012 00:01:33 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
<creativeCommons:license>http://creativecommons.org/licenses/by/3.0/us/</creativeCommons:license>
		<item>
		<title>Telling a Story with Captchas</title>
		<link>http://cogdogblog.com/2008/11/02/story-with-captchas/</link>
		<comments>http://cogdogblog.com/2008/11/02/story-with-captchas/#comments</comments>
		<pubDate>Sun, 02 Nov 2008 12:22:08 +0000</pubDate>
		<dc:creator>Alan Levine aka CogDog</dc:creator>
				<category><![CDATA[Blog Pile]]></category>
		<category><![CDATA[insidethebox]]></category>
		<category><![CDATA[webstorytelling]]></category>

		<guid isPermaLink="false">http://cogdogblog.com/?p=2961</guid>
		<description><![CDATA[My favorite example of collective intelligence producing something useful out of many ordinary actions is reCaptcha. Developed at Carnegie Mellon University, it provides web site owners free software and tools for providing graphical challenges in web forms that generate posting to web sites. By identifying two random words presented as images, web site users prove they are not software bots intended on insertion of spam links. This is nice, but the &#8220;hook&#8221; is that the words that appear are taken from a project of digitizing literature; one of the words is one that is ambiguous from the OCR scans. By humans authenticating themselves to publish to a web site, they are helping to digitize written works. Last week, while I think posting a comment to Brian Lamb&#8217;s blog, I was struck when the reCaptcha spoke to me: This was not random; it was a phrase, and I grew up in [...]]]></description>
			<content:encoded><![CDATA[<p>My favorite example of <a href="http://wp.nmc.org/horizon2008/chapters/collective-intelligence/">collective intelligence</a> producing something useful out of many ordinary actions is <a href="http://recaptcha.net/">reCaptcha</a>. Developed at Carnegie Mellon University, it provides web site owners free software and tools for providing graphical challenges in web forms that generate posting to web sites. By identifying two random words presented as images, web site users prove they are not software bots intended on insertion of spam links. This is nice, but the &#8220;hook&#8221; is that the words that appear are taken from a project of digitizing literature; one of the words is one that is ambiguous from the OCR scans. By humans authenticating themselves to publish to a web site, they are helping to digitize written works.</p>
<p>Last week, while I think posting a comment to Brian Lamb&#8217;s blog, I was struck when the reCaptcha spoke to me:</p>
<p><img src="http://cogdogblog.com/wp-content/uploads/2008/11/in-woodlawn.jpg" alt="" title="in-woodlawn" width="375" height="212" class="alignnone size-full wp-image-2962" class="centered" /></p>
<p>This was not random; it was a phrase, and I grew up in Baltimore, not &#8220;in&#8221; but near <a href="http://en.wikipedia.org/wiki/Woodlawn,_Baltimore_County,_Maryland">Woodlawn</a>. </p>
<p>And a wheel clicked after <a href="http://cogdogblog.com/2008/10/29/creative-in-box/">last week&#8217;s reflection of being creative inside a box</a>&#8211; I wondered if I could create a story out of stringing together pairs of recaptcha words. Because sites can customize the appearance, mixing them up presents something more like a ransom note message made from cutting out words from magazines. So here is at least a prototype, not exactly a story in structure, but two sentences:</p>
<p><a href="http://www.flickr.com/photos/cogdog/2994331249/" title="Captcha Story by cogdogblog, on Flickr"><img src="http://farm4.static.flickr.com/3162/2994331249_82dc4276b3.jpg" width="500" height="375" alt="Captcha Story" /></a></p>
<p>I sifted through these from a couple of sites by using the button or link to generate a new one (sorry to reCaptcha for the repeated quests of words not yet identified, I did, at the end of finding a word pair, submit those two), saving them as screen shots with file names based on the 2 words.</p>
<p>There was a small challenge of trying to find a variety of sites using the code- searches on &#8220;recaptcha&#8221; just brought pages about recaptcha. This is where a nifty Firefox extension came in handy. <a href="https://addons.mozilla.org/en-US/firefox/addon/6622">DOM Inspector</a> (Document Object Model is a way of looking at the structure of web pages). I actually did not use the extension much, and disabled it, but there us a useful piece left in my browser.</p>
<p>Often I am looking at a web page and want to see how it was created or coded, so I use the browser view source to see the underlying HTML, but must rummage around to find the relevant portion. But after this plugin was installed, If I select a portion of the web page I wish to look at the source, a right (control on Mac) click brings up the contextual menu, and I have a tool to look at just the HTML source of the selected text:</p>
<p><img src="http://cogdogblog.com/wp-content/uploads/2008/11/dom.jpg" alt="" title="dom" width="500" height="293" class="alignnone size-full wp-image-2963" /></p>
<p>This is handy, indeed.</p>
<p>So I select the text that included a reCaptcha, and looked for a key phrase I could search on that would show me other pages with the embedded code- it turned out the text &#8220;Get an audio challenge&#8221; (part of the<code> title=</code> tag of the hyperlink to the audio version of the recaptcha) <a href="http://www.google.com/search?q="Get+an+audio+challenge"">worked well for finding other sites using reCaptcha</a>. I ended up with about 30 word pairs to try and mix into sentences.</p>
<p>So maybe not high art or literature, but it was more fun than having a big pile of  <img src="http://cogdogblog.com/wp-content/uploads/2008/11/fancy-banknotes.jpg" alt="" title="fancy-banknotes" width="333" height="143" class="alignnone size-full wp-image-2964" /></p>
]]></content:encoded>
			<wfw:commentRss>http://cogdogblog.com/2008/11/02/story-with-captchas/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
	<creativeCommons:license>http://creativecommons.org/licenses/by/3.0/us/</creativeCommons:license>
	</item>
		<item>
		<title>Give and the Nets Giveth Back</title>
		<link>http://cogdogblog.com/2008/09/09/give-and-the-web-giveth-back/</link>
		<comments>http://cogdogblog.com/2008/09/09/give-and-the-web-giveth-back/#comments</comments>
		<pubDate>Tue, 09 Sep 2008 07:18:21 +0000</pubDate>
		<dc:creator>Alan Levine aka CogDog</dc:creator>
				<category><![CDATA[Blog Pile]]></category>
		<category><![CDATA[code]]></category>
		<category><![CDATA[flickr]]></category>
		<category><![CDATA[webstorytelling]]></category>

		<guid isPermaLink="false">http://cogdogblog.com/?p=2747</guid>
		<description><![CDATA[Oh yeah, it does pay to give stuff away! Or at least to put half baked ideas &#8220;out there&#8221;. After just posting late last night about my crude 5 card flickr story demo I lamented the problems in code I had in easily getting random flickr photos from a given tag, John Krutsch emailed and offered some code to do what I needed more elegantly. I was going through gyrations to pull photos from an RSS feed, which meant I could only grab newer pix; John&#8217;s code scavenges all the photos by cleverly parsing the results of the flickr search results. I plunked in all his code and got all of the duct tape in place and was stunned that I did not have my usual round of 20 PHP typos in a row. It did work as advertised, though I notice every time it had to do the search, [...]]]></description>
			<content:encoded><![CDATA[<p>Oh yeah, it does pay to give stuff away! Or at least to put half baked ideas &#8220;out there&#8221;. After just posting late last night<a href="http://cogdogblog.com/2008/09/08/five-card-story/"> about my crude 5 card flickr story demo</a> I lamented the problems in code I had in easily getting random flickr photos from a given tag, <a href="http://technagogy.learningfield.org/">John Krutsch </a> emailed and offered some code to do what I needed more elegantly.</p>
<p>I was going through gyrations to pull photos from an RSS feed, which meant I could only grab newer pix; John&#8217;s code scavenges all the photos by cleverly parsing the results of the flickr search results. I plunked in all his code and got all of the duct tape in place and was stunned that I did not have my usual round of 20 PHP typos in a row.</p>
<p>It did work as advertised, though I notice every time it had to do the search, there was a 10-15 second delay. This is because John&#8217;s code is storing all the search results in an array and then doing the random selection from that pool. I was able to speed up the experience by adding my own code to cache the array of search results into a local server text file, and then hitting that cache file for the data if it is less than an hour old.</p>
<p>So the new and improved (only under the hood, tomorrow the site needs to go into the body shop for shaping and painting) <a href="http://web.nmc.org/5cardstory/flickr.php">5 Card Flickr Story site</a> is now hitting <em>any</em> photo <a href="http://www.flickr.com/photos/tags/5cardflickr">tagged in flickr as 5cardflickr</a>&#8230; so start back tagging now! Please! I want lots of photos!</p>
<p>And a big thanks to <a href="http://technagogy.learningfield.org/">John Krutsch</a> for paying it forward!</p>
<p>And another big thanks to someone named &#8220;Sparkle&#8221; as the first person besides me to do a story- check out <a href="http://web.nmc.org/5cardstory/show.php?id=11">&#8220;and then the dog shows up&#8221;</a></p>
<p><a href="http://web.nmc.org/5cardstory/show.php?id=11"><img src="http://cogdogblog.com/wp-content/uploads/2008/09/dog-shows-up.jpg" alt="" title="dog-shows-up" width="500" height="257" class="alignnone size-full wp-image-2748" /></a></p>
<p>Bonus points for stories about dogs&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://cogdogblog.com/2008/09/09/give-and-the-web-giveth-back/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
	<creativeCommons:license>http://creativecommons.org/licenses/by/3.0/us/</creativeCommons:license>
	</item>
	</channel>
</rss>

