geospatial web apps development with opengeo suite client sdk (gxp)
DESCRIPTION
Slides from 4th UdG SIGTE Summer SchoolTRANSCRIPT
![Page 1: Geospatial web apps development with OpenGeo Suite Client SDK (GXP)](https://reader037.vdocument.in/reader037/viewer/2022100223/54c507344a795928518b4599/html5/thumbnails/1.jpg)
![Page 2: Geospatial web apps development with OpenGeo Suite Client SDK (GXP)](https://reader037.vdocument.in/reader037/viewer/2022100223/54c507344a795928518b4599/html5/thumbnails/2.jpg)
DEVELOPINGWITH GXP
(OpenGeo Suite Client SDK)
Alberto Romeu - @alrocarJorge Sanz - @xurxosanz
![Page 3: Geospatial web apps development with OpenGeo Suite Client SDK (GXP)](https://reader037.vdocument.in/reader037/viewer/2022100223/54c507344a795928518b4599/html5/thumbnails/3.jpg)
What is GXP?"a Javascript SDK for developing high level
GeoExt based Applications"
![Page 4: Geospatial web apps development with OpenGeo Suite Client SDK (GXP)](https://reader037.vdocument.in/reader037/viewer/2022100223/54c507344a795928518b4599/html5/thumbnails/4.jpg)
Where in the stack?
![Page 5: Geospatial web apps development with OpenGeo Suite Client SDK (GXP)](https://reader037.vdocument.in/reader037/viewer/2022100223/54c507344a795928518b4599/html5/thumbnails/5.jpg)
Why GXP?
![Page 6: Geospatial web apps development with OpenGeo Suite Client SDK (GXP)](https://reader037.vdocument.in/reader037/viewer/2022100223/54c507344a795928518b4599/html5/thumbnails/6.jpg)
1Need of a COMPLETE SDK for web mapping applications
![Page 7: Geospatial web apps development with OpenGeo Suite Client SDK (GXP)](https://reader037.vdocument.in/reader037/viewer/2022100223/54c507344a795928518b4599/html5/thumbnails/7.jpg)
2MINIMAL CONFIGURATION for complex apps
![Page 8: Geospatial web apps development with OpenGeo Suite Client SDK (GXP)](https://reader037.vdocument.in/reader037/viewer/2022100223/54c507344a795928518b4599/html5/thumbnails/8.jpg)
3FREE - GPLv3 License
![Page 9: Geospatial web apps development with OpenGeo Suite Client SDK (GXP)](https://reader037.vdocument.in/reader037/viewer/2022100223/54c507344a795928518b4599/html5/thumbnails/9.jpg)
4EVEN EASIER to create new applications
![Page 10: Geospatial web apps development with OpenGeo Suite Client SDK (GXP)](https://reader037.vdocument.in/reader037/viewer/2022100223/54c507344a795928518b4599/html5/thumbnails/10.jpg)
the concept
![Page 11: Geospatial web apps development with OpenGeo Suite Client SDK (GXP)](https://reader037.vdocument.in/reader037/viewer/2022100223/54c507344a795928518b4599/html5/thumbnails/11.jpg)
1GeoExt + OpenLayers + GXP API + SDK
UI + MAP + Custom components + Lifecycle
![Page 12: Geospatial web apps development with OpenGeo Suite Client SDK (GXP)](https://reader037.vdocument.in/reader037/viewer/2022100223/54c507344a795928518b4599/html5/thumbnails/12.jpg)
2Take CONFIGURATION PATTERN to a higher level
![Page 13: Geospatial web apps development with OpenGeo Suite Client SDK (GXP)](https://reader037.vdocument.in/reader037/viewer/2022100223/54c507344a795928518b4599/html5/thumbnails/13.jpg)
3Bundled into the OpenGeo Suite (also standalone)
![Page 14: Geospatial web apps development with OpenGeo Suite Client SDK (GXP)](https://reader037.vdocument.in/reader037/viewer/2022100223/54c507344a795928518b4599/html5/thumbnails/14.jpg)
4COMPLETE development lifecycle (create, proxy,
minimize, deploy...)
![Page 15: Geospatial web apps development with OpenGeo Suite Client SDK (GXP)](https://reader037.vdocument.in/reader037/viewer/2022100223/54c507344a795928518b4599/html5/thumbnails/15.jpg)
WHEN (who) TOUSE?
![Page 16: Geospatial web apps development with OpenGeo Suite Client SDK (GXP)](https://reader037.vdocument.in/reader037/viewer/2022100223/54c507344a795928518b4599/html5/thumbnails/16.jpg)
1web GIS applications factories
![Page 17: Geospatial web apps development with OpenGeo Suite Client SDK (GXP)](https://reader037.vdocument.in/reader037/viewer/2022100223/54c507344a795928518b4599/html5/thumbnails/17.jpg)
2HIGHER LEVEL GIS components (editing, styling, browsing...)
![Page 18: Geospatial web apps development with OpenGeo Suite Client SDK (GXP)](https://reader037.vdocument.in/reader037/viewer/2022100223/54c507344a795928518b4599/html5/thumbnails/18.jpg)
3(Even more) BEGINNERS confused by HTML/CSS
![Page 19: Geospatial web apps development with OpenGeo Suite Client SDK (GXP)](https://reader037.vdocument.in/reader037/viewer/2022100223/54c507344a795928518b4599/html5/thumbnails/19.jpg)
4EXPERIENCED web developers
![Page 20: Geospatial web apps development with OpenGeo Suite Client SDK (GXP)](https://reader037.vdocument.in/reader037/viewer/2022100223/54c507344a795928518b4599/html5/thumbnails/20.jpg)
Learning resources
![Page 21: Geospatial web apps development with OpenGeo Suite Client SDK (GXP)](https://reader037.vdocument.in/reader037/viewer/2022100223/54c507344a795928518b4599/html5/thumbnails/21.jpg)
1Learn by EXAMPLE
OpenGeo recipes book
GXP examples
GeoExt examples
ExtJS examples
OpenLayers examples
![Page 22: Geospatial web apps development with OpenGeo Suite Client SDK (GXP)](https://reader037.vdocument.in/reader037/viewer/2022100223/54c507344a795928518b4599/html5/thumbnails/22.jpg)
2Browse the DOCUMENTATION
GXP documentation
GeoExt documentation
![Page 23: Geospatial web apps development with OpenGeo Suite Client SDK (GXP)](https://reader037.vdocument.in/reader037/viewer/2022100223/54c507344a795928518b4599/html5/thumbnails/23.jpg)
3API reference
GXP API reference
GeoExt API reference
ExtJS 3.4 API reference
OpenLayers API reference
![Page 24: Geospatial web apps development with OpenGeo Suite Client SDK (GXP)](https://reader037.vdocument.in/reader037/viewer/2022100223/54c507344a795928518b4599/html5/thumbnails/24.jpg)
GXP labCreating a complete web GIS application
![Page 25: Geospatial web apps development with OpenGeo Suite Client SDK (GXP)](https://reader037.vdocument.in/reader037/viewer/2022100223/54c507344a795928518b4599/html5/thumbnails/25.jpg)
1Application LIFECYCLE
1. Creation2. Customization3. Testing / Debug4. Deployment
![Page 26: Geospatial web apps development with OpenGeo Suite Client SDK (GXP)](https://reader037.vdocument.in/reader037/viewer/2022100223/54c507344a795928518b4599/html5/thumbnails/26.jpg)
2Adding a Zoom to Layer Extent tool
![Page 27: Geospatial web apps development with OpenGeo Suite Client SDK (GXP)](https://reader037.vdocument.in/reader037/viewer/2022100223/54c507344a795928518b4599/html5/thumbnails/27.jpg)
3Adding a WMS GetFeatureInfo tool
![Page 28: Geospatial web apps development with OpenGeo Suite Client SDK (GXP)](https://reader037.vdocument.in/reader037/viewer/2022100223/54c507344a795928518b4599/html5/thumbnails/28.jpg)
4Adding a legend tool
![Page 29: Geospatial web apps development with OpenGeo Suite Client SDK (GXP)](https://reader037.vdocument.in/reader037/viewer/2022100223/54c507344a795928518b4599/html5/thumbnails/29.jpg)
5Adding layer sources
![Page 30: Geospatial web apps development with OpenGeo Suite Client SDK (GXP)](https://reader037.vdocument.in/reader037/viewer/2022100223/54c507344a795928518b4599/html5/thumbnails/30.jpg)
6Adding layers
![Page 31: Geospatial web apps development with OpenGeo Suite Client SDK (GXP)](https://reader037.vdocument.in/reader037/viewer/2022100223/54c507344a795928518b4599/html5/thumbnails/31.jpg)
7Adding something and something and something
![Page 32: Geospatial web apps development with OpenGeo Suite Client SDK (GXP)](https://reader037.vdocument.in/reader037/viewer/2022100223/54c507344a795928518b4599/html5/thumbnails/32.jpg)
8Adding editing tools
![Page 33: Geospatial web apps development with OpenGeo Suite Client SDK (GXP)](https://reader037.vdocument.in/reader037/viewer/2022100223/54c507344a795928518b4599/html5/thumbnails/33.jpg)
9Adding a styler plugin
![Page 34: Geospatial web apps development with OpenGeo Suite Client SDK (GXP)](https://reader037.vdocument.in/reader037/viewer/2022100223/54c507344a795928518b4599/html5/thumbnails/34.jpg)
DEVELOPINGWITH GXP