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

<channel>
	<title>openp2pdesign.org &#187; Visualization</title>
	<atom:link href="http://www.openp2pdesign.org/tag/visualization/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.openp2pdesign.org</link>
	<description>Design for Complexity</description>
	<lastBuildDate>Mon, 30 Jan 2012 14:52:41 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Gource, visualizing collaboration on an Open Source project</title>
		<link>http://www.openp2pdesign.org/2011/complexity/gource-visualizing-collaboration-on-an-open-source-project/</link>
		<comments>http://www.openp2pdesign.org/2011/complexity/gource-visualizing-collaboration-on-an-open-source-project/#comments</comments>
		<pubDate>Thu, 27 Jan 2011 09:05:54 +0000</pubDate>
		<dc:creator>Massimo Menichinelli</dc:creator>
				<category><![CDATA[Complexity]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[Video]]></category>
		<category><![CDATA[Community]]></category>
		<category><![CDATA[Data]]></category>
		<category><![CDATA[Free Software]]></category>
		<category><![CDATA[Movie Design]]></category>
		<category><![CDATA[Open Source]]></category>
		<category><![CDATA[Repository]]></category>
		<category><![CDATA[Social Network Analysis]]></category>
		<category><![CDATA[Subversion]]></category>
		<category><![CDATA[Visualization]]></category>

		<guid isPermaLink="false">http://www.openp2pdesign.org/?p=1831</guid>
		<description><![CDATA[<p>After the post about <a href="http://www.openp2pdesign.org/2008/complexity/code_swarm-visualizing-the-life-of-an-open-p2p-community/">code_swarm</a>, here&#8217;s another post about the visualization of Open Source communities, and this time I&#8217;m going to introduce you the other important software for this task: <a href="http://code.google.com/p/gource/">Gource</a>. code_swarm and Gource are the most complete softwares rigth now for visualizing activities in a repository (and both are open source); there are of course other scripts or strategies, but less important, so I will cover them in the future.</p>
<p><object width="560" height="340"><param name="movie" value="http://www.youtube.com/v/E5xPMW5fg48&#038;hl=it_IT&#038;fs=1&#038;"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/E5xPMW5fg48&#038;hl=it_IT&#038;fs=1&#038;" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="560" height="340"></embed></object></p>
<p>But while with code_swarm it&#8217;s easier to see how the community grows and change shape, with Gource we can have a better look at what the users are actually working on. Instead of focusing on the form of the community (be it a social network or another visual metaphor), Gource focuses on the form of the software being developed, analysing it as network of interacting pieces of code. We can then see where the users actually work and we can also see them in a better way than with code_swarm (Gource <a href="http://code.google.com/p/gource/wiki/GravatarExample">supports the use of Gravatars</a> for visualizing the users).<br />
<span id="more-1831"></span><br />
code_swarm and Gource represent them two different approaches at visualizing the life of an Open Source community; there is a lot of research and work that can be done on this strategic issue, but at least for the moment we already have two working tools.  </p>
<blockquote><p>
Software projects are displayed by Gource as an animated tree with the root directory of the project at its centre. Directories appear </p>&#8230; <a href="http://www.openp2pdesign.org/2011/complexity/gource-visualizing-collaboration-on-an-open-source-project/" class="read_more"><br /><br />Read the rest of this post ...</a></blockquote>]]></description>
			<content:encoded><![CDATA[<p>After the post about <a href="http://www.openp2pdesign.org/2008/complexity/code_swarm-visualizing-the-life-of-an-open-p2p-community/">code_swarm</a>, here&#8217;s another post about the visualization of Open Source communities, and this time I&#8217;m going to introduce you the other important software for this task: <a href="http://code.google.com/p/gource/">Gource</a>. code_swarm and Gource are the most complete softwares rigth now for visualizing activities in a repository (and both are open source); there are of course other scripts or strategies, but less important, so I will cover them in the future.</p>
<p><object width="560" height="340"><param name="movie" value="http://www.youtube.com/v/E5xPMW5fg48&#038;hl=it_IT&#038;fs=1&#038;"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/E5xPMW5fg48&#038;hl=it_IT&#038;fs=1&#038;" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="560" height="340"></embed></object></p>
<p>But while with code_swarm it&#8217;s easier to see how the community grows and change shape, with Gource we can have a better look at what the users are actually working on. Instead of focusing on the form of the community (be it a social network or another visual metaphor), Gource focuses on the form of the software being developed, analysing it as network of interacting pieces of code. We can then see where the users actually work and we can also see them in a better way than with code_swarm (Gource <a href="http://code.google.com/p/gource/wiki/GravatarExample">supports the use of Gravatars</a> for visualizing the users).<br />
<span id="more-1831"></span><br />
code_swarm and Gource represent them two different approaches at visualizing the life of an Open Source community; there is a lot of research and work that can be done on this strategic issue, but at least for the moment we already have two working tools.  </p>
<blockquote><p>
Software projects are displayed by Gource as an animated tree with the root directory of the project at its centre. Directories appear as branches with files as leaves. Developers can be seen working on the tree at the times they contributed to the project.</p>
<p>Currently there is first party support for Git, Mercurial and Bazaar, and third party (using additional steps) for CVS and SVN.
</p></blockquote>
<p>And here&#8217;s an example: using Gource to visualize the structure of the 3D modeling free software <a href="http://www.blender.org">Blender</a>:<br />
<a href="http://www.openp2pdesign.org/wordpress/wp-content/uploads/2010/06/gource-blender.jpg"><img src="http://www.openp2pdesign.org/wordpress/wp-content/uploads/2010/06/gource-blender-300x225.jpg" alt="Visualizing the evolution of Blender with Gource" title="Visualizing the evolution of Blender with Gource" width="300" height="225" class="aligncenter size-medium wp-image-1832" /></a></p>
<p><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Fwww.openp2pdesign.org%2F2011%2Fcomplexity%2Fgource-visualizing-collaboration-on-an-open-source-project%2F&amp;title=Gource%2C%20visualizing%20collaboration%20on%20an%20Open%20Source%20project" id="wpa2a_2"><img src="http://www.openp2pdesign.org/wordpress/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.openp2pdesign.org/2011/complexity/gource-visualizing-collaboration-on-an-open-source-project/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Visualizing the complexity of the Economic System (and its crisis)</title>
		<link>http://www.openp2pdesign.org/2011/sustainability/visualizing-the-complexity-of-the-economic-system-and-its-crises/</link>
		<comments>http://www.openp2pdesign.org/2011/sustainability/visualizing-the-complexity-of-the-economic-system-and-its-crises/#comments</comments>
		<pubDate>Mon, 24 Jan 2011 15:45:26 +0000</pubDate>
		<dc:creator>Massimo Menichinelli</dc:creator>
				<category><![CDATA[Sustainability]]></category>
		<category><![CDATA[Video]]></category>
		<category><![CDATA[Complex Systems]]></category>
		<category><![CDATA[Crisis]]></category>
		<category><![CDATA[Economy]]></category>
		<category><![CDATA[Limits]]></category>
		<category><![CDATA[Movie Design]]></category>
		<category><![CDATA[Visualization]]></category>

		<guid isPermaLink="false">http://www.openp2pdesign.org/?p=1858</guid>
		<description><![CDATA[<p>Here are some <strong>videos that visualize our Social and Economic Complex System</strong> with different perspectives. They are indeed not just good examples of well done infographic and movie design, but also inspiring examples about how to visualize the Economy in its complexity. <strong>Design for Complexity means also using design to explain complexity and make it easy for people to understand</strong>.</p>
<p>Let&#8217;s start with the <a href="http://www.crisisofcredit.com/">Crisis of the Credit</a> that clearly explains how the <a href="http://en.wikipedia.org/wiki/Financial_crisis_of_2007%E2%80%932010">financial crisis of the years 2007 &#8211; &#8230;</a> started.</p>
<p><object width="580" height="326"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=3261363&#38;server=vimeo.com&#38;show_title=1&#38;show_byline=1&#38;show_portrait=0&#38;color=00ADEF&#38;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=3261363&#38;server=vimeo.com&#38;show_title=1&#38;show_byline=1&#38;show_portrait=0&#38;color=00ADEF&#38;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="580" height="326"></embed></object>
</p><p><a href="http://vimeo.com/3261363">The Crisis of Credit Visualized</a> from <a href="http://vimeo.com/jonathanjarvis">Jonathan Jarvis</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p>We can watch now a short and funny explanation (but not so rich and complete actually) about <a href="http://en.wikipedia.org/wiki/2010_European_sovereign_debt_crisis">Greece&#8217;s current financial crisis</a>.</p>
<p><object width="580" height="326"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=11435503&#38;server=vimeo.com&#38;show_title=1&#38;show_byline=1&#38;show_portrait=0&#38;color=00ADEF&#38;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=11435503&#38;server=vimeo.com&#38;show_title=1&#38;show_byline=1&#38;show_portrait=0&#38;color=00ADEF&#38;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="580" height="326"></embed></object>
</p><p><a href="http://vimeo.com/11435503">The Greek Crisis Explained, Episode 1</a> from <a href="http://vimeo.com/nomint">NOMINT</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p><object width="580" height="326"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=11647540&#38;server=vimeo.com&#38;show_title=1&#38;show_byline=1&#38;show_portrait=0&#38;color=00ADEF&#38;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=11647540&#38;server=vimeo.com&#38;show_title=1&#38;show_byline=1&#38;show_portrait=0&#38;color=00ADEF&#38;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="580" height="326"></embed></object>
</p><p><a href="http://vimeo.com/11647540">The Greek Crisis Explained, Episode 2</a> from <a href="http://vimeo.com/nomint">NOMINT</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p><span id="more-1858"></span><br />
<object width="580" height="326"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=12200776&#38;server=vimeo.com&#38;show_title=1&#38;show_byline=1&#38;show_portrait=0&#38;color=00ADEF&#38;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=12200776&#38;server=vimeo.com&#38;show_title=1&#38;show_byline=1&#38;show_portrait=0&#38;color=00ADEF&#38;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="580" height="326"></embed></object>
</p><p><a href="http://vimeo.com/12200776">The Greek Crisis Explained, Episode 3</a> from <a href="http://vimeo.com/nomint">NOMINT</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p>And let&#8217;s finish with this great <a href="http://comment.rsablogs.org.uk/2010/06/28/rsa-animate-crisis-capitalism/">movie</a> that resume <a href="http://www.thersa.org/events/audio-and-past-events/2010/the-crises-of-capitalism">a complete lecture</a> by <a href="http://en.wikipedia.org/wiki/David_Harvey_%28geographer%29">David Harvey</a> about the current Economic situation in a systemic way.</p>
<p><object width="560" height="340"><param name="movie" value="http://www.youtube.com/v/qOP2V_np2c0&#038;hl=it_IT&#038;fs=1&#038;"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/qOP2V_np2c0&#038;hl=it_IT&#038;fs=1&#038;" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="560" height="340"></embed></object></p>
<p>And, by the way, here&#8217;s the full lecture:</p>
<p><object width="560" height="340"><param name="movie" value="http://www.youtube.com/v/26o22Y33h9s&#038;hl=en_US&#038;fs=1&#038;"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/26o22Y33h9s&#038;hl=en_US&#038;fs=1&#038;" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="560" height="340"></embed></object>&#8230; <a href="http://www.openp2pdesign.org/2011/sustainability/visualizing-the-complexity-of-the-economic-system-and-its-crises/" class="read_more"><br /><br />Read the rest of this post ...</a></p>]]></description>
			<content:encoded><![CDATA[<p>Here are some <strong>videos that visualize our Social and Economic Complex System</strong> with different perspectives. They are indeed not just good examples of well done infographic and movie design, but also inspiring examples about how to visualize the Economy in its complexity. <strong>Design for Complexity means also using design to explain complexity and make it easy for people to understand</strong>.</p>
<p>Let&#8217;s start with the <a href="http://www.crisisofcredit.com/">Crisis of the Credit</a> that clearly explains how the <a href="http://en.wikipedia.org/wiki/Financial_crisis_of_2007%E2%80%932010">financial crisis of the years 2007 &#8211; &#8230;</a> started.</p>
<p><object width="580" height="326"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=3261363&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=3261363&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="580" height="326"></embed></object>
<p><a href="http://vimeo.com/3261363">The Crisis of Credit Visualized</a> from <a href="http://vimeo.com/jonathanjarvis">Jonathan Jarvis</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p>We can watch now a short and funny explanation (but not so rich and complete actually) about <a href="http://en.wikipedia.org/wiki/2010_European_sovereign_debt_crisis">Greece&#8217;s current financial crisis</a>.</p>
<p><object width="580" height="326"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=11435503&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=11435503&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="580" height="326"></embed></object>
<p><a href="http://vimeo.com/11435503">The Greek Crisis Explained, Episode 1</a> from <a href="http://vimeo.com/nomint">NOMINT</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p><object width="580" height="326"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=11647540&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=11647540&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="580" height="326"></embed></object>
<p><a href="http://vimeo.com/11647540">The Greek Crisis Explained, Episode 2</a> from <a href="http://vimeo.com/nomint">NOMINT</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p><span id="more-1858"></span><br />
<object width="580" height="326"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=12200776&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=12200776&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="580" height="326"></embed></object>
<p><a href="http://vimeo.com/12200776">The Greek Crisis Explained, Episode 3</a> from <a href="http://vimeo.com/nomint">NOMINT</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p>And let&#8217;s finish with this great <a href="http://comment.rsablogs.org.uk/2010/06/28/rsa-animate-crisis-capitalism/">movie</a> that resume <a href="http://www.thersa.org/events/audio-and-past-events/2010/the-crises-of-capitalism">a complete lecture</a> by <a href="http://en.wikipedia.org/wiki/David_Harvey_%28geographer%29">David Harvey</a> about the current Economic situation in a systemic way.</p>
<p><object width="560" height="340"><param name="movie" value="http://www.youtube.com/v/qOP2V_np2c0&#038;hl=it_IT&#038;fs=1&#038;"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/qOP2V_np2c0&#038;hl=it_IT&#038;fs=1&#038;" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="560" height="340"></embed></object></p>
<p>And, by the way, here&#8217;s the full lecture:</p>
<p><object width="560" height="340"><param name="movie" value="http://www.youtube.com/v/26o22Y33h9s&#038;hl=en_US&#038;fs=1&#038;"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/26o22Y33h9s&#038;hl=en_US&#038;fs=1&#038;" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="560" height="340"></embed></object></p>
<p><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Fwww.openp2pdesign.org%2F2011%2Fsustainability%2Fvisualizing-the-complexity-of-the-economic-system-and-its-crises%2F&amp;title=Visualizing%20the%20complexity%20of%20the%20Economic%20System%20%28and%20its%20crisis%29" id="wpa2a_4"><img src="http://www.openp2pdesign.org/wordpress/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.openp2pdesign.org/2011/sustainability/visualizing-the-complexity-of-the-economic-system-and-its-crises/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Visualizing the User-Centred Design methodology</title>
		<link>http://www.openp2pdesign.org/2010/open-p2p-design/visualizing-the-user-centred-design-methodology/</link>
		<comments>http://www.openp2pdesign.org/2010/open-p2p-design/visualizing-the-user-centred-design-methodology/#comments</comments>
		<pubDate>Mon, 28 Jun 2010 09:14:57 +0000</pubDate>
		<dc:creator>Massimo Menichinelli</dc:creator>
				<category><![CDATA[Open P2P Design]]></category>
		<category><![CDATA[Texts]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[Design Methodology]]></category>
		<category><![CDATA[Meta-design]]></category>
		<category><![CDATA[User-centered Design]]></category>
		<category><![CDATA[Visualization]]></category>

		<guid isPermaLink="false">http://www.openp2pdesign.org/?p=1833</guid>
		<description><![CDATA[<p><a href="http://www.openp2pdesign.org/wordpress/wp-content/uploads/2010/06/User-Centred-Design.jpg"><img class="aligncenter size-medium wp-image-1839" title="User-Centred Design Poster" src="http://www.openp2pdesign.org/wordpress/wp-content/uploads/2010/06/User-Centred-Design-212x300.jpg" alt="User-Centred Design Poster" width="212" height="300" /></a></p>
<p>Here&#8217;s a nice and well designed and documented infographic poster about User-Centred Design by <a href="http://www.paznow.com/ucd/">Pascal Raabe</a>. And since he published it under a <a href="http://creativecommons.org/licenses/by-nc-sa/2.0/uk/">CC BY-NC-SA license</a>, I&#8217;m redistributing here it as a <a href="http://www.openp2pdesign.org/wordpress/wp-content/uploads/2010/06/User-Centred-Design.pdf">pdf file</a>.</p>
<p><img style="visibility: hidden; width: 0px; height: 0px;" src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyNzU5MDc5NTUxNzkmcHQ9MTI3NTkwNzk1ODk2MyZwPTExMjE4ODEmZD1DbG9zcldpZGcmZz*yJm89ODA2ZDZhMDIz/NmM*NDRmMzhmODIwMzk5ODM4MGUxOWUmb2Y9MA==.gif" border="0" alt="" width="0" height="0" /><object id="closr_AbCXkXDuN2F" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="580" height="450" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="quality" value="high" /><param name="allowScriptAccess" value="always" /><param name="allowNetworking" value="all" /><param name="allowfullscreen" value="true" /><param name="play" value="true" /><param name="loop" value="false" /><param name="scale" value="noscale" /><param name="devicefont" value="true" /><param name="swliveconnect" value="true" /><param name="wmode" value="window" /><param name="FlashVars" value="gig_lt=1275907955179&#38;gig_pt=1275907958963&#38;gig_g=2" /><param name="src" value="http://c1262832.cdn.cloudfiles.rackspacecloud.com/closr.swf?name=AbCXkXDuN2F&#38;cidin=c0044992" /><param name="name" value="closr_AbCXkXDuN2F" /><param name="flashvars" value="gig_lt=1275907955179&#38;gig_pt=1275907958963&#38;gig_g=2" /><embed id="closr_AbCXkXDuN2F" type="application/x-shockwave-flash" width="580" height="450" src="http://c1262832.cdn.cloudfiles.rackspacecloud.com/closr.swf?name=AbCXkXDuN2F&#38;cidin=c0044992" name="closr_AbCXkXDuN2F" flashvars="gig_lt=1275907955179&#38;gig_pt=1275907958963&#38;gig_g=2" wmode="window" swliveconnect="true" devicefont="true" scale="noscale" loop="false" play="true" allowfullscreen="true" allownetworking="all" allowscriptaccess="always" quality="high"></embed></object><br />
<span id="more-1833"></span></p>
<p>Even though User-Centred Design is a much more complicated issue, this infographic poster makes a good introduction to it. It is a clear example of how visualization design can be a <strong>metadesign</strong> tool for design processes: in this way we can facilitate the understanding of the design process by all the actors involved in it.<br />
Please note that this example is not a metadesign project but a communication / infographic / marketing (let&#8217;s say) project; anyway it shows the potential of such tools even for metadesign projects.&#8230; <a href="http://www.openp2pdesign.org/2010/open-p2p-design/visualizing-the-user-centred-design-methodology/" class="read_more"><br /><br />Read the rest of this post ...</a></p>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.openp2pdesign.org/wordpress/wp-content/uploads/2010/06/User-Centred-Design.jpg"><img class="aligncenter size-medium wp-image-1839" title="User-Centred Design Poster" src="http://www.openp2pdesign.org/wordpress/wp-content/uploads/2010/06/User-Centred-Design-212x300.jpg" alt="User-Centred Design Poster" width="212" height="300" /></a></p>
<p>Here&#8217;s a nice and well designed and documented infographic poster about User-Centred Design by <a href="http://www.paznow.com/ucd/">Pascal Raabe</a>. And since he published it under a <a href="http://creativecommons.org/licenses/by-nc-sa/2.0/uk/">CC BY-NC-SA license</a>, I&#8217;m redistributing here it as a <a href="http://www.openp2pdesign.org/wordpress/wp-content/uploads/2010/06/User-Centred-Design.pdf">pdf file</a>.</p>
<p><img style="visibility: hidden; width: 0px; height: 0px;" src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyNzU5MDc5NTUxNzkmcHQ9MTI3NTkwNzk1ODk2MyZwPTExMjE4ODEmZD1DbG9zcldpZGcmZz*yJm89ODA2ZDZhMDIz/NmM*NDRmMzhmODIwMzk5ODM4MGUxOWUmb2Y9MA==.gif" border="0" alt="" width="0" height="0" /><object id="closr_AbCXkXDuN2F" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="580" height="450" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="quality" value="high" /><param name="allowScriptAccess" value="always" /><param name="allowNetworking" value="all" /><param name="allowfullscreen" value="true" /><param name="play" value="true" /><param name="loop" value="false" /><param name="scale" value="noscale" /><param name="devicefont" value="true" /><param name="swliveconnect" value="true" /><param name="wmode" value="window" /><param name="FlashVars" value="gig_lt=1275907955179&amp;gig_pt=1275907958963&amp;gig_g=2" /><param name="src" value="http://c1262832.cdn.cloudfiles.rackspacecloud.com/closr.swf?name=AbCXkXDuN2F&amp;cidin=c0044992" /><param name="name" value="closr_AbCXkXDuN2F" /><param name="flashvars" value="gig_lt=1275907955179&amp;gig_pt=1275907958963&amp;gig_g=2" /><embed id="closr_AbCXkXDuN2F" type="application/x-shockwave-flash" width="580" height="450" src="http://c1262832.cdn.cloudfiles.rackspacecloud.com/closr.swf?name=AbCXkXDuN2F&amp;cidin=c0044992" name="closr_AbCXkXDuN2F" flashvars="gig_lt=1275907955179&amp;gig_pt=1275907958963&amp;gig_g=2" wmode="window" swliveconnect="true" devicefont="true" scale="noscale" loop="false" play="true" allowfullscreen="true" allownetworking="all" allowscriptaccess="always" quality="high"></embed></object><br />
<span id="more-1833"></span></p>
<p>Even though User-Centred Design is a much more complicated issue, this infographic poster makes a good introduction to it. It is a clear example of how visualization design can be a <strong>metadesign</strong> tool for design processes: in this way we can facilitate the understanding of the design process by all the actors involved in it.<br />
Please note that this example is not a metadesign project but a communication / infographic / marketing (let&#8217;s say) project; anyway it shows the potential of such tools even for metadesign projects.</p>
<p><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Fwww.openp2pdesign.org%2F2010%2Fopen-p2p-design%2Fvisualizing-the-user-centred-design-methodology%2F&amp;title=Visualizing%20the%20User-Centred%20Design%20methodology" id="wpa2a_6"><img src="http://www.openp2pdesign.org/wordpress/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.openp2pdesign.org/2010/open-p2p-design/visualizing-the-user-centred-design-methodology/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Net-map toolbox, a social network analisys tool for Community/Locality Systems projects&#8221;</title>
		<link>http://www.openp2pdesign.org/2009/complexity/net-map-toolbox-a-social-network-analisys-tool-for-community-locality-systems-projects/</link>
		<comments>http://www.openp2pdesign.org/2009/complexity/net-map-toolbox-a-social-network-analisys-tool-for-community-locality-systems-projects/#comments</comments>
		<pubDate>Sun, 26 Apr 2009 21:46:28 +0000</pubDate>
		<dc:creator>Massimo Menichinelli</dc:creator>
				<category><![CDATA[Complexity]]></category>
		<category><![CDATA[Open P2P Design]]></category>
		<category><![CDATA[Community]]></category>
		<category><![CDATA[Design Methodology]]></category>
		<category><![CDATA[Locality]]></category>
		<category><![CDATA[Low-tech]]></category>
		<category><![CDATA[Social Network]]></category>
		<category><![CDATA[Social Network Analysis]]></category>
		<category><![CDATA[Tool]]></category>
		<category><![CDATA[Visualization]]></category>

		<guid isPermaLink="false">http://www.openp2pdesign.org/blog/?p=739</guid>
		<description><![CDATA[<h4>01. Net-Map: a social network analysis toolbox</h4>
<p><strong>Net-Map</strong> is <strong>a visualization and facilitation tool</strong> developed by <a href="http://netmap.wordpress.com/personal-profile/">Eva Schiffer</a> that can be very useful for design processes for/with Community/Locality Systems.</p>
<p><a href="http://www.flickr.com/photos/19176170@N03/2038063095/" title="Individual Net-Map 16, White Volta Basin Board, Ghana (Schiffer 2007) di netmaptoolbox, su Flickr"><img src="http://farm3.static.flickr.com/2179/2038063095_8abacae758.jpg" width="500" height="375" alt="Individual Net-Map 16, White Volta Basin Board, Ghana (Schiffer 2007)" /></a></p>
<blockquote><p>
Net-Map is an interview-based mapping tool that helps people understand, visualize, discuss, and improve situations in which many different actors influence outcomes. By creating Influence Network Maps, individuals and groups can clarify their own view of a situation, foster discussion, and develop a strategic approach to their networking activities. More specifically, Net-Map helps players to determine</p>
<ul>
<li>what actors are involved in a given network,</li>
<li>how they are linked,</li>
<li>how influential they are, and</li>
<li>what their goals are.</li>
</ul>
<p>Determining linkages, levels of influence, and goals allows users to be more strategic about how they act in these complex situations. It helps users to answer questions such as: Do you need to strengthen the links to an influential potential supporter (high influence, same goals)? Do you have to be aware of an influential actor who doesn’t share your goals? Can increased networking help empower your dis-empowered beneficiaries?
</p></blockquote>
<p>Basically, Net-Map is low-tech tool for developing social network analysis within communities. It is a tool that:<span id="more-739"></span></p>
<ul>
<li>satisfies both, research interest and immediate stakeholder needs;</li>
<li>is low-tech, low-cost, intuitive, inter-culturally applicable</li>
<li>connects to existing research tools and methods</li>
<li>makes implicit knowledge explicit</li>
<li>structures complex governance reality</li>
<li>is flexible for use in different contexts.</li>
</ul>
<p>This tool can help improve the understanding of any situation in which a &#8230; <a href="http://www.openp2pdesign.org/2009/complexity/net-map-toolbox-a-social-network-analisys-tool-for-community-locality-systems-projects/" class="read_more"><br /><br />Read the rest of this post ...</a></p>]]></description>
			<content:encoded><![CDATA[<h4>01. Net-Map: a social network analysis toolbox</h4>
<p><strong>Net-Map</strong> is <strong>a visualization and facilitation tool</strong> developed by <a href="http://netmap.wordpress.com/personal-profile/">Eva Schiffer</a> that can be very useful for design processes for/with Community/Locality Systems.</p>
<p><a href="http://www.flickr.com/photos/19176170@N03/2038063095/" title="Individual Net-Map 16, White Volta Basin Board, Ghana (Schiffer 2007) di netmaptoolbox, su Flickr"><img src="http://farm3.static.flickr.com/2179/2038063095_8abacae758.jpg" width="500" height="375" alt="Individual Net-Map 16, White Volta Basin Board, Ghana (Schiffer 2007)" /></a></p>
<blockquote><p>
Net-Map is an interview-based mapping tool that helps people understand, visualize, discuss, and improve situations in which many different actors influence outcomes. By creating Influence Network Maps, individuals and groups can clarify their own view of a situation, foster discussion, and develop a strategic approach to their networking activities. More specifically, Net-Map helps players to determine</p>
<ul>
<li>what actors are involved in a given network,</li>
<li>how they are linked,</li>
<li>how influential they are, and</li>
<li>what their goals are.</li>
</ul>
<p>Determining linkages, levels of influence, and goals allows users to be more strategic about how they act in these complex situations. It helps users to answer questions such as: Do you need to strengthen the links to an influential potential supporter (high influence, same goals)? Do you have to be aware of an influential actor who doesn’t share your goals? Can increased networking help empower your dis-empowered beneficiaries?
</p></blockquote>
<p>Basically, Net-Map is low-tech tool for developing social network analysis within communities. It is a tool that:<span id="more-739"></span></p>
<ul>
<li>satisfies both, research interest and immediate stakeholder needs;</li>
<li>is low-tech, low-cost, intuitive, inter-culturally applicable</li>
<li>connects to existing research tools and methods</li>
<li>makes implicit knowledge explicit</li>
<li>structures complex governance reality</li>
<li>is flexible for use in different contexts.</li>
</ul>
<p>This tool can help improve the understanding of any situation in which a number of people, groups, and organizations interact to achieve common or conflicting goals. Such situations can include preparing and monitoring policy interventions, improving and coordinating multistakeholder governance, facilitating inclusive community-based projects, sketching and discussing hands-on interventions for project teams, and understanding and strategically improving personal influence networks.<br />
The concept of social network analysis is not new, and several computer programs are available for the purpose of analyzing the data collected.<br />
However, most approaches to collecting and analyzing network data are abstract and require high technical capacity. Before the Net-Map toolbox, it was difficult for actors at the grassroots and policymaking levels to utilize social network analysis to improve their work. The Net-Map toolbox builds and expands on previous approaches to participatory social network analysis to allow anyone, regardless of their level of literacy or education, to better understand and communicate how they or their group are connected to others and to identify more effective ways of collaborating with partners to achieve mutual goals.<br />
Moreover, it is an easy way to collect data in face-to-face interview in order to use it later with <a href=”http://en.wikipedia.org/wiki/Social_network_analysis_software”>social network analysis softwares</a>.</p>
<p>The network mapping approach is particularly important for finding common ground on highly contentious issues, such as competing access to prized natural resources.<br />
Net-Map can help users understand the flows of knowledge and the formal and informal ways in which policy decisions are made.</p>
<p><a href="http://www.flickr.com/photos/19176170@N03/2110904532/" title="Step 2 (Detail): How are they linked? di netmaptoolbox, su Flickr"><img src="http://farm3.static.flickr.com/2174/2110904532_76c4c050a5.jpg" width="500" height="375" alt="Step 2 (Detail): How are they linked?" /></a></p>
<h4>02. The Net-Map process</h4>
<p>Here is the equipment needed:</p>
<ul>
<li>large sheets of paper for network map(one per interview, at least A3, better A2); </li>
<li>felt pens for drawing links(different colors according to different links);</li>
<li>adhesive paper as actor cards(“post-it” possibly different colors for different kinds of actors);</li>
<li>flat round stackable discs for building influence-towers (e.g. checker’s pieces, bicycle spare parts)</li>
<li>actor figurines (different board game figures, optional but especially useful when working with illiterate interviewees);</li>
</ul>
<p>And here is the process:</p>
<ol>
<li><strong>Preparation</strong><br />
	Organizing the interview process through defining:</p>
<ul>
<li>issues to tackle;</li>
<li>the questions and data to ask;</li>
<li>which kind of links to study (one but subdivided or more, but not more than 5);</li>
<li>who should be involved in interviews / discussion.</li>
</ul>
</li>
<li><strong>Pre-testing</strong><br />
Discuss the overarching issue you wish to examine, the defined links, and the goals with someone who is knowledgeable about the social environment you want to research
</li>
<li><strong>Setting up the interview</strong><br />
Decide who you need to interview, where, for how long (1-2 hours per person or more for large groups), how to record data while interviewing and facilitating the process, prepare the toolbox
</li>
<li>Interview
<ol>
<li><strong>Question 1: Who is involved?</strong>
<ul>
<li>Ask: “Who is involved in this process?”</li<
<li>Write names on actor cards (with different colors of cards for different groups of actors) and distribute on empty Net-Map sheet.</li>
</ul>
</li>
<li><strong>Question 2: How are they linked?</strong>
<ul>
<li>Ask: “Who is linked to whom?” Go through the different kinds of links one by one (e.g. “Who gives money to whom? Who disturbs whom?”).</li>
<li>Draw arrows between actor cards according to interviewees directions. </li>
<li>If two actors exchange something draw double headed arrows. </li>
<li>If actors exchange more than one thing, add differently colored arrow heads to existing links. </li>
</ul>
</li>
<li><strong>Question 3: How influential are they?</strong>
<ul>
<li>Ask: “How strongly can actors influence xy (our complex issue)?”</li>
<li>Explain / agree on a definition of influence with your interviewee, clarify that this is about influence on xy and not influence in the world at large.</li>
<li>Ask interviewee to assign influence towers to actors: The higher the influence on the issue at stake, the higher the tower. Towers of different actors can be of the same height. Actors with no influence can be put on ground level. Towers can be as high as interviewees want.</li>
<li>Place influence towers next to actor cards.</li>
<li>Verbalize set-up and give interviewee the chance to adjust towers before noting height of tower on the Net-Map (important for documentation purpose).</li>
</ul>
</li>
<li><strong>Question 4: What are their goals?</strong>
<ul>
<li>Ask according to pre-defined goals, actor by actor, e.g. “Does this actor support environmental, developmental goals or both?”</li>
<li>Note abbreviations for goals next to actor cards, allow for multiple goals where appropriate, by noting more than one goal next to the actor.</li>
</ul>
</li>
<li><strong>Discussion</strong><br />
Discuss the result with your interview partners. Depending on the goal of this specific mapping process, you might ask your interviewees to think strategically about the network and develop ideas to improve the situation in the future.
</li>
</li>
<li><strong>Post-production</strong><br />
In order to fully understand the map and analyze it further, transform the map into a matrix and load it into a social network analysis software.
</li>
</ol>
<p><a href="http://www.flickr.com/photos/19176170@N03/2110905494/" title="Step 4: What are their goals? di netmaptoolbox, su Flickr"><img src="http://farm3.static.flickr.com/2069/2110905494_60cc0bd9cc.jpg" width="500" height="375" alt="Step 4: What are their goals?" /></a></p>
<h4>03. The importance of Net-Map for Open Peer-to-Peer Design </h4>
<p>Net-Map is a very useful tool when developing a project with/for a community (or, better, a Community/Locality System), and to some extent shares something with Open Space Technology (participative, low-tech and collaborative) and could be used within.<br />
There are three main reason we should use it within the Open P2P Design methodology:</p>
<ol>
<li>it is <strong>a tool for the analysis a social network (a community)</strong> in an easy way <strong>without reducing its complexity</strong>; it is a simpler social network analysis that can be learnt and put to practice easily and without much resources;</li>
<li>it is a tool that describes both the interview process and the preparation process of  the interview; it describes therefore <strong>the analysis process and its metadesign process</strong>;</li>
<li>it is <strong>a low-tech and low-cost tool</strong> that can be used when working with rural community members with low formal education as well as with higher education.</li>
</ol>
<p>Here&#8217;s a quote that&#8217;s very interesting for the Open P2P Design methodology:</p>
<blockquote><p>
<strong>Facilitating Inclusive Community-Based Projects</strong><br />
You work for a community-based conservation and development project that requires you to understand and integrate the needs and interests of different local and external groups. You want to make sure that everyone is included: rich and poor farmers, livestock owners, men and women, traditional authorities, government representatives, and nongovernmental organizations. You want to promote a better understanding between the different groups and develop a project plan that is inclusive and acceptable to everyone in the community, not just the local elites. Furthermore, you want to convince your donors that you have gone through an appropriate procedure to develop and implement this plan.<br />
You use Net-Map to draw maps with representatives from all of the different groups. At a common meeting, all the participants can use these maps to explain to each other how they see the local situation, who is linked to whom, who they see as influential, and what goals they will pursue. They will discover that people with different positions in society see the world differently.<br />
Visualizing networks, power, and goals makes it easier for everyone to discuss them. The concepts and visualization used in Net-Map are rather intuitive and easy to understand—even for community members with low or no schooling, thus allowing disadvantaged community members to document and express their views just as well as the other groups. And even though the goal will not necessarily be to agree on a common map, exchanging different views can help everyone involved to work on a solution that takes all the views into account. Repeated influence network mapping throughout the process will indicate whether you are on the path to reaching your goal.
</p></blockquote>
<p><a href="http://www.flickr.com/photos/19176170@N03/2110904804/" title="Step 2 (Completed): How are they linked? di netmaptoolbox, su Flickr"><img src="http://farm3.static.flickr.com/2040/2110904804_401f5409e7.jpg" width="500" height="406" alt="Step 2 (Completed): How are they linked?" /></a></p>
<p>You can find more photos of Net-Map in use <a href="http://www.flickr.com/photos/19176170@N03/">here</a> and case studies report <a href="http://netmap.wordpress.com/case-studies/">here</a>.</p>
<p>via | <a href="http://www.visualcomplexity.com/vc/project_details.cfm?id=644&#038;index=644&#038;domain=">Visual Complexity</a>.</p>
<p><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Fwww.openp2pdesign.org%2F2009%2Fcomplexity%2Fnet-map-toolbox-a-social-network-analisys-tool-for-community-locality-systems-projects%2F&amp;title=Net-map%20toolbox%2C%20a%20social%20network%20analisys%20tool%20for%20Community%2FLocality%20Systems%20projects%26%238221%3B" id="wpa2a_8"><img src="http://www.openp2pdesign.org/wordpress/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.openp2pdesign.org/2009/complexity/net-map-toolbox-a-social-network-analisys-tool-for-community-locality-systems-projects/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>code_swarm, visualizing the life of an Open P2P Community</title>
		<link>http://www.openp2pdesign.org/2008/complexity/code_swarm-visualizing-the-life-of-an-open-p2p-community/</link>
		<comments>http://www.openp2pdesign.org/2008/complexity/code_swarm-visualizing-the-life-of-an-open-p2p-community/#comments</comments>
		<pubDate>Thu, 03 Jul 2008 20:19:42 +0000</pubDate>
		<dc:creator>Massimo Menichinelli</dc:creator>
				<category><![CDATA[Complexity]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[Video]]></category>
		<category><![CDATA[Art]]></category>
		<category><![CDATA[Complex Systems]]></category>
		<category><![CDATA[Free Software]]></category>
		<category><![CDATA[Movie Design]]></category>
		<category><![CDATA[Net Art]]></category>
		<category><![CDATA[Open Source]]></category>
		<category><![CDATA[processing.org]]></category>
		<category><![CDATA[Swarm / Flock / Crowd]]></category>
		<category><![CDATA[Visualization]]></category>

		<guid isPermaLink="false">http://www.openp2pdesign.org/blog/?p=178&#038;lp_lang_pref=it</guid>
		<description><![CDATA[<p><a href="http://vis.cs.ucdavis.edu/~ogawa/codeswarm/">code_swarm. An experiment in organic software visualization</a> is an application created by <a href="http://vis.cs.ucdavis.edu/~ogawa/">Michael Ogawa</a> with <a href="http://processing.org">Processing</a>, that gathers data about the history of an open source / free software community and visualizes it in a video. Here&#8217;s the video for the <a href="http://en.wikipedia.org/wiki/Python_(programming_language)">Python</a> programming language:</p>
<p><object width="580" height="450"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://www.vimeo.com/moogaloop.swf?clip_id=1093745&#38;server=www.vimeo.com&#38;show_title=1&#38;show_byline=1&#38;show_portrait=0&#38;color=00ADEF&#38;fullscreen=1" /><embed src="http://www.vimeo.com/moogaloop.swf?clip_id=1093745&#38;server=www.vimeo.com&#38;show_title=1&#38;show_byline=1&#38;show_portrait=0&#38;color=00ADEF&#38;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="580" height="450"></embed></object><br /><a href="http://www.vimeo.com/1093745?pg=embed&#038;sec=1093745">code_swarm &#8211; Python</a> from <a href="http://www.vimeo.com/michaelogawa?pg=embed&#038;sec=1093745">Michael Ogawa</a> on <a href="http://vimeo.com?pg=embed&#038;sec=1093745">Vimeo</a>.</p>
<blockquote><p>
I&#8217;ve been studying software projects for a while now. Not the programming, but the people &#8212; the way they interact with each other through collaboration and communication.
</p></blockquote>
<p><span id="more-178"></span></p>
<blockquote><p>
This visualization, called code_swarm, shows the history of commits in a software project. A commit happens when a developer makes changes to the code or documents and transfers them into the central project repository. Both developers and files are represented as moving elements. When a developer commits a file, it lights up and flies towards that developer. Files are colored according to their purpose, such as whether they are source code or a document. If files or developers have not been active for a while, they will fade away. A histogram at the bottom keeps a reminder of what has come before.
</p></blockquote>
<p>Here <strong>the visualization of the complexity of the community</strong> comes not from data gathered by the users or by devices or software, but <strong>from data already and automatically gathered about the users&#8217; behaviour using some specific software over a network.</strong> In this way we can visualize the commitment of every participants to the collective activity and the &#8230; <a href="http://www.openp2pdesign.org/2008/complexity/code_swarm-visualizing-the-life-of-an-open-p2p-community/" class="read_more"><br /><br />Read the rest of this post ...</a></p>]]></description>
			<content:encoded><![CDATA[<p><a href="http://vis.cs.ucdavis.edu/~ogawa/codeswarm/">code_swarm. An experiment in organic software visualization</a> is an application created by <a href="http://vis.cs.ucdavis.edu/~ogawa/">Michael Ogawa</a> with <a href="http://processing.org">Processing</a>, that gathers data about the history of an open source / free software community and visualizes it in a video. Here&#8217;s the video for the <a href="http://en.wikipedia.org/wiki/Python_(programming_language)">Python</a> programming language:</p>
<p><object width="580" height="450"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://www.vimeo.com/moogaloop.swf?clip_id=1093745&amp;server=www.vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" /><embed src="http://www.vimeo.com/moogaloop.swf?clip_id=1093745&amp;server=www.vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="580" height="450"></embed></object><br /><a href="http://www.vimeo.com/1093745?pg=embed&#038;sec=1093745">code_swarm &#8211; Python</a> from <a href="http://www.vimeo.com/michaelogawa?pg=embed&#038;sec=1093745">Michael Ogawa</a> on <a href="http://vimeo.com?pg=embed&#038;sec=1093745">Vimeo</a>.</p>
<blockquote><p>
I&#8217;ve been studying software projects for a while now. Not the programming, but the people &#8212; the way they interact with each other through collaboration and communication.
</p></blockquote>
<p><span id="more-178"></span></p>
<blockquote><p>
This visualization, called code_swarm, shows the history of commits in a software project. A commit happens when a developer makes changes to the code or documents and transfers them into the central project repository. Both developers and files are represented as moving elements. When a developer commits a file, it lights up and flies towards that developer. Files are colored according to their purpose, such as whether they are source code or a document. If files or developers have not been active for a while, they will fade away. A histogram at the bottom keeps a reminder of what has come before.
</p></blockquote>
<p>Here <strong>the visualization of the complexity of the community</strong> comes not from data gathered by the users or by devices or software, but <strong>from data already and automatically gathered about the users&#8217; behaviour using some specific software over a network.</strong> In this way we can visualize the commitment of every participants to the collective activity and the history of the system.</p>
<p>A <a href="http://http://en.wikipedia.org/wiki/Commit_(SQL)">commit</a> is done for:</p>
<blockquote><p>
[...]<a href="http://en.wikipedia.org//wiki/Version_control_system" class="mw-redirect" title="Version control system">version control systems</a> for <a href="http://en.wikipedia.org//wiki/Source_code" title="Source code">source code</a> such as <a href="http://en.wikipedia.org//wiki/Subversion" title="Subversion">Subversion</a> or <a href="http://en.wikipedia.org//wiki/Concurrent_Versions_System" title="Concurrent Versions System">Concurrent Versions System</a>. A commit in the context of these version control systems refers to submitting the latest changes of the source code to the repository, and making these changes part of the head revision of the repository. Thus, when other users do an <code>UPDATE</code> or a <code>checkout</code> from the repository, they will receive the latest committed version, unless they specify they wish to retrieve a previous version of the source code in the repository. Version control systems also have similar functionality to SQL databases in that they allow rolling back to previous versions easily. In this context, a commit with version control systems is not as dangerous as it allows easy rollback, even after the commit has been done.
</p></blockquote>
<p><strong>Code_swarm</strong> can be used therefore for those communities that use this software in order to self-organize. Moreover, the code has been released openly and freely under a <a href="http://en.wikipedia.org/wiki/GPL_3#Version_3">GPL v3 license</a> on <a href="http://code.google.com/p/codeswarm/">Google Code</a>. Therefore we can use it on our projects too, in order to visualize the life/history of Open P2P Communities: we can modify its source code in order to run it for every community and its specific tools for communication and self-organization.</p>
<p>via | <a href="http://www.ossblog.it/post/4210/code_swarm-la-vita-di-un-progetto-open-source">Ossblog</a></p>
<p><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Fwww.openp2pdesign.org%2F2008%2Fcomplexity%2Fcode_swarm-visualizing-the-life-of-an-open-p2p-community%2F&amp;title=code_swarm%2C%20visualizing%20the%20life%20of%20an%20Open%20P2P%20Community" id="wpa2a_10"><img src="http://www.openp2pdesign.org/wordpress/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.openp2pdesign.org/2008/complexity/code_swarm-visualizing-the-life-of-an-open-p2p-community/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

