Building the Next Generation Water Data Viewer - Water Data Interactive (WDI)

Ginny Vragel and Richard Winkelbauer - Texas Water Development Board

Transcript

1. Building  the  Next  Genera1on     Water  Data  Viewer   Water  Data  Interac1ve  (WDI)   Ginny  Vragel,  Texas  Water  Development  Board   Richard  Winkelbauer   1  
2. 2   WIID  redeveloped  and   rebranded  to  Water  Data   Interac3ve  
3. Focus  for  Phase  1  has  been  the   Groundwater  Data  Viewer   3  
4. Architecture   4   •  ArcGIS  Server  10.3  in  the  Amazon  cloud   •  ArcGIS  API  for  JavaScript  (Version  3.14)   •  SQL  Server  2012     1.  Spa3al  Data  Stored  in  Geometry  columns   2.  Point  data  stored  in  Geometry  column  as  a  computed  field   3.  Authored  into  services  using  Query  Layers  in  ArcMap  
5. Computed  Geometry  Field   5   •  Easy  to  implement   •  Easy  to  keep  field  updated  
6. What  worked  well  for  us   6   •  ArcGIS  API  for  JavaScript  Web  Op3mizer   •  Bootstrap  Version  3   •  Base  Layer  Query  Service  to  query  all  of  our  base  layers   •  TNRIS  –  Texas  Google  Imagery  Service   •  Did  not  take  a  dependency  on  jQuery   •  Visual  Studio  JavaScript  bundling   •  Tracking  events  with  Google  Analy3cs  
7. ArcGIS  API  for  JavaScript  Web   Op3mizer   7   Uncompiled  JavaScript  API   Compiled  JavaScript  API  
8. ArcGIS  API  for  JavaScript  Web   Op3mizer   8   List  of  Modules  maintained  alphabe3cally  and   checked  in  with  our  code  in  source  control.  
9. Bootstrap  Version  3   9   Responsive  –  A  solu3on  that   works  on  most  devices.   Glyphicons   Badges  
10. Base  Layer  Query  Service  to   query  all  of  our  base  layers   10  
11. TNRIS  –  Texas  Google  Imagery  Service   11   •  Can  select  from  gallery  of  base   maps   •  Turned  on  automa3cally  when   zoomed  in  beyond  the   capabili3es  of  one  of  the  other   base  maps  
12. TNRIS  –  Texas  Google  Imagery  Service   12   Texas  Google  Imagery  Service  combined  with  the  ESRI  World  Transporta3on  Service  
13. Did  not  take  a  dependency  on  jQuery   13   Dojo  handles  the  DOM  manipula3on  as  well  
14. Visual  Studio  JavaScript  Minifica3on   14  
15. Tracking  events  with  Google  Analy3cs   15  
16. Thanks!   16   h?p://www.twdb.texas.gov/mapping/index.asp     h?p://www2.twdb.texas.gov/apps/waterdatainteracEve/groundwaterdataviewer