SlideShare a Scribd company logo

Getting Started with Flex and PHP

•Download as KEY, PDF•
•
Ryan Stewart
Ryan Stewart

This document provides an overview of how Flex and PHP can work together to build rich internet applications (RIAs). Flex is a framework for building RIAs that provides features like advanced user interfaces, data visualization, real-time collaboration and more. PHP can be used to expose data and business logic through web services that Flex applications can call. Examples shown include using PHP with AMF to connect Flex UIs to databases, building real-time applications with sockets, and leveraging PHP for collaboration features.

Related slideshows

Force.com Canvas - a Quick Introduction
Force.com Canvas - a Quick IntroductionForce.com Canvas - a Quick Introduction
Force.com Canvas - a Quick Introduction
 
Sys02 best way to create a share point app
Sys02 best way to create a share point appSys02 best way to create a share point app
Sys02 best way to create a share point app
 
Where do you want to go today
Where do you want to go todayWhere do you want to go today
Where do you want to go today
 
1 of 38
Getting Started with Flex and PHP
Ryan Stewart ryan@adobe.com blog.digitalbackcountry.com @ryanstewart github.com/ryanstewart Live in Seattle, WA (Born in Glenwood Springs) Into: Beer, Mountaineering, Geolocation Adobe evangelist for 3.5 years 13 T 500100 4400259
Agenda What is Flex? Flex and PHP: The Why and the Workflows Advanced PHP Features with Flex Using PHP and the Flash Platform
Getting Started with Flex and PHP
Flex is Not: Basic Animations Banner Ads Simple Video Menu Bars Small Pieces of Interactivity
Pyramid of Flash Features and Use Cases RIAs, Games Real-Time Collaboration Data Visualization, Gestures Interactive Widgets, Streaming Video, Advanced Drawing, Sound Generation, Filters/ Effects Simple Animation, Vector Graphics, Banner Ads, 5 Progressive Video
Pyramid of Flash Features and Use Cases RIAs, Games Real-Time Collaboration Data Visualization, Gestures Interactive Widgets, Streaming Video, Advanced Drawing, Sound Generation, Filters/ Effects Simple Animation, Vector Graphics, Banner Ads, Progressive Video HTML5
Pyramid of Flash Features and Use Cases RIAs, Games Flex Real-Time Collaboration Data Visualization, Gestures Interactive Widgets, Streaming Video, Advanced Drawing, Sound Generation, Filters/ Effects Simple Animation, Vector Graphics, Banner Ads, Progressive Video HTML5
Flex is Applications
Flex is for Developers Open Source SDK Familiar Programming Model 3rd Party Libraries and Frameworks Developer Tutorials
Flex is Rich, Extensible Components
Flex is Consistency
Flex is Productivity
Developer Tooling
Flash Builder Built on Eclipse Code completion, syntax highlighting Includes debugger, network monitor Build desktop or browser apps
Other Flex Developer Tools Visual Studio Plugin IntelliJ TextMate Bundles
How Flex and PHP Work Together In-Browser Applications Desktop/Mobile Apps Compile to SWF Package Flex Framework Components, Data Connection Effects Debugger, Validators, APIs, Compiler, XML / JSON / AMF / HTTP(S) / SOAP / Socket / RTMP PHP Code Exposed as Services that connects calls data from external data sources
Your first Flex App
Easily Connect to Data
Flash Builder Data Wizards Create PHP classes based on a database Easily connect to any exposed services Test operations and define types Generate forms based on data types Bind data to interface components
AMF and the Zend Framework
Intro to AMF A binary file format that represents a serialized ActionScript object Created as a way to exchange data with the Flash Player Allows you to map data types to Flash Player types Open Specification
AMF and PHP Projects AMFPHP - Great, open source, easy to use, still the standard ZendAMF - Part of the Zend Framework, most up to date WebORB PHP - Part of WebORB family, comes with code generation tools SaberAMF - Lightweight AMF implementation, similar to AMFPHP
http://www.jamesward.com/ census/
What About Design?
Designing Flex The ability to tweak styles with CSS Change themes that affect every component Work with a designer to skin components
Designer/ Developer Workflow Flex’s component model separates design from logic Allows developers to take and easily integrate designer content Flash Catalyst is the UI designer for Flex
Leveraging the Designer in Flex
Taking Flex and PHP Further
Real-Time Data Over Sockets
Typical HTTP Call Client Server Request Who Am I, What Am I, Where Am I Going? Response Who Am I, What Am I, Where Am I Going? Repeat
Socket Call Client Server Connection Push
PHP Can Act as Socket Server Flex can Connect via Socket Class Provides the capability to roll your own real-time data access
Using PHP to Manage Collaboration
LiveCycle Collaboration Services Cloud-based service for collaboration Uses Flash to enable real-time data transfer Includes a PHP library for managing service
PHP and Collaboration Management, authentication
Flashndroid
Questions ryan@adobe.com blog.digitalbackcountry.com @ryanstewart 13 T 500100 4400259 github.com/ryanstewart

More Related Content

Getting Started with Flex and PHP

  • 1. Getting Started with Flex and PHP
  • 2. Ryan Stewart ryan@adobe.com blog.digitalbackcountry.com @ryanstewart github.com/ryanstewart Live in Seattle, WA (Born in Glenwood Springs) Into: Beer, Mountaineering, Geolocation Adobe evangelist for 3.5 years 13 T 500100 4400259
  • 3. Agenda What is Flex? Flex and PHP: The Why and the Workflows Advanced PHP Features with Flex Using PHP and the Flash Platform
  • 5. Flex is Not: Basic Animations Banner Ads Simple Video Menu Bars Small Pieces of Interactivity
  • 6. Pyramid of Flash Features and Use Cases RIAs, Games Real-Time Collaboration Data Visualization, Gestures Interactive Widgets, Streaming Video, Advanced Drawing, Sound Generation, Filters/ Effects Simple Animation, Vector Graphics, Banner Ads, 5 Progressive Video
  • 7. Pyramid of Flash Features and Use Cases RIAs, Games Real-Time Collaboration Data Visualization, Gestures Interactive Widgets, Streaming Video, Advanced Drawing, Sound Generation, Filters/ Effects Simple Animation, Vector Graphics, Banner Ads, Progressive Video HTML5
  • 8. Pyramid of Flash Features and Use Cases RIAs, Games Flex Real-Time Collaboration Data Visualization, Gestures Interactive Widgets, Streaming Video, Advanced Drawing, Sound Generation, Filters/ Effects Simple Animation, Vector Graphics, Banner Ads, Progressive Video HTML5
  • 10. Flex is for Developers Open Source SDK Familiar Programming Model 3rd Party Libraries and Frameworks Developer Tutorials
  • 11. Flex is Rich, Extensible Components
  • 15. Flash Builder Built on Eclipse Code completion, syntax highlighting Includes debugger, network monitor Build desktop or browser apps
  • 16. Other Flex Developer Tools Visual Studio Plugin IntelliJ TextMate Bundles
  • 17. How Flex and PHP Work Together In-Browser Applications Desktop/Mobile Apps Compile to SWF Package Flex Framework Components, Data Connection Effects Debugger, Validators, APIs, Compiler, XML / JSON / AMF / HTTP(S) / SOAP / Socket / RTMP PHP Code Exposed as Services that connects calls data from external data sources
  • 19. Easily Connect to Data
  • 20. Flash Builder Data Wizards Create PHP classes based on a database Easily connect to any exposed services Test operations and define types Generate forms based on data types Bind data to interface components
  • 21. AMF and the Zend Framework
  • 22. Intro to AMF A binary file format that represents a serialized ActionScript object Created as a way to exchange data with the Flash Player Allows you to map data types to Flash Player types Open Specification
  • 23. AMF and PHP Projects AMFPHP - Great, open source, easy to use, still the standard ZendAMF - Part of the Zend Framework, most up to date WebORB PHP - Part of WebORB family, comes with code generation tools SaberAMF - Lightweight AMF implementation, similar to AMFPHP
  • 26. Designing Flex The ability to tweak styles with CSS Change themes that affect every component Work with a designer to skin components
  • 27. Designer/ Developer Workflow Flex’s component model separates design from logic Allows developers to take and easily integrate designer content Flash Catalyst is the UI designer for Flex
  • 29. Taking Flex and PHP Further
  • 31. Typical HTTP Call Client Server Request Who Am I, What Am I, Where Am I Going? Response Who Am I, What Am I, Where Am I Going? Repeat
  • 32. Socket Call Client Server Connection Push
  • 33. PHP Can Act as Socket Server Flex can Connect via Socket Class Provides the capability to roll your own real-time data access
  • 34. Using PHP to Manage Collaboration
  • 35. LiveCycle Collaboration Services Cloud-based service for collaboration Uses Flash to enable real-time data transfer Includes a PHP library for managing service
  • 36. PHP and Collaboration Management, authentication
  • 38. Questions ryan@adobe.com blog.digitalbackcountry.com @ryanstewart 13 T 500100 4400259 github.com/ryanstewart

Editor's Notes

  2. http://www.smashingmagazine.com/2009/01/23/friday-freebies-flavours-icon-set-and-cute-tweeters-icon-set/
  19. Appear one by one
  40. http://www.smashingmagazine.com/2009/01/23/friday-freebies-flavours-icon-set-and-cute-tweeters-icon-set/