Adobe Flex

  • 924 views
Uploaded on

 

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
924
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
52
Comments
0
Likes
1

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. presented by Mullaikani A May 21, 2009
  • 2. MAINFRAME REACH RICH Text UI Integrated media GUI CLIENT/SERVER WEB APPLICATIONS 2004 1992 1998 RICH INTERNET APPLICATIONS Applications have evolved
  • 3. Agenda
    • What is Flex?
    • Why to use Flex?
    • How to develop?
    • MXML and ActionScript
    • Examples
  • 4. Adobe Flex
    • Rich Internet Application (RIA)‏
    • Flex vs. Flash
    • Built on MXML and ActionScript
    • Free Flex 3 SDK
    • Current Version:
      • Adobe Flex 3
      • Adobe Builder 3
  • 5.
    • Why use Flex
      • Scalability
        • designed to scale from simple components in websites to full-blown browser-based or desktop applications
        • developers can select data transport methods including support for XML over HTTP or Adobe's Action Message Format (AMF)‏
  • 6.
      • Cross-platform, accessible applications
        • RIAs created with Flex can run in the browser using Adobe Flash Player software or on the desktop on Adobe AIR
        • Cross Browser Compatible
    Why use Flex
  • 7. How do you develop Flex apps
      • Can choose to develop Flex Apps in an Eclipse based Flex Builder IDE or in an IDE of their choice
      • Adobe Flex Builder is most often used to write code because of its user friendly
  • 8. Being a dialect of XML, standard validity rules apply: tags must be closed, and all the other XML rules apply. Pattern: Mxml
  • 9. MXML and ActionScript <?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot; ?> <mx:Application xmlns:mx=&quot;http://www.adobe.com/2006/mxml&quot; xmlns=&quot;*&quot; layout=&quot;vertical” creationComplete=&quot;initApp()&quot;> <mx:Script> <![CDATA[ public function initApp():void { mainTxt.text = “Hello World!!”; } public function sayHello():void { Alert.show(“Hello World!!”); } ]]> </mx:Script>
  • 10. <mx:Label id=&quot;title&quot; fontSize=&quot;24&quot; fontStyle=&quot;bold” text='&quot;Hello, world!&quot; Example'/> <mx:TextArea id = &quot;mainTxt&quot; width=&quot;250&quot;/> <mx:Button id=“btn” width=“20” click=“sayHello()”/> </mx:Application
  • 11. How Flex Works in the Browser Compile(mxmlc) Flex SDK Browser Flash Player Browser Flash Player Existing Applications & Infrastructure J2EE Application Server LC Data Services XML/HTTP REST SOAP Web Services Web Server Flex SDK
  • 12. Adobe Flex Builder
      • Powerful coding tool
      • Code refactoring engine
      • IDE built on Eclipse
      • Code Hinting
      • Design Mode
  • 13. LAST BUT NOT LEAST FLEX IS FLEXIBLE