how to create a arcgis story map final presentation
TRANSCRIPT
![Page 1: How to Create a ArcGIS Story Map Final Presentation](https://reader036.vdocument.in/reader036/viewer/2022062412/58a1cdd71a28ab9d338b6c03/html5/thumbnails/1.jpg)
How to Create a ArcGIS Story MapFox Finders of Baton Rouge
By Kristin Foss & Kathryn Cannon
![Page 2: How to Create a ArcGIS Story Map Final Presentation](https://reader036.vdocument.in/reader036/viewer/2022062412/58a1cdd71a28ab9d338b6c03/html5/thumbnails/2.jpg)
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
![Page 3: How to Create a ArcGIS Story Map Final Presentation](https://reader036.vdocument.in/reader036/viewer/2022062412/58a1cdd71a28ab9d338b6c03/html5/thumbnails/3.jpg)
Tell your story!
Incorporate text, multimedia and interactive functions
Powerful & compelling.
Accessible, multi-platform purposes
Vast amounts of data
ArcGIS Story Maps
![Page 4: How to Create a ArcGIS Story Map Final Presentation](https://reader036.vdocument.in/reader036/viewer/2022062412/58a1cdd71a28ab9d338b6c03/html5/thumbnails/4.jpg)
Example of ArcGIS Story Map
![Page 5: How to Create a ArcGIS Story Map Final Presentation](https://reader036.vdocument.in/reader036/viewer/2022062412/58a1cdd71a28ab9d338b6c03/html5/thumbnails/5.jpg)
Example of ArcGIS Story Map
![Page 6: How to Create a ArcGIS Story Map Final Presentation](https://reader036.vdocument.in/reader036/viewer/2022062412/58a1cdd71a28ab9d338b6c03/html5/thumbnails/6.jpg)
Example of ArcGIS Story Map
![Page 7: How to Create a ArcGIS Story Map Final Presentation](https://reader036.vdocument.in/reader036/viewer/2022062412/58a1cdd71a28ab9d338b6c03/html5/thumbnails/7.jpg)
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
![Page 8: How to Create a ArcGIS Story Map Final Presentation](https://reader036.vdocument.in/reader036/viewer/2022062412/58a1cdd71a28ab9d338b6c03/html5/thumbnails/8.jpg)
![Page 9: How to Create a ArcGIS Story Map Final Presentation](https://reader036.vdocument.in/reader036/viewer/2022062412/58a1cdd71a28ab9d338b6c03/html5/thumbnails/9.jpg)
1) Have all your data collected!
![Page 10: How to Create a ArcGIS Story Map Final Presentation](https://reader036.vdocument.in/reader036/viewer/2022062412/58a1cdd71a28ab9d338b6c03/html5/thumbnails/10.jpg)
• Detailed Instruction Packet- Your Best Friend!• And Google!
![Page 11: How to Create a ArcGIS Story Map Final Presentation](https://reader036.vdocument.in/reader036/viewer/2022062412/58a1cdd71a28ab9d338b6c03/html5/thumbnails/11.jpg)
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
![Page 12: How to Create a ArcGIS Story Map Final Presentation](https://reader036.vdocument.in/reader036/viewer/2022062412/58a1cdd71a28ab9d338b6c03/html5/thumbnails/12.jpg)
Creating a Base Map
![Page 13: How to Create a ArcGIS Story Map Final Presentation](https://reader036.vdocument.in/reader036/viewer/2022062412/58a1cdd71a28ab9d338b6c03/html5/thumbnails/13.jpg)
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
![Page 14: How to Create a ArcGIS Story Map Final Presentation](https://reader036.vdocument.in/reader036/viewer/2022062412/58a1cdd71a28ab9d338b6c03/html5/thumbnails/14.jpg)
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
![Page 15: How to Create a ArcGIS Story Map Final Presentation](https://reader036.vdocument.in/reader036/viewer/2022062412/58a1cdd71a28ab9d338b6c03/html5/thumbnails/15.jpg)
URL Data Template
![Page 16: How to Create a ArcGIS Story Map Final Presentation](https://reader036.vdocument.in/reader036/viewer/2022062412/58a1cdd71a28ab9d338b6c03/html5/thumbnails/16.jpg)
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
![Page 17: How to Create a ArcGIS Story Map Final Presentation](https://reader036.vdocument.in/reader036/viewer/2022062412/58a1cdd71a28ab9d338b6c03/html5/thumbnails/17.jpg)
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
![Page 18: How to Create a ArcGIS Story Map Final Presentation](https://reader036.vdocument.in/reader036/viewer/2022062412/58a1cdd71a28ab9d338b6c03/html5/thumbnails/18.jpg)
Link Photos remember you have to copy the complete URL of the photo into the map website
Data Template
![Page 19: How to Create a ArcGIS Story Map Final Presentation](https://reader036.vdocument.in/reader036/viewer/2022062412/58a1cdd71a28ab9d338b6c03/html5/thumbnails/19.jpg)
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
![Page 20: How to Create a ArcGIS Story Map Final Presentation](https://reader036.vdocument.in/reader036/viewer/2022062412/58a1cdd71a28ab9d338b6c03/html5/thumbnails/20.jpg)
Add your actual points• Edit size and color • Specific groupings
Creating Your Map
![Page 21: How to Create a ArcGIS Story Map Final Presentation](https://reader036.vdocument.in/reader036/viewer/2022062412/58a1cdd71a28ab9d338b6c03/html5/thumbnails/21.jpg)
Contents• Where you can edit points, making things larger• Add layers• Add transportation maps
• Ex. Baton Rouge City Limits
Creating Your Map
![Page 22: How to Create a ArcGIS Story Map Final Presentation](https://reader036.vdocument.in/reader036/viewer/2022062412/58a1cdd71a28ab9d338b6c03/html5/thumbnails/22.jpg)
Bookmarks• Common Locations
• Places you book mark- easy reference on the map
Creating Your Map
![Page 23: How to Create a ArcGIS Story Map Final Presentation](https://reader036.vdocument.in/reader036/viewer/2022062412/58a1cdd71a28ab9d338b6c03/html5/thumbnails/23.jpg)
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
![Page 24: How to Create a ArcGIS Story Map Final Presentation](https://reader036.vdocument.in/reader036/viewer/2022062412/58a1cdd71a28ab9d338b6c03/html5/thumbnails/24.jpg)
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.
![Page 25: How to Create a ArcGIS Story Map Final Presentation](https://reader036.vdocument.in/reader036/viewer/2022062412/58a1cdd71a28ab9d338b6c03/html5/thumbnails/25.jpg)
Index.html Example of different formats for coding you can use for
your map based off of what you are looking for.
![Page 26: How to Create a ArcGIS Story Map Final Presentation](https://reader036.vdocument.in/reader036/viewer/2022062412/58a1cdd71a28ab9d338b6c03/html5/thumbnails/26.jpg)
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
![Page 27: How to Create a ArcGIS Story Map Final Presentation](https://reader036.vdocument.in/reader036/viewer/2022062412/58a1cdd71a28ab9d338b6c03/html5/thumbnails/27.jpg)
Final Product
https://xythos.lsu.edu/users/asoysa6/FoxFinders/Index.html
![Page 28: How to Create a ArcGIS Story Map Final Presentation](https://reader036.vdocument.in/reader036/viewer/2022062412/58a1cdd71a28ab9d338b6c03/html5/thumbnails/28.jpg)
Final Product
![Page 29: How to Create a ArcGIS Story Map Final Presentation](https://reader036.vdocument.in/reader036/viewer/2022062412/58a1cdd71a28ab9d338b6c03/html5/thumbnails/29.jpg)
Final Product
![Page 30: How to Create a ArcGIS Story Map Final Presentation](https://reader036.vdocument.in/reader036/viewer/2022062412/58a1cdd71a28ab9d338b6c03/html5/thumbnails/30.jpg)
Acknowledgements:
Dr. Linda Hooper Bui- Primary Investigator Ahsennur Soysal- Undergraduate researcher
Questions?