1 / 17

GWT

GWT. Razvoj RIA aplikacij z Google Web Toolkitom. Vsebina. Kaj je RIA RIA platforme GWT Razvoj Knjižnice Zaključek. RIA (Rich Internet Application) – Obogatena spletna aplikacija Spletne rešitve, ki premorejo funkcionalnosti, značilne za namizne aplikacije

denton-moss
Download Presentation

GWT

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. GWT Razvoj RIA aplikacij z Google Web Toolkitom

  2. Vsebina Kaj je RIA RIA platforme GWT Razvoj Knjižnice Zaključek

  3. RIA (Rich Internet Application) – Obogatena spletna aplikacija Spletne rešitve, ki premorejo funkcionalnosti, značilne za namizne aplikacije Izvajajo se v spletnem brskalniku (ne potrebujejo namestitve) Velik del aplikacijske logike se izvaja na odjemalcu Kaj pomeni akronim RIA

  4. RIA platforme • Vodilne tehnologije: • Adobe Flex • Microsoft WPF in Silverlight • Java • AJAX • GWT • Ostale tehnologije: • Open Laszlo • Nexaweb • Canoo • Backbase

  5. Google Web Toolkit • GWT je produkt podjetja Google • Razvoj v jeziku Java • Prevajanje Jave v JavaScript • Podpora z orodji in knjižnicami • Poznan način razvoja • Razhroščevanje • Že izdelani gradniki • Brezplačno

  6. Kakodeluje? • AJAX front-end v Javi • Prevajanje v JavaScript • Optimizacija • Spremembe so med razvojem takoj vidne • Možnost razroščevanja korak za korakom

  7. Optimizirana JavaScript koda • Hitra, optimizirana JavaScript koda • Minimalna koda • Optimizacija klicev • Posebnosti posameznih brskalnikov

  8. Hosted mode • Java razhroščevalnik • Produkcija – JavaScript • Razvoj – Java bytecode • Samostojne JavaScript datoteke Potekrazvoja

  9. Lastnosti • Komunikacija s strežnikom preko RPC • Podoben RMI • Razširja sposobnosti aplikacije • Client in server paketa • Optimiziranne skripte glede na uporabniški profil • Več verzij prevedene kode • Ob izvajanju se naloži le ena verzija • Ponovna uporaba različnih komponent

  10. Lastnosti • Uporaba drugih JavaScript knjižnic in JavaScript kode • JSNI – JavaScript Native Interface • Od GWT 1.5 celo mešanje objektov • Podpora za uporabo gumba “Nazaj” ter za brskalnikovo zgodovino • Lokalizacija • Izdelava iste aplikacije v več jezikih • Ohranjanje delovnega okolja • Obdržite svoj Java IDE

  11. Widgeti-i • hyperlink • list box • Menu bar • Tree • Suggest box • Rich text area • Table • Tab bar • Dialog box • Popup panel • Stack panel • Vertical panel • Horizontal panel • Flow panel • Vertical split panel • Horizontal split panel • Dock panel • tab panel • Disclosure panel Button Push button Radio button Check box Date picker Toggle button Text box Password text box text area

  12. Widget-i

  13. Moduli <?xml version="1.0" encoding="UTF-8"?> <module rename-to='stockwatcher'> <inherits name='com.google.gwt.user.User'/> <inherits name='com.google.gwt.user.theme.standard.Standard'/> <entry-point class='com.google.gwt.sample.stockwatcher.client.StockWatcher'/> </module>

  14. Primer aplikacije • … • public class StockWatcher implements EntryPoint • { • private VerticalPanel mainPanel = new VerticalPanel(); • private FlexTable stocksFlexTable = new FlexTable(); • private HorizontalPanel addPanel = new HorizontalPanel(); • private TextBox newSymbolTextBox = new TextBox(); • private Button addStockButton = new Button("Add"); • private Label lastUpdatedLabel = new Label(); • public void onModuleLoad() • { • stocksFlexTable.setText(0, 0, "Symbol"); • stocksFlexTable.setText(0, 1, "Price"); • stocksFlexTable.setText(0, 2, "Change"); • stocksFlexTable.setText(0, 3, "Remove"); • addPanel.add(newSymbolTextBox); • addPanel.add(addStockButton); • mainPanel.add(stocksFlexTable); • mainPanel.add(addPanel); • mainPanel.add(lastUpdatedLabel); • RootPanel.get("stockList").add(mainPanel); • } • }

  15. Googlove API knjižnice za GWT so zbirka knjižnic, ki omogočajo uporabo Googlovih JavaScript knjižnic v GWT Java kodi Gadget-i so preproste HTML+JavaScript aplikacije, ki jih lahko uporabimo v spletnih straneh in drugih aplikacijah. Knjižnica lajša razvoj Gadgetov, saj avtomatsko generira njihovo specifikacijo iz Java kode Gears prinaša podporo za Gears API, kar vključuje LocalServer, Database, WorkerPool in integrirano podporo za nepovezano delovanje aplikacij Knjižnice

  16. Knjižnice Google AJAX Search API omogoča vkjučevanje Googlovega iskalnega mehanizma, kar vključuje iskanje po spletu, lokalno iskanje ter iskanje multimedijskih vsebin Google Maps API omogoča dostop do Googlovih zemljevidovThe library gives you full control using the standard Maps components such as InfoWindows, Markers, MapTypes, and Geocoding. You can even use advanced features such as adding GWT widgets to the Map, creating custom overlays, custom map types, and other components. Google Visualization API omogoča prikaz podatkov v obliki raznih grafov, slavnih googlovih annotated timelineov in geomap

  17. Vprašanja?

More Related