Creative sustainable solutionsSpatial Vision

Seeking Common Ground in the Cloud

Today’s Topic

• Business Background– Requirements, Team and Data

• Application Overview – HTML5, CartoDB, Tiles, CMS

• CartoDB Visualisation Platform– PostGIS,CartoCSS, CartoDB API, Leaflet

Intro to Common Ground Website

What is Common Ground?

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

Intro to Common Ground Website

Disclaimer

Common Ground is in Beta version

Not Available to public yet

Intro to Common Ground Website

Who created Common Ground?

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

Common Ground Business Requirements

Why Common Ground was created?

Common Ground Business Requirements

Strong Public interest in exploration & mining activity

Common Ground Business Requirements

Existing sites aimed at industry professionals

Common Ground Business Requirements

Highly accessible, usability, devices (mobile), language

Common Ground Business Requirements

Provides comprehensive, authoritative, up to date data 

Common Ground Requirement gathering

How we gathered the requirements?

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

Common Ground Requirement gathering

User stories developed for each persona to define the site's design

Common Ground Requirement gathering

Tested design by different groups at a number of design stages.

Common Ground Development Approach

How we built the website?

Common Ground Cross Functional Agile Team

Multiple dev teams (content, design & integration)

Product Owner

Content Producer

Graphic Designer

Application Developer

Common Ground Data

Where are the data sources?

Common Ground Data

Multiple Contextual Data

Common Ground Data

Multiple Government Agencies

Common Ground Data

How to update data in the cloud?

Common Ground Data

Business data: Daily

Contextual data: 6 monthly

Automate process from data sources to the cloud

Common Ground Data

Scheduled Tasks from ArcSDE to CartoDB

Common Ground Application Overview

Application Overview

HTML5

Responsive Design

Services used by Common Ground

Common Ground Application Overview

What is HTML5 App?

Common Ground Application Overview

A various capabilities of modern devices

Page is created in browser

Common Ground Application Overview

Access multiple services to build features

Common Ground Application Overview

What is Responsive Design?

Common Ground Application Overview

The page layout is changed according to the screen size

Provide seamless user experiences in mobile/tablet/desktop

Common Ground Application Components

What services used in Common Ground?

Common Ground Application Components

CartoDB, Tiles, CMS, Google, Zendesk, Facebook, Twitter etc.

CartoDB

CartoDB Geo Spatial Platform

Overview

Database

CartoCSS

User Interactions

Case Study

CartoDB

What is CartoDB?

CartoDB

Cloud base Geo Spatial Visualisation Platform

CartoDB Components

GeoSpatial Database

CartoDB Components

Visualisation Tools

CartoDB Components

Publish Visualisation

CartoDB Components

Publish your Visualisation

CartoDB Data

What options available for data upload?

CartoDB Data

Data on Local or Cloud

Synch with data sourceUpload from data source

CartoDB Map Style

How to style your map?

CartoDB Map Style

Support Traditional Tile Layers (& Canvas) using Leaflet.js

What is CartoDB?

Style up using CartoCSS

CartoDB Interactions

How to provide user interactions?

CartoDB Interactions

CartoDB.js and Leaflet.js

CartoDB Interactions

SQL.js

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

Case Study

Common Ground Case Study

Title Process

Title Map

Title Overview

Lessons Learned

Common Ground Map

Title Map and Overview

Common Ground Map

Common Ground Map

Common Ground Title Overview

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

Questions?