Macromedia MX Rich Internet Application Rich Internet Application Rich Internet Application Rich Internet Application Rich Internet Application 2

Macromedia MX と

Rich Internet Application

須賀正明

サーバーテクノロジーマネージャー

マクロメディア株式会社

Rich Internet Application

ƒ

Rich Internet Application とは？

ƒ

なぜ Rich Internet Application なのか？

3

Rich Internet Applicationとは？

ƒ

デスクトップアプリケーションのような高いユーザ

ビリティを持つWebアプリケーション

ƒ

コミュニケーション、リッチメディアの融合

ƒ

eTrade

ƒ

Broadmoor.com

ƒ

Good Year

Rich Internet Application

ƒ

Rich Internet Application とは？

ƒ

なぜ Rich Internet Application なのか？

5

Computing Modelの進化

Internet ソリューションの進化

シンプル HTML

Content & Documents Broad Reach Browsing Oriented

リッチコンテント

Highly Interactive Motion, Sound, Video

ウェブ

アプリケーション

Data-Driven Dynamic Content Database Applications

リッチインターネットアプリ

ケーション

Use Rich Client Reach of the Internet Richness of Desktop Run on Web & Devices

Communications Static D y namic クライアントサイド サーバーサイド Static Interactive

7

なぜ Rich Internet Application なのか？

ƒ

デジタルカメラ

ƒ

~ 1999

（デジカメイノベータ、アーリーアダプターズ）



画素数

ƒ

00 – 01

（アーリーアダプターズ）



画素数、ズーム、機能、容量、スタイル

ƒ

2001 –

（フォロワー）



スタイル、ユーザビリティ、シンプル

なぜ Rich Internet Applicationなのか？

ƒ

Internet の進化

ƒ

1996

ƒ

NTT

ƒ

Macromedia

ƒ

Sun Microsystems

ƒ

2002

ƒ

New York Stock Market

ƒ

Good Year

9

Rich Internet Applicationを構成する３つの要素

ƒ

CLIENT TECHNOLOGY

ƒ

Flash Player

ƒ

SERVER TECHNOLOGY

ƒ

ColdFusion MX

ƒ

Flash Communication Server MX

ƒ

Flash Remoting MX

ƒ

DEVELOPMENT TOOLS

ƒ

Flash MX

ƒ

Dreamweaver MX

Macromedia MX

Flash MX Dreamweaver MX ColdFusion MX Flash Player Flash Remoting MX Flash Communication Server MX Flash MX Dreamweaver MX Flash MX Dreamweaver MX ColdFusion MX ColdFusion MX Flash Player Flash Player Flash Remoting MX Flash Remoting MX Flash Communication Server MX Flash Communication Server MX

11

CLIENT TECHNOLOGY

各プラグインの普及率

Percent of Browsers

Web史上最も普及したプラグインソフトウェア 「Macromedia Flash Payer」

38% 3% 54% 98% 88% 68% 67% 60% Macromedia Flash Player Java Windows Media Player Acrobat Reader Macromedia Shockwave Player

Real Player Quick Time Player

SVG Viewer

Source: NPD Survey, March 2001

38% 3% 54% 98% 88% 68% 67% 60% Macromedia Flash Player Java Windows Media Player Acrobat Reader Macromedia Shockwave Player

Real Player Quick Time Player

SVG Viewer

Source: NPD Survey, March 2001

Rich Internet Application

ƒ

Rich Internet Application とは？

ƒ

なぜ Rich Internet Application なのか？

13

Introducing Macromedia Flash Remoting

The Solution:

ColdFusion

.NET

Java

Client

Flash

Application

(ActionScript)

Application

Server

NetServices

macromedia

FLASH

REMOTING

MX

ColdFusion

.NET

Java

Client

Flash

Application

(ActionScript)

Application

Server

NetServices

macromedia

FLASH

REMOTING

MX

NetServices

macromedia

FLASH

REMOTING

MX

Introducing Macromedia Flash Remoting

The Solution:

macromedia

FLASH

REMOTING

MX

ColdFusion

.NET

Java

Client

Flash

Application

(ActionScript)

Application

Server

NetServices Front Controller Filters Service Adapters macromedia Flash Remoting MX

macromedia

FLASH

REMOTING

MX

ColdFusion

.NET

Java

Client

Flash

Application

(ActionScript)

Application

Server

NetServices Front Controller Filters Service Adapters macromedia Flash Remoting MX Front Controller Filters Service Adapters Front Controller Filters Service Adapters macromedia Flash Remoting MX

15

Introducing Macromedia Flash Remoting

The Solution:

ColdFusion

.NET

Java

Client

Flash

Application

(ActionScript)

Application

Server

NetServices

macromedia Flash Remoting MX Front Controller Filters Service Adapters

ColdFusion MX

•CFMs

•CFCs

•SSAS

•SOAP 1.1

•WSDL 1.1

ColdFusion

.NET

Java

Client

Flash

Application

(ActionScript)

Application

Server

NetServices

macromedia Flash Remoting MX Front Controller Filters Service Adapters

ColdFusion MX

•CFMs

•CFCs

•SSAS

•SOAP 1.1

•WSDL 1.1

ColdFusion MX

•CFMs

•CFCs

•SSAS

•SOAP 1.1

•WSDL 1.1

Introducing Macromedia Flash Remoting

The Solution:

ColdFusion

.NET

Java

Client

Flash

Application

(ActionScript)

Application

Server

NetServices

macromedia Flash Remoting MX Front Controller Filters Service Adapters

.NET

•ASP.NET

•ADO.NET

•DLLs

•Assemblies

•SOAP 1.1

•WSDL 1.1

ColdFusion

.NET

Java

Client

Flash

Application

(ActionScript)

Application

Server

NetServices

macromedia Flash Remoting MX Front Controller Filters Service Adapters

.NET

•ASP.NET

•ADO.NET

•DLLs

•Assemblies

•SOAP 1.1

•WSDL 1.1

.NET

•ASP.NET

•ADO.NET

•DLLs

•Assemblies

•SOAP 1.1

•WSDL 1.1

17

Introducing Macromedia Flash Remoting

The Solution:

ColdFusion

.NET

Java

Client

Flash

Application

(ActionScript)

Application

Server

NetServices

macromedia Flash Remoting MX Front Controller Filters Service Adapters

Java

•EJBs

•Servlets

•JMX MBeans

•POJOs

•Beans

ColdFusion

.NET

Java

Client

Flash

Application

(ActionScript)

Application

Server

NetServices

macromedia Flash Remoting MX Front Controller Filters Service Adapters

Java

•EJBs

•Servlets

•JMX MBeans

•POJOs

•Beans

Java

•EJBs

•Servlets

•JMX MBeans

•POJOs

•Beans

PetMarket アプリケーション誕生まで

ƒ

Java Pet Storeアプリケー

ション by Sun

Microsystems

ƒ

Javaテクノロジー(J2EE)を

使った教科書アプリケーショ

ン

19

PetMarket アプリケーション誕生まで

ƒ

Microsoft .NETテクノロ

ジーを使用した、

Microsoft版Pet Store

ƒ

.NETテクノロジーを使用

した教科書アプリケーショ

ン

PetMarket アプリケーション誕生まで

ƒ

Java/.NETは・・・

ƒ

バックエンドシステムの比較

ƒ

ユーザビリティ、ユーザエクスペリエンスの欠如

ƒ

HTML

ベースのページセントリックなアプリケーショ

ン

21

PetMarket アプリケーション誕生まで

ƒ

マクロメディアは・・・

ƒ

Macromedia MX

とリッチインターネットアプリ

ケーションを実現

ƒ

ユーザビリティの高いアプリケーション

Macromedia MX

Flash MX

Dreamweaver MX

ColdFusion MX

９８％のインターネットユーザー マルチプラットフォーム 最も普及したユニバーサルクライアント １万社以上に採用されたサーバー Ｊ２ＥＥに対応 Ｆｌａｓｈとネイティブ接続 ８０％のウェブプロフェッショナルが 使うウェブ開発ツール

Flash Player

全世界100万人の開発者が支持する リッチインターネットクライアントの 開発ツール

23

PetMarket と Macromedia MX

getProduct(“dog”) American Cocker Spaniel Bulldog Dashshund ….. American Cocker Spaniel Bulldog Dashshund ….. American Cocker Spaniel Bulldog Dashshund …..

PetMarket アーキテクチャ

Shell Movie (shell.swf) Shell Movie (shell.swf) Main Movie (main.swf) Main Movie (main.swf)

Fonts Movie (embedded_fonts.swf) Fonts Movie (embedded_fonts.swf) UI Component Movie (fui_components.swf) UI Component Movie (fui_components.swf) Histroy Movie (subswf.swf) Histroy Movie (subswf.swf) Database Database ColdFusion MX ColdFusion MX CFC (ColdFusion Component) CFC (ColdFusion Component) Flash Player Flash Player Flash Remoting Flash Remoting

25

PetMarket 解剖

PetMarket 解剖

Shell Movie (shell.swf) Shell Movie (shell.swf) Main Movie (main.swf) Main Movie (main.swf)

Fonts Movie (embedded_fonts.swf) Fonts Movie (embedded_fonts.swf) UI Component Movie (fui_components.swf) UI Component Movie (fui_components.swf) Histroy Movie (subswf.swf) Histroy Movie (subswf.swf) Flash Player Flash Player CategoryUI.as CategoryUI.as CategoryModal.as CategoryModal.as ユーザインターフェースの アニメーション コントロールにバインド されるデータ

27

PetMarket 解剖

CFC (ColdFusion Component) CFC (ColdFusion Component) Flash Remoting Database ColdFusion MX Flash Remoting Flash Remoting Database Database ColdFusion MX ColdFusion MX Catalogservice.cfc getProducts() getItem() searchProducts() Catalogservice.cfc getProducts() getItem() searchProducts() データベース データベース

PetMarket 解剖

CategoryUI.as CategoryModal.as CategoryUI.as CategoryUI.as CategoryModal.as CategoryModal.as Catalogservice.cfc getProducts() getItem() searchProducts() _{データベース} Catalogservice.cfc getProducts() getItem() searchProducts() Catalogservice.cfc getProducts() getItem() searchProducts() _{データベースデータベース}

29

PetMarket インストール

ƒ

必要なソフトウェア

ƒ

Macromedia ColdFusion MX

ƒ

PetMarket Blueprint アプリケーション

ƒ

オプション

ƒ

Flash MX

ƒ

Dreamweaver MX

PetMarket インストール

ƒ

ColdFusion MX

のインストール

ƒ

デフォルト値でのインストール

ƒ

インストール完了後、CFアドミニストレータでイ

ンストール確認

31

PetMarket インストール

ƒ

CFMX

用

PetMarket

アプリケーションのダウ

ンロード

ƒ

Window/Unix

ƒ

デザイナー＆デベロッパーセンター

www.macromedia.com/jp/desdev

ƒ

Blueprint_v1.2.car

をデプロイ

http://www.macromedia.com/jp/desdev/

マクロメディア デザイナー＆デベロッパーセンター