<?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>sepans - portfolio</title>
	<atom:link href="http://sepans.com/sp/feed/" rel="self" type="application/rss+xml" />
	<link>http://sepans.com/sp</link>
	<description>Portfolio</description>
	<lastBuildDate>Wed, 16 May 2012 01:46:07 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Edit files with FireFTP and TextWrangler directly from the server</title>
		<link>http://sepans.com/sp/howtos/textwrangler/</link>
		<comments>http://sepans.com/sp/howtos/textwrangler/#comments</comments>
		<pubDate>Wed, 16 May 2012 01:44:10 +0000</pubDate>
		<dc:creator>sepans</dc:creator>
				<category><![CDATA[howtos]]></category>
		<category><![CDATA[fireftp]]></category>
		<category><![CDATA[macos]]></category>
		<category><![CDATA[textwrangler]]></category>

		<guid isPermaLink="false">http://sepans.com/sp/?p=416</guid>
		<description><![CDATA[If you have TextWrangler installed with command line options, in FireFTP right click on the file name on the server, go to &#8216;open with-&#62;Add Program..&#8217; Type TextWrangler (or any other name) as name and /usr/local/bin/edit for path. Then when you open a file on the server FireFTP creates a temporary file in temp directory and [...]]]></description>
			<content:encoded><![CDATA[<p>If you have TextWrangler installed with command line options, in FireFTP right click on the file name on the server, go to &#8216;open with-&gt;Add Program..&#8217; Type TextWrangler (or any other name) as name and /usr/local/bin/edit for path.</p>
<p>Then when you open a file on the server FireFTP creates a temporary file in temp directory and opens it with TextWrangler. Everytime you save the file FireFTP automatically uploads the file to the server.</p>
<p>To see if you have command line option installed type &#8216;edit&#8217; in terminal. Do &#8216;which edit&#8217; in terminal. If the path it returns is different from /usr/local/bin/edit use that in FireFTP.</p>
]]></content:encoded>
			<wfw:commentRss>http://sepans.com/sp/howtos/textwrangler/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Arcadia</title>
		<link>http://sepans.com/sp/postes/arcadia/</link>
		<comments>http://sepans.com/sp/postes/arcadia/#comments</comments>
		<pubDate>Fri, 20 Apr 2012 17:44:53 +0000</pubDate>
		<dc:creator>sepans</dc:creator>
				<category><![CDATA[Postes]]></category>

		<guid isPermaLink="false">http://sepans.com/sp/?p=390</guid>
		<description><![CDATA[Arcadia is a multi-layered play by Tom Stoppard which deals with issues such as English literature, architecture and philosophy of science. The title of the play is taken from a painting “Et in Arcadia ego” by Nicolas Poussin, also known as “Les bergers d’Arcadie” (“The Arcadian Shepherds”). (http://en.wikipedia.org/wiki/Et_in_Arcadia_ego) There are different interpretations about this painting [...]]]></description>
			<content:encoded><![CDATA[<p>Arcadia is a multi-layered play by Tom Stoppard which deals with issues  such as English literature, architecture and philosophy of science. The  title of the play is taken from a painting “Et in Arcadia ego” by  Nicolas Poussin, also known as “Les bergers d’Arcadie” (“The Arcadian  Shepherds”).   (<a rel="nofollow" href="http://en.wikipedia.org/wiki/Et_in_Arcadia_ego">http://en.wikipedia.org/wiki/Et_in_Arcadia_ego</a>)<br />
There are different interpretations about this painting but one is that  ‘the literal word-for-word translation of the phrase is “Even in Arcadia  I (am there),” “I” being death, and “Arcadia” being understood as a  utopian land.’  This theme has been appropriated as an existential  response to the utopian notions in the sense that even in an idealist  set-up, human is still faced with existential anxieties such as facing  death.</p>
<p>Another feature of play is the juxtaposition of time and space. The play  happens at early nineteenth century and late twentieth century simultaneously at the  same time. It also deals with the ways of representing this kind of  idealism that first was in medieval literature, and then that  description was re-mediated by classical painters such as Poussin himself in paintings. Then  later in late 18th century British landscape architects used the  painting as a model to design English gardens.</p>
<p>Now the 21th century technological understanding of the world still   deals with the same issues and tries to find a shelter for the   vulnerabilities of human being using technology to create new ways of   representing utopia.</p>
<p>What interests me is the representation of this theme using different media, from literature to architecture, and the juxtaposition of space and time happening in all of them. &#8216;Arcadia&#8217; itself is the projection of heaven into the concept of garden and vice versa at the same time and it floats back and forth between those two concepts: a space that is constantly flickering.</p>
<p>This is Pousins&#8217; painting &#8216;Et in Arcadia ego&#8217;. The first image is the painting itself and the second one is the same image with the shepherds being removed.<br />
<a href="http://sepans.com/sp/wp-content/uploads/2012/04/arcadia.jpg"><img class="aligncenter size-large wp-image-392" title="arcadia" src="http://sepans.com/sp/wp-content/uploads/2012/04/arcadia-1024x283.jpg" alt="" width="1024" height="283" /></a></p>
<p>The image will be projected inside a frame (or a monitor is put inside a frame because it has better quality and closer to print image). A box is placed in the middle of the room and a depth camera (like Kinect) overlooking it.</p>
<p>As someone gets close to the box a shadowy image of him appears in the painting.</p>
<p style="text-align: center;"><a href="http://sepans.com/sp/wp-content/uploads/2012/04/diagram.jpg"><img class="aligncenter size-full wp-image-391" title="diagram" src="http://sepans.com/sp/wp-content/uploads/2012/04/diagram.jpg" alt="" width="560" height="372" /></a></p>
<p style="text-align: left;">In the diagram above, &#8216;A&#8217; sees &#8216;B&#8217; and &#8216;C&#8217; in Arcadia.</p>
<p style="text-align: left;">Without anybody being near the box or looking at the painting, what is represented inside the frame is another space that doesn&#8217;t have anything in common with the containing space of the room (or gallery). But at the certain moments, based on the position and interactions of persons in the room, those two space are getting aligned together with the tombstone and the box being the reference point of the alignment.</p>
<p style="text-align: left;">This momentary alignments also points to the similarity between the shepherds and people in the room (especially if it is a gallery space): wondering around and enjoying their time to conceal what is uncomforting.</p>
<h3>Implementation:</h3>
<p>Using Kinect to be able to first, separate background, etc. from the image of persons. Also the depth image allows the rendered shadows to be from another direction from where camera is. So it gives ability to do further directional juxtaposition.</p>
<p>Framework: More likely with openframeworks because it is faster and it works more effectively with OpenNI code that are both in c++ but for prototype I may use Processing since development is easier and faster.</p>
]]></content:encoded>
			<wfw:commentRss>http://sepans.com/sp/postes/arcadia/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>notes</title>
		<link>http://sepans.com/sp/postes/notes/</link>
		<comments>http://sepans.com/sp/postes/notes/#comments</comments>
		<pubDate>Mon, 05 Mar 2012 20:26:03 +0000</pubDate>
		<dc:creator>sepans</dc:creator>
				<category><![CDATA[Postes]]></category>

		<guid isPermaLink="false">http://sepans.com/sp/?p=377</guid>
		<description><![CDATA[turing2 libraries wphttp://youtu.be/ON1vvDSQFKg http://youtu.be/ON1vvDSQFKg (1:45) http://sepans.com/sp/wp-content/uploads/2011/10/show.jpg]]></description>
			<content:encoded><![CDATA[<p><a href='http://sepans.com/sp/wp-content/uploads/2012/03/turing2.zip'>turing2</a><br />
<a href='http://sepans.com/sp/wp-content/uploads/2012/03/libraries.zip'>libraries</a></p>
<p><a href="http://youtu.be/ON1vvDSQFKg" target="_blank"><a href="http://sepans.com/sp/wp-content/uploads/2012/03/wp.zip">wp</a>http://youtu.be/ON1vvDSQFKg</a></p>
<p><a href="http://youtu.be/ON1vvDSQFKg" target="_blank">http://youtu.be/ON1vvDSQFKg</a> (1:45)</p>
<p><a href="../wp-content/uploads/2011/10/show.jpg">http://sepans.com/sp/wp-content/uploads/2011/10/show.jpg</a></p>
]]></content:encoded>
			<wfw:commentRss>http://sepans.com/sp/postes/notes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Install heroku/sinatra on Ubuntu 11</title>
		<link>http://sepans.com/sp/postes/install-herokusinatra-on-ubuntu-11/</link>
		<comments>http://sepans.com/sp/postes/install-herokusinatra-on-ubuntu-11/#comments</comments>
		<pubDate>Sat, 03 Mar 2012 23:34:11 +0000</pubDate>
		<dc:creator>sepans</dc:creator>
				<category><![CDATA[Postes]]></category>
		<category><![CDATA[howtos]]></category>

		<guid isPermaLink="false">http://sepans.com/sp/?p=372</guid>
		<description><![CDATA[I was trying to install a heroku sinatra app from using the code in already available in git. I was new to both heroku and ruby: installed ruby1.9.1 : sudo apt-get install ruby1.9 .1 &#8211;installed heroku: wget -qO- https://toolbelt.heroku.com/install.sh &#124; sh -heroku login -heroku keys:add (created keys) -checked out code: git clone git@heroku.com:APPNAME.git -o production [...]]]></description>
			<content:encoded><![CDATA[<p>I was trying to install a heroku sinatra app from using the code in already available in git. I was new to both heroku and ruby:</p>
<p>installed ruby1.9.1 : sudo apt-get install ruby1.9 .1<br />
&#8211;installed heroku: wget -qO-<a href="https://toolbelt.herokuapp.com/install.sh"> https://toolbelt.heroku.com/install.sh</a> | sh<br />
-heroku login<br />
-heroku keys:add (created keys)<br />
-checked out code: git clone git@heroku.com:APPNAME.git -o production<br />
-installed whole bunch of things from <a href="http://blog.moonflare.com/2011/10/25/installing-ruby-1-9-2-and-gems-on-ubuntu-11-10/">http://blog.moonflare.com/2011/10/25/installing-ruby-1-9-2-and-gems-on-ubuntu-11-10/</a> :<br />
sudo apt-get install ruby1.9.1-dev<br />
sudo apt-get install libxml2-dev<br />
sudo apt-get install libxslt1-dev<br />
sudo apt-get install libsqlite3-dev</p>
<p>(please send me a note @ sepans-at-sepans-.-com if you have comment)</p>
]]></content:encoded>
			<wfw:commentRss>http://sepans.com/sp/postes/install-herokusinatra-on-ubuntu-11/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Experimental Web</title>
		<link>http://sepans.com/sp/works/experimental-web/</link>
		<comments>http://sepans.com/sp/works/experimental-web/#comments</comments>
		<pubDate>Thu, 17 Nov 2011 01:31:56 +0000</pubDate>
		<dc:creator>sepans</dc:creator>
				<category><![CDATA[Works]]></category>

		<guid isPermaLink="false">http://sepans.com/sp/?p=334</guid>
		<description><![CDATA[Experimental reading tool (Image above): On the net, the starting point in reading a text is almost arbitrary and branching from any point of text is inevitable. TEWXT is an experimental reading tool that realizes this experience within a web page. (more info&#8230;) Try Tewxt Link-free WordPress template (In Progress): The interconnected nature of web [...]]]></description>
			<content:encoded><![CDATA[<p><strong><a href="http://sepans.com/chrsmnn" target="_blank">Experimental reading tool</a> (Image above): </strong>On  the net, the starting point in reading a text is almost arbitrary and  branching from any point of text is inevitable. TEWXT is an experimental  reading tool that realizes this experience within a web page. (<a href="http://sepans.com/sp/postes/tewxt/" target="_blank">more info&#8230;</a>)</p>
<p><a href="http://sepans.com/chrsmnn" target="_blank">Try Tewxt</a></p>
<p><strong>Link-free WordPress template</strong> (In Progress): The interconnected nature of web and ease of navigation makes our experience of reading and very different from physical media (Books, Urban space etc.). In this project I tried to experiment alternative modes of navigation within a website. I am creating a WordPress template that instead of using links, navigation is possible by solving the puzzles generated from the WP content.</p>
<p>WP template :<a href="http://sepans.com/bcwp/" target="_blank"> http://sepans.com/bcwp/</a></p>
<p style="text-align: center;"><a href="http://sepans.com/bcwp" target="_blank"><img class="aligncenter size-full wp-image-366" title="bcwp" src="http://sepans.com/sp/wp-content/uploads/2011/11/bcwp.png" alt="" width="589" height="244" /></a></p>
<p><strong>McLuhan Quotation Generator:</strong></p>
<p><a title="McLuhan Quote Generator" href="http://sepans.com/misc/markov/mcluhan.php" target="_blank">http://sepans.com/misc/markov/mcluhan.php</a></p>
]]></content:encoded>
			<wfw:commentRss>http://sepans.com/sp/works/experimental-web/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Tewxt</title>
		<link>http://sepans.com/sp/postes/tewxt/</link>
		<comments>http://sepans.com/sp/postes/tewxt/#comments</comments>
		<pubDate>Fri, 28 Oct 2011 19:05:07 +0000</pubDate>
		<dc:creator>sepans</dc:creator>
				<category><![CDATA[Postes]]></category>

		<guid isPermaLink="false">http://sepans.com/sp/?p=320</guid>
		<description><![CDATA[On the net, the starting point in reading a text is almost arbitrary and driven by natural language processing and information retrieval tools. On the other hand branching out from any point of text is inevitable. TEWXT is an experimental reading/writing tool that realizes this experience within a web page. TEWXT creates a hypertext structure [...]]]></description>
			<content:encoded><![CDATA[<p>On the net, the starting point in reading a text is almost arbitrary and driven by natural language processing and information retrieval tools. On the other hand branching out from any point of text is inevitable.<a href="http://sepans.com/chrsmnn" target="_blank"> TEWXT</a> is an experimental reading/writing tool that realizes this experience within a web page.</p>
<p><a href="http://sepans.com/chrsmnn" target="_blank">TEWXT</a> creates a hypertext structure from a corpus of text not by using hype-links, but by allowing users to branch-search-read at any point.</p>
<p>In <a href="http://sepans.com/chrsmnn" target="_blank">TEWXT</a> users can use any of the search boxes on the screen to search for a word within a corpus of texts, choose one of the results and start reading the text. At any point users can open a new box in any of the adjacent positions, perform another search and follow a new path in reading. Also it is possible to open new boxes for marginal notes.</p>
<p>This structure of text boxes can grow infinitely.</p>
<p><a href="http://sepans.com/sp/wp-content/uploads/2011/10/chrsmnn.png"><img class="aligncenter size-large wp-image-329" title="chrsmnn" src="http://sepans.com/sp/wp-content/uploads/2011/10/chrsmnn-1024x549.png" alt="" width="1024" height="549" /></a><a href="http://sepans.com/sp/wp-content/uploads/2011/10/chrsmn2.png"><br />
</a></p>
<p>It is possible to record and replay the whole experience of reading (including notes) using TEWXT.</p>
<p>Using each box (or combination of adjacent boxes), users can apply natural language processing algorithms to the content of the boxes and transform and create new text:</p>
<ul>
<li>Wikifying: highlighting and      linking words within the text to Wikipedia articles by a natural language      processing algorithm.</li>
<li>WIkiTransformation:      Transforming text by substituting words within text using Wikipedia and      the semantic relevance of the linked articles as thesaurus.</li>
<li>Markov Text Generation:      Generating new text by applying Markov Chain Text Generation Algorithm to      text inside a box.</li>
<li>Cellular Automata Generation:      Using adjacent text boxes as cells of a cellular automata to generate      new text.</li>
</ul>
<p>Moreover users are able to combine retrieved text, notes and transformed text to create a new text which implicitly resonances the reading trails being used as a high-tech tool to create something like Walter Benjamin&#8217;s &#8216;Arcade&#8217; or just go through &#8216;The garden of forking paths&#8217;</p>
]]></content:encoded>
			<wfw:commentRss>http://sepans.com/sp/postes/tewxt/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Keywoard</title>
		<link>http://sepans.com/sp/postes/_keywoard/</link>
		<comments>http://sepans.com/sp/postes/_keywoard/#comments</comments>
		<pubDate>Fri, 28 Oct 2011 19:04:20 +0000</pubDate>
		<dc:creator>sepans</dc:creator>
				<category><![CDATA[Postes]]></category>

		<guid isPermaLink="false">http://sepans.com/sp/?p=318</guid>
		<description><![CDATA[‘Keywoard’ is a chain of mediation initiated from a computer keyboard. What user types in is responded by a variation of ELIZA, a chatter-bot algorithm developed in 1966 by Joseph Wiezenbaum, accompanied by the dehumanized video of user captured with a 3D camera, rendered from another angle using depth data, as the image of Eliza. [...]]]></description>
			<content:encoded><![CDATA[<p>‘Keywoard’ is a chain of mediation initiated from a computer keyboard. What user types in is responded by a variation of ELIZA, a chatter-bot algorithm developed in 1966 by Joseph Wiezenbaum, accompanied by the dehumanized video of user captured with a 3D camera, rendered from another angle using depth data, as the image of Eliza.</p>
<p>To fight back ELIZA with her own technique, I once tried to talk to ELIZA using sentences from Kittler&#8217;s &#8216;Gramaphone, Film, Typewriter&#8217;:</p>
<p style="text-align: center;"><a href="http://sepans.com/sp/wp-content/uploads/2011/10/show.jpg"><img class="aligncenter size-large wp-image-325" title="show" src="http://sepans.com/sp/wp-content/uploads/2011/10/show-1024x630.jpg" alt="" width="819" height="504" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://sepans.com/sp/postes/_keywoard/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Pixels 1</title>
		<link>http://sepans.com/sp/postes/pixels-1/</link>
		<comments>http://sepans.com/sp/postes/pixels-1/#comments</comments>
		<pubDate>Tue, 06 Sep 2011 00:06:12 +0000</pubDate>
		<dc:creator>sepans</dc:creator>
				<category><![CDATA[Postes]]></category>

		<guid isPermaLink="false">http://sepans.com/sp/?p=300</guid>
		<description><![CDATA[Nothing to be done: http://sepans.com/gwodot/nothing.htm Broken images http://sepans.com/gwodot/imgrotate.htm Wikistalker text image: http://sepans.com/sp/wp-content/uploads/2011/04/s.png http://sepans.com/wikistalker/sandbox/textimage.htm Brains 3D: Examples of &#8216;Softwares that see&#8217;: Observed Spactator - It deals with the question of detached observation and the line separating object of observation from subject - PS3 Camera, Processing - It projects Velasquez&#8217; Las Manias inside a frame as if [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: left;">Nothing to be done:</p>
<p style="text-align: left;"><a href="http://sepans.com/gwodot/nothing.htm" target="_blank">http://sepans.com/gwodot/nothing.htm</a></p>
<p style="text-align: left;">Broken images</p>
<p style="text-align: left;"><a href="http://sepans.com/gwodot/imgrotate.htm" target="_blank">http://sepans.com/gwodot/imgrotate.htm</a></p>
<p style="text-align: left;">Wikistalker text image:</p>
<p style="text-align: left;"><a href="http://sepans.com/sp/wp-content/uploads/2011/04/s.png" target="_blank">http://sepans.com/sp/wp-content/uploads/2011/04/s.png</a></p>
<p style="text-align: left;"><a href="http://sepans.com/wikistalker/sandbox/textimage.htm" target="_blank">http://sepans.com/wikistalker/sandbox/textimage.htm</a></p>
<p style="text-align: left;">Brains</p>
<p style="text-align: left;"><img class="alignnone" title="Brains" src="http://bootcamp.parsons.edu/2011/wp-content/uploads/2011/08/brain.png" alt="" width="480" height="480" /></p>
<p style="text-align: left;">3D:</p>
<p style="text-align: left;"><a href="http://sepans.com/sp/wp-content/uploads/2011/09/54c.jpg"><img class="aligncenter size-full wp-image-306" title="54c" src="http://sepans.com/sp/wp-content/uploads/2011/09/54c.jpg" alt="" width="600" height="480" /></a></p>
<p style="text-align: left;">
<p style="text-align: left;"><a href="http://sepans.com/sp/wp-content/uploads/2011/09/66.jpg"><img class="aligncenter size-full wp-image-305" title="66" src="http://sepans.com/sp/wp-content/uploads/2011/09/66.jpg" alt="" width="600" height="480" /></a></p>
<h2 style="text-align: left;">Examples of &#8216;Softwares that see&#8217;:</h2>
<p style="text-align: left;"><a href="http://raschin.com/blog/?p=358" target="_blank">Observed Spactator</a></p>
<p style="text-align: center;"><img class="aligncenter" title="Observed Spactator" src="http://raschin.com/blog/wp-content/uploads/2010/11/normal_Velazquez-Portrait-of-the-Infanta-Margarita1.jpg" alt="" width="223" height="252" /></p>
<p style="text-align: left;">- It deals with the question of detached observation and the line separating object of observation from subject</p>
<p style="text-align: left;">- PS3 Camera, Processing</p>
<p style="text-align: left;">- It projects Velasquez&#8217; Las Manias inside a frame as if it is a drawn picture but user eventually realizes that it is the picture of herself looking inside the room in the painting</p>
<p style="text-align: left;">-It can be improved by adjusting the pose and size of the person to make it more similar to the person in the painting.</p>
<p style="text-align: left;"><a href="http://raschin.com/backspace" target="_blank"><strong>Backspace</strong></a></p>
<p style="text-align: center;"><strong><a href="http://sepans.com/sp/wp-content/uploads/2011/04/backspace.jpg"><img class="size-medium wp-image-248   aligncenter" title="backspace" src="http://sepans.com/sp/wp-content/uploads/2011/04/backspace-300x155.jpg" alt="" width="300" height="155" /></a><br />
</strong></p>
<p style="text-align: left;">- It incorporates and realizes something hard to imagine, embodied navigation in cyberspace, using vision.</p>
<p style="text-align: left;">-processing, kinect, openni, Wikipedia miner</p>
<p style="text-align: left;">- it projects the links of a wikipedia article in 3D based on the semantic relevance of them and users can navigate in that space by grabbing links.</p>
<p style="text-align: left;">- Making &#8216;reading&#8217; an essential part of experience as opposed to experience of playing  with links.</p>
]]></content:encoded>
			<wfw:commentRss>http://sepans.com/sp/postes/pixels-1/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Wikistalker</title>
		<link>http://sepans.com/sp/works/wikistalker/</link>
		<comments>http://sepans.com/sp/works/wikistalker/#comments</comments>
		<pubDate>Wed, 20 Apr 2011 03:15:48 +0000</pubDate>
		<dc:creator>sepans</dc:creator>
				<category><![CDATA[Works]]></category>
		<category><![CDATA[cybercartography]]></category>
		<category><![CDATA[hiedegger]]></category>
		<category><![CDATA[Processingjs]]></category>
		<category><![CDATA[wikipedia]]></category>
		<category><![CDATA[Wikipedia Visualization]]></category>
		<category><![CDATA[Wikistalker]]></category>

		<guid isPermaLink="false">http://sepans.com/sp/?p=208</guid>
		<description><![CDATA[Wikistalker, inspired by &#8216;Web Stalker&#8216;, is a way of understanding a concept by only seeing the visualization of the meta-structure of its Wikipedia article. In this visualization, a &#8216;sun&#8217; in generated for each article. Each ray represents an out-going link. The length of each link shows the semantic relevance between those two linked articles based [...]]]></description>
			<content:encoded><![CDATA[<p><strong><a title="Try Wikistalker" href="http://sepans.com/wikistalker" target="_blank">Wikistalker</a></strong>, inspired by &#8216;<a href="http://www.visualcomplexity.com/vc/project_details.cfm?index=7&amp;id=7&amp;domain" target="_blank">Web Stalker</a>&#8216;, is a way of understanding a concept by only seeing the  visualization of the meta-structure of its Wikipedia article.<br />
In this visualization, a &#8216;sun&#8217; in generated for each article. Each ray  represents an  out-going link. The length of each link shows the semantic relevance  between those two linked articles based on &#8216;<a href="http://wdm.cs.waikato.ac.nz:8080/" target="_blank">Wikipedia Miner</a>&#8216; measures.<br />
In the middle, in the category view tab, Wikistalker illustrates how  links are related to the main entry based on how many categories they  have in common. The category view mesh shows which links are  ontologically related versus rays that show semantic relevance.<br />
In &#8216;Link view&#8217; tab a short description appears in the middle and users can navigate by clicking on links.</p>
<p>This project is implemented in HTML5 using processingjs and raphaeljs.</p>
<h3 style="text-align: center;"><span style="color: #339966;"><a title="Try Wikistalker" href="http://sepans.com/wikistalker" target="_blank">Click here to try Wikistalker</a></span></h3>
<p style="text-align: justify;"><span style="color: #339966;"><br />
</span></p>
<h2>Gallery</h2>

<a href='http://sepans.com/sp/works/wikistalker/attachment/order3/' title='order3'><img width="150" height="150" src="http://sepans.com/sp/wp-content/uploads/2011/04/order3-150x150.jpg" class="attachment-thumbnail" alt="Wikipedia Visualization" title="order3" /></a>
<a href='http://sepans.com/sp/works/wikistalker/attachment/wikistalker_wikipedia_visualization_kafka_bw/' title='Wikistalker_Wikipedia_Visualization_kafka_bw'><img width="150" height="150" src="http://sepans.com/sp/wp-content/uploads/2011/04/Wikistalker_Wikipedia_Visualization_kafka_bw-150x150.jpg" class="attachment-thumbnail" alt="Wikipedia visualization for &#039;Kafka&#039;" title="Wikistalker_Wikipedia_Visualization_kafka_bw" /></a>
<a href='http://sepans.com/sp/works/wikistalker/attachment/wikistalker_wikipedia_visualization_tower_bw/' title='Wikistalker_Wikipedia_Visualization_tower_bw'><img width="150" height="150" src="http://sepans.com/sp/wp-content/uploads/2011/04/Wikistalker_Wikipedia_Visualization_tower_bw-150x150.jpg" class="attachment-thumbnail" alt="Wikipedia visualization for &#039;Tower of Babel&#039;" title="Wikistalker_Wikipedia_Visualization_tower_bw" /></a>
<a href='http://sepans.com/sp/works/wikistalker/attachment/wikistalker_wikipedia_visualization_kierkegaard_bw/' title='Wikistalker_Wikipedia_Visualization_kierkegaard_bw'><img width="150" height="150" src="http://sepans.com/sp/wp-content/uploads/2011/04/Wikistalker_Wikipedia_Visualization_kierkegaard_bw-150x150.jpg" class="attachment-thumbnail" alt="Wikipedia Visualization" title="Wikistalker_Wikipedia_Visualization_kierkegaard_bw" /></a>
<a href='http://sepans.com/sp/works/wikistalker/attachment/wikistalker_wikipedia_visualization_wikipedia/' title='Wikistalker_Wikipedia_Visualization_wikipedia'><img width="150" height="150" src="http://sepans.com/sp/wp-content/uploads/2011/04/Wikistalker_Wikipedia_Visualization_wikipedia-150x150.jpg" class="attachment-thumbnail" alt="Wikipedia visualization" title="Wikistalker_Wikipedia_Visualization_wikipedia" /></a>
<a href='http://sepans.com/sp/works/wikistalker/attachment/s/' title='borges-wikistalker'><img width="150" height="150" src="http://sepans.com/sp/wp-content/uploads/2011/04/s-150x150.png" class="attachment-thumbnail" alt="Wikistalker - Borges" title="borges-wikistalker" /></a>

<p style="text-align: center;"><a style="color: #008000;" title="Try Wikistalker" href="http://sepans.com/wikistalker" target="_blank">Click here to try Wikistalker</a></p>
<p>The initial idea of this project came from the reading of Hubert  Dreyfus&#8217;s book &#8216;On the Internet&#8217; and his existential analysis of the  Internet based on ideas from Kierkegaard, Heidegger and Foucault.</p>
<h3>About user interface:</h3>
<p>You can filter links by their relatedness using the bar and sort them alphabetically or by relevance. A short description and an image of article appears in the middle of the page. For the complete article you can click on &#8216;Article view&#8217; on top.</p>
<p>To navigate you can click on any link that when it is highlighted and either chose &#8216;Go to entry&#8217; in the middle or &#8216;close&#8217; to select another link.</p>
<p>Category View <span style="color: #ff0000;">(New Feature) <span style="color: #000000;">shows how how different links are related to the main article by connecting those which are sharing a category.</span></span></p>
<p><span style="color: #ff0000;"><span style="color: #000000;">Circles on the end of the links are for articles that are mutually linked.</span></span></p>
<p><span style="color: #ff0000;"><span style="color: #000000;"><em>Top image is the visualization of Michel Foucault article with the link to &#8216;Order of the Things&#8217; highlighted.</em><br />
</span></span></p>
]]></content:encoded>
			<wfw:commentRss>http://sepans.com/sp/works/wikistalker/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Backspace</title>
		<link>http://sepans.com/sp/works/backspace/</link>
		<comments>http://sepans.com/sp/works/backspace/#comments</comments>
		<pubDate>Mon, 11 Apr 2011 04:33:35 +0000</pubDate>
		<dc:creator>sepans</dc:creator>
				<category><![CDATA[Works]]></category>
		<category><![CDATA[cyberspace]]></category>
		<category><![CDATA[embodied navigation]]></category>
		<category><![CDATA[kinect]]></category>
		<category><![CDATA[navigation]]></category>
		<category><![CDATA[wikipedia]]></category>

		<guid isPermaLink="false">http://sepans.com/sp/?p=226</guid>
		<description><![CDATA[Is the sister project of Wikistalker. It uses the same concept to arrange Wikipedia links in 3D based on their relatedness to the main article but in this project users can navigate in cyberspace using body gestures captured by Microsoft Kinect. Embodied navigation, information foraging, spatiality of cyberspace and the hierarchy of knowledge in cyberspace [...]]]></description>
			<content:encoded><![CDATA[<p>Is the sister project of <a href="http://sepans.com/wikistalker" target="_blank">Wikistalker</a>. It uses the same concept to arrange Wikipedia links in 3D based on their relatedness to the main article but in this project users can navigate in cyberspace using body gestures captured by Microsoft Kinect.</p>
<p>Embodied navigation, information foraging, spatiality of cyberspace and the hierarchy of knowledge in cyberspace are among the themes studied in this project.</p>
<p>This project is a collaboration with <a href="http://raschin.com" target="_blank">Raschin</a>.</p>
<p><iframe width="640" height="390" src="http://www.youtube.com/embed/n4oMcdK-2kA?rel=0" frameborder="0" allowfullscreen></iframe><br />
<br/><br/></p>
<h3>More Description:</h3>
<div>
<div>
<p>Back-space is an interactive installation exploring the spatiality  of cyberspace in our wanderings and investigations. It tries to bring to  focus our everyday dwelling with huge amount of interconnected  information and the way we move in this space by using hyperlinks.</p>
<p>Spatial distance has always been an obstacle to accessibly. Historically  technological progress has advanced in the direction of reduction or  eliminating distance and erasing the differences between far and near.  This compression of space was first become more noticeable with the  spread of telegraph and railroads. Now cyberspace delivers the ultimate  annihilation of space by making every destination effortlessly  accessible and making every point uniformly distance-less.</p>
<p>I believe access, nearness, distance and perspective play crucial roles  in our ability to comprehend at both cognitive and aesthetic levels.  Distance is a part of the bodily ground for cognition and a primary  force behind element of aesthetic understanding of the world. It helps  us determine what is reachable and reveals what is worth paying  attention to.</p>
<p>Backspace explores how objectifying associations in a representation of  knowledge using hyperlinks affects our interaction with this body of  knowledge. Participants in Backspace use their bodies to do what seems  playful and magical: to navigate Wikipedia by seeking and grabbing  hyperlinks surrounding them in different distances.</p>
<p style="text-align: left;">
In back-space participants stand or move in front of a large projection  screen. Outgoing links from a Wikipedia article are projected for users  in 3D and each link is placed in a distance from user according to its  semantic relevance to the that article. The more relevant they are, the  closer they become to user. Participant’s body is captured using a  Kinect camera and they can interact and grab links by using their body  to navigate in Wikipedia. The effort needed to reach a link is  proportional to the relevance of the link. The content of each article  they visit appears beneath the link cloud as a block of text. By  navigating inside Backspace a city-like structure emerges from the  history of navigation and user can bend to land down and look through  the city they’ve just created.</p>
<p style="text-align: left;">
<div id="attachment_280" class="wp-caption aligncenter" style="width: 541px"><a href="http://sepans.com/sp/wp-content/uploads/2010/11/wikipedia_kinect.jpg"><img class="size-full wp-image-280" title="wikipedia_kinect" src="http://sepans.com/sp/wp-content/uploads/2010/11/wikipedia_kinect.jpg" alt="Backspace - Embodied Wikipedia navigation with Kinect" width="531" height="375" /></a><p class="wp-caption-text">Backspace - Embodied Wikipedia navigation with Kinect</p></div>
<p>Wikipedia is now more than just an encyclopedia. It is an  interconnected representation of knowledge analogues to a limitless  library with uncountable aisles of books, described by Jorge Luis Borges  in his short story ‘Library of Babel’: &#8220;The Library is a sphere whose  exact center is any one of its hexagons and whose circumference is  inaccessible.&#8221; Similar to the library of Babel, any entry of Wikipedia can be  considered as the center of this library, from which, one can wander  forever from one article to another. In the ‘Library of Babel’ Borges  states that the library is total; containing everything representable in  every representational form. The destruction of some volumes of the  library cannot possibly damage the aggregate of knowledge, since the  lost ones can be recreated from its de facto facsimiles. ‘Absence’ is  meaningless in an infinite library.<br />
In a hyperlinked media, being connected is equivalent to being present;  only a disconnected entity is inaccessible and therefore absent. In  Wikipedia, as in Borges’ library of Babel, absence is unimaginable since  all entities are interconnected with every conceivable connection. Even  removing all links to an entry won’t disconnect it since it is still  connected through search engine indices.</p>
</div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://sepans.com/sp/works/backspace/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

