【13-C-3】　RIA 開発をとりまく技術の進化と環境の変化

2nd FACTORY CO.,Ltd. CONFIDENTIAL

Developer Summit 2009：

2009/02/13株式会社セカンドファクトリー

シニアエクスペリエンスアーキテクト

東賢

RIA環境を取り巻く技術の進化と環境の変化 -

technology evolution and changing environment in RIA development

-

2nd FACTORY CO.,Ltd. CONFIDENTIAL 1

長年のＲＩＡ開発経験と独自の構築プロセスに基づき、革新的なイ

ンターフェイスを持つアプリケーションを提供します。

アプリケーションやＷｅｂサイトを使いやすい「道具」と考え、毎日

使うものだからこそユーザビリティや優しさを確保した豊かなエク

スペリエンスを実現します。

2ndfactory=2FCはＲＩＡを通じクライアントにはＲＯＩの最大化とビジ

ネスの成功を、そしてエンドユーザーには豊かなエクスペリエンス

をお届けします。

アプリケーションに優しさを。そして、おもてなしの心を。

2nd

FACTRY Co., ltd


Senior Experience Architect

of 2ndfactory

[email protected] http://www.syncrare.com/

Twitter / BrightKite / FriendFeed: kenazuma LinkedIn : http://www.linkedin.com/in/kenazuma

Adobe Community Expert http://www.adobe.com/communities/expert

s/members/KenAzuma.html Microsoft MVP

https://mvp.support.microsoft.com/profile=B DE5E9FE‐2703‐4846‐A5AA‐0247C32632DA

About me : Ken Azuma （東賢）

mailto:[email protected]

http://www.syncrare.com/

http://www.linkedin.com/in/kenazuma

http://www.adobe.com/communities/experts/members/KenAzuma.html

http://www.adobe.com/communities/experts/members/KenAzuma.html

https://mvp.support.microsoft.com/profile=BDE5E9FE-2703-4846-A5AA-0247C32632DA

https://mvp.support.microsoft.com/profile=BDE5E9FE-2703-4846-A5AA-0247C32632DA


20082008年は年はUXUX元年元年だっただった

2008年に何が起こったか？


各企業は各企業はUXUXの重要性の重要性をを

（一応）（一応）理解／認識理解／認識したした



What is UXWhat is UX↓↓

How to do How to do For better UXFor better UX



Portions of “How”: 知りたいところ



プラットフォーム

®

Copyright 2008 Adobe Systems Incorporated. All rights reserved.

®


Adobe Flash Platform Overview

Flash Player

Flex Flash Media Server Family

Tools to Design and Develop Clients ServersFramework

AIRFlash CS4 Professional

Flash Catalyst Flex Builder

Data Services

Applications, Content and Video

®


Adobe Flash Platform Architecture

Flex Builder

Flex

Flash Media Server Family

Flash Catalyst

Flash CS4 Professional

Tools to Design and Develop

Clients

Servers

Framework

AMF, XML, JSON, SOAP, RSS, ATOM, etc.HTTP/S, Sockets, RTMP, etc.

Flash PlayerAIR


BlazeDSData Services

®



Flex Builder

Flash Player

Flex

Flash Catalyst



Clients

Servers

Framework

AIR





®


Runtimes

Browsers JavaScript,

HTML, CSS, etc

DOM APIsFlash Player

H.264 VideoAAC Audio Real-time data

ActionScript PixelBender

3D Effects

E4X, Binary Data

Adobe Flash Platform Architecture: Client

Clients / Servers

AIR

JavaScript,

HTML, CSS, etc.

ActionScript

OS / Desktop Integration

Local Storage

PDF Integration

Persistent Applications

Operating Systems


FrameworkFlex

MXML

ActionScript

Components

Declarative UI


Mac, Windows, Linux, Symbian, Windows Mobile, Wii, PlayStation, etc.

®



Flex Builder

Flash Player

Flex

Flash Catalyst



Clients

Servers

Framework

AIR





ColdFusion“Centaur”

®


Adobe Flash Platform Architecture: Server

Clients / Servers XML, JSON, SOAP, RSS, ATOM, etc.HTTP/S, Sockets, RTMP, etc.

Resource TiersDatabasesDatabases DirectoriesDirectories ECM

Repository

ECM

Repository

Message

Queues

Message

Queues

Legacy

Systems

Legacy

Systems

Servers


On-Demand & Live Streaming

Real Time

Interactivity

Protected Streams

LiveCycle ES

Process Automation

Security

Data Capture and Output

ColdFusion

Enterprise Services

Remoting/AMF

Data Management

Partner Services and other Server Platforms

Messaging

Remoting

BlazeDS

Data Services

Data Management

®




Flex Builder

Flash®

Player

Flex®

Flash Catalyst



Clients

Servers

Framework

AIR™




®


Adobe Flash Platform Architecture: Tooling

Creative Suite Tools

After Effects®

Fireworks®

Dreamweaver

®

Illustrator®

Photoshop®

Acrobat®

FXG


Flex Builder

Eclipse IDE

Code Profiling

Debugging


Interactive

Content

Animation

Visual Layout

Flash CatalystProto-typing

Design / Develop

Workflow

Copyright 2008 Microsoft Corporation . All rights reserved.

©

2008 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should

not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS

TO THE INFORMATION IN THIS PRESENTATION.

©

2008 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market

conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS

TO THE INFORMATION IN THIS PRESENTATION.


プレゼンテーション

テクノロジの選択

ユーザーインターフェイスのユーザーインターフェイスの

リッチさリッチさ

開発

生産

性開

発生

産性

ASP.NET(HTML)

Windows Forms

Win32

Direct 3D v9

Availability: Availability: 2005 2006

DHTML(AJAX)

1997

ASP.NET AJAX

Direct 3Dv10

Microsoft

Office

WindowsPresentationFoundation

Silverlight


マイクロソフトのクライアント技術

技術概要

(X)HTML (+ CSS) W3C標準。Webブラウザのみで動作可能。基本的にネットワーク接続が前提。

クロスプラットフォーム。

上記

+ JavaScript Dynamic HTMLを駆使し、インタラクティブ性を向上

(ASP.NET) AJAX Asynchronous JavaScript + XML

Silverlight XAMLをベースとしたRIA技術。クロスプラットフォーム。JavaScriptや.NET対

応言語が使用可能。

Windows フォーム .NET FrameworkベースのWindows クライアントと技術。ドラッグ＆ドロップでUI

を構築可能。

MFC (Visual C++) Win32をベースとしたMFCベース

Office system Excel

や

Wordをプラットフォームとしてアプリケーションを実装

.NET Compact Framework Windows Mobileをターゲットとしたアプリケーション開発

WPF GPUのパワーをシンプルな方法(XAML)で活用

DirectX 10 GPUをフル活用。最新ゲーム品質のUIを実現

Media Center Edition MCML。7フィート(2.2M)インターフェース。リモコン操作

19

RichnessRichness

ReachReach

CodePlex CodePlex ProjectProject

New ControlsNew Controls

Iterative releases (6‐8w)

Component “Quality Bands”ExperimentalPreviewStableMature

SDK/Tools SDK/Tools ReleaseRelease

• Customer Feedback Driven• May include new components• “No‐brainer”

upgrade

• “Mature”

band controls

delivered with SDK/Tools•

Customers can replace with

CodePlex release for full

control package

Core Core RuntimeRuntime

Some controls may

move to core runtime

Business Application FrameworksBusiness Application Frameworks

Base FrameworksBase Frameworks

Base PlatformBase Platform

Network /ServicesNetwork /Services

ControlsControlsData

BindingData

Binding

CLRCLR

Core UI EngineCore UI Engine

Data Shaping•

XML

•

LINQ

Data Shaping• XML• LINQ

Business

Logic

Business

Logic ValidationValidation App ServicesApp Services

NavigationNavigation

Data LoadingData Loading

Control ModelControl Model

Business

Controls

Business

Controls

Application Architecture for .NET

Service Interfaces

USERS

UI components

UI Process components

BusinessEntities

BusinessWorkflows

BusinessComponents

Data Access Logic Components ServiceAgents

Data Sources Services

Sec

urity

Ope

ratio

nal M

anag

emen

t

Com

mun

icat

ion



開発手法


Key components of RIA platform


インタラクティブアプリケーションに必要な要素

AssetAsset ビットマップやベクターなどを用いた様々なグラフィックファイル＜XAMLそのものやJPEG/PNGなどのファイル＞

InteractionInteraction アニメーションやステート間のトランジション＜XAMLのstoryboardによるアニメーション＞

LayoutLayout アプリケーションの各画面におけるUIのレイアウト＜XAMLのLayoutコントロールによるレイアウト＞

UI ControlUI Control イベントハンドラやデータホルダを含むUIコントロール＜XAMLによるボタンやグリッドなどのUIコントロール＞

Control LogicControl Logic 画面制御のためのコントロールロジック＜.NET言語による画面ステートの制御ロジックやバリデーションなど＞

Business LogicBusiness Logic アプリケーションの実態であるビジネスロジック＜.NET言語によるビジネスロジックの実装＞


開発手法：Des/Devチームの分け方

インテグレータモデルインテグレータモデル

ハーベストモデルハーベストモデル

コラボレーションモデルコラボレーションモデル


セカンドファクトリーのチームモデル



Business DomainBusiness Domain

Presentation DomainPresentation Domain

System DomainSystem Domain


insideinside--outout OutsideOutside--inin










ビジネスゴールビジネスゴール

デザイン（広義）デザイン（広義）

実装実装


ロールとツールの関係（Microsoft）

システムシステムデベロッパーデベロッパー

インタラクションインタラクションデベロッパーデベロッパー

グラフィックグラフィックデザイナーデザイナー

C#XAML

graphics

Visual

Studio Expression Blend Expression Design

Other Tools

XAMLを媒介として、すべての実装メンバーが開発中のUI におけるUXを常に確認しながら開発できる体制が

ツールとの連携によって整っている


ロールとツールの関係（Adobe）

システムシステムデベロッパーデベロッパー

インタラクションインタラクションデベロッパーデベロッパー

グラフィックグラフィックデザイナーデザイナー

Action ScriptMXML

FXG / graphics

Flex Builder Flash Catalyst Illustrator

Other Tools

新たにFXGフォーマットが加わることによって、CS4シリーズの圧倒的シェアを活かす土壌が整い、Flexフレームワークによる開発でより高度な分業が

可能となった。


開発手法：会社／拠点間の分業

ある規模以上の開発を行う場合、調達の観点からも分業可能な体制が望まれるが、ＵＸ検討そのものは

分業が難しい作業が多い

同じコンセプトを共有同じコンセプトを共有しつつも実装をしつつも実装を確定的に落とし込んでいくことが重要確定的に落とし込んでいくことが重要

多くのケースでは、下層レイヤーの多くのケースでは、下層レイヤーの分業が検討しやすい分業が検討しやすい


開発手法：テスト

オートメーションテストオートメーションテスト

エモーショナルテストエモーショナルテスト



プロトタイピング


プロトタイプとは？

デモンストレーション目的や新技術・新機構の検証、量産前での問題点の洗い出しのために設計・仮組み・製造された試験機・試作回路・コンピュータプログラムのことを指す。

検証／問題点の洗い出しのため検証／問題点の洗い出しのために存在し、に存在し、その全てを製品開発にその全てを製品開発に

流用できるものではない。流用できるものではない。


プロトタイプ／モックアップ

プロトタイププロトタイプ

モックアップモックアップ


多くのUXに優れた製品では、大きく差別化をできるポイントは全体に対して一部であり、多くの部分で典型的なパターンを利用していることが多い。

どこをプロトタイピングするか？


Demo : Quince


ビルディングブロック


市販コンポーネント


オープンソースコンポーネント／ライブラリ


Amazon EC2Akamai Edge ComputingWindows Azure

SalesForceSAPSocial API

SaaS

Brightcove Inc.


改善のための計測


復習：RIAテクノロジー選択のポイント

十分なエクスペリエンスを提供できるか十分なエクスペリエンスを提供できるか

クライアントの動作環境にマッチしているかクライアントの動作環境にマッチしているか

将来の配布にあたって不要なコストがかからないか将来の配布にあたって不要なコストがかからないか

開発者人口が十分か開発者人口が十分か提供企業が安定した体制を持っているか提供企業が安定した体制を持っているか

アプリケーションライフサイクルの視点で検討するアプリケーションライフサイクルの視点で検討する

総合的に見てマイクロソフトやアドビの総合的に見てマイクロソフトやアドビの

テクノロジーが優位といえるテクノロジーが優位といえる


復習：従来のHTMLやWinFormではだめなのか？

根本的にはテクノロジーの問題では根本的にはテクノロジーの問題ではない。状況に応じてもっとも都合のよない。状況に応じてもっとも都合のよ

いテクノロジーを選択すればよい。いテクノロジーを選択すればよい。

••コンセプトに従い、コンセプトに従い、一貫した操作性一貫した操作性を提供しているか？を提供しているか？

••優優れたれたUXUXをを継続的に支えるアーキテ継続的に支えるアーキテクチャ設計クチャ設計があるか？があるか？


ユーザーエクスペリエンスとは？（復習）

情報システム部門情報システム部門の連中は分の連中は分かっていない。今かっていない。今変更／改善変更／改善することがどれだけ重要か。することがどれだけ重要か。ユーザー部門ユーザー部門の連中は分かっの連中は分かっていない。システムをていない。システムを安定稼安定稼動動させることがどれだけ重要させることがどれだけ重要か。か。


結論：どちらも正しい

時間軸

検討レベルギャップを埋めるための

アーキテクチャが必要

システム開発システム開発

ユーザー部門ユーザー部門


カットオーバーはスタートライン

プロジェクトはカットオーバーをもってプロジェクトはカットオーバーをもって終了するようなものではなく、終了するようなものではなく、

アプリケーションのライフサイクルにアプリケーションのライフサイクルに沿って継続的に改善されるべきものだ。沿って継続的に改善されるべきものだ。

そのため、利用動向を知るための計測がそのため、利用動向を知るための計測が必要であり、計測データをもとに改善に必要であり、計測データをもとに改善に対応するアーキテクチャ設計が必要。対応するアーキテクチャ設計が必要。


ビジネスロジックビジネスロジック

UIUI（（WFWF））

グラフィック等のアセットグラフィック等のアセット

インタラクションインタラクション

ゲートウェイゲートウェイ

可変領域と安定領域にアーキテクチャ的な分割を行うことで可変領域と安定領域にアーキテクチャ的な分割を行うことで長期運用に対応した変更しやすい構造を作ることが出来る長期運用に対応した変更しやすい構造を作ることが出来る

アーキテクチャの分割検討を行った場合


© 2009 Omniture Inc.

•

マーケティング部門のテクノロジーパートナー

•

オンラインビジネス最適化を実現するためのオンラインマーケティングスイートを提供


Experience is an iceberg

見えている部分は全体の一部分にしか過ぎない。検討するべきエクスペリエンスは

見えない部分も含めた全体を対象とする。


QuestionQuestion ??


参考：UXとは？1


ユーザーが商品／サーユーザーが商品／サービスを通じて感じるビスを通じて感じる

すべてのすべての体験体験

ユーザーエクスペリエンスとは？


哲学で、個々の主観のうちに直接的または直観的に見いだされる生き生きとした意識過程や内容＜広辞苑＞

体験とは？


体験学習、体験談、体験記、アハ体験、体験版ダウンロード、感動体験、追体験、悲しい体験、

トラウマ的体験…

「体」の字が入っていることからも、自らの体を使ったり、体にしみこんでくるような強い経験をすることで、

良いこともあれば悪いこともある。

体験とつく言葉…


情報システム／アプリケーション

×体験

エクササイズ：


UXケーススタディ：スターバックス


UXケーススタディ：ハーレーダビッドソン


UXケーススタディ：寿司屋


これらのこれらの体験体験はは

点点ではなくではなく線線でで

生み出されている生み出されている

リアルな体験から学ぶべきこと


ユーザーエクスペリエンスとは？（復習）

ユーザーが商品／サービスをユーザーが商品／サービスを通じて感じるすべての通じて感じるすべての体験体験

↓最良の体験の提供が競合に対最良の体験の提供が競合に対

する優位を得るためのする優位を得るための

差別化要因差別化要因となるとなる


プロダクトの進化

産業革命以後の生産能力向上に産業革命以後の生産能力向上に

よって多くの製品がよって多くの製品が差別化差別化を考を考

えるに至ったえるに至った

1885年製メルセデス


ソフトウェアの進化

既に多くのソフトウェアが機能的には成熟し、機能だけでは競争優位を保つことができない状態

更なる顧客確保、生産性の向上のため、更なる顧客確保、生産性の向上のため、この転換期においてこの転換期においてエクスペリエンスエクスペリエンス

をを差別化要因差別化要因として考えてみては？として考えてみては？


重要なファクター：クラウドコンピューティング

「クラウドコンピューティングは、「クラウドコンピューティングは、ITITサービスの工業化とサービスの工業化と

コモディティ化に向かう破壊的なトレンドである」コモディティ化に向かう破壊的なトレンドである」「市場の利益率を超えているサービスは減少する」「市場の利益率を超えているサービスは減少する」

「価格モデルはさらに競争が激化し、簡素化され、標準化が進む」「価格モデルはさらに競争が激化し、簡素化され、標準化が進む」「あらたな「あらたなITITサービスを調達するときのオプションとして、サービスを調達するときのオプションとして、

クラウドコンピューティングサービスを検討すべき」クラウドコンピューティングサービスを検討すべき」「ベンダーが提示する価格の競争力を確認し、クラウドと従来の「ベンダーが提示する価格の競争力を確認し、クラウドと従来のITITモデルモデル

を比較したときに、クラウドコンピューティングプロバイダとの関係管理にを比較したときに、クラウドコンピューティングプロバイダとの関係管理に

必要となる作業の削減方法を見つけるべき」必要となる作業の削減方法を見つけるべき」「ベンダー管理の必要性の低下」「定期的なサービスレベルの報告と追「ベンダー管理の必要性の低下」「定期的なサービスレベルの報告と追

跡は標準化され、最小限にできる」「ベンダー関係とそのために必要な管跡は標準化され、最小限にできる」「ベンダー関係とそのために必要な管

理の重要性が低下する」「ベンダーとの関係は、個々の取引ごとになり、理の重要性が低下する」「ベンダーとの関係は、個々の取引ごとになり、

戦略性が薄れる」戦略性が薄れる」

2008.112008.11

––

GartnerGartner

--


エクササイズ：大手SIのシステム／ソリューションのカタログ

アーキテクチャ図などをのぞいて、ほぼすべてのシステム／ソリューションに関して「画面キャプチャ」が無い

コンシューマ向けのアプリケーションコンシューマ向けのアプリケーションや他業種の製品ではや他業種の製品ではほぼありえないほぼありえないこことが普通になっている。とが普通になっている。


For users …

WYS IWYGWYS IWYG

“What You Get Is What You See”「ユーザーにとっては、目に見えるものがすべて」


1953

2nd FACTORY CO.,Ltd. CONFIDENTIAL 81FPD International 2008

2nd FACTORY CO.,Ltd. CONFIDENTIAL 82FPD International 2008

2nd FACTORY CO.,Ltd. CONFIDENTIAL 83CEATEC JAPAN 2008HITACHI


Microsoft Surface


NUI + Microsoft


iPod

→ iPhone


エクササイズ：身の回りの「UI」を思い出してみよう

日常生活に優れたユーザーインター日常生活に優れたユーザーインターフェイスが浸透しつつあるフェイスが浸透しつつある

ユーザーは、ユーザーは、業務システム業務システムをを

どのように見ているだろうか？どのように見ているだろうか？


エクササイズ：水道の蛇口


エクササイズ：大変だ！このままじゃ火事になる！


エクササイズ：大変だ！このままじゃ火事になる！

① ② ③ ④


基本的なユーザビリティの概念


業務システムとUX

システムのシステムの顔顔でありであり入出力入出力の起点であるの起点であるUIUIを通じて、を通じて、ユーザーのユーザーの業務システム業務システムを通じた体験を通じた体験をよりよいをよりよい

ものにできるはず！ものにできるはず！


参考：RIAとは？2


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

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

（（Rich Internet ApplicationRich Internet Application、、RIARIA）は、）は、ウェブブラウザなどのクライアントの機能ウェブブラウザなどのクライアントの機能

を活かした、柔軟なインターフェースをもを活かした、柔軟なインターフェースをもつウェブつウェブアプリケーションアプリケーションのこと。従来ののこと。従来の DHTMLDHTMLややFlashFlashなどの新しい技術が含まれなどの新しい技術が含まれる総称的な概念である。る総称的な概念である。


では、アプリケーションとは？

wikipedia : wikipedia : アプリケーションソフトウェア、応用ソアプリケーションソフトウェア、応用ソ

フトウェア（フトウェア（Application SoftwareApplication Software）とは、）とは、コンピュータの基本ソフトウェアの上でコンピュータの基本ソフトウェアの上で

動作し、動作し、特定の目的を果たすための機能を提供特定の目的を果たすための機能を提供

するソフトウェアのこと。するソフトウェアのこと。


再：リッチインターネットアプリケーションとは？

なんらかのリッチな要素があり、インターネットを利用していて、特定の目的

を果たすための機能を提供するソフトウェア

ユーザーを含む全てのステークホルダーに豊かな体験を提供し、リッチを感

じていただく取り組み


では、リッチとは？

Adobe Systems Technical Evangelist James Wardが考える”リッチ”を構成する要素

Connected（接続性）

Alive（躍動感）

Interactive（双方向）

Responsive（反応が良い）


そのリッチで変わるものは？

システムの利用率システムの利用率

単位時間当たりの生産性単位時間当たりの生産性

成功割合の向上とユーザーエラーの削減成功割合の向上とユーザーエラーの削減

サポートコストの削減サポートコストの削減

なによりユーザーのロイヤルティ！なによりユーザーのロイヤルティ！


成功割合の向上とユーザーエラーの削減

NCRNCRの調査によると、良いデザインの基本原理に従ってスクリーンを再デザインすの調査によると、良いデザインの基本原理に従ってスクリーンを再デザインす

ると、スループットはると、スループットは25%25%向上し、かつエラーは向上し、かつエラーは25%25%減少します。減少します。

[Gallaway, 1981][Gallaway, 1981]

Zone ResearchZone Researchの調査によると、の調査によると、62%62%ののWebWeb顧客はオンラインで購入したい項目を顧客はオンラインで購入したい項目を

探すのをあきらめています。（そして、探すのをあきらめています。（そして、20%20%はは22ヶ月の間にヶ月の間に33回以上あきらめていま回以上あきらめていま

す。）す。）

[Nielsen, 1998b][Nielsen, 1998b]

1515の大きなコマーシャルサイトのの大きなコマーシャルサイトのJaredJared

SpoolSpoolの研究によると、たとえテスト作業の研究によると、たとえテスト作業

が与えられる前に正しいホームページにいたとしても、ユーザーは時間内にが与えられる前に正しいホームページにいたとしても、ユーザーは時間内に42%42%しし

か情報を見つけられません。か情報を見つけられません。

[Nielsen, 1998b][Nielsen, 1998b]


エクササイズ：最近提案したプロジェクトのきっかけは？

「残念ながら現在の「残念ながら現在のITIT投資状況は投資状況は保守・運用管理向けが保守・運用管理向けが88割で、革新向割で、革新向

けの投資はわずかけの投資はわずか22割にすぎない。」割にすぎない。」--マイクロソフトマイクロソフト

--

新しくパイを広げるような新しくパイを広げるような新規プロジェクトを作るためには、新規プロジェクトを作るためには、

わかりやすい訴求わかりやすい訴求が必要が必要


UXと数字

JAL 1.6 JAL 1.6 --> 2.3> 2.3

JRAJRA 95%95%

PASONA PASONA ““00””


アーキテクチャ設計の重要性


最表層以外の要素の変更が全体に影響する最表層以外の要素の変更が全体に影響する


インタラクションインタラクションUIUI（（WFWF））

ビジネスロジックビジネスロジックゲートウェイゲートウェイ

アーキテクチャ分割の検討をしない場合


ビジネスロジックビジネスロジック

UIUI（（WFWF））


インタラクションインタラクション

ゲートウェイゲートウェイ

可変領域と安定領域にアーキテクチャ的な分割を行うことで可変領域と安定領域にアーキテクチャ的な分割を行うことで長期運用に対応した変更しやすい構造を作ることが出来る長期運用に対応した変更しやすい構造を作ることが出来る

アーキテクチャの分割検討を行った場合


インタラクション≠アニメーション

「業務システムにはアニメーションは「業務システムにはアニメーションは必要ないだろう」という意見必要ないだろう」という意見

インタラクションはユーザーの動きをインタラクションはユーザーの動きを正しく促すためのガイドと捉える正しく促すためのガイドと捉える


クラウドコンピューティング等の台頭にあたり：

機能の一つ一つではなく、それらが相機能の一つ一つではなく、それらが相互に作用し、互に作用し、一連の文脈的意味を持つ一連の文脈的意味を持つシナリオシナリオを作る必要があるを作る必要がある

業務知識を持って、それぞれの機能を業務知識を持って、それぞれの機能を縫い合わせ、縫い合わせ、デザインされたデザインされたUXUXとと

一体となるアーキテクチャ設計一体となるアーキテクチャ設計が必要が必要


デザインデザインはは

実装実装するものである。するものである。

アーキテクチャとともに重要な考え方


プロジェクトファシリテーションタイプ

I/O, A

PII/O

, API

Architecture

systemsystem designdesign


ユーザーエクスペリエンスコンサルティングタイプ

Development Team, CompaniesDevelopment Team, Companies

CustomerCustomerPM


エクスペリエンスデザイン適用タイプ

systemsystem


エクスペリエンスアーキテクチャ適用タイプ

DesignDesign


エクスペリエンスデベロップメント提供タイプ

Produce, DirectionProduce, Direction

CustomerCustomerPM


セカンドファクトリーの基本開発ワークフロー


マイクロソフトのRIAテクノロジーへのアプローチ


これまでのRIA

:

Surfing

変化する環境の中である時点で最高のパフォーマンスを出す。同様のパフォーマンスを安定して提供することは難しい。

個人の技能に依存する割合が非常に大きい。


これからのRIA

: sk8 + rampage

ある安定した環境をベースとして信頼し、その上で最高のパフォーマンスを出す。

安定環境に再現性があるため、パフォーマンスに集中できる。環境を作成／維持するメンバーを含めたチームプレイ。

【13-C-3】　RIA 開発をとりまく技術の進化と環境の変化

Documents

Transcript of 【13-C-3】　RIA 開発をとりまく技術の進化と環境の変化

【13-C-3】 RIA 開発をとりまく技術の進化と環境の変化

Documents

Transcript of 【13-C-3】 RIA 開発をとりまく技術の進化と環境の変化

【13-C-3】　RIA 開発をとりまく技術の進化と環境の変化

Transcript of 【13-C-3】　RIA 開発をとりまく技術の進化と環境の変化