RIA with Flex & PHP - Tulsa TechFest 2009
3 likes692 views
This document provides an overview of building a Rich Internet Application (RIA) using Adobe Flex and a PHP backend. It discusses using the Yii framework to create models, controllers and define web services to connect the Flex frontend to the PHP backend using a MySQL database. Code examples are provided to demonstrate integrating Flex and PHP using web services.
RIA with Flex & PHP - Tulsa TechFest 2009
- 1. RIA with Flex & PHP Tulsa TechFest 11/06/2009 Jason Ragsdale & Tommy Falgout 1
- 2. What? • Rich Internet Application • Flex or AIR based • Web Service Backend 2
- 3. MySQL • Create table “Customers” • Create table “Inventory” 3
- 4. Yii Framework • Used CLI interface to create the project • Configure for DB connection 4
- 5. Yii Framework • Use CLI create model & CRUD • Use CLI create controller “soap” 5
- 6. Yii Framework • Define the Service provider • Declaring Web Service Action • Mapping the Class 6
- 7. Let’s Code It! 7
- 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. 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. 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. 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. Available Elements • Layout/Navigation • Canvas, Form,VBox, HBox, Accordion • Controls • Button, Checkbox, ComboBox, TextInput, Live, Label, Tree 12
- 13. Available Elements • Charts • Bar Chart, Pie Chart, Line Chart • Data connectivity • HTTPService, RemoteObject, Webservice, XML 13
- 14. Available Elements • Validation • Email, Date, ZipCode • Effects • Zoom, Resize, Move, Fade • Databinding • "Glues" Data from source to Dest 14
- 15. Language • ActionScript = Javascript + Java • MXML - ActionScript • Familiar syntax (Similar to C++, Java, C#, JS) • Dynamic Language 15
- 16. Let’s Code It! 16
- 17. Q&A 17
- 18. Links • twitter: @jasrags & @snoopykiss • yiiframework.com • adobe.com/flex 18
Editor's Notes
- #9: 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)
- #10: Flash was an animation tool Flex is a development platform Output of Flex is a complied Flex
- #16: Examples: Nick.com desktop app Mini Car Builder