Omeka S

TimelineJS and StoryMapJS are products of Northwestern University's Knight Lab. Knight Lab is a team of designers, developers, students, and educators. They create open source, adaptable, and lightweight tools for storytellers and media makers.

Timeline enables users to create visually rich, interactive timelines. You will want to pick a topic that has a strong chronological narrative. The George Mason University Statue is an example of Timeline embedded into an Omeka page.

StoryMap helps you tell stories on the web that highlight the locations of a series of events. You will want to pick a topic that has a strong location narrative. Infanticide in Virginia is an example of StoryMap embedded into an Omeka page.

For both Timeline and StoryMap, you will want to have no more than 20 slides. Each event should be part of a larger narrative. You should include events that build up to the major event, and not just the major event itself. For example, if I was using either tool in an Omeka exhibit about the Titanic, I would want to include not just the sinking of the ship but also when and where it was built, the details of the first days of its maiden voyage, the rescue efforts, and the inquiries into the sinking.

See the following links for help:

• Timeline FAQs
• Timeline documentation
• StoryMap FAQs
• StoryMap documentation

Follow Knightlab's instructions for making a Timeline. They also created a video.

1. Use the Google spreadsheet template that they link to in their instructions. Put dates, text, and links to media in the appropriate columns. Do not change the template: do not change column headers, do not remove any columns, and do not leave blank rows in your spreadsheet.
2. Under the file menu, go to share. Select publish to the web. Click the publish box. When asked "are you sure?" click OK. Close the window using the X in the top right corner.
3. Copy the URL in your browser's address bar.
4. Copy and paste the URL into the box listed in step 3 of Knightlab's instructions. This will generate your Timeline.
5. Copy the embed code beginning with <iframe src=" listed in step 4 of Knightlab's instructions.
6. Embed your Timeline into your Omeka page using the embed code.

1. Click the make a StoryMap button at the top of the StoryMap page.
2. Sign in to your Google account.
3. The first page you see will be your title page. Add a title, a description, and link to media or upload a file to add an image. Click add slide on the left hand side of the screen when done.
4. Create slides for your events.
   1. Location: Use the search box to search for an address.
   2. Event information: Fill out the headline and description boxes for each event.
   3. Media: Add a link to media or upload an image. Fill out the credit and captions boxes.
5. Toggle to the preview tab to see how your StoryMap will look when made public.
6. You can save your changes at any time using the save button in the upper left hand corner.
7. Click share in the upper right hand corner when you are done.
8. Copy the embed code beginning with <iframe src=" that is in the embed box.
9. Embed your StoryMap into your Omeka page using the embed code.

1. Navigate to the Omeka page to which you want to add a Timeline or StoryMap.
2. Add an HTML block.
3. Rick click--or hover, depending on how your computer is set up--until you can see the following menu.
4. Click the source button.
5. Paste the embed code into the source box. Click OK.
6. Click save in the upper right hand corner when you're done.