Enterprise-IT-Praktikum Einheitliche GUIs Institut für Telematik Universität zu Lübeck Wintersmester 2012/13 Dennis Boldt David Gregorczyk.

Präsentation zum Thema: "Enterprise-IT-Praktikum Einheitliche GUIs Institut für Telematik Universität zu Lübeck Wintersmester 2012/13 Dennis Boldt David Gregorczyk."—  Präsentation transkript:

1 Enterprise-IT-Praktikum Einheitliche GUIs Institut für Telematik Universität zu Lübeck Wintersmester 2012/13 Dennis Boldt David Gregorczyk

2 Institut für Telematik | Enterprise-IT-Praktikum Enterprise-IT-Praktikum – JAX-RS-Einführung2 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 –…

3 Institut für Telematik | Enterprise-IT-Praktikum Enterprise-IT-Praktikum – JAX-RS-Einführung3 ExtJS Proprietäres Web-App-Development-Toolkit: http://dev.sencha.com/deploy/ext-4.1.0-gpl/examples/ 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

4 Institut für Telematik | Enterprise-IT-Praktikum Enterprise-IT-Praktikum – JAX-RS-Einführung4 jQuery UI Widget-Bibliothek basierend auf jQuery http://jqueryui.com/demos/ http://jqueryui.com/demos/ Leichter zu handhaben als ExtJS, dafür auch weniger Möglichkeiten (keine Tree-Views, kein Layouting) Kein Data-Binding

5 Institut für Telematik | Enterprise-IT-Praktikum Enterprise-IT-Praktikum – JAX-RS-Einführung5 Bootstrap Basis für die Twitter-Oberfläche http://twitter.github.com/bootstrap/getting- started.html#examples http://twitter.github.com/bootstrap/getting- started.html#examples Nutzt jQuery Sehr einfach zu handhaben Layouting inklusive Keine Tree-Views Kein Data-Binding

6 Institut für Telematik | Enterprise-IT-Praktikum Enterprise-IT-Praktikum – JAX-RS-Einführung6 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

7 Institut für Telematik | Enterprise-IT-Praktikum Enterprise-IT-Praktikum – JAX-RS-Einführung7 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

8 Institut für Telematik | Enterprise-IT-Praktikum Enterprise-IT-Praktikum – JAX-RS-Einführung8 Links ExtJS: http://www.extjs.com/http://www.extjs.com/ jQueryUI: http://jqueryui.com/http://jqueryui.com/ Boostrap: http://twitter.github.com/bootstrap/http://twitter.github.com/bootstrap/ Dojo Toolkit: http://dojotoolkit.org/http://dojotoolkit.org/ RAP: http://www.eclipse.org/rap/http://www.eclipse.org/rap/ qooxdoo: http://qooxdoo.orghttp://qooxdoo.org jsLinb: http://www.linb.net/http://www.linb.net/