Gumbo Deck

White Master

Replace with a graphic

5.5” Tall & 4.3” Wide

Adobe Flash Platform User Group Tour

Piotr Walczyszyn Platform Evangelist

Agenda

  Flash Platform and Overview

  Catalyst

  Builder

  Framework

  Demos

  Q & A

Flash Catalyst

A professional interaction design tool for rapidly creating the user experience of applications and interactive content without coding

Current Workflow

Today’s workflow produces static designs that have limited use in development

Design Development

  Visual Design   Define user experience

  Import visual assets   Implement user experience   Development

New Workflow

The new workflow produces functional designs that can be leveraged in development

Design Development

  Visual Design   Interaction Design

Flash Catalyst features

Interaction Design

Layout Design

Cross- product

Integration

Interaction Design Features

1.  Organize projects into Pages and objects into States

2.  Interaction Design without writing code

3.  Turn static artwork into a dynamic components

4.  Create a list from artwork

5.  Design-Time Data

6.  Extensibility through Components

7.  Interactions HUD (Heads-up Display)

8.  Library Panel

9.  States Panel

10. Transitions and Action Sequences

11. Timeline panel

Layout Design Features

1.  Artboard

2.  Pixel-level Placement

3.  Layers Panel

4.  Properties Panel

5.  Vector Drawing Tools

6.  Layout productivity tools

Cross-Product Integration

1.  Integration with Photoshop and Illustrator

2.  Integration with Flash Builder

3.  Dynamic-Media support (Audio, Video)

4.  Flash Player 10 support

5.  Preview project in Browser

6.  Export to Flash Player

7.  Flex 4 framework Support

8.  Windows and MacOS (Intel) support

Flex Framework

Flex Branding Change

FLEX 3 GENERATION FLEX 4 GENERATION

Flash Builder

Flash Catalyst

Flex framework Aligning Flex brand with the open source

framework underlying both FB and FC

Flex framework, Flex Builder

Consistent branding for tools

SDK – Major Themes

Design in Mind

Developer Productivity

Framework Evolution

  Spark component model

  MXML 2009

  FXG

  Improved states, effects, and layout

  High-fidelity Text

  New Video Component

  Compiler performance

  2-way binding

  CSS Improvements

Design in MXML?

A designer comes to Flex looking for this:

…But finds this instead

Flash / AIR runtime

Flex UI Framework   Designers need freedom to design

  Mxml needs support for:   Primitives graphics.

  Flexible, expressive layout

  Rich animation and States

Halo Component Model

Graphics Layout Animation Parts States Behavior Logic Data

Component Skin /

ActionScript MXML

Separation of behavior from appearance

Spark Component Model

Graphics Layout Animation Parts States

Component Skin

CSS properties

Behavior Logic Data

MXML For Graphics

  MXML Graphics library providing rich primitive support

  Simple Shape primitives (Rectangles, rounded rects, ellipses, circles)

  Complex Paths (Linear, Quadratic, and Bezier curve segments)

  Full range of fills and strokes (solid, transparent, bitmap, linear and radial gradients)

  Masking, filters, blend modes, and more. (blur, glow, dropshadow, screen, multiply…)

  Color and 2D transformations (rotate, scale, tint, brighten…)

  Integrated text, bitmaps

Compile Time (FXG) Graphics

FXG: graphics format based on MXML

  Understood by Design tools

  Based on flash rendering model

  Static – no binding, layout, event handlers, styling, etc

  Optimized by compiler (really important for great performance)

Tools to Design and Develop Interactive Content

Animation

Visual Layout

Prototyping

Design/Develop Workflow

Eclipse IDE

Code Profiling

Debugging

Flash CS4 Professional

Flash Catalyst

Flash Builder

Tools to Design and Develop

After Effects Illustrator Fireworks Photoshop

Productivity Improvements

  2-way binding   text=“@{myModel.data}”

  <fx:Binding source=“foo.text” destination=“myModel.data” twoWay=“true” />

  Advanced CSS   Multiple Class Selectors:

  ID Selectors:

#upButton { fontSize: 14 }

  Descendant Selectors:

s|Scrollbar #upButton { baseColor: #FF8888 }

  Pseudo Selectors:

s|Scrollbar #upButton:over { baseColor: #8888FF }

States

  Difficult to use   Verbose

  hierarchy difficult to manage, factor, tool

  Hard to optimize

States

  Declare your states with a ‘State’ tag

  Describe ‘alternate views’ of your markup

  Change values, bindings, event handlers

  Include and exclude components as easily as setting visibility

  Unscoped entries specify the ‘default’ for all states

  Use in 2009 documents – 2006 still supports legacy states.

Layout

  Runtime assignable

  Supports 2D and 3D transformations on contained objects

  Supports virtualization directly, so it’s not only Lists that can be virtualized

  Goodbye hacky Repeater!

  Smooth scrolling

High-Fidelity Text

  FTE: New low level text engine (player 10)

  TLF: New text layout library built on top of FTE.

  Benefits:   Soft hyphens

  Baseline control (e.g., superscripts and subscripts)

  Right, center, and decimal tabs

  Vertical justification

  Multiple columns

  Ligatures, capitalization styles, digit styles

  Integrated Rendering of device fonts (a.k.a. I can fade and rotate my text)

  Bi-Directional text

Flash Builder 4

Flex Builder 3 plus new features

Flash Builder 4 Themes

Support both design and data focused apps in a productive environment

Designer/Developer

  Remain true to the design

  Facilitate workflows

  Eliminate manual steps

Data-Centric Development

  Support many different back-ends

  Simplify managing data

  Generate data-aware UI

IDE Productivity & Testing

  Improve hand-coding

  Speed up tuning & debugging

  Fit in with established testing and build processes

Designer/Developer Features

  Adobe Flash Catalyst Workflow   Open Catalyst projects (FXP) in

Builder

  New states editor

  Adobe Flash Professional Workflow   New “Flash Component”

  Launch Flash Professional, create or edit, and return to Builder

  Themes Support   New UI to apply themes

  Easily manage the look & feel of Flex components in an application

Data-centric Development

  ColdFusion

  PHP

  Java

  SOAP

  REST

  Flash Builder examines service

  Builds design-time model

  Configure data types and operations

  Databinding

  UI Generation

  Paging

  Data-management

2. Model Service 1. Define Service 3. Bind Operations to Flex UI components

Data Centric Development: Supported Services

  ColdFusion   Consume any ColdFusion Component (CFC)   New workflow with ColdFusion Builder to auto-generate

data access CFCs

  PHP   Built-in support for Zend Framework   Use Zend components or any PHP5 classes   New workflow with Zend Studio for class generation

  Java   BlazeDS   LiveCycle Data Services ES – new workflow with

LiveCycle Model Editor

  HTTP, REST, SOAP Web Services   Extensible – add support for any other back-end

<WSDL>

Data Centric Development: Data-bound UI

  Drag and drop to bind operation results to UI

  Invoke operations from component events (e.g. button clicks)

  Generate Master/Detail relationships

  Generate Charts

Coding Productivity

  Package Explorer

  Getter/setter generation

  Code indentation (auto-indent)

  Custom file templates

  ASDoc integration

Testing and Deployment

  Network Monitor

  Unit Testing

  Code Coverage

  Command-line Builds

Tools Summary

  Flex 4 framework is the foundation of both tools

  New tools deliver increased productivity, integration with servers and services and high-fidelity applications

  Flex Builder becomes Flash Builder

  First public preview of Flash Catalyst

White Master

Replace with a graphic

5.5” Tall & 4.3” Wide

Gumbo Deck

Technology

Transcript of Gumbo Deck

FT20130702 Gumbo (6 max) - NL Hold'em - $0.25-$0.50

Gumbo File - wslash · Culinary Secrets Gumbo File Seasoning is sassafras leaves which have been dried and ... Crab meat 8 oz Culinary Secrets® Gumbo File 1-1/2 Tbsp

this louisiana style gumbo soup contains chicken, okra, rice ...eurestcafes.compass-usa.com/monarchbistro/Documents/...chicken gumbo this louisiana style gumbo soup contains chicken,

Communications Gumbo

Seafood Gumbo Seafood Gumbo - Kitchen and Culture · on a seafood gumbo expedition along the Mississippi Gulf Coast when they were developing the menu for Seafood R’evolution (new

Gumbo (February 2015)

! ! !! Gumbo - Constant Contactfiles.constantcontact.com/590b1283101/88d4db09-9a5e-446f...Didine, Karen, Patricia and Robin Of the Brussels Grail Gumbo!January!2017! The!Grail!inthe!United!States!!

HOUSEMADE SOUPS PASTA - Pearl's Restaurant Group · 2019/4/9 · HOUSEMADE SOUPS Pearl's Gumbo SHRIMP, ANDOUILLE & CHICKEN. "THE BEST GUMBO ANYWHERE!" PASTA Bayou Chicken & ShrimpTM

Community Gumbo Dinner

Maple Apple Gumbo: Farm to School Collaboration in VT

2012 LSU Gumbo (Partial)

We workYou play! - Ralph Brennan Catering & Events · Menu Package Enhancements soups Seafood Gumbo $7 • Chicken & Andouille Gumbo $6 chilled seafood Louisiana Oyster Bar Local

Mailula MA and Gumbo JR

FUNK GUMBO 5 - Yinka Oyewole & Sabatta - David L. $Money Train$ Watts & Howard Hobson - Funk Gumbo Radio

Gumbo limbo

Gumbo Features Migrate

Gumbo Balls and Earth Divers: Contagious Magic in …rla.unc.edu/Feltus/Papers/Cummings 2008 SEAC.pdf1 Gumbo Balls and Earth Divers: Contagious Magic in Mound Construction at a Coles

A -V o Jazz Gumbo Showcase 2012 …wmichjazz.org/Newsletters/2012May.pdf · Jazz Gumbo Showcase March-April 2012 ... jored in Classical piano performance ... to the art of improvisation.

ABOUT GUMBO FOR THE SOUL - ImageEventphotos.imageevent.com/pretc/tonisholdingsite/GumboSoulPressKit_2010.pdfABOUT GUMBO FOR THE SOUL ... Beverly Black Johnson hails from the San Francisco

Gumbo Media Kit March 2010