Macromedia MX と Rich Internet Application...3 5 Computing Modelの進化 6 Internet ソリューションの進化シンプルHTML Content & Documents Broad Reach Browsing Oriented

1

Macromedia MX とRich Internet Application

須賀正明サーバーテクノロジーマネージャーマクロメディア株式会社

2

Rich Internet Application

Rich Internet Application とは？

なぜ Rich Internet Application なのか？

Rich Internet Application の仕組みは？

2

3

Rich Internet Applicationとは？

デスクトップアプリケーションのような高いユーザビリティを持つWebアプリケーション

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

eTrade

Broadmoor.com

Good Year

4





3

5

Computing Modelの進化

6

Internet ソリューションの進化

シンプル HTMLContent &

DocumentsBroad Reach

Browsing Oriented

リッチコンテントHighly Interactive Motion, Sound,

Video

ウェブアプリケーション

Data-DrivenDynamic Content

Database Applications

リッチインターネットアプリケーション

Use Rich ClientReach of the InternetRichness of Desktop

Run on Web & DevicesCommunications

Stat

icD

ynam

ic

クライアントサイド

サー

バー

サイ

ド

Static Interactive

4

7


デジタルカメラ

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

画素数

00 – 01（アーリーアダプターズ）

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

2001 – （フォロワー）

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

8

なぜ Rich Internet Applicationなのか？

Internet の進化

1996 NTTMacromediaSun Microsystems

2002New York Stock MarketGood YearMSNBC

5

9

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

CLIENT TECHNOLOGYFlash Player

SERVER TECHNOLOGYColdFusion MXFlash Communication Server MXFlash Remoting MX

DEVELOPMENT TOOLSFlash MXDreamweaver MX

10

Macromedia MX

Flash MX

Dreamweaver MXColdFusion MX

Flash Player

Flash Remoting MX

Flash Communication Server MX

Flash MX

Dreamweaver MX

Flash MX

Dreamweaver MXColdFusion MXColdFusion MX

Flash PlayerFlash Player

Flash Remoting MXFlash Remoting MX



6

11

CLIENT TECHNOLOGY

各プラグインの普及率

Percent of BrowsersWeb史上最も普及したプラグインソフトウェア

「Macromedia Flash Payer」

38%

3%

54%

98%88%

68% 67%60%

MacromediaFlash Player

Java WindowsMedia Player

AcrobatReader

MacromediaShockwave

Player

Real Player Quick TimePlayer

SVG Viewer

Source: NPD Survey, March 2001

38%

3%

54%

98%88%

68% 67%60%

MacromediaFlash Player

Java WindowsMedia Player

AcrobatReader

MacromediaShockwave

Player

Real Player Quick TimePlayer

SVG Viewer

Source: NPD Survey, March 2001

12





7

13

Introducing Macromedia Flash Remoting

The Solution:

ColdFusion

.NET

Java

Client

Flash Application

(ActionScript)

Application Server

NetServices

macromediaFLASH

REMOTINGMX

ColdFusion

.NET

Java

Client

Flash Application

(ActionScript)

Application Server

NetServices

macromediaFLASH

REMOTINGMX

NetServices

macromediaFLASH

REMOTINGMX

14


The Solution:

macromediaFLASH

REMOTINGMX

ColdFusion

.NET

Java

Client

Flash Application

(ActionScript)

Application Server

NetServicesFront Controller

Filters

Service Adapters

macromediaFlash Remoting MX

macromediaFLASH

REMOTINGMX

ColdFusion

.NET

Java

Client

Flash Application

(ActionScript)

Application Server

NetServicesFront Controller

Filters

Service Adapters


Front Controller

Filters

Service Adapters

Front Controller

Filters

Service Adapters


8

15


The Solution:

ColdFusion

.NET

Java

Client

Flash Application

(ActionScript)

Application Server

NetServices


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


Front Controller

Filters

Service Adapters

ColdFusion MX


ColdFusion MX


16


The Solution:

ColdFusion

.NET

Java

Client

Flash Application

(ActionScript)

Application Server

NetServices


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


Front Controller

Filters

Service Adapters

.NET


.NET


9

17


The Solution:

ColdFusion

.NET

Java

Client

Flash Application

(ActionScript)

Application Server

NetServices


Front Controller

Filters

Service Adapters

Java

•EJBs•Servlets•JMX MBeans•POJOs•Beans

ColdFusion

.NET

Java

Client

Flash Application

(ActionScript)

Application Server

NetServices


Front Controller

Filters

Service Adapters

Java


Java


18

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

Java Pet Storeアプリケーション by Sun Microsystems

Javaテクノロジー(J2EE)を使った教科書アプリケーション

10

19


Microsoft .NETテクノロジーを使用した、Microsoft版Pet Store

.NETテクノロジーを使用した教科書アプリケーション

20


Java/.NETは・・・

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

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

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

11

21


マクロメディアは・・・

Macromedia MXとリッチインターネットアプリケーションを実現

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

22

Macromedia MX

Flash MX

Dreamweaver MXColdFusion MX

９８％のインターネットユーザーマルチプラットフォーム最も普及したユニバーサルクライアント

１万社以上に採用されたサーバーＪ２ＥＥに対応Ｆｌａｓｈとネイティブ接続

８０％のウェブプロフェッショナルが使うウェブ開発ツール

Flash Player

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

12

23

PetMarket と Macromedia MX

getProduct(“dog”)

American Cocker SpanielBulldogDashshund…..



24

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)

DatabaseDatabase

ColdFusion MXColdFusion MX

CFC (ColdFusion Component)CFC (ColdFusion Component)


Flash RemotingFlash Remoting

13

25

PetMarket 解剖

26

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)


CategoryUI.asCategoryUI.as

CategoryModal.asCategoryModal.as

ユーザインターフェースのアニメーション

コントロールにバインドされるデータ

14

27

PetMarket 解剖

CFC (ColdFusion Component)CFC (ColdFusion Component)

Flash Remoting

Database

ColdFusion MX

Flash RemotingFlash Remoting

DatabaseDatabase

ColdFusion MXColdFusion MXCatalogservice.cfc

getProducts()

getItem()

searchProducts()

Catalogservice.cfc

getProducts()

getItem()

searchProducts()

データベースデータベース

28

PetMarket 解剖

CategoryUI.as

CategoryModal.as

CategoryUI.asCategoryUI.as

CategoryModal.asCategoryModal.as

Catalogservice.cfc

getProducts()

getItem()

searchProducts()データベース

Catalogservice.cfc

getProducts()

getItem()

searchProducts()

Catalogservice.cfc

getProducts()

getItem()

searchProducts()データベースデータベース

15

29

PetMarket インストール

必要なソフトウェア

Macromedia ColdFusion MXPetMarket Blueprint アプリケーション

オプション

Flash MXDreamweaver MX

30


ColdFusion MXのインストール

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

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

16

31


CFMX 用 PetMarketアプリケーションのダウンロード

Window/Unix

デザイナー＆デベロッパーセンターwww.macromedia.com/jp/desdev

Blueprint_v1.2.carをデプロイ

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

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

17

Documents

Macromedia MX と Rich Internet Application...3 5 Computing Modelの進化 6 Internet ソリューションの進化 シンプルHTML Content & Documents Broad Reach Browsing Oriented

Macromedia MX と Rich Internet Application...3 5 Computing Modelの進化 6 Internet ソリューションの進化シンプルHTML Content & Documents Broad Reach Browsing Oriented