Creating Story Maps using ArcGIS Online

Slides:



Advertisements
Similar presentations
Google Forms King William County Schools.  Google Forms is a free tool from Google that allows you to do the following: ● Create forms, surveys, quizzes,
Advertisements

NEXT. Create Pages in Blogger Another top user-requested feature has just graduated from Blogger In Draft! Blogger now makes it easy to create Pages linked.
Introduction to Microsoft Excel 2010 Chapter Extension 3.
Using GIS to Analyze Movement of Tiger Sharks. Shark Tags SPOT PAT.
1 of 6 This document is for informational purposes only. MICROSOFT MAKES NO WARRANTIES, EXPRESS OR IMPLIED, IN THIS DOCUMENT. © 2007 Microsoft Corporation.
Creating a Portfolio Website Phillips. Go to wix.com.
New School Websites Teacher Pages. Visit the SCUSD Website for videos tutorials: For more information.
Review of last session The Weebly Dashboard The Weebly Dashboard Controls your account and your sites Controls your account and your sites From here you.
Google Earth How to create a Google Earth Tour and place it in your Wiki.
Created in 2011 at Liberty High School. Getting Started Overview on Magnet Tool – Graphics – Text – Image – Video – Sound – Wall A Sample Glog How to.
~ How to create a basic website ~ Prepared by Jann Bradshaw April 2010.
CMS Wiki Pages CMS Pages, the only approved and supported website service for CMS employees, has been failing and an alternative needed to be implemented.
Human Geography for Teachers: GCU673 Arizona State University Valerie Mervine.
Highly Confidential – for UCRE Affiliate Use Only 2015 Regional Training Class Embedding maps on the listing page of your United Country office website.
1.Getting Started 2.Modifying Design 3.Page 4.News 5.Events 6.Photo Gallery 7.Newsletter Index Training 15 th Mar., 2011.
CPG 4331 Class Agenda Word  Getting Started  Editing Documents  Changing Views in Documents  Format Text / Format Documents  Work With Tables  Work.
JUX 1 12/26/2012 JUX Creating in Jux allows you to present your images, captions, text, blogs, etc. in a creative format. Create an Account Login at
Click on these! %2Fblank%2Fbrowse.asp%3FA%3D383%26BMDRN%3D2000%26BCOB%3D0% 26C%3D64893.
Review of last session Add text to your website Add text to your website Title Title Paragraph Paragraph Title and paragraph Title and paragraph Add photographs.
Ms. Laura Gottardo Grand Canyon University TEC 551 6/28/11.
Build Your Own Website Review of week 3 Editing your header Editing your header Creating and navigating to hidden pages Creating and navigating to hidden.
 To begin you first need to sign up to Weebly by going to or alternatively and we will create an account.
Begin a new story or edit a Photo Story project that has already been created. Make your selection and click next. 1.
Highly Confidential – for UCRE Affiliate Use Only 2015 Regional Training Embedding Maps into your listings on your United Country office website.
Creating Google Sites Laura Assem, Director of Technology.
Mapping local community assets online Read this if you want to learn how to: 1)Create online maps of local community assets using Google Maps 2)Allow other.
How to create blogs In. Register Click on If you have a Google account(i.e. Gmail), then sign in with your username.
Web Site Development - Process of planning and creating a website.
Copyright © 2010 Verizon Foundation. All Rights Reserved. This document may be reproduced and distributed solely for uses that are both (a) educational.
Develop Your Web Presence Using WEEBLY TECHNO DRAGON PD | WEEBLY.
How to Make a Power Point Go to Slide 2. (You can get there by clicking on slide 2 in Normal VIEW.)
Creating a Google Site For a Digital Portfolio Purpose.
How to create a website from scratch.  You should have an internet access.  Visit  You need to create a new account OR.
Overview Review Elements
NOODLETOOLS SIGN-IN Student ID #
Create a blog Skills: create, modify and post to a blog
Weebly Elements, Continued
Weebly Elements, Continued
Microsoft Access 2007 – Level 2
2 At the top of the zone in which you want to add the Web Part, click Add a Web Part. In the Add Web Parts to [zone] dialog box, select the check box of.
About SharePoint Server 2007 My Sites
2 At the top of the zone in which you want to add the Web Part, click Add a Web Part. In the Add Web Parts to [zone] dialog box, select the check box of.
More elements 10 Basic elements.
- Presentation Subtitle -
- Presentation Subtitle -
Overview Review Elements
- Presentation Subtitle -
How to Make a Power Point
PowerPoint Quick Tips Bad Ischl, Nov
- Presentation Subtitle -
The Smarter Balanced Assessment Consortium
- Presentation Subtitle -
The Smarter Balanced Assessment Consortium
- Presentation Subtitle -
- Presentation Subtitle -
Introduction to Google Maps
IMAGES.
How to Make a Power Point
Making Pictures Come to Life...
EBSCOhost Digital Archives Viewer
The Smarter Balanced Assessment Consortium
The Smarter Balanced Assessment Consortium
- Presentation Subtitle -
Introduction to PowerPoint
Wells Fargo Toolkit – CreativeBuilder Reference Guide
Develop Your Web Presence Using WEEBLY
PowerPoint Tutorial 1 Creating a Presentation
Welcome To Microsoft Word 2016
Presentation transcript:

Creating Story Maps using ArcGIS Online November 2016

What is a story map? Yes, it includes a map (or multiple maps). However, it can also include: Text Images Videos Tables Graphs etc. Therefore, can communicate information on many levels (i.e. it is very “information rich”).

ArcGIS Online has templates for various formats of story maps. Basic story maps Map Tours Map Journals Cascading story maps Tabbed story maps Swipe story maps Spyglass story maps

Interested in some more examples?

Sample Exercise: Creating a Map Tour

Preparing points for your story map Open the following CSV (comma-delimited) file: http://lib.fit.edu/dsl/documents/Sites.csv The file contains information on sites for your Story Map. Save the file to a convenient location. Information provided for each site includes a name and description, the color for its marker on the map, its longitude and latitude, URLs for the image/video and its thumbnail image, and whether a video or still image will be used

What about the missing information? The following two sites in the table are missing longitude and latitude information: The Empire State Building (in New York City) Independence Hall (in Philadelphia) You can find this information using Google Maps https://www.google.com/maps

Using Google Maps to find Longitude and Latitude Type name of site in the Search Box. Click on the desired result.

Using Google Maps to find Longitude and Latitude Right-click on the location on the map. Select “What’s here?” From the pop-up box at the bottom of the screen, note the longitude and latitude. Once you have added the longitude and latitude for the Empire State Building and Independence Hall, save the spreadsheet. Be sure to save it as a .csv file.

Creating Your Online Account To create your ArcGIS Online account: Go to the Story Maps website: http://storymaps.arcgis.com Click on “Sign In”. Click on “Free non- commercial public account”. Choose one of the three options. Fill in the form. Review terms of use and privacy policy. Login to Story Maps. At your discretion, change privacy settings in your profile.

Starting your Story Map At the top of the page, click on the “Apps” link. Today, we will be using the Story Map Tour app. Therefore, under the heading “A Sequence of Place-enabled Photos or Videos”, click on the “Build” icon.

Importing CSV file Click on the Advanced Options icon (looks like a pair of gears). Click on “Import Tour data from a CSV file”.

Importing CSV file. In the CSV Import window, do either of the following: Click on “Select or drop a CSV file” and open the “sites” file. or (if you still have your file manager open) Click-and-drag the “sites” file from the file manager into the CSV Import window. Click on “Import”. Your locations and associated pictures will now appear in your story map.

Viewing your locations You may view your locations and photographs by doing any of the following: Clicking on the left and right arrows on either side of the pictures. Clicking on the thumbnail images along the bottom of the screen. Clicking on the numbered markers on the map.

Add a Title and Subtitle. Note the big “Edit me!” and the little “Edit me!” in the upper-left corner of the screen. Click on the pencil icon to the right of the big “Edit me!” to enter a title for your template. Click on the pencil icon to the right of the little “Edit me!” to enter a subtitle for your template.

Let’s add a video. In addition to pictures, your story map can include videos. Above the thumbnails running along the bottom of the page, click on the “Add” button. On the “Add a new tour point” form, click on the “Video” button.

Let’s add a video (Media tab) In the “Add a new tour point form”, select the “Media” tab. The video we will use is from YouTube. Therefore, Select the YouTube line Enter the following URL providing the location of our video: https://www.youtube.com/watch?v=vEmGazv4k2s In the Thumbnail field, enter the following URL indicating the location of the thumbnail we will use: http://cdn.loc.gov/service/pnp/highsm/12400/12483r.jpg

Let’s add a video (Information tab) In the “Add a new tour point form”, select the “Information” tab. For Name, enter “Park Ranger Presentation”. For Caption, enter “Devil’s Den, Gettysburg, Pennsylvania”.

Let’s add a video (Location tab) In the “Add a new tour point form”, select the “Location” tab. For Latitude, enter “39.7914”. For Longitude, enter “-77.242”. To complete the process of adding the video, click on “Add tour point” (at the bottom of the “Add a new tour point” form).

Copyright Considerations The Internet is a valuable source of pictures and videos that might be of use when developing story maps. However, much of the content is subject to copyright restrictions. If using this content in your story map, you must cite the source for your content in your story map. There are also sources of content that are free from copyright restrictions. For example: Library of Congress image collections: http://www.loc.gov/pictures/ National Oceanic & Atmospheric Administration (NOAA) photo library: http://www.photolib.noaa.gov/ NASA images: https://www.nasa.gov/multimedia/imagegallery/index.html

Finding a picture without copyright restrictions Let’s try to find a picture of the city of Annapolis Maryland using the Library of Congress image collections. Go to this website and search (as indicated).

Finding a picture without copyright restrictions In list of search results, click on link for picture of interest

Finding a picture without copyright restrictions Choose an image type and size.

Finding a picture without copyright restrictions Copy the picture’s URL. Picture’s URL must end in one of the following: jpg png gif bmp

What happens if I import a picture without a location? It is possible to import a picture without indicating a location (or with an incorrect location) The location of the picture can be corrected after it has been added to the story map. Let’s demonstrate this by importing the picture we just found of Annapolis, Maryland without indicating its location.

Import a picture without a location On your story map, click on the “Add” button (above the thumbnail images). On the “Add a new tour point” form, click on the “Picture” (rather than “Video) button. On the Media tab, enter the URL for the Annapolis picture under both Picture and Thumbnail. On the Information tab, enter “Governor’s Mansion” for Name and “Annapolis, Maryland” for Caption. On the Location tab, remove any coordinates currently entered for Latitude and Longitude. Click on “Add tour point”.

So…where’s the picture? If not given any location data, ArcGIS Online assumes that a point is located at: Latitude = 0 and Longitude = 0 Therefore, the newly added point appears of the West Coast of Africa.

Moving incorrectly placed points To move the incorrectly placed image of Annapolis, Maryland, Zoom out (using the “-” on the map) until you can see the East Coast of the United States Click and drag its marker until it is near Annapolis Annapolis is a little bit south of Baltimore, Maryland (pictures # 8, 9 and 10) Click-and-drag on the map so that Annapolis is near the center of the map. Zoom in on Annapolis (using the “+” on the map) and drag the marker to its correct location. For the purposes of this exercise, it is not important to be highly precise when choosing the marker’s final location (anywhere in the vicinity of Annapolis, Maryland will be fine).

Changing marker colors To change the color of a marker, Select the marker In the “Move me around or change my color” box, click on a different color.

Organizing your content To organize your image and video content, click on the “Organize” button adjacent to the “Add” button and above the thumbnail images. Click-and-drag the images in the “Organize the tour” box to change the sequence in which they appear. Click on an image and Click on “Delete” to remove it from the story map, or Click on “Hide” to conceal the content while keeping it in the story map. Click on “Apply” to save your changes.

Changing your basemap To change the map appearing in the background of your story map, Click on the “Change Basemap” link in the upper- right corner of your map. Click on the style of background map that you would prefer to use.

Changing your map settings Various aspects of your story map’s appearance may be altered by clicking on the “SETTINGS” button (located near the center of the top edge of your story map) After making changes on any of the six tabs (Layout, Colors, Header, Data, Extent, or Zoom) click on “Apply” to see the results. Layout tab Toggle between a Three-Panel Layout and an Integrated Layout by clicking on the “Select this layout” button. Colors tab Provides various color options for your story map’s Header, Content area, and Footer. The first four selections are pre-defined; the fifth selection allows the user to specify customized color combinations.

Changing your map settings Header tab User may choose between displaying the ESRI logo, no logo, or a customized logo. User may specify the text for a header appearing in the top right of the story map, as well as a website that the header should link to. Data tab Allows the user to specify which of the fields in the CSV file shall be used for the Name and Caption of each image or video. Permits the user to indicate the color to be applied to the markers on the map.

Changing your map settings Extent tab Provides the user with the means to adjust the boundaries of the map area that will be displayed when the story map is first opened. Zoom Level tab Sets the zoom level for the map when users move between different individual locations.

Saving and Previewing To save your story map, click on the “SAVE” button (located along the top edge of your story book). To see how your story map will appear when viewed by others, Click on the “SHARE” button (adjacent to the “SAVE” button. Click on the “Preview” link.

Questions?