JAX2010 Flex Java technical session: interactive dashboard
Upcoming SlideShare
Loading in...5
×
 

JAX2010 Flex Java technical session: interactive dashboard

on

  • 4,940 views

I presented these slides at JAX2010 in Germany to showcase how to develop interactive dashboards with Flex and JAVA. More information on my blog (www.riagora.com).

I presented these slides at JAX2010 in Germany to showcase how to develop interactive dashboards with Flex and JAVA. More information on my blog (www.riagora.com).

Statistics

Views

Total Views
4,940
Views on SlideShare
3,772
Embed Views
1,168

Actions

Likes
2
Downloads
79
Comments
0

5 Embeds 1,168

http://www.riagora.com 1153
http://www.slideshare.net 9
http://translate.googleusercontent.com 4
http://static.slideshare.net 1
http://webcache.googleusercontent.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

JAX2010 Flex Java technical session: interactive dashboard JAX2010 Flex Java technical session: interactive dashboard Presentation Transcript

  • Build your rst interactive dashboard with Java and Flex Michaël Chaize | Flash Platform Evangelist ©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.
  • Feel free to contact me Michaël Chaize Flash Platform Evangelist My blog: www.RIAgora.com @mchaize ©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 2
  • 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 ©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 3
  • What Are Intuitive User Experiences? ! E ective, E cient, 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 con dential. 4
  • Why Do Intuitive User Experiences Ma er? Forrester August 7, 2009 e State Of Enterprise IT Budgets: 2009 by Heidi Lo and Andrew Bartels ® Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe con dential. 5
  • Rich User Experiences: Opportunities for internal users “A problem can’t be solved with the same thinking that created it” ® Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe con dential. 6
  • Rich User Experiences: Opportunities for internal users 5 mins 20 secs Increase productivity & improve decision making ® Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe con dential. 7
  • NATO ® Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe con dential. 8
  • NATO ® Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe con dential. 9
  • NATO From a system-centric view (database), to a user-centric application. ® Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe con dential. 10
  • Productivity by Design Productivity by design Productive users Productive developers ® Copyright 2009 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.
  • Flash Platform - A complete system for web innovation ©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.
  • - 98% on Pc/Mac/Linux - Graphic API - E ects and Transitions - JIT compiler of AVM2 - Real-Time Messaging - P2P - 3D API - Soon on multiple screens
  • Live Collaborative dashboard LiveCycle Data Services or BlazeDS !Client A Message Endpoint Service !Client B !RTMP !Client C !AMF Publisher !HTTP Subscriber ® 44 Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe con dential.
  • Real-time data transmi ed to dashboards LiveCycle Data Services or BlazeDS Messaging Adapter X System X Message JMS Endpoint JMS Adapter Services Provider Messaging Adapter Y System Y !RTMP !AMF Publisher !HTTP Subscriber ® 45 Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe con dential.
  • Flash and real-time dashboards ©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 16
  • ADOBE FLEX 4
  • Productive developers Open source framework Agile Development Backend solutions Large WW community Unit testing, Quality Handle large datasets IT approved control, Stressing Real-time applications IDE based on Eclipse framework, Model-driven Live Collaboration Rich UI components development ® Copyright 2009 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.
  • What is Flex and how it works Flex Builder IDE Browser Flex SDK Flash Player MXML ActionScript Flex Class Library SOAP HTTP/S AMF/S RTMP/S Web Server Compile XML/HTTP LC Data Services REST SOAP Web Services J2EE Application Server Existing Applications & Infrastructure ©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.
  • IDE based on Eclipse
  • DATA CONNECTIVITY 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
  • UI DEVELOPMENT CHART GENERATION
  • Show me the code My first interactive dashboard ©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 28
  • Area Bar Bubble CandleStick Column HLOC ADOBE FLEX Charting Components Line Pie Plot
  • 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 ADOBE FLEX Advanced Data Visualization components
  • Develop your own components with Flex 4
  • FLEX FRAMEWORK 4 OLD COMPONENT MODEL Component / Skin Graphics Layout Animation Parts States Behavior Logic Data
  • FLEX FRAMEWORK 4 SPARK COMPONENT MODEL ActionScript MXML Component Skin Graphics Behavior Layout Logic Animation CSS properties Parts Data States
  • Circular Slider ©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 36
  • 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 How to learn Flex ? Flex Test drive Build a flex application in an hour Adobe TV Video tutorials
  • Flash Platform - A complete system for web innovation ©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential.
  • Feel free to contact me Michaël Chaize Flash Platform Evangelist My blog: www.RIAgora.com @mchaize ©2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Con dential. 39