GWT - google Web Toolkit

Präsentation zum Thema: "GWT - google Web Toolkit"—  Präsentation transkript:

1 GWT - google Web Toolkit
Manuela Hofer Lucia Fiedler Erstellt von: Manuela Hofer, Lucia Fiedler

2 Inhalt - Überblick Einführung GWT Hauptkomponenten Host- und Web-Modus
Kommunikation mit Server Projektstruktur Beispiel in Eclipse Testen und Features Zusammenfassung (Vorteile/Nachteile) Erstellt von: Vorname Nachname tt.mm.jjjj

3 Einführung GWT Framework für Webanwendungen
Für komplexe und iterative Anwendungen 2006 von Google als Apache License 2.0 herausgebracht -> aktuell Version 2.5 Ähnliches Handling wie Swing-Klassen Code für Menschen leichter verständlich Folgende Entwicklungsumgebungen werden unterstützt: Eclipse, NetBeans, IntelliJ, IDEA Erstellt von: Vorname Nachname tt.mm.jjjj

4 3 Hauptkomponenten Compiler (Java zu Javascript) Entwicklung von Client und Server kann auf Basis von Java realisiert werden JRE Emulation Library (Java-API) Versionen von GWT und JSE beachten Ui Library (GWT-API) Erstellt von: Vorname Nachname tt.mm.jjjj

5 Funktionsweise des GWT-Compilers
Compiler erzeugt aus Java-Code eine Javascript-Datei für jeden Browser-Typ Auswahl der richtigen Datei mittels Bootstrap-Skript (abhängig von Ort und Browser) Code-Optimierung (Stile: obfuscate, pretty, detailed) Erstellt von: Vorname Nachname tt.mm.jjjj

6 Hosted- Modus Web-Modus Zum entwickeln und testen Java-Bytecode
Browser-Plugin notwendig Warnungen werden in einem Steurerfenster ausgegeben Langsamere Ausführung Für Endprodukt Javascript-Dateien Beim Client kein Browser-Plugin notwendig Finale Darstellung Schnellere Ausführungsgeschwindigkeit Erstellt von: Vorname Nachname tt.mm.jjjj

7 Kommunikation mit Server
Remote Procedure Call - Client ruft serverseitige Methoden auf - basiert auf Servlet-Technologie und HTTP-Protokoll - Übertragung von Zeichenketten -> Serialisierung - asynchrone Kommunikation mittels XMLHttpRequest (=JavaScript-Objekt) Erstellt von: Vorname Nachname tt.mm.jjjj

8 Pojektstruktur MyApp Src Paketname Client MyEntryPoint.java Server
MyApp.gwt.xml War WEB-INF Web.xml Mystyle.css My_host_page.html Erstellt von: Vorname Nachname tt.mm.jjjj

9 Beispiel Installation von Plugin via Eclipse Marketplace
Mittels Eclipse-Plugin einfach zu erstellen – gute Benutzerführung New / Google / Web Application Project HelloWorld… Erstellt von: Vorname Nachname tt.mm.jjjj

10 Module-Descriptor und EntryPoint-Klasse
Erstellt von: Vorname Nachname tt.mm.jjjj

11 Web.xml Erstellt von: Vorname Nachname tt.mm.jjjj

12 Host-Page Erstellt von: Vorname Nachname tt.mm.jjjj

13 Testen Mittels Junit Server- und clientseitige Tests möglich
Basisklasse GWTTestCase Mittels Tool ‚junitCreator‘ Anfangstestszenario generieren Vorteil: einheitliches Testtool für gesamte Anwendung – auch Oberfläche möglich Erstellt von: Vorname Nachname tt.mm.jjjj

14 Weitere Features Eigener XML-Parser integriert – basiert auf DOM, als Objektbaum aufbereitet Browser-History: bei Web-Anwendungen oft problematisch, GWT bietet Lösung: Verlauftokens in Quellcode einbauen, mittels Event-Handler aufrufen JavaScript Native Interface (JSNI): Aufruf von JavaScripts in native Javacode möglich, in GWT enthalten Erstellt von: Vorname Nachname tt.mm.jjjj

15 Vorteile von GWT Fokussierung auf Java -> Client und Server können in selber Programmiersprache erstellt werden -> leichtere Wartung -> Dokumentation über Java leichter -> bessere Typsicherheit -> erkennen von Fehlern noch vor Compilierung, statt erst zur Laufzeit -> Tests automatisieren Java-Installation beim Endkunden nicht notwendig Erstellt von: Vorname Nachname tt.mm.jjjj

16 Vorteile von GWT Browserunabhängigkeit (JS-Dateien für alle Browsertypen) JS-Dateien werden optimiert Server wird entlastet (GUI-Logik auf Client ausgelagert) Request Factory z.B. Asynchonität OpenSource -> ständige Weiterentwicklung Erstellt von: Vorname Nachname tt.mm.jjjj

17 Nachteile von GWT JavaScript Files wachsen sehr schnell (Abhilfe mit Codesplitting) Sicherheitsproblem spärliche Dokumentation lange Compile-Zeiten nur für Java-Entwickler geeignet GWT-Klassen selbst sind nicht OpenSource Google behält sich vor die OpenSource von GWT aufzuheben Integration in bestehende Infrastruktur aufwendig Für Ausführung ist Installation von Browser-Plugin notwendig Erstellt von: Vorname Nachname tt.mm.jjjj

18 Quellen Erstellt von: Vorname Nachname tt.mm.jjjj