Creating Apps for Local Government - EsriCREATING APPS FOR LOCAL GOVERNMENT BUILDING THOUGHTFUL...

34
CREATING APPS FOR LOCAL GOVERNMENT BUILDING THOUGHTFUL SOLUTIONS THAT SOLVE PROBLEMS Presented by Isaiah Aguilera | @iaguilera14 & Ryan Wilson | @ryanlwilson_ RANCHO CUCAMONGA’S STORY

Transcript of Creating Apps for Local Government - EsriCREATING APPS FOR LOCAL GOVERNMENT BUILDING THOUGHTFUL...

Page 1: Creating Apps for Local Government - EsriCREATING APPS FOR LOCAL GOVERNMENT BUILDING THOUGHTFUL SOLUTIONS THAT SOLVE PROBLEMS ... • Wrapped in a WebView using Apache Cordova •

CREATING APPS FORLOCAL GOVERNMENT

BUILDING THOUGHTFUL SOLUTIONS THAT SOLVE PROBLEMS

Presented by Isaiah Aguilera | @iaguilera14 & Ryan Wilson | @ryanlwilson_

RANCHO CUCAMONGA’S STORY

Page 2: Creating Apps for Local Government - EsriCREATING APPS FOR LOCAL GOVERNMENT BUILDING THOUGHTFUL SOLUTIONS THAT SOLVE PROBLEMS ... • Wrapped in a WebView using Apache Cordova •

BUILDING THOUGHTFUL SOLUTIONS

THAT SOLVE PROBLEMS

Page 3: Creating Apps for Local Government - EsriCREATING APPS FOR LOCAL GOVERNMENT BUILDING THOUGHTFUL SOLUTIONS THAT SOLVE PROBLEMS ... • Wrapped in a WebView using Apache Cordova •

DEVELOPMENT STAGES

• ArcGIS View for Flex

• Custom Apps With ArcGIS API for Flex

• Flex Went Away

• ESRI’s ArcGIS API for JavaScript

Page 4: Creating Apps for Local Government - EsriCREATING APPS FOR LOCAL GOVERNMENT BUILDING THOUGHTFUL SOLUTIONS THAT SOLVE PROBLEMS ... • Wrapped in a WebView using Apache Cordova •

SOLUTIONS OVERVIEW

Page 5: Creating Apps for Local Government - EsriCREATING APPS FOR LOCAL GOVERNMENT BUILDING THOUGHTFUL SOLUTIONS THAT SOLVE PROBLEMS ... • Wrapped in a WebView using Apache Cordova •

EXECUTIVE DASHBOARDMOBILE/TABLET APP (IOS/ANDROID)

Page 6: Creating Apps for Local Government - EsriCREATING APPS FOR LOCAL GOVERNMENT BUILDING THOUGHTFUL SOLUTIONS THAT SOLVE PROBLEMS ... • Wrapped in a WebView using Apache Cordova •

MY COMMUNITYRESPONSIVE WEB APPLICATION

Page 7: Creating Apps for Local Government - EsriCREATING APPS FOR LOCAL GOVERNMENT BUILDING THOUGHTFUL SOLUTIONS THAT SOLVE PROBLEMS ... • Wrapped in a WebView using Apache Cordova •

TRAFFIC ANALYSISWEB APP

Page 8: Creating Apps for Local Government - EsriCREATING APPS FOR LOCAL GOVERNMENT BUILDING THOUGHTFUL SOLUTIONS THAT SOLVE PROBLEMS ... • Wrapped in a WebView using Apache Cordova •

TRAFFIC MOBILEMOBILE WEB APP

Page 9: Creating Apps for Local Government - EsriCREATING APPS FOR LOCAL GOVERNMENT BUILDING THOUGHTFUL SOLUTIONS THAT SOLVE PROBLEMS ... • Wrapped in a WebView using Apache Cordova •

EXECUTIVE DASHBOARDMOBILE/TABLET APP (IOS/ANDROID)

Page 10: Creating Apps for Local Government - EsriCREATING APPS FOR LOCAL GOVERNMENT BUILDING THOUGHTFUL SOLUTIONS THAT SOLVE PROBLEMS ... • Wrapped in a WebView using Apache Cordova •

INITIAL PROBLEM

Executive staff need an operational view

of what is going on in the city.

Page 11: Creating Apps for Local Government - EsriCREATING APPS FOR LOCAL GOVERNMENT BUILDING THOUGHTFUL SOLUTIONS THAT SOLVE PROBLEMS ... • Wrapped in a WebView using Apache Cordova •

SOLUTION GOALS

• Mobile & Tablet Compatible

• Cross Platform (IOS/Android)

• Easy to Use/Learn

• Integration with ArcGIS.com Authentication

Page 12: Creating Apps for Local Government - EsriCREATING APPS FOR LOCAL GOVERNMENT BUILDING THOUGHTFUL SOLUTIONS THAT SOLVE PROBLEMS ... • Wrapped in a WebView using Apache Cordova •

SOLUTION PATH

• ESRI’S ArcGIS API for JavaScript

• Written in 100% JavaScript

• Wrapped in a WebView using Apache Cordova

• Solution is an installable application

Page 13: Creating Apps for Local Government - EsriCREATING APPS FOR LOCAL GOVERNMENT BUILDING THOUGHTFUL SOLUTIONS THAT SOLVE PROBLEMS ... • Wrapped in a WebView using Apache Cordova •

DEMO

Page 14: Creating Apps for Local Government - EsriCREATING APPS FOR LOCAL GOVERNMENT BUILDING THOUGHTFUL SOLUTIONS THAT SOLVE PROBLEMS ... • Wrapped in a WebView using Apache Cordova •

RCFD FIRE INCIDENTS DASHBOARD SCRIPT

Page 15: Creating Apps for Local Government - EsriCREATING APPS FOR LOCAL GOVERNMENT BUILDING THOUGHTFUL SOLUTIONS THAT SOLVE PROBLEMS ... • Wrapped in a WebView using Apache Cordova •

RCFD NEW OPERATIONAL DAY SCRIPT

• Accesses RCFD fire incident service on AGOL

• Runs everyday at 8AM when the new operational day

begins

• Adds a 1 to the day field for the dashboard app

history feature

Page 16: Creating Apps for Local Government - EsriCREATING APPS FOR LOCAL GOVERNMENT BUILDING THOUGHTFUL SOLUTIONS THAT SOLVE PROBLEMS ... • Wrapped in a WebView using Apache Cordova •

AUTOMATED VEHICLE LOCATOR (AVL) SCRIPT

Page 17: Creating Apps for Local Government - EsriCREATING APPS FOR LOCAL GOVERNMENT BUILDING THOUGHTFUL SOLUTIONS THAT SOLVE PROBLEMS ... • Wrapped in a WebView using Apache Cordova •

ALL SCRIPTS FEATURE:• Setup ini files for quick changes to the variables without going into the

code itself

• Script logs which logs start and ending of every step for ease of debugging an automated system

• Logs are stored for 30 days then deleted automatically

• Checks for existing temporary tables and removes them if necessary so the script can reset from crashes.

• When Script crashes it emails crash details (using try functionality)

Page 18: Creating Apps for Local Government - EsriCREATING APPS FOR LOCAL GOVERNMENT BUILDING THOUGHTFUL SOLUTIONS THAT SOLVE PROBLEMS ... • Wrapped in a WebView using Apache Cordova •

ArcREST PYTHON PACKAGEA set of python tools to assist working with ArcGIS REST API for ArcGIS Server

(AGS) ,ArcGIS Online (AGOL), and ArcGIS Web Map JSON.

• Add, Delete, Update and Query Feature Services• Upload attachments to feature services• Publish an MXD to AGOL as a feature service• Get AGOL,AGS item information

• Available on GitHub:• https://github.com/Esri/ArcREST

Page 19: Creating Apps for Local Government - EsriCREATING APPS FOR LOCAL GOVERNMENT BUILDING THOUGHTFUL SOLUTIONS THAT SOLVE PROBLEMS ... • Wrapped in a WebView using Apache Cordova •

MY COMMUNITYRESPONSIVE WEB APPLICATION

Page 20: Creating Apps for Local Government - EsriCREATING APPS FOR LOCAL GOVERNMENT BUILDING THOUGHTFUL SOLUTIONS THAT SOLVE PROBLEMS ... • Wrapped in a WebView using Apache Cordova •

INITIAL PROBLEM

City residents need an easy way to get basic

information about their property.

Page 21: Creating Apps for Local Government - EsriCREATING APPS FOR LOCAL GOVERNMENT BUILDING THOUGHTFUL SOLUTIONS THAT SOLVE PROBLEMS ... • Wrapped in a WebView using Apache Cordova •

SOLUTION GOALS

• Use GIS

• Accessible via the web

• Fully Responsive and Mobile Friendly

• Easy To Use

Page 22: Creating Apps for Local Government - EsriCREATING APPS FOR LOCAL GOVERNMENT BUILDING THOUGHTFUL SOLUTIONS THAT SOLVE PROBLEMS ... • Wrapped in a WebView using Apache Cordova •

SOLUTION PATH

• ESRI’S ArcGIS API for JavaScript

• Written in 100% JavaScript

• Utilizes Bootstrap 3 for Responsiveness

• Compatible Across All Browsers

Page 23: Creating Apps for Local Government - EsriCREATING APPS FOR LOCAL GOVERNMENT BUILDING THOUGHTFUL SOLUTIONS THAT SOLVE PROBLEMS ... • Wrapped in a WebView using Apache Cordova •

DEMO

Page 24: Creating Apps for Local Government - EsriCREATING APPS FOR LOCAL GOVERNMENT BUILDING THOUGHTFUL SOLUTIONS THAT SOLVE PROBLEMS ... • Wrapped in a WebView using Apache Cordova •

TRAFFIC MOBILEMOBILE WEB APP

Page 25: Creating Apps for Local Government - EsriCREATING APPS FOR LOCAL GOVERNMENT BUILDING THOUGHTFUL SOLUTIONS THAT SOLVE PROBLEMS ... • Wrapped in a WebView using Apache Cordova •

INITIAL PROBLEM

San Bernardino County Sheriff’s Traffic Division

in Rancho Cucamonga wants to be able to track

and analyze their written citations against

historical traffic collision data.

Page 26: Creating Apps for Local Government - EsriCREATING APPS FOR LOCAL GOVERNMENT BUILDING THOUGHTFUL SOLUTIONS THAT SOLVE PROBLEMS ... • Wrapped in a WebView using Apache Cordova •

MORE PROBLEMS…

• No integration with current ticket writing system

• No spatial traffic collision data

• Need process for handling citizen requests

• Users have no experience with GIS products

Page 27: Creating Apps for Local Government - EsriCREATING APPS FOR LOCAL GOVERNMENT BUILDING THOUGHTFUL SOLUTIONS THAT SOLVE PROBLEMS ... • Wrapped in a WebView using Apache Cordova •

SOLUTION GOALS• Build ticket entry/viewing system

• Must work with various mobile/tablet browsers

• Fully responsive to any screen size

• Must be very vast and easy to use

• Integration with ArcGIS.com authentication

Page 28: Creating Apps for Local Government - EsriCREATING APPS FOR LOCAL GOVERNMENT BUILDING THOUGHTFUL SOLUTIONS THAT SOLVE PROBLEMS ... • Wrapped in a WebView using Apache Cordova •

SOLUTION PATH

• ESRI’S ArcGIS API for JavaScript

• Written in 100% JavaScript

• Leverages Angular JS for Ticket Entry

• Compatible across all browsers

Page 29: Creating Apps for Local Government - EsriCREATING APPS FOR LOCAL GOVERNMENT BUILDING THOUGHTFUL SOLUTIONS THAT SOLVE PROBLEMS ... • Wrapped in a WebView using Apache Cordova •

DEMO

Page 30: Creating Apps for Local Government - EsriCREATING APPS FOR LOCAL GOVERNMENT BUILDING THOUGHTFUL SOLUTIONS THAT SOLVE PROBLEMS ... • Wrapped in a WebView using Apache Cordova •

TRAFFIC ANALYSISWEB APP

Page 31: Creating Apps for Local Government - EsriCREATING APPS FOR LOCAL GOVERNMENT BUILDING THOUGHTFUL SOLUTIONS THAT SOLVE PROBLEMS ... • Wrapped in a WebView using Apache Cordova •

GOALS• Full editing capabilities

• Must have analysis functionality

• Fully responsive to any screen size

• Must be very vast and easy to use

Page 32: Creating Apps for Local Government - EsriCREATING APPS FOR LOCAL GOVERNMENT BUILDING THOUGHTFUL SOLUTIONS THAT SOLVE PROBLEMS ... • Wrapped in a WebView using Apache Cordova •

DEMO

Page 33: Creating Apps for Local Government - EsriCREATING APPS FOR LOCAL GOVERNMENT BUILDING THOUGHTFUL SOLUTIONS THAT SOLVE PROBLEMS ... • Wrapped in a WebView using Apache Cordova •

OUR GOAL

CHANGE LIVES THROUGH CREATIVE

SOLUTIONS THAT HELP SOLVE PROBLEMS

Page 34: Creating Apps for Local Government - EsriCREATING APPS FOR LOCAL GOVERNMENT BUILDING THOUGHTFUL SOLUTIONS THAT SOLVE PROBLEMS ... • Wrapped in a WebView using Apache Cordova •

THANK YOUQUESTIONS?