How to Create a ArcGIS Story MapFox Finders of Baton Rouge

By Kristin Foss & Kathryn Cannon

Visuals help us tell better stories

Capture the audience’s attention

Universal language

Information processed quicker

Document, Inform, Compare

Shock and Persuasive: Good and Bad

Photojournalism, Infographics, Story Maps

Visual Storytelling

Source: https://nicoledahmen.wordpress.com/2015/05/01/visual-storytelling/Photo: Ken Seng, Michael, News Muse/ Flickr

Tell your story!

Incorporate text, multimedia and interactive functions

Powerful & compelling.

Accessible, multi-platform purposes

Vast amounts of data

ArcGIS Story Maps

Example of ArcGIS Story Map

Example of ArcGIS Story Map

Example of ArcGIS Story Map

LSU Research Team

Dr. Linda Hooper-Bui Ahsennur Soysal

To use social media to map fox populations around Baton Rouge

The public posts pictures and sightings to FB and/or Instagram

Fox Finders of Baton Rouge

1) Have all your data collected!

• Detailed Instruction Packet- Your Best Friend!• And Google!

1) Make ArcGIS account & pick Base Map 2) Host story map via a Web ServerAdd photos 3) Download the shortlist template folder 4) Choose your template & fill in your data 5) Add data file onto base map 6) Edit code file (in template folder) 7) Add template folder to web server 8) Share your map!

Shortlist Tutorial Steps

Creating a Base Map

1) Make ArcGIS account & pick Base Map 2) Host story map via a Web ServerAdd photos 3) Download the shortlist template folder 4) Choose your template & fill in your data 5) Add data file onto base map 6) Edit code file (in template folder) 7) Add template folder to web server 8) Share your map!

Shortlist Tutorial Steps

Upload your template package and picture files to your server

• Ex. TigerBytes II• Whole template package

* Copy/paste web map ID into index.html http://www.arcgis.com/home/webmap/viewer.html?

webmap=21e7c96cde014b1abae09ce23348e648 This links your web map on the ArcGIS Server

Map Web Server

URL Data Template

1) Make ArcGIS account & pick Base Map 2) Host story map via a Web Server Add photos 3) Download the shortlist template folder 4) Choose your template & fill in your data 5) Add data file onto base map 6) Edit code file (in template folder) 7) Add template folder to web server 8) Share your map!

Shortlist Tutorial Steps

Data Template

- You can code to highlight comments, color code words, etc.- <b> bold text, <br> line break, <p> empty line- Additional future updates- need to re-upload .csv file into storymap

Link Photos remember you have to copy the complete URL of the photo into the map website

Data Template

1) Make ArcGIS account & pick Base Map 2) Host story map via a Web ServerAdd photos 3) Download the shortlist template folder 4) Choose your template & fill in your data 5) Add data file onto base map 6) Edit code file (in template folder) 7) Add template folder to web server 8) Share your map!

Shortlist Tutorial Steps

Add your actual points• Edit size and color • Specific groupings

Creating Your Map

Contents• Where you can edit points, making things larger• Add layers• Add transportation maps

• Ex. Baton Rouge City Limits

Creating Your Map

Bookmarks• Common Locations

• Places you book mark- easy reference on the map

Creating Your Map

1) Make ArcGIS account & pick Base Map 2) Host story map via a Web ServerAdd photos 3) Download the shortlist template folder 4) Choose your template & fill in your data 5) Add data file onto base map 6) Edit code file (in template folder) 7) Add template folder to web server 8) Share your map!

Shortlist Tutorial Steps

Customize Your Map

Last Step: (play with code) Shortlist template

• Index.html• Edit how you want• Change the title, customize/personalize it.

• Ex. If you want a banner like ours- follow the handbook for additional details and dimensions, etc.

Index.html Example of different formats for coding you can use for

your map based off of what you are looking for.

1) Make ArcGIS account & pick Base Map 2) Host story map via a Web ServerAdd photos 3) Download the shortlist template folder 4) Choose your template & fill in your data 5) Add data file onto base map 6) Edit code file (in template folder) 7) Add template folder to web server 8) Share your map!

Shortlist Tutorial Steps

Final Product

https://xythos.lsu.edu/users/asoysa6/FoxFinders/Index.html

Final Product

Final Product

Acknowledgements:

Dr. Linda Hooper Bui- Primary Investigator Ahsennur Soysal- Undergraduate researcher

Questions?