RIA Step-by-step #8 - Creating Flash Catalyst CS5 custom components | Rich Internet Applications 101

RIA Step-by-step #8 - Creating Flash Catalyst CS5 custom components

Show: Rich Internet Applications 101

Products Covered:

Save

Translations

About This Episode

Use Flash Catalyst to add a custom component in order to display the photos on the gallery page of the RIA.

Show More Details

More Episodes

Episode Title	Runtime	CC	Products Covered	My Library
Ramco On Demand ERP Ramco On Demand ERP Find out how Ramco Systems, a leading Indian systems integrator and software company, is using Adobe's platform tools & frameworks to create a highly immersive and interactive user experience for its path-breaking OnDemand Cloud-based ERP solution; including providing support for access from multiple devices and screens. Runtime: 00:04:30 Added: August 26, 2011 Views: 459	00:04:30
RIA Step-by-step #1 - RIA with Adobe Flash Catalys... RIA Step-by-step #1 - RIA with Adobe Flash Catalyst CS5.5 and Flash Builder 4.5 Get started with this step-by-step tutorial series with an introduction to the photo gallery RIA course project. Learn where to access sample project files, project assets, and other RIA teaching and learning resources. Runtime: 00:01:38 Added: June 06, 2011 Views: 2,238	00:01:38
RIA Step-by-step #2 - Introduction to the Flash Ca... RIA Step-by-step #2 - Introduction to the Flash Catalyst CS5.5 interface Get familiar with the Adobe Flash Catalyst CS5.5 interface and functionality in preparation for designing the photo gallery RIA. Runtime: 00:07:05 Added: June 06, 2011 Views: 1,408	00:07:05
RIA Step-by-step #3 - Designing artwork for Flash... RIA Step-by-step #3 - Designing artwork for Flash Catalyst CS5.5 Learn how to use the Adobe Creative Suite tools to design the RIA UI artwork for importing into Flash Catalyst CS5.5. Runtime: 00:04:06 Added: June 06, 2011 Views: 3,051	00:04:06
RIA Step-by-step #4 - Importing an Illustrator des... RIA Step-by-step #4 - Importing an Illustrator design document into Flash Catalyst CS5.5 Import your Adobe Illustrator design document into Flash Catalyst CS5.5 and get prepared to add rich interactivity to the photo gallery RIA. Runtime: 00:03:45 Added: June 06, 2011 Views: 972	00:03:45
RIA Step-by-step #5 - Importing a Photoshop design... RIA Step-by-step #5 - Importing a Photoshop design document into Flash Catalyst CS5.5 Import your Adobe Photoshop design document into Flash Catalyst CS5.5 and get prepared to add rich interactivity to the photo gallery RIA. Runtime: 00:03:29 Added: June 06, 2011 Views: 941	00:03:29
RIA Step-by-step #6 - Working with pages and state... RIA Step-by-step #6 - Working with pages and states in Flash Catalyst CS5.5 Create button components in Flash Catalyst CS5.5 to allow for navigation between the different pages and states of the photo gallery RIA. Runtime: 00:02:23 Added: June 06, 2011 Views: 820	00:02:23
RIA Step-by-step #7 - Adding navigation between Fl... RIA Step-by-step #7 - Adding navigation between Flash Catalyst CS5.5 pages and states Create button components in Flash Catalyst CS5.5 to allow for navigation between the different pages and states of the photo gallery RIA. Runtime: 00:04:53 Added: June 06, 2011 Views: 817	00:04:53
RIA Step-by-step #8 - Creating Flash Catalyst CS5.... RIA Step-by-step #8 - Creating Flash Catalyst CS5.5 custom components Use Flash Catalyst CS5.5 to add a custom component in order to display the photos on the gallery page of the RIA. Runtime: 00:02:47 Added: June 06, 2011 Views: 899	00:02:47
RIA Step-by-step #9 - Creating a Flash Catalyst CS... RIA Step-by-step #9 - Creating a Flash Catalyst CS5.5 Data List component Learn how to create a Data List component to display the thumbnails that users click to see the full-size images in the photo gallery RIA. Runtime: 00:10:16 Added: June 06, 2011 Views: 1,169	00:10:16
RIA Step-by-step #10 - Designing transitions betwe... RIA Step-by-step #10 - Designing transitions between Flash Catalyst CS5.5 pages and states Add animated transitions between pages and states to create an engaging user experience for the photo gallery RIA. Runtime: 00:05:22 Added: June 06, 2011 Views: 596	00:05:22
RIA Step-by-step #11 - Designing a Flash Catalyst... RIA Step-by-step #11 - Designing a Flash Catalyst CS5.5 form Design a form in Flash Catalyst CS5.5 for submitting comments about the images in the photo gallery RIA. Runtime: 00:05:02 Added: June 06, 2011 Views: 576	00:05:02
RIA Step-by-step #12 - Round-trip editing between... RIA Step-by-step #12 - Round-trip editing between Flash Catalyst CS5.5 and Illustrator Make round-trip edits to RIA artwork in Adobe Illustrator, while maintaining the work you've done in Flash Catalyst CS5.5. Runtime: 00:02:54 Added: June 06, 2011 Views: 417	00:02:54
RIA Step-by-step #13 - Roundtrip editing between F... RIA Step-by-step #13 - Roundtrip editing between Flash Catalyst CS5.5 and Photoshop Make round-trip edits to RIA artwork in Adobe Photoshop, while maintaining the work you've done in Flash Catalyst CS5.5. Runtime: 00:02:27 Added: June 06, 2011 Views: 415	00:02:27
RIA Step-by-step #14 - Add video and sound to a Fl... RIA Step-by-step #14 - Add video and sound to a Flash Catalyst CS5.5 project Learn how to add video and audio assets to the photo gallery RIA in Flash Catalyst CS5.5. Runtime: 00:05:34 Added: June 06, 2011 Views: 535	00:05:34
RIA Step-by-step #15 - Controlling video with Flas... RIA Step-by-step #15 - Controlling video with Flash Catalyst CS5.5 interactions Create custom buttons and interactions to control audio and video playback in Flash Catalyst CS5.5. Runtime: 00:07:14 Added: June 06, 2011 Views: 425	00:07:14
RIA Step-by-step #16 - Exporting and importing a F... RIA Step-by-step #16 - Exporting and importing a Flash Catalyst CS5.5 library package Export your Flash Catalyst CS5.5 Project Library as a Library Package for importing into other RIAs that use the same assets. Runtime: 00:01:47 Added: June 06, 2011 Views: 348	00:01:47
RIA Step-by-step #17 - Publishing a Flash Catalyst... RIA Step-by-step #17 - Publishing a Flash Catalyst CS5.5 project Learn how to publish the Flash Catalyst CS5.5 photo gallery project to the web or as an AIR application for the desktop. Runtime: 00:03:50 Added: June 06, 2011 Views: 443	00:03:50
RIA Step-by-step #18 - RIA with Flash Builder 4.5 RIA Step-by-step #18 - RIA with Flash Builder 4.5 Get familiar with the Adobe Flash Builder 4.5 interface and functionality in preparation for developing the photo gallery RIA. Runtime: 00:05:25 Added: June 06, 2011 Views: 637	00:05:25
RIA Step-by-step #19 - Importing a Flash Catalyst... RIA Step-by-step #19 - Importing a Flash Catalyst CS5.5 design into Flash Builder 4.5 Import your Flash Catalyst CS5.5 project into Flash Builder 4.5 and get prepared to add data services and user event functionality to the photo gallery RIA. Runtime: 00:03:46 Added: June 06, 2011 Views: 731	00:03:46
RIA Step-by-step #20 - Connecting to an external d... RIA Step-by-step #20 - Connecting to an external data source in Flash Builder 4.5 Connect the photo gallery RIA to an XML data source to populate the application with data stored outside the RIA - in this case: thumbnails, full size images, and image metadata. Runtime: 00:02:32 Added: June 06, 2011 Views: 900	00:02:32
RIA Step-by-step #21 - Binding a data service to F... RIA Step-by-step #21 - Binding a data service to Flex components Bind the XML data source to components used to display the thumbnails, full size images, and image metadata in the photo gallery RIA. Runtime: 00:07:03 Added: June 06, 2011 Views: 916	00:07:03
RIA Step-by-step #22 - Changing the UI content bas... RIA Step-by-step #22 - Changing the UI content based on user events Define an event handler for the click of the submit button in the photo gallery RIA. Runtime: 00:02:31 Added: June 06, 2011 Views: 415	00:02:31
RIA Step-by-step #23 - Calling a service based on... RIA Step-by-step #23 - Calling a service based on user events Connect the text input fields to a ColdFusion 9 mail service to send user comments by email in the photo gallery RIA. Runtime: 00:03:57 Added: June 06, 2011 Views: 369	00:03:57
RIA Step-by-step #24 - Mapping service calls to CR... RIA Step-by-step #24 - Mapping service calls to CRUD functionality Allow users to create, read, update, and delete (CRUD) records in a database. Use the Flash Builder data management wizard to map CRUD functionality to the appropriate service calls for working with a database. Runtime: 00:04:05 Added: June 06, 2011 Views: 307	00:04:05
RIA Step-by-step #25 - Handling data service calls... RIA Step-by-step #25 - Handling data service calls on buttons Add event handlers to enable buttons for creating, updating, and deleting items in a sales database. Runtime: 00:05:14 Added: June 06, 2011 Views: 255	00:05:14
RIA Step-by-step #26 - Checking for Flash Catalyst... RIA Step-by-step #26 - Checking for Flash Catalyst CS5.5 compatibility Learn how to check your Flash Builder 4.5 project for compatibility with Flash Catalyst CS5.5. Runtime: 00:02:35 Added: June 06, 2011 Views: 127	00:02:35
RIA Step-by-step #27 - Exporting a Flash Catalyst... RIA Step-by-step #27 - Exporting a Flash Catalyst CS5.5 compatible project Learn how to export a Flash Catalyst CS5.5 compatible project from Flash Builder 4.5. Runtime: 00:01:09 Added: June 06, 2011 Views: 181	00:01:09
RIA Step-by-step #28 - Deploying RIAs to the web o... RIA Step-by-step #28 - Deploying RIAs to the web or desktop with Flash Builder 4.5 Learn how to publish the completed photo gallery project to the web or as an AIR application for the desktop. Runtime: 00:04:02 Added: June 06, 2011 Views: 244	00:04:02
What is Flash Catalyst? What is Flash Catalyst? An introduction to Flash Catalyst. Learn how it can help you build interactive Flash content only using design skills. Runtime: 00:01:41 Added: April 12, 2010 Views: 98,166	00:01:41
Creating Interactive Web Experiences with Flash Creating Interactive Web Experiences with Flash See how the integration of the Flash family of tools in CS5 Web Premium works for the interaction designer and the web application developer. Runtime: 00:08:50 Added: April 12, 2010 Views: 50,959	00:08:50
Creating Video Portfolios with Flash Catalyst Creating Video Portfolios with Flash Catalyst Join Karl Soule as he demonstrates Adobe Flash Catalyst, a new tool in CS5 Production Premium that allows you to create interactive designs for the web… without coding! Runtime: 00:14:07 Added: May 26, 2010 Views: 12,571	00:14:07
Teaching the Adobe Flash Platform in Education Teaching the Adobe Flash Platform in Education Learn how Full Sail University is using the Adobe Flash Platform to instruct students how to create rich Internet applications (RIAs) that access APIs and web services. Runtime: 01:00:00 Added: November 01, 2009 Views: 687	01:00:00
Aligning Higher Education with RIA Trends and Oppo... Aligning Higher Education with RIA Trends and Opportunities Join Anuja Dharkar as she speaks about resources available to help prepare students for RIA design and development trends that are impacting interactivity and visual design while connecting designers and developers more closely. Runtime: 00:58:51 Added: October 07, 2009 Views: 372	00:58:51
Using Adobe AIR as a Tool in Universities Using Adobe AIR as a Tool in Universities Join Kellen Maicher, Frank Garofalo and Alex Porter from Purdue University as they walk us though the planning, design, and development of CGCentral, a desktop information hub Adobe AIR application. Runtime: 00:39:56 Added: October 07, 2009 Views: 666	00:39:56
Winning Student Teams Present Their Flash Catalyst... Winning Student Teams Present Their Flash Catalyst Projects Winners of the interaction design competition from the University of Missouri School of Journalism and Fudan University in Shanghai come to Adobe San Francisco to present their projects and meet the team behind Adobe Flash Catalyst CS5, the software at the center of their projects. Runtime: 00:03:02 Added: June 24, 2010 Views: 7,827	00:03:02
Disciplinary Programs with Flex and Adobe AIR Disciplinary Programs with Flex and Adobe AIR Join Shelley Evenson (Professor) and Lee Byron (Student) as they share their experiences from the Human-Computer Interaction Institute & the areas of design & computer science collaboratively developed Flex applications for video messaging and more. Runtime: 00:50:27 Added: October 07, 2009 Views: 1,290	00:50:27
RIA Uses in Education: Working Smarter, Not Harder RIA Uses in Education: Working Smarter, Not Harder See examples and hear strategies on maximizing the use of rich Internet applications (RIAs) in education while still providing the user with a personal experience. Learn how Miami University architects RIAs using Flash Catalyst, Flash Builder, CF and AIR. Runtime: 01:00:00 Added: October 18, 2009 Views: 404	01:00:00
Exploring New Uses for Rich Internet Applications... Exploring New Uses for Rich Internet Applications in Education Join Kellen Maicher from Purdue University for a demonstration of the development of several Adobe AIR applications that integrate Flash, AIR, and Flex into existing curriculums. Maicher will describe the evolution of course material from primarily SWF co Runtime: 01:00:00 Added: October 18, 2009 Views: 885	01:00:00
Rich Internet Applications Rich Internet Applications What is a rich Internet application? Looking for information on RIAs? Senior technical editor, Michael Koch points you in the right direction. Runtime: 00:01:26 Added: October 18, 2009 Views: 2,623	00:01:26
The Advantages of Flex The Advantages of Flex Learn why Flex is great for RIA development and how it compares with other RIA technologies. This introductory level session will provide a high-level overview of the tools, languages, and framework provided by Flex. Runtime: 01:00:00 Added: October 18, 2009 Views: 1,557	01:00:00
Learning Flex from Scratch (LFFS) Learning Flex from Scratch (LFFS) Join Adam Flater & Scott Sheridan as they share info about the Learning Flex from Scratch series on Inside RIA (http://www.insideria.com/adam_flater_and_scott_sheridan/) focused on a non-programmers journey into the world of Flex. Runtime: 01:00:41 Added: October 18, 2009 Views: 2,412	01:00:41
Sketching Interactivity by Ethan Eismann Sketching Interactivity by Ethan Eismann Join Ethan Eismann to see a variety of tutorials and examples that visually explain innovative ways for you to map, plan, and organize your RIA or Adobe AIR application. Runtime: 01:03:19 Added: October 18, 2009 Views: 1,071	01:03:19
RIA Step-by-step #1 - RIA with Adobe Flash Catalys... RIA Step-by-step #1 - RIA with Adobe Flash Catalyst CS5 and Flash Builder 4 Get started with this step-by-step tutorial series with an introduction to the photo gallery RIA course project. Learn where to access sample project files, project assets, and other RIA teaching and learning resources. Runtime: 00:02:19 Added: May 03, 2010 Views: 7,079	00:02:19
RIA Step-by-step #2 - Introduction to the Flash Ca... RIA Step-by-step #2 - Introduction to the Flash Catalyst CS5 Interface Get familiar with the Adobe Flash Catalyst interface and functionality in preparation for designing the photo gallery RIA. Runtime: 00:06:56 Added: May 03, 2010 Views: 3,759	00:06:56
RIA Step-by-step #3 - Designing artwork for Flash... RIA Step-by-step #3 - Designing artwork for Flash Catalyst CS5 Learn how to use the Adobe Creative Suite tools to design the RIA UI artwork for importing into Flash Catalyst Runtime: 00:04:10 Added: May 03, 2010 Views: 2,694	00:04:10
RIA Step-by-step #4 - Importing an Illustrator des... RIA Step-by-step #4 - Importing an Illustrator design document into Flash Catalyst CS5 Import your Adobe Illustrator design document into Flash Catalyst and get prepared to add rich interactivity to the photo gallery RIA. Runtime: 00:03:49 Added: May 03, 2010 Views: 1,543	00:03:49
RIA Step-by-step #5 - Importing a Photoshop design... RIA Step-by-step #5 - Importing a Photoshop design document into Flash Catalyst CS5 Import your Adobe Photoshop design document into Flash Catalyst and get prepared to add rich interactivity to the photo gallery RIA. Runtime: 00:03:18 Added: May 03, 2010 Views: 1,412	00:03:18
RIA Step-by-step #6 - Working with pages and state... RIA Step-by-step #6 - Working with pages and states in Flash Catalyst Learn how to work with pages and states in Flash Catalyst to architect the flow of content for the photo gallery RIA. Runtime: 00:02:37 Added: May 03, 2010 Views: 1,885	00:02:37
RIA Step-by-step #7 - Adding navigation between Fl... RIA Step-by-step #7 - Adding navigation between Flash Catalyst CS5 pages and states Create button components in Flash Catalyst to allow for navigation between the different pages and states of the photo gallery RIA. Runtime: 00:04:55 Added: May 03, 2010 Views: 2,361	00:04:55
RIA Step-by-step #8 - Creating Flash Catalyst CS5... RIA Step-by-step #8 - Creating Flash Catalyst CS5 custom components Use Flash Catalyst to add a custom component in order to display the photos on the gallery page of the RIA. Runtime: 00:03:11 Added: May 03, 2010 Views: 4,290	00:03:11
RIA Step-by-step #9 - Creating a Flash Catalyst CS... RIA Step-by-step #9 - Creating a Flash Catalyst CS5 Data List component Learn how to create a Data List component to display the thumbnails that users click to see the full-size images in the photo gallery RIA. Runtime: 00:10:16 Added: May 03, 2010 Views: 4,549	00:10:16
RIA Step-by-step #10 - Designing transitions betwe... RIA Step-by-step #10 - Designing transitions between Flash Catalyst CS5 pages and states Add animated transitions between pages and states to create an engaging user experience for the photo gallery RIA. Runtime: 00:05:03 Added: May 03, 2010 Views: 1,791	00:05:03
RIA Step-by-step #11 - Designing a Flash Catalyst... RIA Step-by-step #11 - Designing a Flash Catalyst CS5 form Design a form in Flash Catalyst for submitting comments about the images in the photo gallery RIA. Runtime: 00:05:45 Added: May 03, 2010 Views: 2,987	00:05:45
RIA Step-by-step #12 - Round-trip editing between... RIA Step-by-step #12 - Round-trip editing between Flash Catalyst CS5 and Illustrator Make round-trip edits to RIA artwork in Adobe Illustrator, while maintaining the work you've done in Flash Catalyst. Runtime: 00:03:19 Added: May 03, 2010 Views: 904	00:03:19
RIA Step-by-step #13 - Round-trip editing between... RIA Step-by-step #13 - Round-trip editing between Flash Catalyst CS5 and Photoshop Make round-trip edits to RIA artwork in Adobe Photoshop, while maintaining the work you've done in Flash Catalyst Runtime: 00:03:08 Added: May 03, 2010 Views: 728	00:03:08
RIA Step-by-step #14 - Adding video and sound to a... RIA Step-by-step #14 - Adding video and sound to a Flash Catalyst CS5 project Learn how to add video and audio assets to the photo gallery RIA in Flash Catalyst. Runtime: 00:03:08 Added: May 03, 2010 Views: 1,825	00:03:08
RIA Step-by-step #15 - Controlling video with Flas... RIA Step-by-step #15 - Controlling video with Flash Catalyst CS5 interactions Create custom buttons and interactions to control audio and video playback in Flash Catalyst. Runtime: 00:07:30 Added: May 03, 2010 Views: 1,266	00:07:30
RIA Step-by-step #16 - Exporting and importing a F... RIA Step-by-step #16 - Exporting and importing a Flash Catalyst CS5 Library Package Export your Flash Catalyst Project Library as a Library Package for importing into other RIAs that use the same assets. Runtime: 00:02:03 Added: May 03, 2010 Views: 889	00:02:03
RIA Step-by-step #17 - Publishing a Flash Catalyst... RIA Step-by-step #17 - Publishing a Flash Catalyst project Learn how to publish the Flash Catalyst photo gallery project to the web or as an AIR application for the desktop. Runtime: 00:04:12 Added: May 03, 2010 Views: 1,098	00:04:12
RIA Step-by-step #18 - RIA with Flash Builder 4 RIA Step-by-step #18 - RIA with Flash Builder 4 Get familiar with the Adobe Flash Builder interface and functionality in preparation for developing the photo gallery RIA. Runtime: 00:05:15 Added: May 03, 2010 Views: 1,596	00:05:15
RIA Step-by-step #19 - Importing a Flash Catalyst... RIA Step-by-step #19 - Importing a Flash Catalyst design into Flash Builder 4 Import your Flash Catalyst project into Flash Builder and get prepared to add data services and user event functionality to the photo gallery RIA. Runtime: 00:03:49 Added: May 03, 2010 Views: 2,731	00:03:49
RIA Step-by-step #20 - Importing an edited Flash C... RIA Step-by-step #20 - Importing an edited Flash Catalyst project into Flash Builder 4 Modify artwork for the photo gallery RIA in Flash Catalyst and then import the updated FXG file into Flash Builder, using the compare feature to compare and update the code that has changed. Runtime: 00:04:06 Added: May 03, 2010 Views: 1,412	00:04:06
RIA Step-by-step #21 - Connecting to an external d... RIA Step-by-step #21 - Connecting to an external data source in Flash Builder 4 Connect the photo gallery RIA to an XML data source to populate the application with data stored outside the RIA - in this case: thumbnails, full size images, and image metadata. Runtime: 00:02:35 Added: May 03, 2010 Views: 1,983	00:02:35
RIA Step-by-step #22 - Binding a data service to F... RIA Step-by-step #22 - Binding a data service to Flex components Bind the XML data source to components used to display the thumbnails, full size images, and image metadata in the photo gallery RIA. Runtime: 00:07:45 Added: May 03, 2010 Views: 2,239	00:07:45
RIA Step-by-step #23 - Changing the UI content bas... RIA Step-by-step #23 - Changing the UI content based on user events Define an event handler for the click of the submit button in the photo gallery RIA. Runtime: 00:02:13 Added: May 03, 2010 Views: 939	00:02:13
RIA Step-by-step #24 - Calling a service based on... RIA Step-by-step #24 - Calling a service based on user events Connect the text input fields to a ColdFusion 9 mail service to send user comments by email in the photo gallery RIA. Runtime: 00:03:59 Added: May 03, 2010 Views: 2,596	00:03:59
RIA Step-by-step #25 - Mapping service calls to CR... RIA Step-by-step #25 - Mapping service calls to CRUD functionality Allow users to create, read, update, and delete (CRUD) records in a database. Use the Flash Builder data management wizard to map CRUD functionality to the appropriate service calls for working with a database. Runtime: 00:04:18 Added: May 03, 2010 Views: 687	00:04:18
RIA Step-by-step #26 - Handling data service calls... RIA Step-by-step #26 - Handling data service calls on buttons Add event handlers to enable buttons for creating, updating, and deleting items in a sales database. Runtime: 00:05:18 Added: May 03, 2010 Views: 564	00:05:18
RIA Step-by-step #27 - Deploying RIAs to the web o... RIA Step-by-step #27 - Deploying RIAs to the web or desktop Learn how to publish the completed photo gallery project to the web or as an AIR application for the desktop. Runtime: 00:03:48 Added: May 03, 2010 Views: 763	00:03:48

Suggested Episodes

Other Suggested Episodes

Add Pages to your Documents

Learn Flash Catalyst CS5.5

Products Covered:

Add Interactivity to your Project

Learn Flash Catalyst CS5.5

Products Covered:

Working with Adobe Illustrator

Learn Flash Catalyst CS5.5

Products Covered:

Working with Adobe Photoshop

Learn Flash Catalyst CS5.5

Products Covered:

Understanding States and Layers

Learn Flash Catalyst CS5.5

Products Covered:

Products used in this episode

Flash Catalyst

Try | Buy | Learn More | Help & Support

Related Shows

360|Flex Conference

360|Flex is the leading Flex/AIR/ActionScript conference in the world. Developers from around the globe come to network, collaborate and learn, from the best speakers in the industry.

Recent Episodes

Learning Flex from Scratch (LFFS)