Module Project 1: Technology References

September 15th, 2015

Module Project 1: Technology References

Timeline JS @ Knightlab

  • The official template for data entry is here. Click “Use this Template” after click in to save a copy in your Google Drive. As a best practice, change the file name to match its content.
  • Official step-by-step instruction is available on the web app site
  • Video tutorials: There are several video tutorials of Timeline JS on Youtube, such as “How to Create a Multimedia Timeline.” Search “Timeline JS” in Youtube to find more.

ArcGIS Story Map Tour

  • The official template for data entry is here. It is a zip file. After downloading it, unzip it and open with MS Excel. You may also create a csv file by creating an MS Excel document first and use the “Save As…” function to save it as a csv file (by choosing CSV instead of “Excel Workbook” under “Save as type”). If you use Google Docs, create a Google Sheets file first and use “Download as…” function to download it as a csv file.
  • Official step-by-step instruction is available on here.
    • There are also video tutorials on Youtube on how to create a map tour in ArcGIS online (for example, click here). But the step-by-step instruction uses the story map tour builder, which allows you to create a map tour much more easily than what is demonstrated in the videos.
  • Tips & Tricks:
    • If you would like to embed videos in your map tour, make sure to a) enter “TRUE” in the is_video field and b) provide the appropriate URL for the video. Where as in Timeline JS and Story Map Gigapixel you may use the URL to a Youtube video directly, to include a Youtube video in your map tour you must use its embed URL. To get the embed URL, copy the URL from the address bar and replace “” with “” .
    • One website you may go to for the latitude and longitude of a place is For more resources on finding geographical data, check out the relevant section in the “Module Project 1: Resources” page.

Story Map JS / GigaPixel @ Knightlab

  • The Story Map JS site provides detailed step-by-step instructions. There is also an online video which guides you through the process. .Bucknell computers are installed with Acrobat Photoshop, which you may use to export your image as tiles. You may then upload the tiles to your Google Drive account.
  • IMPORTANT: Once you have uploaded your tiles to Google Drive, you need get the hosting URL. It is the hosting URL that you need to enter in the “URL path for your image directory:” box in Story Map JS. The video is outdated on its instructions about how to get the hosting URL. Here is how you may get it:
    • Once you have uploaded your tiles to Google Drive and shared them with “Anyone on the internet,” right click the folder again and select “Get link”. Copy the entire URL, which looks like this: To get the hosting URL, simply replace “”  with “” .


Comments are closed.