Web Mapping Applications: Get started in 7 simple steps

Conceptual Steps:

1,2,3,4

As a GIS Assistant at the Global

Institute of Sustainability (GIOS)

at Arizona State University, Jeff

is responsible for database

management and enhancement

for both the Central Arizona-

Phoenix Long-Term Ecological

Research (CAP/LTER) and

Energize Phoenix projects.

CAP/LTER experience includes

identifying and resolving data

quality issues. Jeff used SQL and

ModelBuilder to automate the

majority of the repair processes

and the updates of all respective

metadata. To increase efficiency

of data collection for the Energ

Phoenix project Jeff

recommended surveyors use the

GIS-PRO application on an

iPadDuring data collection Jeff

extracted data on a weekly basis.

Jeff Gray Mark Griffin

Step 1 Step 2 Step 3 Step 4

Who is the Client

What are the Client’s Needs

Who is the Audience

How can you apply your set of skills

Urban

Sustainability

RCN:

The network includes a

group of core

members who

represent the range of

“cities in transition”;

the core group will

include academics,

students, postdocs,

policy-makers, city

planners and

managers, and other

action-focused urban

players from the U.S.

and beyond.

Global

Action-Focused

Urban Players:

Simple Interactive

Map Tool: Layout & Design:

This is where you find

a parallel between

the project goals and

your skills. To be able

to provide a simple

and clean user

interface that delivers

effective information.

Intentional design for

a multi-cultural

audience.

One click allows the

user interface to be

translated into the

user’s native

language.

Understanding urban

sustainability and

improving the ability

of policy makers to

achieve sustainable

management. A

Research

Coordination

Network is a project

supported by the

National Science

Foundation to bring

together, analyze,

and use existing

research. This project

is supported by the

SEES Program at NSF.

“My vision is that a

global/interactive map

tool be developed

for our urban

sustainability RCN. {…}

to show who works on

the climate issues - ie.,

who are the think tanks

on climate research,

and what I like about

this map is that you can

select specific tabs, like

Sustainable Cities and

find information about

those "think tanks" on

sustainable cities.

Building Steps:

5,6,7

Data

Format

Technology

Stack Function

Design

Data Formatting Create & Format data by criteria:

-Research Center/Institutions

-City Research Sites

-Research Themes

Contact

info

Lat Long is

easily

displayed

once it is

pulled into

ArcMap.

Finding latitude longitude for each

research site is made easy with

LATLONG.net!

Using the RCN site to collect

information and transform it into a CSV

file, which can easily be pulled into

ArcMap.

Mining the

RCN site for

data

Client (Web Browser) •HTML •Images •JavaScript •CSS •embedded objects

Technology Stack & Structure

Web Server – Apache or IIS

Application Server Static Documents Executables/scripting languages:

.NET ASP PHP JSP Java Servlet Cold Fusion CGI (Perl, Python)

N-Tier/Multi-Tier Architecture 1. Presentation Tier 2. Logic Tier 3. Data Tier

1 2

3

ArcGIS API For

JavaScript

Published Map Service on the

MAS-GIS Server 6080

www

The Map Service is set up as one

layer with multiple fields, allowing

the same data many ways to be

called and displayed.

Function & Design

Find sample

templates &

widgets

Online resources for styling your

page:

March 7th 15th 21st 28th

Data

Assessment

No tabular data

available.

Create & Format

data by criteria:

-Research

Center/Institutions

-City Research Sites

-Research Themes

*One to many query

Technology

Assessment

Resources &

Development

Project

Goals

ArcGIS API for

JavaScript

ArcGIS published

Map Service on the

MAS-GIS Server 6080

Client site (https://sites.google.com/site/urbansustainabilityrcn/)

*RCN is affiliated with

GIOS @ ASU

An interactive tool that

integrates

“collaboratory” research

works and improves

interaction among participants.

Tabular data to display

in a pop up window on

click event & ready on

load.

Hyperlink sister city

information & open in a

separate tab.

W3schools.com for

CSS&HTML

Layout/Design

ArcGIS Developer

Resources for a web

template/basemap/

accordion tabs.