<?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>Helen Marie: Design and Code &#187; Our Work</title>
	<atom:link href="http://blog.helen-marie.com/index.php/cat/ourwork/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.helen-marie.com</link>
	<description>Strategy, design, technology, and how to be our client</description>
	<lastBuildDate>Mon, 27 Jul 2009 20:33:19 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Things We Do in Drupal</title>
		<link>http://blog.helen-marie.com/index.php/2009/02/things-we-do-in-drupal/</link>
		<comments>http://blog.helen-marie.com/index.php/2009/02/things-we-do-in-drupal/#comments</comments>
		<pubDate>Wed, 25 Feb 2009 22:36:58 +0000</pubDate>
		<dc:creator>msh</dc:creator>
				<category><![CDATA[Our Work]]></category>
		<category><![CDATA[contentmanagement]]></category>
		<category><![CDATA[drupal]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[prototyping]]></category>

		<guid isPermaLink="false">http://blog.helen-marie.com/?p=71</guid>
		<description><![CDATA[Back in the day, Drupal was for us a platform of necessity.  There was a lot to dislike about it: no object architecture to speak of, patchy module support, enormous amounts of spaghetti sprawling through the hooks-based function names, a lot of messy UI, and a deep knowledge of magic words needed to theme [...]]]></description>
			<content:encoded><![CDATA[<p>Back in the day, Drupal was for us a platform of necessity.  There was a lot to dislike about it: no object architecture to speak of, patchy module support, enormous amounts of spaghetti sprawling through the hooks-based function names, a lot of messy UI, and a deep knowledge of magic words needed to theme an element or alter a behavior.  And on the design side, there was this seemingly deep-set predilection towards boxy pages.</p>
<p>Then we really started using it.  Then Drupal 6 dropped.  Now, D6 is our development platform of choice, and our default platform for many kinds of projects.  Here are a few types that range beyond the typical &#8220;site with managed content&#8221; category.</p>
<p><span id="more-71"></span></p>
<p><strong>Flash front end with CMS</strong></p>
<p>We&#8217;ve developed two sites where the client needed pervasive animated elements that required us to build in Flash.  We still wanted to give the client content management capabilities, however, so we resolved to do it with Drupal.  Our <a href="http://bearhog.com/">Flash developer</a>, who is awesome, built his piece around an assumed XML data source, and provided us with a static XML sample.</p>
<p>We modeled the data as Drupal &#8220;books&#8221;: each book is a site section, and each section contains pages and other nodes as needed.  CCK and its closest friends (Filefield, ImageAPI/cache) are sufficient to fill out the core modules for this.  The we wrote a custom module that iteratively goes through each book and uses the structured node content to fill out an XML template.  The system handles image attachments and Flash video references with aplomb.</p>
<p>Our theme consists of a quick modification to Garland that serves up the Flash file on a clean, white background if the home page is requested, and the typical Garland page rendering otherwise.  This lets Garland show the structured content and admin pages to authorized users, while public users only see the Flash.</p>
<ul>
<li><a href="http://mesaglobal.com/">http://mesaglobal.com/</a></li>
<li><a href="http://uniworldgroup.com/">http://uniworldgroup.com/</a></li>
</ul>
<p><strong>News aggregation and volunteerism portal</strong></p>
<p>The three founders at Fractor, no intellectual slouches, won themselves a MacArthur grant for their novel idea: a way for users to look at top news, and for each story see a list of related opportunities for volunteerism.  Facts plus acts equals Fractor.</p>
<p>We designed and built the identity, design, and site with them.  The site is in semi-private beta now.</p>
<p>The theme consists of typical Drupal-rendered pages, but also of a persistent &#8220;news finder&#8221; layer, a jQuery-run news browser application that shows by default on the home page and stands at the ready on other public pages.  In this layer, you can easily browse through thousands of news items by category and see the top volunteer act related to each one.  If you click on one of the news items, you&#8217;ll see a detail view that shows a longer list of related acts.  All of this happens with a good bit of Ajax, so that the user experience is of an application that lives in a separate layer over the rest of the site.  Since it&#8217;s aggregated news and constantly updated, we had no SEO worries with supplying so much content through Ajax.  Fun stuff.</p>
<ul>
<li><a href="http://demo.fractor.org/">http://demo.fractor.org/</a></li>
</ul>
<p><strong>Rapid prototyping</strong></p>
<p>As <a href="http://blog.helen-marie.com/index.php/2009/01/drupal-as-a-prototyping-tool/">we&#8217;ve said before</a>, Drupal&#8217;s flexibility actually allows you to prototype a site before you need to commit to much in earnest.  It also allows you to fill out content without making huge commitments to content structures &#8212; or the site structure, for that matter.</p>
<p>One of our clients came to us in January with a need to get a prototype up for an international media conference &#8212; in February.  The idea behind the site is to serve as a support and networking platform for independent citizen journalists.  They can store and share footage, craft their projects online, and learn from seasoned professionals.  The client didn&#8217;t have the whole site structure or functionality in place; indeed, they wanted to use feedback from the conference attendees to help determine the course of development.</p>
<p>So we took a month to prototype a fairly robust site that allows users to create profiles, upload footage, and contribute footage to other users&#8217; projects.  We&#8217;ve also got a second set of professional or &#8220;faculty&#8221; users who can create instructional blog posts and upload footage and files.  We did this by making three important decisions:</p>
<ol>
<li>Write a minimum of custom code, relying instead on the most rock-solid modules in the community.</li>
<li>De-emphasize theming, which can eat up a lot of time without providing much benefit in the prototyping phase.</li>
<li>Take advantage of a third-party media delivery network (Kaltura) with a well-written Drupal module already available.</li>
</ol>
<p><a href="http://mojo.helen-marie.com/">http://mojo.helen-marie.com/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.helen-marie.com/index.php/2009/02/things-we-do-in-drupal/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Digesting the 2008 New Media Institute: Part 2</title>
		<link>http://blog.helen-marie.com/index.php/2008/11/digesting-the-2008-new-media-institute-part-2/</link>
		<comments>http://blog.helen-marie.com/index.php/2008/11/digesting-the-2008-new-media-institute-part-2/#comments</comments>
		<pubDate>Tue, 25 Nov 2008 17:43:54 +0000</pubDate>
		<dc:creator>msh</dc:creator>
				<category><![CDATA[Our Work]]></category>
		<category><![CDATA[joyent]]></category>
		<category><![CDATA[nbpc]]></category>
		<category><![CDATA[newmediainstitute]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://blog.helen-marie.com/?p=8</guid>
		<description><![CDATA[The NMI conference comprises different streams of activity, and changes format every year.  There are guest speakers, social events, and workshops, with the focus and theme changing each time.  One common element is a set of projects sponsored by NBPC, with each project produced or prototyped by a different team and presented at the end [...]]]></description>
			<content:encoded><![CDATA[<p>The NMI conference comprises different streams of activity, and changes format every year.  There are guest speakers, social events, and workshops, with the focus and theme changing each time.  One common element is a set of projects sponsored by <a title="The National Black Consortium" href="http://www.nbpc.tv/">NBPC</a>, with each project produced or prototyped by a different team and presented at the end of the conference.</p>
<p>Here&#8217;s a rundown of the projects this year, starting with the two where we played a significant role.  These are all available on <a href="http://blackpublicmedia.org/catalog/channel/openletterproject">Black Public Media</a>.</p>
<p><span id="more-8"></span></p>
<p><strong>Virtual Letter to the President</strong></p>
<p>We&#8217;ve seen a lot of open letters get published since the campaign gained steam, and especially after Election Day &#8212; from <a href="http://www.theroot.com/id/48726">Alice Walker</a> and <a href="http://ivaw.org/node/4524">Iraq War veterans</a>, among a <a href="http://www.google.com/search?q=open+letter+to+obama">zillion others</a>.  The idea of this letter is to be a living document, a compendium of individual voices that can serve as a creative channel of communication to the administration.  The principal producer is the amazing <a href="http://current.com/users/antmarshall/all/0.htm">Anthony Marshall</a> of Current.tv and Lyricist Lounge fame.  We had a great time developing a prototype for the conference, and are meeting with him and NBPC this week to plan the rest of the project.  Due to launch before Inauguration.  We&#8217;ll post when it goes up.</p>
<p><strong>Fueling Voices</strong></p>
<p>A WordPress platform that uses open-source and community-moderated content to track the national conversation on fuel, energy, and the U.S.&#8217;s oil problem.  Available as a prototype at <a href="http://www.fuelingvoices.com/">fuelvoices.com</a>.  This team was headed by Andrea Lewis, who was fantastic to work with.  We developed the design and WordPress implementation, and handled the nitty gritty of DNS and server configuration.  This, as with so many of our projects, is living in the happy, hyper-efficient clouds of a <a href="http://www.joyent.com/accelerator">Joyent Accelerator</a>.</p>
<p><strong>Locative Media</strong></p>
<p>Two teams produced projects where the media gets presented serially on a geographical layer, and the locations of the stories become part of the story.  One is about <a href="http://blackpublicmedia.org/catalog/prod/118">Haitian immigrants</a> and produced with Roberto Mighty, another a historically-rooted, virtual <a href="http://blackpublicmedia.org/catalog/prod/125">&#8220;Welcome to Washington&#8221; tour</a> for the incoming administration produced by <a href="http://www.kqed.org/">KQED&#8217;s Leslie Rule</a>.</p>
<p><strong>Speak Out: The Kids&#8217; Open Letter</strong></p>
<p>Michelle Halsell of <a href="http://missingpixel.net/v4/index.php">Missing Pixel</a> headed the team for this project, which was produced in conjunction with PBS and allows kids to contribute their own voices and concerns, some serious, some hilarious, to the public conversation about the Obama administration.  This project is <a href="http://pbskids.org/speakout/">up and running on the PBS Kids site</a>.</p>
<p><strong>Collective Communities</strong></p>
<p>This was presented in wireframe form at the conference, but we hope it sees the light of day.  Planned in partnership with Frontline, Collective Communities is a site meant to enable the archiving, categorization, and sharing of open-source documentary footage that would otherwise be left on the proverbial cutting room floor.  The possibilities are dreamy.</p>
<p>There&#8217;s more on <a href="http://blackpublicmedia.org/catalog/channel/openletterproject">Black Public Media</a>, including an educational project in Secondlife&#8217;s Virtual Harlem and an issues-driven mobile media project.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.helen-marie.com/index.php/2008/11/digesting-the-2008-new-media-institute-part-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

