<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/atom10full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><feed xmlns="http://www.w3.org/2005/Atom">
<title>Interface_</title>
<link rel="alternate" type="text/html" href="http://interface.missouri.edu/" />

<id>tag:interface.missouri.edu,2008-05-27://1</id>
<updated>2009-06-12T17:08:48Z</updated>
<subtitle>The official blog of Web Communications at the University of Missouri</subtitle>
<generator uri="http://www.sixapart.com/movabletype/">Movable Type Pro 4.25</generator>

<link rel="self" href="http://feeds.feedburner.com/Interface_" type="application/atom+xml" /><entry>
<title>Mizzou Facebook page launch</title>
<link rel="alternate" type="text/html" href="http://interface.missouri.edu/2009/06/mizzou-facebook-page-launch.php" />
<id>tag:interface.missouri.edu,2009://1.370</id>

<published>2009-06-12T16:22:12Z</published>
<updated>2009-06-12T17:08:48Z</updated>

<summary>It’s amazing what a little branding scare will do to ignite change in a large public institution. For what has seemed like years Mizzou’s Facebook presence has been seriously lacking in an official capacity. There were many reasons: hesitancy by...</summary>
<author>
<name>Jason Rollins</name>

</author>

<category term="facebook" label="facebook" scheme="http://www.sixapart.com/ns/types#tag" />
<category term="socialmedia" label="social media" scheme="http://www.sixapart.com/ns/types#tag" />

<content type="html" xml:lang="en" xml:base="http://interface.missouri.edu/">
<![CDATA[<p><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="images.jpg" src="http://interface.missouri.edu/images.jpg" width="111" height="111" class="mt-image-right" style="float: right; margin: 0 0 20px 20px;" /></span>It&#8217;s amazing what a little branding scare will do to ignite change in a large public institution. For what has seemed like years <a href="http://www.facebook.com/pages/Columbia-MO/Mizzou/90109721511">Mizzou&#8217;s Facebook presence</a> has been seriously lacking in an official capacity. There were many reasons: hesitancy by administration, lack of staff for support, lack of content, fear of the unknown, etc. All of those reasons (which amount to excuses) held us back. That was, until Facebook announced <a href="http://www.facebook.com/username/">they&#8217;d be providing users and pages with the option to create vanity urls</a>. We mentioned to administration the fear of others snatching up &#8216;Mizzou&#8217; or &#8216;University of Missouri&#8217; as names and we were off to the races!</p>
]]>
<![CDATA[<p>Suddenly, we were thrust into the social media world with a vengeance. Our official news sites (<a href="http://mizzouwire.missouri.edu">Mizzou Wire</a> and the <a href="http://munews.missouri.edu">MU News Bureau</a>) have had <a href="http://twitter.com/mizzouwire">Twitter</a> <a href="http://twitter.com/MizzouNews">accounts</a> for a few months now as well as <a href="http://www.facebook.com/pages/Columbia-MO/Mizzou-Wire/45078291237">Facebook</a> pages and we now had the green light for the university to have its own page.</p>

<p><strong>Points we kept in mind</strong></p>

<p>With as much planning as we could muster on such short notice we moved forward. Here are a few of the guidelines we started with:</p>

<ul>
<li><p><strong>Standing out</strong> - I designed the stacked MU logo to fit within the Facebook layout, but also stand out and make it obvious we were the official Mizzou page. There are quite a few <a href="http://www.facebook.com/pages/University-of-Missouri-Columbia/21496920854">Mizzou</a> <a href="http://www.facebook.com/pages/Columbia-MO/Mizzou-Tigers/72276594898">imposters</a> out there and so we used the term &#8216;official&#8217; in the box of ambiguity to try and make it clear as well as reporting them to Facebook.</p></li>
<li><p><strong>Posting schedule</strong> - This was a concern of mine starting out. We wanted to post high-quality, high-level, campus-wide stories on our wall that would generate buzz for the page and drive people there; and ultimately to our campus sites. We made sure to front load the page with a few nice, recent stories to make it seem like we weren&#8217;t just getting started. As for the schedule, we have decided to have one story post and one &#8216;Photo of the Day&#8217; post per day. That way we&#8217;re not inundating users and hogging up their feeds. We&#8217;re still trying to hone when we&#8217;ll post each one. From yesterday&#8217;s traffic it seemed like more users were coming to the site in the early afternoon; that&#8217;s when we saw a spike in new fans. Maybe we&#8217;ll post one in the late morning, one in the early afternoon? This is where we&#8217;re learning.</p></li>
<li><p><strong>Discussion boards</strong> - one goal we have is to not make the page a &#8216;we feed you&#8217; endeavor. We would like it to become a place where the discussion is a two-way street. We&#8217;ve added a few Admission-y discussion boards and expect to put more as we go. We&#8217;re also open to posting statuses that get people to come and comment, but again, we&#8217;re concerned about flooding news feeds. Does anybody have examples of appropriate usage in this regard?</p></li>
</ul>

<p><strong>Questions for you</strong></p>

<p>There&#8217;s much more to come. We&#8217;re committed to making this work. Obviously, it&#8217;s not the end-all-be-all of our web presence but if we&#8217;re going to do it we want to do it right, and be the best we can be at it. We want to know from you:</p>

<ul>
<li><p><strong>Events</strong>- We&#8217;d like to add events soon, pulling the most important events from the campus. I personally would like to take advantage of the best analytics that exist for Facebook so I&#8217;m open to that. What are some nice analytics sites that work for Facebook?</p></li>
<li><p><strong>Drivers</strong> - We&#8217;re driving people there from the homepage audience gateways and I&#8217;m looking forward to looking at the numbers on that. Our office staff has been promoting the page from our personal Twitter accounts, as well as from IM and word-of-mouth and e-mail. What other ways can you think of?</p></li>
<li><p><strong>More, more more</strong> - I&#8217;m also looking forward to taking advantage of the Static FBML application where we can. It seems like that&#8217;s the best way to personalize the page and really stand out, which we&#8217;re really trying to do.</p></li>
</ul>

<p><strong>Join us!</strong></p>

<p>We have nearly 300 users in just over 24 hours, so we&#8217;re pleased. If you haven&#8217;t already, <a href="http://www.facebook.com/pages/Columbia-MO/Mizzou/90109721511">join us on Facebook</a>. Even if you aren&#8217;t an alum we&#8217;d love to have you take part in the discussion.</p>
]]>
</content>
</entry>

<entry>
<title>Happy project management</title>
<link rel="alternate" type="text/html" href="http://interface.missouri.edu/2009/06/happy-project-management.php" />
<id>tag:interface.missouri.edu,2009://1.366</id>

<published>2009-06-02T20:16:46Z</published>
<updated>2009-06-02T20:43:22Z</updated>

<summary>“You don’t have to give up the power of Microsoft Project for the simplicity and efficacy of Basecamp. The IntelliGantt Add In for Microsoft Project gives you the best of both worlds, which means a happy project manager and a...</summary>
<author>
<name>Jamie Scheppers</name>

</author>

<category term="General" scheme="http://www.sixapart.com/ns/types#category" />

<category term="Tools/Utilities" scheme="http://www.sixapart.com/ns/types#category" />


<content type="html" xml:lang="en" xml:base="http://interface.missouri.edu/">
<![CDATA[<p>&#8220;You don&#8217;t have to give up the power of Microsoft Project  for the simplicity and efficacy of Basecamp. The IntelliGantt Add In for Microsoft Project gives you the best of both worlds, which means a happy project manager and a happy team.&#8221;</p>

<p>That quote, from the <a href="http://www.teamdirection.com/index.html">Team Direction Web site</a>, pretty much sums up my latest breakthrough as project manager for Web Communications. But how did I get there?</p>

<h3>It began with Basecamp</h3>

<p>Our department has been using <a href="http://www.basecamphq.com/">Basecamp</a> since before I worked here. It&#8217;s a great online tool for managing project tasks because it allows everyone on the team to see to-do lists across multiple projects and to add, delete and mark complete those to-do items as needed. You can give team members access to as little or as much as needed and there are no syncing or hosting issues since it is Web-based. </p>

<p>Monthly charge or not, we weren&#8217;t ready to give up our Basecamp account. But that doesn&#8217;t mean it&#8217;s perfect. While Basecamp allows you to assign milestones within a project, it doesn&#8217;t have the ability to apply complex dependencies among those milestones. (You know, task B can&#8217;t start until task A finishes, no matter how late task A runs, and so on&#8230;) Yes, if you move one, Basecamp can move all subsequent milestones back by the same number of days, but this is far too simplistic for the level of complexity in a multi-person, multi-project office. </p>

<h3>Enter MS Project</h3>

<p>Gantt charts are my friend. I&#8217;m a visual person, and I really like being able to see a project (or several projects, in my case) laid out in front of me on a timeline&#8212; no imagination required. 
In a perfect world, our department would switch over to Project and take advantage of its collaboration features. But the problem with that is that we&#8217;d need the more expensive MS Project Server and the Web Access add-on. What&#8217;s more, we would have to purchase 12 licenses and somehow get our IT department to expedite their process for evaluating software and providing support. Not likely.</p>

<p>So, I compromised and decided that we really only need one copy of MS Project Standard for our department. The least expensive solution in the Project family of products. <br />
I &#8216;d make my Gantt charts and print them for my office wall from time to time so that others could check in to see how things were shaping up. And then I could take some time to transpose those dates and to-dos into Basecamp. It&#8217;s not ideal, but it&#8217;s a cost-effective compromise.</p>

<p>But what if Project could sync with Basecamp? That&#8217;d boost my productivity like none other, right?</p>

<h3>Enter the IntelliGantt Add In for MS Project</h3>

<p>The <a href="http://www.teamdirection.com/mspaddin/index.html">IntelliGantt Add In for MS Project</a> seems to have been developed with MS SharePoint in mind, but it does sync with Basecamp. Here&#8217;s a <a href="http://www.teamdirection.com/screencasts/mspaddin_basecamp1_screencast.html">screencast about integrating Project and Basecamp</a>. 
I struggled a bit at first, but once I enabled Basecamp&#8217;s API, it worked like a charm. (You need to be the account owner, not just an administrator, to do this.) I&#8217;m still working out the kinks, like how to set up MS Project so that milestones and to-do items appear correctly in Basecamp, but it&#8217;s already saving me mucho time. </p>

<p>As it stands now, all of the line items from MS Project show up in Basecamp as one to-do list. I still need to assign responsibility for the task, but I&#8217;m guessing there&#8217;s away to automate this that I haven&#8217;t found yet.  I also need to manually sort to-dos into separate lists for easier reading in Basecamp, but that&#8217;s not too time consuming with the drag and drop feature.</p>

<p>As with anything, the longer I use the software, the more adept I&#8217;ll become. I&#8217;m definitely open to advice if anyone else has a similar set-up, though!</p>
]]>


</content>
</entry>

<entry>
<title>Breaking the web language barrier</title>
<link rel="alternate" type="text/html" href="http://interface.missouri.edu/2009/06/breaking-the-web-language-barr.php" />
<id>tag:interface.missouri.edu,2009://1.365</id>

<published>2009-06-01T16:02:48Z</published>
<updated>2009-06-01T16:22:41Z</updated>

<summary>Our office has grown to where we’re not a few people who wear a bunch of “hats”. We now have a group of people who are specialized in their own little world. Whether it be technical or content, we all...</summary>
<author>
<name>Jason Rollins</name>

</author>

<category term="General" scheme="http://www.sixapart.com/ns/types#category" />

<category term="Tools/Utilities" scheme="http://www.sixapart.com/ns/types#category" />


<content type="html" xml:lang="en" xml:base="http://interface.missouri.edu/">
<![CDATA[<p>Our office has grown to where we&#8217;re not a few people who wear a bunch of &#8220;hats&#8221;. We now have a group of people who are specialized in their own little world. Whether it be technical or content, we all have our own avenues we traverse in the web world. This situation creates communication problems where we have to explain how we do our jobs, or even what certain words mean, to our own office mates. This eats up precious time and creates &#8220;knowledge gaps&#8221;.</p>

<p><a href="http://www.smashingmagazine.com/">Smashing Magazine</a> - a great web resource for developers - has provided <a href="http://www.smashingmagazine.com/2009/05/29/useful-glossaries-for-web-designers-and-developers/">an aggregate list of web glossaries</a> for just this problem. Categories include typography, usability, marketing, CSS and XHTML and more. It might not make a writer an expert on analytics, but it is a great way to get started; or at least give someone some working knowledge on a subject.</p>

<p>So if you&#8217;re having a problem trying to explain what resolution is to a client or what the heck wysiwyg means, check out this helpful listing:</p>

<p><a href="http://www.smashingmagazine.com/2009/05/29/useful-glossaries-for-web-designers-and-developers/">Useful Glossaries For Web Designers and Developers</a></p>
]]>


</content>
</entry>

<entry>
<title>Redesigned Human Resource Services site launches</title>
<link rel="alternate" type="text/html" href="http://interface.missouri.edu/2009/04/redesigned-human-resource-serv.php" />
<id>tag:interface.missouri.edu,2009://1.356</id>

<published>2009-04-29T18:30:21Z</published>
<updated>2009-04-29T18:34:10Z</updated>

<summary> Another MU WebCom project is done! The redesigned Human Resource Services (HRS) site is live. This was a long, complex project that touched almost everyone on our staff. Every aspect of the site was rebuilt, from the information architecture...</summary>
<author>
<name>Josh Nichols</name>
<uri>http://www.joshnichols.com</uri>
</author>

<category term="Announcements" scheme="http://www.sixapart.com/ns/types#category" />

<category term="Design" scheme="http://www.sixapart.com/ns/types#category" />

<category term="Web Content" scheme="http://www.sixapart.com/ns/types#category" />


<content type="html" xml:lang="en" xml:base="http://interface.missouri.edu/">
<![CDATA[<p><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="hrs1.jpg" src="http://interface.missouri.edu/2009/04/29/hrs1.jpg" width="610" height="305" class="mt-image-none" style="" /></span></p>

<p>Another MU WebCom project is done! The redesigned <a href="http://hrs.missouri.edu/">Human Resource Services (HRS) site</a> is live. This was a long, complex project that touched almost everyone on our staff. Every aspect of the site was rebuilt, from the information architecture to the final design. The following is a quick recap of our goals.</p>
]]>
<![CDATA[<h3>General goals</h3>

<ul>
<li>Create a better organized, user-friendly site.</li>
<li>Develop a warmer, more informal feel. </li>
<li>Help users understand what Human Resource Services does encompass, and get users to the resources not managed by Human Resource Services as quickly and seamlessly as possible.</li>
</ul>

<h3>Content goals</h3>

<ul>
<li>More user-focused naming conventions (i.e. &#8220;scent&#8221; words)</li>
<li>Addition of a Pay &amp; Benefits section that talks about these elements in user-friendly, general terms (insurance, retirement, etc) and pushes users to the specific resources mentioned both in the body copy links and sidebars. This gives the user many opportunities to find the information when they&#8217;re scanning. It also keeps the maintenance of information within the owning department.</li>
<li>Addition of keywords to position descriptions.</li>
</ul>

<h3>Design goals</h3>

<ul>
<li>Look more like an MU-branded institutional site.</li>
<li>Use the university&#8217;s colors: black and gold.</li>
<li>Feel warmer and more personal.</li>
<li>Have a navigation that can handle a lot of content.</li>
<li>Use link-type icons </li>
</ul>

<h4>Primary navigation</h4>

<p><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="hrs2.jpg" src="http://interface.missouri.edu/2009/04/29/hrs2.jpg" width="610" height="240" class="mt-image-none" style="" /></span></p>

<p>For the site&#8217;s primary navigation we wanted a tabbed effect, which works pretty well, but we also wanted to have a more three dimensional effect with the tabs overlapping, and the selected one on top. This proved to be troublesome to implement, but with a lot of trial and error, we were able to create the effect using nothing but browser text and CSS. Unfortunately, IE6 can&#8217;t handle it, so it gets a separate set of styles with regular square tabs.</p>

<h4>Link-type icons</h4>

<p><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="hrs3.jpg" src="http://interface.missouri.edu/2009/04/29/hrs3.jpg" width="350" height="338" class="mt-image-right" style="float: right; margin: 0 0 20px 20px;" /></span></p>

<p>The HRS site tends to link to a lot of external resources and varying document types. It&#8217;s a good idea to give the user a hint that they are about to leave the site or download a PDF, so we wanted to add an icon to each external/document link. Unfortunately, our CMS makes it difficult to manually add icons to every link and the CSS selector solution failed to work in Internet Explorer (or allow us to combine external and document icons). Our solution was to incorporate JavaScript that automatically adds an icon to the link without having to worry about managing them in the CMS. </p>

<h3>Go team</h3>

<p>Overall, I think the site redesign was a huge success. Congratulations to everyone who worked on this project! Now, on to the next one.</p>
]]>
</content>
</entry>

<entry>
<title>It's just a button. Adding AddThis should be easy.</title>
<link rel="alternate" type="text/html" href="http://interface.missouri.edu/2009/04/its-just-a-button-adding-addth.php" />
<id>tag:interface.missouri.edu,2009://1.354</id>

<published>2009-04-23T19:41:59Z</published>
<updated>2009-04-23T20:06:52Z</updated>

<summary>This week, we had the big boss command us to put the AddThis button on MizzouWire’s story pages. It’s a handy service that helps visitors share your content by emailing it or posting it to various social media sites. It’s...</summary>
<author>
<name>Josh Nichols</name>
<uri>http://www.joshnichols.com</uri>
</author>

<category term="Javascript" scheme="http://www.sixapart.com/ns/types#category" />

<category term="Tools/Utilities" scheme="http://www.sixapart.com/ns/types#category" />

<category term="addthis" label="AddThis" scheme="http://www.sixapart.com/ns/types#tag" />

<content type="html" xml:lang="en" xml:base="http://interface.missouri.edu/">
<![CDATA[<p>This week, we had the big boss command us to put the <a href="http://www.addthis.com">AddThis</a> button on <a href="http://mizzouwire.missouri.edu">MizzouWire</a>&#8217;s story pages. It&#8217;s a handy service that helps visitors share your content by emailing it or posting it to various social media sites.</p>

<h3>It&#8217;s just a little button. How hard can it be to add it?</h3>

<p>Well, that depends &#8230;</p>

<p><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="addthis-1.jpg" src="http://interface.missouri.edu/2009/04/23/addthis-1.jpg" width="610" height="400" class="mt-image-none" style="" /></span></p>

<p>It&#8217;s never easy to just add a feature to your site. Even little buttons have their problems. The AddThis button, for example, uses off-site JavaScript to work and if you don&#8217;t apply it in a certain way, it might affect your site in unexpected ways.</p>

<p>Sure, if you just copy and paste the code where you want the button, it&#8217;ll work, but here are some of the problems we ran into.</p>
]]>
<![CDATA[<h3>The issues of using AddThis</h3>

<h4>It relies on a 3rd party site to work</h4>

<p>The JavaScript and images come from a 3rd party site, so if AddThis is slow, or down, your site suffers. Images for the button may not load or the JavaScript in the <code>&lt;body&gt;</code> of your page may delay the rendering of your content.</p>

<h4>Layout and design adjustments</h4>

<p>You may have to adjust the HTML and CSS of your site design to allow space for the button.</p>

<h4>Problems with embedded Flash</h4>

<p>If you have embedded Flash next to the button, it will appear above the button&#8217;s overlays.</p>

<p><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="addthis-2.jpg" src="http://interface.missouri.edu/2009/04/23/addthis-2.jpg" width="610" height="400" class="mt-image-none" style="" /></span></p>

<h3>How we worked around these issues</h3>

<h4>Move the JavaScript</h4>

<p>To help with the page rendering times, we moved the <code>&lt;script&gt;</code> tags from the supplied code into the <code>&lt;head&gt;</code> of the document. This allows the script to load parallel to the page and keep the loading times down. </p>

<p>We also downloaded a copy of the button image and hosted it locally to limit the dependancy on AddThis for our images, so if the AddThis site is down we don&#8217;t get a broken image link.</p>

<h4>Add a class to the button image</h4>

<p>By default, the button image has some inline style rules applied to it and no ID or Class. In order for me to style it to match my site design I removed the inline styles and gave the image a Class. Then I could style it my way.</p>

<h4>Adjust the Flash embed code</h4>

<p>To fix the overlapping Flash problem, <a href="http://www.addthis.com/help/troubleshooting/faq/">AddThis has a solution in their FAQ section</a>. Basically, you just have to add the <code>wmode="transparent"</code> parameter to your embed code. Unfortunately for us, because of how we set things up in our CMS, we have to go back to every piece of Flash and add that parameter by hand. :-(</p>

<h3>We still like AddThis</h3>

<p>AddThis is a great service and it works pretty well. I don&#8217;t want to imply that it&#8217;s a bad idea to use services like it. The easy &#8220;copy and paste&#8221; code is necessary for AddThis to get people to use it. That&#8217;s fine for most sites, but if you&#8217;re concerned about your site&#8217;s performance, always pay close attention to any 3rd party code you decide to put on your pages.</p>

<p>Sometimes adding a button really can be a big deal.</p>
]]>
</content>
</entry>

<entry>
<title>Custom click through button with Slideshow Pro</title>
<link rel="alternate" type="text/html" href="http://interface.missouri.edu/2009/04/custom-click-through-button-wi.php" />
<id>tag:interface.missouri.edu,2009://1.345</id>

<published>2009-04-08T15:23:39Z</published>
<updated>2009-04-08T15:52:26Z</updated>

<summary>On a recent project, I needed to produce a simple slide show, like this one, so I used SlideShow Pro (SSP) to create it. The difference was that I needed to have captions appear below the slide show and a...</summary>
<author>
<name>Josh Nichols</name>
<uri>http://www.joshnichols.com</uri>
</author>

<category term="Flash" scheme="http://www.sixapart.com/ns/types#category" />

<category term="actionscript" label="ActionScript" scheme="http://www.sixapart.com/ns/types#tag" />
<category term="flash" label="Flash" scheme="http://www.sixapart.com/ns/types#tag" />
<category term="slideshowpro" label="SlideShow Pro" scheme="http://www.sixapart.com/ns/types#tag" />

<content type="html" xml:lang="en" xml:base="http://interface.missouri.edu/">
<![CDATA[<p>On a recent project, I needed to produce a simple slide show, <a href="http://slideshowpro.net/examples/keep_it_simple">like this one</a>, so I used <a href="http://slideshowpro.net">SlideShow Pro</a> (SSP) to create it. The difference was that I needed to have captions appear below the slide show and a click through button on top of it to let the viewer know that there was a profile attached to the image. Since SSP doesn&#8217;t do this &#8220;out of the box&#8221; I had to resort to using some ActionScript. </p>

<p><em>Note: All code here is AS2 and I assume you already know how to use SSP.</em></p>

<h3>Create your slide show</h3>

<p>I already figured out how to make my captions display externally, so <a href="http://interface.missouri.edu/2007/11/customizing-captions-with-slid.php">review that post for more detailed info</a>. For this project, here&#8217;s a quick overview:</p>

<ul>
<li>Create your Flash document using ActionScript 2 (code here is in AS2).</li>
<li>Place your SSP instance and give it an instance name of <code>my_ssp</code>.</li>
<li>Publish your slide show and make sure it&#8217;s working.</li>
</ul>

<p><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="ssp-name.jpg" src="http://interface.missouri.edu/2009/04/08/ssp-name.jpg" width="365" height="125" class="mt-image-none" style="" /></span></p>
]]>
<![CDATA[<h3>Create the caption area</h3>

<ul>
<li>Increase the size of your flash document to allow space for your caption below the slide show component.</li>
<li>Draw a text box in the space you created. </li>
<li>Make it a dynamic text field with these properties:
<ul>
<li>Give it an instance name of <code>caption_ta</code>. </li>
<li>Set it to a multiline field.</li>
<li>&#8220;Selectable&#8221; and &#8220;Render Text as HTML&#8221; buttons pressed.</li>
<li>Adjust your font and color options.</li>
</ul></li>
</ul>

<p><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="ssp-stage.jpg" src="http://interface.missouri.edu/2009/04/08/ssp-stage.jpg" width="573" height="539" class="mt-image-none" style="" /></span></p>

<h3>Create your button</h3>

<p>Next, create a button object in Flash. You will want to give it &#8220;Up&#8221;, &#8220;Over&#8221;, &#8220;Down&#8221; and &#8220;Hit&#8221; layers.</p>

<p>The &#8220;Hit&#8221; layer is the part of the button that is clickable by the user. For this example, I made the &#8220;Hit&#8221; layer the size of our entire Flash movie. When you put the captions outside the SSP component, they aren&#8217;t clickable. By making the &#8220;Hit&#8221; area of your button the size of your movie, everything becomes clickable. </p>

<ul>
<li>Place the button on top of the SSP instance where you want it.</li>
<li>Give it an instance name of <code>link_btn</code>.</li>
<li>Double check the &#8220;Hit&#8221; layer and make sure it covers the movie completely.</li>
</ul>

<p><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="ssp-button.jpg" src="http://interface.missouri.edu/2009/04/08/ssp-button.jpg" width="508" height="541" class="mt-image-none" style="" /></span></p>

<p><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="ssp-caption.jpg" src="http://interface.missouri.edu/2009/04/08/ssp-caption.jpg" width="511" height="456" class="mt-image-none" style="" /></span></p>

<h3>Add the ActionScript (2)</h3>

<p>Next, we need to create an empty layer to hold all of our ActionScript.</p>

<p><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="ssp-timeline.jpg" src="http://interface.missouri.edu/2009/04/08/ssp-timeline.jpg" width="412" height="186" class="mt-image-none" style="" /></span></p>

<ul>
<li>Create a new layer in your timeline and name it &#8220;a&#8221;.</li>
<li>select this layer and open the &#8220;Actions&#8221; window.</li>
<li>Paste this code into it.</li>
</ul>

<p><em>If anyone has a version of this code in AS3, let me know and I&#8217;ll include it too.</em></p>

<pre><code>sspListener = new Object();

sspListener.onImageData = function(eventObject) {
     currentImage = eventObject.data.number;
          caption_ta.htmlText = eventObject.data.caption;
          link_btn.onPress = function() {
                getURL(eventObject.data.link, "_self");
                }
           }

my_ssp.addEventListener("onImageData", sspListener);
</code></pre>

<p><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="ssp-actionscript.jpg" src="http://interface.missouri.edu/2009/04/08/ssp-actionscript.jpg" width="475" height="255" class="mt-image-none" style="" /></span></p>

<h3>Test your slide show</h3>

<p>Save everything and publish out your files just like you normally would. If everything is goes right, you should now have captions below the slide show and a click through button that has a clickable area the entire size of your slide show.</p>

<p><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="ssp-sample.jpg" src="http://interface.missouri.edu/2009/04/08/ssp-sample.jpg" width="468" height="343" class="mt-image-none" style="" /></span></p>

<h3>Tweaking caption space</h3>

<p>Since Flash doesn&#8217;t expand to fit content, you have to make the caption field tall enough for your longest caption. If you don&#8217;t have enough room, Flash will just cut it off. Remember, if you change the dimensions of your flash file, you also have to change the dimensions in the HTML embed code or your captions will still get cut off on the bottom.</p>
]]>
</content>
</entry>

<entry>
<title>EduStyle Awards: nominations are open</title>
<link rel="alternate" type="text/html" href="http://interface.missouri.edu/2009/03/edustyle-awards-nominations-ar.php" />
<id>tag:interface.missouri.edu,2009://1.334</id>

<published>2009-03-20T21:05:12Z</published>
<updated>2009-03-20T21:36:48Z</updated>

<summary>It’s time again to start nominating your favorite higher-education Web sites for the annual eduStyle Awards. This is the same awards where Mizzou Wire won Best Magazine Site last year. Time to nominate is limited, so be sure to head...</summary>
<author>
<name>Josh Nichols</name>
<uri>http://www.joshnichols.com</uri>
</author>

<category term="Announcements" scheme="http://www.sixapart.com/ns/types#category" />

<category term="edustyle" label="eduStyle" scheme="http://www.sixapart.com/ns/types#tag" />

<content type="html" xml:lang="en" xml:base="http://interface.missouri.edu/">
<![CDATA[<p><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="edustyle-awards.jpg" src="http://interface.missouri.edu/2009/03/20/edustyle-awards.jpg" width="350" height="92" class="mt-image-right" style="float: right; margin: 0 0 20px 20px;" /></span>It&#8217;s time again to <a href="http://www.edustyle.net/blog/?p=405">start nominating your favorite higher-education Web sites</a> for the annual <a href="http://www.edustyle.net/awards/2009/index.php">eduStyle Awards</a>. This is the same awards where <a href="http://interface.missouri.edu/2008/07/mizzou-wire-wins-best-magazine.php">Mizzou Wire won</a> Best Magazine Site last year. Time to nominate is limited, so be sure to head over to eduStyle, browse the <a href="http://www.eduStyle.net/gallery.php">Gallery</a> and nominate a deserving site.</p>
]]>


</content>
</entry>

<entry>
<title>Interface_ is tweeting</title>
<link rel="alternate" type="text/html" href="http://interface.missouri.edu/2009/03/interface--is-tweeting.php" />
<id>tag:interface.missouri.edu,2009://1.333</id>

<published>2009-03-20T16:27:25Z</published>
<updated>2009-03-20T17:11:39Z</updated>

<summary>Interface_ blog now has a Twitter account. We’ll be posting blog updates along with quick thoughts and links about higher-ed Web design. Check out or Twitter page and Follow us!...</summary>
<author>
<name>Josh Nichols</name>
<uri>http://www.joshnichols.com</uri>
</author>

<category term="Announcements" scheme="http://www.sixapart.com/ns/types#category" />

<category term="Twitter" scheme="http://www.sixapart.com/ns/types#category" />

<category term="twitter" label="Twitter" scheme="http://www.sixapart.com/ns/types#tag" />

<content type="html" xml:lang="en" xml:base="http://interface.missouri.edu/">
<![CDATA[<p><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="interface-twitter.jpg" src="http://interface.missouri.edu/2009/03/20/interface-twitter.jpg" width="600" height="376" class="mt-image-left" style="float: left; margin: 0 20px 20px 0;" /></span>Interface_ blog now has a Twitter account. We&#8217;ll be posting blog updates along with quick thoughts and links about higher-ed Web design. Check out or <a href="http://twitter.com/InterfaceBlog">Twitter page and Follow us</a>!</p>
]]>


</content>
</entry>

<entry>
<title>Internet Explorer 8 released</title>
<link rel="alternate" type="text/html" href="http://interface.missouri.edu/2009/03/internet-explorer-8-released.php" />
<id>tag:interface.missouri.edu,2009://1.331</id>

<published>2009-03-19T16:17:23Z</published>
<updated>2009-03-19T16:48:18Z</updated>

<summary>The fabled, IE8 is here ushering in a new era of compatibility, Web standards and fewer browser bugs. There will be much rejoicing by Web developers whose jobs will suddenly become easier and they can spend more of their time...</summary>
<author>
<name>Josh Nichols</name>
<uri>http://www.joshnichols.com</uri>
</author>

<category term="Web Browsers" scheme="http://www.sixapart.com/ns/types#category" />

<category term="internetexplorer" label="Internet Explorer" scheme="http://www.sixapart.com/ns/types#tag" />

<content type="html" xml:lang="en" xml:base="http://interface.missouri.edu/">
<![CDATA[<p><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="IE8.png" src="http://interface.missouri.edu/2009/03/19/IE8.png" width="195" height="75" class="mt-image-right" style="float: right; margin: 0 0 20px 20px;" /></span>The fabled, <a href="http://www.microsoft.com/windows/Internet-explorer/beta/default.aspx">IE8</a> is here ushering in a new era of compatibility, Web standards and fewer browser bugs. There will be much rejoicing by Web developers whose jobs will suddenly become easier and they can spend more of their time creating great Web sites that make the world a better place.</p>

<p>Not quite.</p>

<h3>Compatibility in IE8</h3>

<p>In a post on the IEBlog, <a href="http://blogs.msdn.com/ie/archive/2009/02/16/just-the-facts-recap-of-compatibility-view.aspx">Just The Facts: Recap of Compatibility View</a>, IE8&#8217;s compatibility is explained. Be sure to take some notes because simple it ain&#8217;t. Yes, IE8 runs in standards mode by default, but the new &#8220;Compatibility View&#8221; feature and IE8 site blacklist start making things difficult.</p>

<p>Since the IEBlog is about as clear as mud, I found an alternative explanation on the topic, <a href="http://www.isolani.co.uk/blog/standards/TheIe8BlacklistMinefield">The IE8 Blacklist minefield</a>. I suggest giving it a read. It clearly explains the situation and what Web developers have to do about it.</p>

<h3>What are the issues with IE8?</h3>

<p>To sum it up quickly, here are the things you should know about IE8 and compatibility:</p>

<ul>
<li>IE8 renders in standards mode by default unless
<ul>
<li>Your site is on the <a href="http://ie8blacklist.appspot.com/">IE8 blacklist</a></li>
<li>A user opts to run your site in Compatibly View</li>
</ul></li>
<li>Compatibly View does not render the same as IE7, so you have a new browser to test in (yay!)</li>
<li>You can select which mode the browser renders in by using a <a href="http://www.microsoft.com/windows/internet-explorer/beta/readiness/developers-new.aspx#versioning/">versioning meta tag or HTTP header</a></li>
<li>If you use select a rendering mode, your site visitor will not have the option to use Compatibly View</li>
</ul>

<h3>So basically, I have to opt-in to standards mode?</h3>

<p>Yup. The IE8 blacklist basically forces you to pick a rendering mode or else Microsoft or your users will pick for you. That&#8217;s the only way a developer will have control over how their content is rendered. </p>

<p>Start learning <a href="http://msdn.microsoft.com/en-us/library/cc817574.aspx">those meta tags</a> and <a href="http://www.my-debugbar.com/wiki/IETester/HomePage">start testing</a>.</p>
]]>


</content>
</entry>

<entry>
<title>Professional Frontend Engineering</title>
<link rel="alternate" type="text/html" href="http://interface.missouri.edu/2009/03/professional-frontend-engineer-1.php" />
<id>tag:interface.missouri.edu,2009://1.329</id>

<published>2009-03-16T14:50:36Z</published>
<updated>2009-03-16T14:58:53Z</updated>

<summary>A few years ago, at a Web design seminar, I was able to see Nate Keochley speak about the redesign of Yahoo! and Yahoo! Mail. I found it to be the best presentation at the conference, so when I found...</summary>
<author>
<name>Josh Nichols</name>
<uri>http://www.joshnichols.com</uri>
</author>

<category term="Cascading Style Sheets (CSS)" scheme="http://www.sixapart.com/ns/types#category" />

<category term="Design" scheme="http://www.sixapart.com/ns/types#category" />

<category term="Javascript" scheme="http://www.sixapart.com/ns/types#category" />

<category term="Programming" scheme="http://www.sixapart.com/ns/types#category" />

<category term="XHTML" scheme="http://www.sixapart.com/ns/types#category" />

<category term="frontend" label="frontend" scheme="http://www.sixapart.com/ns/types#tag" />
<category term="video" label="video" scheme="http://www.sixapart.com/ns/types#tag" />

<content type="html" xml:lang="en" xml:base="http://interface.missouri.edu/">
<![CDATA[<p>A few years ago, at a Web design seminar, I was able to see <a href="http://nate.koechley.com/">Nate Keochley</a> speak about the redesign of Yahoo! and Yahoo! Mail. I found it to be the best presentation at the conference, so when I found a video of another one of his presentations I was eager to check it out. </p>

<p><a href="http://video.yahoo.com/watch/4671445/12486762?v=4671445">Professional Frontend Engineering</a> begins with a good explanation of what a frontend developer does and why it&#8217;s so hard to develop in &#8220;the most hostile software development environment imaginable.&#8221; The second part gets into explaining html tags, doctypes, proper naming conventions, some CSS concepts and unobtrusive JavaScript.</p>

<p>It&#8217;s worth watch and full of great information.</p>

<div><object width="512" height="322"><param name="movie" value="http://d.yimg.com/static.video.yahoo.com/yep/YV_YEP.swf?ver=2.2.40" /><param name="allowFullScreen" value="true" /><param name="AllowScriptAccess" VALUE="always" /><param name="bgcolor" value="#000000" /><param name="flashVars" value="id=12486762&vid=4671445&lang=en-us&intl=us&thumbUrl=http%3A//l.yimg.com/a/p/i/bcst/videosearch/7843/81860441.jpeg&embed=1" /><embed src="http://d.yimg.com/static.video.yahoo.com/yep/YV_YEP.swf?ver=2.2.40" type="application/x-shockwave-flash" width="512" height="322" allowFullScreen="true" AllowScriptAccess="always" bgcolor="#000000" flashVars="id=12486762&vid=4671445&lang=en-us&intl=us&thumbUrl=http%3A//l.yimg.com/a/p/i/bcst/videosearch/7843/81860441.jpeg&embed=1" ></embed></object><br /><a href="http://video.yahoo.com/watch/4671445/12486762">Nate Koechley: &quot;Professional Frontend Engineering&quot;</a> @ <a href="http://video.yahoo.com" >Yahoo! Video</a></div>
]]>


</content>
</entry>

<entry>
<title>Hide "skip-to" links with CSS</title>
<link rel="alternate" type="text/html" href="http://interface.missouri.edu/2009/03/hide-skipto-links-with-css.php" />
<id>tag:interface.missouri.edu,2009://1.324</id>

<published>2009-03-10T21:51:47Z</published>
<updated>2009-03-11T02:06:35Z</updated>

<summary>Poor Interface_ Blog. We’ve been so busy here in Web Com that we’ve neglected you. It’s been a long time since someone posted anything. I wouldn’t be surprised if everyone deleted us from their feed readers! To make up for...</summary>
<author>
<name>Josh Nichols</name>
<uri>http://www.joshnichols.com</uri>
</author>

<category term="Cascading Style Sheets (CSS)" scheme="http://www.sixapart.com/ns/types#category" />

<category term="Design" scheme="http://www.sixapart.com/ns/types#category" />

<category term="accessibility" label="Accessibility" scheme="http://www.sixapart.com/ns/types#tag" />
<category term="css" label="CSS" scheme="http://www.sixapart.com/ns/types#tag" />

<content type="html" xml:lang="en" xml:base="http://interface.missouri.edu/">
<![CDATA[<p>Poor Interface_ Blog. We&#8217;ve been so busy here in Web Com that we&#8217;ve neglected you. It&#8217;s been a long time since someone posted anything. I wouldn&#8217;t be surprised if everyone deleted us from their feed readers! </p>

<p>To make up for it I&#8217;m going to work on being a better blog author by offering up some quick CSS tricks I use on almost every site I build. </p>

<p><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="skip-to-link.jpg" src="http://interface.missouri.edu/2009/03/10/skip-to-link.jpg" width="413" height="244" class="mt-image-right" style="float: right; margin: 0 0 20px 20px;" /></span>First up is styling &#8220;skip-to&#8221; anchor links. These handy links help people using assistive software or hardware, or mobile devices. They allow quick access to the navigation, main content or any other important element on the page without having to &#8220;tab&#8221; through all the page&#8217;s links. Try hitting the tab key (option+tab in Safari) and go through a page&#8217;s links to get to the main content. It takes a while doesn&#8217;t it? You can see an example of this working on or <a href="http://parentrelations.missouri.edu/">Parent Relations site</a>.</p>

<p>These links should be the first thing in your mark-up so the users who need them can find them. This is great for accessibility, but they can sometimes get in the way of your page design. Luckily, there&#8217;s a way to hide them while still keeping them accessible. </p>

<h3>The XHTML</h3>

<p>Start by placing this code right after the open <code>&lt;body&gt;</code> tag.</p>

<pre><code> &lt;div class="offset"&gt;
      &lt;a href="#skip"&gt;Skip to main content&lt;/a&gt;
      &lt;a href="#nav"&gt;Skip to navigation&lt;/a&gt;
 &lt;/div&gt;
</code></pre>

<p>Be sure to include the <code>#skip</code> <code>#content</code> anchors somewhere on your page so the links have somewhere to go.</p>

<h3>The CSS</h3>

<pre><code> .offset a { 
      position:absolute; 
      left:-1000em; 
      padding:5px; 
      font-weight:bold; 
      background-color:#fc3; 
 }
 .offset a:focus, .offset a:active { 
      position:absolute; 
      top:2em; 
      left:2em; 
 }
</code></pre>

<p>What this does is take our &#8220;skip-to&#8221; links and indents them off the screen to the left. When the link is in focus or active, from &#8220;tabbing,&#8221; the indention is removed and the link becomes visible.  </p>

<h3>Why not just use display:none?</h3>

<p>Screen readers will not read items with the <code>display:none</code> rule, so we need to use <code>position:absolute</code> and indent the links to hide them.</p>

<h3>You try it</h3>

<p>The best part about this little CSS trick is that it&#8217;s really easy to apply and it won&#8217;t affect your existing site design, so there&#8217;s no reason not to add this bit of functionality.</p>
]]>


</content>
</entry>

<entry>
<title>EDU Checkup reviews Biochemistry </title>
<link rel="alternate" type="text/html" href="http://interface.missouri.edu/2008/12/edu-checkup-reviews-biochemist.php" />
<id>tag:interface.missouri.edu,2008://1.300</id>

<published>2008-12-01T19:16:42Z</published>
<updated>2008-12-01T19:26:30Z</updated>

<summary>Over the Thanksgiving break, Nick DeNardis of EDU Checkup put up a video review of the redesigned MU Biochemistry Web site. We scored a 94%, so I think he liked it! Check out the video review embedded below or on...</summary>
<author>
<name>Josh Nichols</name>
<uri>http://www.joshnichols.com</uri>
</author>

<category term="Announcements" scheme="http://www.sixapart.com/ns/types#category" />

<category term="awards" label="awards" scheme="http://www.sixapart.com/ns/types#tag" />

<content type="html" xml:lang="en" xml:base="http://interface.missouri.edu/">
<![CDATA[<p>Over the Thanksgiving break, Nick DeNardis of EDU Checkup put up <a href="http://educheckup.com/2008/11/26/university-of-missouri-biochemistry-episode-20/">a video review</a> of the redesigned <a href="http://www.biochem.missouri.edu/">MU Biochemistry</a> Web site. We scored a 94%, so I think he liked it! Check out the video review embedded below or on <a href="http://educheckup.com/2008/11/26/university-of-missouri-biochemistry-episode-20/">EDU Checkup review page</a>.</p>

<p>Good job to everyone who worked on the site. </p>

<p><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="437" height="288" id="viddler"><param name="movie" value="http://www.viddler.com/player/4d00ae14/" /><param name="allowScriptAccess" value="always" /><param name="allowFullScreen" value="true" /><param name="wmode" value="transparent"/><embed src="http://www.viddler.com/player/4d00ae14/" width="437" height="288" type="application/x-shockwave-flash" allowScriptAccess="always" allowFullScreen="true" wmode="transparent" name="viddler" ></embed></object></p>
]]>


</content>
</entry>

<entry>
<title>Universal Design presentation and links</title>
<link rel="alternate" type="text/html" href="http://interface.missouri.edu/2008/11/universal-design-presentation.php" />
<id>tag:interface.missouri.edu,2008://1.295</id>

<published>2008-11-12T14:15:56Z</published>
<updated>2008-11-12T14:35:18Z</updated>

<summary>I’ll try to list off all of the relevant sites/tools that we discussed today. I’ve also uploaded the actual powerpoint presentation file if anyone wants to view it. Universal Design-Final.pptx Good explanation of the principles of Universal Design: Universal Design...</summary>
<author>
<name>Paul Gilzow</name>

</author>

<category term="Accessibility" scheme="http://www.sixapart.com/ns/types#category" />

<category term="Presentation Materials" scheme="http://www.sixapart.com/ns/types#category" />

<category term="Tools/Utilities" scheme="http://www.sixapart.com/ns/types#category" />

<category term="Web Standards" scheme="http://www.sixapart.com/ns/types#category" />

<category term="ada" label="ADA" scheme="http://www.sixapart.com/ns/types#tag" />
<category term="universaldesign" label="Universal Design" scheme="http://www.sixapart.com/ns/types#tag" />
<category term="accessibility" label="accessibility" scheme="http://www.sixapart.com/ns/types#tag" />
<category term="presentationmaterials" label="presentation materials" scheme="http://www.sixapart.com/ns/types#tag" />

<content type="html" xml:lang="en" xml:base="http://interface.missouri.edu/">
<![CDATA[<p>I&#8217;ll try to list off all of the relevant sites/tools that we discussed today. I&#8217;ve also uploaded the actual powerpoint presentation file if anyone wants to view it.</p>

<p><a href="http://api.ning.com/files/rx2eaDcJZjv*vT1v-kz-W-Zdop-tgLn2NNFriSQBhXkie3LLExkLXcLqSr*UEEuqxXTpcv6Nggo16mqcehMGClr84cbpXQMk/UniversalDesignFinal.pptx">Universal Design-Final.pptx</a></p>

<ul>
<li>Good explanation of the principles of Universal Design: <a href="http://www.design.ncsu.edu/cud/about_ud/udprincipleshtmlformat.html#top">Universal Design Principles</a></li>
<li><a href="http://actcenter.missouri.edu">Adaptive Computing Technology (ACT) Center</a></li>
<li><a href="http://webcom.missouri.edu/policy/web-policy.php">University of Missouri Web Policies and Guidelines</a></li>
<li><a href="http://www.oa.mo.gov/itsd/cio/standards/ITGS0003.pdf">Missouri IT Accessibility Standards (MITAS)</a> - pdf file</li>
<li><a href="http://www.webpagesthatsuck.tv/unl2/unl-arch.html">University of Nebraska-Lincoln Architect Website</a> (example of a &#8220;bad&#8221; site)</li>
<li><a href="http://www.freedomscientific.com/fs_products/software_jaws.asp">JAWS for Windows</a> (Screen Reader)</li>
<li><a href="http://www.nuance.com/naturallyspeaking/">Dragon NaturallySpeaking</a> (Voice Dictation software)</li>
<li><a href="http://www.aisquared.com/">ZoomText</a> (Screen Magnification software)</li>
<li><a href="http://mtld.mobi/emulator.php">Mobile Phone Emulator</a> - doesn&#8217;t play nice with Firefox but should work properly in IE as long as you have Java installed</li>
<li><a href="http://web.missouri.edu/%7Egilzowp/tribune.html">The &#8220;cleaned&#8221; version of the Columbia Daily Tribune</a></li>
<li><a href="http://www.dralegal.org/cases/private_business/nfb_v_target.php">Class-action lawsuit against Target</a>, and <a href="http://news.cnet.com/Blind-patrons-sue-Target-for-site-inaccessibility/2100-1030_3-6038123.html">another article about the lawsuit</a></li>
<li><a href="http://www.cynthiasays.com/">Cynthia Says</a> (ADA evaluator)</li>
<li><a href="http://fae.cita.uiuc.edu/">Functional Accessibility Evaluator</a> (ADA evaluator)</li>
<li><a href="http://wave.webaim.org/">Wave 4.0</a> (ADA evaluator)</li>
<li><a href="http://wave.webaim.org/toolbar">Wave Firefox Extension</a></li>
<li><a href="http://www.standards-schmandards.com/projects/fangs/">Fangs - the screen reader emulator Firefox Extension</a></li>
<li><a href="https://addons.mozilla.org/en-US/firefox/addon/249">HTML Validator Firefox Extension</a></li>
<li><a href="http://colorfilter.wickline.org/">Color blindness checker</a></li>
<li><a href="http://interface.missouri.edu/2008/06/firefox-extensions-for-accessi.php">My blog post on Firefox Extensions for Accessible Web Development</a></li>
<li><a href="http://interface.missouri.edu/2008/07/is-your-site-color-blind-acces.php">Josh Nichol&#8217;s blog post on color blind accessible sites</a></li>
</ul>
]]>


</content>
</entry>

<entry>
<title>The Poetry of Google Analytics</title>
<link rel="alternate" type="text/html" href="http://interface.missouri.edu/2008/10/the-poetry-of-google-analytics.php" />
<id>tag:interface.missouri.edu,2008://1.284</id>

<published>2008-10-13T16:16:30Z</published>
<updated>2008-10-13T17:01:05Z</updated>

<summary>When Walter Bargen was named Missouri’s first-ever poet laureate in January 2008, Mizzou Wire posted a profile of the prolific poet/senior coordinator of MU’s Assessment Resource Center. Looking through Google Analytics recently, I discovered that “walter bargen” was the third-most-used...</summary>
<author>
<name>Karen Pojmann</name>
<uri>http://livewire.missouri.edu/</uri>
</author>


<content type="html" xml:lang="en" xml:base="http://interface.missouri.edu/">
<![CDATA[<p>When Walter Bargen was named Missouri&#8217;s first-ever poet laureate in January 2008, Mizzou Wire posted a <a href="http://mizzouwire.com/stories/2008/poetry-wings/index.php">profile</a> of the prolific poet/senior coordinator of MU&#8217;s Assessment Resource Center. </p>

<p>Looking through Google Analytics recently, I discovered that &#8220;walter bargen&#8221; was the third-most-used keyword in Mizzou Wire searches. I e-mailed him with the news. </p>

<p>His response:
<br/><br/></p>

<p><strong>Scantily Clad Poet</strong></p>

<p>An editor of an online university magazine tells the poet</p>

<p>That she examined their &#8220;Google Analytics,&#8221;</p>

<p>And the poet thinks a new geometry of attention that eluded Euclid:</p>

<p>The axiom quantifying visits to the website, </p>

<p>The hypotenuse of where these visitors live, </p>

<p>The theorem of what stories are read,</p>

<p>Down to sequencing readers&#8217; keystrokes and genome.</p>

<p>She has discovered that the poet is the third most popular</p>

<p>Keyword used to search the website after the football team</p>

<p>And before the &#8220;Golden Girls&#8221; (not the TV sitcom).</p>

<p><em>In other words</em>, the poet is <em>less popular than football</em> </p>

<p><em>But more popular than scantily clad dancing college girls</em>.</p>

<p><em>Who says poetry is dead?</em>  Later she clarifies her earlier</p>

<p>Analysis in order to curb the poet&#8217;s enthusiasm.  The poet  </p>

<p>Is not the most viewed/read story; that position belongs</p>

<p>to a student named by <em>Glamour</em> magazine  </p>

<p>as one of the top-ten college women of the year,</p>

<p>but the poet is the most searched for.  Epistemologically,</p>

<p>ontologically profound implications, but for others</p>

<p>a poster on the post office bulletin boards will do.</p>

<p>Then she suggests the rankings might have been different,</p>

<p>If the poet <em>had been shot jumping up and down in a cute red dress.</em></p>

<p>Now the poet is hurt; red is his favorite color.  </p>

<p>Then the poet wonders what she meant by shot.</p>

<p><br/></p>

<p><em>Walter Bargen&#8217;s 13th book of poetry</em>, <a href="http://www.cherry-grove.com/bargen_traffic.html">Theban Traffic</a>, <em>was released in May.</em></p>
]]>


</content>
</entry>

<entry>
<title>Gilzown3d: Mizzou represents at High Ed Web Conference 2008</title>
<link rel="alternate" type="text/html" href="http://interface.missouri.edu/2008/10/mizzou-represents-at-high-ed-w.php" />
<id>tag:interface.missouri.edu,2008://1.280</id>

<published>2008-10-08T17:36:23Z</published>
<updated>2008-10-08T18:14:07Z</updated>

<summary>The University of Missouri has had quite a few developers in sunny Springfield, Missouri, this week at the High Ed Web Conference 2008. With topics ranging from Usability, Accessibility and Design to Technical to Web Marketing, there has been a...</summary>
<author>
<name>Jason Rollins</name>

</author>

<category term="General" scheme="http://www.sixapart.com/ns/types#category" />

<category term="highedwebconference2008" label="High Ed Web Conference 2008" scheme="http://www.sixapart.com/ns/types#tag" />

<content type="html" xml:lang="en" xml:base="http://interface.missouri.edu/">
<![CDATA[<p>The University of Missouri has had quite a few developers in sunny Springfield, Missouri, this week at the <a href="http://www.highedweb.org/2008/">High Ed Web Conference 2008</a>. With topics ranging from Usability, Accessibility and Design to Technical to Web Marketing, there has been a slew of topics that have generated much discussion.</p>

<p>The best news of all, in fact, is that our very own Paul not only won Best of Track but also Best of Conference for his Cross Site Scripting presentation. If you&#8217;ve never experienced Paul&#8217;s XSS presentation, definitely make it a priority.</p>

<p>So kudos to Paul! There is so much to talk about when we get home!</p>

<p><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><a href="http://www.flickr.com/photos/genhoward730/2924020237/"><img alt="gilzowned.jpg" src="http://interface.missouri.edu/2008/10/08/2924020237_677bcdc263.jpg" width="375" height="500" class="mt-image-none" style="" /></a></span></p>
]]>


</content>
</entry>

</feed>
