Báo cáo môn Công cụ và môi trường phát triển phần mềm - Nội dung Tìm hiểu Eclipse

LOGO Đại Học Sư Phạm Kỹ Thuật Tp.Hcm 00oo-Khoa Công Nghệ Thông Tin-oo00 Tìm hiểu các công nghệ Java trong eclipse 1 SVTH: Đặng Quốc Đạt Hoàng Thái Xuân Khoa Hoàng Tuấn Đức Trần văn Hùng Trần ngọc minh Trung Google Web Toolkit Google Web Toolkit Các phím tắt của Eclipse Các phím tắt của Eclipse Nội dung báo cáo Hibernate Hibernate Plugin Plugin IReport IReport Google Web Toolkit 1. GWT là gì? 2. Các Thành Phần GWT 3. Cách tích hợp GWT vào Eclipse 4 Tính Năng 5 Phát Triển Ứng Dụng 6 Ưu và Nhược Điểm 3 GWT là gì ?  Google Web Toolkit (GWT-Bộ công cụ web của google) là một bộ toàn diện các API và các công cụ cho phép tạo ứng dụng Web động gần như hoàn toàn trong mã Java™.  GWT cung cấp một java API cho phép bạn tạo giao diện người dùng (GUI) dựa trên các component , rồi biên dịch hiển trị trong trình duyệt web người dùng . 4 Giới Thiệu Về GWT  GWT đạt được những thành tích thông qua tạo mã , với trình biên dịch của gwt tạo ra javaScript từ mã java từ phía máy client của bạn .  GWT là một jva 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. 5 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 Development Mode: Dùng đề các developer chạy ứng dụng gwt bằng develoment mode.  Thư viện JRE : chỉ có hai thư viện chuẩn được sử dụng tron gwt là java.lang và java.util. 6 Các Thành Phần của GWT  Các thư viện của GWT để thiết kế giao diện :Là giao diện và các lớp được tạo sẵn 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 (các widgets).  Do các wigets có sẵn của gwt khá ít và không đẹp nên ta có thể sử dụng các widget của những thư viện third-party viết thêm cho gwt như SmartGWT , Dojo , 7 Tích Hợp GWT Vào eclipse  Cách 1: cài online  Vào Help->Install New Soflware->  caigwt.png  ->Next->Finish!  Cách 2: cài offine  Vào Help->Install New Soflware-> Chọn Add  caigwt1.png. Chọn Local or Achire để add GWT 8 Tính Năng  Các thành phần giao diện người dùng (UI components) năng động và tái sử dụng lập trình viên có thể có thể sử dụng các lớp được thiết kế trước để thực hiện mà không tồn nhiều thời gian thao tác .  Cơ chế Remote Procedure Call(RPC) đơn giản. 9 Tính Năng  Quản lý lịch sử trình duyệt .  Hỗ trợ đầy đủ tính năng gỡ lỗi Java.  Tích hợp Junit.  Một số thư viện có sẵn , những tính năng mở rộng.  Hỗ trợ cho việc sử dụng Google API trong các ứng dụng GWT.  Open-source. 10 [...]... chạy bằng các lệnh comman-line  Googleeclipse : là một plugin cho eclipse , để các java developer có thể sử dụng IDE mã nguồn này phát triển các ứng dụng gwt 12 Phát triển ứng dụng  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 tùy chọn 13 Ưu và Nhược Điểm Ưu Điểm... Actions http://www.allapplabs.com /eclipse/ eclipse_shortcuts.htm http://www.vogella.de/articles/EclipseShortcuts/article.html 23 Plugin Tổng quan Các cách cài đặt plugin cho Eclipse:    5/22/15 Install new software… Eclipse marketplace… Check for Updates 25 Kéo thả trong Eclipse  Bên trong Netbeans đã có công cụ mặc định dành cho việc kéo thả giao diện  Vậy trong Eclipse làm sao để có thể kéo thả... WindowBuilderPro  Ngoài ra, khi đang làm việc với các công nghệ Web trên Eclipse, bạn hoàn toàn có thể kéo thả giao diện bằng việc sử dụng “Web Page Editor” được tích hợp mặc định trong Eclipse Tuy nhiên, các tính năng này chỉ dừng lại ở mức cơ bản 5/22/15 29 Plugin  Để có thể tìm thêm các plugin cho Eclipse, bạn có thể vào trang web sau: http://marketplace .eclipse. org/  Một số plugin được ưa thích:  ... dùng 14 Ưu và Nhược Điểm   Khuyết điểm GWT: Việc tích hợp vơi java khó tích hợp các ứng dụng javacript Xem thêm : http://en.wikipedia.org/wiki/Comparison_of_JavaScript_frameworks 15 Tài Liệu Tham Khảo   Các bài báo cáo các bạn khoa học tự nhiên Nguồn từ các bài viết trên mạng       http://code.google.com/webtoolkit http://google-web-toolkit.googlecode.com/svn/trunk/ http://gwt-guide.blogspot.com.. .Phát triển ứng dụng Ứng dụng GWT có thể chạy theo hai cách :  Developer mode(Hosted mode): Ứng dụng sẽ chạy như một ứng dụng java với JVM Cách này thường sử dụng cho developer  Web mode : Ứng dụng là Javascript và HTML thuần, được biên dịch ra từ các đoạn code java Cách này thường dành cho người sử dụng 11 Phát triển ứng dụng Để viết một ứng dụng GWT , có... Vậy trong Eclipse làm sao để có thể kéo thả giao diện???  Có 1 số plugin của Eclipse cho phép kéo thả giao diện, tuy nhiên nhóm xin giới thiệu plugin WindowBuilderPro 5/22/15 26 Window Builder Pro Window Builder Pro   Vào Eclipse, chọn Help/Install new software…/ Vào trang web http://code.google.com/javadevtools/download-wbpro.html để lấy update site dành cho việc cài đặt plugin WindowBuilderPro... của 1 số thành phần 20 Nhóm refactoring    5/22/15 Alt + Shift + R : đổi tên biến nhanh chóng Alt + T : hiển thị menu cho refactoring Alt + Shift + C : thay đổi phương thức 21 Nhóm debugging  F11 : run  Ctrl + Shift + B : thêm toggle  F5 : debug từng dòng  F6 : debug bước qua dòng  F7 : trả về giá trị return của bước debug 5/22/15 22 Tìm hiểu thêm    5/22/15 Trên Eclipse, vào mục Help/Help... http://gwt-guide.blogspot.com http://netbeans.org/kb/docs/web/quickstart-webapps-gwt.html https://gwt4nb.dev.java.net/ http://en.wikipedia.org/wiki/Google_Web_Toolkit 16 Các phím t ắt trong Eclise Tổng quan Cơ bản, ta có thể chia các phím tắt thành các nhóm sau đây:     5/22/15 Navigation Coding Refactoring Debugging 18 Nhóm navigation     Ctrl + Shift + T : mở hộp thoại tìm các kiểu của java          Alt +... mở hộp thoại tìm các kiểu của java          Alt + left arrow : lùi về dòng trước đó 5/22/15 Ctrl + Shift + R : mở hộp thoại tìm tài nguyên của project Ctrl + T : xem cây thừa kế Ctrl + O : hiển thị các thành phần trong 1 lớp, cho phép truy xuất tới các thành phần đó nhanh chóng Alt + right arrow : tới dòng trước đó Ctrl + PageUp : di chuyển tới giữa các tab Ctrl + PageDown : di chuyển lùi... plugin cho Eclipse, bạn có thể vào trang web sau: http://marketplace .eclipse. org/  Một số plugin được ưa thích:    5/22/15 Subclipse: cho phép sử dụng subversion trong Eclipse UMLet : cho phép sử dụng, tạo các biểu đồ UML trong Eclipse … 30 JForm Designer Hibernate 33 . của Eclipse Các phím tắt của Eclipse Nội dung báo cáo Hibernate Hibernate Plugin Plugin IReport IReport Google Web Toolkit 1. GWT là gì? 2. Các Thành Phần GWT 3. Cách tích hợp GWT vào Eclipse 4. Eclipse 4 Tính Năng 5 Phát Triển Ứng Dụng 6 Ưu và Nhược Điểm 3 GWT là gì ?  Google Web Toolkit (GWT-Bộ công cụ web của google) là một bộ toàn diện các API và các công cụ cho phép tạo ứng dụng. LOGO Đại Học Sư Phạm Kỹ Thuật Tp.Hcm 00oo-Khoa Công Nghệ Thông Tin-oo00 Tìm hiểu các công nghệ Java trong eclipse 1 SVTH: Đặng Quốc Đạt Hoàng Thái Xuân Khoa Hoàng Tuấn Đức Trần