Komponenten der Benutzeroberfläche: Geoportal-Webanwendung
Die Benutzeroberfläche des Geoportals nutzt das JSF-Framework (JavaServer Faces). Anforderungen von Webseiten werden von Faces verarbeitet und zur Ausführung an den jeweiligen Geoportal-Controller geleitet. Nach der Ausführung navigiert Faces zwecks Übergabe der Antwort zur entsprechenden Seite. Controller und Navigationsregeln werden in \\geoportal\WEB-INF\gpt-faces-config.xml konfiguriert.
Das Layout der Webseiten richtet sich nach dem Apache Struts Tiles-Framework. Tiles bestimmen die Seitenvorlage und ermöglichen einheitliche Seiten. Die Tile-Definitionen werden in \\geoportal\WEB-INF\tiles-defs.xml konfiguriert und in \\geoportal\catalog\skins\centeredLayout.jsp implementiert. Weitere Informationen über das Tile-Framework erhalten Sie unter Layout und Tiles des Geoportals.
Der Webseitenstil (Farben, Schriftart usw.) richtet sich nach einem Cascading Style Sheet (CSS) und einer zugehörigen Gruppe von Grafiken (standardmäßig: \\geoportal\catalog\skins\red\main.css and \\geoportal\catalog\skins\red\images).
Die primären Komponenten der Benutzeroberfläche, die sich auf Funktionsweise, Aussehen und den anpassbaren Inhalt der Geoportal-Webanwendung beziehen, sind in der Abbildung unten dargestellt.
Die Zeichenfolgen aus der Benutzeroberfläche können lokalisiert werden. Sämtliche Zeichenfolgen (mit Ausnahme von Fehlermeldungen in Kleinschrift und von Benutzern bereitgestellte Inhalte) stammen aus einem Java-Ressourcenpaket. Das Paket kann in andere Sprachen übersetzt und wie folgt benannt werden: \\geoportal\WEB-INF\classes\Geoportall_[Sprachencode]_[Ländercode]_[Variante].properties. Weitere Informationen zur Lokalisierung des Geoportals finden Sie in der Webhilfe im Abschnitt zur Anpassung unter Lokalisierung.
Zur clientseitigen Programmierung (z. B. browserseitig) verwendet die Website JavaScript. Bei komplexeren Interaktionen (z. B. AJAX-Aufrufen) wird das Dojo-Toolkit (ein JavaScript-Framework) verwendet . Zur Implementierung GIS-bezogener Funktionen auf einer Geoportal-Seite verwendet die Website die ArcGIS JavaScript API. Einige Beispiele dazu sind die Anzeige interaktiver Karten, die Interaktion mit geografischen Locator-Diensten, die Interaktion mit dem Geoportal-Dienst zum Herunterladen von Daten sowie die Projektion geografischer Grundelemente.
Layout und Tiles der Geoportal-Webanwendung
Die Geoportal-Benutzeroberfläche wird mithilfe von Apache Tiles erstellt. Apache Tiles ist ein Vorlagen-Framework zur Entwicklung von Benutzeroberflächen in Webanwendungen. Autoren können die Seite einer Webanwendung in Fragmente unterteilen. Diese bilden bei Ausführung dann die Seite. Weitere Informationen erhalten Sie unter http://tiles.apache.org.
Die Tiles werden zu einem Layout zusammengestellt. Die meisten Seiten der Geoportal-Benutzeroberfläche werden mithilfe des zentrierten Layouts erstellt. Dieses Layout ist in der Datei \\geoportal\catalog\skins\centeredLayout.jsp definiert. Zwei andere Layouts sind in einer sofort einsetzbaren Geoportal-Installation definiert: ein minimal zentriertes Layout und ein Pop-up-Layout. Diese werden auf bestimmten Webseiten verwendet, wenn vollständiges Layout und Navigation nicht erforderlich sind.
Die Tiles, aus denen die einzelnen Layouts bestehen, sind in der Datei \\geoportal\WEB-INF\tiles-defs.xml definiert.
Die Abbildung unten zeigt die Struktur des zentrierten Layouts und den Aufbau der darin befindlichen Tiles. Die Abschnitte vom Typ "Head" und "Body" beziehen sich auf standardmäßige HTML-Tags vom Typ "Head" und "Body", die Abschnitte vom Typ "div" beziehen sich auf standardmäßige HTML-Tags vom Typ "div", und die grünen Kästchen (meistens ganz rechts) stellen ein Tile dar. 
- Head: Dient zum Import globaler JavaScript-Bibliotheken und zur Festlegung der HTML-Meta-Tags.
- Banner: Bietet Platz für das Bannerbild sowie die Links der tertiären Navigation.
- Tertiäre Navigation: Bietet Platz für die gesamte benutzerbezogene Navigation. Dazu gehören Links für:
- Anmeldung/Abmeldung
- Registrieren/Mein Profil
- Hilfe
- Informationen
- Feedback
- Primäre Navigation: Bietet Platz für die wichtigsten Navigationsregisterkarten der einzelnen Abschnitte im Geoportal. Dazu gehören:
- Startseite
- Suchen
- Durchsuchen
- Verwaltung (für Administratoren)
- Map Viewer starten (bei Implementierung des optionalen Map Viewers)
- Sekundäre Navigation: Bietet Platz für die Links, die auf Unterfunktionen in einem Hauptabschnitt verweisen. Beispiele:
- Auf der Registerkarte "Verwaltung" die Optionen "Verwalten" und "Hinzufügen"
- Body: Enthält den Hauptinhalt der einzelnen Seiten.
- Fußzeile: In der Regel ein Platzhalter für Links zu Haftungsausschlüssen, Datenschutzerklärungen oder anderen Informationen, die auf allen Seiten der Webanwendung angezeigt werden müssen.