{"id":3633,"date":"2020-05-06T07:30:14","date_gmt":"2020-05-06T11:30:14","guid":{"rendered":"http:\/\/teachersfirst.com\/blog\/?p=3633"},"modified":"2020-05-07T15:09:55","modified_gmt":"2020-05-07T19:09:55","slug":"tech-tool-of-the-month-timelinejs-part-1","status":"publish","type":"post","link":"https:\/\/teachersfirst.org\/blog\/2020\/05\/tech-tool-of-the-month-timelinejs-part-1\/","title":{"rendered":"Tech Tool of the Month: TimelineJS Part 1"},"content":{"rendered":"<p><a href=\"http:\/\/timeline.knightlab.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">Northwestern University&#8217;s Knight Lab: TimelineJS<\/span><\/a><span style=\"font-weight: 400;\"> is a web tool you can use to create beautiful and interactive timelines. The timelines use text and media links entered into a Google Sheet template provided by the site &#8211; it\u2019s even easier than it sounds. You can add a variety of media sources: YouTube, Google Maps, Twitter, and more. <\/span><\/p>\n<div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-8\" class=\"h5p-iframe\" data-content-id=\"8\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"2020 May Tech Tool of the Month: TimelineJS\"><\/iframe><\/div>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Applying the Triple E Framework<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The<\/span> <span style=\"font-weight: 400;\">Triple E Framework, created by Dr. Liz Kolb, is built on the belief that \u201ceffective technology integration begins with good instructional strategies and not fancy tools\u201d (<\/span><a href=\"https:\/\/www.tripleeframework.com\/\"><span style=\"font-weight: 400;\">tripleeframework.com<\/span><\/a><span style=\"font-weight: 400;\">). Dr. Kolb wrote a book on the topic, <\/span><i><span style=\"font-weight: 400;\">Learning First, Technology Second <\/span><\/i><span style=\"font-weight: 400;\">(ISTE, 2017), that lays out the three main uses for technology in education: to <strong>Engage<\/strong>, <strong>Enhance<\/strong>, or <strong>Extend<\/strong> learning goals. Here is a<\/span><a href=\"https:\/\/www.tripleeframework.com\/triple-e-evaluation-rubric-for-lesson-design.html\"> <span style=\"font-weight: 400;\">rubric<\/span><\/a><span style=\"font-weight: 400;\"> based on the Triple E Framework you can use to evaluate whether TimelineJS (or any other technology) is a good fit for your learning goals and whether you should use it in your lesson.<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><strong><a href=\"http:\/\/teachersfirst.com\/blog\/wp-content\/uploads\/2020\/05\/2020_May_TechToolMth_TimelineJS_Pt1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignright size-medium wp-image-3677\" src=\"http:\/\/teachersfirst.com\/blog\/wp-content\/uploads\/2020\/05\/2020_May_TechToolMth_TimelineJS_Pt1-200x300.png\" alt=\"\" width=\"200\" height=\"300\" srcset=\"https:\/\/teachersfirst.org\/blog\/wp-content\/uploads\/2020\/05\/2020_May_TechToolMth_TimelineJS_Pt1-200x300.png 200w, https:\/\/teachersfirst.org\/blog\/wp-content\/uploads\/2020\/05\/2020_May_TechToolMth_TimelineJS_Pt1-683x1024.png 683w, https:\/\/teachersfirst.org\/blog\/wp-content\/uploads\/2020\/05\/2020_May_TechToolMth_TimelineJS_Pt1.png 735w\" sizes=\"auto, (max-width: 200px) 100vw, 200px\" \/><\/a>Engage in learning goals<\/strong>: TimelineJS motivates students to begin the learning process by allowing them to view the content in an organized and sequential manner. Students are more focused on the task because they are working at their own pace as they view the text, maps, and videos. The extra features also enable students to become more active learners, as they follow the timeline and click through the multimedia elements.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><strong>Enhance learning goals<\/strong>: TimelineJS enhances learning goals by helping students scaffold their learning using a timeline to share sequential information. As students are creating their own timelines, the organization of information helps students deepen their understanding of the content. This tool offers easy collaboration through the use of Google Sheets. Students use higher-order thinking skills to organize their thoughts and tasks in a timeline and creativity to select their choice of videos, maps, text, and other features.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><strong>Extend learning goals<\/strong>: Dr. Kolb describes extended learning as an opportunity for students to learn, connect, and collaborate outside of the regular school day and as a bridge between the school day and real-life experiences. Students can work collaboratively on a timeline by sharing the link to the Google Sheet containing their content. They can also add comments for the team (or their partner) on the Google Sheet. We\u2019re preparing our students for a world that doesn\u2019t exist yet, but most jobs do require independent motivation and knowledge of technology. This tool provides knowledge about both creating timelines and using Google Sheets. Using web tools is a skill that will be helpful for many future classes and career paths.\u00a0\u00a0<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><strong>SAMR Connection<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">The<\/span><a href=\"https:\/\/www.commonsense.org\/education\/articles\/samr-and-blooms-taxonomy-assembling-the-puzzle\"><span style=\"font-weight: 400;\"> SAMR Model<\/span><\/a><span style=\"font-weight: 400;\">, by Dr. Ruben Puentedura, suggests that technology implementation has four levels. We can use this model as a guideline to analyze how we\u2019re using technology tools in the classroom. TimelineJS can be used at the levels of <strong>Augmentation<\/strong> or <strong>Modification<\/strong> &#8211; depending on how you\u2019re using the tool.\u00a0\u00a0<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><strong>Augmentation<\/strong>: At this level, technology acts as a direct substitute for a tool but provides functional improvement. TimelineJS is at the Augmentation level when students are using the timelines they create to learn content, as the videos and maps offer a functional improvement (and interactivity) that cannot happen without technology.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><strong>Modification<\/strong>: At this level, technology allows us to significantly change the tasks associated with an activity, meaning the activity could not be done without technology. TimelineJS allows you to create a product that includes multimedia elements and allows you to collaborate in real-time through Google Sheets, features that are not available without technology.\u00a0<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Don\u2019t miss <a href=\"https:\/\/teachersfirst.com\/blog\/2020\/05\/tech-tool-of-the-month-timelinejs-part-2\/\" target=\"_blank\" rel=\"noopener noreferrer\">Part 2<\/a> of the Tech Tool of the Month: <\/span><a href=\"http:\/\/timeline.knightlab.com\/\"><span style=\"font-weight: 400;\">TimelineJS<\/span><\/a><span style=\"font-weight: 400;\">, where we\u2019ll provide step-by-step instructions for using the tool and introduce ways to use it in the classroom. In the meantime, let us know in the comment section below how you have used TimelineJS in your education setting.\u00a0<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Northwestern University&#8217;s Knight Lab: TimelineJS is a web tool you can use to create beautiful and interactive timelines. The timelines use text and media links entered into a Google Sheet template provided by the site &#8211; it\u2019s even easier than it sounds. You can add a variety of media sources: YouTube, Google Maps, Twitter, and &hellip; <a href=\"https:\/\/teachersfirst.org\/blog\/2020\/05\/tech-tool-of-the-month-timelinejs-part-1\/\" class=\"more-link\">read more &raquo;<\/a><\/p>\n","protected":false},"author":10,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_lmt_disableupdate":"","_lmt_disable":"","footnotes":""},"categories":[64],"tags":[177,70,11,193],"class_list":["post-3633","post","type-post","status-publish","format-standard","hentry","category-tech-tool-of-month","tag-frameworks","tag-tech-tools","tag-technology-implementation","tag-timelines"],"modified_by":"Karen Streeter","_links":{"self":[{"href":"https:\/\/teachersfirst.org\/blog\/wp-json\/wp\/v2\/posts\/3633","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teachersfirst.org\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/teachersfirst.org\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/teachersfirst.org\/blog\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/teachersfirst.org\/blog\/wp-json\/wp\/v2\/comments?post=3633"}],"version-history":[{"count":10,"href":"https:\/\/teachersfirst.org\/blog\/wp-json\/wp\/v2\/posts\/3633\/revisions"}],"predecessor-version":[{"id":3691,"href":"https:\/\/teachersfirst.org\/blog\/wp-json\/wp\/v2\/posts\/3633\/revisions\/3691"}],"wp:attachment":[{"href":"https:\/\/teachersfirst.org\/blog\/wp-json\/wp\/v2\/media?parent=3633"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/teachersfirst.org\/blog\/wp-json\/wp\/v2\/categories?post=3633"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/teachersfirst.org\/blog\/wp-json\/wp\/v2\/tags?post=3633"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}