building larimer county's road event status system (ress) (nagw 2016)
TRANSCRIPT
National Association of Government Web Professionals 1
Building RESS The Road Event Status System
for Larimer County, ColoradoGregg Turnbull
National Association of Government Web Professionals 2
8kq7HQ
National Association of Government Web Professionals 3
larimercounty.github.io/nagw_2016_ress_goodies.html
National Association of Government Web Professionals 5
National Association of Government Web Professionals
Linkedin in Logos
7
National Association of Government Web Professionals
Post Webmaster for Larimer County
8
Photo: Seneca Post Office - http://www.ellisacehardware.com/about_us
National Association of Government Web Professionals
Intro to Larimer County
9
National Association of Government Web Professionals 10
CO
National Association of Government Web Professionals 11
LarimerCounty
National Association of Government Web Professionals 13
186,136
311,435
Larimer County Growth (since 1990)
National Association of Government Web Professionals 14
4,155,916 visits in 2015 Up 21% from 2014
Photo: Running Wild - https://plaviska1970.wordpress.com/tag/revel-rockies-marathon/
National Association of Government Web Professionals 15
Stanley Hotel, Estes Park, COPhoto: Haunted Travel USA- http://www.hauntedtravelsusa.com/me/haunted-travels-usa/the-stanley-hotel-9743.html
National Association of Government Web Professionals 16
Stephen KingPhoto: Horror Freak News - http://horrorfreaknews.com/tag/stephen-king
National Association of Government Web Professionals 17
The Shining – First Edition Cover (1977) / Artist: Dave Christensen
National Association of Government Web Professionals 18 Photo: Still from Stanley Kubrick's ‘The Shining’ 1980
National Association of Government Web Professionals
National Association of Government Web Professionals
Napa Valley of Beer
20
“Napa Valley ofCraft Brew”
Photo: ‘Three Four Beer Company – Sonya K. Photographyhttp://www.sonjakphotography.com/blog/2015/12/16/three-four-beer-company-fort-collins-colorado-corporate-photographer
National Association of Government Web Professionals 21
National Association of Government Web Professionals
There may be other things..
22
Colorado Green Tours - http://www.coloradogreentours.com
National Association of Government Web Professionals 23 Elevation Finder– Loveland Colorado
National Association of Government Web Professionals 24
National Association of Government Web Professionals
National Association of Government Web Professionals
National Association of Government Web Professionals
Legacy Road Closure System
27
1) Closure Data 2) Map Data
Road EventData
SubscriptionData (email address)
3) Notify Subscribers
Notify Subscribers
of ALL EventsVia SMTP EMAIL
DOB: 2005 to 2008
National Association of Government Web Professionals
Retiring the Architecture
28
Moving to a newarchitecture
National Association of Government Web Professionals
Email Notifications (SMTP Server)
29
National Association of Government Web Professionals
To Start - Build a Team
30
August 2015Product Owner
Scrum Master
GIS
Web
National Association of Government Web Professionals
Where to Start?
31
National Association of Government Web Professionals
The Map
32
National Association of Government Web Professionals 33
National Association of Government Web Professionals 34
National Association of Government Web Professionals
National Association of Government Web Professionals 36
Product Owner and GIS
Editors can draw events - using points and lines
They can attach event data - type, times, impact, etc.
Citizens can browse Events - on the map and over time
What’s Left?
National Association of Government Web Professionals
... The Citizen
37
Need the info in a easy to digest format (sortable table?)
Report on events sent weekly to subscribers
updates sent on single events in real time
National Association of Government Web Professionals
Time for REST
38
National Association of Government Web Professionals
Gotcha > ArcGIS API
39
outSR=4326
National Association of Government Web Professionals 40
JSON DATA ALLOWS…
RESS EditorsEmbedded event
maps
Table View
Notifications
REST SERVICES
National Association of Government Web Professionals
Technologies Used
41
Embedded eventmaps
Table View
REST SERVICES
Notifications
National Association of Government Web Professionals
Why Angular?
42
• REST Services / JSON data
• Single Page App (SPA)
• Sortable
• Grouped by Category
• Easy to Transport
ColdFusion -> Drupal
National Association of Government Web Professionals
RESS Table View
43
National Association of Government Web Professionals 44
ArcGIS -> Angular Gotcha
National Association of Government Web Professionals
Weekly Digest
45
• Scheduled from the site
• Drag and Drop Template
• Secure and self managed
• Self healing
National Association of Government Web Professionals
Scheduled on the Site
46
National Association of Government Web Professionals
RSS Template (w /Mergetags)
47
National Association of Government Web Professionals
Sign Up (embed)
48
National Association of Government Web Professionals
Analytics
49
National Association of Government Web Professionals
Analytics
50
National Association of Government Web Professionals
More.. Analytics
51
National Association of Government Web Professionals 52
Overview of Weekly Digest
CITIZENS
Signed up using embedded form on larimer.org
RSS
Request for RESS Data 6PM on Thurs
MailChimpRSS template
RSS Data populates notification template Email sent to subscribers via
MailChimp service
Social Media Integration
National Association of Government Web Professionals
Some Special/Social Sauce
53
National Association of Government Web Professionals
Notifications Received
National Association of Government Web Professionals
Event Update (Push)
55
• Sent from our server via API call
• Coded Template hosted on
MailChimp
• Uses the same Subscriptions
National Association of Government Web Professionals
Overview of Sending an Update
56
CITIZENS
Event Update informationSent via Mailchimp API
MailChimp coded template
Dashboard
Event Update informationSent via Mailchimp API
RESS Editor
National Association of Government Web Professionals 57
National Association of Government Web Professionals
API Key in MailChimp
58
National Association of Government Web Professionals
API Key in MailChimp
59
National Association of Government Web Professionals
Gotcha MailChimp API Key
60
National Association of Government Web Professionals
What’s Next
61
National Association of Government Web Professionals 62
We are the MusicMakers
We are theDreamers of Dreams…
National Association of Government Web Professionals
@gregg
Thank You
63
@greggturnbull
/in/greggturnbull