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 ...
What is Adobe Flex?
• Client Side, deployed as Flash .swf
 • Written as MXML (Macromedia XML)
 • Similar to XHTML
 • UI Co...
Benefits of Flex:

• Any language as backend
• SWF can be served by any HTTP
  webserver
• Can serve as UI for different ap...
Benefits of Flex:
•   Code once. Port to Web/Desktop (any browser!)

•   Comes with WYSIWYG designer

•   CSS Skinning

•  ...
Available Elements

• Layout/Navigation
 • Canvas, Form,VBox, HBox, Accordion
• Controls
 • Button, Checkbox, ComboBox, Te...
Available Elements

• Charts
 • Bar Chart, Pie Chart, Line Chart
• Data connectivity
 • HTTPService, RemoteObject,
    Web...
Available Elements
• Validation
 • Email, Date, ZipCode
• Effects
 • Zoom, Resize, Move, Fade
• Databinding
 • "Glues" Dat...
Language

• ActionScript = Javascript + Java
• MXML - ActionScript
• Familiar syntax (Similar to C++, Java, C#, JS)
• Dyna...
Let’s Code It!




      16
Q&A




 17
Links

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

                    18
Upcoming SlideShare
Loading in …5
×

RIA with Flex & PHP - Tulsa TechFest 2009

1,832 views

Published on

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

No Downloads
Views
Total views
1,832
On SlideShare
0
From Embeds
0
Number of Embeds
8
Actions
Shares
0
Downloads
36
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide
  • In 1992, we moved from Mainframes to Client/Servers
    Then in 1998, we moved from Client/Servers to Web Apps
    And in 2004, we now have Rich Internet Applications (RIA)
  • Flash was an animation tool
    Flex is a development platform
    Output of Flex is a complied Flex
  • Examples:
    Nick.com desktop app
    Mini Car Builder
  • RIA with Flex & PHP - Tulsa TechFest 2009

    1. 1. RIA with Flex & PHP Tulsa TechFest 11/06/2009 Jason Ragsdale & Tommy Falgout 1
    2. 2. What? • Rich Internet Application • Flex or AIR based • Web Service Backend 2
    3. 3. MySQL • Create table “Customers” • Create table “Inventory” 3
    4. 4. Yii Framework • Used CLI interface to create the project • Configure for DB connection 4
    5. 5. Yii Framework • Use CLI create model & CRUD • Use CLI create controller “soap” 5
    6. 6. Yii Framework • Define the Service provider • Declaring Web Service Action • Mapping the Class 6
    7. 7. Let’s Code It! 7
    8. 8. 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
    9. 9. 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
    10. 10. 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
    11. 11. 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
    12. 12. Available Elements • Layout/Navigation • Canvas, Form,VBox, HBox, Accordion • Controls • Button, Checkbox, ComboBox, TextInput, Live, Label, Tree 12
    13. 13. Available Elements • Charts • Bar Chart, Pie Chart, Line Chart • Data connectivity • HTTPService, RemoteObject, Webservice, XML 13
    14. 14. Available Elements • Validation • Email, Date, ZipCode • Effects • Zoom, Resize, Move, Fade • Databinding • "Glues" Data from source to Dest 14
    15. 15. Language • ActionScript = Javascript + Java • MXML - ActionScript • Familiar syntax (Similar to C++, Java, C#, JS) • Dynamic Language 15
    16. 16. Let’s Code It! 16
    17. 17. Q&A 17
    18. 18. Links • twitter: @jasrags & @snoopykiss • yiiframework.com • adobe.com/flex 18

    ×