{"id":84,"date":"2019-02-20T09:00:10","date_gmt":"2019-02-20T14:00:10","guid":{"rendered":"https:\/\/commons.princeton.edu\/aas303\/?page_id=84"},"modified":"2019-02-20T09:31:31","modified_gmt":"2019-02-20T14:31:31","slug":"digital-project-tools","status":"publish","type":"page","link":"https:\/\/commons.princeton.edu\/aas303\/digital-project-tools\/","title":{"rendered":"Digital Project Tools"},"content":{"rendered":"<p style=\"width: 100%; text-align: right;\"><a href=\"http:\/\/commons.princeton.edu\/aas303\/wp-content\/uploads\/sites\/105\/2019\/02\/Digital-Project-Tools.pdf\" target=\"_blank\" rel=\"noopener\">Download a PDF version.<\/a><\/p>\n<h2>Simple Maps<\/h2>\n<p>If you simply want to embed a map in your posts,\u00a0 go to <a href=\"https:\/\/www.google.com\/maps\" target=\"_blank\" rel=\"noopener\">Google Maps<\/a>,\u00a0 navigate to the area you are interested in, click the three-line &#8216;hamburger&#8217; menu icon in the upper-left corner of the screen, and select &#8216;Share or Embed Map&#8217;.\u00a0 Choose the &#8216;Embed a Map&#8217; tab, copy the HTML, and paste it into your post. (Make sure the text tab is selected when you paste in the code.).<\/p>\n<h2>Annotated Maps<\/h2>\n<h3>Google MyMaps<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-9646 size-full\" src=\"https:\/\/commons.princeton.edu\/aas303\/wp-content\/uploads\/sites\/105\/2019\/02\/GoogleMaps.png\" alt=\"\" width=\"1040\" height=\"700\" \/><\/p>\n<p>Create custom maps to share and publish online. You can add multiple layers of locations, annotation, photos, videos, and images. Data can also be imported, mapped and color-coded.<\/p>\n<p><a href=\"https:\/\/www.google.com\/mymaps\">https:\/\/www.google.com\/mymaps<\/a><\/p>\n<h3>StoryMapsJS<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9648\" src=\"https:\/\/commons.princeton.edu\/aas303\/wp-content\/uploads\/sites\/105\/2019\/02\/StoryMapJS.png\" alt=\"\" width=\"1040\" height=\"700\" \/><\/p>\n<p>Create slides including text, images and accompanying map locations, then generate an attractive display of the sequential narrative.<\/p>\n<p><a href=\"http:\/\/commons.princeton.edu\/korean-travel-narratives\/2018\/05\/22\/a-walk-in-kim-sans-shoes\/\">http:\/\/commons.princeton.edu\/korean-travel-narratives\/2018\/05\/22\/a-walk-in-kim-sans-shoes\/<\/a><\/p>\n<p><a href=\"http:\/\/commons.princeton.edu\/korean-travel-narratives\/2018\/05\/22\/following-underwood\/\">http:\/\/commons.princeton.edu\/korean-travel-narratives\/2018\/05\/22\/following-underwood\/<\/a><\/p>\n<h3>ArcGIS Online, StoryMap Tool<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9651\" src=\"https:\/\/commons.princeton.edu\/aas303\/wp-content\/uploads\/sites\/105\/2019\/02\/ArcGISStoryMap.png\" alt=\"\" width=\"1222\" height=\"821\" \/><\/p>\n<p>A tool included in the online version of ArcGIS (of which the desktop version is considered the most comprehensive GIS platform). Story Maps combine text and images with maps that pan and zoom to locations to tell stories.<\/p>\n<p><a href=\"https:\/\/pumagic.maps.arcgis.com\/home\/signin.html\">https:\/\/pumagic.maps.arcgis.com\/home\/signin.html<\/a><\/p>\n<p><a href=\"https:\/\/gisportal.princeton.edu\/portal\/home\/\">https:\/\/gisportal.princeton.edu\/portal\/home\/<\/a><\/p>\n<p>A tutorial for using Princeton&#8217;s ArcGIS Portal <a href=\"https:\/\/commons.princeton.edu\/aas303\/wp-content\/uploads\/sites\/105\/2019\/02\/UsingStoryMapsF18.pdf\">can be found here.<\/a><\/p>\n<h3>MapHub<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9652\" src=\"https:\/\/commons.princeton.edu\/aas303\/wp-content\/uploads\/sites\/105\/2019\/02\/maphub.jpg\" alt=\"\" width=\"1526\" height=\"1156\" \/><\/p>\n<p>A tool for creating custom maps with markers, lines, and polygons, much like Google MyMaps but using the open source OpenStreetMaps. A wide variety of basemaps are available, data can be imported, and the platform is very easy to use.<\/p>\n<p><a href=\"https:\/\/maphub.net\/explore\">https:\/\/maphub.net\/explore<\/a><\/p>\n<p><a href=\"https:\/\/maphub.net\/map\">https:\/\/maphub.net\/map<\/a><\/p>\n<p>Brief tutorial: <a href=\"https:\/\/www.journalism.co.uk\/news\/how-to-create-interactive-maps-with-maphub\/s2\/a634898\/\">https:\/\/www.journalism.co.uk\/news\/how-to-create-interactive-maps-with-maphub\/s2\/a634898\/<\/a><\/p>\n<h2>CartoDB Odyssey.js<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9653\" src=\"https:\/\/commons.princeton.edu\/aas303\/wp-content\/uploads\/sites\/105\/2019\/02\/odysseyJS.png\" alt=\"\" width=\"1319\" height=\"840\" \/><\/p>\n<p>A little bit difficult to use because the project is in development (change https in the URL to http to get it to work). Create slides using Markdown and associate with locations on a map. When complete you can download a single, HTML file of the project or embed on other sites in an iframe.<\/p>\n<p><a href=\"https:\/\/cartodb.github.io\/odyssey.js\/\">https:\/\/cartodb.github.io\/odyssey.js\/<\/a><\/p>\n<h2>Combining Maps and Timelines<\/h2>\n<h3>TimelineJS<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9654\" src=\"https:\/\/commons.princeton.edu\/aas303\/wp-content\/uploads\/sites\/105\/2019\/02\/timelineJS.png\" alt=\"\" width=\"993\" height=\"758\" \/><\/p>\n<p>Catalog your data in a Google Sheets spreadsheet and import it as your data source. Date or time-associated data can include photos, videos, audio, maps and links. TimelineJS generates an attractive sliding timeline.<\/p>\n<p><a href=\"http:\/\/cdn.knightlab.com\/libs\/timeline3\/latest\/embed\/index.html?source=10V-WkD4-4XwUd1wXKkVfGIw2428UevSD8Fp1j5-0nSI&amp;font=Default&amp;lang=en&amp;initial_zoom=2&amp;height=1250\">http:\/\/cdn.knightlab.com\/libs\/timeline3\/latest\/embed\/index.html?source=10V-WkD4-4XwUd1wXKkVfGIw2428UevSD8Fp1j5-0nSI&amp;font=Default&amp;lang=en&amp;initial_zoom=2&amp;height=1250<\/a><\/p>\n<h3>TimeMapper<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9655\" src=\"https:\/\/commons.princeton.edu\/aas303\/wp-content\/uploads\/sites\/105\/2019\/02\/timemapper2.png\" alt=\"\" width=\"1214\" height=\"823\" \/><\/p>\n<p><a href=\"http:\/\/timemapper.okfnlabs.org\">http:\/\/timemapper.okfnlabs.org<\/a><\/p>\n<p>Combine text and images with a map and a timeline, all in one display.<\/p>\n<p><a href=\"http:\/\/timemapper.okfnlabs.org\/aaptis331\/mapdatatimemap#8\">http:\/\/timemapper.okfnlabs.org\/aaptis331\/mapdatatimemap#8<\/a><\/p>\n<p><a href=\"https:\/\/www.dwrl.utexas.edu\/wp-content\/uploads\/2015\/10\/timemapper-all-handouts.pdf\">https:\/\/www.dwrl.utexas.edu\/wp-content\/uploads\/2015\/10\/timemapper-all-handouts.pdf<\/a><\/p>\n<h2>Google Tours<\/h2>\n<h3>Google Tour Creator<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9656\" src=\"https:\/\/commons.princeton.edu\/aas303\/wp-content\/uploads\/sites\/105\/2019\/02\/GoogleTourCreator.png\" alt=\"\" width=\"1096\" height=\"767\" \/><\/p>\n<p>Create interactive virtual-reality tours using Google Street View. \u201cScenes\u201d are culled from the street view and 3D photos found in Google Maps. Highlight points of interest and add 2D images for additional information. Support brief scene descriptions and voice narration.<\/p>\n<p><a href=\"https:\/\/vr.google.com\/tourcreator\/\">https:\/\/vr.google.com\/tourcreator\/<\/a><\/p>\n<h3>Google Tour Builder<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9657\" src=\"https:\/\/commons.princeton.edu\/aas303\/wp-content\/uploads\/sites\/105\/2019\/02\/GoogleTourBuilder.png\" alt=\"\" width=\"1252\" height=\"946\" \/><\/p>\n<p>An older but fully functioning, 2D relative of Google Tour Creator. Add \u2018slides\u2019 with text and images and associated with points along a pathway on a map.<\/p>\n<p><a href=\"https:\/\/tourbuilder.withgoogle.com\/\">https:\/\/tourbuilder.withgoogle.com\/<\/a><\/p>\n<h2>Websites<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9658\" src=\"https:\/\/commons.princeton.edu\/aas303\/wp-content\/uploads\/sites\/105\/2019\/02\/wordpress-com.png\" alt=\"\" width=\"1118\" height=\"956\" \/><\/p>\n<p>Many free website building tools exist, including:<\/p>\n<p><b>Wix <\/b><a href=\"https:\/\/eunicelee621.wixsite.com\/eas369-eunicelee\">https:\/\/eunicelee621.wixsite.com\/eas369-eunicelee<\/a><\/p>\n<p><b>WordPress.com <\/b><a href=\"https:\/\/powerfuleastasianwomen.wordpress.com\/\">https:\/\/powerfuleastasianwomen.wordpress.com\/<\/a><\/p>\n<p><b>SimpleSite <\/b><a href=\"https:\/\/www.simplesite.com\">https:\/\/www.simplesite.com<\/a><\/p>\n<p><b>Exposure.so <\/b><a href=\"http:\/\/www.exposure.so\/\">http:\/\/www.exposure.so\/<\/a><\/p>\n<h2>Audio &amp; Video<\/h2>\n<p>Many tools will allow you to combine images, music, audio narration, and video, incorporating transitions, pans, zooms (ala Ken Burns) to produce a video. All the available presentations tools, such as <b>Powerpoint<\/b>, <b>Keynote<\/b>, and <b>Google Slides<\/b>, allow you to incorporate animations in your slides. Powerpoint and Keynote allow you to record voice-over narrations (If you are able, use Keynote for this. The recorder is much simpler to use.). Presentations can then be exported as a video using Powerpoint or Keynote. You can also record a narration outside of Powerpoint or Keynote in the excellent, and free, Audacity audio recorder and then combine with the video using video editing software such as <b>iMovie<\/b>, <b>Windows Movie Maker<\/b>, or <b>Adobe Premiere<\/b>. Alternately, perform and record your presentation \u2018live\u2019 using a screen capture program such as <b>Screenflow<\/b>. Adobe Premiere and Screenflow are not free, but are available in the University\u2019s <a href=\"https:\/\/mcgrawdll.princeton.edu\/\">Digital Learning Lab<\/a> in the Lewis Science Library Building or in J. Street Library in Wilson College.<\/p>\n<h2>Charts and Graphs<\/h2>\n<h3>RAWGraphs<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-108 size-full\" src=\"http:\/\/commons.princeton.edu\/aas303\/wp-content\/uploads\/sites\/105\/2019\/02\/RAWGraphs.png\" alt=\"\" width=\"1178\" height=\"909\" srcset=\"https:\/\/commons.princeton.edu\/aas303\/wp-content\/uploads\/sites\/105\/2019\/02\/RAWGraphs.png 1178w, https:\/\/commons.princeton.edu\/aas303\/wp-content\/uploads\/sites\/105\/2019\/02\/RAWGraphs-300x231.png 300w, https:\/\/commons.princeton.edu\/aas303\/wp-content\/uploads\/sites\/105\/2019\/02\/RAWGraphs-768x593.png 768w, https:\/\/commons.princeton.edu\/aas303\/wp-content\/uploads\/sites\/105\/2019\/02\/RAWGraphs-1024x790.png 1024w, https:\/\/commons.princeton.edu\/aas303\/wp-content\/uploads\/sites\/105\/2019\/02\/RAWGraphs-676x522.png 676w\" sizes=\"auto, (max-width: 1178px) 100vw, 1178px\" \/><\/p>\n<p>An easy to use, completely online tool for generating a wide range of beautiful charts and graphs from your data. Simple paste the data in comma-separated (CSV) format and select from over twenty types of graph and chart formats.<\/p>\n<p><a href=\"https:\/\/rawgraphs.io\/\">https:\/\/rawgraphs.io\/<\/a><\/p>\n<h3>Palladio<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-109\" src=\"http:\/\/commons.princeton.edu\/aas303\/wp-content\/uploads\/sites\/105\/2019\/02\/palladio.jpg\" alt=\"\" width=\"2880\" height=\"1800\" srcset=\"https:\/\/commons.princeton.edu\/aas303\/wp-content\/uploads\/sites\/105\/2019\/02\/palladio.jpg 2880w, https:\/\/commons.princeton.edu\/aas303\/wp-content\/uploads\/sites\/105\/2019\/02\/palladio-300x188.jpg 300w, https:\/\/commons.princeton.edu\/aas303\/wp-content\/uploads\/sites\/105\/2019\/02\/palladio-768x480.jpg 768w, https:\/\/commons.princeton.edu\/aas303\/wp-content\/uploads\/sites\/105\/2019\/02\/palladio-1024x640.jpg 1024w, https:\/\/commons.princeton.edu\/aas303\/wp-content\/uploads\/sites\/105\/2019\/02\/palladio-676x423.jpg 676w\" sizes=\"auto, (max-width: 2880px) 100vw, 2880px\" \/><\/p>\n<p>From the Stanford Humanities + Design Lab, Palladio is an online, free tool for generating maps and network graphs based on your data. Paste your data into the site in comma-separated (CSV) format, configure the relationships between data points and visualize the data on a map, network graph, or in a image gallery.<\/p>\n<p><a href=\"https:\/\/hdlab.stanford.edu\/palladio\/\">https:\/\/hdlab.stanford.edu\/palladio\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Download a PDF version. Simple Maps If you simply want to embed a map in your posts,\u00a0 go to Google Maps,\u00a0 navigate to the area you are interested in, click the three-line &#8216;hamburger&#8217; menu icon in the upper-left corner of the screen, and select &#8216;Share or Embed Map&#8217;.\u00a0 Choose the &#8216;Embed a Map&#8217; tab, copy<\/p>\n<p><a class=\"more-link\" href=\"https:\/\/commons.princeton.edu\/aas303\/digital-project-tools\/\">Continue Reading<\/a><\/p>\n","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-fullwidth.php","meta":{"footnotes":""},"class_list":["post-84","page","type-page","status-publish","hentry","post-preview"],"_links":{"self":[{"href":"https:\/\/commons.princeton.edu\/aas303\/wp-json\/wp\/v2\/pages\/84","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/commons.princeton.edu\/aas303\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/commons.princeton.edu\/aas303\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/commons.princeton.edu\/aas303\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/commons.princeton.edu\/aas303\/wp-json\/wp\/v2\/comments?post=84"}],"version-history":[{"count":12,"href":"https:\/\/commons.princeton.edu\/aas303\/wp-json\/wp\/v2\/pages\/84\/revisions"}],"predecessor-version":[{"id":112,"href":"https:\/\/commons.princeton.edu\/aas303\/wp-json\/wp\/v2\/pages\/84\/revisions\/112"}],"wp:attachment":[{"href":"https:\/\/commons.princeton.edu\/aas303\/wp-json\/wp\/v2\/media?parent=84"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}