Nun ist es so, dass diese YUI Lib eine JavaScript Bibliothek ist und somit eigentlich mit jedem beliebigem Web-Framework verwendet werden könnte. Aber eine passgerechte Unterstützung eines Frameworks ist natürlich sehr von Vorteil. Gerade für die JSF Welt mit Komponenten ist eine solche Unterstützung sehr angenehm, vor allem wenn man sich bei dem Erstellen einer Seite nicht mehr notwendigerweise mit JavaScript beschäftigen muss. Die JBoss RichFaces haben ein solches Vorgehen schon eindrucksvoll bewiesen und nun ist eine solche Unterstützung auch für die Yahoo! User Interface Library zu haben: YUI4JSF.

Der große Vorteil einer solchen JavaScript Bibliotheksunterstützung in JSF ist die einfache Benutzung von Komponenten anstatt der manuellen Einbindung von JavaScript in JSF Seiten mit allen möglichen Seiteneffekten. Diese Einfachheit soll kurz an dem Beispiel des YUI Color Picker Control gezeigt werden.
Natürlich muss die YUI4JSF Lib JSF erst einmal bekannt gemacht werden, aber dies ist mit ein paar wenigen Zeilen Konfiguration erledigt wie im Getting Started zu lesen ist.

Anschließend reicht folgender JSF Source Code um die Color Picker Komponente einzubinden:

<yui:chooseColor value="#{chooseColorBean.color}">
  <f:converter converterId="net.sf.yui4jsf.converter.ColorConverter"/>
</yui:chooseColor>
<h:commandButton value="Submit" />
<br/>

<h:outputText value="Selected Color in (R, G, B) format : " />
<h:outputText value="#{chooseColorBean.color}">
  <f:converter converterId="net.sf.yui4jsf.converter.ColorConverter"/>
</h:outputText>

Als Ergebnis der 9 Zeilen kommt folgendes heraus:

Sobald der Button Submit gedrückt und somit das Formular submittet ist, wird in der chooseColorBean im Attribut color die in der Color Picker selektierte Farbe gehalten. Der entsprechende Converter wird auch gleich mitgeliefert um die Ein- bzw. Ausgabe des selektierten Wertes zu vereinfachen.

Das Color Picker Beispiel sowie viele andere Beispiele kann sich auch live auf der Demoseite angesehen werden.

Das Projekt ist auf SourceForge gehostet und kann auch darüber heruntergeladen werden.
Ein wirklich interessantes und vielversprechendes Projekt und ich bin gespannt ob man diese Bibliothek mal irgendwo auf einer Seite in Verwendung sieht.

Dieses Beispiel, und natürlich auch die anderen, zeigt schön auf wie sehr man mit JSF die Einfachheit in der Entwicklung durch Komponenten erreichen kann. Man kommt mittlerweile sogar in großen Maße ohne das direkte Anfassen von JavaScript aus. Diese Vorgehensweise wird noch viel mehr durch die JSF Bibliothek und Framework JBoss RichFaces, vormals Ajax4Jsf, hervorgehoben. Mit dieser ist es sogar möglich herkömmliche JSF Komponenten zu “Ajaxifizieren” ohne auch nur eine Zeile JavaScript zu schreiben. Auch JavaScript Funktionen können durch JSF Komponenten dynamisch erstellt werden, aber dazu ein andermal mehr. =)

Vor allem die Unterstützung für Facelets und von JBoss RichFaces (sogar mit visuellem Editor) macht die Entwicklung mit diesen Frameworks deutlich einfacher. Aber auch JBoss Seam und Hibernate werden sehr gut untersützt. Was das Developer Studio sonst noch so kann wurde in einem Datasheet zusammengetragen (pdf).

Der einzige Nachteil dieser Veröffentlichung ist, dass das Studio jetzt 99$ kostet und somit nicht mehr kostenlos verfügbar ist. Der Vorteil dieser käuflichen Version ist, dass das Studio komplett gepackt mit Eclipse 3.3 Europa und WTP 2.0 fertig zusammengestellt und vorkonfiguriert daher kommt.

Aber an diesem Punkt kommen die JBoss Tools in den Vordergrund, denn diese sind nach wie vor kostenlos zu haben. Die Hauptfeatures der JBoss Tools sind:

* First-class support for JBoss Seam 1.2 and 2.0
* Visual Page editor for rich editing of (X)HTML, JSP, JSF and Facelets pages
* Unique JSF and Facelets support
* JBoss AS server integration
* Project Archives
* Hibernate 3 Support
* JBPM support

Der Unterschied zwischen den Tools und dem Studio ist im kurzen, dass die Tools die einzelnen Eclipse Plugins selbst sind und diese im Developer Studio schon vorkonfiguriert in Eclipse eingebunden sind. Somit kann man mit den JBoss Tools auch völlig kostenlos an den Genuss dieser Features kommen und muss dazu lediglich Eclipse Europa und das WTP Projekt selbst herunterladen. Dieses gibt es aber auch schon vorkonfiguriert zum Download auf der eclipse.org Seite.

Die JBoss Tools lassen sich dann sehr bequem über den Eclipse Update Manager installieren. Dazu einfach die Update URL http://download.jboss.org/jbosstools/updates/stable angeben und die gewünschten JBoos Tools selektiern. Natürlich können diese auch alle einzeln manuell heruntergeladen werden.

Meine Erfahrungen mit den JBoss Tools sind wirklich sehr gut und sie erleichtern das Entwickeln von JSF Applikationen in Eclipse doch sehr. Also für alle die mit Facelets und RichFaces arbeiten sollten es direkt ausprobieren.

Nachgelesen kann das ganze auch noch einmal auf dem Blog von Max Andersen der auch den Eintrag auf TheServerSide erstellt hat.

Ich persönlich setze auf JSF in Verbindung mit Ajax (wie z.B. auch bei OpenWishes.de zu sehen ist, welches komplett mit JSF 1.2 und JBoss RichFaces erstellt wurde) denn damit ist es gut möglich dynamische Web Anwendung auf einer sauberen Architektur zu erstellen.

Aber welches Web Framework ist nun das richtige? Man hat die Wahl zwischen einigen Vertreten wie z.b. Struts 2, JSF oder Spring MVC. Einen kleinen aber guten Überblick bietet da eine Präsentation (Direktlink zum pdf) von Raible Designs welche eine Pro & Contra zwischen den Frameworks Spring MVC, Struts 2, Stripes, JSF, Trapesty und Wicket gibt.

Neben der Auflistung der Vor und Nachteile der einzelnen Frameworks selbst werden sie in den Punkten wird noch weitere Punkte für eine Evaluierung zur Auswahl des für sich richtigen Frameworks eingegangen. Unter anderem sind da die Punkte Ajax Unterstützung, Validierung, Testbarkeit, Internationalisierung oder Community und Support eingegangen.
Gegen Ende kommen noch ein paar Graphen zur Schau um einen möglichen Trend ausfindig zu machen. Und Trends kann man meistens auch an der Anzahl angebotener Stellen aufzeigen und der geht klar in Richtung JSF.

An zweiter Stelle in dieser Grafik ist Spring MVC positioniert. Aber genau die in der Präsentation beschriebenen Nachteile wie “sehr konfigurationsintensiv” in Kombination mit “sehr flexibel” machen dieses Framework sehr komplex und das war auch der Grund warum ich damals wieder davon losgekommen bin.

Insgesamt eine sehr schöne Übersicht mit Hilfestellung zu einer möglichen Framework Selektierung auf Java Basis – es lohnt sich also die Präsentation einmal durchzublättern.

Jetzt kommt noch der Begriff “Service Oriented Frontend Architecture” der natürlich nicht fehlen darf. In der Präsentation übrigens schön abgekürzt durch “SOFEA”. Das ist die persönliche Aussicht des Autors auf die zukünftige Entwicklung. Generell stimme ich dem zu, aber ich glaube bis solche Architekturen (Komplett entkoppeltes Frontend/GUI zur Business Logik verbunden durch Services) sich in Unternehmen durchsetzen bzw. zum Standard von Webanwendungen werden dauert es doch noch ein wenig.

Unter anderem auf der Matrix zu finden ist das Framework ajax4jsf. Dies stellt keine Komponenten bereit, so dass man es leicht einfach ignoriert oder falsch einschätzt. Statt dessen ist ajax4jsf ein relativ mächtiges Framework, welches es ermöglicht Standard Komponenten mit Ajax Funktionalität einfach anzureichern. Das heißt, zum Beispiel auf einem normalen Textfeld bei keyUp ein Ajax Request auslösen, das normale dafür vorgesehene Backing Bean auslesen oder eine Backing Bean Funktion aufrufen und anschließend bestimmte Teile der View zu aktualisieren. Oder ein Formular mit einem Ajax Request zu versenden und dennoch die normalen Validierungsregeln zu verwenden. Das ganze ist mit dem Framework ohne eine Zeile JavaScrip und ohne Mehraufwand im Backend möglich. Jedenfalls ein sehr interessantes und nützliches Framework und es lohnt sich das mal anzuschauen.

Als weitere interessante Ajax Komponenten Bibliothek stellt sich ICE Faces heraus denn sie haben kostenlos eine große Auswahl an Ajax Komponenten (siehe Demo Seite) zu haben, die auch noch Open Source sind. Zumindest scheint es so, als ob sie eine große Bereicherung wären. Leider greifen ICE Faces so in das JSF Geschehen ein, dass bei Verwendung anderer Bibliotheken und Frameworks wie z.b Facelets und MyFaces bzw Tomahawk ein großer Mehraufwand zu tätigen ist um sie ohne Probleme zum laufen zu bekommen. Am Ende ist es gescheitert, weil ICE Faces ihr eigenes JavaScript mitbringt und an jedes JavaScript Objekt die Methoden associateWith und asEnumerator anhängt und so die eigentlich bwz. vom Entwickler eingebundene verwendete JavaScript Bibliothek durcheinander bringt – in diesem Beispiel war das die JavaScript Bibliothek jQuery. Das Problem wurde im ICE Faces Forum beschrieben aber bis heute kam noch keine Antwort. Aus diesem Grund wurde es beim dem Test aufgegeben die ICE Faces in die Umgebung einzubinden. Aber ich schätze, wenn man keine zusätzlichen JavaScript Bibliotheken eingebunden hat dürfte dem Verwenden der ICE Komponenten nichts mehr im Wege stehen.

Also für jeden der mit JSF entwickelt und Ajax Komponenten oder Ajax Funktionalität in seine Anwendung einbauen möchte der kann sich mit der JSF Ajax Matrix einen schönen Überblick der vorhandenen Bibliotheken schaffen.