Adobe flex and mobile 4p

Flex フレームワークの進化 Desktop Desktop Web Web Web Flex 1 ‒ Flex 2 Flex 3 ‒ Flex 4 “Hero” (2004/03) (2006/07) (2008/02) (2010/03) (2011/1H) © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 4

“Slider” から “Hero” へ - モバイルデバイスの強力な進化 - Flash Player 10.1 / Adobe AIR 2のモバイル最適化 a a 26.4 Flex Mobile 5.5 2.9 FP 10.0, high-end '09 FP 10.1, Droid FP 10.1, Nexus One “Hero” モバイル最適化をしていないFlexのアプリケーション起動時間 © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 7

階層化された情報の最適表示限定的な画面サイズでは、情報を階層的に表示する工夫が必要情報の“現在地“を明示（シングル画面ではとても重要） Restaurant Finder Nearby Search Bookmarks Reviews Settings Edit View Results Edit Filter Edit Review Bookmarks Review Detail Map View Make Add Review Reservation © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 12

タッチ操作に最適化モバイル用のスキンコンポーネントサイズデフォルトでタッチ操作に対応したサイズ <s:Button id="button" label="{button.height} : {button.width}"/> PC用プロジェクトモバイル用プロジェクトステートタッチ操作に不要なステートは無し（ロールオーバーなど） UP DOWN イベントデフォルトでスワイプなどのジェスチャーに対応 © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 14

画面（View）ベースのアプリケーション構造 ViewとViewNavigator View 明確なデータモデルを備えたコンテンツグループメモリ内へのステート保持と UIインテグレーション機能カスタムビューのベースクラス ViewNavigator Viewの動的生成と表示を管理するコンポーネント階層構造を持ったコンテンツ表示が可能に階層構造を持つコンテンツを動的に作成し、ナビゲートを可能にする新しいコンセプト © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 15

ViewNavigatorの階層管理と表示ビューをスタック（束）で管理し、一番上のビューを表示、アクティブにするサポートされるAPI pushView()：次のViewに移動する popView()：ひとつ前のViewに戻る複数のスタックやビューのセット（セクション）の管理機能 pushView(UserInfoView, name) popView() © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 16

ViewNavigatorの階層管理と表示 ■ Main.mxml <s:MobileApplication rootView=“TweetView” sessionCachingEnabled=“true”> … </s:MobileApplication> ■ TweetView.mxml ■ UserInfoView.mxml <s:View title=“FxUG Japan Tour Tweets”> <s:View title=“{data}”> pushView(UserInfoView, name) … … private function list_changeHandler():void { private function button_clickHandler():void { navigator.pushView ( navigator.popView(); UserInfoView, list.selectedItem.name); } } … … </s:View> popView() <s:List change=“list_changeHandler()” … /> </s:View> © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 17

Adobe MAX アドバンテージツアー Adobe MAX 2010 in Los Angeles 2010/10/25 (月）‒ 27 (水）への参加 Adobe Flash Platformの最新技術情報を学ぶカンファレンスツアー申込：http://www.adobe.com/jp/joc/max2010/ 先着20名まで 198,000円 © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 20

Adobe AIR Contest 2010 Adobe AIR Galleryのコンテスト審査対象アプリ：2009/9/1 ‒ 2010/8/31（AIR Galleryへ登録） http://www.adobe.com/jp/joc/aircon2010/ 最優秀賞：Adobe MAX ツアーご招待優秀賞：Adobe Creative Suite 5, Sony α NEX-5 © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 21

次期 Flex フレームワーク - ”Hero“ Webからデスクトップ、そしてモバイルへモバイルアプリケーション開発にも対応する次期Flexフレームワーク既存 Flex 4 にモバイル用のコンポーネントと機能を追加アーキテクチャの大きな変更なしで既存Flexがモバイルに対応階層構造コンテンツの表示とナビゲーション、動的レイアウト詳しくはAdobe MAX 2010で！ © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 23

Adobe flex and mobile 4p

by Keisuke Todoroki on Aug 08, 2010

Accessibility

Categories

Tags

Upload Details

Usage Rights

Statistics

Adobe flex and mobile 4p — Presentation Transcript