A Look At Flex And Php
Upcoming SlideShare
Loading in...5
×
 

A Look At Flex And Php

on

  • 3,425 views

 

Statistics

Views

Total Views
3,425
Views on SlideShare
3,423
Embed Views
2

Actions

Likes
1
Downloads
97
Comments
0

1 Embed 2

http://www.slideshare.net 2

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

A Look At Flex And Php A Look At Flex And Php Presentation Transcript

  • A Look at Flex and PHP Central Florida PHP 1
  • A Look at Flex and PHP • Background Information • Flex: “Flash for Developers” • MXML • Building an Application 2
  • Background Information 3
  • 1985 Bill Atkinson builds HyperCard 4
  • 1991 Tim Berners-Lee Proposes HTML 5
  • 1993 Mosaic surfaces. Changes the world. 6
  • 1994 HTML 2, Netscape, W3 7
  • 1995 HTML 3, Tables, IE, Frames, Standards 8
  • 1996 Scripting Introduced 9
  • 1997 XML Introduced 10
  • Today Flash + XML = Flex 11
  • Flex: “Flash for Developers” 12
  • Authoring Environment 13
  • $$ 14
  • Closed Source 15
  • MXML 16
  • MXML vs. XHTML • MXML is to Flex as XHTML is to WWW • XHTML is interpreted • MXML is Compiled (into SWF) 17
  • MXML vs. XHTML • In MXML and XHTML you can • Define structure of data and layout • Define behavior or logic • Define presentation of information 18
  • 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
  • MXML Makes Rich UIs 20
  • MXML Makes Rich UIs 21
  • MXML Makes Rich UIs 22
  • Building an Application 23
  • Step-by-Step 1. Download Flex 2. Install the Framework 3. Write the Code 4. Compile 5. Execute 24
  • Downloading Flex • http://www.flex.org/download/ • You need the “free Flex SDK” • FlexBuilder is cool too 25
  • 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
  • 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
  • Compile • mxmlc path/to/Binding.mxml 28
  • Execute 29
  • Useful Links • Flex.org • http://flex.org/ • Flex Documentation • http://www.adobe.com/support/documentation/ en/flex/ 30
  • 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
  • Useful Links • Adobe Developers of Greater Orlando • http://adogo.us/ • RIAPedia • http://www.riapedia.com/ • Flex Team Blog • http://weblogs.macromedia.com/flexteam/ 32