<?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>Innovation @ BBG</title>
	<atom:link href="http://www.innovation-series.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.innovation-series.com</link>
	<description></description>
	<lastBuildDate>Fri, 14 Jun 2013 19:10:09 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.5.1</generator>
		<item>
		<title>Going Old School: Telling Digital Stories in Analog Media</title>
		<link>http://www.innovation-series.com/2013/06/14/going-old-school-telling-digital-stories-in-analog-media/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=going-old-school-telling-digital-stories-in-analog-media</link>
		<comments>http://www.innovation-series.com/2013/06/14/going-old-school-telling-digital-stories-in-analog-media/#comments</comments>
		<pubDate>Fri, 14 Jun 2013 19:10:09 +0000</pubDate>
		<dc:creator>robbole</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[analytics]]></category>
		<category><![CDATA[audience engagement]]></category>
		<category><![CDATA[Interactive]]></category>
		<category><![CDATA[storytelling]]></category>
		<category><![CDATA[web analytics]]></category>

		<guid isPermaLink="false">http://www.innovation-series.com/?p=3369</guid>
		<description><![CDATA[Recently, I had the privilege of speaking at the inaugural DC-region Digital Analytics Association Symposium.  It was a great event with a lot of incredibly impressive folks doing interesting things, both inside the Federal Government, as well as leaders from NPR, PBS, NatGeo among others.  I would recommend anyone with any thoughts of learning more [...]]]></description>
				<content:encoded><![CDATA[<p>Recently, I had the privilege of speaking at the inaugural DC-region Digital Analytics Association Symposium.  It was a great event with a lot of incredibly impressive folks doing interesting things, both inside the Federal Government, as well as leaders from NPR, PBS, NatGeo among others.  I would recommend anyone with any thoughts of learning more about how analytics are evolving to seek out and join the DC Chapter.  (Find more information about the <a href="http://www.digitalanalyticsassociation.org/?page=dc2013">DC Digital Analytics Association Symposium</a>.)</p>
<p>I spoke the problem of constructing stories that start in one place (i.e. Radio) and extend or even end on another (i.e. mobile).  Just tune into any breaking news story and you can see how there is a confusing interplay across multiple channels.  An event, such as the recent Boston bombing, or even the Iranian elections today, exist in many places at once; on television, radio, social media, websites, SMS and the list goes on.  But how do you proactively use these channels &#8211; and the special qualities of each &#8211; to manage a coherent, interactive, engaging, relevant story?</p>
<p>While part of the issue is our relative inexperience in managing news over the plethora of platforms and channels, there are a few that are taking on the challenge of creating a new type of story for a multi-platform world.  These are the new storytellers, documentary film makers, and artists that are expanding their craft by bending, breaking and remixing narratives over traditional, digital and ever emerging channels.</p>
<p>For me the start of these new narratives began with <a href="http://en.wikipedia.org/wiki/The_War_of_the_Worlds_%28radio_drama%29">Orson Welles&#8217;s Mercury Theater War of the Worlds</a>.  It was a radio story, but felt so real to the audience that mass panic set in among many of the listeners who believed the events were real.  This not only demonstrated the power of great storytelling over broadcast &#8211; perhaps the ultimate of what NPR calls &#8220;Driveway Moments&#8221; &#8211; but how a narrative actually had people driving to New Jersey to see if the aliens had actually landed.  Fast-forward to 2004 and the next leap forward was the series Lost, which broke out of the television format to continue the narrative arch, or the &#8216;mythology&#8217; through multiple digital puzzles and hidden sites.  These are the foundations for what we are seeing today in multi-channel story-telling.</p>
<p>As I have thought more about the new narrative it is apparent that analytics must become an important tool for the story-tellers.  Rather than the old way of &#8220;more is better&#8221; as a proxy for quality (more audience = bigger success), the digital world allows story-tellers to hone their craft through nearly real-time feedback across multiple channels that can result in quick shifts, additions and changes to narratives depending on pockets of audience behavior and interests.</p>
<p>In my presentation, I choose to categorize how I am observing these story-tellers in three main buckets:</p>
<ul>
<li>The <strong>Hand-Off</strong> where narrative arcs start in one place, but are continued on other channels that exploit the characteristics of that platform, such as interactivity of the web, or social of Facebook.</li>
<li>The <strong>Layering</strong> of information, each related to a central storyline, but different levels of information about that story.  The classic &#8220;For more information on this topic&#8230;&#8221; hand-off to a website is the ancestor of Layering.</li>
<li>The <strong>Extension</strong> is related to both above, but it is where a narrative starts and ends on one platform, but elements of the storyline, or minor story lines are &#8216;extended&#8217; for fuller explanation on other channels.</li>
</ul>
<p>Great places to see stories that exhibit this kind of narrative, such as Hand-Off stories include the whole <a href="http://starwars.wikia.com/wiki/Expanded_Universe">&#8220;Expanded Star Wars Universe&#8221; of movies, books, games, comic books, videos, fan fiction, conventions</a>, etc.  (I saw the original, but have become more immersed through the eyes of my 11 year old son&#8230;the joy of Star Wars Legos)  Lost is still, for me, the most fully realized version of the Layered story, though <a href="http://www.nytimes.com/projects/2012/snow-fall/#/?part=tunnel-creek">NY Time&#8217;s Snowfall: Avalanche at Tunnel Creek</a> is another beautiful example.  Finally, Frontline&#8217;s collaboration with Pro Publica, especially their <a href="http://www.pbs.org/wgbh/pages/frontline/david-headley/">A Perfect Terrorist</a>, is a wonderful example of Extension story-telling.</p>
<p>However, story-tellers, as mentioned above, need analytic tools to help them tell those stories.  The bulk of my presentation was my thinking about how we need to shape metrics and analytic tools to help us understand how things are working across multiple platforms.  I sketched out some categories of metrics I would love to have in my portfolio, as well as discuss the &#8220;one customer ID&#8221; problem we all face.</p>
<p>The best thing about my somewhat meandering talk was that after the presentation (see below) I got loads of questions, thoughts and critiques of how analytics needs to evolve to help support this emerging type of story-telling.  I am along for the ride like everyone else and look forward to working on these thorny problems together.</p>
<p>&nbsp;</p>
<iframe src="http://docs.google.com/viewer?url=http%3A%2F%2Fwww.innovation-series.com%2Fwp-content%2Fuploads%2F2013%2F06%2FGoing-Old-School_DC-Analytics-Assoc_short-version.pdf&hl=&embedded=true" class="gde-frame" style="width:100%; height:500px; border: none;" scrolling="no"></iframe>
<p class="gde-text"><a href="http://www.innovation-series.com/wp-content/uploads/2013/06/Going-Old-School_DC-Analytics-Assoc_short-version.pdf" class="gde-link">Download (PDF, 1.87MB)</a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.innovation-series.com/2013/06/14/going-old-school-telling-digital-stories-in-analog-media/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>National Day of Civic Hacking at the White House</title>
		<link>http://www.innovation-series.com/2013/06/10/national-day-of-civic-hacking-at-the-white-house/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=national-day-of-civic-hacking-at-the-white-house</link>
		<comments>http://www.innovation-series.com/2013/06/10/national-day-of-civic-hacking-at-the-white-house/#comments</comments>
		<pubDate>Mon, 10 Jun 2013 15:07:33 +0000</pubDate>
		<dc:creator>Lisa Backer</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://www.innovation-series.com/?p=3391</guid>
		<description><![CDATA[June 1 was the National Day of Civic Hacking.  Over 11,000 civic activists, technology experts, and entrepreneurs in 83 cities developed software to help others in their own neighborhoods and across the country.  The White House hosted more than 30 developers and designers to work with the We The People data API &#8211; the API [...]]]></description>
				<content:encoded><![CDATA[<p dir="ltr">June 1 was the National Day of Civic Hacking.  Over 11,000 civic activists, technology experts, and entrepreneurs in 83 cities developed software to help others in their own neighborhoods and across the country.  The White House hosted more than 30 developers and designers to work with the <a href="https://petitions.whitehouse.gov/developers">We The People data API</a> &#8211; the API that powers the <a href="https://petitions.whitehouse.gov/">We The People petitions website</a>.  Attendees had submitted ideas and portfolios to be considered back in April and I was one of those selected to participate.</p>
<p dir="ltr">The day began with welcome notes from our hosts, the White House Office of Digital Strategy.  Representatives from NASA lamented that this day would already beat their record for the <a href="http://spaceappschallenge.org/">largest Hackathon</a> held only a few weeks prior.  From there, each participant gave a brief introduction of who they are, the skill sets that they bring, and the any project ideas that they had.  The room included talent from local and federal government agencies, private industry, and even representatives of technology giants such as Facebook and Google.  Many had travelled across the country just to take part in the event.</p>
<p dir="ltr">I formed a team with Bryan Braun, a contractor with the White House Office of Digital Strategy, and Ben Damman, an entrepreneur from Minnesota to work on Petitions NewsLink.  Our goal was to display aggregate data about popularity of petitions over time by issue and allow the user to dig deeper by viewing related news from a point in time that is related to the most popular petitions within the selected issue.  Our hypothesis was that many petitions were formed in response to major news events.  One of most obvious examples would be a spike in submitted petitions in the “Firearms” issue category after the tragic shootings in Newtown, CT.</p>
<p dir="ltr">In order to put this puzzle together, our team decided to utilize:</p>
<ul>
<li><a href="http://www.highcharts.com/">Highcharts JS</a> library for data visualization</li>
<li><a href="https://github.com/yoni/wetheentities">We The Entities</a> API to perform textual and sentiment analysis on petition text.  This API was actually created just in advance of the Hackathon by a fellow participant and was under development throughout the day.</li>
<li><a href="http://developer.nytimes.com/">New York Times Article Search API</a> in order to search articles by keyword in particular sections</li>
</ul>
<p dir="ltr">We also quickly learned that we needed a caching layer in order to perform aggregate look-ups on the data.  Ben took the role of creating this layer,  Bryan took the user interface role, and I took the role of communicating with the We The Entities and New York Times APIs.  By this time everyone had settled into teams and set down to work and the room was quiet.</p>
<p><img alt="" src="https://lh4.googleusercontent.com/Rn8lbqaobqi7cQtEg8UwLAXpLofafK61qUv02OxF-F2eu_mqEs5z_va4XFx7KQevdPXAlga42UNadhEnGbAPxXYzqaBFgt_BDh5lZE3PxoxYVZ37S8VPMOBXsw" width="560px;" height="373px;" /></p>
<p dir="ltr">My first thought had been to also utilize the New York Times Tags API in order to correlate We  The People issue categories with New York Times tags that could then be used to limit new results to only those most relevant.  After spending a good deal of time working through their API, however, I began to realize that the data set that was returned limited by tag became to limited when faced searching on a short window of dates.  With that work tossed aside, I began to focus more on a workable demo by our 4:30 demo time.  We agreed that our goal for the first demo was to have a broad resultset and not necessarily spend our time refining the searches further &#8211; that work could be saved for the next phase.  As our demo time approached we worked feverishly to finish up.</p>
<p dir="ltr">The demos showed us a broad set of projects that had been created given a small, but powerful, We The People API.  It included two WordPress plugins for embedding petitions, a data visualization that showed party affiliation of signers, mapping visualations, a type ahead tools.  Of particular interests to journalists was a tool created to import data directly into Google spreadsheets to allow non-technical users to analyze and chart data within a familiar toolset.  The <a href="https://petitions.whitehouse.gov/how-why/api-gallery">full API gallery</a> is available online.  Most projects include links to demos and/or source code.</p>
<p dir="ltr">Although the day is over, the work continues.  I have continued to refine the news API integration and have rewritten it to a lighter-weight JavaScript implementation.  The original Petitions NewsLink team is still communicating via GitHub to improve the project.  I would like to see the integration of other news sources and the refining of the date algorithms used for searching.  My interest has also been sparked to use available APIs to find out not just what caused petitions, but if petitions do spark action in congress.  A future project will likely be to use the <a href="http://sunlightlabs.github.io/Capitol-Words/">Sunlight Foundation’s Capitol Words API</a> to search for key terms from the petitions to see if they have been used within the Congressional record.</p>
<p><img alt="" src="https://lh5.googleusercontent.com/Un2r0DRRs3ODvYq-BYuFPdMUxCK_j4s2b_JQu8zkVva_pQ_YQouR8TQtOszjwphJoT4MVHwE2fgwtQ1ExCktDknFv8ISzG8X-D4BJKZeJdf4hYRUFBHvQaDnnQ" width="562px;" height="585px;" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.innovation-series.com/2013/06/10/national-day-of-civic-hacking-at-the-white-house/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Journalism over Tech: Why We Are Here</title>
		<link>http://www.innovation-series.com/2013/06/04/journalism-over-tech-why-we-are-here/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=journalism-over-tech-why-we-are-here</link>
		<comments>http://www.innovation-series.com/2013/06/04/journalism-over-tech-why-we-are-here/#comments</comments>
		<pubDate>Tue, 04 Jun 2013 16:44:47 +0000</pubDate>
		<dc:creator>robbole</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[journalism]]></category>
		<category><![CDATA[Office of Digital and Design Innovation]]></category>
		<category><![CDATA[VOA]]></category>

		<guid isPermaLink="false">http://www.innovation-series.com/?p=3361</guid>
		<description><![CDATA[The Office of Digital &#38; Design Innovation (ODDI) was created with a simple proposition:  We work with technology to improve US international media news and information. We look for the best solutions to the biggest problems in creating, distributing and improving news and information.  Our job is to find those journalists most able to apply [...]]]></description>
				<content:encoded><![CDATA[<p dir="ltr" id="docs-internal-guid-01248e6f-0fbf-1282-40d7-4a6d1f0357be">The Office of Digital &amp; Design Innovation (ODDI) was created with a simple proposition:  We work with technology to improve US international media news and information.</p>
<p dir="ltr" id="docs-internal-guid-01248e6f-0fbe-dbc0-4b73-b937fab5d83d">We look for the best solutions to the biggest problems in creating, distributing and improving news and information.  Our job is to find those journalists most able to apply innovation in digital media and get them what they need to implement.</p>
<p dir="ltr">I have the strong belief that our future growth and competitiveness in crowded global media markets depends on our capacity to innovate.  However, there are important reminders of why technology is secondary in the pursuit of our mission.  It is often that the technology outshines what is truly valued; the importance of having a compelling story that moves people.  I have the privilege of working alongside an amazing diversity of journalistic talent and was reminded of that fact when I received <strong>an email of a departing colleague, Robert Sivak who retired from VOA at the end of May</strong>.  I am reprinting his letter &#8211; lightly edited &#8211; with his permission because it is an important document to ensure that those in the nexus of journalism and technology stay connected to the values of this place.</p>
<p>&nbsp;</p>
<p><strong>To all my dear VOA colleagues, in the News and English Divisions, at the bureaus, in Language Services throughout the House, in IT and Facilities, across IBB and in the Director&#8217;s office:</strong></p>
<p><strong>After more than 36 years as a member of this remarkable institution, it&#8217;s time for me to move on to other pursuits and challenges, and I want to bid you all a very fond and grateful farewell.   I will miss VOA &#8212; and the hard-working journalists who make it tick &#8212; more than I can say.  My extended career here, working alongside so many of you, has been deeply rewarding.</strong></p>
<p><strong>From the day I arrived in 1976 as a fledgling Worldwide English intern, I&#8217;ve found purpose and passion in so many different corners of this enterprise: as a writer and newscaster with News Programs&#8217; English regional news desks; a co-producer in WWE of several radio news magazines; a producer and feature reporter at VOA&#8217;s United Nations bureau and the New York &#8220;program center&#8221; (when it was nestled in the theater district at West 57th); a general assignment reporter at the West Coast bureau in LA in the early 80s; back in DC to co-produce a live 2-hour morning news magazine to Asia; a long and fascinating stint (1984-1998) as NEB&#8217;s food &amp; ag reporter and host of a weekly half-hour radio ag show; the creator and original host/producer in 2000 of the half-hour science mag still running today as &#8216;Science World;&#8217; an enriching 8-year tour on the 3rd floor leading a remarkable team of multi-media feature journalists, and for the past two+ years, as Central News’ science editor, urging on the Newsroom&#8217;s team of science and health reporters.</strong></p>
<p><strong>During my time here, VOA reporters chronicled historic events, from the aftermath of Vietnam and Watergate to the US Bicentennial, the dawn of the Green Revolution, the Iran hostage crisis, the Reagan years, the space shuttle, the HIV/AIDS epidemic, the fall of communism, the birth of the Internet, the advent of social media and mobile communications, and since 9/11, the battle against terrorism. During my time here, we&#8217;ve gone from manual typewriters to networked computers that (most of the time) let us edit text, audio and video and communicate with each other instantly around the globe. We&#8217;ve gone from a global network of shortwave radio transmitters to a complex of satellite-fed TV and radio affiliates, catering to audiences that find VOA on their smartphones.</strong></p>
<p><strong>Amazing.  And I&#8217;m sure even more remarkable changes are in store.</strong></p>
<p><strong>I know we all share a passion for what VOA has always been: a beacon of honest, balanced world news and illuminating stories about the American people and their ideas.  Even though I&#8217;m leaving, and despite the great challenges VOA is facing, I&#8217;m going to continue to believe in that mission. And I&#8217;m glad so many of you remain here, committed to support it.</strong></p>
<p><strong>I thank those of you with whom I&#8217;ve collaborated over the years for the professional respect, trust, pride and joy you&#8217;ve all shared with me.</strong></p>
<p><strong>Love and best wishes to everyone at VOA.  And good luck to each of you. </strong></p>
<p><strong>Ciao!</strong></p>
<p><strong>Rob</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.innovation-series.com/2013/06/04/journalism-over-tech-why-we-are-here/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Using Twitter Bootstrap to Speed Up Responsive Website Development</title>
		<link>http://www.innovation-series.com/2013/05/31/using-twitter-bootstrap-to-speed-up-responsive-website-development/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=using-twitter-bootstrap-to-speed-up-responsive-website-development</link>
		<comments>http://www.innovation-series.com/2013/05/31/using-twitter-bootstrap-to-speed-up-responsive-website-development/#comments</comments>
		<pubDate>Fri, 31 May 2013 18:40:49 +0000</pubDate>
		<dc:creator>Lynne Venart</dc:creator>
				<category><![CDATA[Innovations Series]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[mobile web]]></category>
		<category><![CDATA[Pronunciation Guide]]></category>
		<category><![CDATA[responsive web design]]></category>
		<category><![CDATA[Twitter Bootstrap]]></category>
		<category><![CDATA[VOA]]></category>
		<category><![CDATA[Voice of America]]></category>

		<guid isPermaLink="false">http://www.innovation-series.com/?p=3244</guid>
		<description><![CDATA[Occasionally in our office, we have small, one-off projects that don’t need to fit into our existing content management system. This gives us more flexibility in design and structure, but we need to get them done quickly and without a lot of resources. When we built the redesigned and responsive VOA Pronunciation Guide, we used [...]]]></description>
				<content:encoded><![CDATA[<p><strong>Occasionally in our office, we have small, one-off projects that don’t need to fit into our existing content management system. This gives us more flexibility in design and structure, but we need to get them done quickly and without a lot of resources. When we built the redesigned and responsive <a title="VOA Pronunciation Guide" href="http://pronounce.voanews.com/" target="_blank">VOA Pronunciation Guide</a>, we used <a href="http://twitter.github.io/bootstrap/index.html" target="_blank">Twitter Bootstrap</a> to get it up and running fast.</strong></p>
<p><a href="http://twitter.github.io/bootstrap/index.html" target="_blank">Twitter Bootstrap</a> is an open source HTML, CSS and Javascript framework. It was <a href="https://dev.twitter.com/blog/bootstrap-twitter" target="_blank">developed by Twitter engineers</a> at their first Hackweek as a flexible and streamlined framework for all of their developers—replacing the tendency to build projects from scratch or from a variety of different frameworks.</p>
<h2>Responsive CSS</h2>
<p>Using Bootstrap&#8217;s fluid grid system makes your site scale-able to any device, big or small. If you’re just getting started with responsive CSS, poke around the bootstrap-responsive.css file to see how styles are changed based on screen size. The CSS uses @media queries to change the display based on screen size, like this:</p>
<p>@media (min-width: 768px) and (max-width: 979px) {<br />
.class { your css here }<br />
}</p>
<p>The Bootstrap <a href="http://twitter.github.io/bootstrap/getting-started.html#examples" target="_blank">examples</a> have all of this CSS completed for you. If you’re already a pro at responsive CSS, downloading Bootstrap gives you source files to start from, which you can leave as is or manipulate.</p>
<h2>Easy to Implement User Interface Components</h2>
<p>It can be difficult to decide on user interface elements before you see them in action. With Bootstrap, much of the custom development time is eliminated, so you can experiment with different components without adding a ton of extra work.</p>
<p>For example, to add breadcrumbs as seen below,  simply create a list and add the class &#8220;breadcrumb&#8221; to the &lt;ul&gt; tag. To add a divider between the list items, add &lt;span class=&#8221;divider&#8221;&gt;/&lt;/span&gt; before closing the &lt;li&gt; tag.</p>
<p><a href="http://www.innovation-series.com/wp-content/uploads/2013/05/breadcrumb.png"><img class="alignnone size-full wp-image-3280" alt="breadcrumb" src="http://www.innovation-series.com/wp-content/uploads/2013/05/breadcrumb.png" width="684" height="237" /></a></p>
<p>Instructions to add all of the components are clearly spelled out on <a href="http://twitter.github.io/bootstrap/components.html" target="_blank">Bootstrap&#8217;s GitHub</a>.</p>
<h2>Pretty CSS Forms</h2>
<p>I love CSS, but I don&#8217;t love trying to make forms look pretty using CSS. Twitter Bootstrap read my mind with their default form styles in the base CSS. They are slightly more complicated than the breadcrumb example above, but use the same method of adding class names to indicate the function — and corresponding look — of the item.</p>
<p><a href="http://www.innovation-series.com/wp-content/uploads/2013/05/forms.png"><img class="alignnone size-full wp-image-3269" alt="forms" src="http://www.innovation-series.com/wp-content/uploads/2013/05/forms.png" width="683" height="562" /></a></p>
<p>For the <a href="http://pronounce.voanews.com" target="_blank">VOA Pronunciation Guide</a>, we started with the <a href="http://twitter.github.io/bootstrap/examples/hero.html" target="_blank">basic marketing site template</a>, and customized the look and feel by editing the CSS. We added several Bootstrap components, including dropdowns, tabs, suggestive search, glyphicons, breadcrumbs, pagination, and buttons. Using Bootstrap helped us get the project off the ground quickly, without a lot of development resources.</p>
<p><strong>To explore the VOA Pronunciation Guide further, visit <a href="http://pronounce.voanews.com" target="_blank">pronounce.voanews.com</a>.</strong></p>
<p>- &#8211; - &#8211; -</p>
<p><b><i>Thoughts? Feel free to post comments or questions in the section below or tweet us @BBGinnovate.</i></b></p>
<p>- &#8211; - &#8211; -</p>
<p><i>The foregoing commentary does not constitute endorsement by the US Government, the Broadcasting Board of Governors, VOA, MBN, OCB, RFA, or RFE/RL of the information products or services discussed.</i></p>
]]></content:encoded>
			<wfw:commentRss>http://www.innovation-series.com/2013/05/31/using-twitter-bootstrap-to-speed-up-responsive-website-development/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Inflection Points in US International Media</title>
		<link>http://www.innovation-series.com/2013/05/28/inflection-points-in-us-international-media/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=inflection-points-in-us-international-media</link>
		<comments>http://www.innovation-series.com/2013/05/28/inflection-points-in-us-international-media/#comments</comments>
		<pubDate>Tue, 28 May 2013 18:16:04 +0000</pubDate>
		<dc:creator>robbole</dc:creator>
				<category><![CDATA[Trends]]></category>
		<category><![CDATA[digital strategy]]></category>
		<category><![CDATA[inflection points]]></category>
		<category><![CDATA[innovation]]></category>

		<guid isPermaLink="false">http://www.innovation-series.com/?p=3348</guid>
		<description><![CDATA[Andy Grove, Intel&#8217;s co-founder, offered a succinct description of the time in which an organization has to evolve to continue to survive, let alone thrive. He called these moments strategic inflection points, &#8220;an event that changes the way we think and act.&#8221; He went on to say these moments “(a)lmost always hit a corporation in [...]]]></description>
				<content:encoded><![CDATA[<p dir="ltr">Andy Grove, Intel&#8217;s co-founder, offered a succinct description of the time in which an organization has to evolve to continue to survive, let alone thrive. He called these moments <strong>strategic inflection points</strong>, &#8220;an event that changes the way we think and act.&#8221; He went on to say these moments “(a)lmost always hit a corporation in such a way that those in senior management are among the last ones to notice.”</p>
<p dir="ltr">The ways to spot a strategic inflection point are, listen to your staff on the front-line, read the data from your market carefully and note any, “growing divergence, a dissonance if you will, between the strategy statements of (your) company and the strategy actions.”</p>
<p dir="ltr">The <strong>Office of Digital &amp; Design Innovation</strong> was created to move ahead of our day-to-day news operations to spot the strategic inflection points in US international media.  We were created to work on possible solutions; to ‘get to the future faster’ and get those solutions into the hands of journalists.</p>
<p dir="ltr">And while our office was only established 18 months ago, we have been able to, in partnership with the rest of US international media, to accelerate a number of solutions.  Most notably:</p>
<ul>
<li>Identifying the need to expand our mobile investments to reach new audiences in places like Africa, Southeast Asia and Latin America; especially riding a wave of new mobile web users that has increased our digital mobile audience from 800,000 to close to nine million a month.</li>
<li>Helping to chart a clear path forward in optimizing our content experiences to a range of consumer devices through a progressive Responsive-Adaptive approach that will focus on digital content performance so that we may better serve audiences around the globe.</li>
<li>Expanding up our efforts to reach new audiences on new platforms through a successful digital syndication program that have resulted in partnerships with iTunes, YouTube, Google, SoundCloud further increasing our by nearly million new users.</li>
<li>Building new mobile-ready, low-bandwidth channels with our language service newsrooms for Africa (Mali1), China (ePub) and the Middle East (SyriaStories, Middle East Voices).</li>
</ul>
<p dir="ltr"> While these projects have been successful, they are only the beginning.  ODDI has just begun to work.  Looking ahead, we see several strategic inflection points:</p>
<ul>
<li><strong>mWomen</strong> &#8211; As of 2010, 21% fewer women than men owned a mobile phone in low- to middle-income countries. This suggests a gender gap of 300 million women without access to this potentially life-enhancing tool.  We believe that the market will spot this gap and start targeting women and we need to be ready to offer credible and relevant services for women.</li>
<li><strong>The Youth Bulge/Next Generation Storytellin</strong>g &#8211; Of the 1.2 billion people globally aged 15–24, around 1 billion live in developing countries.  The new norm in our global markets is a median age of 22.  These young audiences want  to participate in creating, shaping and distributing information.  In response, we have to develop new participatory storytelling tools that enable us to partner with audiences to tell even more relevant, accurate and insightful stories .</li>
<li><strong>Multi-Language Content</strong> &#8211; Today news is no longer a silo-ed local event relevant to only a small geographic region.  The Arab Spring, Chinese investment in Africa, Russian elections, the many varieties of terrorism, sovereign debt crisis…all of these cross boundaries, borders and languages.  There is an acceleration in the accuracy of machine translation that will enable multilingual journalism in both text and audio.  Newsrooms need capabilities to ‘translate at the speed of news’, but within modest budgets.</li>
<li><strong>Big Data &amp; Journalistic Insights</strong> &#8211; There are streams of data pouring off of every piece of digital content.  If you have not structured it properly; don&#8217;t have the right tools and skills assembled to manage it and have not prepared your culture to appreciate those insights it is&#8230;well as useful as brick life vest.  Newsrooms need smarter data practices and Agency leadership need to understand need a global perspective of our publishing across all digital channels.</li>
</ul>
<p dir="ltr">The future is incredibly bright.  Personally, I have not felt this hopeful about our ability to continually improve how we cover and publish the news.   And never as hopeful about the talent that is interested in working on these problems, both internal staff and contractors as well as external partners.   ODDI has the tools, mission and opportunity to more than ever find solutions to the biggest problems in creating, distributing and improving news and information within the BBG.</p>
<p>The job of ODDI is to find those journalists most able to apply innovation in digital media and get them what they need to push us forward.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.innovation-series.com/2013/05/28/inflection-points-in-us-international-media/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Streaming Media: Opportunities and Challenges in 2013</title>
		<link>http://www.innovation-series.com/2013/05/24/streaming-media-opportunities-and-challenges-in-2013/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=streaming-media-opportunities-and-challenges-in-2013</link>
		<comments>http://www.innovation-series.com/2013/05/24/streaming-media-opportunities-and-challenges-in-2013/#comments</comments>
		<pubDate>Fri, 24 May 2013 16:56:24 +0000</pubDate>
		<dc:creator>Randy Abramson</dc:creator>
				<category><![CDATA[Innovations Series]]></category>
		<category><![CDATA[Streaming Media]]></category>
		<category><![CDATA[video]]></category>

		<guid isPermaLink="false">http://www.innovation-series.com/?p=3317</guid>
		<description><![CDATA[If you’re a developer at a media company these days, you’re sure to run and cower in a corner the minute your biz/dev team announces they have some new ideas around distribution. You’ll be asked to deliver to content to Apple devices, which use native media players on their phones but allow for HTML 5 [...]]]></description>
				<content:encoded><![CDATA[<p>If you’re a developer at a media company these days, you’re sure to run and cower in a corner the minute your biz/dev team announces they have some new ideas around distribution. You’ll be asked to deliver to content to Apple devices, which use native media players on their phones but allow for HTML 5 players on their tablets. You’ll be asked to develop an app for one of the dozens of ‘over-the-top’ boxes that have their own unique requirements. And when someone says flippantly, ‘we’ll only develop this for Android,’ you’ll pipe up and shout out that there are multiple Android operating systems in use and a never-ending list of hardware manufacturers using the platform. In short, things were never easy when it came to digital distribution, and it’s not getting any easier.</p>
<p><a href="http://www.innovation-series.com/wp-content/uploads/2013/05/stream-image3-resized-600.png"><img class="alignnone size-full wp-image-3328" alt="stream image3-resized-600" src="http://www.innovation-series.com/wp-content/uploads/2013/05/stream-image3-resized-600.png" width="600" height="452" /></a></p>
<p>Streaming Media East, a conference that took place in New York City on 5/21-22 brought together some of the strongest minds in the media industry to walk through emerging trends that are disrupting the very nature of the television screen as well as the pathways to get to those screens, wherever they may be. Below are some of the big takeaways from the conference:</p>
<p><strong>No Silver Bullets</strong><br />
If you were hoping that 2013 would be the year that we saw device and platform fragmentation wither and die, keep dreaming. MLB reported that they see thousands of unique Android device models hit their services everyday. You were able to get a sense of how fragmented the industry is by just visiting the conference Streaming Pavilion where you could lose yourself in the line of 50 leading hardware devices and platforms (and, no, they did not have the new Xbox One there). As you can see in the chart below, globally there are no clear platform winners for digital delivery. Even digital powerhouses like Google have seen low sales on their Google TV device (1,000,000 active units, world wide) and Roku has only recently hit the 5,000,000 units sold mark. The smart move for media companies is to try to target specific regions or demographics and cherry pick platform development that are the best fit.</p>
<p><a href="http://www.innovation-series.com/wp-content/uploads/2013/05/IPTV-Device-Usage.jpg"><img class="alignnone size-full wp-image-3322 aligncenter" alt="IPTV Device Usage" src="http://www.innovation-series.com/wp-content/uploads/2013/05/IPTV-Device-Usage.jpg" width="499" height="561" /></a></p>
<dl class="wp-caption aligncenter" id="attachment_3318" style="width: 262px">
<dt class="wp-caption-dt"></dt>
<dd class="wp-caption-dd">Source: NPD DisplaySearch Quarterly Smart TV Usage Study, April 2013</dd>
</dl>
<p><strong>It’s Gotta Just Work</strong><br />
If you want your digital media delivery to be taken as seriously as a traditional television network, then your apps, whether on a phone or over-the-top box, need to work flawlessly. Users expect things to ‘just work’ (just like that good, old fashioned TV set) and meeting that demand may mean that you have to scale back on features that can slow performance down. Damon Phillips of ESPN spoke about starting simple and the care the digital team takes to eliminate buffering when delivering video assets to the user. Additionally,  there was a lot of conversation around making the most of the team that you have by focusing in and taking care to develop great performing apps on key platforms instead of trying to get on as many platforms as you can.  Again, you&#8217;re better off having a lite, optimized app on one platform that users enjoy using than a handful of apps that don&#8217;t feel native to the platform they are on and are not prime time.</p>
<p><strong>Interactive TV Ain’t Easy</strong><br />
There have been endless critiques of the Huffington Post interactive TV effort, Huffington Post Live, but it’s impossible to deny that from workflow and scale perspective, the folks at HuffPo are pushing the limits of innovation. Tim McDonald was on hand from HuffPo to discuss the work that is involved to deliver programming for 12 hours a day, every day. One of the biggest parts of the effort is the search to find, as Tim calls them, ‘contributors that have skin in the game.’ The community managers at HuffPo are not looking for your standard talking head…they are looking for folk who are passionate and normally do not have a major media platform to voice their opinions on. Finding these people requires a good deal of trolling for experts in the HuffPo forums and also searching through the high volume of user ‘auditions’ that come through the site. Once guests are identified, HuffPo employees then train the guests on how to make use of the Google Hangout or Skype conferencing interfaces, and go over things like mic controls and lighting. Even though there are some bumps, it is astounding how much of the HuffPo Live experience goes off without a hitch.</p>
<p><a href="http://www.innovation-series.com/wp-content/uploads/2013/05/huff-po-live.jpg"><img class="size-full wp-image-3331 aligncenter" alt="huff-po-live" src="http://www.innovation-series.com/wp-content/uploads/2013/05/huff-po-live.jpg" width="614" height="383" /></a></p>
<p><strong>Forget What You Think You Know</strong><br />
If you read digital strategy blogs, you can be lulled into submission when experts start to talk about ‘engagement on the second screen’ (meaning mobile devices used while watching a traditional TV set) and the benefits of personalization. But the conversations at Streaming Media East were more forward looking, providing new ways to look at these emerging themes. First up, there were brain twisting conversations about what makes a ‘second screen’ in the first place. A user may start watching a show on a mobile device on their commute home from work (acting as a first screen here), but on entering the home, the viewer may throw the programming to an over-the-top box like Apple TV. Now, the mobile device becomes the second screen and is ready to be used for engagement instead of straight consumption. The challenge is there for content producers to create exciting experiences around this sort of functionality transition. In the case of personalization, we normally thing about specific content sent to your device based on what media orgs know about you through analysis of your past viewing behaviors. You see this all the time in the ‘you might also like’ list of recommended clips on any video asset page you visit. However, we are entering a time when device capabilities can help transmit more data about who you are and what your likes are than your past viewing habits. Apps like Google Now can make use of the accelerometer in phones to learn how much you travel, if you like to bike vs. walk, your favorite places to get coffee, etc. Content can be delivered around these themes (example: travel, sports) based on intelligence gleamed from your normal behavior. Of course, someone in your org will request that the personalized recommendations work across all platforms, which is a daunting task. Mobile analytics experts at Flurry recently reported that developers who want to reach 90% of the market of active devices need to actually write for 331 unique models. That’s a lot of developer overtime.</p>
<p><a href="http://www.innovation-series.com/wp-content/uploads/2013/05/throw.jpg"><img class="size-full wp-image-3332 aligncenter" alt="throw" src="http://www.innovation-series.com/wp-content/uploads/2013/05/throw.jpg" width="660" height="384" /></a></p>
<p>This is a magical time for publishers as they are able to reach viewers with personalized content and on devices that didn’t seem possible before. Publishers are bound to feel like they’re already behind in distributing to all platforms and services, but the smart move would be to take a deep breath and find the most relevant audiences, see how they are consuming content and deliver to those places first. In short, prioritize, prioritize, prioritize.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.innovation-series.com/2013/05/24/streaming-media-opportunities-and-challenges-in-2013/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>A Snapshot of Journalism Labs: HuffPost Labs</title>
		<link>http://www.innovation-series.com/2013/05/21/a-snapshot-of-journalism-labs-huffpost-labs/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=a-snapshot-of-journalism-labs-huffpost-labs</link>
		<comments>http://www.innovation-series.com/2013/05/21/a-snapshot-of-journalism-labs-huffpost-labs/#comments</comments>
		<pubDate>Tue, 21 May 2013 06:00:22 +0000</pubDate>
		<dc:creator>April Deibert</dc:creator>
				<category><![CDATA[About]]></category>
		<category><![CDATA[innovation]]></category>
		<category><![CDATA[journalism labs]]></category>

		<guid isPermaLink="false">http://www.innovation-series.com/?p=3197</guid>
		<description><![CDATA[There are a number of big journalism labs all striving to be on the cutting edge.  Below is a ‘snapshot’ of one of the more commonly known labs, HuffPost Labs, with a discussion how they operate and some examples of projects they’ve developed.  Their research, techniques and new tools sometimes provide inspiration for BBG staff [...]]]></description>
				<content:encoded><![CDATA[<p><b><br />
There are a number of big journalism labs all striving to be on the cutting edge.  Below is a ‘snapshot’ of one of the more commonly known labs, HuffPost Labs, with a discussion how they operate and some examples of projects they’ve developed.  Their research, techniques and new tools sometimes provide inspiration for BBG staff as they are looking for creative solutions.  I’ve already posted about the <a href="http://www.innovation-series.com/2013/04/30/a-snapshot-of-journalism-labs-nieman-journalism-lab/">Nieman Journalism Lab</a>, the <a href="http://www.innovation-series.com/2013/05/07/a-snapshot-of-journalism-labs-new-york-times-research-development-lab/">New York Times Research &amp; Development Lab</a>, and <a href="http://www.innovation-series.com/2013/05/14/a-snapshot-of-journalism-labs-northwest-university-knight-lab/" target="_blank">Northwest University Knight Lab</a>.</b></p>
<p>&nbsp;</p>
<p><a href="http://labs.huffingtonpost.com/"> </a></p>
<h1><a href="http://labs.huffingtonpost.com/" target="_blank">HuffPost Labs</a></h1>
<h3>Mission:</h3>
<p>According to Arianna Huffington in <a href="http://www.poynter.org/latest-news/top-stories/136319/false-comparisons-between-new-york-times-and-huffington-post-obscure-true-difference/">an interview with Poynter columnist Steve Myers in 2011</a>, the overall mission of the Huffington Post is “is building community around news, information and entertainment, inviting the audience to participate in the conversation and interact with each other.”</p>
<p>While the HuffPost Labs website doesn’t explicitly state it’s mission on their website, it seems that their projects do reflect the overall mission of HuffingtonPost.com.  They’re <a href="http://labs.huffingtonpost.com/">self-described as</a> “currently hard at working redefining the future of mobile cloud traffic via APIs and data hubs. #sorandom,” followed by “NOW HIRING: FULLTIME GROWTH HACKER NINJA INTERN!!!”</p>
<p>&nbsp;</p>
<h3>Operations:</h3>
<p>The HuffPost Labs’ team <a href="http://www.huffingtonpost.com/huffpost-labs/hackerunion-org_b_2247208.html">consists of</a> Matthew Conlen, Brandon Diamond, Andrew Sass and Conor White-Sullivan.  A small, but creative team, their website is probably the most amusing of all the Lab websites.  The team of developers went mega-retro and have a site full of old school animated .gifs, ugly fonts highlighted by ugly colors, set to the soundtrack of a Hawaii Five-0 .midi soundtrack.</p>
<p>&nbsp;</p>
<h3>Project—From Lab to Production:</h3>
<p>Presumably focusing on tools that serve the news aggregation model, the first project out of the HuffPost Labs (fall 2012) was <a href="http://labs.huffingtonpost.com/highlights">HuffPost Highlights</a>.  This tool “<a href="http://blog.newsok.com/media/tag/huffpost-labs/">feeds quotes</a> and passages readers have copied into a searchable web page”.  According to Ariana Huffington, HuffPost readers copy and share quotes from HuffPost via Twitter, Facebook, or email over <a href="http://www.huffingtonpost.com/arianna-huffington/huffpost-highlights-lab_b_1840955.html">40,000 times a day</a>.</p>
<p>&nbsp;</p>
<h3>More Projects:</h3>
<p>In <a href="http://www.huffingtonpost.com/huffpost-labs/hackerunion-org_b_2247208.html">December 2012</a>, the HuffPost Labs team “released the first version of <a href="http://hackerunion.org/">HackerUnion.org</a> our way of giving back to the tech community in New York and around the world.”  HackerUnion.org is a community of developers and designers “who have <a href="http://www.huffingtonpost.com/huffpost-labs/hackerunion-org_b_2247208.html">something to add</a> to the broader group” in order to create a go-to source for the industry in New York to encourage job growth, career growth and creativity.</p>
<p>&nbsp;</p>
<p>- &#8211; - &#8211; -</p>
<p><b><i>Thoughts? Feel free to post comments or questions in the section below or tweet us @BBGinnovate.</i></b></p>
<p>- &#8211; - &#8211; -</p>
<p>(Thank you to Rob Bole for his contributions to this post.)</p>
<p><i>(The foregoing commentary does not constitute endorsement by the US Government, the Broadcasting Board of Governors, VOA, MBN, OCB, RFA, or RFE/RL of the information products or services discussed.)</i></p>
]]></content:encoded>
			<wfw:commentRss>http://www.innovation-series.com/2013/05/21/a-snapshot-of-journalism-labs-huffpost-labs/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>A Snapshot of Journalism Labs: Northwest University Knight Lab</title>
		<link>http://www.innovation-series.com/2013/05/14/a-snapshot-of-journalism-labs-northwest-university-knight-lab/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=a-snapshot-of-journalism-labs-northwest-university-knight-lab</link>
		<comments>http://www.innovation-series.com/2013/05/14/a-snapshot-of-journalism-labs-northwest-university-knight-lab/#comments</comments>
		<pubDate>Tue, 14 May 2013 06:00:20 +0000</pubDate>
		<dc:creator>April Deibert</dc:creator>
				<category><![CDATA[About]]></category>
		<category><![CDATA[innovation]]></category>
		<category><![CDATA[journalism labs]]></category>

		<guid isPermaLink="false">http://www.innovation-series.com/?p=3189</guid>
		<description><![CDATA[There are a number of big journalism labs all striving to be on the cutting edge.  Below is a ‘snapshot’ of one of the more commonly known labs, Northwest University Knight Lab, with a discussion how they operate and some examples of projects they’ve developed.  Their research, techniques and new tools sometimes provide inspiration for [...]]]></description>
				<content:encoded><![CDATA[<p><b><br />
There are a number of big journalism labs all striving to be on the cutting edge.  Below is a ‘snapshot’ of one of the more commonly known labs, Northwest University Knight Lab, with a discussion how they operate and some examples of projects they’ve developed.  Their research, techniques and new tools sometimes provide inspiration for BBG staff as they are looking for creative solutions.  I’ve already posted about the <a href="http://www.innovation-series.com/2013/04/30/a-snapshot-of-journalism-labs-nieman-journalism-lab/" target="_blank">Nieman Journalism Lab</a> and the <a href="http://www.innovation-series.com/2013/05/07/a-snapshot-of-journalism-labs-new-york-times-research-development-lab/" target="_blank">New York Times Research &amp; Development Lab</a>, and next week, I’ll post about the HuffPost Labs.</b></p>
<p><a href="http://knightlab.northwestern.edu/site/"> </a></p>
<h1><a href="http://knightlab.northwestern.edu/" target="_blank">Northwestern University Knight Lab</a></h1>
<h3>Mission:</h3>
<p>They recently revamped their branding strategy to better communicate their mission.  According to <a href="http://knightlab.northwestern.edu/2013/03/28/we-have-a-new-look-and-strategy-for-the-knight-labs-blog/">their blog</a>, “<i>Northwestern University Knight Lab</i> is shorter and friendlier than our previous name and it comes with a tagline to help us better communicate our mission: <i>Advancing news media innovation through exploration and experimentation</i>.”</p>
<p>&nbsp;</p>
<h3>Operations:</h3>
<p><a href="http://knightlab.northwestern.edu/site/about/">The Knight Lab</a> is self-described as “a team of technologists, journalists, designers and educators working to advance media innovation through exploration and experimentation.”  They even repainted their office to match their updated orange logo design (<a href="http://knightlab.northwestern.edu/wp-content/uploads/2013/03/2013-02-26-08.54.50-425x318.jpg">see photo here</a>).</p>
<p>They have two Fellows who have been “<a href="http://knightlab.northwestern.edu/2013/03/28/we-have-a-new-look-and-strategy-for-the-knight-labs-blog/">hard at work</a> on the Lab’s new visual identity and branding” and they also have “<a href="http://knightlab.northwestern.edu/2013/03/28/we-have-a-new-look-and-strategy-for-the-knight-labs-blog/">an army of hacker-journalist students</a>” hard at work on other tasks.  In fact, as of <a href="http://knightlab.northwestern.edu/2013/03/28/we-have-a-new-look-and-strategy-for-the-knight-labs-blog/">March 2013</a>, they have “a <a href="http://knightlab.northwestern.edu/2012/10/30/knightlab-gets-a-new-voice/">student who tweets</a> for (them), a <a href="http://knightlab.northwestern.edu/category/student-fellows/">number of them</a> who write, and quite a few who commit code and develop projects.”  <a href="http://knightlab.northwestern.edu/2013/03/28/we-have-a-new-look-and-strategy-for-the-knight-labs-blog/">Over the summer</a>, they plan on hiring a “research intern who will contribute to our business development and product design research efforts.”  As their plans and projects mature, they plan to share their “’living’ style guide as well as our content strategy and product development process documentation as a collection of resources for all,” <a href="http://knightlab.northwestern.edu/2013/03/28/we-have-a-new-look-and-strategy-for-the-knight-labs-blog/">they note on their blog</a>, “We hope that publishing these guides and documentation will be useful for web-making teams everywhere.”</p>
<p>&nbsp;</p>
<h3>Project—From Lab to Production:</h3>
<p><a href="http://timeline.verite.co/">TimelineJS</a> is perhaps the most well known of all the Knight Lab projects currently.  ODDI’s <a href="http://www.innovation-series.com/2013/03/22/using-timelinejs-and-googledoc-spreadsheet-to-create-timelines/">Brian Williamson documented how he uses it</a> and then updated the post when HuffPo used it to document the timeline of the Boston Marathon bombings.  The <a href="https://twitter.com/TimelineJS">TimelineJS Twitter</a> account also is pretty active posting and RT’ing different uses of the technology.</p>
<p>The Knight Lab <a href="http://knightlab.northwestern.edu/tag/timelinejs/">blog</a> documents the evolution of production to different uses by journalists.  On March 21, 2012, <a href="http://knightlab.northwestern.edu/2012/03/21/an-easy-way-to-build-attractive-timelines/">Knight Lab discussed</a> a new tool that they were developing to fit different needs that was built by <a href="http://knightlab.northwestern.edu/2012/03/21/an-easy-way-to-build-attractive-timelines/">Zach Wise</a> (who joined the Northwestern University faculty from the New York Times).  It seems that Wise’s main goal was to create a tool that was easy to use, used open-source software, had simple coding, was able to incorporate a number of social media platforms, and looked nice to the user in order to explain events that happen over a set period of time.  To gain interest, <a href="http://knightlab.northwestern.edu/2012/03/21/an-easy-way-to-build-attractive-timelines/">the Knight Lab offered assistance</a> to “publishers with compelling story ideas for timelines can get free help in building timelines from a team of Medill students working with Wise.”</p>
<p>About one month later, the <a href="http://knightlab.northwestern.edu/2012/04/12/journalists-begin-adopting-timeline/">Knight Lab noted that journalists had adopted</a> the new technology. “<a href="http://storify.com/richgor/reaction-to-at-knightnewslab-s-new-timeline-tool">Twitter feedback</a> made it clear that Timeline’s developer and Medill faculty member Zach Wise had created something particularly useful,” Ryan Graff <a href="http://knightlab.northwestern.edu/2012/04/12/journalists-begin-adopting-timeline/">posts on the Knight Lab blog</a>, “Visits to KnightLabTimeline.com also surged, peaking at 13,332 on March 29 (2012) before settling into a steady rate of about 1,400 visits a day.”</p>
<p>Two and a half months later, Knight Lab changed its name from <i>Timeline</i> to <i>TimelineJS</i>, which is “a move that makes the product <a href="http://knightlab.northwestern.edu/2012/06/08/timeline-js-picked-up-by-journalists-worldwide/">easier to market</a> and gives a nod to the technology’s JavaScript roots.”  And <a href="http://knightlab.northwestern.edu/2012/06/08/timeline-js-picked-up-by-journalists-worldwide/">in addition to</a> “Twitter, Flickr, Google Maps, YouTube, Vimeo, Dailymotion, and SoundCloud”, Wise also worked with the Knight Lab to incorporate “content from Wikipedia, Instagram, and Storify.”  New additions <a href="http://knightlab.northwestern.edu/2012/06/08/timeline-js-picked-up-by-journalists-worldwide/">also include</a> nearly a double in the number of supported languages and a newly developed <a href="http://ow.ly/asirS">WordPress plugin</a>.</p>
<p>By September, 2012, TimelineJS had been <a href="http://knightlab.northwestern.edu/2012/09/02/timlinejs-deployed-more-than-1500-times/">deployed over 1,500 times</a> and included new features <a href="http://knightlab.northwestern.edu/2012/09/02/timlinejs-deployed-more-than-1500-times/">such as</a>: 25 supported languages (including Arabic and Chinese), an embed generator, and other customization options (size, font, and map style).</p>
<p>&nbsp;</p>
<h3>More Projects:</h3>
<p>The Lab is still just under two years old, but has developed quite a portfolio of projects.  During that time, they “produced <a href="http://timeline.verite.co/">one stable product</a>, deployed seven systems and 32 prototypes,” <a href="http://knightlab.northwestern.edu/2013/03/28/we-have-a-new-look-and-strategy-for-the-knight-labs-blog/">according to their website</a>.<b>  </b>They also revised their <a href="http://knightlab.northwestern.edu/news/">blog</a>, which is responsively designed for use across laptops, tablets and mobiles.</p>
<p>According to their <a href="http://knightlab.northwestern.edu/site/about/">‘About’ section</a> on their website, their first year, they “developed several prototypes and tools, including: <a href="http://knightlab.northwestern.edu/site/about/timeline.verite.co">TimelineJS</a>, <a href="http://localangle.knightlabprojects.com/">Local Angle</a>, <a href="http://knightlab.northwestern.edu/site/projects/">Local Circle</a>, <a href="http://knightlab.northwestern.edu/site/projects/printf/">PrintF</a>, and <a href="http://www.soundcite.com/">SoundCite</a>” and several other items under Social Loupe, “which includes prototypes of <a href="http://tweetcast.knightlabprojects.com/">TweetCast Your Vote</a>, <a href="http://twxray.knightlabprojects.com/">TwxRay</a> and <a href="http://hashtagger.knightlabprojects.com/">Hashtagger</a>.”</p>
<p>For a much more detailed set of featured projects, <a href="http://knightlab.northwestern.edu/site/projects/">check out their projects site</a>.  In 2013, they have three projects listed for continued development: <a href="http://knightlab.northwestern.edu/2013/03/28/we-have-a-new-look-and-strategy-for-the-knight-labs-blog/">Social Loupe</a> (“experiments and ideas realized into technology which seeks to find meaning and utility in social media data”), <a href="http://knightlab.northwestern.edu/2013/03/28/we-have-a-new-look-and-strategy-for-the-knight-labs-blog/">Reporters’ Notebook</a> (products geared toward “information gathering, data management, recording and correlating information found in online data repositories, virtual beat reporting, and more”), and <a href="http://knightlab.northwestern.edu/2013/03/28/we-have-a-new-look-and-strategy-for-the-knight-labs-blog/">The Publishers’ Toolbox</a> (“tools and services intended to help with content publishing and aid in faster and easier web development around storytelling”).</p>
<p>They also recently held a <a href="http://www.pbs.org/idealab/2013/04/lessons-learned-from-knight-labs-three-hack-days113.html">3-day hackathon</a> which produced some really interesting results.</p>
<p>&nbsp;</p>
<p>- &#8211; - &#8211; -</p>
<p><b><i>Thoughts? Feel free to post comments or questions in the section below or tweet us @BBGinnovate.</i></b></p>
<p>- &#8211; - &#8211; -</p>
<p>(Thank you to Rob Bole for his contributions to this post.)</p>
<p><i>(The foregoing commentary does not constitute endorsement by the US Government, the Broadcasting Board of Governors, VOA, MBN, OCB, RFA, or RFE/RL of the information products or services discussed.)</i></p>
]]></content:encoded>
			<wfw:commentRss>http://www.innovation-series.com/2013/05/14/a-snapshot-of-journalism-labs-northwest-university-knight-lab/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Ready for the storm of Umbrella Apps?</title>
		<link>http://www.innovation-series.com/2013/05/07/ready-for-the-storm-of-umbrella-apps/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=ready-for-the-storm-of-umbrella-apps</link>
		<comments>http://www.innovation-series.com/2013/05/07/ready-for-the-storm-of-umbrella-apps/#comments</comments>
		<pubDate>Tue, 07 May 2013 22:31:37 +0000</pubDate>
		<dc:creator>Will Sullivan</dc:creator>
				<category><![CDATA[Announcement]]></category>
		<category><![CDATA[android]]></category>
		<category><![CDATA[apple]]></category>
		<category><![CDATA[apps]]></category>
		<category><![CDATA[ios]]></category>
		<category><![CDATA[ipad]]></category>
		<category><![CDATA[iphone]]></category>
		<category><![CDATA[mobile]]></category>

		<guid isPermaLink="false">http://www.innovation-series.com/?p=2840</guid>
		<description><![CDATA[One of our big mobile projects for 2013 has been preparing a series of mobile and tablet apps for most of our language services and major brands (Alhurra, Voice of America, Radio y TV Marti and Radio Free Asia). These “Umbrella” apps will be available in the market under the umbrella core brand, such as [...]]]></description>
				<content:encoded><![CDATA[<p><span style="font-size: 13px;line-height: 19px">One of our big mobile projects for 2013 has been preparing a series of mobile and tablet apps for most of our language services and major brands (Alhurra, Voice of America, Radio y TV Marti and Radio Free Asia).</span><br />
These <a href="http://www.google.com/url?q=http%3A%2F%2Fwww.innovation-series.com%2F2012%2F08%2F15%2Fcreating-umbrella-apps-for-global-markets%2F&amp;sa=D&amp;sntz=1&amp;usg=AFQjCNEuDzQtfAIdB02_HGKv4vAnWNJuFw">“Umbrella” apps</a> will be available in the market under the umbrella core brand, such as VOA, and then within the app the content, design and language customizes based on which language service you select. Doing this is in so many languages is challenging and frankly, unheard of.  From our survey of the major international media organizations, the most languages supported are 4-5 in their apps. We’re working on supporting more than 40 languages in the VOA app alone.</p>
<p>The <a href="http://martinoticias.com/apps">Radio y TV Marti application is the first out the gate available now on Android and Apple IOS tablet and mobile devices</a>. They&#8217;ll soon be followed by Alhurra, Voice of America and Radio Free Asia too &#8212; joining Radio Free Europe/Radio Liberty’s apps that are already on the market.</p>
<p>The applications are available on Android mobile phones and tablets, as well as for the Apple iPad, iPhone and iPod Touch. We’re also working on a Symbian version focused on African countries/languages, where the Nokia operating system is still popular within the market.</p>
<p><strong><br />
The app features include:</strong></p>
<ul>
<li><span style="font-size: 13px;line-height: 19px">Ability for producers to send out push alerts through Pangea for breaking news (on platforms that support push notifications).</span></li>
<li><span style="font-size: 13px;line-height: 19px">Bandwidth consumption optimization.  When the app first starts, the user will be notified about the possibility to turn-off the loading of images.</span></li>
<li><span style="font-size: 13px;line-height: 19px">Psiphon proxy integration for content delivery in closed internet countries (available only on Android only, IOS doesn&#8217;t allow proxies).</span></li>
<li><span style="font-size: 13px;line-height: 19px">Support for content assets served out of the core CMS:</span>
<ul>
<li><span style="font-size: 13px;line-height: 19px">Video</span></li>
<li><span style="font-size: 13px;line-height: 19px">Audio</span></li>
<li><span style="font-size: 13px;line-height: 19px">Live streaming audio (for services offering this)</span></li>
<li><span style="font-size: 13px;line-height: 19px">Text stories</span></li>
<li><span style="font-size: 13px;line-height: 19px">Photos</span></li>
</ul>
</li>
<li><span style="font-size: 13px;line-height: 19px">Allow background downloading and offline access to content.</span></li>
<li><span style="font-size: 13px;line-height: 19px">Locally stored user generated content (audio, video, photos, texts).</span></li>
<li><span style="font-size: 13px;line-height: 19px">Support continuous play as a background app (on platforms that support multi-tasking and continuous play in the background on platforms that support it).</span></li>
<li><span style="font-size: 13px;line-height: 19px">Support for the landscape and portrait orientation, as well as design changes for right-to-left reading for Arabic language services, and support for core touch gestures including pinch to close, swipe left and right navigation through sections and stories (on platforms that support touch interactions).</span></li>
<li><span style="font-size: 13px;line-height: 19px">Sharing of all the content (articles, audio clips, videos, photo galleries) on Facebook, Twitter, VKontakte and by Email. (On Android Operating system, any other installed sharing application is integrated too.)</span></li>
<li><span style="font-size: 13px;line-height: 19px"><br />
User generated content submission built into the application so the audience can send pictures/audio/video/text directly to the CMS from the app.</span></li>
<li><span style="font-size: 13px;line-height: 19px">Customizable navigation categories/tab bar order for iOS.  This is to allow the user to customize the the number of articles shown within the section at home view and to customize the auto-refresh of data after application start.</span></li>
<li><span style="font-size: 13px;line-height: 19px">Full featured audio player &#8211; seeking, volume, play/pause, playback time/remaining time for listening to full programs/audio clips and news casts.</span></li>
<li><span style="font-size: 13px;line-height: 19px">Customize the article categories shown on home screen and its order.</span></li>
<li><span style="font-size: 13px;line-height: 19px">Search for articles within the app integrated across all assets based on asset metadata.</span></li>
<li><span style="font-size: 13px;line-height: 19px">Apple TV OTA streaming is supported, DLNA streaming is supported for DLNA enabled Android phones and TVs.</span></li>
</ul>
<p>We’re working with RFERL and the Pangea team to merge and upgrade the mobile app platform, we’re moving to a single code base for all the applications on the services fed out of our core CMS. This allows for web producers to manage their website, mobile website and mobile apps all in one interface for each of the platforms.</p>
<div class="wp-caption alignright" style="width: 410px"><img class="  " title="Web browsers have a larger overall audience...  (Pew Report, 2012)" alt="Web browsers have a larger overall audience... (Pew Report, 2012)" src="http://cdn.economistgroup.com/leanback/wp-content/uploads/2012/09/PJ_12.09.17_tabletNews-report_Page_24.jpg" width="400" height="316" /><p class="wp-caption-text">Web browser users are a larger overall audience&#8230;</p></div>
<p>This is just one new product we’re working on to help spread our content and information around the world. One of our next major projects is building the CMS in a fully-responsive and progressively enhanced format optimized for mobile- and performance-first. It may seem like duplication but these projects can be complementary products as the audiences for both can be very different from a contextual and usage perspective, as research indicates app users tend to consume content longer, deeper and more frequently, but they’re a smaller and more passionate group.</p>
<p>Mobile web users are quick content grazers, they come from social media, search engines and other quick visits, but they’re a much larger group</p>
<div class="wp-caption alignright" style="width: 410px"><img class="  " title="...But app users are more rabid and deep news consumers. (Pew Report, 2012)" alt="...But app users are more rabid and deep news consumers. (Pew Report, 2012)" src="http://businesswired.files.wordpress.com/2012/10/app-news-users-are-different2.jpg" width="400" height="526" /><p class="wp-caption-text">&#8230;But mobile app users are more rabid, frequent and deep news consumers. (Pew Report, 2012)</p></div>
<p>Serving both these audiences is important for BBG audiences, but this just two mobile/tablet products we’re building, with many more in the works &#8212; including tools focused on low bandwidth and offline tools like eBooks, iBooks, PDF, and traditional cellular tools like SMS, MMS and voice communications like IVR.</p>
<p>These apps would not be possible without the indomitable spirit of ODDI&#8217;s Borana Kostro and Rebecca Lundregan, who have worked tirelessly to customize, train and test these apps, as well as the support of each of our language services for their hard work translating and providing feedback. They’re built on the foundation of work done from RFERL and their amazing team. We’re also blessed to have the support of our QA team Alena Simakova, in Prague, and our newest team members, Danish Ahmed and Son Tran, in DC helping us move this project forward faster.</p>
<p><strong>Go ahead and download the Marti Noticias apps now on <a href="https://itunes.apple.com/us/app/marti-noticias/id639624682?mt=8">Apple IOS</a> or <a href="https://play.google.com/store/apps/details?id=gov.bbg.ocb">Android</a>.</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.innovation-series.com/2013/05/07/ready-for-the-storm-of-umbrella-apps/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>A Snapshot of Journalism Labs: New York Times Research &amp; Development Lab</title>
		<link>http://www.innovation-series.com/2013/05/07/a-snapshot-of-journalism-labs-new-york-times-research-development-lab/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=a-snapshot-of-journalism-labs-new-york-times-research-development-lab</link>
		<comments>http://www.innovation-series.com/2013/05/07/a-snapshot-of-journalism-labs-new-york-times-research-development-lab/#comments</comments>
		<pubDate>Tue, 07 May 2013 06:00:29 +0000</pubDate>
		<dc:creator>April Deibert</dc:creator>
				<category><![CDATA[About]]></category>
		<category><![CDATA[innovation]]></category>
		<category><![CDATA[journalism labs]]></category>

		<guid isPermaLink="false">http://www.innovation-series.com/?p=3172</guid>
		<description><![CDATA[There are a number of big journalism labs all striving to be on the cutting edge.  Below is a ‘snapshot’ of one of the more commonly known labs, New York Times Research &#38; Development Lab, with a discussion how they operate and some examples of projects they’ve developed.  Their research, techniques and new tools sometimes [...]]]></description>
				<content:encoded><![CDATA[<p><b><br />
There are a number of big journalism labs all striving to be on the cutting edge.  Below is a ‘snapshot’ of one of the more commonly known labs, New York Times Research &amp; Development Lab, with a discussion how they operate and some examples of projects they’ve developed.  Their research, techniques and new tools sometimes provide inspiration for BBG staff as they are looking for creative solutions.  I’ve already posted about the <a href="http://www.innovation-series.com/2013/04/30/a-snapshot-of-journalism-labs-nieman-journalism-lab/">Nieman Journalism Lab</a>, and in the coming weeks, I’ll post about the Northwest University Knight Lab and HuffPost Labs.</b></p>
<p><a href="http://nytlabs.com/"> </a></p>
<h1><a href="http://nytlabs.com/" target="_blank">New York Times Research &amp; Development Lab</a></h1>
<h3>Mission:</h3>
<p><a href="http://nytlabs.com/">New York Time’s R&amp;D Lab</a> is self-described as working “to innovate around new technologies, anticipating consumer behaviors and building new interfaces for news.”  Since <a href="http://www.nytco.com/company/Innovation_and_Technology/ResearchandDevelopment.html">2006</a>, it has “developed prototypes that illustrate trends in media, technology and communication” with the leadership of <a href="http://www.nytco.com/company/executives/Michael_Zimbalist.html">Michael Zimbalist</a>. This includes “research on eReader technology and tablet computing, on personal privacy and data usage, on ambient, ubiquitous computing and on large-scale data visualizations.”</p>
<p>They’ve also created a spin off called the New York Times R&amp;D Ventures.  Many of their activities tend to be based around, literally, finding new ways of exposing their audience to NYT news feeds.  For example, one project discussed by the Nieman Journalism Lab (but not listed as a <a href="http://nytlabs.com/">featured project</a> on the NYT R&amp;D Lab website) is an <a href="http://www.niemanlab.org/2012/04/who-or-what-exactly-is-the-new-york-times-rd-ventures/">advertising product called Ricochet</a>.  The <a href="http://www.niemanlab.org/2012/04/who-or-what-exactly-is-the-new-york-times-rd-ventures/">article</a> describes Richochet as a tool where “companies can create custom links to New York Times stories they select; the links take readers to a version of the story where the ads on the page are all for the company,”—aka, a different means of targeted advertising. “Companies select which stories they want to be associated with, then figure out the ways they want to deliver it: tweet, Facebook post, newsletter, or more.”</p>
<p>&nbsp;</p>
<h3>Operations:</h3>
<p>As discussed in the next section, the Lab operates a living room test area to test out new tools <a href="http://nytlabs.com/customtimes/#images/ct/tv.jpg">to provide custom news across all devices</a>.  Another key part of their operations is customer feedback via the <a href="https://www.nytinsightlab.com/PORTAL/default.aspx">New York Times Insight Lab</a>, where readers “can provide feedback directly to The New York Times through regular surveys, participate in ongoing discussions and learn about new Times projects.”</p>
<p>More about operations at the lab: <a href="http://vimeo.com/4630706">http://vimeo.com/4630706</a></p>
<p>It seems that tours are possible of their operations, but are largely <a href="http://www.niemanlab.org/2009/05/in-the-times-rd-lab-the-future-of-news-is-the-future-of-advertising/">reserved for advertisers</a>.</p>
<p>&nbsp;</p>
<h3>Project—From Lab to Production:</h3>
<p>Probably one of the better-known projects recently is that of the “<a href="http://nytlabs.com/projects/surface.html">Times Reader, Surface Edition</a>”.  Going off of Microsoft’s <a href="http://www.microsoft.com/surface">Surface</a> development, the technology would allow users to tap open images or paragraphs (including a virtual keyboard to allow for one to type comments) to view on a living room or office table.  Nieman Journalism Lab called it “the kitchen table of the future” <a href="http://www.niemanlab.org/2011/08/the-new-york-times-imagines-the-kitchen-table-of-the-future/">in this article</a>.</p>
<p>Here’s a <a href="http://vimeo.com/28361677">video demo</a> of the “Times Reader, Surface Edition”.</p>
<p>In fact, in 2009, the Lab set up <a href="http://www.niemanlab.org/2009/05/the-new-york-times-would-like-to-join-you-in-the-living-room/">a prototyped living room of the future</a> in one corner of their office.</p>
<p>With this, they strived to create a lab-controlled environment to test Internet-enabled HDTVs in the setting they’re likely to be used.  While the content is not meant for long-form journalism, the NYT hopes that an increase in the use of multimedia will make the tool more enticing.  They’re also exploring the idea of “<a href="http://www.amazon.com/Logitech-Air-Rechargeable-Cordless-Mouse/dp/B000T8CWFE">air mice</a>” and custom remotes so that <a href="http://www.niemanlab.org/2009/05/the-new-york-times-would-like-to-join-you-in-the-living-room/">surfing can be done from the sofa</a>.</p>
<p>&nbsp;</p>
<h3>More Projects:</h3>
<ul>
<li><a href="http://nytlabs.com/projects/customtimes.html"><b>Custom Times</b></a><b>: </b>Provides a means for a seamless transition across multiple platforms.  It is an “experience that anticipates the user&#8217;s needs across devices and environments.”</li>
<li><a href="http://nytlabs.com/projects/newsme.html"><b>News.me</b></a><b>: </b>“News.me is a different kind of social news experience that shows you not just what your friends are sharing, but what they are reading as well.”</li>
<li><a href="http://nytlabs.com/projects/openpaths.html"><b>OpenPaths</b></a><b>: </b>“<a href="http://openpaths.cc">openpaths.cc</a> is an encrypted, user-contributed database for the personal location data files recorded by iOS devices. Users can securely store and manage their personal location data, and grant researchers access to portions of that data as they choose.”</li>
<li><a href="http://nytlabs.com/projects/mirror.html"><b>Reveal Project</b></a><b>: “</b>By using a special semi-reflective glass surface, the users of the mirror are able to see both a normal reflection of the real world as well as overlaid, high-contrast graphics.” The Lab calls this &#8220;augmented reflection&#8221;.</li>
<li><a href="http://nytlabs.com/projects/compendium.html"><b>Compendium</b></a><b>:</b> Compendium is “a tool that invites readers to use New York Times articles, images, videos and quotations to tell their own stories.”</li>
<li><a href="http://nytlabs.com/projects/cascade.html"><b>Cascade:</b></a> “This first-of-its-kind tool links browsing behavior on a site to sharing activity to construct a detailed picture of how information propagates through the social media space.”</li>
</ul>
<p>&nbsp;</p>
<p>- &#8211; - &#8211; -</p>
<p><b><i>Thoughts? Feel free to post comments or questions in the section below or tweet us @BBGinnovate.</i></b></p>
<p>- &#8211; - &#8211; -</p>
<p>(Thank you to Rob Bole for his contributions to this post.)</p>
<p><i>(The foregoing commentary does not constitute endorsement by the US Government, the Broadcasting Board of Governors, VOA, MBN, OCB, RFA, or RFE/RL of the information products or services discussed.)</i></p>
]]></content:encoded>
			<wfw:commentRss>http://www.innovation-series.com/2013/05/07/a-snapshot-of-journalism-labs-new-york-times-research-development-lab/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
