<?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>Philip van Allen</title>
	<atom:link href="http://www.philvanallen.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.philvanallen.com</link>
	<description>interactive designer, educator, photographer</description>
	<lastBuildDate>Tue, 02 Mar 2010 18:07:35 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Quick Introduction to Sound</title>
		<link>http://www.philvanallen.com/tutorials/quick-introduction-to-sound/</link>
		<comments>http://www.philvanallen.com/tutorials/quick-introduction-to-sound/#comments</comments>
		<pubDate>Tue, 02 Mar 2010 05:49:47 +0000</pubDate>
		<dc:creator>Phil</dc:creator>
				<category><![CDATA[tutorials]]></category>

		<guid isPermaLink="false">http://www.philvanallen.com/?p=493</guid>
		<description><![CDATA[Quick Introduction to Sound
This workshop is a quick introduction to working with digital audio. It uses the free, open-source Audacity software. Digital audio software like Audacity shows sound as a waveform, which is a visual representation of the audio over time. Sound can be edited in much the same way that words are edited in [...]]]></description>
			<content:encoded><![CDATA[<h1>Quick Introduction to Sound</h1>
<p>This workshop is a quick introduction to working with digital audio. It uses the free, open-source Audacity software. Digital audio software like Audacity shows sound as a waveform, which is a visual representation of the audio over time. Sound can be edited in much the same way that words are edited in a word processing program &#8211; i.e. by copying, cutting, and pasting, as well as modifying the sound (e.g. EQ or changing volume) which is similar to styling text.</p>
<p><span id="more-493"></span><strong>Getting Started:</strong></p>
<ul>
<li>Download <a href="http://audacity.sourceforge.net/download/beta_mac" target="_blank">Audacity 1.3.11</a></li>
<li>Install the <a href="http://lame.buanzo.com.ar/" target="_blank">MP3 library</a> so you can export in MP3 format</li>
<li>Optionally, install a set of <a href="http://audacity.sourceforge.net/download/beta_mac" target="_blank">LADSPA plug-ins</a> for making sound effects (under optional downloads)</li>
<li>Launch Audacity</li>
<li>Download <a href="http://www.philvanallen.com/wp-content/uploads/2010/03/sounds-for-intro-to-sound.zip">sounds for intro to sound</a></li>
</ul>
<p>For this workshop, set the recording settings: AUDACITY&gt;PREFERENCES&gt;DEVICES&gt;RECORDING&gt;</p>
<ul>
<li>DEVICE: Built-in Microphone</li>
<li>CHANNELS: 1 (Mono)</li>
</ul>
<h2>Make use of the Audacity help system</h2>
<ul>
<li>HELP&gt;QUICK HELP</li>
<li>HELP&gt;MANUAL</li>
</ul>
<h1>Topics</h1>
<h2>Recording &amp; Playback</h2>
<p>Record a short sequence of you saying &#8220;One, Two, Three&#8230; One, Two, Three&#8230;&#8221;</p>
<p>To play back audio, use the green play button, or hit the spacebar. Hold the shift key down when pressing the green button to play back in a continuous loop.</p>
<ul>
<li><a href="http://manual.audacityteam.org/index.php?title=Record" target="_blank">Basic recording info</a></li>
<li><a href="http://manual.audacityteam.org/index.php?title=Tutorial_-_Your_First_Recording" target="_blank">Full recording tutorial</a></li>
<li><a href="http://manual.audacityteam.org/index.php?title=Play" target="_blank">Playing back audio</a></li>
</ul>
<h2>Waveform Editing</h2>
<p>A waveform is a visual representation of sound, where time moves from left to right, and loudness (amplitude) is represented as height.</p>
<p>You can cut, copy, and paste the waveform just as you would in a word-processing application.</p>
<ul>
<li><a href="http://manual.audacityteam.org/index.php?title=Tutorial_-_Basics_Part_1:_Digital_Audio" target="_blank">What is sound</a></li>
<li><a href="http://manual.audacityteam.org/index.php?title=Tutorial_-_Editing_an_Existing_File" target="_blank">Basic editing</a></li>
<li><a href="http://manual.audacityteam.org/index.php?title=Edit_Menu" target="_blank">Edit menu</a></li>
<li><a href="http://manual.audacityteam.org/index.php?title=Audacity_Selection" target="_blank">Selecting parts of a waveform</a></li>
</ul>
<p>Do the following kinds of edits</p>
<ul>
<li><a href="http://manual.audacityteam.org/index.php?title=Editing:_Cut,_Paste,_and_More" target="_blank">Cut to trim the start and end of an audio clip</a>, then use the Trim tool to do the same</li>
<li><a href="http://manual.audacityteam.org/index.php?title=Tutorial_-_Copy_and_paste_a_section_of_audio" target="_blank">Copy and paste</a></li>
<li><a href="http://manual.audacityteam.org/index.php?title=Editing_for_Beginners_-_Silence,_Duplicate_and_Split" target="_blank">Add silence</a></li>
<li><a href="http://manual.audacityteam.org/index.php?title=Normalize" target="_blank">Normalize audio level</a></li>
<li>Fade-in / Fade-out from the <a href="http://manual.audacityteam.org/index.php?title=Effect_Menu" target="_blank">effect menu</a> EFFECT&gt;Fade In EFFECT&gt;Fade Out</li>
</ul>
<h2>Controlling level with the Envelope Tool</h2>
<p>You can change the loudness of the sound as time progress by using the envelope tool. Use it to change the volume of the entire track, or set different points in time, and use the tool to change the volume up or down over time.</p>
<ul>
<li><a href="http://manual.audacityteam.org/index.php?title=Envelope_Tool" target="_blank">Envelope Tool</a></li>
</ul>
<h2>Working with Multiple Tracks</h2>
<p>To create a mix of several different sounds, you can create multiple tracks in Audacity. Each track will contain a different sound, and you can control where in time each sound plays, and what the volume relationships are between the multiple tracks.</p>
<ul>
<li>Use TRACKS&gt;ADD NEW&gt;AUDIO TRACK to create a new, empty track OR Record a new track</li>
<li><a href="http://manual.audacityteam.org/index.php?title=Track_Drop-Down_Menu" target="_blank">The TRACK MENU</a></li>
<li>Use the Time Shift Tool to move audio left and right in time to match up with another track</li>
<li><a href="http://manual.audacityteam.org/index.php?title=Mixing" target="_blank">Mixing</a></li>
<li>Use mute and solo</li>
<li>Use track volume and pan</li>
<li><a href="http://manual.audacityteam.org/index.php?title=Auto_Duck" target="_blank">Auto Duck</a></li>
</ul>
<h2>Effects</h2>
<ul>
<li><a href="http://manual.audacityteam.org/index.php?title=Equalization" target="_blank">EQ</a> &#8211; Change the tone of the sound &#8211; e.g. bass, mid, treble</li>
<li><a href="http://manual.audacityteam.org/index.php?title=Change_Pitch" target="_blank">Pitch change</a> &#8211; Change the pitch of a selection without changing the length of the sound</li>
<li><a href="http://manual.audacityteam.org/index.php?title=Change_Tempo" target="_blank">Tempo change</a> &#8211; Change the length of a selection without changing the pitch of the sound</li>
<li><a href="http://manual.audacityteam.org/index.php?title=Effects_for_Beginners_-_1_-_Reverbs" target="_blank">Reverb</a> &#8211; Add the on the characteristics of a room to your sound</li>
<li>Etc.</li>
</ul>
<h2>Outputing final audio</h2>
<ul>
<li><a href="http://manual.audacityteam.org/index.php?title=Digital_Audio" target="_blank">Sample Rate &amp; Sample Format (Bit Depth)</a></li>
<li>Stereo/Mono and file size</li>
<li>Using left and right channel panning creatively</li>
<li>Audio formats: .wav, .aiff, .mp3</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.philvanallen.com/tutorials/quick-introduction-to-sound/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>It&#8217;s not a laptop, it&#8217;s a SLAB &#8211; What people are missing about the iPad</title>
		<link>http://www.philvanallen.com/news/its-not-a-laptop-what-people-are-missing-about-the-ipad/</link>
		<comments>http://www.philvanallen.com/news/its-not-a-laptop-what-people-are-missing-about-the-ipad/#comments</comments>
		<pubDate>Thu, 28 Jan 2010 23:27:11 +0000</pubDate>
		<dc:creator>Phil</dc:creator>
				<category><![CDATA[ideas]]></category>
		<category><![CDATA[news]]></category>
		<category><![CDATA[book]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[ipad]]></category>
		<category><![CDATA[laptop]]></category>
		<category><![CDATA[multi-touch]]></category>
		<category><![CDATA[newspaper]]></category>
		<category><![CDATA[object]]></category>
		<category><![CDATA[screen]]></category>
		<category><![CDATA[slab]]></category>
		<category><![CDATA[tangible]]></category>
		<category><![CDATA[ubiquitous computing]]></category>

		<guid isPermaLink="false">http://www.philvanallen.com/?p=465</guid>
		<description><![CDATA[A lot of doubters are making a classic mistake in evaluating Apple&#8217;s iPad. They did the same thing after the initial announcement for the iPhone, or for that matter the Toyota Prius. The mistake is thinking in terms of existing categories and value propositions. For the iPad, the doubt seems to boil down to: &#8220;I [...]]]></description>
			<content:encoded><![CDATA[<p>A lot of doubters are making a classic mistake in evaluating <a href="http://www.apple.com/ipad/" target="_self">Apple&#8217;s iPad</a>. <strong>They did the same thing after the initial announcement for the iPhone, or for that matter the Toyota Prius. </strong>The mistake is thinking in terms of existing categories and value propositions. For the iPad, the doubt seems to boil down to: &#8220;I don&#8217;t like it because it doesn&#8217;t fit my ideal for a great laptop.&#8221; The critiques don&#8217;t always state it those terms, but I think that&#8217;s where it&#8217;s coming from. No camera, no keyboard, no multi-tasking, no Flash (okay, actually Safari on the iPad really <em>does</em> need that), etc. &#8211; these are standard expectations for a laptop.</p>
<p>And the doubters are right, <strong>for those of us who want a cool, small, OS X laptop thing, </strong><strong>the iPad does <em>not</em></strong><strong> hit the mark</strong> (of course, as the iPad matures it will get many of these things &#8211; the inevitable 4.0 release of the iPhone OS will likely address the multitasking and app organization issues. And maybe Adobe and Apple will finally make nice for the Flash plug-in. And the 2011 version will have a camera etc.).</p>
<p><strong>But people who want a better laptop aren&#8217;t the target audience for the iPad</strong>. Just like people who wanted a better Blackberry weren&#8217;t the target audience for the original iPhone. And people who wanted a green-washed sports-car were not the target audience for the Prius. Guess what? These products were a success anyway, because they met a new need and found a new audience.</p>
<p>So what is the iPad? Well, that remains to be seen. It will evolve in the next year as developers turn the iPad into a range of completely new things that, once they exist, will be essential for many people. To start all this off, Apple gives us the basic foundation and a decent value proposition:</p>
<ul>
<li>Read rich media books/magazines/newspapers</li>
<li>Comfortably browse the web</li>
<li>Use interactive textbooks and other learning material</li>
<li>Work with personal media (photos, music, video)</li>
<li>Play games</li>
<li>Shift low-intensity computer stuff <em>off</em> the computer (email, todo lists, calendars, presentations, note taking, etc.)</li>
<li>And as an add-on value, provide an admittedly compromised level of computer substitution for word processing, spreadsheets, etc. so we don&#8217;t always have to drag around a laptop.</li>
</ul>
<p><strong>That alone is a pretty good deal for $500</strong>. But what will come, and will likely make the iPad a major success, is a range of new apps that<strong> turn the iPad into an incredible device for doing more specific kinds of activities</strong>. For example, recording a song &#8211; it can be a <a href="http://www.sweetwater.com/store/detail/MasterCont/" target="_blank">complete recording system</a> and<a href="http://www.jazzmutant.com/lemur_overview.php" target="_blank"> tangible interface</a> with <a href="http://www.sonomawireworks.com/iphone/fourtrack/" target="_blank">faders, knobs, transport controls, etc</a>. Or as remote control for <a href="http://icontrol.com/connected_life/" target="_blank">your house</a> and<a href="http://thinkflood.com/products/redeye/how-does-it-work/" target="_blank"> entertainment system</a>. Or as a <a href="http://brushesapp.com/" target="_blank">painting canvas</a>. Or as a device that sits next to, and is an adjunct to your computer -<a href="http://www.wacom.com/cintiq/index.php" target="_blank"> wacom tablet</a>, todo list, email, <a href="http://www.artlebedev.com/everything/optimus-tactus/" target="_blank">application switcher</a>, etc. Or to organize your genealogy. Or to do <a href="http://www.scrapbook.com/" target="_blank">scrapbooking</a> (really, this could sell a millions units alone). Or plan a trip. Or <a href="http://www.osirix-viewer.com/iphone/" target="_blank">evaluate X-Rays</a> at your patient&#8217;s bedside&#8230; You get the idea.</p>
<p><strong>I call these devices </strong><strong>Slabs</strong>. The iPad, iPhone, Andriod, etc. are generic platforms that, via an app, turn into a product. And <strong>a 10&#8243; Slab with multi-touch surface can be a lot of different products</strong>.</p>
<p>More to come in the following days on my thoughts about SLABS, SOFTDUCTS, and BESPOKE OBJECTS.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.philvanallen.com/news/its-not-a-laptop-what-people-are-missing-about-the-ipad/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Designer&#8217;s introduction to programming</title>
		<link>http://www.philvanallen.com/news/designers-introduction-to-programming/</link>
		<comments>http://www.philvanallen.com/news/designers-introduction-to-programming/#comments</comments>
		<pubDate>Thu, 21 Jan 2010 21:13:01 +0000</pubDate>
		<dc:creator>Phil</dc:creator>
				<category><![CDATA[news]]></category>
		<category><![CDATA[tutorials]]></category>

		<guid isPermaLink="false">http://www.philvanallen.com/?p=385</guid>
		<description><![CDATA[This tutorial introduces basic programming concepts using the Scratch language, and was developed to support a live workshop I give to my design students (so it doesn&#8217;t have the complete explanations that I give in person). I&#8217;ve found that because Scratch is a visual programming language, designers pick up programming concepts faster with it. This [...]]]></description>
			<content:encoded><![CDATA[<p>This tutorial introduces basic programming concepts using the <a href="http://scratch.mit.edu/" target="_blank">Scratch language</a>, and was developed to support a live workshop I give to my design students (so it doesn&#8217;t have the complete explanations that I give in person). I&#8217;ve found that because Scratch is a visual programming language, designers pick up programming concepts faster with it. This is especially true because of the slow single stepping feature of Scratch, which allows the user to watch each line of code work while the code executes.</p>
<p>You should go through all the Scratch examples first to understand the concepts. Then go back and apply the concepts in Flash ActionScript 3.</p>
<h2><span id="more-385"></span>Introduction</h2>
<p>We&#8217;ll first cover the basic concepts of programming using Scratch, a visual programming language. Scratch allows you to create programs without writing any code. Instead, you snap together programming blocks (kind of like Lego) to accomplish the task you want. Learning concepts this way allows you to concentrate on the actual concepts rather than getting bogged down with the spelling and syntax of traditional programming languages.</p>
<ul>
<li><a href="http://info.scratch.mit.edu/Scratch_1.4_Download" target="_blank">Download Scratch 1.4</a></li>
<li><a href="http://info.scratch.mit.edu/sites/infoscratch.media.mit.edu/files/file/ScratchGettingStartedv14.pdf" target="_blank">Getting Started with Scratch v1.4</a> (PDF)</li>
<li><a href="http://people.artcenter.edu/~vanallen/intro_programming/scratch_concepts.pdf">Scratch Concepts</a> (PDF)</li>
<li><a href="http://info.scratch.mit.edu/sites/infoscratch.media.mit.edu/files/file/ScratchReferenceGuide14.pdf" target="_blank">Scratch Reference Guide v1.4</a> (PDF)</li>
<li><a href="http://www.youtube.com/watch?v=jxDw-t3XWd0#t=1m34s" target="_blank">Video introduction</a> (starting @ 1minute:34seconds into the movie)</li>
</ul>
<p>Once you&#8217;ve gotten a feel for the programming concepts using Scratch, we&#8217;ll switch to Flash ActionScript and apply these same concepts to a traditional programming language. ActionScript is similar to JavaScript and uses the same syntax. For this workshop, we&#8217;ll be using <strong>ActionScript version 3</strong>.</p>
<p>We&#8217;ll cover the following concepts, first in Scratch, then in Flash ActionScript:</p>
<ul>
<li><strong>Program sequence</strong> &#8211; actions happen in a particular order</li>
<li><strong>Event handling</strong> &#8211; do something when something else happens</li>
<li><strong>Loops</strong> &#8211; doing something over and over again</li>
<li><strong>Conditional statements (if and if-else)</strong> &#8211; decision making &amp; logic</li>
<li><strong>Variables</strong> &#8211; remember things over time</li>
</ul>
<p>In the future, I may do another workshop on the following topics</p>
<ul>
<li><strong>Arrays</strong> &#8211; lists of things</li>
<li><strong>Randomness</strong></li>
<li><strong>Communication</strong> between objects</li>
</ul>
<p>Before we start, watch the <a href="http://www.youtube.com/watch?v=jxDw-t3XWd0#t=1m34s" target="_blank">video introduction</a> from the Scratch site &#8211; apologies for the &#8220;kid&#8221; tone of the video.</p>
<p>Also note the following features of Scratch and the diagram below:</p>
<ul>
<li>there are three major parts of the Scratch environment: the <strong>Blocks Palette</strong>, the <strong>Script Area</strong>, and the <strong>Stage</strong></li>
<li>when creating a program, <strong>you are applying that program to the currently selected sprite</strong> (graphic on the stage) &#8211; so double click on a sprite and then drag programming blocks from the Blocks Palette to the Script area to apply a script to that sprite.</li>
<li>to create a sequence of blocks &#8211; i.e. a script &#8211; snap together blocks in the script area by dragging one block onto another block</li>
<li>right click on any object for options, including help for any programming block.</li>
<li>click on a set of blocks in the scripts area to run it</li>
<li>to delete a programming block from the Script Area, drag it back to the Blocks Palette (or right click and select delete)</li>
</ul>
<p><img class="alignnone size-full wp-image-388" title="scratch_interface" src="http://www.philvanallen.com/wp-content/uploads/2010/01/scratch_interface.png" alt="" width="700" height="424" /></p>
<h2>
<hr size="1" />Program sequence &#8211; Actions happen in a certain order</h2>
<p><strong>Concept in Scratch</strong><br />
Programs are composed of a series of actions arranged in a particular order. The order of actions is very important, because one action may depend on another action occuring first. For example in Scratch, if you want to play a sound note, it is important to set the particular instrument you want <strong>before</strong> you play a note. Otherwise, the program will play whatever the default instrument is. To visually see the progress through the sequence of program blocks, click on the Edit button at the top of the screen, and select &#8220;Set Single Stepping&#8230;&#8221;, and then select &#8220;Flash Blocks&#8221;. This will execute each step of the program at a slow speed so you can see what&#8217;s happening.</p>
<p>Once you&#8217;ve watched it &#8220;step&#8221; through the code a few times, re-order the code (e.g. put the &#8220;say hello&#8221; first) and then step through the code again and see what happens.</p>
<p><a href="http://www.philvanallen.com/wp-content/uploads/2010/01/setsinglestep.png"><img class="alignnone size-full wp-image-404" title="setsinglestep" src="http://www.philvanallen.com/wp-content/uploads/2010/01/setsinglestep.png" alt="" width="200" height="132" /></a> <a href="http://www.philvanallen.com/wp-content/uploads/2010/01/singlestepspeed.png"><img class="alignnone size-full wp-image-406" title="singlestepspeed" src="http://www.philvanallen.com/wp-content/uploads/2010/01/singlestepspeed.png" alt="" width="221" height="132" /></a></p>
<h3><strong>Scratch Examples:</strong></h3>
<p><a href="http://www.philvanallen.com/wp-content/uploads/2010/01/sequence1.png"><img class="alignnone size-full wp-image-409" title="sequence1" src="http://www.philvanallen.com/wp-content/uploads/2010/01/sequence1.png" alt="" width="144" height="65" /></a> <a href="http://www.philvanallen.com/wp-content/uploads/2010/01/sequence2.png"><img class="alignnone size-full wp-image-410" title="sequence2" src="http://www.philvanallen.com/wp-content/uploads/2010/01/sequence2.png" alt="" width="183" height="83" /></a></p>
<h3>ActionScript 3 Examples:</h3>
<p><strong>Example 1</strong></p>
<pre>trace("step 1");
trace("step 2");
trace("step 3");
trace("step 4");</pre>
<p><strong>Example 2 &#8211; requires a movieclip on stage with an instance name of myMovieClip</strong></p>
<pre>myMovieClip.x += 20;
myMovieClip.rotation += 15;
trace("Hello");</pre>
<h2>
<hr size="1" />Event Handling &#8211; Performing an action when something happens</h2>
<p>When programming for interaction, the most basic programming approach is to respond to the user&#8217;s interactions &#8211; i.e. a mouse click, pressing a button, walking in front of a screen. In programming terms, these interactions are thought of as <strong>events</strong>. Flash ActionScript and similar languages provide a standard way to perform an action when an event happens. In Scratch, you can use the &#8220;When Sprite Clicked&#8221; control block to handle the event where the user clicks on a graphic.</p>
<h3>Scratch Examples:</h3>
<p><a href="http://www.philvanallen.com/wp-content/uploads/2010/01/event1.png"><img class="alignnone size-full wp-image-407" title="event1" src="http://www.philvanallen.com/wp-content/uploads/2010/01/event1.png" alt="" width="184" height="125" /></a> <a href="http://www.philvanallen.com/wp-content/uploads/2010/01/event2.png"><img class="alignnone size-full wp-image-408" title="event2" src="http://www.philvanallen.com/wp-content/uploads/2010/01/event2.png" alt="" width="180" height="112" /></a></p>
<hr size="1" />
<h3>ActionScript 3 Examples:</h3>
<p>In ActionScript 3, responding to events seems complicated (especially when compared to ActionScript 2), but actually just requires more typing. The concept is that once you have given an object an instance name, it can be told to listen for events using the addEventListener() function. This function needs the name of the event you want to listen to, and the name of the function that should be executed when the event occurs. You then create a function with that name that contains the code you want run when the event occurs.</p>
<p>Note: If you are using a movieClip instead of a button, you will need to set the movieClip.buttonMode property to true so the cursor changes to a hand on rollover.</p>
<p><strong>Example 1 &#8211; requires a button symbol on stage with an instance name of myMovieClip</strong></p>
<pre>myMovieClip.addEventListener(MouseEvent.CLICK,onClick);
// myMovieClip.buttonMode = true; // you only need this if using a movieClip rather than a button

function onClick(event) {
	myMovieClip.x += 20;
	myMovieClip.rotation += 15;
	trace("Hello");
}</pre>
<p><strong>Example 2</strong></p>
<pre>stage.addEventListener(KeyboardEvent.KEY_DOWN, onKey);

function onKey(event) {
	if (event.keyCode == Keyboard.SPACE) {
		myMovieClip.x += 20;
		myMovieClip.rotation += 15;
		trace("Hello");
	}
}</pre>
<p>(see <a href="http://livedocs.adobe.com/flash/9.0/ActionScriptLangRefV3/flash/ui/Keyboard.html" target="_blank">this adobe docs page</a> for a complete list of the keyCodes)</p>
<p><strong>Example 3 &#8211; requires that there be two button symbols on the stage with instance names of leftArrow and rightArrow respectively. In addition, there should be a keyframe at frame 1 named &#8220;page1&#8243;, and a keyframe at frame 5 (or where-ever) named &#8220;page2&#8243;.</strong></p>
<p>Example 3 completed Flash file: <a href="http://www.philvanallen.com/wp-content/uploads/2010/01/events.fla_.zip">events.fla</a></p>
<pre>leftArrow.addEventListener(MouseEvent.CLICK,goPage1);

function goPage1(event) {
	gotoAndStop("page1");
}

rightArrow.addEventListener(MouseEvent.CLICK,goPage2);

function goPage2(event) {
	gotoAndStop("page2");
}</pre>
<h2>
<hr size="1" />Loops &#8211; Perform an action over and over again</h2>
<p>Many programming tasks require doing something over and over again. Looping structures enclose a series of actions and repeat them. For example, if you want to animate a graphic (sprite) across the screen, you would use a loop to do this &#8211; moving the sprite say 10 pixels each time through the loop. Looping also means that the program runs on its own for a while, without user interaction.</p>
<h3>Scratch Examples:</h3>
<p><a href="http://www.philvanallen.com/wp-content/uploads/2010/01/loop2.png"><img class="alignnone size-full wp-image-417" title="loop2" src="http://www.philvanallen.com/wp-content/uploads/2010/01/loop2.png" alt="" width="147" height="108" /></a> <img class="alignnone size-full wp-image-416" title="loop1" src="http://www.philvanallen.com/wp-content/uploads/2010/01/loop1.png" alt="" width="148" height="114" /></p>
<hr size="1" />
<h3>ActionScript 3 Examples:</h3>
<p><strong>Example 1</strong></p>
<pre>myMovieClip.addEventListener(MouseEvent.ROLL_OVER,onOver);

function onOver(event) {
	for (var i=0;i&lt;10;i++) {
		myMovieClip.x += 10;
	}
}</pre>
<p><strong>Example 2</strong></p>
<pre>myMovieClip.addEventListener(Event.ENTER_FRAME,onEnter);

function onEnter(event) {
	myMovieClip.x += 10;
}</pre>
<h2>
<hr size="1" />Conditionals &#8211; Making decisions and controlling the flow of the program sequence</h2>
<p>As the complexity of the program behavior increases, the software will need the ability to make decisions and perform different actions based on those decisions. For example, if you want a graphic to reverse direction when it hits the edge of the screen, your code will need to check the current position and decide if it is beyond the edge. If it is, it will need to reverse direction. To see these if statements in action, turn on the &#8220;<strong>single step</strong>&#8221; mode to watch as the code makes a decision and follows a different sequence of actions as it reaches the edge of the screen.</p>
<h3>Scratch Examples:</h3>
<p><a href="http://www.philvanallen.com/wp-content/uploads/2010/01/conditional1.png"><img class="alignnone size-full wp-image-419" title="conditional1" src="http://www.philvanallen.com/wp-content/uploads/2010/01/conditional1.png" alt="" width="179" height="95" /></a> <a href="http://www.philvanallen.com/wp-content/uploads/2010/01/conditional2.png"><img class="alignnone size-full wp-image-420" title="conditional2" src="http://www.philvanallen.com/wp-content/uploads/2010/01/conditional2.png" alt="" width="206" height="192" /></a></p>
<hr size="1" />
<h3>ActionScript 3 Examples:</h3>
<pre>myMovieClip.addEventListener(Event.ENTER_FRAME,onEnter);

function onEnter(event) {
	if (myMovieClip.x &lt; 500) {
		myMovieClip.x += 10;
	}
}</pre>
<p><strong>Example 2</strong></p>
<pre>myMovieClip.addEventListener(Event.ENTER_FRAME,onEnter);

function onEnter(event) {
	var clip = event.currentTarget

	// check to see if we are at the right or left edge
	if (clip.x &gt; 500) { // right edge
		clip.rotation = 180;
	} else if (clip.x &lt; 0) { // left edge
		clip.rotation = 0;
	}

	// go in the direction we are pointing
	if (clip.rotation == 0) { // pointing to the right
		clip.x += 10;
	} else { // pointing to the left
		clip.x -= 10;
	}
}</pre>
<h2>
<hr size="1" />Variables &#8211; Storing information over time</h2>
<p>In most projects, it&#8217;s important to store information such as numbers or some text. Variables provide the mechanism to not only store, but to change information as the program progresses through time. For example, in a game, the score starts out at zero, and each time the user does the right thing, the score is increased. A variable will hold the initial value (or be initialized to it), and then that value will be increased (or decreased) as an effect of a user action. Variables are how a program keeps track of the current score or other information that it needs to reference.</p>
<h3>Scratch Examples:</h3>
<p>Create two sprites on the stage, called Sprite1 and Sprite2. Then go to the Variables panel, and &#8220;Make a variable&#8221; called &#8220;counter&#8221;. Then double click on each sprite and add the following programs to the appropriate sprite, where Sprite1 adds 1 to counter, and Sprite2 subtracts one from counter.</p>
<p><img src="http://people.artcenter.edu/~vanallen/intro_programming/images/variables1.gif" alt="variables 1" width="152" height="63" /> <img src="http://people.artcenter.edu/~vanallen/intro_programming/images/variables2.gif" alt="variables 2" width="158" height="62" /></p>
<hr size="1" />
<h3>ActionScript 3 Examples:</h3>
<p><strong>Example 1 &#8211; These two examples require that there be two buttons or movieclips with instance names of &#8220;sprite1&#8243; and &#8220;sprite2&#8243; respectively.</strong></p>
<pre>var counter = 0;

sprite1.addEventListener(MouseEvent.CLICK,addOne);
sprite2.addEventListener(MouseEvent.CLICK,subtractOne);

function addOne(event) {
	counter++;
	trace(counter);
}

function subtractOne(event) {
	counter--;
	trace(counter);
}</pre>
<p><strong>Example 2 &#8211; This example requires that a dynamic text field be on the stage with the instance name of &#8220;showCounter&#8221;</strong></p>
<pre>var counter = 0;
showCounter.text = counter;

sprite1.addEventListener(MouseEvent.CLICK,addOne);
sprite2.addEventListener(MouseEvent.CLICK,subtractOne);

function addOne(event) {
	counter++;
	showCounter.text = counter;
}

function subtractOne(event) {
	counter--;
	showCounter.text = counter;
}</pre>
<p><strong>Example 3 &#8211; This example uses only one function to accomplish both addition and subtraction by giving the sprite objects a score value in a variable called changeByScore, and using that to change the score. The technique of giving an object new variables only works with movieClips, not buttons. So if you used buttons in the previous example, open the property inspector and change the sprite symbols to &#8220;Movie Clip&#8221;  instead of &#8220;Button&#8221;.</strong></p>
<pre>var counter = 0;
showCounter.text = String(counter);

sprite1.addEventListener(MouseEvent.CLICK,changeScore);
sprite1.changeScoreBy = 1

sprite2.addEventListener(MouseEvent.CLICK,changeScore);
sprite2.changeScoreBy = -1

function changeScore(event) {

	// get the object that called this function
	var clip = event.currentTarget

	// change the counter by the amount stored in that object's changeByScore variable
	counter += clip.changeScoreBy;

	// display the current value of the counter variable
	showCounter.text = counter;
}</pre>
<div>
<div><span style="font-family: Consolas, Monaco, 'Courier New', Courier, monospace; font-size: small;"><br />
</span></div>
<h2>
<hr size="1" /></h2>
<h2>Collision Detection &#8211; Testing for when two graphics touch</h2>
<p>Collision detection is the programming term for detecting when one graphic on the screen touches another graphic. That is, have the  collided? Most commonly used for games to find out if things have hit each other (e.g. a bomb hitting a spaceship), it can also be used to find out of a user has dragged one graphic onto another in an interactive interface.</p>
<h3>Scratch Examples:</h3>
<p>Create two sprites on the stage named Sprite1 and Sprite2, and add the following script to the first one. You&#8217;ll see that when you drag one of the sprites onto the other, the thought bubble will indicate if they are touching or not.</p>
<p><a href="http://www.philvanallen.com/wp-content/uploads/2010/01/touching_script.png"><img class="alignnone size-full wp-image-461" title="touching_script" src="http://www.philvanallen.com/wp-content/uploads/2010/01/touching_script.png" alt="" width="215" height="129" /></a></p>
<hr size="1" />
<h3>ActionScript 3 Examples:</h3>
<p>This example expects two movieClips on the stage, called sprite1 and sprite2 respectively. It also assumes a dynamic text object called showStatus. This example also introduces a method for allowing the user to drag and drop a movieClip on the stage. The function for detecting if there is a collision is hitTestObject(), which in this example checks the dragged movieClip &#8220;clip.&#8221; against the fixed clip &#8220;sprite1&#8243;.</p>
<p>The dragging code works by setting up an event listener for mouse_down and mouse_up to start and stop the dragging for that clip, respectively.</p>
<p>Example flash file: <a href="http://www.philvanallen.com/wp-content/uploads/2010/01/collision.fla_.zip">collision.fla</a></p>
<pre>showStatus.text = "";

sprite1.addEventListener(MouseEvent.MOUSE_DOWN, dragIt);
sprite1.addEventListener(MouseEvent.MOUSE_UP, dropIt);
sprite1.addEventListener(Event.ENTER_FRAME,showCollision);

function dragIt(event) {
	// get the object that called this function
	var clip = event.currentTarget

	// Enable the moveClip to be dragged
	clip.startDrag(true);
}

function dropIt(event) {
	// get the object that called this function
	var clip = event.currentTarget

	// Disable dragging
	clip.stopDrag();
}

function showCollision(event) {
	// get the object that called this function
	var clip = event.currentTarget

	// check to see if the dragged sprite is touching the fixed sprite
	if (clip.hitTestObject(sprite2)) {
		showStatus.text = "Touching...";
	} else {
		showStatus.text = "Not Touching...";
	}
}</pre>
<hr size="1" />
<h2>Create a game</h2>
<ul>
<li>Make a simple game where sprites fall from top to bottom, some one color, some a different color</li>
<li>Make black bar-shaped sprite move back and forth at the bottom of the screen when the left and right arrow keys are pressed</li>
<li>Change the score so that one color of falling sprite increases the score, and the other color sprite decreases the score when the bar and the sprites hit.</li>
</ul>
</div>
<p>Programming tasks</p>
<ol>
<li>Initialize the score to 0 when the game starts</li>
<li>Make the sprites fall</li>
<li>Make the sprites cycle back to the top of the screen when they reach they bottom of the screen</li>
<li>Make the bar move back and forth when the left and right arrow keys are pressed</li>
<li>Make the sprites check to see if they have collided with the bar
<ol>
<li>if they have, add or subtract from the score</li>
<li>move the sprite back to the top of the screen</li>
</ol>
</li>
<li>Display the current score</li>
</ol>
<div>
<p>Download the finished game in Scratch: <a href="http://www.philvanallen.com/wp-content/uploads/2010/01/game.sb_.zip">game.sb</a>, or Flash: <a href="http://www.philvanallen.com/wp-content/uploads/2010/01/game.fla_.zip">game.fla</a></p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.philvanallen.com/news/designers-introduction-to-programming/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
<enclosure url="http://people.artcenter.edu/~vanallen/intro_programming/scratch_tutorial.mov" length="17538366" type="video/quicktime" />
		</item>
		<item>
		<title>Sketching in Hardware 2009</title>
		<link>http://www.philvanallen.com/news/sketching-in-hardware-2009/</link>
		<comments>http://www.philvanallen.com/news/sketching-in-hardware-2009/#comments</comments>
		<pubDate>Sun, 02 Aug 2009 00:08:53 +0000</pubDate>
		<dc:creator>Phil</dc:creator>
				<category><![CDATA[news]]></category>

		<guid isPermaLink="false">http://www.philvanallen.com/?p=325</guid>
		<description><![CDATA[I&#8217;m back from London and the Sketching09 conference that focused on the practice of &#8220;sketching in hardware,&#8221; i.e. making quick interactive hardware prototypes as a way to explore a design direction. Lots of great ideas and work presented. A few highlights:

Conference organizer and ThingM partner Mike Kuniavsky&#8217;s talk &#8220;Read Write Material Culture&#8221; proposed that only [...]]]></description>
			<content:encoded><![CDATA[<p>I&#8217;m back from London and the <a href="http://sketching09.com/" target="_blank">Sketching09</a> conference that focused on the practice of &#8220;sketching in hardware,&#8221; i.e. making quick interactive hardware prototypes as a way to explore a design direction. Lots of great ideas and work presented. A few highlights:</p>
<ul>
<li>Conference organizer and <a href="http://thingm.com/" target="_blank">ThingM</a> partner Mike Kuniavsky&#8217;s talk &#8220;<a href="http://www.orangecone.com/archives/2009/07/readwrite_mater.html" target="_blank">Read Write Material Culture</a>&#8221; proposed that only the 20th century was mostly Read-only, where before that and emerging in the 21st century, <strong>production can be local and accessible to many makers</strong>. The economics of industrial production pushed individuals away from making, but the emergence of new technologies and tools (e.g. web-based distribution, 3D printing, open-source hardware and software toolkits) make it once again possible for individuals to produce things and make a living at it.</li>
<li>Ed Baafi of <a href="http://l2ttl2.wordpress.com/" target="_blank">Learn 2 Teach, Teach 2 Learn</a> and the <a href="http://fab.cba.mit.edu/" target="_blank">Boston FabLab</a> demoed a web-based visual programming system for putting code on the Arduino. Using the same approach as Scratch, users can drag-and-drop programming structures and watch them run while the hardware responds. Once the code is finished, the system will download compiled code to the Arduino so it can run un-tethered. He hopes to release a beta version soon.</li>
<li>Along these same lines, David Zicarelli founder of <a href="http://www.cycling74.com/products/max5" target="_blank">MAX/MSP</a> maker <a href="http://www.cycling74.com/" target="_blank">Cycling74</a> demoed a project where users can create a patch in MAX, and it will run on the Arduino, either tethered or downloaded and un-tethered.</li>
<li><a href="http://andreknoerig.de/" target="_blank">André Knörig</a> demoed <a href="http://fritzing.org/" target="_blank">Frizting</a>, a web-based system for visualizing hardware prototypes with the Arduino and other microcontrollers. Once diagramed, the circuit can be shared, and most importantly, Frizting will generate the layout for a printed circuit board (PCB), so you can turn your idea into a more formal project that can be manufactured.</li>
<li>Jan Borchers of <a href="http://hci.rwth-aachen.de/tiki-index.php" target="_blank">The Media Computing Group at RWTH Aachen University</a> showed his <a href="http://hci.rwth-aachen.de/luminet" target="_blank">Luminet</a> project, which is a system of intelligent nodes that talk to each other, and are programmed by infecting the network of Luminet nodes, where the code jumps from one node to the next.</li>
</ul>
<p><a href="http://sketching09.wikispaces.com/presentations" target="_blank">Slides for many of the presentations are here</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.philvanallen.com/news/sketching-in-hardware-2009/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>John Maeda is wrong about design</title>
		<link>http://www.philvanallen.com/news/john-maeda-is-wrong-about-design/</link>
		<comments>http://www.philvanallen.com/news/john-maeda-is-wrong-about-design/#comments</comments>
		<pubDate>Tue, 09 Jun 2009 18:37:41 +0000</pubDate>
		<dc:creator>Phil</dc:creator>
				<category><![CDATA[ideas]]></category>
		<category><![CDATA[news]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[productive interaction]]></category>

		<guid isPermaLink="false">http://www.philvanallen.com/?p=304</guid>
		<description><![CDATA[A couple days ago, RISD president John Maeda tweeted that &#8220;Design is a solution to a problem. Art is a question to a problem.&#8221; Perhaps he was kidding, but I have to object. To me, good design raises new questions. If designers simply solve problems, we deaden design and culture by making things that operate [...]]]></description>
			<content:encoded><![CDATA[<p>A couple days ago, RISD president <a href="http://www.risd.edu/president/" target="_blank">John Maeda</a> tweeted that &#8220;<a href="http://twitter.com/johnmaeda/statuses/2057122807" target="_blank">Design is a solution to a problem. Art is a question to a problem.&#8221;</a> Perhaps he was kidding, but I have to object. To me, <strong>good design raises new questions</strong>. If designers simply solve problems, we deaden design and culture by making things that operate at the most mundane level. Instead, we should create things that inspire, challenge, provoke, surprise, satisfy, engage and open up opportunities. The best <strong>design changes the context around it and allows people to see and feel the world in a new way</strong>. What problem did the <a href="http://en.wikipedia.org/wiki/Porsche_356" target="_blank">Porsche 356</a> solve? What is the impact of the new <a href="http://www.arcspace.com/architects/koolhaas/Seattle/" target="_blank">Seattle Public Library</a>? Why is the <a href="http://www.apple.com/iphone/" target="_blank">iPhone</a> important? What&#8217;s interesting about <a href="http://www.paulascher.com/" target="_blank">Paula Scher</a>&#8217;s posters? What makes a great hammer?</p>
<p>Each of these play a role in people&#8217;s lives with broad effects in terms of activities, emotions, thinking, tactility, social interactions, creativity, work, play, and more. Even the &#8220;functional&#8221; hammer does more than solve the problem of putting nails into wood &#8211; it feels right in the hand, it gains a patina over time that makes it personal, in a pinch it will open a beer bottle, and you can use it to <a href="http://douglastool.com/index.php?main_page=product_reviews&amp;products_id=7&amp;zenid=cn1lcni2fi94kjf9r3g6p12nr5" target="_blank">repair a church after Katrina</a>.</p>
<p>In particular, if we think about Interactive Design,<strong> the highest goal should be to empower people to create their own meaning spaces</strong>, not solve pre-determined problems or even make great experiences. As I&#8217;ve discussed in my <a href="http://productiveinteraction.com/" target="_blank">Productive Interaction</a> paper and in <a href="http://www.amazon.com/dp/0979349508?tag=philivanallen-20&amp;camp=14573&amp;creative=327641&amp;linkCode=as1&amp;creativeASIN=0979349508&amp;adid=1DNCQB7HNE35TGHCQSDJ&amp;" target="_blank">The New Ecology of Things</a>, design plays a greater role than serving tasks and solving problems. The things in our lives communicate, create social exchanges, and enable us to manipulate both the tangible and the idea. They afford creative abuse and invention. <strong>Forget solving problems, design things to be productive, embodied, mythological, meaningful</strong>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.philvanallen.com/news/john-maeda-is-wrong-about-design/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>the implicit web &#8211; a new trend</title>
		<link>http://www.philvanallen.com/news/the-implicit-web-a-new-trend/</link>
		<comments>http://www.philvanallen.com/news/the-implicit-web-a-new-trend/#comments</comments>
		<pubDate>Mon, 27 Apr 2009 21:29:44 +0000</pubDate>
		<dc:creator>Phil</dc:creator>
				<category><![CDATA[ideas]]></category>
		<category><![CDATA[news]]></category>
		<category><![CDATA[Add new tag]]></category>
		<category><![CDATA[computational design]]></category>
		<category><![CDATA[implicit web]]></category>
		<category><![CDATA[productive interaction]]></category>
		<category><![CDATA[tags]]></category>

		<guid isPermaLink="false">http://www.philvanallen.com/?p=208</guid>
		<description><![CDATA[I just read a couple interesting posts on something called The Implicit Web which relates ideas of the Semantic Web, social computing, &#8220;clickstreams&#8220;, folksonomies, sophisticated search systems, intelligent software assistants, crowdsourcing, etc. By tracking the activity of people and analyzing semantic content on the web the Implicit Web can automatically discover networks of people and interests [...]]]></description>
			<content:encoded><![CDATA[<p>I just read a couple interesting posts on something called <strong>The Implicit Web</strong> which relates ideas of the <a href="http://semanticweb.org/wiki/Main_Page" target="_blank">Semantic Web</a>, <a href="http://en.wikipedia.org/wiki/Social_computing" target="_blank">social computing</a>, &#8220;<a href="http://en.wikipedia.org/wiki/Clickstream" target="_blank">clickstreams</a>&#8220;, <a href="http://en.wikipedia.org/wiki/Folksonomy" target="_blank">folksonomies</a>, <a href="http://www.wolframalpha.com/" target="_blank">sophisticated search systems</a>, <a href="http://www.technologyreview.com/read_article.aspx?ch=specialsections&amp;sc=tr10&amp;id=22117" target="_blank">intelligent software assistants</a>, <a href="http://en.wikipedia.org/wiki/Crowdsourcing" target="_blank">crowdsourcing</a>, etc. By tracking the activity of people and analyzing semantic content on the web <strong>the Implicit Web can automatically discover networks of people and interests </strong>without the explicit kind of work one does in Twitter, Facebook, or Google search. </p>
<p>In other words, by tracking what you and others do and create (emails, blog entries, tweets, browsing activity, shopping, etc.), and by scouring the web and analyzing its content, these systems make sense of the web in a much more sophisticated way than the brute force kind of searching that Google does. So it could find correlations, generate connections, optimize searches, make you aware of implicit networks of interest, and generally act on your behalf to both filter the incoming avalanche of data, and provide better/faster means to get to interesting information that you might not otherwise find.</p>
<p>While this idea is related to the kinds of recommendations that Amazon and other sites do, it is stronger because it aggregates a lot more activity and content beyond the silo of a single site. Plus, the ultimate expression of the implicit web (I hope) is that the user will have more control, and can &#8220;dial-in&#8221; the criteria of a search or automated task to <strong>their specific interests </strong><em><strong>at that moment</strong><span style="font-style: normal;">, rather than being stuck with some company&#8217;s idea of your interests. This idea relates to my essay on <a href="http://productiveinteraction.com/" target="_blank"><strong>Productive Interaction</strong></a>, where the design of these systems is </span>not<span style="font-style: normal;"> about creating enveloping, persuasive experiences (as experience design dictates), but <strong>designing contexts where users are empowered to create their own meaning spaces</strong>.</span></em></p>
<p><strong>Related LINKS below<br />
</strong><span id="more-208"></span><strong><br />
Some posts by an investor in implicit web companies:<br />
<span style="font-weight: normal;"><a href="http://www.feld.com/wp/archives/2009/04/the-maturing-of-the-implicit-web.html" target="_blank">http://www.feld.com/wp/archives/2009/04/the-maturing-of-the-implicit-web.html</a><br />
<a href="http://www.foundrygroup.com/blog/archives/2008/03/theme-implicit-web.php" target="_blank"> http://www.foundrygroup.com/blog/archives/2008/03/theme-implicit-web.php</a></span></strong></p>
<p><strong>ReadWriteWeb&#8217;s take on it:</strong><br />
<a href="http://www.readwriteweb.com/archives/the_implicit_web_lastfm_amazon_google.php" target="_blank"> http://www.readwriteweb.com/archives/the_implicit_web_lastfm_amazon_google.php</a></p>
<p>More sophisticated, semantic based tagging</p>
<p><a href="http://www.readwriteweb.com/archives/common_tag_brings_standards_to_metadata.php" target="_blank">http://www.readwriteweb.com/archives/common_tag_brings_standards_to_metadata.php</a></p>
<p><strong>Some companies doing it:</strong><br />
<a href="http://getglue.com/brief.php" target="_blank"> http://getglue.com/brief.php</a><br />
<a href="http://www.oneriot.com/" target="_blank"> http://www.oneriot.com/</a><br />
<a href="http://www.lijit.com/" target="_blank"> http://www.lijit.com/</a><br />
<a href="http://www.orch8.net/" target="_blank"> http://www.orch8.net/</a></p>
<p>From the <a href="http://www.feld.com/wp/archives/2009/04/the-maturing-of-the-implicit-web.html" target="_blank">Feld.com post</a>:</p>
<p style="padding-left: 30px;">We think of the technologies that fall under the implicit web theme as a next-generation set of applications, tools and infrastructure that stitch together a long list of interrelated and overlapping ideas: the academic and theoretical ideas behind the Semantic Web, the utility of social networks and social media, crowd sourcing/wisdom-of-crowds, folksonomy, user attention data, advanced search and content analysis tools, lifestream analysis and numerous others. </p>
<p style="padding-left: 30px;">When combined, these technologies offer the promise of a more unified computing environment that spans the applications where a user consumes and creates information (email clients, web browsers, RSS readers, etc) and is aware of the user&#8217;s preferences, interests and interpersonal relationships without requiring a ton of heavy lifting on the user&#8217;s part to get useful work done.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.philvanallen.com/news/the-implicit-web-a-new-trend/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>new ecology of things class, anti-homogenous</title>
		<link>http://www.philvanallen.com/news/new-ecology-of-things-class-anti-homogenous/</link>
		<comments>http://www.philvanallen.com/news/new-ecology-of-things-class-anti-homogenous/#comments</comments>
		<pubDate>Wed, 22 Apr 2009 01:35:35 +0000</pubDate>
		<dc:creator>Phil</dc:creator>
				<category><![CDATA[ideas]]></category>
		<category><![CDATA[news]]></category>
		<category><![CDATA[affordance]]></category>
		<category><![CDATA[mdp]]></category>
		<category><![CDATA[net lab]]></category>
		<category><![CDATA[new ecology of things]]></category>
		<category><![CDATA[toolkit]]></category>
		<category><![CDATA[ubiquitous computing]]></category>

		<guid isPermaLink="false">http://www.philvanallen.com/?p=172</guid>
		<description><![CDATA[I just wrapped up my The New Ecology of Things class at Art Center&#8217;s Media Design Program. The class addressed the design of ubiquitous, massively networked systems &#8211; i.e. emerging ecologies of things. Our topic this term was &#8220;anti-homogenous&#8221; and we looked at heterogeneous alternatives to the mouse, keyboard, screen for specific work and play activities. This continues the [...]]]></description>
			<content:encoded><![CDATA[<p>I just wrapped up my <a href="http://www.amazon.com/New-Ecology-Things-NET/dp/0979349508/">The New Ecology of Things</a> class at Art Center&#8217;s <a href="http://artcenter.edu/mdp/" target="_blank">Media Design Program</a>. The class addressed the design of ubiquitous, massively networked systems &#8211; i.e. emerging ecologies of things. Our topic this term was &#8220;anti-homogenous&#8221; and we looked at heterogeneous alternatives to the mouse, keyboard, screen for specific work and play activities. This continues the idea mentioned in my <a href="http://www.philvanallen.com/2009/03/microsoft-future-2019-not-so-original/">Microsoft Future 2019 video</a> post, where interactions should adapt to the type of activity, rather than the person adapting to the same type of interaction for every task. The 13 students designed and prototyped projects ranging from a special table for art directors to a lamp that receives and projects video messages from your friends. The projects addressed different affordances as well as the relationships between tangible, embodied things and their meta-data/meta-content. More details and links to project websites below the photos.</p>
<p><a href="http://www.chrisrbecker.com/net-blog" target="_blank"><img class="alignnone size-full wp-image-176" title="netdesk" src="http://www.philvanallen.com/wp-content/uploads/2009/04/netdesk.jpg" alt="netdesk" width="200" height="150" /></a><a href="http://people.artcenter.edu/~kcoats/whisperstones.html"> </a><a href="http://people.artcenter.edu/~kcoats/whisperstones.html" target="_blank"><img class="size-full wp-image-180 alignnone" title="wisperstones" src="http://www.philvanallen.com/wp-content/uploads/2009/04/wisperstones.jpg" alt="wisperstones" width="200" height="150" /></a> <a href="http://people.artcenter.edu/~clauritzen/penandbook2.php" target="_blank"><img class="alignnone size-full wp-image-173" title="booknpen" src="http://www.philvanallen.com/wp-content/uploads/2009/04/booknpen.jpg" alt="booknpen" width="200" height="150" /> </a><a href="http://people.artcenter.edu/~hyang4/mdp02/net001.html" target="_blank"><img class="alignnone size-full wp-image-174" title="memoryapparatus" src="http://www.philvanallen.com/wp-content/uploads/2009/04/memoryapparatus.jpg" alt="memoryapparatus" width="200" height="150" /> </a><a href="http://juliatsao.com/net/" target="_blank"><img class="alignnone size-full wp-image-177" title="postgeheimnis" src="http://www.philvanallen.com/wp-content/uploads/2009/04/postgeheimnis.jpg" alt="postgeheimnis" width="200" height="150" /> </a><a href="http://people.artcenter.edu/~nchan/shop/" target="_blank"><img class="alignnone size-full wp-image-179" title="shopconsious2" src="http://www.philvanallen.com/wp-content/uploads/2009/04/shopconsious2.jpg" alt="shopconsious2" width="200" height="150" /> </a><a href="http://people.artcenter.edu/~hyoon7/" target="_blank"><img class="alignnone size-full wp-image-178" title="projector" src="http://www.philvanallen.com/wp-content/uploads/2009/04/projector.jpg" alt="projector" width="200" height="150" /></a> <a href="http://people.artcenter.edu/~ynoh/net/index.html" target="_blank"><img class="alignnone size-full wp-image-175" title="netcreators" src="http://www.philvanallen.com/wp-content/uploads/2009/04/netcreators2.jpg" alt="netcreators" width="200" height="150" /></a></p>
<p>All projects are working interactive demos that use the <a href="http://makingthings.com/" target="_blank">Make Controller</a> in combination with our <a href="http://newecologyofthings.wik.is/Tools_For_Designers" target="_blank">NET Lab Toolkit</a> (Pen &amp; Book didn&#8217;t use the Make).</p>
<p><span id="more-172"></span></p>
<p><a href="http://www.chrisrbecker.com/net-blog" target="_blank"><strong>Net Desk</strong></a><strong> - </strong><a href="http://www.chrisrbecker.com/" target="_blank"><strong>Chris Becker</strong></a><strong> &amp; </strong><a href="http://www.dorazidesign.com/" target="_blank"><strong>Ryan D&#8217;orazi</strong></a><strong> </strong><br />
Focuses on the affordances of paper comps of magazine and other printed material. Each piece of paper is tagged, and acts as a vector into all of its versions, related documents, and relationships with the people and files that created the content of the page. By swiping the paper over different areas of the desk, the user instantly sees these different aspects of the page on a large screen. Reflects the activities of real-world magazine production. Paper, custom built table, Barcode reader, Wii controller, 50&#8243; display, light sensors.</p>
<p><a href="http://people.artcenter.edu/~kcoats/whisperstones.html" target="_blank"><strong>Whisper Stones</strong></a><strong> - </strong><a href="http://people.artcenter.edu/~kcoats/" target="_blank"><strong>Kylan Coats</strong></a><strong> </strong><br />
Plays with the idea mythical character of the stone by allowing people to lean down, pick up a one of several stones, and anonymously leave or hear and audio message. Small and large stones, <a href="http://www.radioshack.com/product/index.jsp?productId=2102855" target="_blank">$10 radio shack solid state recorders</a>, switches.</p>
<p><a href="http://people.artcenter.edu/~clauritzen/penandbook2.php" target="_blank"><strong>Pen and Book</strong></a><strong> - </strong><a href="http://people.artcenter.edu/~clauritzen/" target="_blank"><strong>Chris Lauritzen</strong></a><strong> &amp; </strong><a href="http://www.concepthunter.com/mdp/"><strong>Hunter Sebresos</strong></a><strong> </strong><br />
Explores and embraces the affordances of pen and paper by imagining simple, non-precious, mass produced and cheap digital pens and e-books. Enables the user to write on standard paper, yet instantly email the new document. Also, mark up a book and access the notes with any reader, anywhere. Paper, modified ball-point pen, Wacom tablets, projector, Flash, AppleScript.</p>
<p><a href="http://people.artcenter.edu/~hyang4/mdp02/net001.html" target="_blank"><strong>Memory Apparatus</strong></a><strong> &#8211; </strong><a href="http://people.artcenter.edu/~hyang4/" target="_blank"><strong>Hyun Yang</strong></a><br />
Inverts the &#8220;problem&#8221; of ubiquitous surveillance video, and demonstrates how people can access the histories of their own lives through the near future of continuous video capture of everything, everywhere. By rotating the two axis of the <a href="http://en.wikipedia.org/wiki/Astrolabe" target="_blank">Astrolabe</a> like object, one can dial in moments and locations of your life, seeing yourself from the perspective of a surveillance camera. Knob, Wii controller, video.</p>
<p><a href="http://juliatsao.com/index.php?/recent/postgeheimnis/" target="_blank"><strong>Postgeheimnis</strong></a><strong> (The mail project) &#8211; </strong><a href="http://people.artcenter.edu/~cholzheid/" target="_blank"><strong>Christiane Holzheid</strong></a><strong> &amp; </strong><a href="http://juliatsao.com/" target="_blank"><strong>Julia Tsao</strong></a><br />
A series of speculations (some mocked up in video scenarios, others prototypes) that explores ideas for applying some of the beneficial affordances of traditional mail and packages to electronic forms of mail. For example, in one of the working prototypes, an authorized friend is able to leave a video message for you and assign it to an object (e.g. a lamp) in your home. The lamp blinks when a message is waiting, and you simply touch the lamp see the video message played back in place of the light cast by the lamp. <a href="http://www.3m.com/mpro/" target="_blank">Micro projector</a>, speaker, pressure sensors, two computers, <a href="http://www.influxis.com/" target="_blank">Flash media server</a>.</p>
<p><a href="http://people.artcenter.edu/~nchan/recent_shop.htm" target="_blank"><strong>Shop Conscious</strong></a><strong> &#8211; </strong><a href="http://people.artcenter.edu/~nchan/" target="_blank"><strong>Nicole Chan</strong></a><strong> &amp; </strong><a href="http://www.haelimpaek.com/" target="_blank"><strong>Haelim Paek</strong></a><br />
A system that enables the shopper to rate and find more information as they shop. They can create different rating profiles for themselves, weighting sustainability, product quality, and social network criteria. It includes a portable and dressing room media component. iPhone with <a href="http://labs.ideo.com/2009/01/20/liveview-an-iphone-app-for-on-screen-prototyping/" target="_blank">LiveView</a> app streaming flash from laptop, proximity sensors, light sensor.</p>
<p><a href="http://people.artcenter.edu/~hyoon7/" target="_blank"><strong>Brainstorming Egg</strong></a><strong> &#8211; </strong><a href="http://people.artcenter.edu/~hyoon7/" target="_blank"><strong>Haemi Yoon</strong></a><br />
This project imagines a quarter sized projector that can be stuck to any surface (like your pant-leg) and turns it into a brainstorming area. Using a egg shaped object as the interface, the user can gesture to create a topic, manipulate media (e.g. scrub video), and make connections between ideas. Accelerometer, XBee wireless module, Wii controller in combination with <a href="http://johnnylee.net/projects/wii/" target="_blank">Jonny Lee&#8217;s whiteboard software</a>.</p>
<p><a href="http://austinslee.com/index.php?/ongoing/net-creators/" target="_blank"><strong>NetCreator</strong></a><strong> &#8211; </strong><a href="http://austinslee.com/" target="_blank"><strong>Austin Lee</strong></a><strong> &amp; </strong><a href="http://people.artcenter.edu/~ynoh/" target="_blank"><strong>Yoo Kyoung Noh</strong></a><br />
By imagining a future startup company, this project uses a series of video simulations and working prototypes to explore how everyday objects can mediate communications and create new meanings in their surroundings. For example, the working prototype demonstrated how a user could read information on their coffee cup, transfer that article to another person&#8217;s cup, send secret messages, or seamlessly transition from the short version on the cup to a full version displayed on an e-paper table. iPod Touch with <a href="http://labs.ideo.com/2009/01/20/liveview-an-iphone-app-for-on-screen-prototyping/" target="_blank">LiveView</a> app streaming flash from laptop, pressure sensor, projector, knob.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.philvanallen.com/news/new-ecology-of-things-class-anti-homogenous/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>microsoft future 2019 &#8211; not so original</title>
		<link>http://www.philvanallen.com/news/microsoft-future-2019-not-so-original/</link>
		<comments>http://www.philvanallen.com/news/microsoft-future-2019-not-so-original/#comments</comments>
		<pubDate>Sun, 15 Mar 2009 21:32:48 +0000</pubDate>
		<dc:creator>Phil</dc:creator>
				<category><![CDATA[news]]></category>
		<category><![CDATA[affordance]]></category>
		<category><![CDATA[art center]]></category>
		<category><![CDATA[mdp]]></category>
		<category><![CDATA[microsoft]]></category>
		<category><![CDATA[multi-touch]]></category>

		<guid isPermaLink="false">http://www.philvanallen.com/?p=102</guid>
		<description><![CDATA[The Microsoft Office Labs Vision 2019 video recently shown at the Wharton Business Technology Conference, by Microsoft’s Business Division president Stephen Elop (text of speech), does a good job of showing potential modes of interacting with embedded and ubiquitous multi-touch displays. But how original is it? My students in Art Center College of Design&#8217;s graduate Media Design Program have [...]]]></description>
			<content:encoded><![CDATA[<p>The Microsoft Office Labs Vision 2019 video recently shown at the <a href="http://2009.whartonbiztech.com/" target="_blank">Wharton Business Technology Conference</a>, by Microsoft’s Business Division president Stephen Elop (<a href="http://www.microsoft.com/presspass/exec/elop/02-27-09WhartonTechConf.mspx" target="_blank">text of speech</a>), does a good job of showing potential modes of interacting with embedded and ubiquitous multi-touch displays. But how original is it? My students in Art Center College of Design&#8217;s graduate <a href="http://artcenter.edu/mdp/" target="_blank">Media Design Program</a> have been working on ideas like this for many years, and have made speculative videos like this, as well as working prototypes and real projects. See below for several examples, as well as some thoughts on where future interfaces should go &#8211; is Microsoft just proposing another version of windows?</p>
<p>Update: <a href="http://www.istartedsomething.com/20090317/behind-vision-2019-interview-with-ian-sands-office-labs-director-of-envisioning/" target="_blank">Behind the scenes of the making of the video</a></p>
<p style="text-align: center;"><img src="http://www.philvanallen.com/videos/microsoftnews.jpg" /></p>
<p>Microsoft Office Lab&#8217;s Vision 2019 video</p>
<p style="text-align: center;"><a href="http://beyondthefold.net/Version_2.0.html"><img class="size-full wp-image-144 aligncenter" title="beyondthefold1" src="http://www.philvanallen.com/wp-content/uploads/2009/03/beyondthefold1.jpg" alt="beyondthefold1" width="600" height="387" /></a></p>
<p style="text-align: center;"><a href="http://artcenter.edu/mdp/" target="_blank">MDP</a> Alumni Sebastian Bettencourt&#8217;s <a href="http://www.beyondthefold.net/" target="_blank">Beyond The Fold</a> Newspaper Project</p>
<p> </p>
<p>Here are links to several of my students&#8217; past projects:</p>
<ul>
<li>2004 &#8211; <a href="http://www.artcenter.edu/mdp/gallery/gallery_special_pop_06.html" target="_blank">wall</a> &#8211; scott nazarian, nikolai cornell</li>
<li>2005,2006 &#8211; <a href="http://www.insearchofidentity.com/" target="_blank">mirror &#8211; in search of identity</a>, <a href="http://www.interactivemirror.net/" target="_blank">infiniti interactive</a> - nikolai cornell, phil van allen, others</li>
<li>2006 &#8211; <a href="http://www.madein.la/featuredprojects/interactiveoracles/" target="_blank">interactive table &#8211; acura oracle</a> &#8211; nikolai cornell, jonathan jarvis, phil van allen, others</li>
<li>2006 &#8211; <a href="http://www.artcenter.edu/mdp/gallery/gallery_masters_pop_telepath.html" target="_blank">handheld augmented reality &#8211; telepath</a> &#8211; matt mcbride</li>
<li>2007 &#8211; <a href="http://www.beyondthefold.net/" target="_blank">e-paper newspaper &#8211; beyond the fold</a> - sebastian bettencourt</li>
</ul>
<p><span id="more-102"></span>In my current New Ecology of Things class, and in my upcoming research, we are working on an in-depth exploration of how people can work, play, and be entertained using digital affordances, yet moving away from the &#8220;mouse crouch&#8221; of sitting at a computer. One difference I have from the Microsoft vision is this: I believe each different activity can have its own set of affordances rather than the seeming standard ones envisioned in the Microsoft video. For example, writing an essay should be quite different from say, designing a website. I call this approach &#8220;anti-homogenous.&#8221; What we don&#8217;t need is a new ubiquitous interface and set of gestures. What we do need is gaining back some of the benefits of work and play spaces that are suited to the activity at hand.</p>
<p>This line of thinking was inspired by an <a href="http://www.metropolismag.com/story/20081119/leaves-of-glass" target="_blank">article in Metropolis Magazine</a> by John Hokenberry on an excellent new photography book by Michael Wolf called <a href="http://www.amazon.com/gp/product/1597110760?ie=UTF8&amp;tag=philivanallen-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=1597110760">The Transparent City</a><img style="border:none !important; margin:0px !important;" src="http://www.assoc-amazon.com/e/ir?t=philivanallen-20&amp;l=as2&amp;o=1&amp;a=1597110760" border="0" alt="" width="1" height="1" />. The photos are studies of high-rises in Chicago, and show the uniformity of our current workplaces. An excerpt from the article:</p>
<p style="padding-left: 60px; ">The steel mill can’t be confused with the meatpacking plant or the typewriter-assembly factory. But here one has no idea of what goods or (more likely) services emerge from these cubicles and boardrooms.</p>
<p>Microsoft is proposing a new way of working, but in many ways, it is reproducing the idea of one-size-fits-all that&#8217;s embodied by operating systems like Windows. I&#8217;m not saying that Microsoft got it all wrong, they did a very good job up to a point. But perhaps we need to think beyond the homogenous approach. Instead, people need to be able to create their own work/play spaces that afford the kind of activities they are doing at the moment.  What would that heterogenous approach look like?</p>
]]></content:encoded>
			<wfw:commentRss>http://www.philvanallen.com/news/microsoft-future-2019-not-so-original/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>object &amp; screen speculations</title>
		<link>http://www.philvanallen.com/news/object-screen-simulations/</link>
		<comments>http://www.philvanallen.com/news/object-screen-simulations/#comments</comments>
		<pubDate>Mon, 23 Feb 2009 00:11:51 +0000</pubDate>
		<dc:creator>Phil</dc:creator>
				<category><![CDATA[news]]></category>
		<category><![CDATA[portfolio]]></category>
		<category><![CDATA[affordance]]></category>
		<category><![CDATA[object]]></category>
		<category><![CDATA[screen]]></category>
		<category><![CDATA[simulation]]></category>

		<guid isPermaLink="false">http://www.philvanallen.com/?p=50</guid>
		<description><![CDATA[
View Video (95meg)
I&#8217;m very interested in how tangible objects can be used in interesting ways to interact with information on screens. This video collects together a series of experiments on the use of a range of object prototypes. In making these, I imagined a screen in front of me (in some cases a standard size [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://philvanallen.com/downloads/object_videos_w_titles.mov"><img class="alignnone size-full wp-image-62" title="objects_screens" src="http://www.philvanallen.com/wp-content/uploads/2009/02/objects_screens.jpg" alt="objects_screens" width="600" height="338" /></a></p>
<p><a href="http://philvanallen.com/downloads/object_videos_w_titles.mov">View Video</a> (95meg)</p>
<p>I&#8217;m very interested in how tangible objects can be used in interesting ways to interact with information on screens. This video collects together a series of experiments on the use of a range of object prototypes. In making these, I imagined a screen in front of me (in some cases a standard size screen, in other cases a wall sized screen), and manipulated the various objects as if I was controlling and interacting with content on the screen. It was more an experiment in the affordance of the objects in relation to screens than thinking of specific applications.</p>
<p>This project was aided by the help of my graduate students <a href="http://jonnyj.net/m5/" target="_blank">Jonathan Jarvis</a>, and <a href="http://archivation.com/blog/" target="_blank">Parker Kuncl</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.philvanallen.com/news/object-screen-simulations/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
<enclosure url="http://philvanallen.com/downloads/object_videos_w_titles.mov" length="98970152" type="video/quicktime" />
		</item>
		<item>
		<title>new version of NET Lab Toolkit</title>
		<link>http://www.philvanallen.com/news/new-version-of-net-lab-toolkit/</link>
		<comments>http://www.philvanallen.com/news/new-version-of-net-lab-toolkit/#comments</comments>
		<pubDate>Tue, 16 Sep 2008 00:18:37 +0000</pubDate>
		<dc:creator>Phil</dc:creator>
				<category><![CDATA[news]]></category>
		<category><![CDATA[art center]]></category>
		<category><![CDATA[net lab]]></category>
		<category><![CDATA[toolkit]]></category>

		<guid isPermaLink="false">http://www.philvanallen.com/?p=56</guid>
		<description><![CDATA[ 
 
There&#8217;s a new version of the NET Lab Toolkit. This release adds a new skin, single keystroke to make widgets invisible, play/pause function for VideoControl and several bug fixes. This is in addition to support for Xbee wireless sensors, the Wii Remote, and DMX lighting control that came with the ALPHA version released in July &#8216;08.
]]></description>
			<content:encoded><![CDATA[<p> </p>
<div id="attachment_57" class="wp-caption alignnone" style="width: 510px"><a href="http://newecologyofthings.wik.is/"><img class="size-full wp-image-57" title="NET Lab Widgets" src="http://www.philvanallen.com/wp-content/uploads/2009/02/allcomponents2_0.gif" alt="NET Lab Widgets" width="500" height="282" /></a><p class="wp-caption-text">NET Lab Widgets</p></div>
<p> </p>
<p>There&#8217;s a new version of the <a href="http://newecologyofthings.wik.is/Tools_For_Designers">NET Lab Toolkit</a>. This release adds a new skin, single keystroke to make widgets invisible, play/pause function for VideoControl and several bug fixes. This is in addition to support for Xbee wireless sensors, the Wii Remote, and DMX lighting control that came with the ALPHA version released in July &#8216;08.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.philvanallen.com/news/new-version-of-net-lab-toolkit/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

<!-- Dynamic Page Served (once) in 0.931 seconds -->
