Echo2 Java AJAX Web Framework Petar Milev

Contents 1.Introduction to Echo2 2.Echo2 Target – Business Web 3.Why Choosing Echo2? 4.Live Demo 5.How It Works? 6.Conclusion 7.Links 8.Components (screenshots)

Introduction to Echo2 -Echo2 is a Web Framework for Java -It is AJAX-enabled -Helps developing rich business web applications -The code can be written entirely on the server side, using only Java -Doesn’t require any additional build phases

Echo2 Target – Business Web -What business web means here? -When developing the presentation – focus on the functionality rather on the visual design -Visual design is also very flexible

Why Choosing Echo2? -Easies the development – makes web applications simple -Forget about legacy paradigms like page- orientation, request-response, etc. -Rich AJAX application without any additional effort -Use just Java code for the whole presentation layer -Easy to support software

Echo2 Live Demo

How It Works? (part 1) -On the first request, Echo2 JavaScript engine is sent to the client (specific for the browser) -From now on, Echo2 engine handles everything for us -On a user interaction it automatically notifies the server (if needed) and calls our event- handling Java code -The Echo2 server engine generates appropriate XML response which is handled by Echo2 JS engine and DOM is updated

How It Works? (part 2) Step 1: User presses a button Step 2: If there is ActionListener attached, the Echo2 JS engine sends the event to the server: </message-part></client-message>

Conclusion -Alternative for developing contemporary web applications with no real alternative for other platforms/languages -Introducing very simple approach -Increases team efficiency -Appropriate for large software applications -Very mature with state of a proven framework

Links Echo home page: - find demos, tutorials, builds and source code Wiki: - many useful resources and links EchoPointNG: - library with many additional Echo2 components Echo2GO: - everything you need to make echo2 app in 15 minutes

Widgets (screenshots) part 1 Standard components:

Widgets (screenshots) part 2 Layouting components: Vertical split pane Popup window

Widgets (screenshots) part 3 Windows and popups: Customizable tabpane Customizable image borders Color chooser

Widgets (screenshots) part 4 More components: Accordion pane Charts: Pie/Pie 3D Bar/Bar 3D Menus

Third Party Widgets You get even more fancy components with EchoPointNG (LGPL) library AutoLookupTextFieldAutoLookupTextField BalloonHelpBalloonHelp CalculatorCalculator DateChooserDateChooser HistoryMonitorHistoryMonitor ImageMapImageMap LiveTableLiveTable RichTextAreaRichTextArea TreeTree TreeTableTreeTable