RIA with Flex & PHP - Tulsa TechFest 2009

1,725 views
1,628 views

Published on

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

No Downloads
Views
Total views
1,725
On SlideShare
0
From Embeds
0
Number of Embeds
8
Actions
Shares
0
Downloads
35
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

    ×