Rich Internet Application with Adobe Flex 3

1

• Rich Internet Application with Adobe Flex 3
• Ahmad Fathi Hadi
• RIA Developer specializing in Adobe Technologies

2
Who I am ?

• Assistant Computer Laboratory
• http//labkom.bl.ac.id
• Im The Manager of Indonesian Flex Community
• http//indonesianflexcommunity.org
• RIA Developer specializing in Adobe Technologies

3

• How hard you try to build dumy web application ?
• How long have you spent time to
• Build an application that cant run across
  browsers and desktops ?
• Learn 1 or 2 programming language that just run
  in 1 OS ?

4
Rich Internet Application

• Web application designed to deliver the same
  features and functions normally associated with
  desktop applications

5
Server Application
Web Browser
Internet
Get Data
Build Interface
6
Server Application
Web Browser
Internet
Get Data
7
Classic Web vs Rich Internet Application
Page 1
Page 2
Page 3
Page 4
Rich Internet Application (RIA)
HTML
HTML
HTML
Data
Data
Data
Web Server
Web Server

• Classic Web
• Each client request triggers a full HTML page
  response
• Client needs to update page on every
  server-roundtrip

• Rich Internet Application (RIA)
• Server delivers only updated data
• Client updates only those parts of the UI that
  changed

8
Global
2005
Web Applications
Rich InternetApplications
1998
Reach
1992
Local
Client/Server
Mainframe
Rich
Text UI
Integrated media GUI
9
What we will chose ?

• Ajax
• JavaFx
• Silverlight
• Open Laszlo
• Flex

10
Adobe Flex 3

• Flex is a free, open source framework for
  building highly interactive, expressive web
  applications that deploy consistently on all
  major browsers, desktops, and operating systems

11
Why Flex ?

• Flash players are (according to Adobes figures)
  present on 97 of desktop computers and well on
  the way to be a leading platform for mobile
  devices as well
• There are many using Flex, such Adobe, NASA,
  Yahoo, NVIDIA, Harley Davidson, Sony Ericsson,
  Philips, Flickr, Amazon, Honda, Cyber Link,
  Discovery Channel, MABES AL, dll
• Tight integration with other Adobe products from
  designer (e.g. Photoshop, Fireworks, etc), to
  developer, to server (e.g. Coldfusion, media
  streaming, etc)
• Open source framework
• Adobe technology

12

• Large Install-base

13
Strength of the Flash Platform

• Cross Platform
• Cross Browser

14
(No Transcript)
15
MXML Actionscript 3

• 6/mxml"
• xmlns"" layout"vertical
• creationComplete"initApp()"
• public function initApp()void
• mainTxt.text Greeter.sayHello()
• fontStyle"bold
• text'"Hello, world!" Example'/

16
Flex in Action
17
Demo
18
Demo

• Video Player
• Fun with Image

19
System Requirements
20
(No Transcript)