JBoss Katalogportlet

Portale werden mit Themes und Skins benutzerfreundlich gestaltet und konform eines Corporate Designs erstellt. Die Benutzerfreundlichkeit von Portlets wird durch AJAX Funktionalitäten erhöht. Die gängigen AJAX-Frameworks beinhalten neben den Basisfunktionalitäten wie beispielsweise AJAX-Remoting zum Reduzieren von Server Roundtrips auch Widgets und weiterführende Benutzerschnittstellenkomponenten für die Eingabe von Daten in eine Portletanwendung.

Portlets können in unterschiedlichen Modi betrieben werden. Jedes Portlet implementiert den Anzeigemodus, der für die Anzeige von Portalinhalten zuständig ist. Der Editiermodus hingegen dient zur Personalisierung eines Portlets und zur Eingabe von Daten, die in der Regel zur Initialisierung und Steuerung des Anzeigemodus angewendet werden. In der vorliegenden Projektpräsentation wird ein Katalog-Portlet vorgestellt, das den Anzeige- und Editiermodus implementiert und einen Texteditor als AJAX-Komponente für die Eingabe von formatiertem Text verwendet.

Benutzerschnittstelle

Dieser Abschnitt erläutert die Portalseite und die Benutzerschnittstelle des Katalog-Portlets. Das Katalog-Portlet beinhaltet eine Kategorieauswahl, eine Listenanzeige der Produkte einer Kategorie und eine Produktdetailansicht. Das Katalog-Portlet ist im JBoss Portal in eine Portalseite mit dem Namen „Katalog„ eingebettet. Das Portal ist derart konfiguriert, dass nur die Katalogseite im Portal angezeigt wird. Andere Portalseiten und Portlets des JBoss Portals sind in der vorliegenden Konfiguration deaktiviert. Das Portlet ist in der Katalogseite linksbündig angeordnet worden. Die Region in der CSS-Datei des Portals für die Anzeige des Katalog-Portlets wurde bezüglich der Portletanzeige erweitert.















In der Katalogdetailseite werden die Detailinformationen eines Katalogeintrages angezeigt. Der Benutzer wählt zunächst eine Kategorie aus und anschließend in der Liste der Katalogeinträge ein Produkt. Um die Detailinformationen anzuzeigen selektiert der Benutzer in der Liste der Produkte das Lupensymbol.
 







Nach der Selektion des Lupensymbols wird die Detailansicht zu dem Katalogeintrag aufgeschaltet.

Detailansicht des Katalogportlets
In der Katalogdetailansicht sind die Produktinformationen des Katalogeintrages sichtbar. Durch Betätigung der Schaltfläche „Zurück zur Produktliste“ navigiert der Benutzer zurück zur Listenansicht.

Die nachfolgende Katalogeditierseite gestattet es einem Benutzer einen Katalogeintrag zu verändern bzw. neu anzulegen. Die Editierfunktionalität ist nur autorisierten Benutzern zugänglich, sodass der Benutzer sich zuvor mit entsprechender Berechtigung am Portal angemeldet haben muss. Nach Anmeldung eines Benutzers wird oberhalb der Listenansicht der selektierbare „Edit-Link“ angezeigt.









Nach Selektion des „Edit-Links“ durch den Benutzer wird in die Liste der Editieransicht gewechselt. Der Editiermodus kann von einem Benutzer durch Selektion des „Cancel-Links“ beendet werden. Selektiert









Selektiert der Benutzer in der Liste der Katalogeinträge das Symbol für die Editieransicht, verzweigt der Benutzer zur Editieransicht des Katalogeintrages mit der Möglichkeit die entsprechenden Produktdaten zu aktualisieren. In der Editieransicht können die Artikelnummer, der Produktname, der Produkthersteller, der Produktpreis und die Produktbeschreibung editiert werden. Das Beschreibungsfeld der Produktinformationen beinhaltet ein Textfeld, mit dem formatierte Texte eingegeben werden können. Die Konfiguration des Textfeldes ist um weitere Formateigenschaften ergänzbar.

In der vorliegenden Konfiguration werden folgende Formateigenschaften unterstützt:
  • Fettschrift
  • kursive Schrift
  • unterstrichene Schrift
  • Aufzählungslisten
  • Font und Schriftfarbe
  • Copy, Cut und Paste
Editieransicht des Katalogportlets
Nach dem Editieren der Produktinformationen wird durch Wahl der Schaltfläche „Produkt aktualisieren“ der Produkteintrag aktualisiert. Durch Wahl der Schaltfläche „Produkt neu anlegen“ hingegen wird ein neuer Produkteintrag in den Katalog eingefügt.

Systemarchitektur

Die Basis für das Katalog-Portlet ist Java EE 5. Das Backend des Portlets setzt sich aus EJB 3.0 Komponenten zusammen. Dabei ist der Sprachschatz von Java 5 und Annotations für die Implementierung der Komponenten angewandt worden. Gängige Java EE Patterns wurden bei der Entwicklung umgesetzt bzw. sind bereits durch die Wahl des Programmiermodells vorgegeben. Im Frontend des Katalog-Portlets wird JSF in der Referenzimplementierung sowie eine JSF-Portletbridge eingesetzt. Die erweiterten Formatierungsmöglichkeiten im Textfeld eines Katalogeintrages werden mit einer AJAX-Komponente abgebildet.

Systemarchitektur des Katalogportlets
Java EE 5 Funktionalitäten, wie beispielsweise Annotations, Generics und Autoboxing sowie Funktionalitäten, wie Dependency Injection in den EJBs sind ein Teil der Portletimplementierung. Bezogen auf den EJB Layer werden Stateless Session Beans (Facaden) und Entity Beans (Domain Modell) eingesetzt.