RIA with Flex & PHP
Tulsa TechFest 11/06/2009
Jason Ragsdale & Tommy Falgout
1

What?
• Rich Internet Application
• Flex or AIR based
• Web Service Backend
2

MySQL
• Create table “Customers”
• Create table “Inventory”
3

Yii Framework
• Used CLI interface to create the project
• Configure for DB connection
4

Yii Framework
• Use CLI create model & CRUD
• Use CLI create controller “soap”
5

Yii Framework
• Define the Service provider
• Declaring Web Service Action
• Mapping the Class
6

Let’s Code It!
7

What is an RIA?
• RIA is an application that runs in the
traditional browser, but utilizes an
intermediate layer that can bypass the
traditional page refresh.
• AJAX ( Async JS & XML)
• OpenLaszlo (Flash Player + AJAX)
• Flex/Flash
8

What is Adobe Flex?
• Client Side, deployed as Flash .swf
• Written as MXML (Macromedia XML)
• Similar to XHTML
• UI Components
• Class Libraries
• Evolved from Flash
9

Benefits of Flex:
• Any language as backend
• SWF can be served by any HTTP
webserver
• Can serve as UI for different apps
• With AIR, can work as Desktop Client
10

Benefits of Flex:
• Code once. Port to Web/Desktop (any browser!)
• Comes with WYSIWYG designer
• CSS Skinning
• Rich + Reach
• Designer + Developer
• Flash has 99% reach
11

Available Elements
• Layout/Navigation
• Canvas, Form,VBox, HBox, Accordion
• Controls
• Button, Checkbox, ComboBox, TextInput,
Live, Label, Tree
12

Available Elements
• Charts
• Bar Chart, Pie Chart, Line Chart
• Data connectivity
• HTTPService, RemoteObject,
Webservice, XML
13

Available Elements
• Validation
• Email, Date, ZipCode
• Effects
• Zoom, Resize, Move, Fade
• Databinding
• "Glues" Data from source to Dest
14

Language
• ActionScript = Javascript + Java
• MXML - ActionScript
• Familiar syntax (Similar to C++, Java, C#, JS)
• Dynamic Language
15

Let’s Code It!
16

Q&A
17

Links
• twitter: @jasrags & @snoopykiss
• yiiframework.com
• adobe.com/flex
18