Gwt presentation

GWT(Google Web Toolkit)
Web기술개발팀
배 철민 Manager
13년 6월 13일 목요일

GWT(Google Web Toolkit) 소개

Contents
• What is GWT?
• Why GWT?
• Disadvantage of GWT
• Development Flow
• GWT 환경설정
• GWT 분석 및 예제

What is GWT?
• Google Web Toolkit is a development toolkit to
create Rich Internet Application
• GWT provides developers option to write client
side application in Java
• GWT complies the code written in Java to
JavaScript code.
• GWT automatically generates javascript code
suitable for each browser(cross-browsing)

Back-end Development Front-end Development
지금까지 잘 해오고 있었는데...

Why GWT?
• auto-complete / refactoring / navigation /
project management
• Developers can debug the client side
application as Java application
• Extensible

Disadvantage GWT
• Not Indexable
• Not degradable
• Not designer’s friendly

GWT Component

Development Flow

GWT 환경설정
http://www.gwtproject.org/download.html

GWT?
• Elements(HTML + CSS)
• Event Handler (JavaScript)
• Server Communication (JavaScript)
Web Application의 구성

GWT Library 분석
Web Application Elements
구성요소(DOM Tree, Element)

GWT Library 분석
-Elements 관련-

GWT Elements
• The Elements are really minimum
• raw Elements and ugly Elements
• need to build everything
• GWT 3rd party widget library
(GWT-Bootstrap, GWT-CodeMirror, etc..)

Example
1 2

GWT Library 분석
-Event Handler-

Basic Event Handle
GWT Event Handler Android Event Handler

Large Project Event Handle
• MVP Model
• EventBus

MVP Model

MVP Model
Model

MVP Model
ModelPresenter

MVP Model
ModelPresenterView

MVP Model
ModelPresenterView
사용자 이벤트

MVP Model
ModelPresenterView
사용자 이벤트 모델 변경/질의

MVP Model
ModelPresenterView
변경 통지

MVP Model
ModelPresenterView
뷰 변경
변경 통지

MVP Model
EventBus

Example

GWT Library 분석
-Server Communication-

AJAX

using RPC mechanism

GWT is useful than Javascript ?

Useful Resources
Google Web Toolkit : https://developers.google.com/web-toolkit/
GWT Project : http://www.gwtproject.org/
Wikipedia : http://en.wikipedia.org/wiki/Google_Web_Toolkit
Google Code : https://code.google.com/p/google-web-toolkit/
Java tutorial : http://www.tutorialspoint.com/java/index.htm
GWT tutorial : http://www.tutorialspoint.com/gwt/gwt_useful_resources.htm
Smart Showcase : http://www.smartclient.com/smartgwt/showcase/#main

MGWT(Mobile Google Web Toolkit) 소개

MGWT 소개 동영상

Index
• What is MGWT?
• Why MGWT?
• MGWT 환경설정
• MGWT Example

what is MGWT?
• adds functionality thats currently missing in the
gwt core for mobile development

why MGWT?
• HTML5 App vs Native App
• MGWT uses GWT Best Practices
• MVP framework
• UiBinder
• Custom ActivityManager
• MGWT event model

MGWT 환경설정
http://www.m-gwt.com/

Useful Resources
M-GWT : http://www.m-gwt.com/
Google Code : https://code.google.com/p/mgwt/
Github : https://github.com/dankurka/mgwt
Docs : http://docs.mgwt.googlecode.com/git/javadoc/latest/index.html

Gwt presentation

More Related Content

Viewers also liked (11)

Similar to Gwt presentation (20)

Gwt presentation