<?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>monkeyflash.com &#187; Work</title>
	<atom:link href="http://monkeyflash.com/category/work/feed/" rel="self" type="application/rss+xml" />
	<link>http://monkeyflash.com</link>
	<description>Greg Lunn's blog, with tutorials on Flash, CSS, ActionScript and more.</description>
	<lastBuildDate>Wed, 31 Dec 2008 18:13:25 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>SCETV.org</title>
		<link>http://monkeyflash.com/work/scetv/</link>
		<comments>http://monkeyflash.com/work/scetv/#comments</comments>
		<pubDate>Wed, 01 Oct 2008 18:53:14 +0000</pubDate>
		<dc:creator>Greg</dc:creator>
				<category><![CDATA[Work]]></category>

		<guid isPermaLink="false">http://beta.monkeyflash.com/?p=20</guid>
		<description><![CDATA[<a href="/work/scetv/"><img src="/images/work/thumbs/scetv.jpg" width="330" height="200" alt="SCETV.org" /></a>]]></description>
			<content:encoded><![CDATA[<div class="workimages">
<p><img src="/images/work/scetv1.jpg" width="391" height="486" alt="" /></p>
<p><img src="/images/work/scetv2.jpg" width="391" height="197" alt="" /></p>
</div>
<div class="worktext">
<h2>A fresh new design</h2>
<p>When <a href="http://www.scetv.org">ETV’s website</a> needed to reflect a more modern agency, I was asked to create a design that would allow for more flexibility, faster updates and a more dynamic feel.</p>
<p>The structural navigation was completely rebuilt to make sure that the most frequently requested content was easily available. A new CSS-driven dropdown menu system allows links to many more areas, but still keeps the navigation organized and minimal. The site was moved to Expression Engine, a CMS that allowed content to be scheduled to appear and disappear at appropriate times, and rotating image and video features were created for the home page in Adobe Flex.</p>
<p><strong>Responsibilities:</strong> Web Design, Information Architecture, HTML &#038; CSS, Expression Engine Integration, Flash &#038; Flex Development</p>
<p><a href="http://www.scetv.org">Visit the Web site &raquo;</a></p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://monkeyflash.com/work/scetv/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>RiverVenture</title>
		<link>http://monkeyflash.com/work/riverventure/</link>
		<comments>http://monkeyflash.com/work/riverventure/#comments</comments>
		<pubDate>Wed, 01 Oct 2008 18:50:34 +0000</pubDate>
		<dc:creator>Greg</dc:creator>
				<category><![CDATA[Work]]></category>

		<guid isPermaLink="false">http://monkeyflash.com/?p=95</guid>
		<description><![CDATA[<a href="/work/riverventure/"><img src="/images/work/thumbs/riverventure.jpg" width="330" height="200" alt="RiverVenture" /></a>]]></description>
			<content:encoded><![CDATA[<div class="workimages">
<p><img src="/images/work/riverventure1.jpg" width="391" height="272" alt="" /></p>
<p><img src="/images/work/riverventure2.jpg" width="391" height="271" alt="" /></p>
<p><img src="/images/work/riverventure3.jpg" width="391" height="271" alt="" /></p>
</div>
<div class="worktext">
<h2>An interactive river tour</h2>
<p><a href="http://www.riverventure.org">RiverVenture</a> is the story of South Carolina&#8217;s cultural and natural landscape as told by its rivers. RiverVenture will take you on a virtual &#8220;float-trip&#8221; across South Carolina, following the Saluda, the Congaree, the Santee and the Cooper rivers.</p>
<p>I created RiverVenture in Flash to allow the experience to be seamless and continuous, as if you were floating down the river, discovering interesting items along the way. Clues, photos and additional information are hidden throughout the panoramas to encourage you to explore the landscape.</p>
<p>I was responsible for designing the interface and all of the ActionScript coding for the project. I worked closely with artist Joseph Byrne, who painted the beautiful panoramic scenes and pop-up items. Two tours, &#8220;The Three Rivers&#8221; and &#8220;The Estuary&#8221; are available now, and a third river panorama is scheduled to be added to the project early 2009.</p>
<p><strong>Responsibilities:</strong> Interface Design, Flash Development, ActionScript Coding</p>
<p><a href="http://www.riverventure.org">Visit the Web site &raquo;</a></p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://monkeyflash.com/work/riverventure/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Knowitall.org</title>
		<link>http://monkeyflash.com/work/knowitall/</link>
		<comments>http://monkeyflash.com/work/knowitall/#comments</comments>
		<pubDate>Wed, 01 Oct 2008 18:45:17 +0000</pubDate>
		<dc:creator>Greg</dc:creator>
				<category><![CDATA[Work]]></category>

		<guid isPermaLink="false">http://monkeyflash.com/?p=109</guid>
		<description><![CDATA[<a href="/work/knowitall/"><img src="/images/work/thumbs/knowitall.jpg" width="330" height="200" alt="Knowitall.org" /></a>]]></description>
			<content:encoded><![CDATA[<div class="workimages">
<p><img src="/images/work/knowitall1.jpg" width="391" height="388" alt="" /></p>
<p><img src="/images/work/knowitall2.jpg" width="391" height="276" alt="" /></p>
</div>
<div class="worktext">
<h2>Fun, interactive web resources</h2>
<p><a href="http://www.knowitall.org">Knowitall.org</a> is a free online collection of resources designed for classroom use. This educational web portal contains interactive sites, simulations, image collections, virtual field trips and streaming video that support and provide quality inquiry-based experiences for students on the Internet.</p>
<p>The number of sites and resources under Knowitall.org had outgrown its old design, and this new update sought to create a better organization of ETV&#8217;s educational content. A custom CMS built in ColdFusion allowed the addition of new sites and maintenance of existing content to be done by any member of the team. A new JavaScript-driven spotlight feature on the home page provided a place to advertise new and exciting projects.</p>
<p><strong>Responsibilities:</strong> Web Design, HTML &#038; CSS, CMS Design</p>
<p><a href="http://www.knowitall.org">Visit the Web site &raquo;</a></p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://monkeyflash.com/work/knowitall/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Ready To Vote</title>
		<link>http://monkeyflash.com/work/readytovote/</link>
		<comments>http://monkeyflash.com/work/readytovote/#comments</comments>
		<pubDate>Wed, 01 Oct 2008 18:40:33 +0000</pubDate>
		<dc:creator>Greg</dc:creator>
				<category><![CDATA[Work]]></category>

		<guid isPermaLink="false">http://monkeyflash.com/?p=112</guid>
		<description><![CDATA[<a href="/work/readytovote/"><img src="/images/work/thumbs/readytovote.jpg" width="330" height="200" alt="Ready To Vote" /></a>]]></description>
			<content:encoded><![CDATA[<div class="workimages">
<p><img src="/images/work/readytovote1.jpg" width="391" height="460" alt="" /></p>
<p><img src="/images/work/readytovote2.jpg" width="391" height="246" alt="" /></p>
</div>
<div class="worktext">
<h2>Encouraging teens to vote</h2>
<p><a href="http://www.readytovote.org">Ready To Vote</a> was created to educate teens about the election process, and to encourage young adults in South Carolina to register and vote. During the election season, Ready To Vote also included television specials, registration drives, and radio programming to spread the message.</p>
<p>For the 2008 election, Ready To Vote was given a visual refresh to appeal more to the teen demographic. A redesigned identity was integrated into TV, print and web presences, and the friendlier, grittier look of the website was enhanced by using student faces and bright, patriotic colors.</p>
<p>Members of Ready To Vote&#8217;s &#8220;Pod Squad,&#8221; a team of young adults who visit area schools for presentations and registration drives, can also easily update the site with schedules and news using Adobe Contribute.</p>
<p><strong>Responsibilities:</strong> Web Design, HTML &#038; CSS, Contribute Integration, Photography</p>
<p><a href="http://www.readytovote.org">Visit the Web site &raquo;</a></p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://monkeyflash.com/work/readytovote/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Spirit of South Carolina</title>
		<link>http://monkeyflash.com/work/spirit/</link>
		<comments>http://monkeyflash.com/work/spirit/#comments</comments>
		<pubDate>Wed, 01 Oct 2008 18:35:18 +0000</pubDate>
		<dc:creator>Greg</dc:creator>
				<category><![CDATA[Work]]></category>

		<guid isPermaLink="false">http://monkeyflash.com/?p=137</guid>
		<description><![CDATA[<a href="/work/spirit/"><img src="/images/work/thumbs/spirit.jpg" width="330" height="200" alt="Spirit of South Carolina" /></a>]]></description>
			<content:encoded><![CDATA[<div class="workimages">
<p><img src="/images/work/ship1.jpg" width="391" alt="" /></p>
<p><img src="/images/work/ship2.jpg" width="391" alt="" /></p>
<p><img src="/images/work/ship3.jpg" width="391" alt="" /></p>
</div>
<div class="worktext">
<h2>Learn the parts of a schooner</h2>
<p>The Spirit of South Carolina is a sailing classroom, a pilot schooner that takes groups of middle and high school students on educational trips around Charleston Harbor and beyond. ETV partnered with the Charleston Maritime Foundation to create a companion website for the Spirit, including this diagram that helps students learn the parts of the vessel.</p>
<p>I created the tour in Flash, using blueprint drawings of the ship during its construction. Students can explore the outside of the vessel and learn about the rigging and each of the sails, and explore a cutaway view to learn about the areas of the ship below deck.</p>
<p><strong>Responsibilities:</strong> Illustration, Flash, ActionScript Coding</p>
<p><a href="http://www.knowitall.org/sites/pirates/explore/index.html">Visit the Web site &raquo;</a></p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://monkeyflash.com/work/spirit/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>EdMates</title>
		<link>http://monkeyflash.com/work/edmates/</link>
		<comments>http://monkeyflash.com/work/edmates/#comments</comments>
		<pubDate>Wed, 01 Oct 2008 18:30:07 +0000</pubDate>
		<dc:creator>Greg</dc:creator>
				<category><![CDATA[Work]]></category>

		<guid isPermaLink="false">http://monkeyflash.com/?p=141</guid>
		<description><![CDATA[<a href="/work/edmates/"><img src="/images/work/thumbs/edmates.jpg" width="330" height="200" alt="Edmates" /></a>]]></description>
			<content:encoded><![CDATA[<div class="workimages">
<p><img src="/images/work/edmates1.jpg" width="391" alt="" /></p>
<p><img src="/images/work/edmates2.jpg" width="391" alt="" /></p>
</div>
<div class="worktext">
<h2>Pen pals around the world</h2>
<p>EdMates was a joint venture between the South Carolina Department of Education and schools in Queensland, Australia. Students uploaded their own stories, articles and photos to share with each other and learn about cultures from the other side of the globe.</p>
<p>The intro animation, featuring a globe-trotting plane, was suggested by the students. I created the animation and illustrations in Flash, and set the whole thing to a Calypso-style jingle, which I also created for the project. Watch the animation, and then just try to get it out of your head.</p>
<p><strong>Responsibilities:</strong> Illustration, Flash, animation</p>
<p><a href="http://www.knowitall.org/edmates/intro.html">Watch the animation &raquo;</a></p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://monkeyflash.com/work/edmates/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
