<?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>timeline &#8211; English</title>
	<atom:link href="https://onmedia.dw.com/english/?feed=rss2&#038;tag=timeline" rel="self" type="application/rss+xml" />
	<link>https://onmedia.dw.com/english</link>
	<description>Our work in Africa engages with journalists and partners across a wide range of media including radio, TV, online, mobile and film. One of the priorities of the DW Akademie in Africa is to support and strengthen independent media in post-conflict countries and countries in transition.</description>
	<lastBuildDate>Mon, 03 Dec 2018 13:57:38 +0000</lastBuildDate>
	<language>en-GB</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	
	<item>
		<title>Tools and Apps for Journalists: TimelineJS</title>
		<link>https://onmedia.dw.com/english/?p=10861</link>
		<comments>https://onmedia.dw.com/english/?p=10861#respond</comments>
		<pubDate>Tue, 09 Jul 2013 09:31:31 +0000</pubDate>
		<dc:creator><![CDATA[hairsinek]]></dc:creator>
				<category><![CDATA[Tools and Apps for Journalists]]></category>
		<category><![CDATA[Visuals]]></category>
		<category><![CDATA[Interactive]]></category>
		<category><![CDATA[multimedia]]></category>
		<category><![CDATA[online journalism]]></category>
		<category><![CDATA[storytelling]]></category>
		<category><![CDATA[timeline]]></category>
		<category><![CDATA[tools]]></category>

		<guid isPermaLink="false">http://onmedia.dw.com/english/?p=10861</guid>
		<description><![CDATA[ [&#8230;]]]></description>
				<content:encoded><![CDATA[<p><a href="http://onmedia.dw.com/english/files/Timeline_scribbled_I.jpg" rel="lightbox[10861]"><img class="alignleft size-medium wp-image-11053" src="http://onmedia.dw.com/english/files/Timeline_scribbled_I-300x186.jpg" alt="Hand-drawn timeline" width="300" height="186" srcset="https://onmedia.dw.com/english/files/Timeline_scribbled_I-300x186.jpg 300w, https://onmedia.dw.com/english/files/Timeline_scribbled_I.jpg 557w" sizes="(max-width: 300px) 100vw, 300px" /></a>Timelines arrange events in chronological order. From learning about dinosaurs or the order of kings and queens at school, at some stage you would have stumbled over a timeline. The point of a timeline is to make it easier to understand when things happened.</p>
<p>There are plenty of Internet tools to help you create a timeline, but one tool that is popular with media organizations is <a href="http://timeline.verite.co/">TimelineJS</a>.</p>
<p><strong>What is TimelineJS?</strong></p>
<p><a href="http://onmedia.dw.com/english/files/TimelineJS-logo.jpg" rel="lightbox[10861]"><img class="alignright size-medium wp-image-11251" src="http://onmedia.dw.com/english/files/TimelineJS-logo-300x96.jpg" alt="" width="300" height="96" srcset="https://onmedia.dw.com/english/files/TimelineJS-logo-300x96.jpg 300w, https://onmedia.dw.com/english/files/TimelineJS-logo.jpg 377w" sizes="(max-width: 300px) 100vw, 300px" /></a>TimelineJS (Java Script) lets you easily link to different multimedia sources. So as well as text, you can include videos from YouTube and Vimeo, audio from SoundCloud, photos from Flickr, Tweets, Googlemaps and Wikipedia entries and more. Scribd is also useful for including text documents.</p>
<p>Other media are regularly added so check with the TimelineJS website to see what else they support.</p>
<p>As a result, TimelineJS makes it easy to visually show events and the interactivity means users can explore further if they want to.<span id="more-10861"></span></p>
<p><strong>How can journalists use TimelineJS?</strong></p>
<p>Timelines can be used to show the chronology of any event, from the history of the struggle for Apartheid in South Africa to post-election violence in Kenya. To give you an idea of what it is all about, I created a short timeline showing the first West African countries to gain independence.<iframe frameborder="0" height="650" src="http://embed.verite.co/timeline/?source=0ArjEvY9u904FdEkwR1NvMFgxQ0dFelZFd1ItRldfX3c&amp;font=Bevan-PotanoSans&amp;maptype=toner&amp;lang=en&amp;height=650" width="100%"></iframe></p>
<p>As you can see in our <a href="http://embed.verite.co/timeline/?source=0ArjEvY9u904FdEkwR1NvMFgxQ0dFelZFd1ItRldfX3c&amp;font=Bevan-PotanoSans&amp;maptype=toner&amp;lang=en&amp;height=650">example</a>, the slides incorporate video, audio, photos, Wikipedia entries and a Tweet.</p>
<p>If you or your media organization follow a story over a period of time, you can also use your own text, photos, audio and video linked together in a timeline.</p>
<p>While there are no limitations on what you can use the tool for, as it says on its website, TimelineJS is best used with short texts and &#8220;strong chronological narratives. It doesn&#8217;t work well for stories that need to jump around in the timeline&#8221;.</p>
<p>Several news organizations have used the tool to present information about murder or missing people cases that are otherwise overwhelming in detail. For example, the small Salt Lake Tribune did a great job of putting together an <a href="http://local.sltrib.com/timeline/display.php?id=8">interactive timeline</a> about the disappearance of American women Susan Powell. Compare it with <a href="http://www.sltrib.com/sltrib/news/53037060-78/powell-josh-susan-police.html.csp">a text version</a>.</p>
<p>The Knight Lab have a list of examples of <a href="http://knightlab.northwestern.edu/2012/06/08/timeline-js-picked-up-by-journalists-worldwide/">how journalists and news organizations have been using the tool</a>.<img class="alignright size-medium wp-image-11125" src="http://onmedia.dw.com/english/files/Timeline-Examples-300x235.jpg" alt="Screenshot of timelineJS examples" width="300" height="235" srcset="https://onmedia.dw.com/english/files/Timeline-Examples-300x235.jpg 300w, https://onmedia.dw.com/english/files/Timeline-Examples.jpg 542w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>Here are also <a href="http://timeline.verite.co/">other examples from TimelineJS</a> (not necessarily journalistic ones).</p>
<p><strong>How can I create a timeline? </strong></p>
<p>It&#8217;s very easy to make a timeline with the Google spreadsheet <a href="https://drive.google.com/previewtemplate?id=0AppSVxABhnltdEhzQjQ4MlpOaldjTmZLclQxQWFTOUE&amp;mode=public">template</a> provided by TimelineJS. If you don&#8217;t already have a Google account, you will need to sign up for the service (you can do this with any email).</p>
<p>You fill in the spreadsheet with your dates, text and links.</p>
<p><em>IMPORTANT &#8211; I originally had some problems getting the dates to work in the spreadsheet. This is because they have changed how the dates are read by the TimelineJS tool. All you need to do is click on the A column, then open the Format menu → Number →Plain Text. </em></p>
<p>You can see the spreadsheet I used to create the West Africa Independence timeline <a href="https://docs.google.com/spreadsheet/pub?key=0ArjEvY9u904FdEkwR1NvMFgxQ0dFelZFd1ItRldfX3c&amp;output=html">here</a>.</p>
<p>More details are on the TimelineJS site or watch the tutorial below.</p>
<p><iframe width="500" height="281" src="http://www.youtube.com/embed/vAWbm4gF9lU?feature=oembed" frameborder="0" allowfullscreen></iframe></p>
<p><strong>What else should journalists know about TimelineJS?</strong></p>
<p><strong>Cost</strong>: The software is free.</p>
<p><strong>Support</strong>: There&#8217;s an excellent <a href="https://groups.google.com/forum/#!categories/verite-timeline">TimelineJS google discussion group</a> where you can get help and support.</p>
<p><strong>Languages</strong>: The software is currently available in 41 languages, including French, Portuguese, Afrikaans and Arabic. Click on the &#8216;More Options&#8217; button in Step 3 to get to the language options.</p>
<p><strong>WordPress</strong>: There is a <a href="http://wordpress.org/plugins/timeline-verite-shortcode/">WordPress plugin</a> available.</p>
<p><em>TimelineJS was developed by <a href="http://zachwise.com/">Zach Wise</a>, a photojournalist and multimedia producer who is currently an associate professor of journalism at the Medill School of Journalism at Northwestern University. Wise is also a former staff member of the New York Times multimedia team.<br />
</em></p>
<p><strong>Author: Kate Hairsine</strong></p>
]]></content:encoded>
			<wfw:commentRss>https://onmedia.dw.com/english/?feed=rss2&#038;p=10861</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Research and production plan for multimedia stories</title>
		<link>https://onmedia.dw.com/english/?p=4263</link>
		<comments>https://onmedia.dw.com/english/?p=4263#respond</comments>
		<pubDate>Tue, 29 May 2012 14:34:06 +0000</pubDate>
		<dc:creator><![CDATA[harjesc]]></dc:creator>
				<category><![CDATA[Digital Journalism]]></category>
		<category><![CDATA[multimedia]]></category>
		<category><![CDATA[timeline]]></category>

		<guid isPermaLink="false">http://onmedia.dw.com/english/?p=4263</guid>
		<description><![CDATA[ [&#8230;]]]></description>
				<content:encoded><![CDATA[<p></a><div id="attachment_4265" aria-labelledby="figcaption_attachment_4265" class="wp-caption alignright" style="width: 300px"><a href="http://onmedia.dw.com/english/files/Multimedia.jpg" rel="lightbox[4263]"><img src="http://onmedia.dw.com/english/files/Multimedia-300x300.jpg" alt="" width="300" height="300" class="size-medium wp-image-4265" srcset="https://onmedia.dw.com/english/files/Multimedia-300x300.jpg 300w, https://onmedia.dw.com/english/files/Multimedia-150x150.jpg 150w, https://onmedia.dw.com/english/files/Multimedia.jpg 480w" sizes="(max-width: 300px) 100vw, 300px" /></a><p class="wp-caption-text">By Gerlind Vollmer</p></div></p>
<p>Imagine you are just finishing a story or blog post and suddenly realize that some crucial piece of information is missing.</p>
<p>Or maybe you only notice now that you forgot to take a picture of one of the people you interviewed.</p>
<p>Something is missing that you should have arranged to get early in the research process that you can no longer get at this late hour.</p>
<p>We&#8217;ve probably all experienced such nightmares. Yet they are so easy to avoid with a little bit of careful planning.<span id="more-4263"></span></p>
<p><strong>Think and plan before starting on your story</strong></p>
<p>A tool that will help you get a grip on any story you&#8217;re working on is the <a href="http://blogs.dw.com/asia/files/research-and-production-plan.pdf" target="_blank">research and production plan</a> we&#8217;ve developed for you.</p>
<p>Think of each point on <a href="http://blogs.dw.com/asia/files/research-and-production-plan.pdf" target="_blank">this checklist</a> carefully as you research your story.</p>
<p><a href="http://blogs.dw.com/asia/files/check-list.doc-Microsoft-Word-03.04.2012-160929.jpg" rel="lightbox[4263]"><img class="alignleft size-medium wp-image-4281" src="http://blogs.dw.com/asia/files/check-list.doc-Microsoft-Word-03.04.2012-160929-294x300.jpg" alt="research and production plan for multimedia stories" width="294" height="300" /></a>Find precise answers to each question. Write them down. This forces you to be very clear.</p>
<p>Only then set up your interviews or video shoots.</p>
<p><strong>The elevator pitch</strong></p>
<p>The thing that may be most difficult is coming up with an ultra-short summary of your story, the &#8220;<a href="http://en.wikipedia.org/wiki/Elevator_pitch" target="_blank">elevator pitch</a>&#8220;.</p>
<p>It is called elevator pitch because you should imagine meeting your boss in the elevator and only having a few seconds to &#8220;sell&#8221; your story before the boss gets off again.</p>
<p>You have to make clear what&#8217;s special about your story in one sentence to convince your boss quickly.</p>
<p><strong>Focus, be precise and know where you are going</strong></p>
<p>Maybe it helps to think of the elevator pitch as a Tweet on <a href="http://twitter.com" target="_blank">Twitter</a>, where you only have 140 characters to tell it all. Can you explain why your story is exciting for the audience in 140 characters or less?</p>
<p>Summing up your story in just one sentence, in 140 characters or in the form of an &#8220;elevator pitch&#8221; will help you focus. It will give you a precise idea of what should be at the center of your story. And once you know what&#8217;s most important, you can take it from there.</p>
<p>Force yourself to write down all the answers to the questions on our checklist. You&#8217;ll see that making a production plan comes easy now. And if you tick things off as you go along, you definitely will not forget to take a picture of one of your protagonists or record that crucial bit of <a href="http://en.wikipedia.org/wiki/Natural_sounds" target="_blank">natural sound</a> while you&#8217;re out in the field.</p>
<p>&nbsp;</p>
<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;-</p>
<p>timeline</p>
<p><a href="http://blogs.dw.com/asia/files/Create-timelines-share-them-on-the-web-Timetoast-timelines-Mozilla-Firefox-21.03.2012-161252.jpg" rel="lightbox[4263]"><img class="alignleft size-medium wp-image-3865" src="http://blogs.dw.com/asia/files/Create-timelines-share-them-on-the-web-Timetoast-timelines-Mozilla-Firefox-21.03.2012-161252-300x142.jpg" alt="timeline" width="300" height="142" /></a>Timelines are an attractive way to present data that relates to dates. They&#8217;re great for visualizing a sequence of events over time. Timelines can make history fun &#8211; or they can show part of <em>your </em>history in an interesting and structured way.</p>
<p>Instead of just presenting a boring list of  dates, we can lay events out on a timeline, and then add pictures, links  and video (depending on the timeline site) that correspond with whatever  happened on that date.</p>
<p>There is a list of a few of the top timeline sites <a title="Top ten sites for creating timelines" href="http://cyber-kap.blogspot.com/2010/06/top-10-sites-for-creating-timelines.html" target="_blank">here</a>. Some of the most popular and flexible ones, like <a title="Dipity" href="http://www.dipity.com/" target="_blank">Dipity</a>, put limitations on their free accounts.<!--more--></p>
<div id="attachment_3733" aria-labelledby="figcaption_attachment_3733" class="wp-caption alignright" style="width: 460px"><a href="http://blogs.dw.com/asia/files/timeline-screen1.jpg" rel="lightbox[4263]"><img class="size-full wp-image-3733" src="http://blogs.dw.com/asia/files/timeline-screen1.jpg" alt="timeline created with timetoast" width="460" height="233" srcset="https://onmedia.dw.com/english/files/timeline-screen1.jpg 460w, https://onmedia.dw.com/english/files/timeline-screen1-300x151.jpg 300w" sizes="(max-width: 460px) 100vw, 460px" /></a><p class="wp-caption-text">A Timetoast timeline </p></div>
<p>One website that enables you to easily create your own timeline at no cost is <a title="Timetoast" href="http://www.timetoast.com/" target="_blank">Timetoast</a>.</p>
<p>While it can’t display video (at this writing, at least) it can do just about everything else. With the help of <a title="Vodpod" href="http://vodpod.com/" target="_blank">Vodpod</a>, the timelines can even be embedded into WordPress.com blogs.</p>
<p><strong>To create a timeline on Timetoast:</strong></p>
<ul>
<li> Set up an account at <a href="http://www.timetoast.com/" target="_blank">timetoast.com</a> or sign in if you’ve already got one.</li>
<li>Under the headline “What would you like to do?” click on “Create a new timeline.”</li>
<li>Enter your timeline’s title and upload a picture to illustrate it by clicking on “Choose an image” on the left.</li>
<li>Give it a category if you want and then click “Go!”</li>
</ul>
<p><a href="http://onmedia.dw.com/english/?attachment_id=844"><img src="http://dmc2011techsupport.files.wordpress.com/2011/10/timeline-buttons1.jpg?w=575" alt="" /></a></p>
<ul>
<li>To add events on your timeline, click “Add Event”. A window will  open where you can enter the title, date, a description and a link if  you want. You can also upload a picture from this window.</li>
<li>Click on “Create Event” and you’re done. Repeat as you wish.</li>
<li>Another button allows you to create a “timespan” if you want to  indicate an action/activity that happened for a specific period of time.</li>
</ul>
<p>When you have finished, or just want to see what the final product  will look like, click on “View this timeline” on the left side below the  timeline.</p>
<p>When you are satisfied, publish the timeline by clicking on the  “Draft (change this status)” link. Another screen will open and you can publish your timeline from there. You can also add tags if you like.</p>
<p>Once published, you can share the timeline on Twitter or Facebook, or post it in your blog.</p>
<p><strong>How to embed a Timetoast timeline in WordPress</strong></p>
<p>If you&#8217;ve got a <a title="Wordpress.com" href="http://wordpress.com/" target="_blank">WordPress.com</a> blog, embedding a Timetoast timeline takes a little more effort. Timetoast uses flash and unfortunately WordPress.com doesn&#8217;t support flash. You can&#8217;t simply copy and paste the embed code in a WordPress.com blog. But don&#8217;t despair. There&#8217;s a way around that.</p>
<p>To publish on WordPress.com</p>
<ol>
<li> Sign onto<a href="http://vodpod.com/" target="_blank"> Vodpod</a></li>
<li>Back on Timetoast, click on “Embed / Share” under the timeline, and  copy the embed code. You can also change the timeline’s dimensions by  scrolling down and changing the width and height values, then generating  new code, which will appear under the button.</li>
<li>Back in Vodpod, click on “Add Video.”</li>
<li>After your timeline appears, click on “Yes, This Is The Video.”</li>
<li>From the Vodpod main page, click on “Your Videos” and to the right  of the timeline, click on “Share.” The drop-down menu should offer a  “blog” option. Click that, and if you have connected your WordPress.com  blog to the Vodpod account, a new window that opens should have your  blog information.</li>
<li>You can enter a title for your post and some text and then publish  directly to your blog, or make it a draft for later publishing.</li>
<li>Or, you can click on “Wordpress.com Shortcode” and get that code and then paste it into your blog post editor yourself.</li>
<li><em>Voilà</em>, the timeline should be on your blog in no time.</li>
</ol>
<p><strong>By Kyle James and Thorsten Karg</strong></p>
]]></content:encoded>
			<wfw:commentRss>https://onmedia.dw.com/english/?feed=rss2&#038;p=4263</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
