Tổng Quan VềGoogle Web Toolkit (GWT)

1. GWT là gì ?

GWT là một open source Java framework giúp cho việc phát triển các ứng dựng Ajax dễ dàng hơn mà không cần phải biết quá nhiều ngôn ngữ. Trước đây, khi phát triển một ứng dụng web, phía client phải viết rất nhiều mã JSP, HTML, JavaScript,... Nay với GWT, bạn có thể viết toàn bộ ứng dụng web phía client bằng mã Java, sau đó GWT sẽ biên dịch (compile) mã Java thành mã JavaScript. Ta có thể xem GWT là một bộ biên dịch Java sang JavaScript. Đồng thời GWT lại có thể debug lỗi - một lợi thế rất lớn vì bản thân Javascript không có chế độ debug, khiến cho rất khó khăn để xác định được vị trí lỗi trong code JS, ...GWT được sử dụng bởi nhiều sản phẩm tại Google, bao gồm cả Google Wave và phiên bản mới của AdWords. Đó là mã nguồn mở, hoàn toàn miễn phí, và được sử dụng bởi hàng ngàn nhà phát triển trên thế giới.

Theo Google thì :

- GWT là một Java framework mã nguồn mở cho phép bạn thoát khỏi ma trận các công nghệ để viết các ứng dụng AJAX quá khó khăn và nhiều lỗi. Với GWT, bạn có thể phát triển và kiểm tra lỗi các ứng dụng AJAX bằng ngôn ngữ Java, sử dụng các công cụ phát triển Java tuỳ theo ý thích. Khi bạn triển khai ứng dụng của mình, bộ biên dịch của GWT sẽ dịch ứng dụng Java của bạn sang Javascript và HTML.- GWT nhấn mạnh đến tính tái sử dụng, những giải pháp hiệu quả để chống lại những thách thức mà AJAX gặp phải.

-Thay thế công cụ RPC: HTTPRequest, RequestBuilder, và FormPanel.

-Đạt được khả năng tương tác trong GWT bằng JavaScript Object Notation (JSON).

-Giao tiếp với GWT-RPC.

2. Phát triển ứng dụng GWT

- Một ứng dụng GWT có thể chạy theo 2 cáchs: + Hosted mode : Ứng dụng sẽ chạy như một ứng dụng Java với JVM. Cách này chỉ sử dụng cho developer+ Web mode : Ứng dụng là Javascropt và HTML thuần, được biên dịch ra từ các đoạn code Java. Cách này là dành cho người sử dụng.- Để viết một ứng dụng GWT, có rất nhiều cách : + Notepad : Nếu ứng dụng chỉ là để test hoặc demo thì chỉ cần notepad cũng có thể viết được, vì chỉ có khoảng chục dòng code. Còn bộ compiler (vốn được tích hợp sẵn trong GWT) sẽ được chạy bằng các lệnh command-line

2. Phát triển ứng dụng GWT(tt)

+ Googleclipse : Là một plugin cho Eclipse, để các Java developer có thể sử dụng IDE mã nguồn mở này phát triển các ứng dụng GWT. Hiện tại Googleclipse đã được tích hợp sẵn với Eclipse và được công bố bởi Cypal Studio.

(Eclipse đề cập ở đây là nền Eclipse, tức là tất cả các IDE được phát triển trên nền Eclipse như JBuilder, Jdeveloper)

+ GWT4NB : là plugin dành riêng cho NetBeans

+ WindowBuilder : Là một IDE khá toàn diện. Cho phép có thể tạo ra các đối tượng GWT bằng cách kéo thả và sắp xếp trên panel theo các layout tuỳ chọn.

GWT từ đâu ?Tiên trình phát triển ứng dụng AJAX sư dụng GWT:

3. Các thành phần của GWT

- Bộ biên dịch Java-to-javascript: Dùng để dịch tất cả các mã nguồn Java của ứng dụng GWT sang code Javascript và HTML.- Trình duyệt dành cho Hosted Mode: Dùng để các developer chạy ứng dụng GWT bằng hosted mode (tất nhiên là với JVM)- Thư viện JRE :

Chỉ có 2 thư viện chuẩn của Java được sử dụng trong GWT là java.lang và java.util.

- Các thư viện của GWT để thiết kế giao diện.

Là các giao diện và các lớp được tạo sẵn hoặc do người dùng tự tạo, dùng để tạo các đối tượng AJAX bằng Java trong các ứng dụng GWT. Chúng còn được gọi là các widgets

4. Những widgets được tạo sẵn

*GWT hỗ trợ tạo ra những widget sau :

Trong phiênbản 1.4, GWT hỗ trợ tạo ra những widget sau : - Các đối tượng chuẩn HTML (Button, Radio Button, Checkbox, TextBox, PasswordTextBox, TextArea, Hyperlink, ListBox, Table v.v...)- PushButton, ToggleButton.- MenuBar.- Tree.- TabBar.- DialogBox.- Panels (PopupPanel, StackPanel, HorizontalPanel, VerticalPanel, FlowPanel, VerticalSplitPanel, HorizontalSplitPanel, DockPanel, TabPanel, DisclosurePanel).- RichTextArea.- SuggestBox (auto-complete).

4. Những widgets được tạo sẵn(tt)

*Hệ điều hành mà GWT hỗ trợ:

Do viết trên Java, GWT có thể chạy trên Windows, Linux, Mac OS.

Yêu cầu cài đặt:

Bạn sẽ cần Java SDK phiên bản 1.5 hoặc mới hơn. Nếu cần thiết, tải về và cài đặt Java SE Development Kit (JDK) Mac người sử dụng, tải và cài đặt phiên bản mới nhất của Java Developer Kit có sẵn cho Mac OS X.

Apache Ant cũng là cần thiết để chạy các lệnh. Nếu bạn chưa có nó, cài đặt Apache Ant .

Cài đặt GWT:

+ Các yêu cầu hệ thống:Google Web Toolkit được thiết kế để chạy trên các hệ thống đáp ứng các yêu cầu sau:

Java: Sun Java 2 Runtime Environment 1,5

Hệ điều hành: Windows Vista/XP/2000, Mac OS X 10.4 + (Tiger hoặc Leopard), hoặc Linux với GTK + 2.2.1

Phần cứng: ~ 100MB dung lượng đĩa trống, 512MB RAM

Các bước cài đặt 3 bước sau:

Cài đặt Java SDK (cái này chắc bạn nào sử dụng Java cũng đã làm rồi)Download GWT.Unzip vào một thư mục nào đó. Để đơn giản, bạn unzip GWT vào c:\dev\gwt (trong Windows) hoặc /home/your_user_name/dev/gwt (trong Linux). Trên Windows, trích xuất các tập tin từ thư mục nén gwt-2.0.3.zip Trên Mac hoặc Linux, bạn có thể giải nén gói với một lệnh như unzip gwt-2.0.3.zip giải nén gwt-2.0.3.zip Các SDK GWT không có một ứng dụng cài đặt. Tất cả các tập tin bạn cần phải chạy và sử dụng SDK được đặt trong thư mục trích xuất.

+ Trình duyệt hỗ trợ GWT:

Đến giữa năm 2008, GWT hỗ trợ các trình duyệt sau:

Firefox, 1.5, 2.0 và 3.0

Explorer 6 và 7

Safari 2 và 3

Opera 9,0

GWT phát triển các phần mềm thương mại

GWT phát hành với Apache 2.0 open source license, nên có thể sử dụng để phát triển các ứng dụng thương mại, phi thương mại và doanh nghiệp (enterprise)

  Nền tảng GWT cung cấp:

GWT inAction nhằm mục đích cung cấp cho bạn một nền tảng vững chắc để phát triển các ứng dụng GWT. It puts all the tools and development tasks into the context of typical application development, ensuring that you can understand and avoid the problems faced in GWT development. Nó đặt tất cả các công cụ và nhiệm vụ phát triển vào bối cảnh phát triển ứng dụng điển hình, đảm bảo rằng bạn có thể hiểu và tránh những vấn đề phải đối mặt trong GWT phát triển. Throughout the book, the development of a Dashboard application, together with various component applications for the Dashboard, provides the mechanism we use to explain GWT concepts. Trong suốt cuốn sách, việc phát triển một ứng dụng Bảng điều khiển, cùng với các ứng dụng thành phần khác nhau cho Bảng điều khiển, cung cấp cơ chế chúng ta sử dụng để giải thích khái niệm GWT.

Nền tảng GWT cung cấp(tt)

Bắt đầu bằng cách cung cấp một nền tảng vững chắc về các vấn đề cơ bản, nhìn vào các công cụ được sử dụng và đang sử dụng phát triển điển hình. Then, we consider widgets, panels, and events, discussing those provided by GWT and how to create your own (leaning heavily on our experience from developing components for the GWT Widget Library). Sau đó, xem xét các bảng, và các sự kiện, thảo luận về những người cung cấp bởi GWT và làm thế nào để tạo ra (dựa rất nhiều vào kinh nghiệm từ các thành phần phát triển cho các Widget GWT Library) của riêng bạn.Tích hợp với JavaScript thông qua JavaScript Native Interface (JSNI). Bất kỳ ứng dụng lớn đòi hỏi các thành phần phía máy chủ (một sự hiểu biết thấu đáo về chủ-khách truyền thông kỹ thuật của GWT).

Nền tảng GWT cung cấp(tt)

Ví dụ: JSON chế biến bằng cách sử dụng máy chủ proxy (của Yahoo Search thành phần).GWT-RPC: kỹ thuật, các vấn đề, và các giải pháp (xem phần Trạng thái Server).Xử lý XML (được sử dụng trong trình đơn cho các ứng dụng Bảng điều khiển đầy đủ).Hình thức xử lý, bao gồm cả các tập tin tải lên.Sử dụng giao tiếp truyền thống Ajax .Các điểm chốt quan trọng là để có được một sự hiểu biết của mỗi phương pháp tiếp cận trong

GWT để nhìn thấy sự linh hoạt và có thể chọn phía máy chủ một cách thích hợp.

Đối tượng tiếp cận GWT:JSON processing using proxy servers (the Yahoo Search component) Bất cứ ai có quan tâm đến GWT. Độc giả đến từ nguồn gốc khác nhau lập trình-JavaScript tìm kiếm để xem những gì phiền phức, lập trình viên Java biết rằng họ có thể lập trình các ứng dụng Ajax đơn giản, phát triển quan tâm đến sự hiểu biết GWT-RPC, thiết kế web tìm kiếm để hiểu được những gì hữu ích phát triển phương tiện cho họ, và nhiều người khác.

5.Các phiên bảng:

Phiên bảng mới nhất: GWT 2,1 RC1Một trong các thành phần này là một Editor khuôn khổ mới cho phép bạn kết DTOs của bạn vào một giao diện người dùng tùy biến mà xử lý tất cả các công việc khó khăn cần thiết của việc đồng bộ hoá bộ thay đổi. Một là sự sẵn có của HTMLHTML thành phần và hội nhập của nó trong các widget.

Google Web Toolkit (GWT) is an open source vượt xa hầu hết các khung Ajax bằng cách làm cho nó dễ dàng để xây dựng các ứng dụng máy tính để bàn giống như chạy trong các trình duyệt phổ biến, nơi mà sự phong phú của các giao diện người dùng được giới hạn bởi trí tưởng tượng của phát triển.

5.Các phiên bảng(tt)

GWT mà bạn cần để thực hiện thực tế ứng dụng với giao diện người dùng phong phú nhưng không có trong JavaScript và các công nghệ Ajax có liên quan khác. Each solution in this practical, hands-on book is more than a recipe. Mỗi giải pháp trong thực tế. Các chương trình mẫu được cẩn thận giải thích chi tiết để giúp nhanh chóng làm chủ kỹ thuật GWT tiên tiến, chẳng hạn như thực hiện kéo-và-thả, tích hợp các thư viện JavaScript, và sử dụng các phương pháp xử lý sự kiện cao cấp.

Giải pháp bao gồm

• Xây dựng GWT widget tùy chỉnh, bao gồm cả vật liệu tổng hợp cao cấp và thấp cấp các thành phần • Thực hiện một lớp khung nhìn bao gồm iPhone theo phong cách di chuyển tự động • Tích hợp các dịch vụ web với các ứng dụng GWT • Kết hợp các Script.aculo.us JavaScript khung vào các ứng dụng GWT • Kết hợp Hibernate và GWT để thực hiện các ứng dụng web cơ sở dữ liệu, sao lưu • Mở rộng GWT PopupPanel lớp để thực hiện một cửa sổ kéo và thay đổi kích thước

Giải pháp bao gồm

• Tạo một module kéo-và-thả, hoàn thành với nguồn kéo và thả các mục tiêu • Triển khai các ứng dụng GWT sang một máy chủ bên ngoài • động các thay đổi kích thước bảng flex • Sử dụng các vật dụng GWT trong các ứng dụng kế thừa phát triển với các khuôn khổ khác, chẳng hạn như Struts và JavaServer Faces

Cùng với các thành phần và tính năng mới: kiên cố hóa các hoạt động / Địa điểm ,dựa trên widget API. Vì vậy, nếu bạn đang tìm kiếm để bắt đầu một dự án với GWT 2.1, bạn có thể cảm thấy tự tin nhóm của bạn sẽ không phải mã cấu trúc vì chúng tôi đã chuyển ra giao diện từ bây giờ cho đến cuối cùng.

Các GWT phát triển có sẳn và miễn phí:

GWT 2,1 RC có sẵn trên Google và là phiên bản 2.1-SNAPSHOT trong Maven Google

GWT Designer :

Công cụ phát triển mạnh mẽ dựa trên Eclipse cho phép nhà phát triển Java nhanh chóng tạo ra các giao diện người sử dụng Ajax sử dụng Google Web Toolkit (GWT).

Bạn có thể dễ dàng thêm bất cứ thành phần bằng cách sử dụng kéo-và-thả, thêm một xử lý sự kiện để điều khiển của bạn, thay đổi các thuộc tính khác nhau của các điều khiển. Tạo mã không cần bất kỳ thư viện tùy chỉnh để biên dịch và chạy: trong những tạo ra có thể mã được sử dụng mà không cần phải cài đặt GWT Designer. Tất cả các GWT Designer có thể đọc và ghi hầu hết các định dạng và ngược lại-kỹ sư phần lớn viết tay mã Java GUI. Nó cũng hỗ trợ chỉnh sửa mẫu mã miễn phí.Thành phần giao diện nươời dùng: Design View - các chính bố trí trực quan. Source View - - viết mã và xem xét các mã được tạo ra.Structure View - bao gồm các cây phần và các Pane. Component Tree - cho thấy mối quan hệ phân cấp giữa tất cả các thành phần. Property Pane - hiển thị các thuộc tính và các sự kiện của các thành phần được chọn. Palette - cung cấp truy cập nhanh vào các thành phần cụ thể của bộ công cụ. Toolbar - cung cấp truy cập để sử dụng các lệnh thông thường. Context Menu- cung cấp truy cập để sử dụng các lệnh thông thường.

Các tính năng chính: Bi-directional Code Generation - đọc và ghi hầu hết các định dạng và thay đổi kỹ thuật-tay viết code nhất Internationalization (i18n) / Localization - biểu lộ chuỗi thành phần, tạo và quản lý tài nguyên. Custom Composites & Panels - tạo tùy chỉnh, các thành phần tái sử dụng. Factories - tạo các lớp tuỳ chỉnh và các phương pháp. Visual Inheritance - tạo phân cấp. Event Handling - tạo và chỉnh sửa menubars, các mục menu và các menu popup. Morphing - chuyển đổi một loại thành phần vào một.

CodePro AnalytiX

Chất lượng phần mềm tự động mã và các công cụ phân tích bảo mật để cải thiện chất lượng phần mềm, độ tin cậy, và bảo trì. Các tính năng:

Code Analysis:Năng động, mở rộng công cụ phát hiện, báo cáo và sửa chữa sai lệch hoặc không tuân thủ các tiêu chuẩn mã hóa được xác định trước, khung phổ biến, quy ước.

JUnit Test Generation: Tiết kiệm thời gian sử dụng kỹ thuật phân tích tinh vi để tự động hóa việc tạo ra các hồi quy kiểm tra toàn diện Junit.

Metrics: Tự động hóa công cụ đo lường và chất lượng báo cáo về các chỉ số quan trọng trong một mã nguồn Java.Code Coverage: Công cụ để đo lường những gì tỷ lệ phần trăm của mã này đang được thực hiện bằng cách sử

dụng thử nghiệm hoặc tạo ra các kịch bản thử nghiệm dẫn sử dụng.JUnit Test Editor JUnit Test Editor: Một JUnit kiểm tra chỉnh sửa cho phép nhanh chóng tạo ra, tổ chức, sửa đổi. Dependency Analysis: Công cụ tự động phân tích và trực quan miêu tả sự phụ thuộc giữa các dự án.Similar Code Analysis: Hiệu quả kiểm tra mã Java trùng lặp hoặc tương tự như các đoạn mã có chứa lỗi do dán,

sao chép hoặc có thể được tái cấu trúc để cải thiện thiết kế ứng dụng và bảo trì.

WindowBuilder Pro

Java đồ họa thiết kế giao diện người dùng cho Swing, SWT, GWT, RCP, và XWT khung UI mà không chi tiêu nhiều thời gian viết code để hiển thị các hình thức đơn giản. Với WindowBuilder Pro bạn có thể tạo ra cửa sổ phức tạp trong vài phút. Sử dụng các công cụ bố trí WYSIWYG, bạn không cần phải viết bất kỳ dòng mã java - mã sẽ được tạo ra cho bạn bởi WindowBuilder Pro

WindowTester Pro

Kiểm tra giao diện đồ họa tương tác trong các ứng dụng Java cho các khách hàng giàu SWT và Swing UI khung, động hoá giao diện thử nghiệm tăng năng suất của các nhà phát triển và bảo đảm chất lượng. Với khả năng kiểm tra và làm giảm thời gian cần thiết để mã kiểm tra tay. Sử dụng WindowTester Pro giúp các nhà phát triển và các công ty đều tiết kiệm đến 50% hoặc nhiều hơn thời gian cần thiết để viết các bài kiểm tra. Các xét nghiệm được tạo ra bởi WindowTester Pro được thử nghiệm JUnit tiêu chuẩn do đó có thể chạy trong môi trường Eclipse có thể được tự động chạy bằng cách sử dụng Ant.

WindowTester Pro

6. Phát triển với Google Web Toolkit

Vào tháng Năm năm 2006 Google phát hành của Google Web Toolkit. GWT cho phép các nhà phát triển để tạo ra các ứng dụng Ajax trong Java. Với GWT, bạn có thể xây dựng các ứng dụng của bạn bằng cách sử dụng một ngôn ngữ hướng đối tượng thực sự và tận dụng các công cụ Java như Eclipse mà đã có sẵn. Thay vì cố gắng để mang lại công cụ hỗ trợ Ajax, Google đã đưa Ajax đến một nơi mà các công cụ đã tồn tại.

Write

GWT SDK cung cấp một bộ lõi Java API và Widgets. Điều này cho phép bạn viết các ứng dụng AJAX trong Java và sau đó biên dịch tối ưu hóa nguồn JavaScript chạy trên tất cả các trình duyệt, bao gồm cả trình duyệt di động cho Android và iPhone. Xây dựng các ứng dụng AJAX theo cách này hiệu quả hơn nhờ đến một mức độ trừu tượng cao hơn trên các khái niệm phổ biến như DOM thao tác và truyền XHR. Bất cứ điều gì bạn có thể làm với trình duyệt của DOM và JavaScript có thể được thực hiện trong GWT, bao gồm cả tương tác với viết tay JavaScript.

Debug

Bạn có thể debug các ứng dụng AJAX trong IDE yêu thích của bạn giống như một ứng dụng máy tính để bàn, và trong trình duyệt ưa thích của bạn giống nếu bạn đã được mã hóa JavaScript. Các nhà phát triển GWT plugin kéo dài khoảng cách giữa Java bytecode .Nhờ sự phát triển GWT plugin, không có biên dịch của mã Javascript để xem nó trong trình duyệt. Bạn có thể sử dụng chỉnh sửa, làm mới, sử dụng với JavaScript, trong khi đồng thời kiểm tra các biến, các điểm ngắt thiết lập, và sử dụng tất cả các công cụ khác có sẵn cho bạn với Java. Và bởi vì chế độ phát triển của GWT là bây giờ trong trình duyệt, bạn có thể sử dụng các công cụ như Firebug và khi bạn mã trong Java.

Optimize (Tối ưu hóa)

Google Web Toolkit bao gồm hai công cụ mạnh để tạo ra các ứng dụng web tối ưu hóa. Trình biên dịch thực hiện tối ưu hóa toàn diện GWT trên cơ sở mã của bạn – trong phương pháp, loại bỏ mã chết, tối ưu hóa chuỗi, và nhiều hơn nữa. Bằng cách thiết lập chia điểm trong các mã, nó cũng có thể tải về các phân khúc của bạn thành nhiều đoạn JavaScript, chia tách các ứng dụng lớn cho thời gian khởi động nhanh hơn.

Hiệu suất không giới hạn JavaScript. Google Web Toolkit cho phép bạn để chẩn đoán vấn đề hoạt động trong trình duyệt.

Run

Khi bạn đã sẵn sàng để triển khai, GWT biên dịch mã nguồn Java của bạn vào tối ưu hóa, độc lập các tập tin JavaScript tự động chạy trên các trình duyệt lớn, cũng như các trình duyệt di động cho Android và iPhone.

Một số ví dụ thực tế:

Website để quản lý hình ảnh không gian địa lý. Một loạt các bộ hình ảnh - một số rất lớn. Vector dữ liệu - ranh giới chính trị, đường giao thông. Người sử dụng truy cập các điều khiển để truy cập các thành viên. Các tài liệu XML lấy từ máy chủ để cấu hình và cập nhật vào cửa WMS

Demo của GWT

Gmail, Google Calendar, Google Docs là những ví dụ thực tế nhất về GWT. Ngoài ra bạn có thế xem thêm một số sample như:

Mail Application

Kitchen Sink

JSON Interop Using JSNI

... và còn nhiều nữa tại Example Projects

Link tham khảo và ebookEbook tham khảo:GWT in ActionGoogle™ Web Toolkit Solutions (Digital Short Cut) Cool & Useful StuffCác link tham khảo:http://gwt.vnonweb.net/2010/01/nhung-cau-hoi-thong-thuong-ve-gwt-cho.htmlhttp://code.google.com/webtoolkit/overview.htmlTại đây cung cấp thông tin về API, Tutorial:http://code.google.com/webtoolkit/overview.htmlhttp://www.vnecon.vn/showthread.php?t=603http://googlewebtoolkit.blogspot.com/http://code.google.com/webtoolkit/overview.htmlhttp://code.google.com/webtoolkit/doc/latest/tutorial/