{"id":5147,"date":"2015-03-10T12:44:54","date_gmt":"2015-03-10T16:44:54","guid":{"rendered":"http:\/\/tiie.w3.uvm.edu\/blog\/?p=5147"},"modified":"2022-04-15T16:51:10","modified_gmt":"2022-04-15T20:51:10","slug":"3-tools-for-interactive-timelines","status":"publish","type":"post","link":"https:\/\/tiie.w3.uvm.edu\/blog\/3-tools-for-interactive-timelines\/","title":{"rendered":"3 tools for interactive timelines"},"content":{"rendered":"<h2>Find new uses for data visualization<\/h2>\n<p><a href=\"https:\/\/web.archive.org\/web\/20210123203454\/http:\/\/www.myhistro.com\/\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft wp-image-5170 size-thumbnail\" src=\"https:\/\/tiie.w3.uvm.edu\/blog\/wp-content\/uploads\/2015\/03\/myhistro-150x150.jpg\" alt=\"3 tools for interactive timelines\" width=\"150\" height=\"150\" \/><\/a>Free, online timeline tools allow students to break free of the traditional two-dimensional timeline and create highly customizable multimedia projects to showcase research, serve as digital portfolios, manage projects, guide gallery walks or form study guides.<\/p>\n<p>And yes, they can also be used for book reports.<\/p>\n<h2><!--more-->\u00a01. myHistro<\/h2>\n<p><a href=\"https:\/\/web.archive.org\/web\/20210123203454\/http:\/\/www.myhistro.com\/\" target=\"_blank\" rel=\"noopener\">myHistro<\/a>\u00a0lets students embed timelines in a Google Map and add personally relevant content to each stop on the tour. One-button publishing animates the timelines, as well as providing an option to replay timelines as quizzes.<\/p>\n<p>myHistro as:<\/p>\n<ul>\n<li>Personal narrative: <a href=\"http:\/\/www.myhistro.com\/story\/my-family-story-(family-tree)\/132521\" target=\"_blank\" rel=\"noopener\">My family story<\/a><\/li>\n<li>Book report: <a href=\"http:\/\/www.myhistro.com\/story\/quiz-the-shape-of-dread-by-marcia-muller-(sharon-mccone-hash10)\/121612\" target=\"_blank\" rel=\"noopener\">A guide to San Francisco in\u00a0The Shape of Dread<\/a><\/li>\n<li>Study guide: <a href=\"https:\/\/web.archive.org\/web\/20210119214740\/http:\/\/www.myhistro.com\/story\/inca-empire\/34180\/1\" target=\"_blank\" rel=\"noopener\">The Inca Empire<\/a><\/li>\n<\/ul>\n<p>Works on Chromebooks, laptops, desktops (browser version) as well as having a <a href=\"https:\/\/web.archive.org\/web\/20170607112821\/https:\/\/itunes.apple.com\/us\/app\/myhistro\/id541529118?mt=8\" target=\"_blank\" rel=\"noopener\">free iOS app<\/a> version and\u00a0<a href=\"https:\/\/www.edmodo.com\/publisher\/myhistro\" target=\"_blank\" rel=\"noopener\">an Edmodo plugin.<\/a>\u00a0While there are only a few types of media that can be embedded at each stop on the myHistro tour, this can be used as a great impetus to encourage students&#8217; writing skills.<\/p>\n<p>Check out this guide to myHistro for history teachers looking to incorporate it in their curriculums:<\/p>\n<p>[slideshare id=15545163&amp;doc=mhistroajaloopreseed2-121208022800-phpapp01]<\/p>\n<h2>2. Timeline JS<\/h2>\n<p>This\u00a0timeline tool derives its power from\u00a0the\u00a0myriad\u00a0of shareable online media\u00a0that can\u00a0showcase student curiosity. Add YouTube and Vimeo videos, tweets, Vines, flickr photos, Soundcloud audio and website previews to a side-scrolling timeline. For projects\u00a0that have a strong <strong>chronological<\/strong> narrative (as opposed to a geographical or artistic one), this is the go-to tool.<\/p>\n<p>The best part? Super-low bar to entry: have students create a Google spreadsheet of entries and share the spreadsheet&#8217;s url with Timeline JS, then customize the result with multimedia. Spend time on content, not troubleshooting.<\/p>\n<p>Some examples:<\/p>\n<ul>\n<li>Historical projects: <a href=\"http:\/\/backtoghana.com\/timeline\" target=\"_blank\" rel=\"noopener\">History of Ghana<\/a><\/li>\n<li>Timeline as digital portfolio: <a href=\"http:\/\/bird.lemon-s.com\/\" target=\"_blank\" rel=\"noopener\">Akira Toriyama&#8217;s World<\/a><\/li>\n<li>Personalized research: <a href=\"http:\/\/www.spokesman.com\/timelines\/brief-history-hats\/\" target=\"_blank\" rel=\"noopener\">A history of hats<\/a><\/li>\n<li>Guided tour: <a href=\"http:\/\/www.radiolab.org\/story\/214709-color-walk\/\" target=\"_blank\" rel=\"noopener\">Radiolab&#8217;s Colorwalk<\/a><\/li>\n<\/ul>\n<p>Timeline JS is also open-source, so if you have students who are interested in modifying or improving the code, they can join <a href=\"https:\/\/github.com\/NUKnightLab\/TimelineJS\" target=\"_blank\" rel=\"noopener\">the online community of JSON developers<\/a> working on making the tool even better.<\/p>\n<p>Richard Byrne (<a href=\"http:\/\/twitter.com\/freetech4teachers\" target=\"_blank\" rel=\"noopener\">@freetech4teachers<\/a>) created this guide to creating your first interactive Timeline JS:<\/p>\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/bn5CXhxTPVU\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<h2>3.\u00a0Dipity<\/h2>\n<p>The new speed of data involved in current events can now be harnessed with <a href=\"http:\/\/www.dipity.com\/\" target=\"_blank\" rel=\"noopener\">Dipity<\/a>, which allows you to create timelines that capture RSS feeds. This way your students can create and use timelines as constantly updated visual reference guides to ongoing media events.<\/p>\n<p>Check out <a href=\"http:\/\/www.dipity.com\/leilani\/Hurricane-Irene\/\" target=\"_blank\" rel=\"noopener\">this Dipity of Hurricane Irene<\/a>:<\/p>\n<div class=\"dipity_embed\" style=\"width: 425px;\">\n<p><iframe loading=\"lazy\" style=\"border: 1px solid #CCC;\" src=\"http:\/\/www.dipity.com\/leilani\/Hurricane-Irene\/?mode=embed&amp;z=0#tl\" width=\"425\" height=\"300\"><\/iframe><\/p>\n<p style=\"margin: 0; font-family: Arial,sans; font-size: 13px; text-align: center;\"><a href=\"http:\/\/www.dipity.com\/leilani\/Hurricane-Irene\/\">Hurricane Irene<\/a> on <a href=\"http:\/\/www.dipity.com\/\">Dipity<\/a>.<\/p>\n<\/div>\n<p>Dipity timelines are searchable and can also be viewed as flipbooks, lists or maps, and can be embedded in webpages, making them easily archivable for online digital portfolios. Check out <a href=\"http:\/\/www.dipity.com\/Garethrogers27\/Dave-Jones-Cardiff-City-career\/\" target=\"_blank\" rel=\"noopener\">Dave Jones&#8217; career with Cardiff City<\/a>, this <a href=\"http:\/\/www.dipity.com\/StevePro\/NASA-Space-Shuttle-Program-Launches\/\" target=\"_blank\" rel=\"noopener\">review of NASA shuttle launches<\/a> and a <a href=\"http:\/\/www.dipity.com\/StevePro\/History-of-The-Wheel\/\" target=\"_blank\" rel=\"noopener\">history of the wheel<\/a>.<\/p>\n<h2>How will your students use multimedia timelines?<\/h2>\n","protected":false},"excerpt":{"rendered":"<p>Find new uses for data visualization Free, online timeline tools allow students to break free of the traditional two-dimensional timeline and create highly customizable multimedia projects to showcase research, serve as digital portfolios, manage projects, guide gallery walks or form study guides. And yes, they can also be used for book reports.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[292,312,313,309,325,1357,225,1356,250,1358,632,310],"class_list":["post-5147","post","type-post","status-publish","format-standard","hentry","category-uncategorized","tag-digital-portfolios","tag-dipity","tag-gallery-walk","tag-myhistro","tag-personalized-learning","tag-personalized-learning-plan","tag-personalized-learning-plans","tag-plp","tag-plps","tag-portfolio","tag-portfolios","tag-timeline-js"],"_links":{"self":[{"href":"https:\/\/tiie.w3.uvm.edu\/blog\/wp-json\/wp\/v2\/posts\/5147","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tiie.w3.uvm.edu\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tiie.w3.uvm.edu\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tiie.w3.uvm.edu\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tiie.w3.uvm.edu\/blog\/wp-json\/wp\/v2\/comments?post=5147"}],"version-history":[{"count":5,"href":"https:\/\/tiie.w3.uvm.edu\/blog\/wp-json\/wp\/v2\/posts\/5147\/revisions"}],"predecessor-version":[{"id":31367,"href":"https:\/\/tiie.w3.uvm.edu\/blog\/wp-json\/wp\/v2\/posts\/5147\/revisions\/31367"}],"wp:attachment":[{"href":"https:\/\/tiie.w3.uvm.edu\/blog\/wp-json\/wp\/v2\/media?parent=5147"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tiie.w3.uvm.edu\/blog\/wp-json\/wp\/v2\/categories?post=5147"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tiie.w3.uvm.edu\/blog\/wp-json\/wp\/v2\/tags?post=5147"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}