A Look at Flex and PHP

1,410 views

Published on

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

  • Be the first to like this

No Downloads
Views
Total views
1,410
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
15
Comments
0
Likes
0
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="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" backgroundColor="#FFFFFF"> <mx:WebService id="srv" wsdl="http://coenraets.org/services/ProductWS?wsdl" showBusyCursor="true"/> <mx:DataGrid dataProvider="{srv.getProducts.lastResult}" width="100%" height="100%"> <mx:columns> <mx:DataGridColumn dataField="productId" headerText="Product Id"> <mx:DataGridColumn dataField="name" headerText="Name"/> <mx:DataGridColumn dataField="price" headerText="Price"/> </mx:columns> </mx:DataGrid> <mx:Button label="Get Data" click="srv.getProducts()"/> </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="1.0" ?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" horizontalAlign="center" verticalAlign="center" > <mx:Panel title="{textInput.text}"> <mx:TextInput id="textInput" width="250" text="Data Binding"/> </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

×