mobilefirst platform foundation ( 旧...

30
© 2015 IBM Corporation MobileFirst Platform Foundation (Worklight) ハイブリッド・アプリケーション開発セミナー 概要 20154月 21日 日本IBM(株) 日本IBMシステムズ・エンジニアリング(株)

Upload: others

Post on 29-Sep-2020

1 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: MobileFirst Platform Foundation ( 旧 Worklight)public.dhe.ibm.com/software/dw/jp/websphere/mobile/mfp_hybrid_d… · Hybrid アプリ(HTML,JS,CSS を使って開発したモバイルアプリ)を開発するためのプラッ

© 2015 IBM Corporation

MobileFirst Platform Foundation (旧 Worklight)ハイブリッド・アプリケーション開発セミナー

概要2015年 4月 21日

日本IBM(株)日本IBMシステムズ・エンジニアリング(株)

Page 2: MobileFirst Platform Foundation ( 旧 Worklight)public.dhe.ibm.com/software/dw/jp/websphere/mobile/mfp_hybrid_d… · Hybrid アプリ(HTML,JS,CSS を使って開発したモバイルアプリ)を開発するためのプラッ

© 2015 IBM Corporation 2

MobileFirst Platformにおける

マルチOS対応開発の選択肢

Page 3: MobileFirst Platform Foundation ( 旧 Worklight)public.dhe.ibm.com/software/dw/jp/websphere/mobile/mfp_hybrid_d… · Hybrid アプリ(HTML,JS,CSS を使って開発したモバイルアプリ)を開発するためのプラッ

© 2015 IBM Corporation 3

Cordova XamarinNative

(Swift)

マルチOS対応開発の選択肢

Page 4: MobileFirst Platform Foundation ( 旧 Worklight)public.dhe.ibm.com/software/dw/jp/websphere/mobile/mfp_hybrid_d… · Hybrid アプリ(HTML,JS,CSS を使って開発したモバイルアプリ)を開発するためのプラッ

© 2015 IBM Corporation 4

IBM MobileFirst SDK for Xamarin – Xamarin component storeから使用可能

IBM MobileFirst Platform FoundationのSDKを使うことで、Xamarin 開発者はC#言語を使

用して、iOSやAndroid向けのリッチなネイティブ・エンタープライズ・グレードなモバイ

ル・アプリを構築できるようになる。

セキュリティセキュリティセキュリティセキュリティ

認証認証認証認証

インテグレーションインテグレーションインテグレーションインテグレーション

通知通知通知通知

アプリ管理アプリ管理アプリ管理アプリ管理

アナリティックアナリティックアナリティックアナリティック

Xamarin Studio

統合された統合された統合された統合されたサービスサービスサービスサービス

https://components.xamarin.com

/view/ibm-worklight

Note : この機能はIBM MobileFirst Platform Foundation product

の一部としては利用できません。 Xamarin component store でのみ利用可能です。

Page 5: MobileFirst Platform Foundation ( 旧 Worklight)public.dhe.ibm.com/software/dw/jp/websphere/mobile/mfp_hybrid_d… · Hybrid アプリ(HTML,JS,CSS を使って開発したモバイルアプリ)を開発するためのプラッ

© 2015 IBM Corporation 5

5←

• Worklightのサーバー・サイド・

モジュールを作成し、Worklight CLIを利用してデプロイ

• WorklightコンポーネントをXamarin Studioに導入

• Xamarinによって、アプリはC#で開発

• アプリからWorklight API を利用可能

• デバイスのネイティブ機能にアクセスする拡張ライブラリーやクライアントAPIを利用可能

• アプリをビルドし、Worklightにデプロイ

Worklight SDK for Xamarin-Studio Integration

Page 6: MobileFirst Platform Foundation ( 旧 Worklight)public.dhe.ibm.com/software/dw/jp/websphere/mobile/mfp_hybrid_d… · Hybrid アプリ(HTML,JS,CSS を使って開発したモバイルアプリ)を開発するためのプラッ

© 2015 IBM Corporation 6

Apache Cordovaとは

Hybridアプリ(HTML,JS,CSSを使って開発したモバイルアプリ)を開発するためのプラットフォーム。WebView と Native間の仲介層を提供し、Native機能の利用を容易にするためのPluginインタフェースなどを提供している

2015年4月現在で、最新バージョンは 4.0.0

サポートするプラットフォーム: Android , iOS, Windows Phone 8, Windows, BlackBerry, Firefox OS など

サポート状況: http://cordova.apache.org/docs/en/4.0.0/guide_support_index.md.html#Platform%20Support

$ cordova create myapp$ cd myapp$ cordova platform add ios$ cordova build ios$ cordova run ios

基本操作はコマンドラインから実施

$ cordova plugin search bar codecom.phonegap.plugins.barcodescanner - You can use the BarcodeScann …

Pluginの検索

Plugins Registry(over 900 plugins)

Page 7: MobileFirst Platform Foundation ( 旧 Worklight)public.dhe.ibm.com/software/dw/jp/websphere/mobile/mfp_hybrid_d… · Hybrid アプリ(HTML,JS,CSS を使って開発したモバイルアプリ)を開発するためのプラッ

© 2015 IBM Corporation 7

MobileFirst Platformにおける

ハイブリッド開発の特徴

Page 8: MobileFirst Platform Foundation ( 旧 Worklight)public.dhe.ibm.com/software/dw/jp/websphere/mobile/mfp_hybrid_d… · Hybrid アプリ(HTML,JS,CSS を使って開発したモバイルアプリ)を開発するためのプラッ

© 2015 IBM Corporation 8

OSによるによるによる

による

アプリ起動

アプリ起動アプリ起動

アプリ起動

Custom native

codenew

Worklight 初期化

初期化初期化

初期化

Custom native

codenew

Cordova 初期化

初期化初期化

初期化

Custom native

codenew

ネイティブ

ネイティブネイティブ

ネイティブ

画面表示

画面表示画面表示

画面表示

Web画面表示

画面表示画面表示

画面表示

ネイティブ

ネイティブネイティブ

ネイティブ

画面表示

画面表示画面表示

画面表示

ハイブリッドアプリでネイティブのカスタマイズ性、柔軟性を最大化

複数のポイントで実行可能

異なる処理に複数のポイントで実行可能。

ネイティブ画面とHTML画面は、タブやナビゲーション・コン

トローラーなど、親ページにも子ページにもなれる。

リサイズやカスタマイズが容易に可能。

アクションやデータを交互に送れる。

Worklightはデフォルトとしてユーザーから

ネイティブにカスタマイズできるように定義

New

Page 9: MobileFirst Platform Foundation ( 旧 Worklight)public.dhe.ibm.com/software/dw/jp/websphere/mobile/mfp_hybrid_d… · Hybrid アプリ(HTML,JS,CSS を使って開発したモバイルアプリ)を開発するためのプラッ

© 2015 IBM Corporation 9

同じ画面中の

ネイティブと

Webコンポーネント

ボタン、タイトルとアイコン

を含んだネイティブ・ヘッダー

ネイティブのスクロールするティッカー

Webコンポーネントを

含んだWebView

ハイブリッド開発の卓越した柔軟性

同じアプリの中で、ネイティブとWebコードの完全に自由な混在が可能

Page 10: MobileFirst Platform Foundation ( 旧 Worklight)public.dhe.ibm.com/software/dw/jp/websphere/mobile/mfp_hybrid_d… · Hybrid アプリ(HTML,JS,CSS を使って開発したモバイルアプリ)を開発するためのプラッ

© 2015 IBM Corporation 10

MobileFirst Platformにおける

ハイブリッド開発のテスト・品質向上

Page 11: MobileFirst Platform Foundation ( 旧 Worklight)public.dhe.ibm.com/software/dw/jp/websphere/mobile/mfp_hybrid_d… · Hybrid アプリ(HTML,JS,CSS を使って開発したモバイルアプリ)を開発するためのプラッ

© 2015 IBM Corporation 11

モバイル機能テストツール Test Workbench

� モバイルアプリ打鍵テスト自動化

− モバイルデバイス上での打鍵テストを記録し

デバイス上のテストの自動化を実現

− 記録したテストの⼿順や⼊⼒データをGUIから

編集可能

− 画⾯ショット付きのテスト結果を⾃動出⼒

− ネイティブとハイブリッドアプリケーションのテストをサポート

− Android と iOS で動作

モバイル・アプリケーションの

品質向上、テスト工数の削減

1.テスト実施&記録

3.テスト実⾏ (繰返し可)

2.テスト編集

3 Step3 Step3 Step3 Stepで自動テストが可能に!

同じ操作を繰り返すことなく、簡単にテストを自動化!

Page 12: MobileFirst Platform Foundation ( 旧 Worklight)public.dhe.ibm.com/software/dw/jp/websphere/mobile/mfp_hybrid_d… · Hybrid アプリ(HTML,JS,CSS を使って開発したモバイルアプリ)を開発するためのプラッ

© 2015 IBM Corporation 12

エビデンスに基づいた優先順位付け –モバイル戦

略とユーザー体験において、ビジネスとITのコラレーションをもたらします。

Over the air (OTA) アプリ配布 –最新版の利⽤可

能になった最新版のアプリを、すぐテスターの手けます。

競合しないバグ報告 –最新のテストを絶え間なく

⾏い、ビルドを手間なく最適化します。

アプリのクラッシュ・レポート –なぜアプリが異

常終了したのか、を早期に発⾒します。

センチメント分析 –炎上してしまう前に、実用的

なフィードバックを抽出するために、アプリ評価ビューを分析します。

開発のあらゆる段階で入手したエンドユーザーからのフィードバックや、品質メトリクスと断片化された環境全体のモバイルアプリの品質を提供します。

IBM MobileFirst Platform Quality Assurance

Page 13: MobileFirst Platform Foundation ( 旧 Worklight)public.dhe.ibm.com/software/dw/jp/websphere/mobile/mfp_hybrid_d… · Hybrid アプリ(HTML,JS,CSS を使って開発したモバイルアプリ)を開発するためのプラッ

© 2015 IBM Corporation 13

MobileFirst Platformにおける

ハイブリッド開発のセキュリティ

Page 14: MobileFirst Platform Foundation ( 旧 Worklight)public.dhe.ibm.com/software/dw/jp/websphere/mobile/mfp_hybrid_d… · Hybrid アプリ(HTML,JS,CSS を使って開発したモバイルアプリ)を開発するためのプラッ

© 2015 IBM Corporation 14

MFPが提供するセキュリティー機能の範囲

セキュリティーセキュリティーセキュリティーセキュリティー 管理管理管理管理

モバイルアプリモバイルアプリモバイルアプリモバイルアプリオフラインキャッシュの暗号化オフラインキャッシュの暗号化オフラインキャッシュの暗号化オフラインキャッシュの暗号化

アプリケーションの改ざん防止アプリケーションの改ざん防止アプリケーションの改ざん防止アプリケーションの改ざん防止

認証認証認証認証/シングルサインオンシングルサインオンシングルサインオンシングルサインオン

自動更新自動更新自動更新自動更新

利用制限利用制限利用制限利用制限

アプリケーション管理アプリケーション管理アプリケーション管理アプリケーション管理

デバイス状態の管理デバイス状態の管理デバイス状態の管理デバイス状態の管理

デバイスデバイスデバイスデバイス セキュリティー構成管理

端末画面ロック

データ消去(ワイプ)

改造検出

端末インベントリー

位置情報取得

端末構成

MFPでは、アプリケーション・レベルのセキュリティーと管理を提供

注) デバイスのセキュリティーと管理は別途MDM製品の適用が前提

MEAP

(MFP)

MDM

(MaaS360)

Page 15: MobileFirst Platform Foundation ( 旧 Worklight)public.dhe.ibm.com/software/dw/jp/websphere/mobile/mfp_hybrid_d… · Hybrid アプリ(HTML,JS,CSS を使って開発したモバイルアプリ)を開発するためのプラッ

© 2015 IBM Corporation 15

MFPとの関係

MDM(Mobile Device Management)

MDMサーバー

デバイス管理

・端末登録・リモートワイプ・プロファイル管理

・アプリ配布/管理

・Root化/Jailbreak検知・動作記録etc.

デバイス単位では対応

できない!

MAM(Mobile Applicaiton Management)

MCM(Mobile Content Management)

モバイルOS

アプリ管理

・アプリ登録・リモートワイプ・プロファイル管理

・アプリ配布/管理

・Root化/Jailbreak検知・動作記録etc.

コンテンツ管理

・生成/保管・更新/削除

・アクセス制御etc.

MaaS360

MFP

Page 16: MobileFirst Platform Foundation ( 旧 Worklight)public.dhe.ibm.com/software/dw/jp/websphere/mobile/mfp_hybrid_d… · Hybrid アプリ(HTML,JS,CSS を使って開発したモバイルアプリ)を開発するためのプラッ

© 2015 IBM Corporation 16

まとめ

マルチOS開発の選択肢として、Apache CordovaとXamarinが用意されています。

この後のセッションではApache Cordovaを中心としたハイブリッド開発に言及します。

ハイブリッド開発では、ネイティブとハイブリッドを混在させるミックス開発が可能です。

そのため既存のネイティブアプリの移行が容易です。

さらにハイブリッドアプリを開発した後の、テスト自動化やフィードバック管理・バグ報告

などのツール、MDMとの連携等セキュリティーの機能がとても充実しています。

Page 17: MobileFirst Platform Foundation ( 旧 Worklight)public.dhe.ibm.com/software/dw/jp/websphere/mobile/mfp_hybrid_d… · Hybrid アプリ(HTML,JS,CSS を使って開発したモバイルアプリ)を開発するためのプラッ

© 2015 IBM Corporation 17

© Copyright IBM Corporation 2012. All rights reserved. The information contained in these materials is provided for informational purposes only, and is provided AS IS without warranty of any kind, express or implied. IBM shall not be responsible for any damages arising out of the use of, or otherwise related to, these materials. Nothing contained in these materials is intended to, nor shall have the effect of, creating any warranties or representations from IBM or its suppliers or licensors, or altering the terms and conditions of the applicable license agreement governing the use of IBM software. References in these materials to IBM products, programs, or services do not imply that they will be available in all countries in which IBM operates. Product release dates and/or capabilities referenced in these materials may change at any time at IBM’s sole discretion based on market opportunities or other factors, and are not intended to be a commitment to future product or feature availability in any way. IBM, the IBM logo, Rational, the Rational logo, Telelogic, the Telelogic logo, and other IBM products and services are trademarks of the International Business Machines Corporation, in the United States, other countries or both. Other company, product, or service names may be trademarks or service marks of others.

Page 18: MobileFirst Platform Foundation ( 旧 Worklight)public.dhe.ibm.com/software/dw/jp/websphere/mobile/mfp_hybrid_d… · Hybrid アプリ(HTML,JS,CSS を使って開発したモバイルアプリ)を開発するためのプラッ

© 2015 IBM Corporation 18

2015年 4月 21日

日本アイ・ビー・エム株式会社

クラウド・ソフトウェア事業部

Page 19: MobileFirst Platform Foundation ( 旧 Worklight)public.dhe.ibm.com/software/dw/jp/websphere/mobile/mfp_hybrid_d… · Hybrid アプリ(HTML,JS,CSS を使って開発したモバイルアプリ)を開発するためのプラッ

© 2015 IBM Corporation 191919 © 2015 IBM Corporation

“良いモバイル・アプリ”の条件は?

何がモバイル・アプリを”悪く”するのか?

悪いモバイル・アプリは、

お客様のビジネスにどんな負担(コスト)を与えるでしょうか?

3つの質問:

Page 20: MobileFirst Platform Foundation ( 旧 Worklight)public.dhe.ibm.com/software/dw/jp/websphere/mobile/mfp_hybrid_d… · Hybrid アプリ(HTML,JS,CSS を使って開発したモバイルアプリ)を開発するためのプラッ

© 2015 IBM Corporation 202020

What makes a mobile app “good?”

What makes it “bad?”

What does a bad app really cost our clients’ businesses?

Finding the answers:

Forrester 調査:

�北アメリカと英国インドの1,000 ユーザー

�北アメリカと英国インドの200ビジネスとIT責任者

Page 21: MobileFirst Platform Foundation ( 旧 Worklight)public.dhe.ibm.com/software/dw/jp/websphere/mobile/mfp_hybrid_d… · Hybrid アプリ(HTML,JS,CSS を使って開発したモバイルアプリ)を開発するためのプラッ

© 2015 IBM Corporation 2121

What we learned:

Good mobile appsenable Mobile Moments*

21 © 2015 IBM Corporation

* As defined by Forrester in the book,

“The Mobile Mind Shift”

Page 22: MobileFirst Platform Foundation ( 旧 Worklight)public.dhe.ibm.com/software/dw/jp/websphere/mobile/mfp_hybrid_d… · Hybrid アプリ(HTML,JS,CSS を使って開発したモバイルアプリ)を開発するためのプラッ

© 2015 IBM Corporation 2222

First, you think you know what your

customers want, but you probably don’t.

© 2015 IBM Corporation22

Page 23: MobileFirst Platform Foundation ( 旧 Worklight)public.dhe.ibm.com/software/dw/jp/websphere/mobile/mfp_hybrid_d… · Hybrid アプリ(HTML,JS,CSS を使って開発したモバイルアプリ)を開発するためのプラッ

© 2015 IBM Corporation 2323

1 4in

© 2014 IBM Corporation23

• 即時にトランザクション的な目的のサービスを提供(コンテキストが重要)

• クイックにいつでも使えて、クラッシュしない(パフォーマンス・ルール!)

• レスポンス・タイム、安定性や性能を犠牲にせずに安全(セキュリティーとパフォーマンス)

Page 24: MobileFirst Platform Foundation ( 旧 Worklight)public.dhe.ibm.com/software/dw/jp/websphere/mobile/mfp_hybrid_d… · Hybrid アプリ(HTML,JS,CSS を使って開発したモバイルアプリ)を開発するためのプラッ

© 2015 IBM Corporation 2424

1 4in

© 2014 IBM Corporation24

コンシューマー:モバイル・アプリで最も有効な機能は何ですか?

アプリが期待通りに動かなかったら、使うのを止めてしまうか別のアプリを利⽤する

Page 25: MobileFirst Platform Foundation ( 旧 Worklight)public.dhe.ibm.com/software/dw/jp/websphere/mobile/mfp_hybrid_d… · Hybrid アプリ(HTML,JS,CSS を使って開発したモバイルアプリ)を開発するためのプラッ

© 2015 IBM Corporation 2525

1 4in

© 2014 IBM Corporation25

“ Good App” の良さ

Page 26: MobileFirst Platform Foundation ( 旧 Worklight)public.dhe.ibm.com/software/dw/jp/websphere/mobile/mfp_hybrid_d… · Hybrid アプリ(HTML,JS,CSS を使って開発したモバイルアプリ)を開発するためのプラッ

© 2015 IBM Corporation 2626

1 4in

© 2014 IBM Corporation26

正しいアプリを得られなかったコストは?

消費者はタッチポイントで悪い体験をすると決定的に反応

従業員

Page 27: MobileFirst Platform Foundation ( 旧 Worklight)public.dhe.ibm.com/software/dw/jp/websphere/mobile/mfp_hybrid_d… · Hybrid アプリ(HTML,JS,CSS を使って開発したモバイルアプリ)を開発するためのプラッ

© 2015 IBM Corporation 2727

1 4in

© 2014 IBM Corporation27

良いモバイル・アプリから得られる利益は

顕著

Page 28: MobileFirst Platform Foundation ( 旧 Worklight)public.dhe.ibm.com/software/dw/jp/websphere/mobile/mfp_hybrid_d… · Hybrid アプリ(HTML,JS,CSS を使って開発したモバイルアプリ)を開発するためのプラッ

© 2015 IBM Corporation 2828

1 4in

© 2014 IBM Corporation28

悪いモバイル・アプリのネガティブ・インパクト

企業が負うリスクは、コストの2倍

Page 29: MobileFirst Platform Foundation ( 旧 Worklight)public.dhe.ibm.com/software/dw/jp/websphere/mobile/mfp_hybrid_d… · Hybrid アプリ(HTML,JS,CSS を使って開発したモバイルアプリ)を開発するためのプラッ

© 2015 IBM Corporation 2929

1 4in

© 2014 IBM Corporation29

まとめ

• モバイル・アプリ利⽤は増加、ユーザーはどこでも"モバイル・ムーブメント”を作っている

• コンシューマー向けアプリを提供している企業にとって、モバイルアプリは利益の機会とブランドのエンゲージメントが増加

• 従業員モバイルアプリでは最初からビジネス上の利益が得られてい

• 企業にとっては、堅牢で安定し目的にあったアプリを作ることがで

きる正しいモバイル基盤に投資すべき時です。

Page 30: MobileFirst Platform Foundation ( 旧 Worklight)public.dhe.ibm.com/software/dw/jp/websphere/mobile/mfp_hybrid_d… · Hybrid アプリ(HTML,JS,CSS を使って開発したモバイルアプリ)を開発するためのプラッ

© 2015 IBM Corporation 3030

Questions?