We are learning create a timeline through
Timeline JS by Knight Lab.
Let's go ahead and get started! 
So, if you google "Timeline JS,"
it will be the first entry go ahead and click
on that. This is what a timeline looks like.
So it's made up of images, and dates, as you
can see down here there's a timeline, and
a headline, and example text. As you scroll
through, you can see all the different elements
that can be included. It looks just like StoryMap,
but it's a timeline. So we're going to go
ahead an click "make a timeline," and it's
going to jump down to here. These instructions
are really good, you should be able to figure
out solely from the instructions, but if you're
like me, it helps to watch someone do it.
So that's the point of this video :) 
We're going to click on "get the Spreadsheet Template,"
and then use this template. It works off of
a google spreadsheet. So you do need to be
logged into your google account. And then
it has all of this information from the sample.
The first thing I always do is go ahead an
highlight all those cells and hit "delete."
Just because I don't want to deal with trying
to figure out what they meant, and how to
turn that information into what I need. So
we have it divided into several sections.
We have the start date in red, we have the
end date, we have the display date, then we
have the headline and the text, then media, and then a couple of extra little things over here
on the right. So Timeline JS is going to be
reading these dates that you put in, and that's
how it's going to know what order to put the
content in. It's going to order it based on
date. Some of you are going to be working on things that don't really have dates, or
if you're using this for a story book, it's
not really going to... you're not going to
have a date with that. But you do need to
put some kind of arbitrary date in here anyway,
just so it will order it in the right order.
So, chronologically date your pages. And then,
let's say you are doing a story book, and
you put in May 2, 2016. You can come over
here to "display date" and type "Page 1"or
"Page 2" or whatever you want it to say there.
Anything you put in this column, will automatically
override what you ever goes in these columns.
If you leave it blank, it's not going to override
or leave blank spaces in the final timeline,
it will display whatever you put over here.
And then we have the "Headline." This is just
a headline for whatever this section is. You
also have text that goes with that headline.
And then we have "Media." So, Timeline does
not let you upload an image. You have to use
a URL of the image. You can look up free image
hosting and if you have an image you took
and you want to use it, you can upload it
and it will give you a URL and hold on to
that image on the internet for you. Or you
can use Creative Commons images online and
just link to wherever they're being hosted
somewhere else online. So we're going to go
ahead and go through an example of this. I'm
just going to scroll back over and I'm going
to say "May 3, 2016" is going to be the first
date. I don't want it to say "May 3, 2016"
I want it to actually say "May 3rd." So I'm
going to type that into "Display Date" and
it will override whatever goes in over here.
And then I'm going to say "Departure," and
then I'm going to say -- we're going to work
with a bluebird today -- some I'm going to
say "The bluebird departs from the nest."
So we're going to jump over here to Google
Images, and I've already typed in "bluebird,"
and I'm going to click on search tools, go
to Usage Rights, and click on "Labeled for
Reuse," so that we don't have any copyright
issues. And then I'm going to use this guy,
a mountain bluebird. And go ahead -- when
you select him -- click on "view image" and
it's going to bring you to this screen. If
you look at the end of the URL, mine's hidden
right now, but it should say ".jpg" or ".png"
It should have a file extension at the end
of the URL. So if it does, you're in the right
place. Go ahead and copy that, copy the URL,
and then jump back over to the spreadsheet.
And I'm going to paste that into the "Media"
area. And this image particularly comes from
Wikipedia, so I'm going to credit it right
there. I don't have anything to say about
it, so I'm going to leave the rest blank.
If I wanted to, I could change the background
of this screen -- make it a different color.
I'm not going to, but you could. And then
I'm going to put in another entry, just so
it's not alone. Let's do July 8, 2016. And
once again, I don't want it to have all those
numbers, I want it to actually say "July 8th,"
so I'm going to put that here. And we're going
to call this "Arrival." "The bluebird arrives
at its final destination!" We'll do an exclamation
point -- we're happy about this. And we're
going to go back to Google Images and find
another image. Doo-dee-doo. I don't want it
to be too big, 'cause it will take up a ton
of space... ok, here's another one. He looks
a little angry... we'll use him anyway. So
copy this URLand then once again jump back
over to the timeline, paste, and this picture
is also from Wikipedia, so I'm going to credit
it as such. And then I've now filled in two
complete rows of information. So if we go
back to the timeline site, to this blue box
and scroll down, we have now completed Step
One. So we're now on Step Two. We need to
publish it to the web, so if you read those
directions, it will tell you exactly how to
do it, or you can just watch this. Click "Publish
to the web"under "File." And then publish
it and hit "OK," and it's going to give you
this link. So copy that link, and then go
back to the timeline, and scroll down to Step
Three. It's going to ask for a Google Spreadsheet
URL, so we're going to past the URL we just
copied there. Step Four is going to give you
an embed code, so this is the code that you
can take and put into WordPress, you can put
it into Wix or Weebly, you can really embed
it anywhere that allows for embedding media
and it's going to go there. And then if we
click "preview," and jump down here, we can
see our timeline! So that was really simple,
doesn't take that much time once you know
what content you're using. It's just a matter
of compiling it all together. And the great
thing about this is it's running off of a
google spreadsheet, so if you update this
spreadsheet, you don't have to publish it
again, Timeline already has this URL so you
can just hit "Preview" after you make a change,
and it will live-update as long as your spreadsheet
changed. So that is how you make a timeline
through Timeline JS! And there will be a video
later about incorporating your timeline into
your StoryMap.
