Rich Web Applications in Server-side Java without Plug-ins or JavaScript

Transkriptio

1 Rich Web Applications in Server-side Java without Plug-ins or JavaScript Joonas Lehtinen, PhD Vaadin Ltd - CEO joonas@vaadin.com

2 ?

3

4

5 Vaadin is a UI framework for desktop-like web apps

6 New configs, taglibs and syntax!?! JavaScript, DOM, Applet, plugins? No! This is Java. Nothing else.

7 java html

8 healthcare portal, 100 kloc of perl,

9 web 1.0, netscape, ie5, ie6,...

10 thinking of object oriented design, desktop, Java, U and I...

11 desktop programming paradigm for web!

12 found millstone ajax google web toolkit

13 re-released as 2009

14 is there a?

15 Apache License

16 Contents Server-side RIA What is it? Pros & cons? Discussion Vaadin Big picture, Extending, Getting started In practice Coding a Vaadin application step-by-step

17 Server-side RIA

18 ? Rich Internet Application

19 an application that makes developers rich

20 if they bill by hour

21 Architecture

22 Web 1.0 Client 5 Server DOM HTML Page over HttpResponse View 4 Model 3 Parameters over HttpRequest 1 Controller 2 DB

23 client-side ria fat client

24 Client-side RIA Client View 5 4 Requested data to view as XML / JSON Server DOM 1 Model 3 Controller Changes to model encoded as parameters 2 DB

25 programming web is not easy

26 different features in different browsers

27 different performance in different browsers

28 different bugs in different browsers

29 Google Web Toolkit

30 Subset of java.lang, java.util Widgetset Java to JavaScript Compiler IE6 IE7 Firefox Your Application UI Safari

31 simpler Java only forget the web

32 cost-effective stop debugging JavaScript spaghetti

33 modular extensible

34 Building wonderful apps doesn t require writing fat web clients.

35 server-side ria thin client

36 Server-side RIA Client DOM 9 1 TerminalAdapter 8 HTML Page over HttpResponse Automated by the RIA framework Parameters over HttpRequest 2 TerminalAdapter 7 3 Server View Controller Model DB

37 Server-side RIA Client DOM 9 TerminalAdapter HTML Page over HttpResponse Automated by the RIA framework Handled by the framework 1 8 Parameters over HttpRequest 2 TerminalAdapter 7 3 Server View Controller Model DB

38 the benefits of Java simpler forget the web Java cost-effective no JavaScript debugging modular extensible

39 even simpler forget the client-side synchronous server resources

40 more flexible all Java tools and libraries any JVM language

41 more secure code stays in server less web services

42 not as scalable storing state in server memory limits number of concurrent users

43 A server with 16GB memory can handle concurrent 250kB sessions

44 no offline mode server is always required

45 In practice

46 National Geographic Channel 2010 Seeing is believing

47 What can it do in 20 minutes?

48

49

50 Demo as video

51 Vaadin

52 all benefits of server-side ria gwt

53 demo

54 Vaadin UI component architecture UI Component Button, Table, Tree,... Server-side data Full Java API HTTP(S) Widget Client-side peer for the component Runs on JavaScript Java Compiled with JDK Java Google Web Toolkit

55 thanks to GWT, creating new ui components is really easy

56 directory

57 channel for distributing Vaadin add-ons

58 ui components, data sources, themes, tools,...

59

60

61

62

63

64

65

66 Eclipse Maven Netbeans [Spring Roo]

67 Servlet Portlet 1.0 Portlet 2.0 App Engine

68 getting started

69

70 Book of Vaadin Free as PDF

71 #85 brought to you by... w.dzone.com Get More Refcardz! Visit refcardz.com CONTENTS INCLUDE: About Vaadin Creating An Application Components Layout Components Themes Data Binding and more... ABOUT VAADIN Vaadin is a server-side Ajax web application development framework that allows you to build web applications just like with traditional desktop frameworks, such as AWT or Swing. An application is built from user interface components contained hierarchically in layout components. In the server-driven model, the application code runs on a server, while the actual user interaction is handled by a client-side engine running in the browser. The client-server communications and any client-side technologies, such as HTML and JavaScript, are invisible to the developer. As the client-side engine runs as JavaScript in the browser, there is no need to install plug-ins. Vaadin is released under the Apache License 2.0. Web Browser Client-Side Engine Java Web Server Vaadin UI Components Figure 1: Vaadin Client-Server Architecture If the built-in selection of components is not enough, you can develop new components with the Google Web Toolkit (GWT) Getting Started with Vaadin Your Java Application Web Service EJB DB Web Browser Client-Side Engine Java Servlet Application Class User Application Figure 2: Architecture for Vaadin Applications Hot Tip AJAX Requests UI Component Inherits Events Changes Event Listener Servlet Container Data Model Data Binding Database By Marko Grönroos Default Theme Inherits Application Themes Application Resources External Resources File Resources You can get a reference to the application object from any component attached to the application with Event Listeners In the event-driven model, user interaction with user interface components triggers server-side events, which you can handle

72 Questions Comments m o c. in d a a s a joon n e n ti h le s a n o o /j :/ e p sky