Slides from the 4th UdG SIGTE Summer School

2. Developing with
geoext
Alberto Romeu - @alrocar
Jorge Sanz - @xurxosanz

3. What is GEOEXT?
"a JavaScript toolkit for Rich Web Mapping
Applications"

4. Where in the stack?

5. Why geoext?

6. WHY GEOEXT?
1
From web pages to WEB APPLICATIONS

7. WHY GEOEXT?
2
RICH UI components

8. WHY GEOEXT?
3
FREE - BSD License

9. WHY GEOEXT?
4
EASY to create complex web mapping applications

10. the concept

11. THECONCEPT
1
ExtJS + OpenLayers
UI + MAP

12. THE CONCEPT
2
WRAPS OpenLayers objects in Ext data components

13. THE CONCEPT
3
CONFIGURATION over programming

14. THE CONCEPT
4
Components REUSE

15. WHEN (who) TO
USE?

16. WHEN TOUSE?
1
web GIS applications

17. WHEN TOUSE?
2
RICH UI components ( DESKTOP style)

18. WHEN TOUSE?
3
Strong use of OGC services

19. WHOTOUSE?
4
BEGINNERS confused by HTML/CSS

20. an example
Creating a map

21. Learning resources

22. LEARNING RESOURCES
1
Learn by EXAMPLE
GeoExt examples
ExtJS examples
OpenLayers examples

23. LEARNING RESOURCES
2
Browse the DOCUMENTATION
GeoExt documentation

24. LEARNING RESOURCES
3
API reference
GeoExt API reference
ExtJS 3.4 API reference
OpenLayers API reference

25. LEARNING RESOURCES
4
Join the COMMUNITY
GeoExt users list
GeoExt developers list

26. geoext lab
Creating a WMS Viewer

27. GEOEXT LAB
1
The MAP Panel

28. GEOEXT LAB
2
The LAYER tree

29. GEOEXT LAB
3
The LEGEND panel

30. GEOEXT LAB
4
STORES
Layer store
WMSCapabilities store
WFSCapabilities store
Feature store

31. GEOEXT LAB
5
... and MORE
Opacity slider, popup, printing, feature renderers, style
reader, toolbars, actions, ...