The first part of this workshop is a presentation on storymaps, providing examples from other libraries and institutions, and briefly demoing the storymaps created during sabbatical. The second part of the workshop is an instructional, hands-on exercise introducing others to accessible GIS tools https://arcg.is/1av5yf. The prototypes and stand-alone storymaps are hosted at ArcGIS and publicly accessible. They can be viewed as a StoryMap Collection: https://arcg.is/18afbG

1. STORY MAPS
END-USER EXPLORATIONS IN GIS
Mia Massicotte
June 2020

2. Today’s Story Map workshop
 Prelude & Inspiration
 Classic Storymaps template review
 Examples, prototypes
 Working with Images
 ArcGIS Storymap (new version) demo
 Break
 Hands-on with new ArcGIS StoryMap
 Not just maps
 Bibliography, Resources

3. What/Why Story Maps?
 interactive, engaging
 combine data with narrative
 resource rich content
 audio, video, animations
 plethora of shared content: scanned documents, layers,
3D scenes, data, authoritative sources, maps
 open source on github; developer’s corner
 freely accessible, responsive, mobile friendly
�fun

4. According to recent StoryMap webinar
>1.25 million hosted at ESRI (updated Apr 2020)

5. Inspirational Story Maps
From the Library World

6. A Treasure Trove of Trials : piracy trials from the Law
Library of Congress, by Francisco Macias
 document scans
 excerpts
 drawings
 interactive map
 downloadable data file
(.csv) of map points
 digital resource guide
 links to sources in the
collection
 bibliography
 share, print
 StoryMap

7. New Brunswick Loyalist Journeys, University of New
Brunswick Library
“this research project had the goal of
creating biographies for a number of York
County loyalists with materials readily
accessible from the Harriet Irving
Library. Student assistants, a federal grant
student, and Microforms Unit staff took on
the role of researchers. By the end of the
summer, ten basic biographies were
completed highlighting the diversity of New
Brunswick loyalists and their varied
experiences. During the summer of 2017, the
biographies were staged using Esri GIS story
mapping software to showcase the individual
lives and research.” – The Project tab
Visit StoryMap (https://arcg.is/1CzP0q)

8. 2019 ArcGIS StoryMapper of the Year
Announced February 2020:
Pancakes and Silver
Andria Olson & Julie
Sweetkind-Singer
Branner Earth Sciences Library
and Map Collections at
Stanford University
Past Winners StoryMapper of
the Year archive

9. Ways to create a Story Map
► Use Story Map builder tools (e.g. free, public account)
► Create a map in ArcGIS online; then choose Create Web
Map > using a template
► Download compiled zipped app and hosting on your own
server; or get storymap source code from ESRI on github
(there is a good blogpost here).

10. Classic Story Maps
 In spring 2019, ESRI announced Classic Story Maps were being
phased out!
 June 2019 new ArcGIS StoryMaps debuted, limited features; not
mature
 Storymaps using classic templates cannot be created after July
2021. Accessing all Classic Story Maps will be supported through
2024.
 Today’s hands-on exercise will use the new ArcGIS StoryMaps

11. Classic Story Maps, cont’d
During my sabbatical, I constructed several prototypes using the classic
templates, in order to:
 become familiar with terminology and tools
 use existing tutorials
 work in the application
 explore ArcGIS overall
 compare existing functionality and features of Classic Story Maps with
new Storymaps platform

12. Seven Classic Storymap templates

13. Story Map Shortlist template
Themed tabs, with thumbnails.
Works well for curated lists.
My experiment:
Librarians’ Research Forum, Take
Two
https://arcg.is/0DPbWv
Gallery example: Civitates Orbis
Terrarum, Historic Cities Project,
Clemson U

14. Story Map Tour template
3 different layouts, one with
thumbnails along bottom seemed to
work best; sequence of places in
mainstage with story action triggers
My experiment:
Twin Lakes Preserve
https://arcg.is/199rXy
Gallery example: Tempe Public Art
Walking Guide Director of Public Art

15. Story Map Swipe & Spyglass templates
Prerequisite: save 2 maps before
you start. Or create one map, add
a desired layer to showcase.
My experiment(s) used ArcGIS
Wayback imagery for 2010
Swipe: Montreal West Turcotte
interchange area
Spyglass: Montreal West Turcotte
interchange area
Gallery examples:
Swipe: City of Kingston
Spyglass: Denver 1879 and today

16. Story Map Journal template
A multi-media narrative, with
scrolling dots down the left-hand
side. Uses “story action triggers”.
Print function - under share link.
My experiment:
Library outreach:
https://arcg.is/1ymGqH
Gallery: Journal: Look but don’t
touch - tactile illusions on maps,
Harvard Map Collection : Ancestry
of the mother road: mapping route
66

17. Story Map Series template
Maps plus tabs. Switch between
bullets, tabs, or side accordian.
Uses “story action triggers” to
change to main stage.
I created a series storymap after
reading about the two 2019
finalists from Concordia, and the
chance to participate in voting
for the “People’s Award Choice”.
My Science Exposed storymap is
not public, but see next slide.
Previous winning entries are available at
the official
Science Exposed website.

18. Series template screenshot
My Series Storymap Science
Exposed (not public) in
tabbed format.
Twenty 2019 finalists’ photos,
entrants’ names, and their
universities were mapped to
location markers on tabs for
corresponding provinces.
Past winners listed at
Science Exposed website
Gallery example of Series
template: Naonaiyaotit
Traditional Knowledge
Project Atlas

19. Story Map Cascade template
 Very popular, widely used. Manuscript Maps (Harvard Map Library) uses
Cascade.
 Since many aspects of this template were ported to new ArcGIS StoryMaps, a
prototype using Cascade was not built.
 Rather, a full-fledged ArcGIS Storymap was built and will be demoed
 The hands-on portion of this workshop uses new ArcGIS StoryMaps

20. ArcGIS StoryMaps vs Classic StoryMaps

21. Using Images
 UPLOAD from desktop / laptop / thumb drive, etc.
 BUT: no file management tools post-upload. What’s image filename? Size? Path? etc.
 LINK – inserting images using links available with Classic templates
 hosted server, library share, image server
 Built-in integrations in Classic templates ▷
 Flickr
 Videos: Vimeo and Youtube supported

22. ►curate albums, photos, galleries
►Limit to CC-BY
►free account
►Many libraries have ready-to-go curated collections
► Flickr ipad app upload IPhone photos (my go-to method). Android
app available.
►As of this writing, built-in integration not yet available in public
accounts in new ArcGIS Storymaps
Flickr advantages

23. Check Flickr Global settings
To use your own photos, create an
account
Go to Account Settings
> Privacy & Permissions
> Global Settings
Use the following settings:
• “Hide your EXIF data?” No
• “Hide your stuff from public
searches?” No
• “Hide your profile from public
searches?” No

24. Flickr settings for Uploads

25. EXIF location data Import setting
• Turn on Import EXIF
location data to enable use
of built-in phone camera’s
GPS coordinates
• Classic templates only:
Populates StoryMaps with
geo-coordinates
(functionality not available
in new ArcGIS Storymap
version)

26. Image linking, Flicker, video integrations
not currently working in new Storymap
public accounts
However, integrations are available in subscription accounts, as well as ability to
EMBED content (and other features).

27. New ArcGIS StoryMap
My experiment:
A Plague on your Data
To share, use
link icon, top right:
https://arcg.is/zn9Da
When logged in to ArcGIS and viewing the metadata
page, the copy link function (at bottom) may produce
a longer link:
https://storymaps.arcgis.com/stories/e9d36398d22243
d1aa6872bf6b59c7ab

28. HANDS-ON

29. Create account to save your work
 Go to ArcGIS , sign-up now (bottom left) for free public account
 ArcGIS signup URL: https://www.arcgis.com/home/signin.html
 Classic Story Map Login: http://storymaps-classicqa.arcgis.com/en/
 New ArcGIS Story Map Login: https://storymaps.arcgis.com/
 Troubleshooting https://doc.arcgis.com/en/arcgis-online/reference/troubleshoot-account.htm

30. ArcGIS New StoryMap

31. ►Login to the ArcGIS StoryMaps URL: https://storymaps.arcgis.com/
►Stories > My Stories tab > Create new story (auto-saves as draft)
Create New Story

32. Select Design tab
 Cover: Choose one of 3 layouts. For a
smaller cover, choose the third option.
 Optional story sections: toggle on for
Credits (will be appended at end of story
map). Toggle on Navigation to create
bookmarks of headings
 Theme: select one of 4 built-in themes
 Customize: to add more font and color
presets requires subscription account

33. Add cover image
To add media to a storymap:
 Upload images, photos, or videos from
PC or thumb drive
 Use curated sets to find photos e.g.
Unsplash ,Flickr Europeana, etc.
 Animated gifs are ok, e.g. giphy.com

34. Open + Block Palette
 Top: Basic HTML. Add numbered and
unnumbered lists. Add Block quotes. Add
a button. Add a section separator.
 Mid: Insert an image, video, or map.
 </> Embed requires subscription account
 Bottom: add special features: Sidecar.
Slideshow (beta). Guided Tour (beta).

35. Insert Text
 Click on T to add a heading: Lorem ipsum
 Add some text to Paragraph section, e.g.
 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est
laborum.
 Select some text in your paragraph to activate mini style bar. Links can be added. Font
theme color change possible.

36. Image Considerations
► Four width settings.
Images must be at
least 2000 pixels wide
to activate last two
settings
► Add a photo
attribution right away.
There are no file
management tools
after upload.

37. Express Map
 Express maps are maps quickly
created on-the-fly within a StoryMap.
 Features: Draw points, lines, areas,
add text
 As of this writing, express maps
cannot be saved, duplicated,
accessed, printed, or used outside of
the StoryMap.
 TIP: If you want to be able to make
changes, duplicate, reuse or print,
create a Map, rather than express
map.

38. Insert an Express Map
► Click on Add Map
► Select Create an express map
► In search box at top right, type H3G-1M8 (Concordia downtown postal code)
► Select Montreal from the dropdown.. The map will reposition itself.
► Click on gear. Change/select the middle basemap.
► Zoom in until you can see buildings. Explore the drawing tools by adding some points.
Add a layer or two. Experiment.
► Then select Place Map .

39. Next, add Sidecar
► Sidecar lets you add scrolling narrative text
and other content in the side panel, while
changing the images in the center.
► Click Sidecar icon in block palette
► Upload an image to center panel
► Add narrative text in the scrolling side panel.
► Open the panel at bottom to add and
rearrange frames.
► Add a Youtube video in the side panel. More.
► More curated images: yowzer5 at Flickr.
Photo credit: "Kids in Sidecar Apr 1937" by srv007 CC-BY-NC
2.0

40. ► To add a map, first Click on Profile icon in upper right. View your ArcGIS account page.
► Content tab is where everything you create will be saved and listed. Sign out is bottom right.
👉 Remember this ArcGIS Online tab view -- you often need to return to it
Add a Map

41. ► ArcGIS displays at top left. Click on the Content tab
►Note these tabs: My Content - My Favorites - My Groups - Living Atlas
►To create a map, we first need a basemap. These are available in the Living Atlas.
►Select the Living Atlas tab.
Search Living Atlas to find a map

42. Select a basemap
► Search for “World Topographic
Map”
► Select Esri topo map
► Click star to add to My Favorites
► When the map opens, use "Find
address or place” top right. Search
for "Montreal" and select in from
the dropdown.
► Map repositions itself. Zoom in or
reposition if desired.
► Basemap is done.
► Next, we will add feature layers,
which overlay on the basemap.

43. Find feature layers in ArcGIS Online
 With map open in the center window, select
Add Layers icon at the top
 Select Search for layers in menu
👉 Another menu appears. We want to search
in ArcGIS Online. Make sure it is selected before
searching.
1. Dropdownmenuappears
2. SelectSearchforlayers
3. Anotherdropdownmenuappears 4. SelectArcGISOnline

44. Search for feature layers
 Search for each of the following layers:
 🔍 Arrondissement_Montreal
 Click plus sign ⊕to add layer to your map
 🔍 Cycling Network Montreal
 Click ⊕ add to your map
 🔍 Major Parks in Montreal
 Click ⊕ add to your map

45. Save the map
► Once layers are added, Save
your map, which should look
similar to the one shown here.
► Add to My Favorites
► The map is saved in your
ArcGIS Online account.
► Maps and layers that you save
will appear in the Content tab
of your account.

46. Prevent Accidental Deletion!
 Click on My Profile to return to your Content

47. Click on Content tab
▶︎ View your saved maps, feature layers, storymaps, etc. Table view is default.
▶︎ Maps appear as thumbnail images. StoryMap thumbnails use generic storymap
icon unless a custom icon is created

48. Overview and Settings tabs
▶︎ In Table view, click … to
View Item Details
▶︎ Two tabs: Overview, and
Settings
▶︎ Click Settings
▶︎ Delete Protection Use
check box to prevent
accidental deletion
👉 Save
▶︎ To return to storymap: click
Overview tab, then select
Configure

49. Insert Map into Storymap
► Open Storymap palette. Select Map icon
to insert.
► Look in My Favorites for your Montreal
map
► Click on map to select. It opens in editing
mode.
► Use pen tool to modify map. Make some
small changes to see their effects.
► When done, select ”Place map”.
► To do edits in ArcGIS online, choose
option when prompted; OR open map in
My Favorites; OR select from list in your
Contents tab.

50. Add Slideshow
 Slideshow progresses sideways using clicks, rather than scrolling.
 Add frames, content, and rearrange a slideshow in a similar fashion to the
sidecar - by opening and using the Expand function at bottom left.
 Slideshow tool is adjacent to the Sidecar in the palette. First we will click
on Sideshow to insert, then we will insert the map we created.

51. Insert map in Slideshow
 Choose Add map.
 After your Montreal map is
inserted, expand bottom pane.
 Click on ellipses ... and choose
Duplicate a few times to add
more slides.
 The map has been duplicated in
the additional slides.

52. Use Duplicated Slide
 Advance to slide 2.
 Toggle off all layers. Toggle on
Major Parks in Montreal.
 Place map to save. Add title
and text to describe slide.
 Advance to your duplicate in
slide 3.
 Toggle on Cycling Network
Montreal layer, toggle off
others.
 Place map to save. Add title
and text to describe slide.
 Add one or two more frames.

53. Rearrange, Reuse
 Duplicating the same map in successive slides allows you to focus on
different aspects, pan and zoom, turn on and off layers.
 Unlike Express maps, a Map in ArcGIS Online can be duplicated within a
storymap frame, accessed outside the storymap, reused, and printed.

54. Preview, Publish, Print
► Select Preview in top toolbar to review
mobile, tablet, and desktop versions.
► Select Publish to generate shareable URL,
with links for Twitter and Facebook.
Stories can be unpublished to remove
public access.
► Published storymaps can be run in kiosk
mode.
► Select … menu (More Actions) to
Unpublish, Duplicate (make a copy/rename
your StoryMap) and Print, as well as Delete
the storymap.

55. Resource Links and
Examples

56. Story Map Gallery
 Browse curated classic storymaps by Theme, Subject,
Industry, Type, Author
 Browse by Collection and template:
https://storymaps-classic.arcgis.com/en/gallery/#s=0
👉 Overview Gallery: Story Maps and Digital Humanities
https://collections.storymaps.esri.com/humanities/

57. Examples by Template
 Cascade: Walt Whitman’s Brooklyn, Lapham’s Quarterly
 Cascade: Downton Abbey: Behind the scenes of health and illness Wangensteen Historical Library of
Biology & Medicine, U of Minnesota, 2019
 Journal: Look but don’t touch: tactile illusions on maps, Harvard Map Collection
 Series: New Brunswick Loyalist Journeys, UNB Library
 Series: Naonaiyaotit Traditional Knowledge Project Atlas Kitikmeot Inuit Association, Dalhousie, et al.
 Shortlist: Civitates Orbis Terrarum, Historic Cities Project, Clemson U
 Shortlist: City of Moncton Infrastructure projects Moncton, NB 2019
 Spyglass: Denver 1879 Esri
 Swipe: City of Kingston Kingston, Ont.
 Tour: Tempe Public Art Walking Guide Director of Public Art, Tempe, Arizona
https://storymaps-classic.arcgis.com/en/gallery/#s=0

58. Story Map Apps, Lab and Developers
Corner
 Story Map Apps
 To download compiled code: go to Apps page on the Story Maps website, click Overview next to
desired app, locate Host it yourself! section at bottom of page. click Download the ready-to-deploy
app.
--blog post Developers Corner on Medium: https://medium.com/story-maps-developers-corner/an-introduction-to-hosting-your-own-story-map-
e2450181ad2f)
Look for:
e.g. to download Tour, scroll to bottom of Tour tutorial page
http://storymaps-classic.arcgis.com/en/app-list/map-tour/

59. Libraries using Storymaps
Geography and Map Rooms
• Library of Congress: LC StoryMaps
• UC Santa Cruz
https://guides.library.ucsc.edu/digitalprojects/embeddedstory
https://arcg.is/01me5a
Collaborations
• Idaho: Mapping Hemingway in Idaho https://arcg.is/1CCi5K Godfrey
(North Idaho College Dept of English), Bruce Godfrey (GIS Librarian,
University of Idaho Library), Mary Tyson (Regional History Librarian,
Ketchum Community Library)

60. Storymap Workshops
• SFU: https://www.lib.sfu.ca/find/other-materials/data-gis/gis/creating-
story-maps
• Western University Library:
http://www.events.westernu.ca/events/libraries/2019-11/storytelling-
with-maps.html
• Yale: https://csssi.yale.edu/news/tell-your-story-story-maps-april-11
Library Workshops

61. Research Guides
• University of Arkansas Libraries: https://uark.libguides.com/storymaps
• Michigan State University Library:
https://libguides.lib.msu.edu/storymaps
• Temple University Library: https://guides.temple.edu/storymaps
Library Research Guides

62. Academics using StoryMaps
 Charlotte Smith Story Map Lehigh University, Elizabeth Dolan, Gillian
Andrews, Nicole Reisert https://arcg.is/08POqD
 Mapping Mrs. Dalloway group assignment
 Brian Croxall, Emory University. Mapping Mrs Dalloway project site
 Legacies of Labor: Lebanese Factory Workers in Lawrence, Massachusetts,
1890-1950 NCSU Kayrallah Center for Lebanese Diaspora Studies
https://arcg.is/5uXeb

63. More StoryMaps in Academia
 Blogpost on assignment developed by Dr.Karen Lips, Biodiversity Matters
(HONR 278Q), U Maryland, Dept of Biology
 Road to Agincourt: The day king Henry V and his army wrote their names
with golden letters into the books of history. Ioannis-Rafail Chatzis,
GIS student, Edinburgh
 Indigenous Law in Western Canada storymap Aleksandar Djakovic,
Douglas College.

64. These slides were created by Mia Massicotte to accompany
the following storymap tutorial:
StoryMap Icebreaker Workshop: a hands-on exercise:
https://arcg.is/1av5yf
To view the sabbatical storymaps created, visit:
Sabbatical Project StoryMap Collection
Created by Mia Massicotte, Sabbatical 2019-2020
Thank you!