リッチインターネットアプリケーションにおけるXMLデータ …xmlconsortium.org/seminar/051214-U04/data/051214-04.pdfPlugIn切替テスト環境デバッガ

Copyright (c) 2005 RIAC . All Rights Reserved. http://www.ria-jp.org/ 1

リッチインターネットアプリケーションにおけるXMLデータ活用事例

2005.12.14RIA コンソーシアム

広報普及部会　三井英樹

Broadmoor Hotel

・予約が 89%増加

・購買率がほぼ倍増、平均で4.1%超

・契約ベースの売上げ：50%増

・客室使用率：66%増

MINI USA

・登録ユーザ数：目標の152%超

・登録者の 73%が、自分のMINI を構成

・2002年度の米国での売上げ目標：125%超

TOYOTA Isis（アイシス）スペシャルサイト

・発表から 1 ヶ月間で、月販目標台数 4,000 台の 4倍となる約 16,000 台を記録

・スペシャルサイトにおいては、11月上旬時点で 40万人のアクセスを記録

・卓越したユーティリティや上質なデザインを、幅広い年齢層へアピールすることに成功

開発予算

売上げ

開発予算

売上げ

運用コスト

ブランド /新規顧客

パートナー


リッチインターネットアプリケーションにおける XMLデータ活用事例

2

1. What's RIA

1.1　知名度

知名度：Google2005.07.20

ンンン

類分１語単２語単語本日

AIR noitacilppA tenretnI hciR ○ 008,31シーケリプアトッネータンイチッリンョ ○ 075,7

シーケリプア・トッネータンイ・チッリンョ ○ 008,06ョシーケリプアトッネータンイチッリ hsalF ○ 017,5ョシーケリプアトッネータンイチッリ resworB/ziB ○ 13ョシーケリプアトッネータンイチッリ lruC ○ 92

AIR ○ 002,96AIR hsalF ○ 008,11AIR resworB/ziB ○ 76AIR lruC ○ 041AIR esworB/ziB lruC hsalF ○ 13

トンアイラク

トンアイラク

トンアイラク

チッリ tneilc hciR ○ 002,61トンアイラクチッリ 000,63トンアイラク・チッリ 009,87

トンアイラクチッリ hsalF ○ 060,7トンアイラクチッリ resworB/ziB ○ 975トンアイラクチッリ lruC ○ 258

トーマストンアイラクトーマス ○ 039,8トンアイラク・トーマス ○ 000,911

ルサーバニユトンアイラクルサーバニユ ○ 68トンアイラク・ルサーバニユ ○ 008,04

ツンテンコチッリツンテンコチッリ ○ 009,02

ツンテンコ・チッリ ○ 000,302

考参 AIR 000,080,3LMTH 000,000,084,1LMTH ○ 000,004,94

ジーペムーホ ○ 000,006,02ジーペbeW ○ 000,038,7

ジーペブェウ ○ 000,069,1トイサbeW ○ 000,005,11

トイサブェウ ○ 000,083,2トイサブエウ ○ 000,016,2

resworB/ziB lruC hsalF

XML

○ 411

696,000,000

00,001000,08000,06000,04000,020 0 00,021 0

SI ビジネス系

マネージャー層

Java 系

Unix 系

エンジニア層

Web デザイン系

Mac 系

デザイナ層

システム技術系

日経システム構築 ( 日経 BP)

日経インターネットソリューションズ ( 日経 BP)

月刊ソリューション IT( リックテレコム )

2003.03 Web の壁を Flash が越える2003.11 ～ 01 Flash で目指すリッチなWebアプリ

2004.02 ユーザビリティの追求で IT の投資効果を出す！

2003.02 ～ 08ColdFusionMX と FlashMX を用いて、操作性の良いWebアプリケーションを開発しよう

2004.02 リッチコンテンツ導入を加速させる Flash

Vol.20 はじめての Flash MX 2004Vol.17 Flash Remoting 入門Vol.15 iFX Style 構築期Vol.10 FlashMX プログラミング入門Vol.08 " 外貨王 " 開発の舞台裏Vol.03 Flash5 でつくるWeb C/S アプリ

Vol.7 その先の Flash へ

2004.05 Flash のアクセシビリティ対応2003.07 あなたの知らない FlashMX

2003.07 ブラウザに代わる選択肢2003.12 Flash 新バージョンの性能 (FlashPlayer の性能 ...)

WebSiteDesign( 技評社 )

WebDesigning(MYCOM)

WebCreators(MdN)MdN(MdN)

JavaDeveloper(SOFTBANK)

Web+DB PRESS( 技術評論社 )

MacFan(MYCOM)MacPeople(ASCII)MacPower(ASCII)

日経 Linux( 日経 BP)

MYCOM= 毎日コミュニケーションズ



3

1. What's RIA

1.2　本質

メインフレーム＋

ダム端末

Web

RIA(Rich Internet Application)

C/S

コストパフォーマンス

ユー

ザビ

リテ

ィ

低高

低

高

Web システムの市場動向

System

Front middle Backend

HumanSystem

Front middle Backend

HumanSystem

UI企業

System

input

output

input

output

「システム」の変遷



4

・スマートクライアント(Microsoft)

・Visual Frame

・Biz/Browser

・Appeon/NXJ

・PDF/Adobe Intelligent Document Platform

・XMAP3/Web for Cosminexus

・Nexaweb

・SKreenMill

・Curl

・Facado

・Flash / Flex

・Ajax

1. What's RIA

1.3　実装



5

ユーザビリティ

エンドユーザ・利用者

情報の視覚化

キー操作 (TAB/F キー )

使い易さ/直感的認識

人間の思考支援

ノーリフレッシュ画面

バイナリー通信

開発再利用性

サーバ負荷軽減

トレーニング軽減

サポート軽減

メンテナンス軽減

配布 ( デプロイメント )

パフォーマンスコスト

システム・開発者経営

1. What's RIA

1.4　効果 /特徴



6

1. What's RIA

1.5　構成

HTML 型

Flash 型

サーバHTML

HTML

HTML

HTML

HTML

データ

ページ

データ

ページ

データ

ページ

処理

処理

処理

データ

swf

データ

swf

データ

swf

処理

処理

処理

サーバ

ページ

データ

データ

データ

データ

Shared Object(Flash クッキー )

処理

Remoting の場合バイナリーデータ

処理

サーバ

View

データ (swf)

データ (XML)

swf

XML



7

2. 事例

2.1　XML活用事例

http://www.au.kddi.com/keitai/index.html

http://www.jal.co.jphttp://amaztype.tha.jp/

http://iokio.com/

http://www.sony.jp/products/bluetooth/select/



8

Solutions Breeze Flash Cast Third PartySolutions

J2EE ColdFusion .NET

Tooling

Flex Builder

“Zone”

FlashAuthoring

Third PartyIDEs

ExperienceServers

FlexPresentation

Server

FlashCommunications

Server

Flash CastServer

ProgrammingModel

ActionScript - ECMAProcedural language Class Library

MXML - XML basedDeclarative Interface language Extensibility Kits

ClientRuntimes

Flash Player Flash Lite

Flash Runtime

Central

Flash Platform Architecture / elements

Breeze サーバ

Breeze PresentationPlatform

TrainingModule

SCORM

AICC

LiveModule

PowerPoint

スライド目次

スライドノート再生 /停止

進捗表示音声

・音声ストリーム・swf

リクエスト

PlugIn

コンテンツ製作・PowerPoint に PlugIn・PlugIn で音声編集・サーバに送って Publish

コンテンツ閲覧・必要なのは　FlashPlayer のみ

運用管理・コンテンツ管理　・検索　・権限・コース管理　・コース登録　・受講者へのmail 連絡・受講者管理　・コースレポート作成　　(正答率などの統計データ )

SCORM ,AICC：eラーニングの国際標準規格

Internet

swf

data

FlashPlayer

Central

movie

ストリーミング配信

Flash Media Server 2

TV 会議

Flex Presentation Server

Flex Application Framework

MXML ActionScript2.0

Flex Class Library

Flex Runtime Services

PowerfulTooling

IDE andTextEditors

Brady

http://www.macromedia.com/devnet/flex/

MXML

JavaBeans EJB Web サービス

ユーザ

開発者

RDBMS LDAP ERP/CRM Webサービス

2. Flash Platform

2.1　Flex



9

3. 標準

3.1　Flash Player

100

90

80

70

60

50

40

30

20

10

0

9890

81

62 6156

4741

17

MacromediaFlash Player

Java AdobeAcrobatReader

MicrosoftWindows

Media Player

MacromediaShockwave

Player

RealPlayer

AppleQuickTime

Player

ViewPointMedia Player

SVG

Macromedia Flash content reaches 98% of Internet viewers

Per

cent

age

of In

tern

et-e

nabl

ed P

Cs

FLASH3 FLASH4 FLASH5 FLASH6 FLASH7

Actual < > Future

MAELSTROM

06 09 12 03 06 09 12 03 06 09 12 03 06 09 12 03 06 09 12 03 06 09 12 03 06 09 12 03 06 09 12 03 06 09 12

200620052004200320022001200019991998

0

10

20

30

40

50

60

70

80

90

100

Pen

etra

tion

Per

cent

age

( % )



10

設計開発 /実装テスト

エディタ

・SE｜PY・asdt 負荷調整

PlugIn 切替

テスト環境

デバッガ

UML

ドキュメント

単体テスト

履歴管理・JUDE・EclipseUML・IIOSS

・CVS・subversion・VSS

・AS2Doc・AS2API

・AS2UNIT

Laszlo

Xamlon(XAML)

・Xray

ビルド

解析

解析防止 /暗号化・FlashANT

・Flash Plugin Switcher・Flash Plugin Archive

・横取り丸・NEGiES

・ASViewer

・Flashincrypt

・SWFEncrypt

FreewareShareware3rd VenderOpenSource( OSFlash )

・Peggy　＋カラー定義ファイル・秀丸　＋強調表示定義ファイル

3. 標準

3.2　Macromedia 純製ツールが主役でない、Flash 開発環境

Documents

リッチインターネットアプリケーション におけるXMLデータ …xmlconsortium.org/seminar/051214-U04/data/051214-04.pdfPlugIn切替 テスト環境 デバッガ

リッチインターネットアプリケーションにおけるXMLデータ …xmlconsortium.org/seminar/051214-U04/data/051214-04.pdfPlugIn切替テスト環境デバッガ