The City of Boulder’s Water Distribution Info. Suite is a collection of three ArcGIS Server JavaScript websites developed by City of Boulder Utilities Program Analyst, Matt Taran. Two websites – Boulder’s Water Distribution Info.Center and Boulder’s Mobile Water Info. Center – are public facing websites that allow community members and city staff across all city departments to view authoritative, geographic-based, water distribution system information. Specifically, the two public facing web maps display emergency shut offs/repairs and planned water projects for the current calendar year. The data displayed in both maps is identical, with the desktop version including expanded functionality. Both the desktop and mobile versions include a tool for the public to report water distribution problems directly to the city’s enterprise Customer Relationship Management (CRM) System. A third website - Water Maintenance Editor – is an internal only website that allows city staff to map water system events (main break, etc..) from the field on their iPhones for display in the two Water Info Center websites. This presentation will include a live demonstration of the desktop version and mobile version of Boulder’s Water Info. Center. Additionally, I will demonstrate how the Smartphone editing web map is used to edit directly to the city’s enterprise SDE database and how that data flows to the public facing Water Info. Center.

1. Boulder's Water Distribution Info Suite:
A JavaScript Web Map and
Smartphone Mobile Editing Solution
Matt Taran
Utilities Program Analyst
taranm@bouldercolorado.gov
Photo: Boulder Reservoir

2. What I’ll Cover Today







What is the Water Info Center?
Who maintains the map data and how?
Why develop this website?
Why share this solution with you?
Demonstration
Future development ideas…
Questions?

3. What is the Water Info Center?
A website providing employees and
community members with 24X7 access to
authoritative and live information on water
distribution system events, including water
main breaks, other emergency shutoffs and
planned water projects
bouldercolorado.gov/water-info-center

4. Who maintains the map data and
how?
Select maintenance staff utilizes a mobile
editing website site to map and update
emergency water shutoff events from iPhone
Utility Engineering staff maps and updates
planned water projects in the office using a
desktop editing website
We use separate editing websites for
security purposes and to provide the best
user experience for the platform – desktop
vs mobile

5. Why Develop this Website?
To complement the city’s new enterprise
CRM system called Inquire Boulder – a
citywide initiative to improve customer
service and empower the public with selfservice tools to get information about and
request city services
To reduce inbound phone traffic during
emergency water system events
Provide all city staff with a common
operational picture of water system events

6. Why share this solution with you?
Our web solution demonstrates what a nonprogrammer or a novice programmer can
develop and deploy by leveraging sample
code snippets and free templates available
from the ESRI ArcGIS Resource Center.
resources.arcgis.com/en/home

7. Demonstration - Desktop
CSS matching City
of Boulder’s new
website to provide
consistent look and
feel for users
Template deployed
by other COB
departments for
public facing
mapping websites

8. Demonstration – mobile
Sniffing code detects
device and redirects
user to mobile site
Same data as
desktop version, but
more lightweight for
mobile platform
CSS matching City
of Boulder’s new
mobile website

9. Demonstration – iPhone Editor
End users not
overly technical,
develop with end
user in mind
Applied domains
to simplify and
control data entry

10. Future Development….
Added functionality – include picture attachments,
automated email and Twitter alerts
Display select utility problems reported via Inquire
Boulder CRM system
Inclusion of wastewater utility – w.w. backups,
overflows, odor issues, etc…