Post on 13-Feb-2017
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?