30. DISSECTING THE APPLICATION
1. Directorystructure
2. Dependencymanagement
3. The Viewer
1. portalItems: UI -ExtJS
2. tools: GXP plugins and widgets
3. sources: Map servers
4. map: OpenLayers
4. The app Object
1. The OpenLayers Map
2. Tools, sources, ...
31. DEVELOPMENT LIFE-CYCLE
1. Create (justonce per webapp)
2. Startdebug
3. Open abrowser (http://localhost:port)
4. Open "devtools"of your browser
5. Code-> Refreshbrowser
6. Add dependency-> Stopdebug (Ctrl + C)
7. Start debug
8. Refreshbrowser
9. GO to5
10. If your_app_is_broken then GO to 4
32. EXERCICES
1. Add an eastand south panels
2. Add anorth panelwith abackground image
3. Change the width of the LayerTree panel
4. Add the slide propertyto the LayerTree panel
5. Add abottom toolbar to the LayerTree
6. Move the RemoveLayer plugin to the bottom toolbar
7. Add groups to the layer tree
8. Move layers to differentgroups
9. Center the map in Girona
33. CUSTOMIZING THE APPLICATION
1. Addingan " "dialog
Add another source to the Viewer
Addinga" "tool
Addinga" "tool
Changingthe in Geoserver
Addinga" "tool
Addinga" " tool
Addinga" "
Changingthe
Changingthe
Add anew server...
Zoom to layer extent
WMS GetFeatureInfo
template
Legend
Google geocode search
Google base layer
projection
locale
34. EXERCICES
1. Add alayer from MapBox
2. Add aMeasure tool
3. Add aYouTube layer
4. Add aPicasalayer
5. Remove the PanPaneland the Zoom
6. Add aSelectFeature control
7. Add a
You can still write standard OpenLayers code to add more
functionality buttry to use GXPas much as possible
GeoRSS Layer
36. USE CASES
Create aweb GIS application for you to editalayer of points ( you
can use any existing layer on Geoserver or publish your own )
Create another web GIS application for your users to justview
thatlayer of points, showingthem justthe map, navigation tools
and atoolto getinformation byclickinganypoint.
Checkthatwhenever you add anew pointin your webapp, your users
can see the changes