Geospatial web apps development with OpenGeo Suite Client SDK (GXP)

DEVELOPINGWITH GXP

(OpenGeo Suite Client SDK)

Alberto Romeu - @alrocarJorge Sanz - @xurxosanz

What is GXP?"a Javascript SDK for developing high level

GeoExt based Applications"

Where in the stack?

Why GXP?

1Need of a COMPLETE SDK for web mapping applications

2MINIMAL CONFIGURATION for complex apps

3FREE - GPLv3 License

4EVEN EASIER to create new applications

the concept

1GeoExt + OpenLayers + GXP API + SDK

UI + MAP + Custom components + Lifecycle

2Take CONFIGURATION PATTERN to a higher level

3Bundled into the OpenGeo Suite (also standalone)

4COMPLETE development lifecycle (create, proxy,

minimize, deploy...)

WHEN (who) TOUSE?

1web GIS applications factories

2HIGHER LEVEL GIS components (editing, styling, browsing...)

3(Even more) BEGINNERS confused by HTML/CSS

4EXPERIENCED web developers

Learning resources

1Learn by EXAMPLE

OpenGeo recipes book

GXP examples

GeoExt examples

ExtJS examples

OpenLayers examples

2Browse the DOCUMENTATION

GXP documentation

GeoExt documentation

3API reference

GXP API reference

GeoExt API reference

ExtJS 3.4 API reference

OpenLayers API reference

GXP labCreating a complete web GIS application

1Application LIFECYCLE

1. Creation2. Customization3. Testing / Debug4. Deployment

2Adding a Zoom to Layer Extent tool

3Adding a WMS GetFeatureInfo tool

4Adding a legend tool

5Adding layer sources

6Adding layers

7Adding something and something and something

8Adding editing tools

9Adding a styler plugin

DEVELOPINGWITH GXP