geospatial web development with geoext
DESCRIPTION
Slides from the 4th UdG SIGTE Summer SchoolTRANSCRIPT
![Page 1: Geospatial web development with GeoEXT](https://reader033.vdocuments.mx/reader033/viewer/2022042814/55529893b4c9051f108b4fa0/html5/thumbnails/1.jpg)
![Page 2: Geospatial web development with GeoEXT](https://reader033.vdocuments.mx/reader033/viewer/2022042814/55529893b4c9051f108b4fa0/html5/thumbnails/2.jpg)
Developing withgeoext
Alberto Romeu - @alrocarJorge Sanz - @xurxosanz
![Page 3: Geospatial web development with GeoEXT](https://reader033.vdocuments.mx/reader033/viewer/2022042814/55529893b4c9051f108b4fa0/html5/thumbnails/3.jpg)
What is GEOEXT?"a JavaScript toolkit for Rich Web Mapping
Applications"
![Page 4: Geospatial web development with GeoEXT](https://reader033.vdocuments.mx/reader033/viewer/2022042814/55529893b4c9051f108b4fa0/html5/thumbnails/4.jpg)
Where in the stack?
![Page 5: Geospatial web development with GeoEXT](https://reader033.vdocuments.mx/reader033/viewer/2022042814/55529893b4c9051f108b4fa0/html5/thumbnails/5.jpg)
Why geoext?
![Page 6: Geospatial web development with GeoEXT](https://reader033.vdocuments.mx/reader033/viewer/2022042814/55529893b4c9051f108b4fa0/html5/thumbnails/6.jpg)
WHY GEOEXT?
1From web pages to WEB APPLICATIONS
![Page 7: Geospatial web development with GeoEXT](https://reader033.vdocuments.mx/reader033/viewer/2022042814/55529893b4c9051f108b4fa0/html5/thumbnails/7.jpg)
WHY GEOEXT?
2RICH UI components
![Page 8: Geospatial web development with GeoEXT](https://reader033.vdocuments.mx/reader033/viewer/2022042814/55529893b4c9051f108b4fa0/html5/thumbnails/8.jpg)
WHY GEOEXT?
3FREE - BSD License
![Page 9: Geospatial web development with GeoEXT](https://reader033.vdocuments.mx/reader033/viewer/2022042814/55529893b4c9051f108b4fa0/html5/thumbnails/9.jpg)
WHY GEOEXT?
4EASY to create complex web mapping applications
![Page 10: Geospatial web development with GeoEXT](https://reader033.vdocuments.mx/reader033/viewer/2022042814/55529893b4c9051f108b4fa0/html5/thumbnails/10.jpg)
the concept
![Page 11: Geospatial web development with GeoEXT](https://reader033.vdocuments.mx/reader033/viewer/2022042814/55529893b4c9051f108b4fa0/html5/thumbnails/11.jpg)
THE CONCEPT
1ExtJS + OpenLayers
UI + MAP
![Page 12: Geospatial web development with GeoEXT](https://reader033.vdocuments.mx/reader033/viewer/2022042814/55529893b4c9051f108b4fa0/html5/thumbnails/12.jpg)
THE CONCEPT
2WRAPS OpenLayers objects in Ext data components
![Page 13: Geospatial web development with GeoEXT](https://reader033.vdocuments.mx/reader033/viewer/2022042814/55529893b4c9051f108b4fa0/html5/thumbnails/13.jpg)
THE CONCEPT
3CONFIGURATION over programming
![Page 14: Geospatial web development with GeoEXT](https://reader033.vdocuments.mx/reader033/viewer/2022042814/55529893b4c9051f108b4fa0/html5/thumbnails/14.jpg)
THE CONCEPT
4Components REUSE
![Page 15: Geospatial web development with GeoEXT](https://reader033.vdocuments.mx/reader033/viewer/2022042814/55529893b4c9051f108b4fa0/html5/thumbnails/15.jpg)
WHEN (who) TOUSE?
![Page 16: Geospatial web development with GeoEXT](https://reader033.vdocuments.mx/reader033/viewer/2022042814/55529893b4c9051f108b4fa0/html5/thumbnails/16.jpg)
WHEN TO USE?
1web GIS applications
![Page 17: Geospatial web development with GeoEXT](https://reader033.vdocuments.mx/reader033/viewer/2022042814/55529893b4c9051f108b4fa0/html5/thumbnails/17.jpg)
WHEN TO USE?
2RICH UI components ( DESKTOP style)
![Page 18: Geospatial web development with GeoEXT](https://reader033.vdocuments.mx/reader033/viewer/2022042814/55529893b4c9051f108b4fa0/html5/thumbnails/18.jpg)
WHEN TO USE?
3Strong use of OGC services
![Page 19: Geospatial web development with GeoEXT](https://reader033.vdocuments.mx/reader033/viewer/2022042814/55529893b4c9051f108b4fa0/html5/thumbnails/19.jpg)
WHO TO USE?
4BEGINNERS confused by HTML/CSS
![Page 20: Geospatial web development with GeoEXT](https://reader033.vdocuments.mx/reader033/viewer/2022042814/55529893b4c9051f108b4fa0/html5/thumbnails/20.jpg)
an exampleCreating a map
![Page 21: Geospatial web development with GeoEXT](https://reader033.vdocuments.mx/reader033/viewer/2022042814/55529893b4c9051f108b4fa0/html5/thumbnails/21.jpg)
Learning resources
![Page 22: Geospatial web development with GeoEXT](https://reader033.vdocuments.mx/reader033/viewer/2022042814/55529893b4c9051f108b4fa0/html5/thumbnails/22.jpg)
LEARNING RESOURCES
1Learn by EXAMPLE
GeoExt examples
ExtJS examples
OpenLayers examples
![Page 24: Geospatial web development with GeoEXT](https://reader033.vdocuments.mx/reader033/viewer/2022042814/55529893b4c9051f108b4fa0/html5/thumbnails/24.jpg)
LEARNING RESOURCES
3API reference
GeoExt API reference
ExtJS 3.4 API reference
OpenLayers API reference
![Page 25: Geospatial web development with GeoEXT](https://reader033.vdocuments.mx/reader033/viewer/2022042814/55529893b4c9051f108b4fa0/html5/thumbnails/25.jpg)
LEARNING RESOURCES
4Join the COMMUNITY
GeoExt users list
GeoExt developers list
![Page 26: Geospatial web development with GeoEXT](https://reader033.vdocuments.mx/reader033/viewer/2022042814/55529893b4c9051f108b4fa0/html5/thumbnails/26.jpg)
geoext labCreating a WMS Viewer
![Page 27: Geospatial web development with GeoEXT](https://reader033.vdocuments.mx/reader033/viewer/2022042814/55529893b4c9051f108b4fa0/html5/thumbnails/27.jpg)
GEOEXT LAB
1The MAP Panel
![Page 28: Geospatial web development with GeoEXT](https://reader033.vdocuments.mx/reader033/viewer/2022042814/55529893b4c9051f108b4fa0/html5/thumbnails/28.jpg)
GEOEXT LAB
2The LAYER tree
![Page 29: Geospatial web development with GeoEXT](https://reader033.vdocuments.mx/reader033/viewer/2022042814/55529893b4c9051f108b4fa0/html5/thumbnails/29.jpg)
GEOEXT LAB
3The LEGEND panel
![Page 30: Geospatial web development with GeoEXT](https://reader033.vdocuments.mx/reader033/viewer/2022042814/55529893b4c9051f108b4fa0/html5/thumbnails/30.jpg)
GEOEXT LAB
4STORES
Layer store WMSCapabilities storeWFSCapabilities store
Feature store
![Page 31: Geospatial web development with GeoEXT](https://reader033.vdocuments.mx/reader033/viewer/2022042814/55529893b4c9051f108b4fa0/html5/thumbnails/31.jpg)
GEOEXT LAB
5... and MORE
Opacity slider, popup, printing, feature renderers, stylereader, toolbars, actions, ...