1. Why Web Design
Firms can Eat Your
Lunch
Dave Bouwman / Data Transfer Solutions / http://blog.davebouwman.net

2. of

3. are
geo-geeks

4. we
know
spatial
data

6. analyze
data

7. create
impressive
maps

8. and all was good…
until…

9. your
manager
sent a memo…

12. Era of
“WebGIS”

13. stuff
“GIS”
in a
browser

14. Cram desktop into
A browser

15. a lot
tolearn

16. new
Web Manager applications

17. customization
meant…

19. WebGIS Lesson Plan
Same tools Programming
1. Object Oriented
2. VB.NET / C# / Java
Same workflows
3. Intro to HTML and CSS
4. ESRI WebADF
Same terminology
5. Webservices 101
Worse performance

20. before
long…

21. .NET
XHTML
CSS
Javascript
Visual Studio

22. Screen shot of CDOT

23. about
your
lunch…

24. what if we were web developers

25. how
would
we see
“WebGIS”?

30. most
“WebGIS”
sites
are…

32. “Data”

33. “Tools”

34. interface

35. “Tasks”

36. “Analysis”

37. market
analysis

38. Complex
Cost
Usability
Value

39. budgets: high
expectations: low

40. Complexity
Cost
Usability
Value

41. “WebGIS”
means
opportunity

42. and right about this time…

43. your
manager
sends another
memo…

46. GeoWeb

47. GIS meets…
two dot oh

48. address
spatial
business
problems
in a
browser

49. publish
&consume
services

50. more
to learn

51. Todays Lesson Plan
Same tools Javascript
1. Object Oriented
2. Ajax: GETting and POSTing
Same workflows
3. Intro to JQuery and Dojo
4. Designing RESTful services
Same terminology
5. JSON and JSONP
6. CSS and browser tweaks
Worse performanceweb
7. Designing for social the social

52. more
tools

53. FireBug
& Aptana

54. how
do we
tackle
this?

55. protect
your
lunch?

57. we
must
accept…

59. we
must
understand…

60. usability
trumps
features

61. we
must
master…

62. Atom
WFS
.NETXHTML
CSS
TDD Ajax
Javascript
RSS JSON
REST XML
GeoRSS
WMS

64. users
love…

66. users
want…

71. Project Overview
Same Bird Flu Database
•Global
tools
Same ModuleModel
•Spatial workflows
•Complex Data
in a CMS
Same terminology
• 2000 Tables
• >10,000 Stored Procedures
WorseEarth + Dojo Toolkit UI
•Virtual performance

72. Example 2

73. Project Overview
Same tools Management
•Roadway Project
•Workflow Application
SameBack-end
workflows
•SAP
SameToolkit+UI
•Dojo terminology
•OpenLayers WMS
Worse performance

75. real
performance

77. Get Extent
Get Points
Cluster
Return to Browser

78. >50,000
As Points As X,Y’s in a Table
ArcSDE + AGS: > 5 seconds Tabular Query: 0.3 seconds
SQL2008: ~ 2 seconds *Supports complex queries

80. JSON: = fast
custom
{
quot;ClusteredPointLocationIdsquot;:[34480,34355,34354],
quot;PointLocationIdquot;:34480,
quot;IsClusteredquot;:true,
Locationquot;:{quot;Latquot;:-2.15,quot;Lonquot;:-80.53}
}

81. geo-geeks

82. push
pins?

85. perceived
performance

89. activity
indicators

90. SAP Get Project List

94. what’s
should
I do?

97. handle
the
“null-case”

100. Focused Tools

101. I only want to see
the data for Calidris
alpina, in Turkey,
between 1998 and
2008

102. generic
tool
could
work…

104. automatic
validation

105. pre-validate
whenever
possible

108. validate
as soon as
possible

109. SAP Ref Selection

118. map
the
workflow

120. debug
on
paper

122. stop
scope-creep

130. release
early

131. release
often

132. iterative
development
Iteration
2 Weeks
Project Iteration
Product
Backlog Backlog

133. receive
feedback

134. Zen of Usability
Same tools
•Faster = Better
Sameon the wire
•Lean workflows
•Use what works
Samesmall bites
•Take terminology
•Provide Feedback
WorseSuccess
•Pit of performance
•Design & Validate Usability

135. Summary:

136. kung-fu: needed

137. performance is critical

138. focus on usability

139. nobody can touch your
lunch

140. Questions?
Dave Bouwman
Data Transfer Solutions
dbouwman@edats.com
http://blog.davebouwman.net