Upload
ginger-leonard
View
219
Download
0
Tags:
Embed Size (px)
Citation preview
ColdFusion 9 and Flex ColdFusion 9 and Flex 4:4:Application Application DevelopmentDevelopment
Ryan StewartRyan Stewart
Platform Evangelist, Adobe SystemsPlatform Evangelist, Adobe Systems
[email protected]@adobe.com
Twitter: Twitter: @ryanstewart@ryanstewart
About RyanAbout Ryan
Adobe Employee: 2 Adobe Employee: 2 yearsyears
CF Developer at CF Developer at WhartonWharton
Interests: Beer, the Interests: Beer, the OutdoorsOutdoors
Agenda for TodayAgenda for Today
Using Flash Builder Using Flash Builder 4 with ColdFusion 94 with ColdFusion 9
Fun new features in Fun new features in Flex 4Flex 4
ColdFusion as a ColdFusion as a Service in your Flex Service in your Flex ApplicationsApplications
Flash Builder for CF Flash Builder for CF DevelopersDevelopers
Both Flash Builder and Both Flash Builder and ColdFusion Builder run on ColdFusion Builder run on EclipseEclipse
Best way to get started:Best way to get started:
Install ColdFusion Builder Install ColdFusion Builder as a plugin into the as a plugin into the standalone version of standalone version of Flash Builder 4Flash Builder 4
Plugging Flash Builder Plugging Flash Builder into CF Builderinto CF Builder
In the current beta you can install the plug-in In the current beta you can install the plug-in version of Flash Builder into the standalone version of Flash Builder into the standalone version of ColdFusion Builderversion of ColdFusion Builder
It requires a change in settings to the CFBuilder.ini It requires a change in settings to the CFBuilder.ini file in the root directory of your installationfile in the root directory of your installation
http://www.adrocknaphobia.com/post.cfm/update-http://www.adrocknaphobia.com/post.cfm/update-your-coldfusion-builder-beta-settings-for-flash-your-coldfusion-builder-beta-settings-for-flash-builder-4-betabuilder-4-beta
Helpful Flex Features in Helpful Flex Features in ColdFusion BuilderColdFusion Builder
ColdFusion Builder supports ColdFusion Builder supports extensionsextensions
Ships with an AS Class Ships with an AS Class GeneratorGenerator
Create AS classes based on a Create AS classes based on a database modeldatabase model
RDS Query ViewerRDS Query Viewer
Create queries right from the Create queries right from the IDEIDE
Snippets PanelSnippets Panel
Save Flex code for reuseSave Flex code for reuse
Working with DataWorking with DataNew Data Features in Flash Builder 4 for New Data Features in Flash Builder 4 for ColdFusion DevelopersColdFusion Developers
Data Centric Data Centric DevelopmentDevelopment
Flash Builder 4 includes new Flash Builder 4 includes new data wizards for ColdFusion data wizards for ColdFusion and other languagesand other languages
Consume or Generate CFCsConsume or Generate CFCs
Inspect methods and Inspect methods and generate return typesgenerate return types
Drag and drop services on to Drag and drop services on to UI components UI components
Generate UI based on a data Generate UI based on a data modelmodel
Map client side data operations to server side operationsMap client side data operations to server side operations
Create, Update, Delete, etc.Create, Update, Delete, etc.
Automate bulk updates & deletionsAutomate bulk updates & deletions
Support for “rollback” of changes to dataSupport for “rollback” of changes to data
One instance of any recordOne instance of any record
Changes reflected wherever data is displayedChanges reflected wherever data is displayed
Paging for large recordsetsPaging for large recordsets
Automatic fetching of X records at a timeAutomatic fetching of X records at a time
Ideal for large datasets in grids, lists, etc.Ideal for large datasets in grids, lists, etc.
Advanced Data FeaturesAdvanced Data Features
Checking the Flow of Checking the Flow of InformationInformation
Were you a Flex 1.5 Were you a Flex 1.5 developer? Do you remember developer? Do you remember the Network Monitor?the Network Monitor?
It’s back!It’s back!
Allows you to see network Allows you to see network traffic between your Flex app traffic between your Flex app and ColdFusion serverand ColdFusion server
See requests and responses See requests and responses in tree or raw viewin tree or raw view
Debug network calls right Debug network calls right from Flash Builderfrom Flash Builder
DemoDemoUsing the Data Using the Data Centric Centric Development Development Workflow with Flex Workflow with Flex and ColdFusionand ColdFusion
Flex 4Flex 4Fun New Features for Creative ColdFusion Fun New Features for Creative ColdFusion DevelopersDevelopers
Improved States SyntaxImproved States Syntax
2-way Data Binding2-way Data Binding
Advanced CSSAdvanced CSS
New AnimationNew Animation
New Layout ModelNew Layout Model
New Component ModelNew Component Model
Referred to as the Referred to as the “Spark” Component set“Spark” Component set
Clean separation Clean separation between logic between logic (ActionScript) and (ActionScript) and visual elements (MXML)visual elements (MXML)
Visual elements stored Visual elements stored in a separate filein a separate file
Designs are swappable Designs are swappable at runtimeat runtime
Component (AS)Component (AS) Skin (MXML)Skin (MXML)
BehaviorBehaviorLogicLogicDataData
GraphicsGraphicsLayoutLayout
AnimationAnimationStatesStates
Creative Suite Tools Support Creative Suite Tools Support FXG GraphicsFXG Graphics
XML-basedXML-based
Map closely to the Flash Map closely to the Flash Player ModelPlayer Model
SupportsSupports
GradientsGradients
FillsFills
Shapes and PathsShapes and Paths
FiltersFilters
MXML Graphics and FXGMXML Graphics and FXG
<s:Path /><s:Path /><s:fill><s:fill><s:LinearGradient /><s:LinearGradient /></s:fill></s:fill>
<s:stroke><s:stroke><s:SolidColor /><s:SolidColor /></s:stroke></s:stroke>
<s:filters><s:filters><s:DropShadowFilter /><s:DropShadowFilter /></s:filters></s:filters>
DemoDemoComponents in Components in Flex 4Flex 4
ColdFusion As a ServiceColdFusion As a ServiceUsing ColdFusion Inside of your Flex and Using ColdFusion Inside of your Flex and AIR ApplicationsAIR Applications
Working with ColdFusion Working with ColdFusion and Flex Todayand Flex Today
Create a CFC with ColdFusion service Create a CFC with ColdFusion service functionality built into itfunctionality built into it
Make sure to expose that CFC remotelyMake sure to expose that CFC remotely
Use the RemoteObject tag to call CFC from FlexUse the RemoteObject tag to call CFC from Flex
Rinse, Wash, Repeat for every ServiceRinse, Wash, Repeat for every Service
There is a Better WayThere is a Better Way
Consume Consume ColdFusion services ColdFusion services from right within a from right within a Flex/AIR applicationFlex/AIR application
Use similar syntax Use similar syntax and propertiesand properties
Take advantage of Take advantage of ColdFusion’s more ColdFusion’s more powerful featurespowerful features
PDF generation and access (cfpdf)PDF generation and access (cfpdf)
Chart generation (cfchart)Chart generation (cfchart)
Document creation (cfdocument)Document creation (cfdocument)
Send mail (cfmail)Send mail (cfmail)
Retrieve POP3 (cfpop)Retrieve POP3 (cfpop)
Create and alter images (cfimage) - no captcha Create and alter images (cfimage) - no captcha :(:(
Supported ServicesSupported Services
Using CFAAS in FlexUsing CFAAS in Flex
Add the cfservices.swc Add the cfservices.swc to your Flex projectto your Flex project
Scope the cfservices Scope the cfservices classes to the cf: classes to the cf: namespacenamespace
Create a configuration Create a configuration tagtag
Start consuming Start consuming servicesservices
Configuring ColdFusion Configuring ColdFusion Services: Services: cf:InternalConfigcf:InternalConfig
In the CF Administrator, In the CF Administrator, create a user and expose create a user and expose specific servicesspecific services
Enable specific IP addresses Enable specific IP addresses (the one your Flex application (the one your Flex application will be served from)will be served from)
Use cf:InternalConfig to set Use cf:InternalConfig to set up the URL, port, and user for up the URL, port, and user for the ColdFusion Servicesthe ColdFusion Services
That cf:InternalConfig tag That cf:InternalConfig tag applies to all other ColdFusion applies to all other ColdFusion services calledservices called
CF AdministratorCF Administrator
Configured Users and IP AddressesConfigured Users and IP Addresses
AMFAMF Web ServiceWeb Service
Flex ApplicationFlex Application
cf:InternalConfig Informationcf:InternalConfig Information
cf: Servicescf: Services
DemoDemoUsing ColdFusion Using ColdFusion as a Service in as a Service in FlexFlex
Q&AQ&[email protected]@adobe.com