how to create a arcgis story map final presentation

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

https://nicoledahmen.wordpress.com/2015/05/01/visual-storytelling/

https://nicoledahmen.wordpress.com/2015/05/01/visual-storytelling/

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

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

Ahsen

(Edit this slide as you like)Step #1 – Empty base mapMention that the red box is where you add layers (street labels/boundaries & CSV data file shown later on in this PPT in 1 slide)

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

Ahsen

Upload your picture files & the template package to your web server

Ahsen

Important to mention that you copy/paste the web map ID (last part of the URL of the "editable" map on ArcGIS website) into the Index.html (which is loaded to the web server)- This links your web map on ArcGIS to the web server

Ahsen

Need a snapshot of the web server with the photos showing!!

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!


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

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

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.

Final Product

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

Final Product

Acknowledgements:

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

Questions?

how to create a arcgis story map final presentation

Education