RIA Overview for Windows 2000, 2002

Transcription

1 Next Generation RIA apps Stephan Janssen

2 What is RIA? RIA Client = Application Server = 2

3 The RIA Eco-system RIA Desktop Desktop Related Web Related Web Processing Client side Server side C/C++ Classical Desktop Java RCP.Net Internet enabled AIR Client JavaFX Smart Client Flex Applets Flash SilverLight DHTML/Ajax Web 2.0 GWT Thinlet Thin Client Nexaweb Classic HTML Website 3

4 The RIA Eco-system RIA Desktop Desktop Related Web Related Web Processing Client side Server side C/C++ Java RCP.Net AIR JavaFX Flex DHTML/Ajax Applets Flash SilverLight GWT Thinlet Nexaweb HTML 4

5 The RIA Eco-system RIA Desktop Desktop Related Web Related Web Processing Client side Server side C/C++ Java RCP.Net AIR JavaFX Flex DHTML/Ajax Applets Flash SilverLight GWT Thinlet Nexaweb HTML 5

6 Data Formats RIA Desktop Desktop Related Web Related Web Server Client Bin. JSON XML HTML 6

7 Communication Strategies RIA Desktop Desktop Related Web Related Web Server Client RPC WS* REST JMS 7

8 8

9 RIA Trends

10 Google Trends 10

11 Google Trends 11

12 Google Trends 12

13 RIA Jobs

14 Job Trends 14

15 Job Trends 15

16 Job Trends 16

17 Job Trends 17

18 Parleys.com Case Study

19 Flex

20 DEMO 20

21 Flex Advantages It just works! Flex does already exist for +/- 5 years... it shows :) Many build in animations available Many UI components available Flex3 deep linking and History support works Good eclipse-based IDE support Smart local caching 21

22 Google Web Toolkit

23 DEMO 23

24 Google Web Toolkit (GWT) Ajax Client Side Ajax Server Side Effects DOM XHR JS ext. Widgets CSS/ Behavior Marshalling Packaging Ajax DSLs XHR Marshalling Ajax Style view-centric code-centric modelcentric 24

25 GWT-FX EffectPanel effpanel = new EffectPanel();... MorphStyle themorph = new MorphStyle( new Rule("{left: 0px; top: 0px;width: 720px; height: 540px;}"), new Rule("{left: 720px; top: 540px; width: 10px; height: 10px;}")); } effpanel.addeffect(themorph); effpanel.addeffect(new Fade()); effpanel.seteffectslength(0.5); themorph.addeffecthandler(new HideEffectHandlerAdapter()); effpanel.playeffects(0, 1); public class HideEffectHandlerAdapter extends EffectHandlerAdapter { public void postevent(effect theeffect) { //do post callback } } 25

26 GWT Experience You develop in Java! Back button works Works on different browsers/operating systems outof-the-box Great tooling support Google friendliness of Google Web Toolkit :( 26

27 JavaFX

28 DEMO 28

29 JavaFX var collapse: Timeline = Timeline { keyframes: [ at(0s) { width => curwidth opacity => 1.0 }, at(600ms) { width => 0.0 tween Interpolator.EASEOUT, opacity => 0.0 tween Interpolator.EASEOUT } ] } 29

30 JavaFX Opportunities (Integrated) Design Tools JavaOne next month? More default animations/transitions needed Google Friendliness Deployment on Mac Deep Linking 30

31 What s next for Parleys.com?

32 Parleys iphone Client 32

33 Complete New Player Demo 33

34 Multi track Publisher Demo 34

35 Any Questions?

36 RIA s Compared Technology Owner FCS Version Platforms DHTML W3C +/- 15 years HTML4 n Flex Adobe 4 years 3.x 3 AIR Adobe 1 year 1.x 3 JavaFX Sun still beta Beta n-1 Silverlight Microsoft still beta Beta

37 RIA s Compared Technology Browser Desktop SEO DHTML Yes No* More or less Flex Yes No Getting there AIR No Yes - JavaFX Yes Yes Not yet Silverlight Yes No Not yet * Except with Prism 37

38 RIA s Compared Technology Multimedia Back Button Deep Linking Local Storage DHTML Using Flash Sometimes Yes Cookies, Gears Flex FLV, MP3 Yes* Yes Shared Object AIR FLV, MP3 - - SQLite JavaFX On2* No No Anything Silverlight WMV* Yes* No Isolated Storage 38

39 RIA s Compared Technology IDE Debug Unit Testing Mocks DHTML * Firebug JSUnit JSMock Flex Flex Builder Yes FlexUnit* Not yet AIR Flex Builder Yes FlexUnit* Not yet JavaFX NetBeans Yes J(Fx)Unit JMock, EasyMock... Silverlight Visual Studio Yes csunit MockGen 39

40 RIA s Compared Technology Decompile Obfuscate Compiled DHTML Very Easy* Yes Interpreted* Flex Harder Yes Compiled AIR Harder Yes Compiled JavaFX Easy Unknown Compiled Silverlight Easy Yes Compiled Modularization 40

41 RIA s Compared Technology Design DHTML Dreamweaver Flex Thermo AIR Thermo JavaFX Photoshop / Illustrator* Silverlight Blend 41