<?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>New Media Initiatives</title>
	<atom:link href="http://blogs.walkerart.org/newmedia/feed/" rel="self" type="application/rss+xml" />
	<link>http://blogs.walkerart.org/newmedia</link>
	<description>Just another Walker Blogs weblog</description>
	<lastBuildDate>Mon, 07 May 2012 19:20:12 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<item>
		<title>Event Documentation and Webcasting for Museums</title>
		<link>http://blogs.walkerart.org/newmedia/2012/05/07/event-documentation-and-webcasting-for-museums/</link>
		<comments>http://blogs.walkerart.org/newmedia/2012/05/07/event-documentation-and-webcasting-for-museums/#comments</comments>
		<pubDate>Mon, 07 May 2012 19:20:12 +0000</pubDate>
		<dc:creator>Andy Underwood-Bultmann</dc:creator>
				<category><![CDATA[General]]></category>

		<guid isPermaLink="false">http://blogs.walkerart.org/newmedia/?p=1751</guid>
		<description><![CDATA[At the Walker, we webcast many of our events live. It is a history wrought with hiccups and road bumps, but doing so has given our audiences the opportunity to watch lectures, artist talks, and events live from their home or even abroad. More importantly, webcasting has focused our technique for documenting events. In the [...]]]></description>
			<content:encoded><![CDATA[<p>At the Walker, we <a href="http://www.walkerart.org/channel">webcast</a> many of our events live. It is a history wrought with hiccups and road bumps, but doing so has given our audiences the opportunity to watch lectures, artist talks, and events live from their home or even abroad. More importantly, webcasting has focused our technique for documenting events. In the broadcast world, “straight to tape” is a term used for programs such as late night talk shows that are directed live and sent straight to video tape, free of post-production. For the most part, we also try to minimize our post-production process, allowing us to push out content relatively quickly before moving onto the next show.</p>
<p><a href="http://blogs.walkerart.org/newmedia/2012/05/07/event-documentation-and-webcasting-for-museums/av-hs400-top-2/" rel="attachment wp-att-1754"><img class="alignnone size-medium wp-image-1754" src="http://blogs.walkerart.org/newmedia/files/2012/05/AV-HS400-top1-340x270.jpg" alt="" width="340" height="270" /></a></p>
<p>At the heart of our process is a Panasonic AV-HS400 video mixer, which accepts both an HD-SDI camera feed and a VGA feed from the presenter’s laptop.  The video mixer allows us to cut live between the speaker and his or her presentation materials, either with fades or straight cuts. In addition, the mixer’s picture-in-picture capability allows us to insert presentation materials into the frame, next to the speaker.  Doing so gives viewers both the expressiveness of the presenter and the visual references live audiences are seeing. One thing to note: if a speaker begins moving around the stage, it becomes difficult to frame a picture-in-picture, so the technique works better when people stand still.</p>
<p><a href="http://blogs.walkerart.org/newmedia/2012/05/07/event-documentation-and-webcasting-for-museums/david_pearson_image_1/" rel="attachment wp-att-1755"><img class="alignnone size-medium wp-image-1755" src="http://blogs.walkerart.org/newmedia/files/2012/05/David_Pearson_Image_1-340x191.jpg" alt="" width="340" height="191" /></a>         <a href="http://blogs.walkerart.org/newmedia/2012/05/07/event-documentation-and-webcasting-for-museums/david_pearson_image_2/" rel="attachment wp-att-1756"><img class="alignnone size-medium wp-image-1756" src="http://blogs.walkerart.org/newmedia/files/2012/05/David_Pearson_Image_2-340x191.jpg" alt="" width="340" height="191" /></a></p>
<p>The camera we use is a Sony PMW-350K, which is part of the XDCAM family. We shoot from the back of the room in all of our public spaces, putting a lot of distance between the camera and the subject. As a result, we need all the zoom our camera lens can give. Presently our lens is a Fujinon 8mm–128mm (16x), but realistically we could use something longer for better close-ups of the speaker. This is an important factor when considering cameras: where will your camera be positioned in relation to the subject, and how much reach is needed to get a good shot. Having a camera close to the speaker isn’t always practical with a live audience present, so many of shooters push the limits of their camera lens. Being so far out also puts a lot of strain on a tripod head. It is very easy to jiggle the frame when making slight camera moves fully zoomed out, so a good tripod head should go hand in hand with a long video lens.</p>
<p><a href="http://blogs.walkerart.org/newmedia/2012/05/07/event-documentation-and-webcasting-for-museums/pmw-350k/" rel="attachment wp-att-1757"><img class="alignnone size-medium wp-image-1757" src="http://blogs.walkerart.org/newmedia/files/2012/05/PMW-350K-340x340.jpg" alt="" width="340" height="340" /></a></p>
<p>For audio, our presenter’s microphone first hits the house soundboard and then travels to our camera where levels are monitored and adjusted. At that point, both the audio and the camera’s images travel through a single HD-SDI BNC cable to our video mixer where audio and video signals split up once again. This happens because the mixer draws audio from whatever source is selected. As such, if a non-camera source is selected, such as the PowerPoint, no audio is present. To resolve this, an HD-SDI direct out from the camera source on the mixer is used to feed a device that re-embeds the audio with the final mixed video signal. The embedding device we use is an AJA FS-1 frame synchronizer.</p>
<p><a href="http://blogs.walkerart.org/newmedia/2012/05/07/event-documentation-and-webcasting-for-museums/aja-fs1/" rel="attachment wp-att-1760"><img class="alignnone size-medium wp-image-1760" src="http://blogs.walkerart.org/newmedia/files/2012/05/AJA-FS1-340x118.jpg" alt="" width="340" height="118" /></a>          <a href="http://blogs.walkerart.org/newmedia/2012/05/07/event-documentation-and-webcasting-for-museums/kipro_thumb/" rel="attachment wp-att-1761"><img class="alignnone size-medium wp-image-1761" src="http://blogs.walkerart.org/newmedia/files/2012/05/KIPRO_thumb-340x189.jpg" alt="" width="340" height="189" /></a></p>
<p>With the frame synchronizer now kicking out a finished program, complete with embedded audio, our AJA KiPro records the content to an Apple ProRes file. We use a solid-state hard drive module as media, which pops out after an event is over and plugs directly into a computer for file transferring. An important thing to remember for anyone considering a mixer is that an external recording device is necessary to capture the final product.</p>
<p>To webcast, our FS-1 frame synchronizer simultaneously sends out a second finished signal to our Apple laptop. The laptop is outfitted with a video capture card, in our case a Matrox MXO2 LE breakout box, that attaches via the ExpressCard slot. Once the computer recognizes the video signal, it is ready for webcasting. The particular service we use is called <a href="http://www.ustream.tv/">Ustream</a>. A link to our Ustream account is embedded in the Walker’s video page, titled <a href="http://www.walkerart.org/channel"><em>The Channel</em></a>, and viewers can watch the event live through their browser. Live viewership can run the gamut from just a few people to more than 75 viewers. <a href="http://www.walkerart.org/channel/genre/architecture-design">Design-related programs</a>&#8211;like the popular <a href="http://www.walkerart.org/channel/2012/aaron-draplin-draplin-design-company-portland">lecture by designer Aaron Draplin</a> in March&#8211;tend to attract the biggest audiences. Once an event has concluded, Ustream stores a recording of the event within the account. We have the option to link to this recorded Ustream file through our website, but we don’t. Instead we try to quickly process our own recording to improve the quality before uploading it to YouTube.</p>
<p><a href="http://blogs.walkerart.org/newmedia/2012/05/07/event-documentation-and-webcasting-for-museums/streaming-image/" rel="attachment wp-att-1762"><img class="alignnone size-medium wp-image-1762" src="http://blogs.walkerart.org/newmedia/files/2012/05/Streaming-Image-340x313.jpg" alt="" width="340" height="313" /></a>        <a href="http://blogs.walkerart.org/newmedia/2012/05/07/event-documentation-and-webcasting-for-museums/walker-channel-2/" rel="attachment wp-att-1764"><img class="alignnone size-medium wp-image-1764" src="http://blogs.walkerart.org/newmedia/files/2012/05/Walker-Channel-2-340x331.jpg" alt="" width="340" height="331" /></a></p>
<p>The most frustrating part of our webcasting experiment has been bandwidth. The Walker has very little of it and thus we share a DSL line with the FTP server for webcasting. The upload speed on this DSL line tops out at 750 kbps. In real life, we get more like 500 kbps, leaving us to broadcast around 400 kbps. These are essentially dial-up numbers, which means the image quality is poor and our stream is periodically lost, even when the bit rate is kept down. Viewers at home are therefore prone to multiple disruptions while watching an event. We do hope to increase bandwidth in the coming months to make our service more reliable.</p>
<p>Earlier I mentioned that the Walker does as little post-production as possible for event documentation, but we still do some. Once the final ProRes file is transferred to an editing station, it is opened up in Final Cut 7. The audio track is then exported as a stand-alone stereo file and opened with Soundtrack Pro where it is normalized to 0db and given a layer of compression. With live events, speakers often turn their head or move away from the microphone periodically. This can make audio levels uneven.  Compression helps bring the softer moments in line with the louder ones, thus limiting dynamic range and delivering a more consistent product.</p>
<p>After the audio track is finished, it is dropped back into the timeline and the program’s front and back end are trimmed. We try to cut out all topical announcements and unnecessary introductions. Viewers don’t need to hear about this weekend’s events two years from now, so we don’t waste their time with it. In addition to tightening up the top of the show, an opening title slide is added including the program’s name and date. The timeline is then exported as a reference file and converted to an MP4 through the shareware program <em>MPEG streamclip</em>.</p>
<p><em>MPEG streamclip</em> is a favorite of mine because it lists the final file size and lets users easily adjust the bit rate. With a 2GB file size limit on YouTube uploads, we try to maximize bitrate (typically 1800–3000 kbps) for our 1280 x 720p files. Using a constant bit rate for encoding instead of a variable bit rate also saves us a lot of time. With the runtime of our events averaging 90 minutes, the sacrifice in image quality for a constant bit rate seems justified considering how long an HD variable bit rate encode can take.</p>
<p>Once we have the final MP4 file it is uploaded to YouTube and embedded in the Walker’s <a href="walkerart.org/channel">video page</a>.</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://blogs.walkerart.org/newmedia/2012/05/07/event-documentation-and-webcasting-for-museums/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Museums &amp; the Web 2012 Conference Notes</title>
		<link>http://blogs.walkerart.org/newmedia/2012/04/20/museums-the-web-2012-conference-notes/</link>
		<comments>http://blogs.walkerart.org/newmedia/2012/04/20/museums-the-web-2012-conference-notes/#comments</comments>
		<pubDate>Fri, 20 Apr 2012 12:00:52 +0000</pubDate>
		<dc:creator>Robin Dowden</dc:creator>
				<category><![CDATA[Around the Museum Web]]></category>
		<category><![CDATA[Conference Notes]]></category>

		<guid isPermaLink="false">http://blogs.walkerart.org/newmedia/?p=1698</guid>
		<description><![CDATA[It’s been a couple of years since I attended the annual Museums &#38; the Web conference. A must-stop for professionals working in the field of museums + all things online, this conference celebrated its 16th anniversary under new management with the same great content we’ve come to expect. A few of my conference takeaways: Cultural [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://blogs.walkerart.org/newmedia/2012/04/20/museums-the-web-2012-conference-notes/alive/" rel="attachment wp-att-1717"><img class="alignnone size-thumbnail wp-image-1717" title="T Visionarium (2008)" src="http://blogs.walkerart.org/newmedia/files/2012/04/alive-150x150.jpg" alt="" width="150" height="150" /></a> <a href="http://blogs.walkerart.org/newmedia/2012/04/20/museums-the-web-2012-conference-notes/whato/" rel="attachment wp-att-1722"><img class="alignnone size-thumbnail wp-image-1722" title="The O" src="http://blogs.walkerart.org/newmedia/files/2012/04/whato-150x150.jpg" alt="" width="150" height="150" /></a> <a href="http://blogs.walkerart.org/newmedia/2012/04/20/museums-the-web-2012-conference-notes/tate/" rel="attachment wp-att-1723"><img class="alignnone size-thumbnail wp-image-1723" title="Tate Analytics" src="http://blogs.walkerart.org/newmedia/files/2012/04/tate-150x150.png" alt="" width="150" height="150" /></a>   <a href="http://blogs.walkerart.org/newmedia/2012/04/20/museums-the-web-2012-conference-notes/plush2/" rel="attachment wp-att-1736"><img class="alignnone size-thumbnail wp-image-1736" title="Therapy companion" src="http://blogs.walkerart.org/newmedia/files/2012/04/plush2-150x150.jpg" alt="" width="150" height="150" /></a></p>
<p>It’s been a couple of years since I attended the annual Museums &amp; the Web conference. A must-stop for professionals working in the field of museums + all things online, this conference celebrated its 16<sup>th</sup> anniversary under new management with the same great content we’ve come to expect.</p>
<p>A few of my conference takeaways:</p>
<p><strong>Cultural data sculpting</strong><br />
Sarah Kenderine kicked off the conference, wowing us with her work in immersive environments using panoramic and stereoscopic display systems. I was entranced by recent installations using 3D imagery, high resolution augmented panoramas, and circular screens to recreate cultural heritage sites, performances and narratives (imagine dancers animating images in a cave painting and physical interactions with enormous datasets). From Hampi, India, and the Mogao caves, Dunhuang, China, to adaptions of Beckett narratives, the work of Kenderine’s lab at the City University of Hong Kong demonstrates the amazing possibilities for enhanced exploration, interactive interpretation, and new modalities of human interaction for cultural heritage preservation. Project documentation available <a href="http://www.cityu.edu.hk/scm/alive/exhibits.htm">here</a>.</p>
<p><strong>Be where the puck is going</strong><br />
In a session on <a href="http://www.museumsandtheweb.com/mw2012/sessions/digital_strategy">Digital Strategies</a>, Bruce Wyman evoked Wayne Gretsky’s advice to “Skate to where the puck is going to be, not where it has been.” Bruce spoke to the permeability of place as the future of interactive media and suggested restrictive digital strategies may run counter to our needs. In a period of fundamental change, we need to evolve the things that we are good at, be nimble, and design not for the device but for the visitor and their engagement. Wyman encouraged us to trust our audiences and serialize the experience by developing content that transcends and crosses platforms.</p>
<p>Like Wyman, Rob Stein is an eloquent technology advocate. In the same session, he advised to make sure your digital strategy reflects the larger museum strategy. And all you technologists who think you have difficulty getting upper management’s ear, work on your communication skills. Learn to write! Despite his claim that writing doesn’t come easy, Stein’s paper is excellent: <a href="http://www.museumsandtheweb.com/mw2012/papers/blow_up_your_digital_strategy_changing_the_c_1">Blow Up Your Digital Strategy: Changing the Conversation about Museums and Technology</a>.</p>
<p><strong>After Gutenberg</strong><br />
There was much talk in conference sessions and informal meetups about changing publishing models. In the session <a href="http://www.museumsandtheweb.com/mw2012/sessions/after_gutenberg">After Gutenberg</a>, the Whitney&#8217;s Sarah Hromack described the evolution of <a href="http://whitney.org/WhitneyStories">Whitney Stories</a>, a blog wherein the museum is wrestling with questions of authority—what stories do we want to tell, which staff are qualified to speak on behalf of the museum, editorial approval—and issues of sustainability. I haven’t had a chance to read <a href="http://www.museumsandtheweb.com/mw2012/papers/from_the_ground_up_or_the_inside_out_new_appro">the paper</a> but the presentation was a refreshingly honest assessment of the inherent problems in this work and the reality of making it a part of our daily practice (not in addition to what we do but rethinking how we do our work).</p>
<p><strong>A museum without labels</strong><br />
The <a href="http://mona.net.au/">Museum of Old and New Art (MONA)</a> is Australia’s largest private museum, a “secular temple” of 6,000 square meters to worship materialism with nary a label on the walls. Visitors use the <a href="http://artprocessors.net/the-o.php">‘O’</a> mobile device to read about art on display and listen to interviews with the artists. The museum’s unique take on audience engagement—including claims to remove the most popular work as evidenced in ‘O’ stats and restricting online collection access to visitors who have actually experienced the artwork—suggest this is indeed a museum visitors are unlikely to forget. I enjoyed <a href="http://www.theaustralian.com.au/news/features/temple-of-david/story-e6frg8h6-1225991011160">this article</a> on MONA’s founder, David Walsh, describing his vision for this “subversive Disneyland.”</p>
<p><strong>Spreading an analytics culture</strong><br />
There were a number of good sessions addressing the importance of continuous evaluation and building a culture of analytics. The panel on the <a href="http://weareculture24.org.uk/projects/action-research/">Culture24 research project</a> focused on the key findings in their recently published report. Among them, be clear <em>what</em> you are trying to do online and <em>who</em> it is for. Revise the <em>whole</em> suite of metrics you care about and the tools used to measure them. Google Analytics is only part of a multi-tool solution that begins with a good problem definition.</p>
<p>One of the participants in the Culture24 project, the Tate went into more detail on its efforts in a subsequent session and paper <a href="http://www.museumsandtheweb.com/mw2012/papers/making_sense_of_numbers_a_journey_of_spreading">Making Sense of Numbers: A Journey of Spreading the Analytics Culture at Tate</a>. Using the Tate Liverpool <em>Alice in Wonderland</em> exhibition as a test case, they described the analytics tools used (including Hootsuite, Adwords, Google Analytics, Facebook Insights, ticketing system, and YouTube analytics), matrices, and reports built in response to the exhibitions communication plan and areas of activity, both on and offline. While the exhibition reporting was awe-inspiring in its quality and thoroughness, Tijana Tasich, Tate’s senior digital producer, admitted that more work, training, and resources are required to implement similar evaluations across the organization and its programs.</p>
<p><strong>Epic fail</strong><br />
There’s much to learn from failed projects in our field and #MW2012 used this as a topic for its closing session. Hats off to the project cases studies that took the stage to reveal what didn’t work and why. Each project report included a round of bingo, with categories for failure occupying spaces on the card. Among them: poor organizational fit, must-be-invented-here syndrome, feature creep, tech in search of a problem, no user research, pleasing donors and funders, no local context, no backup plan, and not knowing when to say goodbye. Wifi was off during the session, forcing all of us to listen, learn, and not tweet specifics. Everyone should feel good after their time in the chair with therapist Wyman and his Labrador. We appreciate your honesty and hope we’re brave enough to take the stage at future conferences.</p>
<p><strong>Best of Web Awards</strong><br />
The Walker was lucky enough to walk away with two awards for the redesign of our website (best in the category of Innovation/Experimental and best Overall). We are honored to receive the recognition of our peers and humbled to be in the company of so many excellent projects. The full slate of winners is available <a href="http://www.museumsandtheweb.com/mw2012/best_of_the_web_winners">here</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://blogs.walkerart.org/newmedia/2012/04/20/museums-the-web-2012-conference-notes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Honeybees and Confetti Drops: Having Fun with Web Design</title>
		<link>http://blogs.walkerart.org/newmedia/2012/02/23/honeybees-and-confetti-drops-having-fun-with-web-design/</link>
		<comments>http://blogs.walkerart.org/newmedia/2012/02/23/honeybees-and-confetti-drops-having-fun-with-web-design/#comments</comments>
		<pubDate>Thu, 23 Feb 2012 13:00:31 +0000</pubDate>
		<dc:creator>Robin Dowden</dc:creator>
				<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://blogs.walkerart.org/newmedia/?p=1627</guid>
		<description><![CDATA[We&#8217;re a serious bunch at the Walker Art Center, except when we aren’t. Cat breaks have made their way into Art News from Elsewhere, and we’ve tucked in a few Easter eggs for fans of these hidden amusements. Our new site includes a confetti drop that appears when you click on Parties &#38; Special Events [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://blogs.walkerart.org/newmedia/2012/02/23/honeybees-and-confetti-drops-having-fun-with-web-design/attachment/404/" rel="attachment wp-att-1659"><img class="alignnone size-medium wp-image-1659" title="walkerart.org 404 error page" src="http://blogs.walkerart.org/newmedia/files/2012/02/404-340x237.png" alt="" width="340" height="237" /></a><a href="http://blogs.walkerart.org/newmedia/2012/02/23/honeybees-and-confetti-drops-having-fun-with-web-design/servererror/" rel="attachment wp-att-1658"><img class="alignnone  wp-image-1658" title="walkerart.org server error page" src="http://blogs.walkerart.org/newmedia/files/2012/02/servererror-340x237.png" alt="" width="340" height="237" /></a></p>
<p>We&#8217;re a serious bunch at the Walker Art Center, except when we aren’t. <a href="http://laughingsquid.com/the-films-of-skifcha-the-russian-cat-who-wears-paper-eyeglasses/">Cat breaks</a> have made their way into <a href="http://www.walkerart.org/magazine/type/art-news-from-elsewhere">Art News from Elsewhere</a>, and we’ve tucked in a few Easter eggs for fans of these hidden amusements. Our new site includes a confetti drop that appears when you click on <a href="http://www.walkerart.org/calendar/type/parties-and-special-events">Parties &amp; Special Events</a> in the calendar. And for those who find their way to a place that they shouldn’t, there’s a custom 404 page. God forbid there’s a server crash, we’ll send you to a page featuring Charles Ray&#8217;s <a href="http://collections.walkerart.org/item/object/8445"><em>Unpainted Sculpture</em></a>.</p>
<p>Last week <a href="http://blogs.walkerart.org/newmedia/author/ericprice/">Eric</a> added accumulating bees to the <a href="http://www.walkerart.org/calendar/2012/lifelike"><em>Lifelike</em></a> exhibition page. The longer you stay on the page, the larger the swarm.</p>
<p><a href="http://blogs.walkerart.org/newmedia/2012/02/23/honeybees-and-confetti-drops-having-fun-with-web-design/lifelike1/" rel="attachment wp-att-1653"><img class="alignnone size-medium wp-image-1653" title="walkerart.org/calendar/2012/lifelike + 1 bee" src="http://blogs.walkerart.org/newmedia/files/2012/02/lifelike1-340x228.png" alt="" width="340" height="228" /></a> <a href="http://blogs.walkerart.org/newmedia/2012/02/23/honeybees-and-confetti-drops-having-fun-with-web-design/lifelike2/" rel="attachment wp-att-1654"><img class="alignnone  wp-image-1654" title="walkerart.org/calendar/2012/lifelike + more than 1 bee" src="http://blogs.walkerart.org/newmedia/files/2012/02/lifelike2-340x227.png" alt="" width="340" height="227" /></a><br />
<a href="http://blogs.walkerart.org/newmedia/2012/02/23/honeybees-and-confetti-drops-having-fun-with-web-design/lifelike3/" rel="attachment wp-att-1655"><img class="alignnone size-medium wp-image-1655" title="walkerart.org/calendar/2012/lifelike + many bees" src="http://blogs.walkerart.org/newmedia/files/2012/02/lifelike3-340x226.png" alt="" width="340" height="226" /></a> <a href="http://blogs.walkerart.org/newmedia/2012/02/23/honeybees-and-confetti-drops-having-fun-with-web-design/lifelike4/" rel="attachment wp-att-1656"><img class="alignnone size-medium wp-image-1656" title="walkerart.org/calendar/2012/lifelike + how many bees?" src="http://blogs.walkerart.org/newmedia/files/2012/02/lifelike4-340x226.png" alt="" width="340" height="226" /></a></p>
<p>For those of you hoping to attract a few bees of your own, here&#8217;s <a href="http://www.walkerart.org/static/js/lifelike_bee.js">Eric&#8217;s script</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://blogs.walkerart.org/newmedia/2012/02/23/honeybees-and-confetti-drops-having-fun-with-web-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Continuous Deployment with Fabric</title>
		<link>http://blogs.walkerart.org/newmedia/2012/02/22/continuous-deployment-with-fabric/</link>
		<comments>http://blogs.walkerart.org/newmedia/2012/02/22/continuous-deployment-with-fabric/#comments</comments>
		<pubDate>Wed, 22 Feb 2012 14:25:32 +0000</pubDate>
		<dc:creator>Chris Thompson</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[Source Code]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[python]]></category>

		<guid isPermaLink="false">http://blogs.walkerart.org/newmedia/?p=1509</guid>
		<description><![CDATA[We have been using Fabric to deploy changes to walkerart.org. Fabric is a library that enables a string of commands to be run on multiple servers. Though similar things could be done with shell scripts, we enjoy staying in one language as much as possible. In Fabric, strings are composed and sent to remote servers [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://blogs.walkerart.org/newmedia/2012/02/22/continuous-deployment-with-fabric/28-texture-brown-black-woven-fabric/" rel="attachment wp-att-1616"><img class="aligncenter size-full wp-image-1616" src="http://blogs.walkerart.org/newmedia/files/2012/02/28-texture-brown-black-woven-fabric.jpg" alt="textured brown fabric" width="500" height="300" /></a><br />
We have been using Fabric to deploy changes to walkerart.org. Fabric is a library that enables a string of commands to be run on multiple servers. Though similar things could be done with shell scripts, we enjoy staying in one language as much as possible. In Fabric, strings are composed and sent to remote servers as commands over an SSH connection. Our Fabric scripts have been evolving over time with the project using the mentality: &#8220;If you know you are going to be doing something more than twice, script it!&#8221;</p>
<p>With Fabric we can tailor our deployments precisely. We deploy often with one of two commands:<br />
<code class="codecolorer text default"><span class="text">fab production simple_deploy</span></code> or <code class="codecolorer text default"><span class="text">fab production deploy</span></code>.<br />
<code class="codecolorer text default"><span class="text">simple_deploy</span></code> simply pulls new code from the repo and restarts the web server.<br />
<code class="codecolorer text default"><span class="text">deploy</span></code> does many things, each of which can be executed independently, and is explained below.</p>
<p>The scripts we run go both ways, code goes up to the server and data comes back to the workstation. We have <code class="codecolorer text default"><span class="text">fab sync_with_production</span></code>, which pulls the database and images. The images arrive locally in a directory specified by an environment variable or the default directory. Conventional naming schemes simplify variables across systems such as the database name. Except for some development settings, our workstation environments are identical to the production environment, which means we can replicate a bug or feature locally and immediately.</p>
<p>We have been collecting all of the commands we normally run on the servers into our fabfile. And then we can group them by calling tasks from other tasks. Our deployment consists of 12 tasks. With this Fabric task, one can deploy to the production or staging server with this one command:<br />
<code class="codecolorer text default"><span class="text">fab production deploy</span></code>.</p>
<p>This makes it incredibly simple to put code that is written on developer workstations into production in as safe and secure way. Here is our deployment in Fabric:</p>
<div class="codecolorer-container python twitlight" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="python codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #ff7700;font-weight:bold;">def</span> deploy<span style="color: black;">&#40;</span><span style="color: black;">&#41;</span>:<br />
<span style="color: #ff7700;font-weight:bold;">with</span> <span style="color: #dc143c;">cd</span><span style="color: black;">&#40;</span>env.<span style="color: black;">project</span><span style="color: black;">&#41;</span>:<br />
run<span style="color: black;">&#40;</span><span style="color: #483d8b;">'git pull'</span><span style="color: black;">&#41;</span><br />
get_settings<span style="color: black;">&#40;</span><span style="color: black;">&#41;</span><br />
install_requirements<span style="color: black;">&#40;</span><span style="color: black;">&#41;</span><br />
production_templates<span style="color: black;">&#40;</span><span style="color: black;">&#41;</span><br />
celerybeat<span style="color: black;">&#40;</span><span style="color: #483d8b;">'stop'</span><span style="color: black;">&#41;</span><br />
celeryd<span style="color: black;">&#40;</span><span style="color: #483d8b;">'stop'</span><span style="color: black;">&#41;</span><br />
synccompress<span style="color: black;">&#40;</span><span style="color: black;">&#41;</span><br />
migrate<span style="color: black;">&#40;</span><span style="color: black;">&#41;</span><br />
gunicorn<span style="color: black;">&#40;</span><span style="color: #483d8b;">'restart'</span><span style="color: black;">&#41;</span><br />
celeryd<span style="color: black;">&#40;</span><span style="color: #483d8b;">'start'</span><span style="color: black;">&#41;</span><br />
celerybeat<span style="color: black;">&#40;</span><span style="color: #483d8b;">'start'</span><span style="color: black;">&#41;</span></div></div>
<p>First the &#8220;with&#8221; blocks put us onto the remote server, into the right directory and within Python&#8217;s virtual environment. From there &#8220;git_pull&#8221; gets the new code which contains the settings files, and &#8220;get_settings&#8221; copies any new settings into place. The task called &#8220;install_requirements&#8221; calls on pip to validate our virtual environment&#8217;s packages against the setting file called requirements. All third party packages are locked to a version so we aren&#8217;t surprised by new &#8220;features&#8221; that have adverse effects. We use celery to harvest data from other sites so we make sure they are running with fresh config files. The task &#8220;syncompress&#8221; does our compressing of css and js, &#8220;migrate&#8221; alters the database per our migration files and gunicorn is the program that is running django.</p>
<p>It takes about 60 seconds for a new version of the website to get into production. From there it takes 0-10 minutes for the memcached values to expire before the public changes are visible. We are deploying continuously so watch closely for updates!</p>
]]></content:encoded>
			<wfw:commentRss>http://blogs.walkerart.org/newmedia/2012/02/22/continuous-deployment-with-fabric/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Optimizing page load time</title>
		<link>http://blogs.walkerart.org/newmedia/2011/12/14/optimizing-page-load-time/</link>
		<comments>http://blogs.walkerart.org/newmedia/2011/12/14/optimizing-page-load-time/#comments</comments>
		<pubDate>Wed, 14 Dec 2011 13:02:21 +0000</pubDate>
		<dc:creator>Nate Solas</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://blogs.walkerart.org/newmedia/?p=1428</guid>
		<description><![CDATA[We launched the new walkerart.org late on December 1, and it&#8217;s been a great ride. The month leading up to (and especially the preceding week starting Thanksgiving Day, when I was physically moving servers and virtualizing old machines) was incredibly intense and really brought the best out of our awesome team. I would be remiss [...]]]></description>
			<content:encoded><![CDATA[<p>We launched the new <a title="The bomb dot com" href="http://www.walkerart.org/">walkerart.org</a> late on December 1, and it&#8217;s been a <a title="launch = panic" href="https://twitter.com/#!/homebrewer/status/142433162180567040">great</a> <a title="Now just panic on the inside" href="https://twitter.com/#!/homebrewer/status/142436694162022401">ride</a>. The month leading up to (and especially the preceding week starting Thanksgiving Day, when I was physically moving servers and <a title="Tick. Obsolete. Tock." href="https://twitter.com/#!/homebrewer/status/139742681961205760">virtualizing old machines</a>) was incredibly intense and really brought the best out of our <a title="Srsly animated gifs ftw" href="https://twitter.com/#!/ericprice/status/142285810425806850">awesome</a> <a title="Real life." href="http://www.walkerart.org/image/the-walkers-website-development-team">team</a>. I would be remiss if I didn&#8217;t start this post by thanking <a href="http://blogs.walkerart.org/newmedia/author/ericprice/">Eric</a> &amp; Chris for their long hours and commitment to the site, <a href="http://blogs.walkerart.org/newmedia/author/robin/">Robin</a> for guiding when needed and deflecting everything else so we could do what we do, and <a href="http://blogs.walkerart.org/design/author/andrew/">Andrew</a> and <a href="http://blogs.walkerart.org/design/author/emmet/">Emmet</a> for whispering into Eric&#8217;s ear and steering the front-end towards the visual delight we ended up with. And obviously <a href="http://eyeteeth.blogspot.com/">Paul</a> and everyone writing for the site, because without content it&#8217;s all just bling and glitz.</p>
<p>Gushy thanks out of the way, the launch gave us a chance to notice the site was a little &#8230; <a title="True, true." href="https://twitter.com/#!/richcherry/status/143032584660717569">slow</a>. Ok, a lot, depending on your device and connection, etc. Not the universally fast experience we were hoping for. The <a title="Out to pasture" href="http://web.archive.org/web/20110716200907/http://walkerart.org/">previous Walker site</a> packed all the overhead into the page rendering, so with the HTML cached the rest would load in under a second, easy. The new site is heavy even if the HTML is cached. Just plain old heavy: <a title="I don't see fonts. True story." href="https://twitter.com/#!/colophonfoundry/status/142575672467001345">custom fonts</a>, <em>tons</em> of images popping and rotating, javascript widgets willy-nilly, third-party API calls&#8230;</p>
<p>Here&#8217;s the dirty truth of the homepage when we kicked it out the door December 1:</p>
<p>12/1:<strong> 2.6 MB</strong> over <strong>164 requests</strong>. Load times are pretty subjective depending on a lot of things, but we had good evidence of the page taking at least 4+ seconds from click to being usable &#8212; and MUCH longer in some cases. Everyone was clearly willing to cut us some slack with a shiny new site, but once the honeymoon is over we need to be usable every day &#8212; and that means fast. This issue pretty quickly moved to the top of our priority list the Monday after launch, December 5.</p>
<p>The first thing to tackle was the size: 2.6 MB is just way too big. Eric noticed our default image scaling routine was somehow not compressing jpgs (I know, duh), so that was an easy first step and made a huge difference in download size.</p>
<p>12/5:<strong> 1.9 MB</strong><strong>.</strong></p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-1441" title="Page size and request count" src="http://blogs.walkerart.org/newmedia/files/2011/12/pageload_graph.png" alt="" /></p>
<p><strong></strong>On the 6th we discovered (again, duh) lossless jpeg and png compression and immediately applied it to all the static assets on the site, but not yet to the dynamically-generated versions. Down to <strong>1.8 MB</strong>. We also set up a fake Content Delivery Network (CDN) to help &#8220;parallelize&#8221; our image downloads. Modern browsers allow six simultaneous connections to a single domain, so by hosting all our images at www.walkerart.org we were essentially trying to send all our content through one tiny straw. Chris was able to modify our image generator code to spread requests across three new domains: cdn0.walkerart.org, cdn1, etc. This bypasses the geography and fat pipe of a real CDN, but does give the end user a few more straws to suck content through.</p>
<div style="margin-left: 200px; margin-right: 200px; padding-left: 50px; background: #fff;">
<p><strong>Requests per Domain</strong></p>
<table style="padding: 5px;">
<tbody>
<tr>
<td width="200">www.walkerart.org</td>
<td>26</td>
</tr>
<tr>
<td>cdn1.walkerart.org</td>
<td>24</td>
</tr>
<tr>
<td>cdn0.walkerart.org</td>
<td>24</td>
</tr>
<tr>
<td>cdn2.walkerart.org</td>
<td>21</td>
</tr>
<tr>
<td>f.fontdeck.com</td>
<td>4</td>
</tr>
<tr>
<td>other</td>
<td>7</td>
</tr>
</tbody>
</table>
</div>
<p>&nbsp;</p>
<p>By the 8th we were ready to push out global image optimization and blow away the cache of too-big images we&#8217;d generated. I&#8217;m kind of astounded I&#8217;d never done this on previous sites, considering what an easy change it was and what a difference it made. We&#8217;re using <a href="http://freecode.com/projects/jpegoptim">jpegoptim</a> and <a href="http://optipng.sourceforge.net/">optipng</a>, and it&#8217;s fantastic: probably 30% <em>lossless</em> saving on <em>already compressed</em> jpegs and pngs. No-brainer.</p>
<p>12/8: <strong>1.4 MB</strong>, almost half of what we launched with.</p>
<p>Next we needed to <a title="It's amazing the internet even works at all." href="http://blog.catchpoint.com/2010/09/17/anatomyhttp/">reduce the number of requests</a>. We pushed into the second weekend with a big effort to optimize the Javascript and CSS. Earlier attempts using minify had blown up and were abandoned. Eric and Chris really stepped up to find a load order that worked and a safe way to combine and compress files without corrupting the contents. Most of the work was done Friday, but we opted to wait for Monday to push it out.</p>
<p>Meanwhile, I spent the weekend pulling work from the client&#8217;s browser back to the server where we could cache it site-wide. This doesn&#8217;t really impact bytes transferred, but it does remove a remote API call, which could take anywhere from a fraction of a second (unnoticeable) to several seconds in a worst-case scenario (un-usable). This primarily meant writing code to regularly call and cache all of our various Twitter feeds and the main weather widget. These are now served in the cached HTML and it&#8217;s negligible in the load time, instead of 200+ ms on average. It all adds up!</p>
<p>&nbsp;</p>
<h3>CSS Sprite for Header and Footer nav images (it has a transparent background, so it&#8217;s supposed to look like that):</h3>
<p>&nbsp;</p>
<p style="text-align: center;"><img class="size-large wp-image-1466 aligncenter" title="header_footer_sprite" src="http://blogs.walkerart.org/newmedia/files/2011/12/header_footer_sprite-1024x997.png" alt="" width="700" height="681" /></p>
<p>&nbsp;</p>
<p>So Monday, 12/12, we pushed out our first big changes to address the number of queries. Eric had combined most of the static pngs into a <a href="http://css-tricks.com/158-css-sprites/">CSS Sprite</a>, the javascript and CSS were reduced to fewer files, and the third party APIs were no longer called in the browser. Really getting there, now.</p>
<p>12/12: <strong>1.37 MB</strong>, and <strong>125 requests</strong></p>
<p>Happily (as I was writing this) Eric just pushed out the last (for now) CSS sprite, giving us these final numbers:</p>
<p>12/13: <strong>1.37 MB</strong>, and <strong>110 requests</strong>! (down 53% and 67% respectively)</p>
<p>This isn&#8217;t over, but it&#8217;s gotten to the point of markedly diminishing returns. We&#8217;re fast enough to be pretty competitive and no longer embarrassing on an iPad, but there are a few more things to pick off around the edges. We&#8217;re heavier and slower than most of our museum peers, but lighter and faster than a lot of similar news sites. Which one are we? Depends which stats I want to compare. :)</p>
<blockquote><p>We used the following tools to help diagnose and prioritize page loading time issues:<br />
<a href="http://tools.pingdom.com/fpt/">http://tools.pingdom.com/fpt/<br />
</a><a href="https://developers.google.com/pagespeed/">https://developers.google.com/pagespeed/<br />
</a><a href="http://developer.yahoo.com/yslow/">http://developer.yahoo.com/yslow/</a></p></blockquote>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://blogs.walkerart.org/newmedia/2011/12/14/optimizing-page-load-time/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>&#8220;Gamechanger&#8221;: Early reviews of the new Walker website</title>
		<link>http://blogs.walkerart.org/newmedia/2011/12/05/reviews-of-the-new-walker-art-center-website/</link>
		<comments>http://blogs.walkerart.org/newmedia/2011/12/05/reviews-of-the-new-walker-art-center-website/#comments</comments>
		<pubDate>Mon, 05 Dec 2011 17:49:27 +0000</pubDate>
		<dc:creator>Paul Schmelzer</dc:creator>
				<category><![CDATA[Announcements]]></category>
		<category><![CDATA[Media]]></category>

		<guid isPermaLink="false">http://blogs.walkerart.org/newmedia/?p=1329</guid>
		<description><![CDATA[Launched late last week, the new Walker website is generating plenty of reactions from art bloggers, journalists and our colleagues in the museum world.]]></description>
			<content:encoded><![CDATA[<p><a href="http://blogs.walkerart.org/newmedia/2011/12/05/reviews-of-the-new-walker-art-center-website/screen-shot-2011-12-05-at-11-54-29-am/" rel="attachment wp-att-1378"><img class="alignnone size-large wp-image-1378" title="Screen shot 2011-12-05 at 11.54.29 AM" src="http://blogs.walkerart.org/newmedia/files/2011/12/Screen-shot-2011-12-05-at-11.54.29-AM-955x1024.png" alt="" width="559" height="598" /></a></p>
<p>Launched late last week, the <a href="http://www.walkerart.org/">new Walker website</a> is generating plenty of reactions from art bloggers, journalists and our colleagues in the museum world.</p>
<p><strong>Tyler Green</strong> of <strong><em>Modern Art Notes</em></strong> offered a quick response last week, calling the site a &#8220;<a href="http://blogs.artinfo.com/modernartnotes/2011/12/why-the-walkers-new-website-is-a-big-deal/">game-changer</a>, the website that every art museum will have to consider from this point forward.&#8221; He followed that up with a<a href="http://blogs.artinfo.com/modernartnotes/2011/12/why-the-walkers-new-website-is-a-big-deal/"> more in-depth piece today</a> that both praised the Walker (&#8220;no American art museum is more prepared to produce journalism than is the Walker&#8221;) and offered some challenges (&#8220;How probative will the Walker site be about its own institution, which dominates the presentation of contemporary art in a huge section of the country?&#8221;).</p>
<p>&#8220;Art museum websites typically pretend that the museum is an island unto itself,&#8221; he writes. &#8220;The new Walker website rejects that approach by presenting the Walker as both a physical and a virtual community hub — and it defines its community appropriately broadly, as both the art world and the Walker’s home state of Minnesota. With its audience thus defined, the new website promises to provide not just information about the Walker, but information about art and artists wherever they are, with an special and appropriate focus on its home region. That’s smart. Next up: We’ll see how the website delivers on that promise.&#8221;</p>
<p><strong>Alexis Madrigal</strong> at<em><strong> The Atlantic</strong></em> writes that the site &#8220;should be <a href="http://www.theatlantic.com/technology/archive/2011/12/museum-as-node-what-to-love-about-the-walker-art-centers-new-website/249495/">a model for other institutions of all kinds</a>.&#8221; He writes: &#8220;What I love most about what the Walker is attempting to do is that they seem to have realized that they can do more than stave off a slow spiral into irrelevance. The Internet means that the Walker can become a global art powerhouse from the comfort of the upper Midwest.&#8221;</p>
<p><strong>Seb Chan</strong>, recently named director of digital and emerging media at the <strong>Cooper Hewitt, National Design Museum</strong>, interviewed Walker staff about the technology side of the site, noting that &#8220;it represents <a href="http://www.freshandnew.org/2011/12/03/museum-website-newspaper-interview-walker-art-center/">a potential paradigm shift for institutional websites</a>.&#8221;</p>
<p><strong>Museum Nerd</strong>, the popular anonymous art-tweeter and blogger, followed up a tweet from Friday (below), with a <a href="http://museumnerd.wordpress.com/2011/12/02/the-walkers-new-website-is-an-earthshaking-game-changer/">fleshed out analysis</a> at <a href="http://artlog.com/posts/260-the-walker-s-game-changing-new-website"><em>Artlog</em></a>. Calling the site an &#8220;earth-shaking gamechanger,&#8221; Museum Nerd writes, &#8220;They’re not just positioning themselves as an arbiter of taste (the connoisseurship thing has long been in every art museum’s bailiwick): the Walker is also placing themselves at the center of the conversation that their mission is all about.&#8221;</p>
<p><a href="http://minnesota.publicradio.org/collections/special/columns/state-of-the-arts/archive/2011/12/walker-art-center-launches-new-website.shtml"><strong> Marianne Combs</strong> at <strong>MPR</strong></a>: &#8220;As a reporter, I find this shift particularly interesting, because it marks a significant step forward in an ongoing trend. Namely arts organizations, faced with a lack of media coverage, are creating their own coverage, and taking the dialogue directly to their audiences.&#8221;</p>
<p><strong><a href="http://www.secretsofthecity.com/secrets/view/new-walker-art-center-website-launches"><em>Secrets of the City</em></a></strong>: &#8220;[P]retty darn cool. The new look moves the site into more of a content focused direction, but also makes it easier to see what’s happening in the galleries.&#8221;</p>
<p><strong><a href="https://twitter.com/#%21/GettyMuseum/status/142636069291180032">The Getty:</a></strong></p>
<p><a href="http://blogs.walkerart.org/newmedia/2011/12/05/reviews-of-the-new-walker-art-center-website/screen-shot-2011-12-02-at-1-47-42-pm/" rel="attachment wp-att-1332"><img class="alignnone size-full wp-image-1332" title="Screen shot 2011-12-02 at 1.47.42 PM" src="http://blogs.walkerart.org/newmedia/files/2011/12/Screen-shot-2011-12-02-at-1.47.42-PM.png" alt="" width="600" height="270" /></a></p>
<p><strong><a href="https://twitter.com/#%21/artsmia/status/142641125746937856">Minneapolis Institute of Arts:</a></strong></p>
<p><a href="http://blogs.walkerart.org/newmedia/2011/12/05/reviews-of-the-new-walker-art-center-website/screen-shot-2011-12-02-at-1-52-08-pm/" rel="attachment wp-att-1334"><img class="alignnone size-full wp-image-1334" title="Screen shot 2011-12-02 at 1.52.08 PM" src="http://blogs.walkerart.org/newmedia/files/2011/12/Screen-shot-2011-12-02-at-1.52.08-PM.png" alt="" width="600" height="200" /></a></p>
<p><strong><a href="https://twitter.com/#%21/ICAPhiladelphia/status/142713440715284480">ICA Philadelphia:</a></strong></p>
<p><a href="http://blogs.walkerart.org/newmedia/2011/12/05/reviews-of-the-new-walker-art-center-website/screen-shot-2011-12-02-at-3-17-35-pm/" rel="attachment wp-att-1335"><img class="alignnone size-full wp-image-1335" title="Screen shot 2011-12-02 at 3.17.35 PM" src="http://blogs.walkerart.org/newmedia/files/2011/12/Screen-shot-2011-12-02-at-3.17.35-PM.png" alt="" width="600" height="282" /></a></p>
<p><strong><a href="https://twitter.com/#%21/MuseumModernArt/status/142624292247580673">MoMA</a>:</strong></p>
<p><a href="http://blogs.walkerart.org/newmedia/2011/12/05/reviews-of-the-new-walker-art-center-website/screen-shot-2011-12-02-at-1-44-49-pm/" rel="attachment wp-att-1331"><img class="alignnone size-full wp-image-1331" title="Screen shot 2011-12-02 at 1.44.49 PM" src="http://blogs.walkerart.org/newmedia/files/2011/12/Screen-shot-2011-12-02-at-1.44.49-PM.png" alt="" width="601" height="250" /></a></p>
<p><strong><a href="https://twitter.com/#%21/MattressFactory/status/142612988065628160">The Mattress Factory:</a></strong></p>
<p><a href="http://blogs.walkerart.org/newmedia/2011/12/05/reviews-of-the-new-walker-art-center-website/screen-shot-2011-12-02-at-1-50-49-pm/" rel="attachment wp-att-1333"><img class="alignnone size-full wp-image-1333" title="Screen shot 2011-12-02 at 1.50.49 PM" src="http://blogs.walkerart.org/newmedia/files/2011/12/Screen-shot-2011-12-02-at-1.50.49-PM.png" alt="" width="600" height="228" /></a></p>
<p><strong><a href="https://twitter.com/#%21/museumnerd/status/142664720246255616">Museumnerd</a>:</strong></p>
<p><a href="http://blogs.walkerart.org/newmedia/2011/12/05/reviews-of-the-new-walker-art-center-website/screen-shot-2011-12-02-at-1-41-07-pm/" rel="attachment wp-att-1330"><img class="alignnone size-full wp-image-1330" title="Screen shot 2011-12-02 at 1.41.07 PM" src="http://blogs.walkerart.org/newmedia/files/2011/12/Screen-shot-2011-12-02-at-1.41.07-PM.png" alt="" width="600" height="265" /></a></p>
<p>I&#8217;ll continue to update this post as more reviews come in.</p>
<p><span style="text-decoration: underline;"><strong>Updates </strong></span></p>
<p><strong>12.06.11:</strong> <strong>Nina Simon</strong> at <strong><em><a href="http://museumtwo.blogspot.com/2011/12/digital-museums-reconsidered-exploring.html">Museum 2.0</a></em></strong>:</p>
<blockquote><p>&#8220;Here&#8217;s what I see: a website as a unique core offering&#8211;alongside, but not subservient to, the physical institution. Walkerart.org is not <em>about</em> the Walker Art Center. It <em>is</em> the Walker Art Center, in digital form.&#8221;</p></blockquote>
<p>&nbsp;</p>
<p><strong>12.08.11:</strong> <strong><a href="http://www.independent.co.uk/arts-entertainment/art/features/the-ideas-factory-curating-the-future--a-us-gallerys-digital-reframing-6273712.html"><em>The Independent</em></a></strong> (UK):</p>
<p>&#8220;It&#8217;s curation, but not as we (or other galleries) know it yet. It ought to help hugely the Walker&#8217;s role on the arts stage&#8230;&#8221;</p>
<p><strong><a href="http://minnov8.com/2011/12/08/walker-art-centers-awesome-new-website/"><em>Minnov8</em></a>:</strong></p>
<p>&#8220;To say I was impressed is an understatement: the design is fresh, exciting to view and the content compelling. The breadth and depth of coverage of art and design quickly shifted my mind toward a completely different place, one of consideration, thought and ideas instead of my typical focus on the tech &#8216;flipper-flappers&#8217; and &#8216;eye candy&#8217; of this new website they’d delivered.&#8221;</p>
<p><strong>12.09.11:<em> <a href="http://www.itsnicethat.com/articles/walker-art-center">It&#8217;s Nice That</a></em></strong> (UK):</p>
<p>&#8220;It’s a great step forward that should be welcomed by all creative types – the writing is excellent and it looks great too with lots of interesting web design tricks producing a thing of real beauty.&#8221;</p>
<p><strong> 12.20.11: <a href="http://www.good.is/post/the-year-in-design-that-works/">Alissa Walker, <em>GOOD</em></a></strong>:</p>
<p>&#8220;A vibrant and thoughtful portal for the local creative community&#8230; Museums everywhere should take note, yes, but publications should be paying attention as well.&#8221;</p>
]]></content:encoded>
			<wfw:commentRss>http://blogs.walkerart.org/newmedia/2011/12/05/reviews-of-the-new-walker-art-center-website/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Digital Wayfinding in the Walker, Pt. 1</title>
		<link>http://blogs.walkerart.org/newmedia/2011/11/18/digital-wayfinding-1/</link>
		<comments>http://blogs.walkerart.org/newmedia/2011/11/18/digital-wayfinding-1/#comments</comments>
		<pubDate>Fri, 18 Nov 2011 18:26:49 +0000</pubDate>
		<dc:creator>Eric Price</dc:creator>
				<category><![CDATA[Digital Signage]]></category>
		<category><![CDATA[General]]></category>
		<category><![CDATA[Graphic Design]]></category>
		<category><![CDATA[Hardware]]></category>
		<category><![CDATA[Motion Graphics]]></category>
		<category><![CDATA[Projects]]></category>
		<category><![CDATA[Research]]></category>

		<guid isPermaLink="false">http://blogs.walkerart.org/newmedia/?p=1253</guid>
		<description><![CDATA[An ongoing conversation here at the Walker concerns the issue of systemic wayfinding within our spaces &#8212; certainly an important issue for an institution actively seeking attendance and public engagement, not to mention an institution whose building is literally a hybrid of the old and new (with our 2005 expansion). While not normally in New [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://blogs.walkerart.org/newmedia/2011/11/18/digital-wayfinding-1/signage_exhibitions_1/" rel="attachment wp-att-1257"><img class="alignnone size-full wp-image-1257" title="Digital Signage 1" src="http://blogs.walkerart.org/newmedia/files/2011/11/signage_exhibitions_1.jpg" alt="" width="640" height="480" /></a></p>
<p>An ongoing conversation here at the Walker concerns the issue of systemic wayfinding within our spaces &#8212; certainly an important issue for an institution actively seeking attendance and public engagement, not to mention an institution whose building is literally a hybrid of the old and new (with our 2005 expansion). While not normally in New Media&#8217;s purview, and only occasionally so for Design, a recent initiative to improve the flow and general satisfaction of visitors brought with it the idea of using digital displays, with their malleable content and powerful visual appeal, to guide and direct people throughout the Walker.</p>
<div id="attachment_1258" class="wp-caption alignright" style="width: 160px"><a href="http://blogs.walkerart.org/newmedia/2011/11/18/digital-wayfinding-1/signage_vinyl/" rel="attachment wp-att-1258"><img class="size-thumbnail wp-image-1258" title="Vinyl Directional Signage" src="http://blogs.walkerart.org/newmedia/files/2011/11/signage_vinyl-150x150.jpg" alt="" width="150" height="150" /></a><p class="wp-caption-text">Our new static directional signage</p></div>
<p>Currently installed in one location of an eventual three, and with a simple &#8220;phase one&#8221; version of the content, the Bazinet Lobby monitor banks cycle through the title graphics for all the exhibitions currently on view, providing a mental checklist of sorts that allows the visitor to tally what he or she has or hasn&#8217;t yet seen that directly references the vinyl graphics at each gallery entrance. The corner conveniently works as an intersection for two hallways leading to a roughly equivalent number of galleries in either direction, one direction leading to our collection galleries in the Barnes tower, and the other our special exhibition galleries in the Herzog &amp; de Meuron expansion. To this end, we&#8217;ve repurposed the &#8220;street sign&#8221; motif used on our new vinyl wall graphics to point either way (which also functions as a nice spacial divider). Each display tower cycles through it&#8217;s given exhibitions with a simple sliding transition, exposing the graphics one by one. An interesting side effect of this motion and the high-contrast LCDs has been the illusion of each tower being a &#8217;70s-style mechanical lightbox; I&#8217;ve been tempted to supplement it with a soundtrack of quiet creaking.</p>
<p>The system, powered by <a href="http://www.sedna-presenter.com/">Sedna Presenter</a> and running on four headless, remotely-accessible Mac Minis directly behind the wall, affords us a lot of flexibility. While our normal exhibitions cycle is a looped After Effects composition, we&#8217;re also working on everything from decorative blasts of light and pattern (the screens are blindingly bright enough to bathe almost the entire lobby in color), to live-updating Twitter streams (during parties and special events), to severe weather and fire alerts (complete with a rather terrifying pulsating field of deep red). In fact, this same system is now even powering our pre-show cinema trailers. I&#8217;m particularly interested in connecting these to an Arduino&#8217;s environmental sensors that would allow us to dynamically change color, brightness, etc. based on everything from temperature to visitor count to time of day &#8212; look for more on that soon.</p>
<p>See it in action:</p>
<p><iframe width="700" height="394" src="http://www.youtube.com/embed/aOJ5wsoZo7I?fs=1&#038;feature=oembed" frameborder="0" allowfullscreen></iframe></p>
<p>Behind the scenes / Severe weather alert:</p>
<p><a href="http://blogs.walkerart.org/newmedia/2011/11/18/digital-wayfinding-1/signage_computers/" rel="attachment wp-att-1264"><img class="alignnone size-medium wp-image-1264" title="Signage Mac Minis" src="http://blogs.walkerart.org/newmedia/files/2011/11/signage_computers-225x300.jpg" alt="" width="225" height="300" /></a> <a href="http://blogs.walkerart.org/newmedia/2011/11/18/digital-wayfinding-1/signage_alert/" rel="attachment wp-att-1263"><img class="alignnone size-medium wp-image-1263" title="Severe Weather Alert" src="http://blogs.walkerart.org/newmedia/files/2011/11/signage_alert-225x300.jpg" alt="" width="225" height="300" /></a></p>
<p>Installation:</p>
<p><a href="http://blogs.walkerart.org/newmedia/2011/11/18/digital-wayfinding-1/img_1659/" rel="attachment wp-att-1305"><img class="alignnone size-medium wp-image-1305" title="Installation 1" src="http://blogs.walkerart.org/newmedia/files/2011/11/IMG_1659-300x224.jpg" alt="" width="300" height="224" /></a> <a href="http://blogs.walkerart.org/newmedia/2011/11/18/digital-wayfinding-1/img_1661/" rel="attachment wp-att-1306"><img class="alignnone size-medium wp-image-1306" title="Installation 2" src="http://blogs.walkerart.org/newmedia/files/2011/11/IMG_1661-300x224.jpg" alt="" width="300" height="224" /></a> <a href="http://blogs.walkerart.org/newmedia/2011/11/18/digital-wayfinding-1/img_1671/" rel="attachment wp-att-1307"><img class="alignnone size-medium wp-image-1307" title="IMG_1671" src="http://blogs.walkerart.org/newmedia/files/2011/11/IMG_1671-300x224.jpg" alt="" width="300" height="224" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://blogs.walkerart.org/newmedia/2011/11/18/digital-wayfinding-1/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>New Media Initiatives&#8217; Somewhat Unintentional Tribute to Mr. Jobs (R.I.P.)</title>
		<link>http://blogs.walkerart.org/newmedia/2011/10/06/new-media-initiatives-somewhat-unintentional-tribute-to-mr-jobs-r-i-p/</link>
		<comments>http://blogs.walkerart.org/newmedia/2011/10/06/new-media-initiatives-somewhat-unintentional-tribute-to-mr-jobs-r-i-p/#comments</comments>
		<pubDate>Thu, 06 Oct 2011 16:04:18 +0000</pubDate>
		<dc:creator>Eric Price</dc:creator>
				<category><![CDATA[General]]></category>

		<guid isPermaLink="false">http://blogs.walkerart.org/newmedia/?p=1228</guid>
		<description><![CDATA[Our little corner of the office, over the past few months, has been transformed into a veritable Apple Store in miniature. You&#8217;ll be seeing some of these around the galleries soon. Photo by Greg Beckel]]></description>
			<content:encoded><![CDATA[<p><a href="http://blogs.walkerart.org/newmedia/files/2011/10/macs_2.jpg"><img class="alignnone size-medium wp-image-1230" title="New Media Macs, 2" src="http://blogs.walkerart.org/newmedia/files/2011/10/macs_2-300x225.jpg" alt="" width="300" height="225" /><br />
</a></p>
<p>Our little corner of the office, over the past few months, has been transformed into a veritable Apple Store in miniature. You&#8217;ll be seeing some of these around the galleries soon.</p>
<p><em>Photo by Greg Beckel</em></p>
]]></content:encoded>
			<wfw:commentRss>http://blogs.walkerart.org/newmedia/2011/10/06/new-media-initiatives-somewhat-unintentional-tribute-to-mr-jobs-r-i-p/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Museums and the Web 2011 recap</title>
		<link>http://blogs.walkerart.org/newmedia/2011/04/11/museums-and-the-web-2011-recap/</link>
		<comments>http://blogs.walkerart.org/newmedia/2011/04/11/museums-and-the-web-2011-recap/#comments</comments>
		<pubDate>Mon, 11 Apr 2011 16:57:22 +0000</pubDate>
		<dc:creator>Nate Solas</dc:creator>
				<category><![CDATA[Conference Notes]]></category>
		<category><![CDATA[mw2011]]></category>

		<guid isPermaLink="false">http://blogs.walkerart.org/newmedia/?p=1200</guid>
		<description><![CDATA[I shared a ride to the airport with some colleagues who had very different takeaways from the conference than I did, so it&#8217;s clear there wasn&#8217;t a universal message. Everyone picks and chooses the ideas that might apply to what they&#8217;re working on.  Here&#8217;s what stood out to me: Cast wider nets: organize, filter, present. [...]]]></description>
			<content:encoded><![CDATA[<p>I shared a ride to the airport with some colleagues who had very different takeaways from the conference than I did, so it&#8217;s clear there wasn&#8217;t a universal message. Everyone picks and chooses the ideas that might apply to what they&#8217;re working on.  Here&#8217;s what stood out to me:</p>
<h1><img class="alignright" style="margin-left: 10px; margin-right: 10px;" title="Open Graph Protocol" src="http://opengraphprotocol.org/open_graph_protocol_logo.png" alt="Open Graph Protocol" width="212" height="212" />Cast wider nets: organize, filter, present.</h1>
<p>Just as we&#8217;re getting good at putting our content online and connected internally, we&#8217;re starting to realize that&#8217;s not good enough. We need to connect more dots for our visitors: show related content not just from our institution, and not just from other institutions in the sector, but the entire web. We&#8217;re still a trusted source dealing with authoritative information, but we&#8217;re now expected to use that authority to interpret and present more than just our own content.</p>
<p>Part of this includes opening up our content in return so that <em>we</em> can be part of <em>someone else&#8217;s</em> related content. This includes OpenGraph markup (FaceBook, etc), simple machine readable versions, and above all: sort out our licensing and make it easy to understand what can be shared and how!</p>
<h1>Standardize access, not content.</h1>
<p>There was some of the usual hand-wringing over metadata formats and authorities, but also some new ideas on skirting that hurdle rather than jumping it. While everyone agrees we need to continue to work towards clean, linked, open data using shared authorities, there are a number of steps we can take right now that can potentially have a great impact.</p>
<p>Namely, what if we standardize the <em>access</em> to the data, rather than the data itself? Rather than building another API (although we&#8217;re still going to), we can provide similar and simpler functionality right now. (In an afternoon, if my impassioned rant is to be believed!  :)  Details to follow.)</p>
<h1>Stop inventing. Iterate.</h1>
<p>A great demo (early beta here: <a href="http://trope.com/miami/">http://trope.com/miami/</a>) was given in the unfortunate timeslot of 8am on Saturday morning. The Art in Public Places project by Miami-Dade County is, to quote <a href="https://twitter.com/#!/minxmertzmomo/status/56726474224447488">@minxmertzmomo</a>: &#8220;a great example of doing the obvious thing excellently&#8221;. There is a tendency to try to solve our shared problems in a unique way with a special and clever twist (guilty!), when instead we should be choosing best-practices from working solutions and applying them in an un-complicated way. To reach higher we need to stand on others&#8217; shoulders instead of building our own stepladders.</p>
<h1><a href="http://beta.tate.org.uk/art/work/D24666"><img class="alignleft size-medium wp-image-1207" style="margin-left: 10px; margin-right: 10px;" title="'The Scarlet Sunset', Joseph Mallord William Turner - Tate Collection" src="http://blogs.walkerart.org/newmedia/files/2011/04/Screenshot-The-Scarlet-Sunset-Joseph-Mallord-William-Turner-Tate-Collection-Google-Chrome-450x325.png" alt="Tate Collection Online" width="270" height="195" /></a>Don&#8217;t finish building the wrong site.</h1>
<p>James Davis from the Tate presented a <a href="http://conference.archimuse.com/mw2011/papers/art_artists">great paper</a> describing the process they&#8217;ve taken to launch the new (also beta) version of their Collections site: <a href="http://beta.tate.org.uk/art/explorer">http://beta.tate.org.uk/art/explorer</a>. The paper is a lovely narrative exploring the issues we face when development takes years and we must constantly remind ourselves to not finish building what we started building, but instead what it&#8217;s become along the way.</p>
<h1>Summary</h1>
<p>For me the conference provided a great summary of the latest innovations and thinking of museums online, and affirmed for me many of the choices and directions we&#8217;re taking in our current relaunch project. It was fantastic to see old friends and make new ones, and hopefully set the stage for future collaborations. I&#8217;ve also got a growing list of stuff to steal (er, shoulders to stand on.. :). Fantastic stuff all around!</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://blogs.walkerart.org/newmedia/2011/04/11/museums-and-the-web-2011-recap/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Building the 50/50 Voting App</title>
		<link>http://blogs.walkerart.org/newmedia/2010/08/19/building-the-5050-voting-app/</link>
		<comments>http://blogs.walkerart.org/newmedia/2010/08/19/building-the-5050-voting-app/#comments</comments>
		<pubDate>Thu, 19 Aug 2010 19:11:58 +0000</pubDate>
		<dc:creator>Brent Gustafson</dc:creator>
				<category><![CDATA[General]]></category>
		<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://blogs.walkerart.org/newmedia/?p=1169</guid>
		<description><![CDATA[For our upcoming exhibition 50/50: Audience and Experts Curate the Paper Collection, we&#8217;re trying something a bit different. As you can probably tell from the title, we&#8217;re allowing our audience to help us curate a show. The idea is that our chief curator, Darsie Alexander, will curate 50% of the show, and the audience will [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://farm5.static.flickr.com/4074/4894416207_2f8ba54e0c.jpg" alt="50/50 Voting App" /></p>
<p>For our upcoming exhibition <em><a href="http://walkerart.org/5050">50/50: Audience and Experts Curate the Paper Collection</a></em>, we&#8217;re trying something a bit different.  As you can probably tell from the title, we&#8217;re allowing our audience to help us curate a show.  The idea is that our chief curator, Darsie Alexander, will curate 50% of the show, and the audience will select from a group of 180 different print works for the other half.</p>
<p>As with most things presented to New Media, the question was posed, &#8220;how best do we do this?&#8221;.  The exhibition is being hung in the same room as <a href="http://calendar.walkerart.org/canopy.wac?id=5306">Benches and Binoculars</a>, so the obvious answer was to use the kiosk already there as the voting platform for the show.  With this in mind I started to think of different ways to present the voting app itself.</p>
<p>My initial idea was to do a &#8220;4-up&#8221; design.  Display four artworks and ask people to choose their favorite.  The idea was that this would make people confirm a choice in comparison to others.  If you see some of what you&#8217;re selecting against, it can make it easier to know whether you want specific works in the show or not.  But it also has the same effect in reverse.  If you have two artworks that you really like, it can be just as hard to only be able to choose one.  The other limitation?  After coming up with the 4-up idea, we also decided to add iPhones into the mix as a possible voting platform (as well as iPads, an general internet browsers).  The images on the iPhone&#8217;s screen were much to small to make decent comparisons on.</p>
<p>Nate suggested instead using a &#8220;hot or not&#8221; style voting system.  One work that you basically vote yes or no on.  This had the small downfall of not being able to compare a work against others, but allowed us to negate the &#8220;analysis paralysis&#8221; of the 4-up model.  It also worked much better on mobile devices.</p>
<p>The second big decision we faced was &#8220;what do we show&#8221;?  I had assumed in the beginning that we&#8217;d be showing label copy of every work like we do just about everywhere but it was suggested early on that we do no such thing.  We didn&#8217;t want to influence voters by having a title or artist on every piece.  With works by <a href="http://collections.walkerart.org/item/agent/42">Chuck Close</a> and <a href="http://collections.walkerart.org/item/agent/314">Andy Warhol</a> mixed into the print selections, it&#8217;s much too easy to see their name and vote for them simply because of their name.  We wanted people to vote on what work they wanted to see, not what artist they wanted to see.</p>
<p>Both of these decisions proved to be pivotal in the popularity of the voting app.  It made the voting app very streamlined and simplified.  With 180 works to go through it makes it much easier to get through the entire thing.  Choices are quick and easy.  The results screen after voting on each artwork shows the current percentage of no to yes votes.  This is a bit of a psychological pull.  You as a user know what you think of this artwork, but what do others think about it?  The only way to find out is to vote.</p>
<p><img src="http://farm5.static.flickr.com/4135/4895012414_38ccc4b24e.jpg" alt="50/50 Voting App Results Screen" /></p>
<p>Because of this the voting app has been a success far beyond what we even thought it would be.  I thought if we got 5,000-10,000 votes we would be doing pretty well.  Half way through the voting process now, we have well over 100,000 votes.  We&#8217;ve had  over 1,500 users voting on the artworks.  We&#8217;ve collected over 500 email addresses wanting to know who the winners are when all the voting is tallied.  We never expected anything this good and we have several weeks of voting yet to come.</p>
<p>One interesting outcome of all of these votes has been the number of yes&#8217;s to no&#8217;s over all of the works.  Since the works are presented randomly (well, pseudo randomly for each user), one might expect that half the works would have more yes than no votes, and vice versa.  But that&#8217;s not turned out to be the case.  About 80% of the works have more no votes than yes&#8217;s.  Why is this?</p>
<p>There are various theories.  Perhaps people are more selective if they know something will be on view in public.  Perhaps people in general are just overly negative.  Or perhaps people really don&#8217;t like any of our artwork!</p>
<p>But one of the more interesting theories of why this is goes back to the language we decided to use.  Originally we were going to use the actual words &#8220;Yes&#8221; and &#8220;No&#8221; to answer the question &#8220;Would you like to see this artwork on view?&#8221;.  This later got changed to &#8220;Definitely&#8221; and &#8220;Maybe Not&#8221;.  Notice how the affirmative answer has much more weight behind it: &#8220;Yes, most definitely!&#8221;, whereas the negative option leaves you a bit of wiggle room &#8220;Eh, maybe not&#8221;.  It&#8217;s this differentiation between being sure of a decision and perhaps not so sure that may have contributed to people saying no more often than yes.</p>
<p>Which begs the question, what if it was changed?  What if the options instead were &#8220;Definitely Not&#8221; and &#8220;Sure&#8221;?  Now the definitive answer is on the negative and the positive answer has more room to slush around (&#8220;Hell no!&#8221; vs &#8220;Ahh sure, why not?!&#8221;).  It would be interesting to see what the results would have been with this simple change in language.  Maybe next time.  This round, we&#8217;re going to keep our metrics the same throughout to keep it consistant.</p>
<p>The voting for 50/50 runs until Sept 15.  If <a href="http://walkerart.org/5050">you&#8217;d like to participate</a>, you still have time!</p>
]]></content:encoded>
			<wfw:commentRss>http://blogs.walkerart.org/newmedia/2010/08/19/building-the-5050-voting-app/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>

