Google Web Toolkit Paul Heiniz, Wolfgang Kluth, Jan Marten, Malte Behrendt Web Technologies – Prof. Dr. Ulrik Schroeder – WS 2010/111 The slides are licensed.

Slides:

Advertisements

Similar presentations

Coding Basics - Deferred Binding. Deferred Binding is a feature of the GWT compiler works by generating many versions of code at compile time, only one.

Advertisements

Testing Web Applications & Services Testing Web Applications & Web Services.

Google Web Toolkit (GWT) Steve Wargolet. Introduction Desktop client-server applications and their drawbacks. Static-only Web pages Introduction of Web.

Introduction to Maven 2.0 An open source build tool for Enterprise Java projects Mahen Goonewardene.

Fawaz Ghali AJAX: Web Programming's Toy.

Web Toolkit Julie George & Ronald Lopez 1. Requirements  Java SDK version 1.5 or later  Apache Ant is also necessary to run command line arguments 

Google Web Toolkit 2/15/10 Davis Ford Software Consultant Zeno Consulting, Inc.

Introduction to Model-View-Controller (MVC) Web Programming with TurboGears Leif Oppermann,

1 GWT Google Web Toolkit Build AJAX apps in the Java language

THE SCO GROUP 2007 © The SCO Group, Inc. All Rights Reserved 1 SCO Mobile Server and Web 2.0 Albert Fu, SCO Advanced Technology Group Alexander Sack, Lead.

© 2007 IBM Corporation IBM Emerging Technologies Enabling an Accessible Web 2.0 Becky Gibson Web Accessibility Architect.

Google Web Toolkit Dudeanu Ermoghen Ib ă nescu Diana Melinte Laurenţiu-Ionuţ Petrişor Ionuţ C ă t ă lin.

Google Web Toolkit - Gufran Mohammed. Google Web Toolkit (GWT) is an open source Java software development framework that makes writing AJAX applications.

Cloud Computing Lecture #7 Introduction to Ajax Jimmy Lin The iSchool University of Maryland Wednesday, October 15, 2008 This work is licensed under a.

Introduction to Web Based Application. Web-based application TCP/IP (HTTP) protocol Using WWW technology & software Distributed environment.

Vaadin TestBench CSCI 3130 WINTER What’s TestBench  A toolkit for testing user interfaces  Based on Selenium  Written in Java; interacts with.

Development of mobile applications using PhoneGap and HTML 5

Quick Tour of the Web Technologies: The BIG picture LECTURE A bird’s eye view of the different web technologies that we shall explore and study.

© 2006 by IBM 1 How to use Eclipse to Build Rich Internet Applications With PHP and AJAX Phil Berkland IBM Software Group Emerging.

GWT-EXT 로 Web application 개발하기

RIA Introduce Comparison among several technology.

Computer science Languages, etc.. Overview For web-applications (HTML, JS) – Designing languages (HMTL, CSS) – Server Languages (PHP, ASP) – Extensions.

Mobile Web Applications

Architecture Of ASP.NET. What is ASP?  Server-side scripting technology.  Files containing HTML and scripting code.  Access via HTTP requests.  Scripting.

Philly.NET Hands-on Labs JAVASCRIPT SERIES. July 9: JavaScript Syntax Visual Studio ◦Projects ◦Editors ◦Debugging ◦Script blocks ◦Minification and bundling.

ExtWebDriver Open Source Project Daniel Koo Latha Nagaraj Bryan Robbins 04/23/2014.

1 Web GIS: from Javascript to GWT Pieter De Graef – Community Manager & Lead Developer Geomajas.

XForms: A case study Rajiv Shivane & Pavitar Singh.

1 UTGB Shell An Open-Source Browser Framework for the Integration of Biological Data Taro L. Saito, Shin Sasaki, Budrul Ahsan and.

ASP.NET + Ajax Jesper Tørresø ITNET2 F08. Ajax Ajax (Asynchronous JavaScript and XML) A group of interrelated web development techniques used for creating.

INNOV-10: Getting Started with Ajax Ken Wilner VP of Technology.

Some essentials difference syntax and concept for jquery developers Roohullah Afzali

Java Mobile Apps with GWT & PhoneGap Josh Marinacci, webOS Developer Advocate.

Lecture 19 Web Application Frameworks Boriana Koleva Room: C54

Google Web Toolkit An Overview By Shauvik Roy Choudhary.

The Web Architecture and ASP.NET. Slide 2 Review of the Web (1) It began with HTTP and HTML, which delivers static Web pages to browsers which would render.

Contrasting styles of Web UI Development: GWT vs Native JavaScript Roland Schweitzer Weathertop Consulting, LLC Jeremy Malczyk JISAO.

GWT In-depth Explained by Rohit Ghatol

CS 3131 Introduction to Programming in Java Rich Maclin Computer Science Department.

1 Geospatial and Business Intelligence Jean-Sébastien Turcotte Executive VP San Francisco - April 2007 Streamlining web mapping applications.

Module 1: Getting Started. Introduction to.NET and the.NET Framework Exploring Visual Studio.NET Creating a Windows Application Project Overview Use Visual.

Service Side Ajax Richard Schmidt gmail. Com Metservice.

Google Web Toolkit. What is GWT? GWT is a development toolkit for building and optimizing complex Ajax applications Goal is to enable productive development.

ASP (Active Server Pages) by Bülent & Resul. Presentation Outline Introduction What is an ASP file? How does ASP work? What can ASP do? Differences Between.

ASP.NET (Active Server Page) SNU OOPSLA Lab. October 2005.

CS562 Advanced Java and Internet Application Introduction to the Computer Warehouse Web Application. Java Server Pages (JSP) Technology. By Team Alpha.

Preface IIntroduction Objectives I-2 Course Overview I-3 1Oracle Application Development Framework Objectives 1-2 J2EE Platform 1-3 Benefits of the J2EE.

Google Web Toolkit Dynamic web on Java (Script) Jordan Jordanov 6 March 2008.

WHAT IS PHP FRAMEWORK? Set of Classes and Functions(Methods) Design for the development of web applications Provide basic structure Rapid application development(RAD)

Prof. James A. Landay University of Washington Spring 2008 Web Interface Design, Prototyping, and Implementation Rich Internet Applications: AJAX, Server.

APACHE STRUTS ASHISH SINGH TOMAR ast2124. OUTLINE Introduction The Model-View-Controller Design Pattern Struts’ implementation of the MVC Pattern Additional.

Testing WebForms w/ Model-View-Presenter Erik Peterson.

 Can access all API’s made available by OS vendor.  SDK’s are platform-specific.  Each mobile OS comes with its own unique tools and GUI toolkit.

Introduction to ASP.NET development. Background ASP released in 1996 ASP supported for a minimum 10 years from Windows 8 release ASP.Net 1.0 released.

Apache Struts Technology A MVC Framework for Java Web Applications.

Google Web Toolkit for Mobile Applications Development INGENUITY AT ITS BEST……………….

INTRODUCING HYBRID APP KAU with MICT PARK IT COMPANIES Supported by KOICA

Creative Commons Attribution- NonCommercial-ShareAlike 2.5 License Sakai Programmer's Café Sakai Montreal CRIM Workshop Comparative Display Technologies.

Building Interactive Web Applications for HEP Using the Google Web Toolkit (GWT) Tony Johnson Scientific Computing Applications.

Technologies For Creating Rich Internet Applications Presenter's name

Google Web Toolkit (GWT) St. Louis Java SIG April 12, 2007 Brad Busch Andrew Prunicki.

Creative Commons Attribution- ShareAlike 2.5 License Sakai Programmer's Café Sakai Oxford Tetra ELF Workshop Comparative Display Technologies in Sakai.

Google Web Toolkit Tutorial

Google Web Toolkit - Gufran Mohammed

Module 1: Getting Started

PHP + Oracle = Data-Driven Websites

Open Source Technologies

Unit 6 part 3 Test Javascript Test.

WPS - your story so far Seems incredible complicated, already

Chap 1. Getting Started Objectives

Presentation transcript:

Google Web Toolkit Paul Heiniz, Wolfgang Kluth, Jan Marten, Malte Behrendt Web Technologies – Prof. Dr. Ulrik Schroeder – WS 2010/111 The slides are licensed under a Creative Commons Attribution 3.0 License Creative Commons Attribution 3.0 License

Outline  Introduction  Features of GWT  In Browser Development Mode  Java-to-JavaScript Compiler  Server Communication  Model-View-Presenter Design Pattern  Hands-on  Hello World (GWT 1.x)  Hello World (GWT 2.1)  Hello World (GWT 2.1 RPC)  Summary Web Technologies2

Introduction  What is GWT?  Development Toolkit for Browser-based Applications  Application Development in Java  Type-Safe Language  No memory-leaks  Testing with Junit  Java-IDEs (Eclipse-Plugin)  Application Deployment in HTML/AJAX  Java-to-JavaScript/HTML (AJAX) Compiler Web Technologies3

Features  Core features of GWT  Java-to-JavaScript/HTML Compiler  Highly optimized JavaScript  Browser independence/Deferred Binding  Easy Internationalization  History Support  Safe HTML  JavaScript Native Interface  UI-Binder  Code in Java, Layout in CSS  Developer Mode  Local Testing and Debugging  Speed Tracer Web Technologies4

Features  Features of GWT  Many ready-to-use Widgets  Composites Web Technologies5

Features  Disadvantages of GWT  Dependence on Google  Learning curve  Example applications  Orkut  Google Wave  Google Adwords Web Technologies6

Outline  Introduction  Features of GWT  In Browser Development Mode  Java-to-JavaScript Compiler  Server Communication  Model-View-Presenter Design Pattern  Hands-on  Hello World (GWT 1.x)  Hello World (GWT 2.1)  Hello World (GWT 2.1 RPC)  Summary Web Technologies7

In-Browser Development Mode  Actual rendering is done in browser  Code runs as Java Bytecode → Debugging! Web Technologies8

Java-to-JavaScript Compiler  JRE Emulation Library → used for developer mode  Most of java.lang  Most of java.util  Some java.io, java.sql  Compiler → Generates JavaScript from the Java source code  JavaScript in GWT is like bytecode for Java Applications  Optimization → often better than hand coding  Dead Code Elimination  Constant Folding  Copy Propagation  String Interning  … Web Technologies9

Server Communication  GWT RPC  Based on/are Java Servlets  Other  (HTTP-) RequestBuilder + JSON or XML  JSNI Methods  Third-Party libraries (e.g. for PHP) Web Technologies10

Web Technologies11 Design Patterns  Challenges when building large scale applications  Multiple developers working simultaneously  Maintaining legacy functionality  Messy code...  Solution: separation of concerns (by Design Patterns)  For example: Model-View-Controller

Design Pattern: MVP  MVP: Structure application into  Model: Encompass objects  View: UI Components/Layout + UI Event Handling  Presenter: Application Logic  (AppController: Application Layer Logic)  GWT 2.1 offers a MVP Framework  Activities (Presenter)  Places (UI State) Web Technologies12

Outline  Introduction  Features of GWT  In Browser Development Mode  Java-to-JavaScript Compiler  Server Communication  Model-View-Presenter Design Pattern  Hands-on  Hello World (GWT 1.x)  Hello World (GWT 2.1)  Hello World (GWT 2.1 RPC)  Summary Web Technologies13

Summary Web Technologies14

Hands – On - HelloWorld (GWT 1.x) Web Technologies15

Hands – On - HelloWorld (GWT 1.x)  Hello World (GWT 1.x)  Live Demonstration  Show Developer Mode  Show result/Hello World Web Technologies16

Hands – On - Hello World (GWT 2.1) Web Technologies17 UI XML-File:

Hands – On - Hello World (GWT 2.1) Web Technologies18 Java-Code:

Hands – On - Hello World (GWT 2.1)  Hello World (GWT 2.1)  Live Demonstration  Result/Hello World Web Technologies19

Hands – On - Hello World (GWT 2.1)  Live Demonstration  Result/Hello World  FieldVerifier Web Technologies20