enterprise-it-praktikum einheitliche guis institut für telematik universität zu lübeck...
TRANSCRIPT
![Page 1: Enterprise-IT-Praktikum Einheitliche GUIs Institut für Telematik Universität zu Lübeck Wintersmester 2012/13 Dennis Boldt David Gregorczyk](https://reader031.vdocuments.net/reader031/viewer/2022032007/570491c71a28ab14218dbc9b/html5/thumbnails/1.jpg)
Enterprise-IT-PraktikumEinheitliche GUIs
Institut für TelematikUniversität zu Lübeck
Wintersmester 2012/13Dennis BoldtDavid Gregorczyk
![Page 2: Enterprise-IT-Praktikum Einheitliche GUIs Institut für Telematik Universität zu Lübeck Wintersmester 2012/13 Dennis Boldt David Gregorczyk](https://reader031.vdocuments.net/reader031/viewer/2022032007/570491c71a28ab14218dbc9b/html5/thumbnails/2.jpg)
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– …
![Page 3: Enterprise-IT-Praktikum Einheitliche GUIs Institut für Telematik Universität zu Lübeck Wintersmester 2012/13 Dennis Boldt David Gregorczyk](https://reader031.vdocuments.net/reader031/viewer/2022032007/570491c71a28ab14218dbc9b/html5/thumbnails/3.jpg)
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
![Page 4: Enterprise-IT-Praktikum Einheitliche GUIs Institut für Telematik Universität zu Lübeck Wintersmester 2012/13 Dennis Boldt David Gregorczyk](https://reader031.vdocuments.net/reader031/viewer/2022032007/570491c71a28ab14218dbc9b/html5/thumbnails/4.jpg)
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
![Page 5: Enterprise-IT-Praktikum Einheitliche GUIs Institut für Telematik Universität zu Lübeck Wintersmester 2012/13 Dennis Boldt David Gregorczyk](https://reader031.vdocuments.net/reader031/viewer/2022032007/570491c71a28ab14218dbc9b/html5/thumbnails/5.jpg)
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
![Page 6: Enterprise-IT-Praktikum Einheitliche GUIs Institut für Telematik Universität zu Lübeck Wintersmester 2012/13 Dennis Boldt David Gregorczyk](https://reader031.vdocuments.net/reader031/viewer/2022032007/570491c71a28ab14218dbc9b/html5/thumbnails/6.jpg)
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
![Page 7: Enterprise-IT-Praktikum Einheitliche GUIs Institut für Telematik Universität zu Lübeck Wintersmester 2012/13 Dennis Boldt David Gregorczyk](https://reader031.vdocuments.net/reader031/viewer/2022032007/570491c71a28ab14218dbc9b/html5/thumbnails/7.jpg)
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
![Page 8: Enterprise-IT-Praktikum Einheitliche GUIs Institut für Telematik Universität zu Lübeck Wintersmester 2012/13 Dennis Boldt David Gregorczyk](https://reader031.vdocuments.net/reader031/viewer/2022032007/570491c71a28ab14218dbc9b/html5/thumbnails/8.jpg)
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/