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

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?

What is the Water Info Center?

bouldercolorado.gov/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

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

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 self-service 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

Why share this solution with you?

Our web solution demonstrates what a non-programmer 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

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

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

Demonstration – iPhone Editor

End users not overly technical, develop with end user in mind

Applied domains to simplify and control data entry

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…