Slides from 4th UdG SIGTE Summer School

2. DEVELOPING
WITH
GXP
(OpenGeo Suite Client SDK)
Alberto Romeu - @alrocar
Jorge Sanz - @xurxosanz

3. What is GXP?
"a Javascript SDK for developing high level
GeoExt based Applications"

4. Where in the stack?

5. Why GXP?

6. 1
Need of a COMPLETE SDK for web mapping applications

7. 2
MINIMAL CONFIGURATION for complex apps

8. 3
FREE - GPLv3 License

9. 4
EVEN EASIER to create new applications

10. the concept

11. 1
GeoExt + OpenLayers + GXP API + SDK
UI + MAP + Custom components + Lifecycle

12. 2
Take CONFIGURATION PATTERN to a higher level

13. 3
Bundled into the OpenGeo Suite (also standalone)

14. 4
COMPLETE development lifecycle (create, proxy,
minimize, deploy...)

15. WHEN (who) TO
USE?

16. 1
web GIS applications factories

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

18. 3
(Even more) BEGINNERS confused by HTML/CSS

19. 4
EXPERIENCED web developers

20. Learning resources

21. 1
Learn by EXAMPLE
OpenGeo recipes book
GXP examples
GeoExt examples
ExtJS examples
OpenLayers examples

22. 2
Browse the DOCUMENTATION
GXP documentation
GeoExt documentation

23. 3
API reference
GXP API reference
GeoExt API reference
ExtJS 3.4 API reference
OpenLayers API reference

24. GXP lab
Creating a complete web GIS application

25. 1
Application LIFECYCLE
1. Creation
2. Customization
3. Testing / Debug
4. Deployment

26. 2
Adding a Zoom to Layer Extent tool

27. 3
Adding a WMS GetFeatureInfo tool

28. 4
Adding a legend tool

29. 5
Adding layer sources

30. 6
Adding layers

31. 7
Adding something and something and something

32. 8
Adding editing tools

33. 9
Adding a styler plugin

34. DEVELOPING
WITH GXP