Web applications using the Google Web Toolkit

Michael von Wenckstern

AutorIn

Michael von Wenckstern

Titel

Web applications using the Google Web Toolkit

Zitierfähige Url:

https://nbn-resolving.org/urn:nbn:de:bsz:105-qucosa-115009

Übersetzter Titel (DE)

Webanwendungen unter Verwendung des Google Web Toolkits

Datum der Einreichung

30.04.2013

Datum der Verteidigung

05.06.2013

Abstract (DE)

Diese Diplomarbeit beschreibt die Erzeugung desktopähnlicher Anwendungen mit dem Google Web Toolkit und die Umwandlung klassischer Java-Programme in diese. Das Google Web Toolkit ist eine Open-Source-Entwicklungsumgebung, die Java-Code in browserunabhängiges als auch in geräteübergreifendes HTML und JavaScript übersetzt. Vorgestellt wird der Großteil des GWT Frameworks inklusive des Java zu JavaScript-Compilers sowie wichtige Sicherheitsaspekte von Internetseiten. Um zu zeigen, dass auch komplizierte graphische Oberflächen mit dem Google Web Toolkit erzeugt werden können, wird das bekannte Brettspiel Agricola mittels Model-View-Presenter Designmuster implementiert. Zur Ermittlung der richtigen Technologie für das nächste Webprojekt findet ein Vergleich zwischen dem Google Web Toolkit und JavaServer Faces statt.

Abstract (EN)

This diploma thesis describes how to create or convert traditional Java programs to desktop-like rich internet applications with the Google Web Toolkit. The Google Web Toolkit is an open source development environment, which translates Java code to browser and device independent HTML and JavaScript. Most of the GWT framework parts, including the Java to JavaScript compiler as well as important security issues of websites will be introduced. The famous Agricola board game will be implemented in the Model-View-Presenter pattern to show that complex user interfaces can be created with the Google Web Toolkit. The Google Web Toolkit framework will be compared with the JavaServer Faces one to find out which toolkit is the right one for the next web project.

Freie Schlagwörter (DE)

GWT, Google Web Toolkit, Entwicklung des World Wide Web, Hypertext Markup Language, Cascading Style Sheets, JavaScript, Hypertext Markup Language Document Object Model, Asynchrones JavaScript und XML, GWT Entwicklungswerkzeug und Compiler, GWT im Einsatz, JSNI, JavaScript Native Interface, Deferred binding und der Bootstrapping Prozess, GWT Compiler Schritte und deren Optimierungen, Java Runtime Environment Emulation, GWT Widgets, Übersicht der GWT Widgets, Ereignisbehandlung in GWT Widgets, Browsers DOM manipulieren mit der GWT DOM Klasse, GWT Designer und Oberflächenoptimierung mit UiBinder, Remote Procedure Calls, Vergleich von Remote Procedure Calls mit Remote Method Invocations, GWTs RPC Service und die serialisierbare Whitelist, Browserverlauf verwalten, Client Bundle, ImageResources im ClientBundle Interface verwenden, CssResources im ClientBundle Interface verwenden, Model-View-Presenter Architektur, Vergleich von MVP und MVC, GWT Model-View-Presenter Pattern Beispiel: Agricola Brettspiel, Erweitern der Agricola Webanwendung mit Tablet-spezifischer Oberfläche, Vorstellen von Aktivitäten im Agricola Model-View-Presenter Pattern um den Browserverlauf zu unterstützen, Vergleich der beiden Webframeworks: GWT und JSF, fast komplett statische Seite mit wenig dynamischen Inhalt, e.g. Newsaktualisierung, Umfrage in beiden Technologien, Erstellen eines Forums in beiden Technologien, Eine Webanwendung schreiben, Ein Geschwindigkeitsspiel schreiben, Tomcat herunterladen, Dynamic Web Application Project mit GWT und Tomcat, HTTPS Verbindung in Tomcat erstellen, Pem Zertifikat erstellen, Pem Zertifikat in ein Schlüsselbundobjekt umwandeln, Tomcats XML Dateien konfigurieren um HTPPS zuverwenden, Datenbankverbindung in Tomcat erstellen, TomcatGWT Benutzer und Datenbankschema erstellen, MySQL-Tabellen erstellen, Tomcats XML Dateien konfigurieren um Datenbankzugriff zu bekommen, PreparedStatements verhindern MySQL Injektionen, Anmeldemechanismus in Tomcat, SafeHtml, SFB799 Datenbank Webanwendung

Freie Schlagwörter (EN)

GWT, Google Web Toolkit, Development of the World Wide Web, Hypertext Markup Language, Cascading Style Sheets, JavaScript, Hypertext Markup Language Document Object Model, Asynchronous JavaScript and XML, GWT toolbox and compiler, GWT in action, JSNI, JavaScript Native Interface, Deferred binding and bootstrapping process, GWT compiler steps and optimizations, Java Runtime Environment Emulation, GWT Widgets, Overview of GWT Widgets, Event handlers in GWT Widgets, Manipulating browser’s DOM with GWT DOM class, GWT Designer and view optimization using UiBinder, Remote Procedure Calls, Comparison of Remote Procedure Calls with Remote Method Invocations, GWT’s RPC service and serializable whitelist, History Management, Client Bundle, Using ImageResources in the ClientBundle interface, Using CssResources in the ClientBundle interface, Model-View-Presenter Architecture, Comparison of MVP and MVC, GWT Model-View-Presenter pattern example: Agricola board game, Extending the Agricola web application with mobile views, Introducing activities in the Agricola Model-View-Presenter pattern enabling browser history, Comparison of the two web frameworks: GWT and JSF, Nearly completely static sites with a little bit of dynamic content, e.g. news update, Doing a survey in both technologies, Creating a forum to show data, Writing a chat application, Writing the speed game Snake, Download Tomcat, Dynamic Web Application Project with GWT and Tomcat, Establish HTTPS connections in Tomcat, Create a pem certificate, Convert pem certificate into a key store object, Configure Tomcat’s XML files to enable HTPPS, Establish a database connection in Tomcat, Create TomcatGWT user and schema, and add the table countries, Configure Tomcat’s XML files to get access to the database connection, PreparedStatements avoid MySQL injections, Login mechanism in Tomcat, SafeHtml, SFB799 Database Web Client, AJAX, AST, Abstract Syntax Tree, CM, Communicating Module, CSS, DOM, Document Object Model, HTML, HTML DOM, JREE, JSF, JavaServer Faces, MVC, Model-View-Controller, MVP, Model-View-Presenter, RIA, Rich Internet Application, RMI, Remote Method Invocation, RPC, Remote Procedure Call, SQL, UML, Unified Modeling Language, ECMAScript, GXT

Klassifikation (DDC)

004

Normschlagwörter (GND)

World Wide Web, Anwendungssystem, Programmierung, Google Web Toolkit, Java Server Faces, Java <Programmiersprache>, JavaScript, HTML, Ajax <Informatik>, Sicherheit, Tomcat <Programm>, Digitales Zertifikat, MySQL

GutachterIn

Prof. Dr.-Ing. habil. Bernd Steinbach
Dr.-Ing. Galina Rudolf

BetreuerIn

Prof. Dr.-Ing. habil. Bernd Steinbach

Den akademischen Grad verleihende / prüfende Institution

Technische Universität Bergakademie Freiberg, Freiberg

URN Qucosa

urn:nbn:de:bsz:105-qucosa-115009

Veröffentlichungsdatum Qucosa

04.06.2013

Dokumenttyp

Diplomarbeit

Sprache des Dokumentes

Englisch

Inhaltsverzeichnis

I Abstract
II Contents
III Acronyms and Glossary
III.I Acronyms 
III.II Glossary 
IV Credits 
1 Introduction 
2 Basics 
2.1 Development of the World Wide Web 
2.2 Hypertext Markup Language 
2.3 Cascading Style Sheets 
2.4 JavaScript 
2.5 Hypertext Markup Language Document Object Model 
2.6 Asynchronous JavaScript and XML 
3 GWT toolbox and compiler 
3.1 GWT in action 
3.2 A short overview of the toolkit 
3.3 GWT compiler and JSNI 
3.3.1 Overview of GWT compiler and JSNI 
3.3.2 Deferred binding and bootstrapping process 
3.3.3 GWT compiler steps and optimizations 
3.4 Java Runtime Environment Emulation 
3.5 Widgets and Panels 
3.5.1 Overview of GWT Widgets 
3.5.2 Event handlers in GWT Widgets 
3.5.3 Manipulating browser’s DOM with GWT DOM class 
3.5.4 GWT Designer and view optimization using UiBinder 
3.6 Remote Procedure Calls 
3.6.1 Comparison of Remote Procedure Calls with Remote Method Invocations 
3.6.2 GWT’s RPC service and serializable whitelist 
3.7 History Management 
3.8 Client Bundle 
3.8.1 Using ImageResources in the ClientBundle interface 
3.8.2 Using CssResources in the ClientBundle interface 
4 Model-View-Presenter Architecture
4.1 Comparison of MVP and MVC 
4.2 GWT Model-View-Presenter pattern example: Agricola board game 
4.3 Extending the Agricola web application with mobile views 
4.4 Introducing activities in the Agricola Model-View-Presenter pattern enabling browser history 
5 Comparison of the two web frameworks: GWT and JSF
5.1 Definitions of comparison fields 
5.2 Comparison in category 1: Nearly completely static sites with a little bit of dynamic content, e.g. news update
5.3 Comparison in category 2: Doing a survey in both technologies
5.4 Comparison in category 3: Creating a forum to show data
5.5 Comparison in category 4: Writing a chat application
5.6 Comparison in category 5: Writing the speed game Snake
5.7 Summary 
6 Security
6.1 Download Tomcat 
6.2 Dynamic Web Application Project with GWT and Tomcat 
6.3 Establish HTTPS connections in Tomcat 
6.3.1 Create a pem certificate 
6.3.2 Convert pem certificate into a key store object 
6.3.3 Configure Tomcat’s XML files to enable HTPPS 
6.4 Establish a database connection in Tomcat 
6.4.1 Create TomcatGWT user and schema, and add the table countries 
6.4.2 Configure Tomcat’s XML files to get access to the database connection 
6.4.3 PreparedStatements avoid MySQL injections 
6.5 Login mechanism in Tomcat 
6.6 SafeHtml 
7 Presenting a complex software application written in GWT
8 Conclusions 
8.1 Summary 
8.2 Future work 
A Appendix 
A 1 Configure the Google Web Toolkit framework in Eclipse 
A 1.1 Install the Java Developer Kit 
A 1.2 Download Eclipse 
A 1.3 Install the GWT plugin in Eclipse 
A 1.4 Create first GWT Java Project 
A 2 Figures 
A 3 Listings 
A 3.1 Source code of the Agricola board game 
A 3.2 Source code of GWT and JSF comparison 
A 4 Tables 
R Lists and References 
R 1 Lists 
R 1.1 List of Tables 
R 1.2 List of Figures 
R 1.3 List of Listings 
R 2 References 
R 2.1 Books 
R 2.2 Online resources

Nutzungshinweise für die digitalen Objekte in Qucosa