Geospatial web development with GeoEXT

2,011 views

Published on

Slides from the 4th UdG SIGTE Summer School

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,011
On SlideShare
0
From Embeds
0
Number of Embeds
11
Actions
Shares
0
Downloads
40
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Geospatial web development with GeoEXT

  1. 1. Developing with geoext Alberto Romeu - @alrocar Jorge Sanz - @xurxosanz
  2. 2. What is GEOEXT? "a JavaScript toolkit for Rich Web Mapping Applications"
  3. 3. Where in the stack?
  4. 4. Why geoext?
  5. 5. WHY GEOEXT? 1 From web pages to WEB APPLICATIONS
  6. 6. WHY GEOEXT? 2 RICH UI components
  7. 7. WHY GEOEXT? 3 FREE - BSD License
  8. 8. WHY GEOEXT? 4 EASY to create complex web mapping applications
  9. 9. the concept
  10. 10. THECONCEPT 1 ExtJS + OpenLayers UI + MAP
  11. 11. THE CONCEPT 2 WRAPS OpenLayers objects in Ext data components
  12. 12. THE CONCEPT 3 CONFIGURATION over programming
  13. 13. THE CONCEPT 4 Components REUSE
  14. 14. WHEN (who) TO USE?
  15. 15. WHEN TOUSE? 1 web GIS applications
  16. 16. WHEN TOUSE? 2 RICH UI components ( DESKTOP style)
  17. 17. WHEN TOUSE? 3 Strong use of OGC services
  18. 18. WHOTOUSE? 4 BEGINNERS confused by HTML/CSS
  19. 19. an example Creating a map
  20. 20. Learning resources
  21. 21. LEARNING RESOURCES 1 Learn by EXAMPLE GeoExt examples ExtJS examples OpenLayers examples
  22. 22. LEARNING RESOURCES 2 Browse the DOCUMENTATION GeoExt documentation
  23. 23. LEARNING RESOURCES 3 API reference GeoExt API reference ExtJS 3.4 API reference OpenLayers API reference
  24. 24. LEARNING RESOURCES 4 Join the COMMUNITY GeoExt users list GeoExt developers list
  25. 25. geoext lab Creating a WMS Viewer
  26. 26. GEOEXT LAB 1 The MAP Panel
  27. 27. GEOEXT LAB 2 The LAYER tree
  28. 28. GEOEXT LAB 3 The LEGEND panel
  29. 29. GEOEXT LAB 4 STORES Layer store WMSCapabilities store WFSCapabilities store Feature store
  30. 30. GEOEXT LAB 5 ... and MORE Opacity slider, popup, printing, feature renderers, style reader, toolbars, actions, ...

×