{"id":1120,"date":"2024-11-14T15:51:30","date_gmt":"2024-11-14T20:51:30","guid":{"rendered":"https:\/\/sites.smith.edu\/project-resources\/?page_id=1120"},"modified":"2026-04-28T10:19:44","modified_gmt":"2026-04-28T14:19:44","slug":"geo102-digital-project-resources","status":"publish","type":"page","link":"https:\/\/sites.smith.edu\/project-resources\/geo102-digital-project-resources\/","title":{"rendered":"GEO102 &#8211; Digital Project Resources"},"content":{"rendered":"\n<div class=\"wp-block-buttons is-content-justification-space-between is-layout-flex wp-container-core-buttons-is-layout-84f7cab9 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link has-text-align-center wp-element-button\" href=\"https:\/\/smith.libcal.com\/appointments\/\" target=\"_blank\" rel=\"noreferrer noopener\">Get Help<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--2\"><a class=\"wp-block-button__link has-text-align-center wp-element-button\" href=\"https:\/\/sites.smith.edu\/geo102\/\">Back to GEO102<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--3\"><a class=\"wp-block-button__link has-text-align-center wp-element-button\" href=\"https:\/\/sites.smith.edu\/project-resources\/create-a-wordpress-post-and-add-content\/\" target=\"_blank\" rel=\"noreferrer noopener\">Create a WordPress Post<\/a><\/div>\n<\/div>\n\n\n\n<div id=\"toc\" class=\"wp-block-group has-background has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"background-color:#edf6f6\">\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div data-wp-context=\"{ &quot;autoclose&quot;: false, &quot;accordionItems&quot;: [] }\" data-wp-interactive=\"core\/accordion\" role=\"group\" class=\"wp-block-accordion is-layout-flow wp-block-accordion-is-layout-flow\">\n<div data-wp-class--is-open=\"state.isOpen\" data-wp-context=\"{ &quot;id&quot;: &quot;accordion-item-4&quot;, &quot;openByDefault&quot;: false }\" data-wp-init=\"callbacks.initAccordionItems\" data-wp-on-window--hashchange=\"callbacks.hashChange\" class=\"wp-block-accordion-item is-layout-flow wp-block-accordion-item-is-layout-flow\">\n<h3 class=\"wp-block-accordion-heading\"><button aria-expanded=\"false\" aria-controls=\"accordion-item-4-panel\" data-wp-bind--aria-expanded=\"state.isOpen\" data-wp-on--click=\"actions.toggle\" data-wp-on--keydown=\"actions.handleKeyDown\" id=\"accordion-item-4\" type=\"button\" class=\"wp-block-accordion-heading__toggle\"><span class=\"wp-block-accordion-heading__toggle-title\">Types of Interactive Content<\/span><span class=\"wp-block-accordion-heading__toggle-icon\" aria-hidden=\"true\">+<\/span><\/button><\/h3>\n\n\n\n<div inert aria-labelledby=\"accordion-item-4\" data-wp-bind--inert=\"!state.isOpen\" id=\"accordion-item-4-panel\" role=\"region\" class=\"wp-block-accordion-panel is-layout-flow wp-block-accordion-panel-is-layout-flow\">\n<ul class=\"wp-block-list\">\n<li>\u2606 <a href=\"#vr\">VR Content<\/a><\/li>\n\n\n\n<li>\u2606 <a href=\"#storymapjs\">StoryMapJS<\/a><\/li>\n\n\n\n<li>\u2606 <a href=\"#arcgis-storymaps\">ArcGIS StoryMaps<\/a> <\/li>\n\n\n\n<li>\u2606 <a href=\"#digitalnarratives\">Digital Narratives<\/a><\/li>\n\n\n\n<li>\u2606 <a href=\"#h5p\">H5P Interactive Content<\/a>\n<ul class=\"wp-block-list\">\n<li><a href=\"#hotspot\">Image Hotspots<\/a><\/li>\n\n\n\n<li><a href=\"#virtualtour\">Virtual Tour<\/a><\/li>\n\n\n\n<li><a href=\"#infowall\">Information Wall<\/a><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>\u2606 <a href=\"#podcast\">Podcasting<\/a><\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n\n\n<div data-wp-class--is-open=\"state.isOpen\" data-wp-context=\"{ &quot;id&quot;: &quot;accordion-item-5&quot;, &quot;openByDefault&quot;: false }\" data-wp-init=\"callbacks.initAccordionItems\" data-wp-on-window--hashchange=\"callbacks.hashChange\" class=\"wp-block-accordion-item is-layout-flow wp-block-accordion-item-is-layout-flow\">\n<h3 class=\"wp-block-accordion-heading\"><button aria-expanded=\"false\" aria-controls=\"accordion-item-5-panel\" data-wp-bind--aria-expanded=\"state.isOpen\" data-wp-on--click=\"actions.toggle\" data-wp-on--keydown=\"actions.handleKeyDown\" id=\"accordion-item-5\" type=\"button\" class=\"wp-block-accordion-heading__toggle\"><span class=\"wp-block-accordion-heading__toggle-title\">Borrowing Equipment<\/span><span class=\"wp-block-accordion-heading__toggle-icon\" aria-hidden=\"true\">+<\/span><\/button><\/h3>\n\n\n\n<div inert aria-labelledby=\"accordion-item-5\" data-wp-bind--inert=\"!state.isOpen\" id=\"accordion-item-5-panel\" role=\"region\" class=\"wp-block-accordion-panel is-layout-flow wp-block-accordion-panel-is-layout-flow\">\n<ul class=\"wp-block-list\">\n<li><a href=\"#media-production\">Guides to Borrowing Equipment and Making Videos<\/a><\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n\n\n<div data-wp-class--is-open=\"state.isOpen\" data-wp-context=\"{ &quot;id&quot;: &quot;accordion-item-6&quot;, &quot;openByDefault&quot;: false }\" data-wp-init=\"callbacks.initAccordionItems\" data-wp-on-window--hashchange=\"callbacks.hashChange\" class=\"wp-block-accordion-item is-layout-flow wp-block-accordion-item-is-layout-flow\">\n<h3 class=\"wp-block-accordion-heading\"><button aria-expanded=\"false\" aria-controls=\"accordion-item-6-panel\" data-wp-bind--aria-expanded=\"state.isOpen\" data-wp-on--click=\"actions.toggle\" data-wp-on--keydown=\"actions.handleKeyDown\" id=\"accordion-item-6\" type=\"button\" class=\"wp-block-accordion-heading__toggle\"><span class=\"wp-block-accordion-heading__toggle-title\">Adding your digital project to the GEO102 Site<\/span><span class=\"wp-block-accordion-heading__toggle-icon\" aria-hidden=\"true\">+<\/span><\/button><\/h3>\n\n\n\n<div inert aria-labelledby=\"accordion-item-6\" data-wp-bind--inert=\"!state.isOpen\" id=\"accordion-item-6-panel\" role=\"region\" class=\"wp-block-accordion-panel is-layout-flow wp-block-accordion-panel-is-layout-flow\">\n<ul class=\"wp-block-list\">\n<li><a href=\"#addcontent\">Adding your Content to the GEO102 Website<\/a>\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/sites.smith.edu\/project-resources\/create-a-wordpress-post-and-add-content\/\">How to Create a WordPress Post and add content<\/a><\/li>\n\n\n\n<li><a href=\"http:\/\/embed-projects\">Embedding Projects<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<p class=\"has-text-align-center has-medium-font-size\"><mark style=\"background-color:#fbf2a6\" class=\"has-inline-color has-black-color\">Note: All links to directions or examples open in a new tab<\/mark><\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Types of Interactive Content<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"vr\">\u2606 VR Content<\/h3>\n\n\n\n<div class=\"h5p-content\" data-content-id=\"2\"><\/div>\n\n\n\n<p>VR Content made with PolyCam can be displayed on the website using the <a href=\"https:\/\/sites.smith.edu\/project-resources\/iframe-embedder\/\" data-type=\"post\" data-id=\"309\" target=\"_blank\" rel=\"noreferrer noopener\">H5P iframe embedder<\/a>.<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"storymapjs\">\u2606 Create a map with StoryMapJS <\/h3>\n\n\n\n<p>StoryMapJS is a free mapping tool that guides a visitor through a sequence of locations. You can add with images and text to your map to describe important features, note access challenges, or illustrate the location.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-wp-embed is-provider-knight-lab wp-block-embed-knight-lab\"><div class=\"wp-block-embed__wrapper\">\n<iframe class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" src='https:\/\/uploads.knightlab.com\/storymapjs\/ebf1e1643c4fad7b406b28c2bf91fd82\/the-new-england-trail\/index.html#?secret=cprKjIKHmP' data-secret='cprKjIKHmP' width='500' height='700' frameborder='0'><\/iframe>\n<\/div><figcaption class=\"wp-element-caption\">An example map made with StoryMapJS<\/figcaption><\/figure>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-outline is-style-outline--7\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/sites.smith.edu\/project-resources\/creating-a-map-with-storymapjs\/\" target=\"_blank\" rel=\"noreferrer noopener\">Create a StoryMap<\/a><\/div>\n<\/div>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"arcgis-storymaps\">\u2606 Create a map with <strong>ArcGIS StoryMaps<\/strong><\/h3>\n\n\n\n<p>ArcGIS StoryMaps is a mapping and visual storytelling tool. StoryMaps can include a variety of maps, including interactive maps with popups and images, guided and unguided (explorer) tours, map sliders that allow you to compare multiple views of the same place, and maps with supplemental data. You can also add additional text, images, videos, and other embedded content, and change the appearance of your map or overall design.<\/p>\n\n\n\n<p>To create an ArcGIS StoryMap, log in to&nbsp;<a href=\"https:\/\/www.arcgis.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/www.arcgis.com<\/a>&nbsp;with the Your ArcGIS organization&#8217;s URL option. Type &#8220;smithcollege&#8221; as your organization, click the blue button that appears on the next screen, and follow the Duo login prompts. <\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"844\" height=\"1024\" src=\"https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/11\/2024-11-26_11-14-24-844x1024.png\" alt=\"The arcgis storymaps login screen\" class=\"wp-image-1286\" srcset=\"https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/11\/2024-11-26_11-14-24-844x1024.png 844w, https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/11\/2024-11-26_11-14-24-247x300.png 247w, https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/11\/2024-11-26_11-14-24-768x932.png 768w, https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/11\/2024-11-26_11-14-24-940x1140.png 940w, https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/11\/2024-11-26_11-14-24-400x485.png 400w, https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/11\/2024-11-26_11-14-24.png 1004w\" sizes=\"auto, (max-width: 844px) 100vw, 844px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"814\" height=\"1024\" src=\"https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/11\/2024-11-26_11-14-40-814x1024.png\" alt=\"The Smith College spatial analysis lab login button\" class=\"wp-image-1287\" srcset=\"https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/11\/2024-11-26_11-14-40-814x1024.png 814w, https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/11\/2024-11-26_11-14-40-238x300.png 238w, https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/11\/2024-11-26_11-14-40-768x967.png 768w, https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/11\/2024-11-26_11-14-40-940x1183.png 940w, https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/11\/2024-11-26_11-14-40-400x503.png 400w, https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/11\/2024-11-26_11-14-40.png 982w\" sizes=\"auto, (max-width: 814px) 100vw, 814px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p>Then click the StoryMaps launch button or open&nbsp;<a href=\"https:\/\/storymaps.arcgis.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/storymaps.arcgis.com\/<\/a> and start a new story.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"509\" src=\"https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/11\/2024-11-26_11-21-53-1-1024x509.png\" alt=\"The ARCGIS homepage displaying the app launcher and the ARCGIS StoryMaps icon circled in red\" class=\"wp-image-1289\" srcset=\"https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/11\/2024-11-26_11-21-53-1-1024x509.png 1024w, https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/11\/2024-11-26_11-21-53-1-300x149.png 300w, https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/11\/2024-11-26_11-21-53-1-768x382.png 768w, https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/11\/2024-11-26_11-21-53-1-1536x763.png 1536w, https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/11\/2024-11-26_11-21-53-1-2048x1018.png 2048w, https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/11\/2024-11-26_11-21-53-1-940x467.png 940w, https:\/\/sites.smith.edu\/project-resources\/wp-content\/uploads\/sites\/1047\/2024\/11\/2024-11-26_11-21-53-1-400x199.png 400w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Additional self-guided instruction is&nbsp;<a href=\"https:\/\/storymaps.arcgis.com\/stories\/cea22a609a1d4cccb8d54c650b595bc4\" target=\"_blank\" rel=\"noreferrer noopener\">available here<\/a>, or contact&nbsp;<a href=\"mailto:sal@smith.edu\" target=\"_blank\" rel=\"noreferrer noopener\">sal@smith.edu<\/a>&nbsp;for support or a walkthrough.<\/p>\n\n\n\n<p>Wondering how to choose between <a href=\"#storymapjs\">StorymapsJS<\/a> and ArcGIS StoryMaps? The answer is partly stylistic: each offers different types of maps, layout, and design options.&nbsp; StorymapsJS is more accessible in terms of being free, ArcGIS StoryMaps is more accessible in terms of offering a high-contrast basemap and other visual and cognitive accessibility options.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Example StoryMaps<\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/storymaps.arcgis.com\/stories\/407b6288771447afb2961988ef321fd4\" target=\"_blank\" rel=\"noreferrer noopener\"><\/a><a href=\"https:\/\/storymaps.arcgis.com\/stories\/bb1b8608eb514447be7ab1945ce9cb31\" target=\"_blank\" rel=\"noreferrer noopener\">Alison Pasbjerg, Abigail Dustin, Kari Berntson, and Margaret Bassney &#8211;&nbsp;Transforming Food Systems One Glean at a Time<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/storymaps.arcgis.com\/stories\/a8ec34d1360d40ee8882a2606558f3db\" target=\"_blank\" rel=\"noreferrer noopener\">SCMA &#8211; Ancient World Gallery Interactive Map<\/a><\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-outline is-style-outline--8\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/www.science.smith.edu\/sal\/contact\/\">Get Help from SAL<\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-background-color has-global-padding is-content-justification-right is-layout-constrained wp-container-core-group-is-layout-32d57d21 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--30)\">\n<div class=\"wp-block-group alignwide is-content-justification-right is-layout-flex wp-container-core-group-is-layout-fc306653 wp-block-group-is-layout-flex\">\n<div style=\"height:100px;width:0px\" aria-hidden=\"true\" class=\"wp-block-spacer wp-container-content-6388d5dc\"><\/div>\n\n\n\n<p class=\"has-text-align-right has-medium-font-size\"> <a href=\"#top\"><mark style=\"background-color:#e8e374\" class=\"has-inline-color\">Go Back Up<\/mark><\/a><\/p>\n<\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"digitalnarratives\">\u2606 Create a Digital Narrative<\/h3>\n\n\n\n<p>Digital Narratives are short-form videos.  In a digital narrative,  the main content is typically driven by audio narration accompanied by music, image, and video. These visuals can be sourced from stock footage\/images or original footage\/images.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Example Digital Narratives<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/sites.google.com\/smith.edu\/amplifycompetition2022\/multimedia\/eve-mehalick-wilcox\" target=\"_blank\" rel=\"noreferrer noopener\">Eve Mehalick Wilcox \u201922 &#8211; Environmental Justice in New York&#8217;s Capital Region<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/sites.google.com\/smith.edu\/amplifycompetition2022\/multimedia\/meredith-jones\" target=\"_blank\" rel=\"noreferrer noopener\">Meredith Jones \u201924 &#8211; Centering Emotional Knowledge and Relationships in Fight for Climate Justice<\/a><\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-outline is-style-outline--9\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/sites.smith.edu\/project-resources\/digital-narrative\/create-a-digital-narrative-with-adobe-express\/\" target=\"_blank\" rel=\"noreferrer noopener\">Create a Digital Narrative<\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-background-color has-global-padding is-content-justification-right is-layout-constrained wp-container-core-group-is-layout-32d57d21 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--30)\">\n<div class=\"wp-block-group alignwide is-content-justification-right is-layout-flex wp-container-core-group-is-layout-fc306653 wp-block-group-is-layout-flex\">\n<div style=\"height:100px;width:0px\" aria-hidden=\"true\" class=\"wp-block-spacer wp-container-content-6388d5dc\"><\/div>\n\n\n\n<p class=\"has-text-align-right has-medium-font-size\"> <a href=\"#top\"><mark style=\"background-color:#e8e374\" class=\"has-inline-color\">Go Back Up<\/mark><\/a><\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h5p\">\u2606 H5P Interactive Content<\/h3>\n\n\n\n<p>H5P is a tool used to make interactive content, so that when someone visits a website they can interact with text, images, and sounds in different ways. H5P <em>content types<\/em> include images with clickable hotspots, virtual 360 tours, information panels, and even slideshows.<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"hotspot\">Image Hotspots<\/h4>\n\n\n\n<p>The Image Hotspot H5P type allows you to annotate an image with text, images, and videos.<\/p>\n\n\n<div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-1\" class=\"h5p-iframe\" data-content-id=\"1\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"Keyel - Biscuits and Gravy\"><\/iframe><\/div>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-outline is-style-outline--10\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/sites.smith.edu\/project-resources\/create-interactive-images-using-h5p-image-hotspots\/\" target=\"_blank\" rel=\"noreferrer noopener\">Create an Image Hotspot<\/a><\/div>\n<\/div>\n\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"virtualtour\">Virtual Tour<\/h4>\n\n\n\n<p>The Virtual Tour tour H5P type allows you to make an interactive virtual tour using images from a 360 camera or still images. <\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-outline is-style-outline--11\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/sites.smith.edu\/project-resources\/virtual-tour-360\/\" target=\"_blank\" rel=\"noreferrer noopener\">See an Example Virtual Tour<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--12\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/docs.google.com\/document\/d\/1rEFB-wfYN5UPwOhp544NKzqucaxfxlYqXMhTL8sz0Qc\/edit?usp=sharing\" target=\"_blank\" rel=\"noreferrer noopener\">Create a Virtual Tour<\/a><\/div>\n<\/div>\n\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"infowall\">Information Wall<\/h4>\n\n\n\n<p>The Information Wall type allows you to create a concise wall of content panels that a visitor can search for information.<\/p>\n\n\n<div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-5\" class=\"h5p-iframe\" data-content-id=\"5\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"Information Wall - Example from H5P.org\"><\/iframe><\/div>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-outline is-style-outline--13\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/sites.smith.edu\/project-resources\/information-wall\/\" target=\"_blank\" rel=\"noreferrer noopener\">Create an Information Wall<\/a><\/div>\n<\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group has-background-color has-global-padding is-content-justification-right is-layout-constrained wp-container-core-group-is-layout-32d57d21 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--30)\">\n<div class=\"wp-block-group alignwide is-content-justification-right is-layout-flex wp-container-core-group-is-layout-fc306653 wp-block-group-is-layout-flex\">\n<div style=\"height:100px;width:0px\" aria-hidden=\"true\" class=\"wp-block-spacer wp-container-content-6388d5dc\"><\/div>\n\n\n\n<p class=\"has-text-align-right has-medium-font-size\"> <a href=\"#top\"><mark style=\"background-color:#e8e374\" class=\"has-inline-color\">Go Back Up<\/mark><\/a><\/p>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"podcast\">\u2606 Podcasting<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/docs.google.com\/document\/d\/16IT0oh5FhRCmvjSoGfBt5HNM8ohYnYMcR3xPISZvMp0\/edit?usp=sharing\">Podcast Production Guide<\/a><\/li>\n<\/ul>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\" id=\"media-production\">Guides to Borrowing Equipment and Making Videos<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/sites.smith.edu\/project-resources\/media-production-equipment-loan\/\" target=\"_blank\" rel=\"noreferrer noopener\">How to Borrow Cameras and Recording Equipment<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/sites.smith.edu\/project-resources\/video-production\/\" target=\"_blank\" rel=\"noreferrer noopener\">Video Production Resources at Smith College<\/a><\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\" id=\"addcontent\">Adding your Content to the GEO102 Website<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Creating a WordPress post on the Class Website<\/h3>\n\n\n\n<p>To add your content to the GEO102 site, you&#8217;ll need to create a new post, add some explanatory text, and add your digital project.<\/p>\n\n\n\n<p class=\"has-text-align-center\"><a href=\"https:\/\/sites.smith.edu\/project-resources\/create-a-wordpress-post-and-add-content\/\" target=\"_blank\" rel=\"noreferrer noopener\">How to Create a WordPress Post and add content<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"embed-projects\">Embedding Projects<\/h3>\n\n\n\n<p>Depending on your digital project, you may need to link or embed it in your page.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>StoryMapsJS<\/strong>\n<ul class=\"wp-block-list\">\n<li>Follow the directions to copy the share link and paste it in your WordPress Post<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Adding Content created online<\/strong>\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/sites.smith.edu\/project-resources\/iframe-embedder\/\" data-type=\"post\" data-id=\"309\" target=\"_blank\" rel=\"noreferrer noopener\">Embedding Content with the H5P iFrame embedder<\/a><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Adding Digital Narratives or other Audio\/Video<\/strong>\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/sites.smith.edu\/project-resources\/embed-a-video-or-podcast-from-panopto-and-add-a-transcript\/\" data-type=\"post\" data-id=\"841\" target=\"_blank\" rel=\"noreferrer noopener\">Embedding Content from Panopto<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-background-color has-global-padding is-content-justification-right is-layout-constrained wp-container-core-group-is-layout-32d57d21 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--30)\">\n<div class=\"wp-block-group alignwide is-content-justification-right is-layout-flex wp-container-core-group-is-layout-fc306653 wp-block-group-is-layout-flex\">\n<div style=\"height:100px;width:0px\" aria-hidden=\"true\" class=\"wp-block-spacer wp-container-content-6388d5dc\"><\/div>\n\n\n\n<p class=\"has-text-align-right has-medium-font-size\"> <a href=\"#top\"><mark style=\"background-color:#e8e374\" class=\"has-inline-color\">Go Back Up<\/mark><\/a><\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Note: All links to directions or examples open in a new tab Types of Interactive Content \u2606 VR Content VR Content made with PolyCam can be displayed on the website using the H5P iframe embedder. \u2606 Create a map with StoryMapJS StoryMapJS is a free mapping tool that guides a visitor through a sequence of [&hellip;]<\/p>\n","protected":false},"author":5691,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1120","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sites.smith.edu\/project-resources\/wp-json\/wp\/v2\/pages\/1120","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sites.smith.edu\/project-resources\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sites.smith.edu\/project-resources\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sites.smith.edu\/project-resources\/wp-json\/wp\/v2\/users\/5691"}],"replies":[{"embeddable":true,"href":"https:\/\/sites.smith.edu\/project-resources\/wp-json\/wp\/v2\/comments?post=1120"}],"version-history":[{"count":79,"href":"https:\/\/sites.smith.edu\/project-resources\/wp-json\/wp\/v2\/pages\/1120\/revisions"}],"predecessor-version":[{"id":2821,"href":"https:\/\/sites.smith.edu\/project-resources\/wp-json\/wp\/v2\/pages\/1120\/revisions\/2821"}],"wp:attachment":[{"href":"https:\/\/sites.smith.edu\/project-resources\/wp-json\/wp\/v2\/media?parent=1120"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}