GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH....
Transcript of GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH....
![Page 1: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/1.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
GEOweb PROPERTY VIEWER
DESIGNING FOR SIMPLICITY
![Page 2: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/2.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
www.geoweb.dnv.org/properties
![Page 3: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/3.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
AGENDA
CONSIDERATIONS WHAT WE DIDAND WHY WHAT’S NEXT MOBILE
USABILITY
RESPONSIVE &ADAPTIVE DESIGN
SIMPLIFICATION
MOBILE FIRST
THE NEWREALITY
QUESTIONS
Crickets?
CHALLENGES
GOALS
DESIGN & BUILD
DIFFICULTIES &SUCCESSES
SEO
THE gw.jsFRAMEWORK
![Page 4: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/4.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
The DISTRICT of NORTH VANCOUVER• Around 85,000 Residents• GIS Section = 3 Analysts + 1 Coordinator + 1 Manager (Biz Systems & GIS)• Dev Team = 2 Application Developers + 1 Manager
![Page 5: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/5.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
CONCLUSION• Very interesting, educational, project• Very successful development process• Very successful beta application§ Fast & Lightweight§ Mobile fr iendly§ Single code base
• Confidence for future development• The desktop is dead. Long live the desktop!
![Page 6: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/6.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
USABILITY - Devices
LUKEW Ideation + Design | www.lukew.com
![Page 7: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/7.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
USABILITY - Devices
Scott Hurff | www.scotthurf.com
THE THUMB ZONE
![Page 8: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/8.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
USABILITY - Devices
![Page 9: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/9.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
USABILITY - Devices
![Page 10: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/10.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
USABILITY - Devices
![Page 11: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/11.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
USABILITY - Devices
![Page 12: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/12.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
USABILITY - Devices
![Page 13: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/13.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
USABILITY - Devices
![Page 14: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/14.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
USABILITY - Design• What will the thing you’re designing make
better?• Clearly define your intended outcome
OUTCOME
• Design the system• What components are required to meet the
intended outcomeSTRUCTURE
• How will users interact with the system?• In what sequence?• What UI elements are appropriate
INTERACTION
• Make it look and feel beautiful and enjoyable• Alignment, colours, typography, iconographyVISUAL
![Page 15: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/15.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
USABILITY - DesignSCROLLING vs CLICKING
![Page 16: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/16.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
USABILITY - DesignSCROLLING vs CLICKING
![Page 17: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/17.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
• Monitor the user ’s environment• Enhance or simplify an interface• Encourage ideal, efficient interaction• Optimize usability for each visitor
USABILITY - DesignRESPONSIVE & ADAPTIVE
![Page 18: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/18.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
• Adaptive Design– Adapt to the user ’s capabilit ies– Both form and function
USABILITY - DesignRESPONSIVE & ADAPTIVE
![Page 19: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/19.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
• Responsive Design– Fluid grids– Flexible images– Media queries
USABILITY - DesignRESPONSIVE & ADAPTIVE
![Page 20: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/20.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
Conway’s Law
“Organizations which design systems ... are constrained to produce designs which are copies of the communication structures of these organizations.”
— M. Conway, 1968
USAB ILITY - Simplification
![Page 21: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/21.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
Conway’s Law
“Organizations which design systems ... are constrained to produce designs which are copies of the communication structures of these organizations.”
— M. Conway, 1968
USAB ILITY - Simplification
![Page 22: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/22.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
USABILITY - SimplificationConway’s Law
“Organizations which design systems ... are constrained to produce designs which are copies of the communication structures of these organizations.”
— M. Conway, 1968
![Page 23: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/23.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
USABILITY - Simplification“Simple things should be simple, complex things should be possible..”
— Alan Kay, 2008
![Page 24: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/24.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
USABILITY - Simplification“Simple things should be simple, complex things should be possible..”
— Alan Kay, 2008
![Page 25: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/25.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
USABILITY - Simplification“Simple things should be simple, complex things should be possible..”
— Alan Kay, 2008
![Page 26: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/26.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
USABILITY - Simplification“Simple things should be simple, complex things should be possible..”
— Alan Kay, 2008
![Page 27: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/27.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
USABILITY - Mobile First
• Get mobile right, first– Loading times– Library sizes– File sizes– Performance
• Consider devices, design, making things simple
• Desktop becomes easier
![Page 28: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/28.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
WHAT WE DID & WHY• GIS launches GEOweb (geoweb.dnv.org)• P.I.E., Plans & Drawings
2001ArcIMS
• New web mapping paradigm• GEOweb rebuild, launch of five specialized apps• Open Data
2009Flex/Flash
• Dedicated GIS Application Developers• Backend updates• Launch of GEOtools (internal)
2011Flex/Flash v2
• GIS awareness is ubiquitous• Need for mobile support, a better experience• Mature technology
2014HTML5
• New Corporate website• Mobile-first• Simplicity, Innovation, Engagement, Efficiency, …
2015Org Catches Up
![Page 29: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/29.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
CHALLENGES
• Evolving user needs• Flash• Better integration needed with DNV web• Dated• Needed a plan for future development
PROPERTIES HAZARDS PROJECTS SOLAR HISTORY
![Page 30: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/30.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
CHALLENGES
• Evolving user needs• Flash• Better integration needed with DNV web• Dated• Needed a plan for future development
PROPERTIES HAZARDS PROJECTS SOLAR HISTORY “Why doesn’t this work on my phone?”
![Page 31: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/31.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
GOALS
• Device Agnostic• Fast• Better maps• Clear and Concise• More property-related info• Easy to maintain, scalable, future proof
![Page 32: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/32.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
GOAL
USABLEIt just works
![Page 33: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/33.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
DESIGN & BUILDPHASE ONE – CONTENT
![Page 34: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/34.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
• Not starting from scratch• 5+ years of user metrics
– Basemaps– Layers– Tools– Search Methods
DESIGN & BUILDPHASE ONE – CONTENT
![Page 35: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/35.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
DESIGN & BUILD
0
2000
4000
6000
8000
10000
12000
Flash Properties App: times layers were added in 2013
PHASE ONE – CONTENT
![Page 36: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/36.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
DESIGN & BUILD
0
2000
4000
6000
8000
10000
12000
Flash Properties App: times layers were added in 2013
Popular!Keep these!
Ditch these.
PHASE ONE – CONTENT
![Page 37: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/37.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
Ditch these.
DESIGN & BUILD
0
2000
4000
6000
8000
10000
12000
Flash Properties App: times layers were added in 2013
BasemapPopular!Keep these!
PHASE ONE – CONTENT
![Page 38: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/38.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
DESIGN & BUILD
• Improve the content & look of our maps• Clear symbology• Clear typography, better labelling
PHASE TWO - MAPS
![Page 39: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/39.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
DESIGN & BUILD
• Improve the content & look of our maps• Clear symbology• Clear typography, better labelling
PHASE TWO - MAPS
![Page 40: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/40.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
DESIGN & BUILD
• Improve the content & look of our maps• Clear symbology• Clear typography, better labelling
PHASE TWO - MAPS
![Page 41: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/41.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
DESIGN & BUILD
• Improve the content & look of our maps• Clear symbology• Clear typography, better labelling
PHASE TWO - MAPS
![Page 42: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/42.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
DESIGN & BUILDPHASE TWO - MAPS
![Page 43: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/43.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
DESIGN & BUILD
• One Developer, three months• Client-side only; Server is all good
– Maps– Map APIs– Frameworks
PHASE THREE – TECH RESEARCH
![Page 44: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/44.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
DESIGN & BUILD
Many well supported libraries:
Map EnginesEsri Javascript APILeafletOpenLayers
PHASE THREE – TECH RESEARCH
![Page 45: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/45.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
DESIGN & BUILD
Many well supported libraries:
Map EnginesEsri Javascript APILeafletOpenLayers
PHASE THREE – TECH RESEARCH
![Page 46: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/46.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
DESIGN & BUILD
Many well supported libraries:
HTML5 FrameworksBootstrapFoundationBoilerplate
PHASE THREE – TECH RESEARCH
![Page 47: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/47.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
DESIGN & BUILD
Many well supported libraries:
HTML5 FrameworksBootstrapFoundationBoilerplate
PHASE THREE – TECH RESEARCH
![Page 48: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/48.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
DESIGN & BUILD
Many well supported libraries:
Javascript ArchitectureEmberBackboneAngular JS
PHASE THREE – TECH RESEARCH
![Page 49: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/49.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
DESIGN & BUILD
Many well supported libraries:
Javascript ArchitectureEmberBackboneAngular JS
PHASE THREE – TECH RESEARCH
![Page 50: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/50.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
DESIGN & BUILD
Many well supported libraries:
PHASE THREE – TECH RESEARCH
Javascript ArchitectureEmberBackboneAngular JS
![Page 51: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/51.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
DESIGN & BUILD
JavascriptAngular JS
Map EngineLeaflet
HTML5Bootstrap
PHASE FOUR – ALL TOGETHER NOW
![Page 52: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/52.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
DESIGN & BUILD
JavascriptAngular JS
Map EngineLeaflet
HTML5Bootstrap
Map Server
PHASE FOUR – ALL TOGETHER NOW
ArcGIS forServer
![Page 53: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/53.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
DESIGN & BUILD
JavascriptAngular JS
Map EngineLeaflet
HTML5Bootstrap
Map Server
PHASE FOUR – ALL TOGETHER NOW
Mapbox MapServerArcGIS forServer
![Page 54: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/54.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
Esri Leaflet on
DESIGN & BUILD
JavascriptAngular JS
Map EngineLeaflet
HTML5Bootstrap
Map Server
PHASE FOUR – ALL TOGETHER NOW
ArcGIS forServer
Mapbox MapServer
![Page 55: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/55.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
GOALS
• Device Agnostic• Fast• Clear and Concise• Better maps• More property-related info• Easy to maintain, scalable, future proof
HAZARDS & SOLAR
![Page 56: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/56.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
DESIGN & BUILD
SIX WEEKS IN A SCRUM BLENDER
![Page 57: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/57.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
PROPERTY VIEWER
![Page 58: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/58.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
WHERE WE WEREAT
• App was launched in beta in July 2014• Promoted feedback!
– Online survey– Twitter– Emails– Phone calls
![Page 59: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/59.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
USER FEEDBACK
• Very positive; always includes helpful criticism
![Page 60: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/60.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
USER FEEDBACK
• Very positive; always includes helpful criticism
![Page 61: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/61.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
USER FEEDBACK
![Page 62: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/62.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
USER FEEDBACK
![Page 63: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/63.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
DIFFICULTIES
• Browser compatibility• Consistency on all form factors• Printing• Dealing with Open Source projects
– Things change quickly– Bugs
![Page 64: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/64.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
SUCCESSES
• Single code base• Confidence in development plan• Happy users
– Realtors– Roofers– Assessors– DNV Utilit ies– DNV Construction
![Page 65: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/65.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
KEYS
• Test Test Test• Learn how to measure your application• Understand what the code is doing• Write the code yourself• Don’t copy and paste! Not too much,
anyway…
![Page 66: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/66.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
WHAT’S NEXTSEO
• Dynamic sitemap• Crawlable dynamic pages
<url><loc>http://geoweb.dnv.org/properties/#!?address=1818
+GREENOCK+PL</loc><changefreq>weekly</changefreq><priority>1.0</priority>
</url>
![Page 67: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/67.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
WHAT’S NEXTSEO
![Page 68: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/68.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
WHAT’S NEXTgw.js
• Common, extensible framework• Easy configuration• Easy integration
http://devtools/dev/mapembed/debug/
![Page 69: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/69.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
WHAT’S NEXTgw.js
• Common, extensible framework• Easy configuration• Easy integration
http://devtools/dev/mapembed/debug/http://devtools/dev/mapembed/debug/?zoom=5&lat=49.33717060674193&lng=-123.10166804996803
![Page 70: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/70.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
WHAT’S NEXTgw.js
• Common, extensible framework• Easy configuration• Easy integration
http://devtools/dev/mapembed/debug/http://devtools/dev/mapembed/debug/?zoom=5&lat=49.33717060674193&lng=-123.10166804996803
![Page 71: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/71.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
WHAT’S NEXTgw.js
• Common, extensible framework• Easy configuration• Easy integration
http://devtools/dev/mapembed/debug/http://devtools/dev/mapembed/debug/?zoom=5&lat=49.33717060674193&lng=-123.10166804996803
![Page 72: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/72.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
WHAT’S NEXTgw.js
• Common, extensible framework• Easy configuration• Easy integration
http://devtools/dev/mapembed/debug/http://devtools/dev/mapembed/debug/?zoom=5&lat=49.33717060674193&lng=-123.10166804996803http://devtools/dev/mapembed/debug/?zoom=5&lat=49.33769138114837&lng=-123.10148701965008&nozoom&nopan&nokeyboard&noscalebar
![Page 73: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/73.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
WHAT’S NEXTgw.js
• Common, extensible framework• Easy configuration• Easy integration
http://devtools/dev/mapembed/debug/http://devtools/dev/mapembed/debug/?zoom=5&lat=49.33717060674193&lng=-123.10166804996803http://devtools/dev/mapembed/debug/?zoom=5&lat=49.33769138114837&lng=-123.10148701965008&nozoom&nopan&nokeyboard&noscalebarhttp://devtools/dev/mapembed/debug/?zoom=5&lat=49.34153914010762&lng=-123.09947160982138&basemap=gw5_Basemap_Canvas&layersource=Data_DynamicLayers&layers=Survey%20Monuments%2CBus%20Stops&nopopup
![Page 74: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/74.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
WHAT’S NEXTgw.js
• Common, extensible framework• Easy configuration• Easy integration
http://devtools/dev/mapembed/debug/http://devtools/dev/mapembed/debug/?zoom=5&lat=49.33717060674193&lng=-123.10166804996803http://devtools/dev/mapembed/debug/?zoom=5&lat=49.33769138114837&lng=-123.10148701965008&nozoom&nopan&nokeyboard&noscalebarhttp://devtools/dev/mapembed/debug/?zoom=5&lat=49.34153914010762&lng=-123.09947160982138&basemap=gw5_Basemap_Canvas&layersource=Data_DynamicLayers&layers=Survey%20Monuments%2CBus%20Stops&nopopup
![Page 75: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/75.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
WHAT’S NEXTgw.js
• Common, extensible framework• Easy configuration• Easy integration
http://devtools/dev/mapembed/debug/http://devtools/dev/mapembed/debug/?zoom=5&lat=49.33717060674193&lng=-123.10166804996803http://devtools/dev/mapembed/debug/?zoom=5&lat=49.33769138114837&lng=-123.10148701965008&nozoom&nopan&nokeyboard&noscalebarhttp://devtools/dev/mapembed/debug/?zoom=5&lat=49.34153914010762&lng=-123.09947160982138&basemap=gw5_Basemap_Canvas&layersource=Data_DynamicLayers&layers=Survey%20Monuments%2CBus%20Stops&nopopup
![Page 76: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/76.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
WHAT’S NEXTgw.js
• Common, extensible framework• Easy configuration• Easy integration
http://devtools/dev/mapembed/debug/http://devtools/dev/mapembed/debug/?zoom=5&lat=49.33717060674193&lng=-123.10166804996803http://devtools/dev/mapembed/debug/?zoom=5&lat=49.33769138114837&lng=-123.10148701965008&nozoom&nopan&nokeyboard&noscalebarhttp://devtools/dev/mapembed/debug/?zoom=5&lat=49.34153914010762&lng=-123.09947160982138&basemap=gw5_Basemap_Canvas&layersource=Data_DynamicLayers&layers=Survey%20Monuments%2CBus%20Stops&nopopup
![Page 77: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/77.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
WHAT’S NEXT
• More powerful CMS integration • GEOtools HTML5• GEOtools for the public• Additional focused apps
![Page 78: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/78.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
THE NEW REALITY
![Page 79: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/79.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
THE NEW REALITY
![Page 80: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/80.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
THE NEW REALITY
Including the US and Japan
![Page 81: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/81.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
THE NEW REALITY
![Page 82: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/82.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
THE NEW REALITY
Cordelia McGee-Tubb via Jesse Hausler | www.medium.com
![Page 83: GEOweb PROPERTY VIEWER - Esri · Bootstrap. Foundation. Boilerplate. PHASE THREE –TECH RESEARCH. DISTRICT OF NORTH VANCOUVER GEOweb ... – Twitter – Emails – Phone calls. DISTRICT](https://reader031.fdocuments.us/reader031/viewer/2022011905/5f2b0b01f4ce50137c0b68da/html5/thumbnails/83.jpg)
DISTRICT OF NORTH VANCOUVER
GEOweb PROPERTY VIEWER DESIGNING FOR SIMPLICITY
GEOweb PROPERTY VIEWER
QUESTIONS?
Andrew [email protected]
@durnin@nvandistrict