CUSTOMIZED STORY MAP

FOR AGRG WEATHER

NETWORKPresenter: Allen Huang

Supervisor: David Colville

Agenda

Overview

Objective of the new web map interface

What is involved?

The new Web Map Interface

Overview

In 2011, AGRG was commission by the Community Business Development

Corporations (CBDC) to do a Agriculture Climate Data Project

Objective of the study was to stimulate economic development in the

agricultural sector in the southwest region of Nova Scotia

5 year long project monitoring and recording weather conditions

Deployed 74 weather stations throughout southwest region of Nova Scotia

Overview – Weather Station Distribution

Overview – Weather Station Types

Campbell Scientific

Stations

Number in the network: 14

Recording Interval:

5 Second

Average Interval:

5 minutes and 60 minutes

Onset Stations

Number in the network: 60

Recording Interval:

10 Second

Average Interval:

5 minutes

Capabilities:

Temperature, solar radiation, wind speed, wind direction, barometric

pressure, relative humidity, rainfall, soil temperature and soil moisture

The new Map Interface

Objective:

To streamline the user experience

Improved data visualization

Accommodate mobile viewing

Decision:

Create a web map with responsive web design

Webpage optimize viewing and interaction with screen size

Design an interface that fit almost all web browsers

What is involved

Data Hosting Web Hosting Interface Editing /

Programming

PostgresSQL ArcGIS Online

ArcGIS Server

Flask Microframework

Countdown Story

Map

ArcMap

HTML, CSS,

Javascript

Python

Data Hosting - PostgreSQL

Measurement collected from the weather station are transfer and saved into

the PostgreSQL server

Automatically every 6 hours via cellular modem

Manually retrieve data from stations (required for 4 stations)

Data is accessed through

ArcGIS Server (REST API)

Python PostgreSQL adapter library (Psycopg)

Web Hosting - ArcGIS Online and ArcGIS

Server

Both are similar. They host data (Feature Layer and Tables) that is going to be

used in the story map.

Provides an initial look and feel when web map first loads

ArcGIS Online host

Feature layer data: Weather station point data

ArcGIS Server host

Feature layer data

All weather station data entries.

Interface – Countdown Story Map

Provides a well designed layout for cycling through all the weather stations

Interaction with map features (weather stations)

Web map layout is intuitive and easy to understand

It has been coded with responsive web design

The web map layout will change in response with screen size.

It is design to be used with an ArcGIS Online project

It provides a good starting place to start customization

Countdown Story Map: Layout

Overveiw Map

Viewer

Item Viewer

Countdown Story Map: Layout

Data Viewer

Satellite Map

Viewer

Overview Map

Viewer

Countdown Story Map: Layout (Mobile)

Countdown Story Map: Customization

Creating multi tabbed data viewer

Real time Satellite rendering of current weather condition from the

Geostationary Operational Environmental Satellite (GOES)

Visualization across the weather network

Temperature

Wind direction and speed

Station anomalies

Countdown Story Map: Customization

Real time Satellite rendering of current weather condition from the

Geostationary Operational Environmental Satellite (GOES)

Countdown Story Map: Customization

Creating multi tabbed data viewer

Countdown Story Map: Customization

Temperature Visualization across the weather network

Countdown Story Map: Customization

Wind direction and speed Visualization across the weather network

Editing/Programming – ArcMap and

Python data processing

Pre-configure everything and make them into a service with ArcMap

For operations that require massive data searches, these action should be

preformed on the server side.

Example: Search historical record,

Example: getting highs and lows for symbology use

Action that require direct access to the PostgreSQL server.

That’s all for my project.

Thank You.