Adobe Flex builder by elmagnif
Download as PPTX, PDF•0 likes•449 views
This document discusses Mbaye Camara and his work as an Adobe Developer. It provides information on Flex and how it differs from Flash, examples of using Flex to build rich internet applications that access web services, and how Flex applications can be deployed to desktops using Adobe AIR. Examples of applications built with Flex and AIR are also mentioned.
![privatefunctionrequestPhotos():void{photoService.cancel(); var params:Object = new Object();params.format = 'rss_200_enc';params.tags = searchTerms.text;photoService.send(params); }privatefunctionphotoHandler(event:ResultEvent):void{photoFeed = event.result.rss.channel.item as ArrayCollection; } ]]> </mx:Script> <mx:HTTPService id="photoService" url="http://api.flickr.com/services/feeds/photos_public.gne" result="photoHandler(event)"/> <mx:HBoxwidth="391"> <mx:TextInput id="searchTerms" /> <mx:Button label="Button" click="requestPhotos()"/> </mx:HBox><mx:TileListwidth="100%" height="100%"dataProvider="{photoFeed}"> <mx:itemRenderer> <mx:Component> <mx:VBoxwidth="125" height="125"paddingBottom="5"paddingLeft="5"paddingTop="5"paddingRight="5"> <mx:Imagewidth="75" height="75" source="{data.thumbnail.url}"/> <mx:Texttext="{data.credit}"/> </mx:VBox> </mx:Component> </mx:itemRenderer></mx:TileList></mx:WindowedApplication>16Mbaye CAMARA - Adobe Developer](https://image.slidesharecdn.com/flexbuilderslidesbyelmagnif-110617060401-phpapp01/85/Adobe-Flex-builder-by-elmagnif-21-320.jpg)
Adobe Flex builder by elmagnif
- 1. Mbaye CAMARA - Adobe Developer
- 2. MBAYE CAMARAIngénieur en Téléinformatique Développeur Flash/Flex (adobe)MspTechnology (Microsoft StudentPartners) @elmagnifMbaye CAMARA - Adobe Developer
- 3. Mbaye CAMARA - Adobe Developer
- 4. Rich Internet Applications:v3Adobe Flex & AIRSun Java FXFirefox 3Microsoft SiverlightFlash & FlexMbaye CAMARA - Adobe Developer
- 5. NAVIGATEURS WEBMbaye CAMARA - Adobe Developer
- 6. FLEX“Adobe® Flex™ 2 is a complete, powerful applicationdevelopment solution for creating and delivering cross-platform rich Internet applications (RIAs) within theenterprise and across the web. It enables the creation ofexpressive and interactive web applications that can reachvirtually anyone on any platform. ”3Mbaye CAMARA - Adobe Developer
- 7. More succinctly:“Flex is a way to develop Flash applications by programming”4Mbaye CAMARA - Adobe Developer
- 8. How is Flex different from Flash?FlashFlexActionScript MXML HTML/CSSJavascript Drawing Tools Library Layout EngineAnimation Timeline LayersYes No YesLimitedYes Yes Yes Yes YesYesYesYesYesNoNoYesNoNo5Mbaye CAMARA - Adobe Developer
- 9. EMCA standardized, likeJavascript, yet object-orientedlike javaFlashFlexActionScript MXML HTML/CSS Javascript Drawing Tools Library Layout EngineAnimation Timeline LayersYes No YesLimitedYes Yes Yes Yes YesYesYesYesYesNoNoYesNoNo5Mbaye CAMARA - Adobe Developer
- 10. EMCA standardized, likeJavascript, yet object-orientedlike javaFlashFlexActionScript MXMLYesYesYesDeclaritive XML-HTML/CSSYesLIke XULYes Yes Yes Yes YesJavascript Drawing Tools Library Layout EngineAnimation Timeline LayersYesNoNoYesNoNo5Mbaye CAMARA - Adobe Developer
- 11. ActionScript TimelineLayersCanvasMovieclipsStage6Mbaye CAMARA - Adobe Developer
- 12. Flash documents (.FLA) are binary files created in the Adobe Flash authoring environment.Interface elements are “drawn”manipulated over a timeline using tweens, key frames, and layers (or programmatically). A .FLA file is compiled into a .SWF file and embedded into an HTML page.Mbaye CAMARA - Adobe Developer
- 13. 8Mbaye CAMARA - Adobe Developer
- 14. Drawingtools9Mbaye CAMARA - Adobe Developer
- 15. Timeline10Mbaye CAMARA - Adobe Developer
- 16. Stage11Mbaye CAMARA - Adobe Developer
- 17. Library & components12Mbaye CAMARA - Adobe Developer
- 18. Actionscript editor13Mbaye CAMARA - Adobe Developer
- 19. ActionScriptDataservices MXMLTagsSourceView Html & Css Perspectives14Mbaye CAMARA - Adobe Developer
- 20. Flex documents (.MXML) are text files authored in AdobeFlexBuilder (based on Eclipse). Alternatively, Eclipse RCP can be used with a free FlexBuilder plug-in.In Flex, interface elements and components are created usingdeclaritive XML-like tags.15Mbaye CAMARA - Adobe Developer
- 21. privatefunctionrequestPhotos():void{photoService.cancel(); var params:Object = new Object();params.format = 'rss_200_enc';params.tags = searchTerms.text;photoService.send(params); }privatefunctionphotoHandler(event:ResultEvent):void{photoFeed = event.result.rss.channel.item as ArrayCollection; } ]]> </mx:Script> <mx:HTTPService id="photoService" url="http://api.flickr.com/services/feeds/photos_public.gne" result="photoHandler(event)"/> <mx:HBoxwidth="391"> <mx:TextInput id="searchTerms" /> <mx:Button label="Button" click="requestPhotos()"/> </mx:HBox><mx:TileListwidth="100%" height="100%"dataProvider="{photoFeed}"> <mx:itemRenderer> <mx:Component> <mx:VBoxwidth="125" height="125"paddingBottom="5"paddingLeft="5"paddingTop="5"paddingRight="5"> <mx:Imagewidth="75" height="75" source="{data.thumbnail.url}"/> <mx:Texttext="{data.credit}"/> </mx:VBox> </mx:Component> </mx:itemRenderer></mx:TileList></mx:WindowedApplication>16Mbaye CAMARA - Adobe Developer
- 22. FLEXBUILDER17Mbaye CAMARA - Adobe Developer
- 23. ECLIPSE PLUGIN18Mbaye CAMARA - Adobe Developer
- 24. Can Flex can be a companion toyour existing technology stack?Q19Mbaye CAMARA - Adobe Developer
- 25. Probably.20Mbaye CAMARA - Adobe Developer
- 26. EXAMPLEBase donnéeBo y BaldéCLASS FILESWFBensonWeb ServerM SéneFlexBuilderEclipseMoi-même (:p)21Mbaye CAMARA - Adobe Developer
- 27. Mbaye CAMARA - Adobe DeveloperExecution Time
- 28. Do we you any special technologyto run and deploy Flex apps?Q27Mbaye CAMARA - Adobe Developer
- 29. (:p)YES28Mbaye CAMARA - Adobe Developer
- 30. Flex Data Services 2“A powerful solution for creating data-intensive rich applications”• Deployed as standard J2EE application• Real-time data push and pub/sub messaging• Allows for occasionally connected applications20.OOO fcfa /CPU Read More:http://www.adobe.com/products/flex/dataservices/Mbaye CAMARA - Adobe Developer
- 31. WebORB for Java“WebORB for Java is server-side technology enabling connectivity between Flash Remoting andAJAX clients and Java applications.”500.000 fcfa/CPUMbaye CAMARA - Adobe Developer
- 32. Mbaye CAMARA - Adobe Developer
- 33. Do users need anything special torun Flex applications?Q32Mbaye CAMARA - Adobe Developer
- 34. Yes.33Mbaye CAMARA - Adobe Developer
- 35. 96% of PC’s have what they need to run a Flex application.34Mbaye CAMARA - Adobe Developer
- 36. AIR“Adobe® AIR™ lets developers use their existing web development skills in HTML, AJAX, Flash and Flex to build and deploy rich Internet applications to the desktop.”47Mbaye CAMARA - Adobe Developer
- 37. ?Application.airJava AppletFlash ContentWeb ContentFlex ContentAIR RUNTIMEWebKitBrowserFlashPlayerSQLiteDatabasePDFSupportOS integration via:File System I/O System Drag & DropOnline/Offline Full Network StackWindowing Clipboard SyncWindows 2000 Windows XP Mac OSX Linux BETANative Menu APIRight-click support48Mbaye CAMARA - Adobe Developer
- 38. FinetuneDeskop}}Music streaming fromInternet source+Music from my localiTunes library49Mbaye CAMARA - Adobe Developer
- 39. DEEZER20Mbaye CAMARA - Adobe Developer
- 40. PownceMbaye CAMARA - Adobe Developer
- 41. ebay Desktop53Mbaye CAMARA - Adobe Developer
- 42. Multiple window support55Mbaye CAMARA - Adobe Developer
- 43. Live updating56Mbaye CAMARA - Adobe Developer
- 44. Mbaye CAMARA - Adobe Developer
- 45. FINALLY62Mbaye CAMARA - Adobe Developer
- 46. 62Mbaye CAMARA - Adobe DeveloperRICH INTERNET APPLICATION Is the future
- 47. 62Mbaye CAMARA - Adobe DeveloperTHANKS FOR WATCHING