Google Web Toolkit - tutorial

download Google Web Toolkit - tutorial

of 19

  • date post

    14-Nov-2014
  • Category

    Technology

  • view

    1.707
  • download

    5

Embed Size (px)

description

 

Transcript of Google Web Toolkit - tutorial

  • 1. Google Web Toolkit tutorial Anioara Sava, OC2 Marcela-Daniela Mihai, OC2 Universitatea Al. Ioan Cuza Iai Facultatea de Informatic

2. Cuprins

  • Google Web Toolkit
  • Arhitectura GWT
  • Instrumente GWT
  • Modaliti de a rula aplicaia
  • Beneficii
  • Comparaie cu alte framework-uri

3. Probleme caracteristice Ajax

  • Dificulti cu limbajul JavaScript
  • Diferene ntre browsere
  • Problema butoanelor Back/Forward

4. Google Web Toolkit

  • Ce este ?
  • Framework Java open-source pt crearea aplicaiilor Ajax
  • Produce cod compatibil cu toate browserele
  • Este mai mult dect un compilator
  • Similar cu Swing, ns centrat pe HTML i CSS

5. Google Web Toolkit

  • Ce conine ?
  • compilatorul responsabil cu transformarea codului Java n cod JavaScript
  • echipament de testare folosit pentru depanarea bytecodului Java n mod direct atunci cnd este rulat n mediul oferit de GWT ce simuleaz browserul
  • set de widget-uri principale
  • sistem Remote Procedure Call pentru realizarea comunicaiei cu serverul web

6. Google Web Toolkit

  • De ce GWT ?
  • - nu este nevoie s se scrie cod JavaScript
  • - elimin grija pentru diferenele dintre browsere
  • - se folosete doar Java API n favoarea DOM API
  • - elimin problema legat de butoanele Back /Forward

7. Google Web Toolkit

  • De ce GWT? (cont.)
    • Pot fi folosite unelte Java pentru scrierea/de panarea /testarea codului
    • Integreaz JUnit
    • Include suport pentru internaionalizare

8. Arhitectura GWT

  • Construit pe modelul client-server:
  • Client
  • - Codul java este transformat in HTML i JavaScript
  • - Formatare cu CSS
  • Server
  • - Este folosit un mecanism RPC bazat pe servleturi iHTTP

9. GWT - Client 10. Arhitectur Client

  • Bazat pe patternul MVC
    • Modelul : este sincronizat cu cel de pe server prin intermediul RPC
    • View : componente asemntoare celor din Swing
    • Controller : evenimente i listeneri
  • Avantaje:
    • Coordonarea tranziiilor din UI

11. GWT - Server 12. Instrumente GWT

  • uneltele din toolbox-ul GWT sunt mprite n dou categorii: cele legate de compilator i librriile Java care alctuiesc API-uri GWT:

13. Dou modaliti de a rula aplicaia

  • Modul Host
  • - este rulat bytecodul Java n cadrul JVM
  • - este posibil rularea n debug a aplicaiei
  • - folositor la dezvoltarea aplicaiei
  • Modul Web
  • - este rulat codul JavaScript i HTML rezultat n urma compilrii
  • - rulat intr-un server pentru aplicaii J2EE

14. Comunicarea dintre server i client

  • Mesaje n format JSON
  • Implementare proprie a protocolului RPC:
    • Clientul realizeaz apeluri Ajax
    • Pes erver se folosesc servleturi pentru tratarea cererii
    • Clientul primeste rspunsul asincron
    • Tipurile transmise trebuie s fie serializabile

15. Beneficii

  • Pentru utilizatori:
    • Rspuns rapid
    • Compatibilitate cu toate browserele
    • Nu necesit plugin-uri pentru browser sau JVM
    • Navigare cu taste n cadrul aplicaiei
  • Pentru dezvoltatori:
    • Acelai limbaj att pe server ct i pe client
    • Integrare facil cu alte tehnologii
    • Open-source (licen Apache 2.0)
    • Utilizarea IDE-ului preferat

16. Beneficii

  • Pentru utilizatori:
    • realizarea de aplicaii asemntoare cu cele desktop
  • Pentru dezvoltatori:
    • cod scris in Java, i nu n JavaScript -pentru aplicaiile Web complexe,reduce dimensiunea aplicaiei , mai uor de administrat

17. Comparaie cu alte framework-uri

  • GWT vs Swing
  • -modalitii similare de scriere a codului(ClickListener vs ActionListener)
  • - GWT nu folosete managerii de afiare (layout managers) pentru organizarea componentelor n interfa, ci panel-uri
  • GWT vs. Echo2
  • -aplicaiile Echo2 ruleaz pe server, fa de aplicaiile GWT care ruleaz pe client
  • - mai multe apeluri la server n Echo2, ns nu este nevoie de a fi implementat un mecanism de tip RPC
  • - n Echo2 nu este nevoie s fie trimisbrowser-ului tot codul JavaScript rezultat n urma compilrii

18. Comparaie cu alte framework-uri

  • GWT vs JSF
  • -n JSF standard toate procesrile sunt fcute de ctre server, iar paginile web sunt rencrcate dup fiecare tranzacie
  • GWT vs. Ruby on Rails
  • -Pe partea de server,RoR ofer suport pentru Ajax(folosete limbajul Ruby)
  • - GWT deine unele avantaje privitoare la mecanismele de transmitere a informaiilor ntre server i client
  • - este eficient o eventual colaborare ntre cele dou

19. V mulumim pentru atenie!