Adobe jax2010 1_dashboard

Build your first interactive dashboard with Java and Flex
Michaël Chaize | Flash Platform Evangelist

Feel free to contact me Michaël Chaize Flash Platform Evangelist My blog: www.RIAgora.com @ mchaize

Menu du jour RIA and decision making The Adobe Flash platform Flash and interactive dashboards What is Flex 4 ? The classic charting components The advanced data visualization How to learn Flex ? Q&A

What Are Intuitive User Experiences?
Effective, Efficient, Engaging, Easy to learn, Error free
Personalized, responsive experiences across devices and channels
Communication & collaboration in context
Harmonization of backend processes and services
® Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential.

Why Do Intuitive User Experiences Matter? ® Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. Forrester August 7, 2009 The State Of Enterprise IT Budgets: 2009 by Heidi Lo and Andrew Bartels

Rich User Experiences: Opportunities for internal users ® Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. “ A problem can’t be solved with the same thinking that created it”

Rich User Experiences: Opportunities for internal users ® Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 5 mins 20 secs Increase productivity & improve decision making

Flash Platform - A complete system for web innovation

- 98% on Pc/Mac/Linux - Graphic API - Effects and Transitions - JIT compiler of AVM2 - Real-Time Messaging - P2P - 3D API - Soon on multiple screens

Live Collaborative dashboard ® Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 44 LiveCycle Data Services or BlazeDS Publisher Subscriber
RTMP
AMF
HTTP
Client A
Client B
Client C
Message Service Endpoint

® Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential. 45 LiveCycle Data Services or BlazeDS Publisher Subscriber
RTMP
AMF
HTTP
Real-time data transmitted to dashboards Message Services Adapter Y Adapter X Messaging System Y Messaging System X Endpoint JMS Provider JMS Adapter

Flash and real-time dashboards

ADOBE FLEX 4

Productive developers Backend solutions Handle large datasets Real-time applications Live Collaboration Open source framework Large WW community IT approved IDE based on Eclipse Rich UI components ® Copyright 2009 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Agile Development Unit testing, Quality control, Stressing framework, Model-driven development

What is Flex and how it works ©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Flex Builder IDE Flex Class Library MXML ActionScript Compile Flex SDK SOAP HTTP/S AMF/S RTMP/S Web Server Existing Applications & Infrastructure J2EE Application Server LC Data Services XML/HTTP REST SOAP Web Services Browser Flash Player

IDE based on Eclipse

DATA SERVICES WIZARD DATA CONNECTIVITY

DATA SERVICES PANEL DATA CONNECTIVITY

TEST OPERATION PANEL DATA CONNECTIVITY

CODE GENERATION DATA CONNECTIVITY

AUTOMATIC DATA PAGING DATA CONNECTIVITY

NETWORK MONITOR DATA CONNECTIVITY

CHART GENERATION UI DEVELOPMENT

Show me the code My first interactive dashboard

ADOBE FLEX Charting Components Area Bar Bubble CandleStick Column HLOC Line Pie Plot

ADOBE FLEX Advanced Data Visualization components IBM ILOG ELIXIR - 3D charts - Scheduling - Project Management - Calendar - Timelines - Gauges and dials - Maps - Heat maps - Pivot charts - Organization charts - Treemap charts - Radar charts

ADOBE FLEX Advanced Data Visualization components KAP IT lab - Diagrammer - Visualizer - Treemap - Elastic search - Ring chart - Radar chart

ADOBE FLEX Advanced Data Visualization components Axiis Open source framework

Develop your own components with Flex 4

OLD COMPONENT MODEL FLEX FRAMEWORK 4 Graphics Layout Animation Parts States Behavior Logic Data Component / Skin

SPARK COMPONENT MODEL FLEX FRAMEWORK 4 ActionScript MXML Graphics Layout Animation Parts States Component Skin CSS properties Behavior Logic Data

Circular Slider

How to learn Flex ? Flex.org The Flex SDK is free and open source Free trial of Flash Builder (IDE) Tour de Flex Free application, samples, live updates http://developer.adobe.com : Flex in a week Free online video training, samples Flex Test drive Build a flex application in an hour Adobe TV Video tutorials

Flash Platform - A complete system for web innovation

Feel free to contact me Michaël Chaize Flash Platform Evangelist My blog: www.RIAgora.com @ mchaize

Adobe jax2010 1_dashboard

by guest9776673 on May 06, 2010

Accessibility

Categories

Tags

Upload Details

Usage Rights

1 Embed 5

Statistics

Adobe jax2010 1_dashboard — Presentation Transcript