Kursusmål
På Adobe Flash Catalyst: Designing Interactive Applications kursus lærer du - ved brug af Adobe Flash Catalyst - at udvikle interaktive applikationer, der kan afvikles enten via internet eller desktop.

Lær at importere dine Flash Catalyst projekter i Flash Builder så du kan bruge disse som grundelementer i dynamiske data-drevne applikationer.

Hvad enten du er designer eller udvikler vil du, ved at bruge Flash Catalyst, blive i stand til, at optimere design-, planlægnings- og prototypefasen af et udviklingsprojekt.

Designere der har arbejdet med Adobe Photoshop, Adobe Illustrator, Adobe Flash Professional eller Adobe Fireworks vil opleve, at Flash Catalyst byder på en velkendt og brugervenlig brugergrænseflade. På dette kursus lærer du at:

• Oprette funktionelle wireframe prototyper, som du kan bruge til at teste koncepter og/eller præsentere ideer

• Konvertere visuelle designs og elementer fra Photoshop, Illustrator, Flash Professional eller Fireworks til interaktive komponenter

• Oprette interaktive hændelser, der reagerer på brugerens handlinger

• Designe animerede overgange, så du involverer og engagerer brugeren i en visuel dialog

• Optimere dine komponenter og design filer til internet produktion og klargøre dem til videre udvikling i Flash Builder

• Oprette en fuldt ud funktionsdygtig applikation uden at skrive én linjes kode


Udviklere der har erfaring med udvikling af Adobe Flex 4 applikationer i Flash Builder 4 vil lære at:
• bruge Flash Catalyst til konceptudvikling

• bruge Flash Catalyst til at oprette wireframes til idepræsentationer

• bruge Flash catalyst til at oprette skins til Flex komponenter

• importere Flash Catalyst projekter direkte i Flash Builder

• modificere og udvide Flash Catalysts autogenererede kode med egen forretningslogik og dynamiske data

• eksporter Flex Library Projects fra Flash Catalyst komplet med component skins.

Deltagere
Kurset henvender sig til designere der ønsker at bruge Flash Catalyst som et applikationsudviklingsværktøj.

Der vil være fokus på at forberede Photoshop/Illustrator filer til brug i Catalyst, såvel som forberedelse af assets til Adobe Flex applikationsudviklere.

Du skal have praktisk erfaring med Adobe Photoshop og/eller Illustrator.

Kursusmateriale
Kurset afholdes på dansk. Undervisningsmaterialet og installationen er på engelsk.

OUTLINE

• Introducing the Course
• Introducing mastery learning
• Understanding the course format
• Reviewing the course prerequisites
• Reviewing the course outline

INTRODUCING ADOBE FLASH CATALYST

• Introducing the Adobe CS5 tools
• Introducing the tools for this course
• Creating applications
• Bridging the designer/developer workflow gap
• Designing interfaces with Flash Catalyst
• Creating applications with Flash Catalyst
•  
• Getting started with Flash Catalyst
• Creating Flash Catalyst projects
• Exploring the Design workspace
• Exploring the Code workspace
• Aligning elements on the artboard
• Running the application
•  
• Converting artwork into interactive components
• Introducing the Data List component
• Creating a Data List component from artwork
• Editing components in place
• Modifying component states
•  
• Introducing the Adobe Flash Platform
• Introducing the technologies
• Building compelling applications
• Learning more about Flash Catalyst
•  
• Publishing an application
• Selecting publishing options
• Understanding the published files
• Importing Flash Catalyst project to Flash Builder

WIREFRAMING

• Designing interactive systems
• Exploring an iterative, evidenced-based design process
• Gathering information
• Implementing an iterative process
• Evolving from abstract to concrete models
• Prototyping with Flash Catalyst
•  
• Defining the grid system and guides
• Defining the artboard size and color
• Understanding the coordinate system
• Defining the grid system
• Setting guides
•  
• Drawing with the Flash Catalyst tools
• Exploring the tools
• Reviewing keyboard shortcuts
• Working with objects in layers
• Grouping objects
• Using the Properties panel
•  
• Understanding the generated code
• Exploring the base code
• Generating the project files
• Adding Flash Catalyst interface code
•  
• Working with the Text tool
• Creating Point Text
• Creating Area Text
• Creating Fit Height text
• Working with text
•  
• Introducing the wireframe components
• Exploring the wireframe components
• Knowing about available components
• Exploring the generated code

CREATING STATES AND PAGES

• Editing wireframe component states
• Modifying wireframe component states
• Sharing and hiding objects between states
• Understanding component parts
• Exploring the generated code
•  
• Creating application pages
• Creating states/pages
•  
• Handling user interaction
• Defining user interactions
• Defining an event when the application starts
• Exploring the generated event handler code

CREATING CUSTOM SKINS AND COMPONENTS

• Introducing custom component skins
• Introducing instances
• Creating custom component skins
•  
• Modifying the default Data List component skin
• Reviewing Data List component parts
• Modifying the component skin
•  
• Creating custom/generic components
• Introducing custom component examples
• Creating custom/generic components

EXCHANGING ASSETS BETWEEN CS5 TOOLS

• Working with FXG
• Introducing FXG and MXML Graphics
• Exporting FXG from Fireworks
• Exporting FXG from Flash Professional
• Exporting FXG from Illustrator
• Exporting FXG from Photoshop
• Importing FXG into Flash Catalyst
•  
• Round-tripping with Illustrator
• Round-tripping between CS5 tools
• Editing objects in Illustrator
• Launching Fireworks from Illustrator
• Understanding editable assets in Illustrator
• Exploring tips for round-trip editing with Illustrator
•  
• Round-tripping with Photoshop
• Installing the extension
• Round-tripping between Flash Catalyst and Photoshop
• Exploring tips for round-trip editing with Photoshop

CREATING A PROJECT FROM IMPORTED ASSETS

• Optimizing design files for import
• Starting a project with imported artwork
• Exploring optimization tips for Illustrator and Photoshop
•  
• Importing image and SWF assets
• Importing images
• Linking to external image files
• Importing SWF files
• Importing video and sound files

APPLYING ANIMATION AND ACTION SEQUENCES

• Animating with action sequences
• Creating an action sequence
• Adding the animation
• Editing properties
•  
• Creating composite animation
• Adding additional animation
• Animating multiple objects
•  
• Introducing transitions
• Modifying the default transition
•  
• Using action sequences to create conditional list interactions for the video player
• Creating a conditional list interaction
• Optimizing video player use

EDITING APPLICATIONS IN FLASH BUILDER

• Working with the Flash Catalyst project in Flash Builder
• Importing the project
• Resolving font references
• Refactoring up the code
•  
• Adding dynamic data in Flash Builder
• Reviewing the generated static data
• Registering the data service
• Applying the dynamic data
•  
• Applying skins built in Flash Catalyst
• Exporting a Flex Library Project from Flash Catalyst
• Importing a Flex Library Project into Flash Builder
• Adding the Flex Library Project to the build path
• Using the skin class files
•  
• Replacing a custom skin
• Merging the changes