A Look At Flex And Php

2,379 views

Published on

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

No Downloads
Views
Total views
2,379
On SlideShare
0
From Embeds
0
Number of Embeds
30
Actions
Shares
0
Downloads
99
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

A Look At Flex And Php

  1. 1. A Look at Flex and PHP Central Florida PHP 1
  2. 2. A Look at Flex and PHP • Background Information • Flex: “Flash for Developers” • MXML • Building an Application 2
  3. 3. Background Information 3
  4. 4. 1985 Bill Atkinson builds HyperCard 4
  5. 5. 1991 Tim Berners-Lee Proposes HTML 5
  6. 6. 1993 Mosaic surfaces. Changes the world. 6
  7. 7. 1994 HTML 2, Netscape, W3 7
  8. 8. 1995 HTML 3, Tables, IE, Frames, Standards 8
  9. 9. 1996 Scripting Introduced 9
  10. 10. 1997 XML Introduced 10
  11. 11. Today Flash + XML = Flex 11
  12. 12. Flex: “Flash for Developers” 12
  13. 13. Authoring Environment 13
  14. 14. $$ 14
  15. 15. Closed Source 15
  16. 16. MXML 16
  17. 17. MXML vs. XHTML • MXML is to Flex as XHTML is to WWW • XHTML is interpreted • MXML is Compiled (into SWF) 17
  18. 18. MXML vs. XHTML • In MXML and XHTML you can • Define structure of data and layout • Define behavior or logic • Define presentation of information 18
  19. 19. MXML is XML <?xml version=quot;1.0quot; encoding=quot;utf-8quot;?> <mx:Application xmlns:mx=quot;http://www.adobe.com/2006/mxmlquot; backgroundColor=quot;#FFFFFFquot;> <mx:WebService id=quot;srvquot; wsdl=quot;http://coenraets.org/services/ProductWS?wsdlquot; showBusyCursor=quot;truequot;/> <mx:DataGrid dataProvider=quot;{srv.getProducts.lastResult}quot; width=quot;100%quot; height=quot;100%quot;> <mx:columns> <mx:DataGridColumn dataField=quot;productIdquot; headerText=quot;Product Idquot;> <mx:DataGridColumn dataField=quot;namequot; headerText=quot;Namequot;/> <mx:DataGridColumn dataField=quot;pricequot; headerText=quot;Pricequot;/> </mx:columns> </mx:DataGrid> <mx:Button label=quot;Get Dataquot; click=quot;srv.getProducts()quot;/> </mx:Application> 19
  20. 20. MXML Makes Rich UIs 20
  21. 21. MXML Makes Rich UIs 21
  22. 22. MXML Makes Rich UIs 22
  23. 23. Building an Application 23
  24. 24. Step-by-Step 1. Download Flex 2. Install the Framework 3. Write the Code 4. Compile 5. Execute 24
  25. 25. Downloading Flex • http://www.flex.org/download/ • You need the “free Flex SDK” • FlexBuilder is cool too 25
  26. 26. Installing Flex • Unpack the SDK to a permanent location • Install the Debug Player • Add the compiler to your PATH • Windows: bin/mxmlc.exe • Mac: bin/mxmlc 26
  27. 27. Write the Code Binding.mxml <?xml version=quot;1.0quot; ?> <mx:Application xmlns:mx=quot;http://www.adobe.com/2006/mxmlquot; horizontalAlign=quot;centerquot; verticalAlign=quot;centerquot; > <mx:Panel title=quot;{textInput.text}quot;> <mx:TextInput id=quot;textInputquot; width=quot;250quot; text=quot;Data Bindingquot;/> </mx:Panel> </mx:Application> 27
  28. 28. Compile • mxmlc path/to/Binding.mxml 28
  29. 29. Execute 29
  30. 30. Useful Links • Flex.org • http://flex.org/ • Flex Documentation • http://www.adobe.com/support/documentation/ en/flex/ 30
  31. 31. Useful Links • Flex Quickstart Tutorials • http://www.adobe.com/devnet/flex/? tab:quickstart=1 • Try Flex Online • http://try.flex.org/ • Flex Labs • http://labs.adobe.com/technologies/flex/ 31
  32. 32. Useful Links • Adobe Developers of Greater Orlando • http://adogo.us/ • RIAPedia • http://www.riapedia.com/ • Flex Team Blog • http://weblogs.macromedia.com/flexteam/ 32

×