How to mix rich client application technologies

1. Mixing Ajax, Swing und Flash Sibylle Peter, Matthias Huber, Canoo AG

4. Clientseitige Integration Server Server Ajax Flash Swing Client Server

6. Mixing Ajax & Flash Flash Ajax ExternalInterface Flex Ajax Bridge

9. Ajax flexApp = document.getElementById('flexApp'); ... flexApp.setCamera(camera.checked); ... function setSelectedPhone( name, price) { name.innerHTML = name; price.innerHTML = price; } catalog.swf hybridstore.html

10. Flex catalog.mxml private function setupCallbacks():void { if (ExternalInterface.available) { ExternalInterface.addCallback("setCamera", setCamera); ... addEventListener(ThumbnailClickedEvent.THUMBNAIL_CLICK_EVENT, setSelectedPhoneEventHandler); } } .... private function setSelectedPhoneEventHandler( event:ThumbnailClickedEvent):void { var thumb:Thumbnail = event.thumbnail; ExternalInterface.call("setSelectedPhone", thumb.getName(), thumb.getPrice()); }

15. Swing & Ajax – Beispiel I SwingGoogleMap JDIC WebBrowser Native Browser Engine map.html

16. Swing & Ajax – Beispiel II Zoom In ActionListener JDIC WebBrowser Google Map executeScript map.zoomIn map.getZoom

17. Swing & Ajax – Beispiel III NavBar JS2JavaEventHandler JDIC WebBrowser Google Map EventListener JS2JavaEvent document.location setLocation mouseMove

20. Swing & Flash – Beispiel JFlashHybridStore JFlash IE Flash Plugin store.swf

21. Swing & Flash – Beispiel II ActionListener JFlash Store callExternalAPI ActiveX.CallFunction <invoke … Camera

22. Swing & Flash – Beispiel III JS2JavaEventHandler JFlash Store NavBar JFlashEventHandler EventHandler ExternalInterface.call JFlashEvent <invoke… JS2JavaEvent setSelectedPhone ThumbnailClickedEvent

24. Mixing Swing & Flash - JDIC Swing JavaScript URL loading Flash JavaScript ExternalInterface FABridge

25. Swing & Flash – Beispiel JDICHybridStore JDIC WebBrowser Native Browser store.html

26. Swing & Flash – Beispiel II ActionListener Store <invoke … Camera JDIC WebBrowser store.html executeScript flexApp.setCamera..

27. Swing & Flash – Beispiel III JS2JavaEventHandler JDIC WebBrowser Store ExternalInterface.call NavBar JS2JavaEvent setSelectedPhone EventHandler ClickedEvent store.html document.location