1 / 29

Flex 3 Introduction

Flex 3 Introduction. Sumit Arora Flex Developer NetSolutionsIndia. Agenda. What is Flex ? Flex Programming Model Flex Framework Deep Dive Data Connectivity Skinning and User Experience API’s & Cool Stuff Tools Examples Queries. What is Flex ?.

etta
Download Presentation

Flex 3 Introduction

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Flex 3 Introduction Sumit Arora Flex Developer NetSolutionsIndia

  2. Agenda • What is Flex ? • Flex Programming Model • Flex Framework Deep Dive • Data Connectivity • Skinning and User Experience • API’s & Cool Stuff • Tools • Examples • Queries

  3. What is Flex ? • A highly productive, free open source framework for building expressive web applications that deploy consistently on all major browsers and on the desktop with Adobe AIR

  4. What is Flex ? • A framework that helps you build dynamic, interactive rich Internet applications. • Flex applications are delivered on the web via the Flash Player or to the desktop via Adobe AIR. • Geared towards programmers, rather than designers. • Usage: • Rich Interactive Application. • Animation. • Desktop Applications etc.

  5. Flex Programming Model Flex Framework MXML Actionscript 3.0

  6. Flex Programming Model-MXML • An XML language. • Defines the user interface for an application. • Define non-visual aspects such as server-side data sources and bindings between the user interface and the server side. • Tags: data grids, buttons, combo boxes, trees, tab navigators, and menus, as well as non-visual components, Web service connections, data binding, and effects. • Compiled into a Shockwave file (SWF) and rendered by the Flash Player.

  7. Flex Programming Model–AS3 • Provides control and object-manipulation features that are not available in strict MXML. • Robust programming model that is more familiar to developers with basic knowledge of OOP. • Flash CS3/4

  8. Flex Programming Model

  9. Flex Compilation

  10. Flex Framework Deep Dive • Visual Components

  11. Flex Framework Deep Dive • Containers

  12. Flex Framework Deep Dive • Navigators

  13. Flex Framework Deep Dive • Charts • Professional • Axiss Charts

  14. Flex Framework Deep Dive • Validators • View States • Effects • Filters • List Filters • Binders etc.

  15. Flex Framework Deep Dive Component Explorer & Chart Explorer

  16. Skinning • CSS Style • Global Settings • Class Splecific • Button { background-color:#ff0000; border-style:solid; border-thickness:2; text-align:center; text-decoration:underline; color:#00ff00; }

  17. Skinning • <mx:ButtonstyleName="myButton" label="Skin Me"/> • myButton { background-color:#ff0000; border-style:solid; border-thickness:2; text-align:center; text-decoration:underline; color:#00ff00; }

  18. Skinning Style Explorer

  19. Data Connectivity • Http Request • Remoting AMF • Web Services • RTMP

  20. Data Connectivity - HTTP • Basic Http Request • GET/POST • XML/ JSON/ Text • Simplest • Small Projects

  21. Data Connectivity - Remoting • Actionscript Message Format • Binary Format • PHP -> Weborb, AmfPhp, ZendAMF • JAVA -> BlazeDS, GraniteDS • .Net -> FlourineFx, Weborb • Fast Data Transfer • Value Object Binding

  22. Data Connectivity-Webservice • Import to Flex • Generates Classes • Generates Headers • Call the Method

  23. Data Connectivity-RTMP • Real Time Messaging Protocol • Developed by Adobe • Open Specifications • Real Time Applications eg. Market Data , Tour De France etc. • Open Souce Alternative Red5 Java • Data, Streaming, Collboration etc.

  24. API’s & Cool Stuff • Json • Augmented Reality • Multitouch etc.

  25. Flex Tour Tour De Flex

  26. Tools

  27. Random Stuff • Open Source Components • Crousel • Coverflow etc. • Frameworks • Cairingrom • Mate • Robot Legs • Pure MVC etc.

  28. Random Stuff • Adobe AIR • Adobe Integrated Runtime • Platform Independent

  29. References & Queries

More Related