Enterprise-IT-Praktikum Einheitliche GUIs Institut für Telematik Universität zu Lübeck...

Enterprise-IT-PraktikumEinheitliche GUIs

Institut für TelematikUniversität zu Lübeck

Wintersmester 2012/13Dennis BoldtDavid Gregorczyk

Institut für Telematik | Enterprise-IT-Praktikum

Enterprise-IT-Praktikum – JAX-RS-Einführung 2

Immer diese Benutzerschnittstellen• HTML ist nur bedingt für einheitliche grafische

Benutzungsoberflächen geeignet• Abhilfe schaffen Bibliotheken

– ExtJS– jQueryUI– Bootstrap– Dojo Toolkit– Eclipse Rich Ajax Platform (RAP)– qooxdoo– jsLinb– …



ExtJS• Proprietäres Web-App-Development-Toolkit:

http://dev.sencha.com/deploy/ext-4.1.0-gpl/examples/• Oberflächenbau nach MVC-Prinzip, ähnlich wie Java

Swing • Data-Binding über Rest-Schnittstelle• Umfangreiche Objektauswahl (auch Tree-View,

Layouting)• Steile Lernkurve• Lizenzgebühren (außer bei nichtkommerziellen Projekten)• Sehr aufwändig ohne GUI-Editor zu handhaben• GUI-Builder (nur als Trial verfügbar)

für das Praktikum vermutlich Overkill



jQuery UI• Widget-Bibliothek basierend auf jQuery

http://jqueryui.com/demos/• Leichter zu handhaben als ExtJS, dafür auch

weniger Möglichkeiten (keine Tree-Views, kein Layouting)

• Kein Data-Binding



Bootstrap• Basis für die Twitter-Oberfläche

http://twitter.github.com/bootstrap/getting-started.html#examples

• Nutzt jQuery• Sehr einfach zu handhaben• Layouting inklusive• Keine Tree-Views• Kein Data-Binding



Der Rest (1/2)• Dojo Toolkit: ähnlich mächtig wie ExtJS

– MVC, Data-Binding, Layouting, Tree-Views– Kommerziell nutzbar (BSD-Lizenz)

• RAP: ähnlich mächtig wie ExtJS– Oberflächenentwicklung in Java SWT als OSGi-

Bundle– Lauffähig in Servlet-Container– MVC, Layouting, Tree-Views– Mit wenig Mehraufwand auch Übersetzung für

Desktopoberfläche möglich– Data-Binding z. B. über JFace



Der Rest (2/2)• qooxdoo: Open-Source-Projekt von 1&1/GMX

– „Yet another Web-App-Framework“– Ähnlich wie Dojo & ExtJS, aber nicht ganz so fancy

• jsLinb: Web-App-Framework mit GUI-Builder– Kompatibel mit jQuery, Prototype, etc.– Proprietär, kostenpflichtige Lizenzen



Links• ExtJS: http://www.extjs.com/• jQueryUI: http://jqueryui.com/• Boostrap: http://twitter.github.com/bootstrap/• Dojo Toolkit: http://dojotoolkit.org/• RAP: http://www.eclipse.org/rap/• qooxdoo: http://qooxdoo.org• jsLinb: http://www.linb.net/

http://www.extjs.com/

http://jqueryui.com/

http://twitter.github.com/bootstrap/

Enterprise-IT-Praktikum Einheitliche GUIs Institut für Telematik Universität zu Lübeck...

Documents

Transcript of Enterprise-IT-Praktikum Einheitliche GUIs Institut für Telematik Universität zu Lübeck...