Flash Director is aimed at creative professionals.
Flex Builder is aimed at dev-types to rapidly create RIA’s.
Flex has two main components:
1. Flex Builder – design time tool to rapidly prototype RIA’s. Tons of pre-built components and functionality.
Flex Compiler - free compiler.
Flex Data Services – server to aggregate and bind to the enterprise
HTML vs Flex vs Flash
Unlike HTML, Flex was designed for application development (no more creating navbars by slicing up images!)
HTML / CSS files
HTML Flex Flash
MXML / CSS files
SWF in HTML output
Traditional Client Server model
The Web 2.0 Model - the new Client Server!
Abstract Engagement Model for connecting and integrating enterprises and users.
The model extends the Client server model further to the user (Humans too) and deeper into the back end to facilitate the web 2.0 patterns of interaction.
Users Services Capabilities Client Applications/Runtimes Connectivity / Reachability Patterns of inter- action “ Don't treat software as an artifact, but as a process of engagement with your users” - Tim O’Reilly
Web 2.0 Application Development Reference Architecture Service Container Service Provider Interface Registry- Repository Service Invocation layer Security Container/Model Communication Services Virtual Machine Controller Rendering & Media Data/State Management Client Application Tier Services Tier Resource Tier Business Rules/ Workflow Standards, Technologies & Protocols Consistent Object and Event Models Consistent Architectural Models Network / Connectivity Design & Governance Tools Core Services = spans both tiers
Apollo, Flex and Flash Sandbox Architecture * Now also called “Smart Client”
So is Adobe Flex!
XML: use a text editor to write Flex apps.
ActionScript 3.0 (ECMA)
Use existing Flash components (*.swf files) in Flex.
SOAP/AMF/HTTP: Easy data in/data out.
Playing with SVG? Drop it on in!
Plays nicely with JSP or Java beans?
Web 2.0 is Open: Based on Standards.
Flex Builder (Design Time Tool)
Eclipse based tool for generating RIA’s.
Compiler, debugger, and other tools developers really use.
Graphic design of complex flash files in minutes.
Lots of pre-built components to use from palette.
Current version is 2.01.
Download free trial from Adobe.
Flex Builder - Code view
Flex Builder - Design View
Runtime Data binding model
Runtime Environment – ActionScript
ActionScript class library
Effects, skins, etc.
Networking and data
Macromedia eXtensible Markup language.
Declarative programming (objects / properties are declared)
<properties> <name> Duane Nickulls E4X Tutorial </name> <description> Some random words </description> <publisher> Unknown </publisher> <copyright> (c) 2007 All rights Reserved </copyright> </properties>