presented by Mullaikani A May 21, 2009
MAINFRAME REACH RICH Text UI Integrated media GUI CLIENT/SERVER WEB APPLICATIONS 2004 1992 1998 RICH INTERNET APPLICATIONS...
Agenda <ul><li>What is Flex? </li></ul><ul><li>Why to use Flex? </li></ul><ul><li>How to develop? </li></ul><ul><li>MXML a...
  Adobe Flex <ul><li>Rich Internet Application (RIA)‏ </li></ul><ul><li>Flex vs. Flash </li></ul><ul><li>Built on MXML and...
<ul><li>Why use Flex </li></ul><ul><ul><li>Scalability </li></ul></ul><ul><ul><ul><li>designed to scale from simple compon...
<ul><ul><li>Cross-platform, accessible applications </li></ul></ul><ul><ul><ul><li>RIAs created with Flex can run in the b...
How do you develop Flex apps  <ul><ul><li>Can choose to develop Flex Apps in an Eclipse based Flex Builder IDE or in an ID...
Being a dialect of XML, standard validity rules apply: tags must be closed, and all the other XML rules apply. Pattern: Mxml
MXML and ActionScript <?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot; ?> <mx:Application xmlns:mx=&quot;http://ww...
<mx:Label id=&quot;title&quot; fontSize=&quot;24&quot; fontStyle=&quot;bold” text='&quot;Hello, world!&quot; Example'/> <m...
How Flex Works in the Browser Compile(mxmlc) Flex SDK Browser Flash Player Browser Flash Player Existing Applications & In...
Adobe Flex Builder <ul><ul><li>Powerful coding tool </li></ul></ul><ul><ul><li>Code refactoring engine </li></ul></ul><ul>...
LAST BUT NOT LEAST FLEX IS FLEXIBLE
Upcoming SlideShare
Loading in...5
×

Adobe Flex

971

Published on

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
971
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
53
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Adobe Flex

  1. 1. presented by Mullaikani A May 21, 2009
  2. 2. MAINFRAME REACH RICH Text UI Integrated media GUI CLIENT/SERVER WEB APPLICATIONS 2004 1992 1998 RICH INTERNET APPLICATIONS Applications have evolved
  3. 3. Agenda <ul><li>What is Flex? </li></ul><ul><li>Why to use Flex? </li></ul><ul><li>How to develop? </li></ul><ul><li>MXML and ActionScript </li></ul><ul><li>Examples </li></ul>
  4. 4. Adobe Flex <ul><li>Rich Internet Application (RIA)‏ </li></ul><ul><li>Flex vs. Flash </li></ul><ul><li>Built on MXML and ActionScript </li></ul><ul><li>Free Flex 3 SDK </li></ul><ul><li>Current Version: </li></ul><ul><ul><li>Adobe Flex 3 </li></ul></ul><ul><ul><li>Adobe Builder 3 </li></ul></ul>
  5. 5. <ul><li>Why use Flex </li></ul><ul><ul><li>Scalability </li></ul></ul><ul><ul><ul><li>designed to scale from simple components in websites to full-blown browser-based or desktop applications </li></ul></ul></ul><ul><ul><ul><li>developers can select data transport methods including support for XML over HTTP or Adobe's Action Message Format (AMF)‏ </li></ul></ul></ul>
  6. 6. <ul><ul><li>Cross-platform, accessible applications </li></ul></ul><ul><ul><ul><li>RIAs created with Flex can run in the browser using Adobe Flash Player software or on the desktop on Adobe AIR </li></ul></ul></ul><ul><ul><ul><li>Cross Browser Compatible </li></ul></ul></ul>Why use Flex
  7. 7. How do you develop Flex apps <ul><ul><li>Can choose to develop Flex Apps in an Eclipse based Flex Builder IDE or in an IDE of their choice </li></ul></ul><ul><ul><li>Adobe Flex Builder is most often used to write code because of its user friendly </li></ul></ul>
  8. 8. Being a dialect of XML, standard validity rules apply: tags must be closed, and all the other XML rules apply. Pattern: Mxml
  9. 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. 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. 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. 12. Adobe Flex Builder <ul><ul><li>Powerful coding tool </li></ul></ul><ul><ul><li>Code refactoring engine </li></ul></ul><ul><ul><li>IDE built on Eclipse </li></ul></ul><ul><ul><li>Code Hinting </li></ul></ul><ul><ul><li>Design Mode </li></ul></ul>
  13. 13. LAST BUT NOT LEAST FLEX IS FLEXIBLE
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×