Google Web Toolkit tutorial Anişoara Sava, OC2 Marcela-Daniela Mihai, OC2 Universitatea Al. Ioan Cuza Iaşi Facultatea de I...
Cuprins <ul><li>Google Web Toolkit </li></ul><ul><li>Arhitectura GWT </li></ul><ul><li>Instrumente GWT </li></ul><ul><li>M...
Probleme caracteristice Ajax <ul><li>Dificultăţi cu limbajul JavaScript </li></ul><ul><li>Diferenţe între browsere </li></...
Google Web Toolkit <ul><li>Ce este ? </li></ul><ul><li>Framework Java open-source pt crearea aplicaţiilor Ajax </li></ul><...
Google Web Toolkit <ul><li>Ce conţine ? </li></ul><ul><li>compilatorul responsabil cu transformarea codului Java în cod Ja...
Google Web Toolkit <ul><li>De ce GWT ? </li></ul><ul><li>- nu este nevoie să se scrie cod JavaScript </li></ul><ul><li>- e...
Google Web Toolkit <ul><li>De ce GWT? (cont.) </li></ul><ul><ul><li>Pot fi folosite unelte Java pentru scrierea/de panarea...
Arhitectura GWT <ul><li>Construit pe modelul client-server: </li></ul><ul><li>Client </li></ul><ul><li>- Codul java este t...
GWT - Client
Arhitectură Client <ul><li>Bazată pe patternul MVC </li></ul><ul><ul><li>Modelul : este sincronizat cu cel de pe server pr...
GWT - Server
Instrumente GWT <ul><li>uneltele din toolbox-ul GWT sunt împărţite în două categorii: cele legate de compilator şi librări...
Dou ă modalităţi de a rula aplicaţia <ul><li>Modul Host </li></ul><ul><li>- este rulat bytecodul Java în cadrul JVM </li><...
Comunicarea dintre server şi client <ul><li>Mesaje în format JSON </li></ul><ul><li>Implementare proprie a protocolului RP...
Beneficii <ul><li>Pentru utilizatori: </li></ul><ul><ul><li>Răspuns rapid  </li></ul></ul><ul><ul><li>Compatibilitate cu t...
Beneficii <ul><li>Pentru utilizatori: </li></ul><ul><ul><li>realizarea de aplicaţii asemănătoare cu cele desktop </li></ul...
Comparaţie cu alte framework-uri <ul><li>GWT vs Swing </li></ul><ul><li>-  modalităţii similare de scriere a codului(Click...
Comparaţie cu alte framework-uri <ul><li>GWT vs JSF </li></ul><ul><li>-  în JSF standard toate procesările sunt făcute de ...
Vă mulţumim pentru atenţie!
Upcoming SlideShare
Loading in …5
×

Google Web Toolkit - tutorial

1,126 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,126
On SlideShare
0
From Embeds
0
Number of Embeds
16
Actions
Shares
0
Downloads
31
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Google Web Toolkit - tutorial

  1. 1. Google Web Toolkit tutorial Anişoara Sava, OC2 Marcela-Daniela Mihai, OC2 Universitatea Al. Ioan Cuza Iaşi Facultatea de Informatică
  2. 2. Cuprins <ul><li>Google Web Toolkit </li></ul><ul><li>Arhitectura GWT </li></ul><ul><li>Instrumente GWT </li></ul><ul><li>Modalităţi de a rula aplicaţia </li></ul><ul><li>Beneficii </li></ul><ul><li>Comparaţie cu alte framework-uri </li></ul>
  3. 3. Probleme caracteristice Ajax <ul><li>Dificultăţi cu limbajul JavaScript </li></ul><ul><li>Diferenţe între browsere </li></ul><ul><li>Problema butoanelor Back/Forward </li></ul>
  4. 4. Google Web Toolkit <ul><li>Ce este ? </li></ul><ul><li>Framework Java open-source pt crearea aplicaţiilor Ajax </li></ul><ul><li>Produce cod compatibil cu toate browserele </li></ul><ul><li>Este mai mult decât un compilator </li></ul><ul><li>Similar cu Swing, însă centrat pe HTML şi CSS </li></ul>
  5. 5. Google Web Toolkit <ul><li>Ce conţine ? </li></ul><ul><li>compilatorul responsabil cu transformarea codului Java în cod JavaScript </li></ul><ul><li>echipament de testare folosit pentru depanarea bytecodului Java în mod direct atunci când este rulat în mediul oferit de GWT ce simulează browserul </li></ul><ul><li>set de widget-uri principale </li></ul><ul><li>sistem Remote Procedure Call pentru realizarea comunicaţiei cu serverul web </li></ul>
  6. 6. Google Web Toolkit <ul><li>De ce GWT ? </li></ul><ul><li>- nu este nevoie să se scrie cod JavaScript </li></ul><ul><li>- elimină grija pentru diferenţele dintre browsere </li></ul><ul><li>- se foloseşte doar Java API în favoarea DOM API </li></ul><ul><li>- elimină problema legată de butoanele Back /Forward </li></ul>
  7. 7. Google Web Toolkit <ul><li>De ce GWT? (cont.) </li></ul><ul><ul><li>Pot fi folosite unelte Java pentru scrierea/de panarea /testarea codului </li></ul></ul><ul><ul><li>Integreaz ă JUnit </li></ul></ul><ul><ul><li>Include suport pentru internaţionalizare </li></ul></ul>
  8. 8. Arhitectura GWT <ul><li>Construit pe modelul client-server: </li></ul><ul><li>Client </li></ul><ul><li>- Codul java este transformat in HTML şi JavaScript </li></ul><ul><li>- Formatare cu CSS </li></ul><ul><li>Server </li></ul><ul><li>- Este folosit un mecanism RPC bazat pe servleturi şi HTTP </li></ul>
  9. 9. GWT - Client
  10. 10. Arhitectură Client <ul><li>Bazată pe patternul MVC </li></ul><ul><ul><li>Modelul : este sincronizat cu cel de pe server prin intermediul RPC </li></ul></ul><ul><ul><li>View : componente asemănătoare celor din Swing </li></ul></ul><ul><ul><li>Controller : evenimente şi listeneri </li></ul></ul><ul><li>Avantaje: </li></ul><ul><ul><li>Coordonarea tranziţiilor din UI </li></ul></ul>
  11. 11. GWT - Server
  12. 12. Instrumente GWT <ul><li>uneltele din toolbox-ul GWT sunt împărţite în două categorii: cele legate de compilator şi librăriile Java care alcătuiesc API-uri GWT: </li></ul>
  13. 13. Dou ă modalităţi de a rula aplicaţia <ul><li>Modul Host </li></ul><ul><li>- este rulat bytecodul Java în cadrul JVM </li></ul><ul><li>- este posibilă rularea în debug a aplicaţiei </li></ul><ul><li>- folositor la dezvoltarea aplicaţiei </li></ul><ul><li>Modul Web </li></ul><ul><li>- este rulat codul JavaScript şi HTML rezultat în urma compilării </li></ul><ul><li>- rulat intr-un server pentru aplicaţii J2EE </li></ul>
  14. 14. Comunicarea dintre server şi client <ul><li>Mesaje în format JSON </li></ul><ul><li>Implementare proprie a protocolului RPC: </li></ul><ul><ul><li>Clientul realizeaz ă apeluri Ajax </li></ul></ul><ul><ul><li>Pe s erver se folosesc servleturi pentru tratarea cererii </li></ul></ul><ul><ul><li>Clientul primeste răspunsul asincron </li></ul></ul><ul><ul><li>Tipurile transmise trebuie să fie serializabile </li></ul></ul>
  15. 15. Beneficii <ul><li>Pentru utilizatori: </li></ul><ul><ul><li>Răspuns rapid </li></ul></ul><ul><ul><li>Compatibilitate cu toate browserele </li></ul></ul><ul><ul><li>Nu necesită plugin-uri pentru browser sau JVM </li></ul></ul><ul><ul><li>Navigare cu taste în cadrul aplicaţiei </li></ul></ul><ul><li>Pentru dezvoltatori: </li></ul><ul><ul><li>Acelaşi limbaj atât pe server cât şi pe client </li></ul></ul><ul><ul><li>Integrare facilă cu alte tehnologii </li></ul></ul><ul><ul><li>Open-source (licenţă Apache 2.0) </li></ul></ul><ul><ul><li>Utilizarea IDE-ului preferat </li></ul></ul>
  16. 16. Beneficii <ul><li>Pentru utilizatori: </li></ul><ul><ul><li>realizarea de aplicaţii asemănătoare cu cele desktop </li></ul></ul><ul><li>Pentru dezvoltatori: </li></ul><ul><ul><li>cod scris in Java, şi nu în JavaScript -pentru aplicaţiile Web complexe, reduce dimensiunea aplicaţiei , mai uşor de administrat </li></ul></ul>
  17. 17. Comparaţie cu alte framework-uri <ul><li>GWT vs Swing </li></ul><ul><li>- modalităţii similare de scriere a codului(ClickListener vs ActionListener) </li></ul><ul><li>- GWT nu foloseşte managerii de afişare (layout managers) pentru organizarea componentelor în interfaţă, ci panel-uri </li></ul><ul><li>GWT vs. Echo2 </li></ul><ul><li>- aplicaţiile Echo2 rulează pe server, faţă de aplicaţiile GWT care rulează pe client </li></ul><ul><li>- mai multe apeluri la server în Echo2, însă nu este nevoie de a fi implementat un mecanism de tip RPC </li></ul><ul><li>- în Echo2 nu este nevoie să fie trimis browser-ului tot codul JavaScript rezultat în urma compilării </li></ul>
  18. 18. Comparaţie cu alte framework-uri <ul><li>GWT vs JSF </li></ul><ul><li>- în JSF standard toate procesările sunt făcute de către server, iar paginile web sunt reîncărcate după fiecare tranzacţie </li></ul><ul><li>GWT vs. Ruby on Rails </li></ul><ul><li>- Pe partea de server, RoR oferă suport pentru Ajax(foloseşte limbajul Ruby) </li></ul><ul><li>- GWT deţine unele avantaje privitoare la mecanismele de transmitere a informaţiilor între server şi client </li></ul><ul><li>- este eficientă o eventuală colaborare între cele două </li></ul>
  19. 19. Vă mulţumim pentru atenţie!

×