Presentation by Hiroki Gota, Spatial Vision at IMIA Asia Pacific's Melbourne Conference, Aug 2014

1. Seeking Common Ground in the Cloud
Spatial Vision
Creative sustainable solutions

2. Today’s Topic
• Business Background
– Requirements, Team and Data
• Application Overview
– HTML5, CartoDB, Tiles, CMS
• CartoDB Visualisation Platform
– PostGIS,CartoCSS, CartoDB API, Leaflet

3. Intro to Common Ground Website
What is Common Ground?

4. Intro to Common Ground Website
• Map based HTML5 app using CartoDB
• Show Coal/Mineral/Petroleum/Gas Mining Activities
• Support Multiple Platforms, desktop/tablet/mobile
• Utilise Cloud based technologies

5. Intro to Common Ground Website
Disclaimer
Common Ground is in Beta version
Not Available to public yet

6. Intro to Common Ground Website
Who created Common Ground?

7. Who created Common Ground?
New South Wales Trade & Investment
• Geo-science Agency
• Deliver the geology, mineral resources &
exploration information
• Advice to government, mining industries &
community

8. Common Ground Business Requirements
Why Common Ground was created?

9. Common Ground Business Requirements
Strong Public interest in exploration & mining activity

10. Common Ground Business Requirements
Existing sites aimed at industry professionals

11. Common Ground Business Requirements
Highly accessible, usability, devices (mobile), language

12. Common Ground Business Requirements
Provides comprehensive, authoritative, up to date data

13. Common Ground Requirement gathering
How we gathered the requirements?

14. Common Ground Requirement gathering
Consult with Focus Group
A number of "personas" to represent users eg:
"Carmel" a 51 year old farmer and community leader
"Gary" a 26 year old blogger who doesn't trust the
government and big business

15. Common Ground Requirement gathering
User stories developed for each persona to define the
site's design

16. Common Ground Requirement gathering
Tested design by different groups at a number of design
stages.

17. Common Ground Development Approach
How we built the website?

18. Common Ground Cross Functional Agile Team
Multiple dev teams (content, design & integration)
Product Owner
Content Producer
Graphic Designer
Application Developer

19. Common Ground Data
Where are the data sources?

20. Common Ground Data
Multiple Contextual Data

21. Common Ground Data
Multiple Government Agencies

22. Common Ground Data
How to update data in the cloud?

23. Common Ground Data
Business data: Daily
Contextual data: 6 monthly
Automate process from data sources to the cloud

24. Common Ground Data
Scheduled Tasks from ArcSDE to CartoDB

25. Common Ground Application Overview
Application Overview
HTML5
Responsive Design
Services used by Common Ground

26. Common Ground Application Overview
What is HTML5 App?

27. Common Ground Application Overview
A various capabilities of modern devices
Page is created in browser

28. Common Ground Application Overview
Access multiple services to build features

29. Common Ground Application Overview
What is Responsive Design?

30. Common Ground Application Overview
The page layout is changed according to the screen size
Provide seamless user experiences in mobile/tablet/desktop

31. Common Ground Application Components
What services used in Common Ground?

32. Common Ground Application Components
CartoDB, Tiles, CMS, Google, Zendesk, Facebook, Twitter
etc.

33. CartoDB
CartoDB Geo Spatial Platform
Overview
Database
CartoCSS
User Interactions
Case Study

34. CartoDB
What is CartoDB?

35. CartoDB
Cloud base Geo Spatial Visualisation Platform

36. CartoDB Components
GeoSpatial Database

37. CartoDB Components
Visualisation Tools

38. CartoDB Components
Publish Visualisation

39. CartoDB Components
Publish your Visualisation

40. CartoDB Data
What options available for data upload?

41. CartoDB Data
Data on Local or Cloud
Upload from data source Synch with data source

42. CartoDB Map Style
How to style your map?

43. CartoDB Map Style
Support Traditional Tile Layers (& Canvas) using
Leaflet.js

44. What is CartoDB?
Style up using CartoCSS

45. CartoDB Interactions
How to provide user interactions?

46. CartoDB Interactions
CartoDB.js and Leaflet.js

47. CartoDB Interactions
SQL.js

48. CartoDB Lessons Learned
• Limited documentation
• Excellent support via Email
• Performance is not promised
• New APIs released almost every week
• Location aware Apps are now everywhere

49. Case Study
Common Ground Case Study
Title Process
Title Map
Title Overview
Lessons Learned

50. Common Ground Map
Title Map and Overview

51. Common Ground Map

52. Common Ground Map

53. Common Ground Title Overview

54. Common Ground Conclusion
• Challenge in Mashup of Services
• Great Feedback from the Department
• Strong Focus on Simple Language
• Simple Mapping to Tell a Story
• Showcasing Open Data Policy

55. Questions?