enterprise-it-praktikum einheitliche guis institut für telematik universität zu lübeck...
TRANSCRIPT
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– …
Institut für Telematik | Enterprise-IT-Praktikum
Enterprise-IT-Praktikum – JAX-RS-Einführung 3
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
Institut für Telematik | Enterprise-IT-Praktikum
Enterprise-IT-Praktikum – JAX-RS-Einführung 4
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
Institut für Telematik | Enterprise-IT-Praktikum
Enterprise-IT-Praktikum – JAX-RS-Einführung 5
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
Institut für Telematik | Enterprise-IT-Praktikum
Enterprise-IT-Praktikum – JAX-RS-Einführung 6
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
Institut für Telematik | Enterprise-IT-Praktikum
Enterprise-IT-Praktikum – JAX-RS-Einführung 7
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
Institut für Telematik | Enterprise-IT-Praktikum
Enterprise-IT-Praktikum – JAX-RS-Einführung 8
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/