{"id":3635,"date":"2020-05-07T07:30:43","date_gmt":"2020-05-07T11:30:43","guid":{"rendered":"http:\/\/teachersfirst.com\/blog\/?p=3635"},"modified":"2020-05-06T10:06:06","modified_gmt":"2020-05-06T14:06:06","slug":"tech-tool-of-the-month-timelinejs-part-2","status":"publish","type":"post","link":"https:\/\/teachersfirst.org\/blog\/2020\/05\/tech-tool-of-the-month-timelinejs-part-2\/","title":{"rendered":"Tech Tool of the Month: TimelineJS Part 2"},"content":{"rendered":"

In part 1<\/a> of this blog, we introduced you to <\/span>Northwestern University’s Knight Lab: TimelineJS<\/span><\/a> and discussed the application of both the SAMR model and the Triple E Framework to help you integrate TimelineJS into your lessons. Today\u2019s post offers detailed instructions about how to use this timeline tool and shares many classroom use ideas by subject.<\/span><\/p>\n

How to Use TimelineJS:<\/i><\/b><\/p>\n

To start using TimelineJS, click the Make A Timeline button.\u00a0<\/span><\/p>\n

\"\"<\/a><\/p>\n

This will take you to a four-step guide to the timeline making process. Begin by clicking the Get the Spreadsheet Template button in Step 1. <\/span><\/p>\n

\"\"<\/a><\/p>\n

Be aware that when you click Get the Spreadsheet Template, you will be taken to a forced Google Sheet window that will ask you to Make a Copy (image below). Clicking the button will automatically save a copy of the template in your Google account.<\/span><\/p>\n

\"\"<\/a><\/p>\n

Below is a screenshot of what your Google Sheet will look like when you open it. You can delete any information or media types that you don\u2019t want to include in your timeline. We suggest changing the name of the file to something related to the subject of the timeline so you can find it easily in the future. Double click the title on the upper left-side (where it currently says Copy of Official TimelineJS3 Template) to change it.\u00a0<\/span><\/p>\n

\"\"<\/a><\/p>\n

You may have noticed the Share button on the top right side of this sheet. To collaborate with others, click the Share button and then click Get Shareable Link. Make sure to check the link-sharing permissions in the fields shown below, then copy and paste the link in an email or onto another collaborative document to share it.<\/span><\/p>\n

\"\"<\/a><\/p>\n

Add all of the information listed in the sheet (links, media captions, text, headlines, etc.). When you have finished adding your content, you are ready for Step 2. In the File menu, click to Publish to the web. Be sure you read the detailed instructions in this step to see what options you need to select.\u00a0<\/span><\/p>\n

\"\"<\/a><\/p>\n

\"\"<\/a><\/p>\n

Now that you have published your Sheet, it\u2019s time to move on to Step 3. Copy the spreadsheet URL into the box to generate your published timeline!<\/span><\/p>\n

\"\"<\/a><\/p>\n

Step 4 allows you to share the link to your timeline with others by copying and pasting a URL or embedding the timeline on a website. <\/span><\/p>\n

\"\"<\/a><\/p>\n

This image offers a sample of the title and opening image of a timeline.<\/span><\/p>\n

\"\"<\/a><\/p>\n

TimelineJS allows you to add images, link words directly to websites, and use arrows to navigate easily from one chronological event to the next. To add images and other items, simply put the link in the Google Sheet.\u00a0<\/span><\/p>\n

\"\"<\/a><\/p>\n

Adding maps is a great way for students to visualize the locations where the events shared on the timeline took place. Just add a link to the map on the Google Sheet and it will automatically be added to your timeline.<\/span><\/p>\n

\"\"<\/a><\/p>\n

This final sample image shows you what video links look like within the timeline. Here again, you simply add the URL for the video to the Google Sheet.\u00a0<\/span><\/p>\n

\"\"<\/a><\/p>\n

\"\"<\/a>Classroom Use Ideas:<\/i><\/b><\/p>\n

Timelines are a powerful learning tool. When you combine the ability to collaborate and add images, text, video clips, and maps, the likelihood of higher levels of understanding increases. Timelines and collaboration can be useful in nearly every subject area. Below, we\u2019ve included ideas for using timelines to teach several subject areas or to meet your professional needs. You can complete these assignments yourself and share with your students or assign these timeline activities to be created independently or with a partner. You know your students\u2019 ability levels and are the best judge of the most successful way to incorporate the use of timelines in your lesson, but here are some ideas to get you started.<\/span><\/p>\n

Create a timeline in any class or subject relating to the current unit you are teaching. You (or your students) can add information to the timeline each day to use as a study guide. You could also have students create their own timelines to use as the final assessment to demonstrate understanding. You could create timelines that are content-specific, we have listed ideas below.<\/span><\/p>\n

Create a timeline about…\u00a0<\/span><\/p>\n

Social Studies:<\/span><\/p>\n