This talk guides ArcGIS Open Data administrators through the workflow to build and customize an effective Open Data site. Learn about common site design processes and get an introduction to Bootstrap, the most common HTML and CSS framework on the web.

1. BUILDING AND CUSTOMIZING OPEN DATA SITES
Erich Rainville / UI-UX Designer / ESRI R&D Center, Washington, DC

2. Overview
•Intro to ArcGIS Open Data
•Building Your First Open Data Site
•A Few Minor Adjustments
•Customizing Your Open Data Site

3. Intro to ArcGIS Open Data

4. ArcGIS Open Data v1.0
opendata.arcgis.com

5. opendata.arcgis.com

6. opendata.arcgis.com

7. Building Your First
Open Data Site

8. Quick Steps
1. Log into ArcGIS Open Data
2. Select CREATE NEW SITE
3. Give the site a name and a site url
4. Select the datasets to add to the site
5. Add the header branding name and logo
6. Add an introduction text to the homepage
7. Turn on some new features
8. Save and preview the site

9. LIVE DEMO

12. A Few Minor (OK, Major)
Adjustments

13. open.brampton.ca

14. gis.michigan.opendata.arcgis.com

15. clt.charlotte.opendata.arcgis.com

21. Customizing Your
Open Data Site

22. #header

23. #title-bar-region

24. #map-bar-region

25. #page-contents

26. #footer

27. LIVE DEMO

34. Resources and Links
• Appalachian Trail Data demo site: traildata.dcdev.opendata.arcgis.com
• Appalachian Trail Data code: git.io/vmjvV
• Starter CSS Kit: git.io/odcss
• Bootstrap Documentation: getbootstrap.com
• Bootstrap UI Snippets: bootsnipp.com
• Color palettes: coolors.co
• Google Fonts: google.com/fonts
• Slides from this talk: goo.gl/6E6U4f

35. erainville@esri.com
Erich Rainville
@TheBlueDog