【H-2】

徹底解説！Bluemix とMobileFirst Platformによるモバイル・アプリケーション開発

日本アイ・ビー・エム株式会社 - IBM Japan, Ltd.IBM Cloud, IBM MobileFirst/Bluemix Technical Sales

佐々木志門 - Simon Sasaki

▪ IBM MobileFirst Platform

▪ Case Study

▪ Xamarin, Ionic Partnership

▪ IBM Bluemix

▪ Mobile Quality Assurance

▪ IBM Bluemix DevOps Services

▪ API Management

▪ Cloudant NoSQL DB

本日の内容

IBM MobileFirst Platform

事例

• Mass Transit Railway (MTR)社 は香港で週に5

百万人の乗客が利用する鉄道企業

• 99.9% 時刻通りの運行 を達成

• 8分以上の遅延は、政府に報告の義務がある

• 31分以上の遅延には、罰金が課せられる

• 駅周辺で、ホスティング、ショッピング・モール、

オフィスビルなども提供

iPhone / iPad で定刻を守る

• カスタム・アプリをIBM MobileFirstPlatformで構築

• iPhone と iPad に対するハードウェア暗号化とiOS 8 に対する企業レベルのセキュリティー

• BYOD プログラム により従業員の意識を高める

• 非常に多くのサードパーティー・アプリケーションが App Store で利用可能

• ePMS は建設チームにとって、設計やデザイン、契約や予算情報、およびチーム討論の際にリモートからのアクセスを可能にし、プロジェクト管理を支援

• Project Safetyは、スタッフや請負業者に対し、安全性チェックリスト、安全性に関するホットトピック、仕様、および技術を提供

• iSPOTit により、スタッフは駅や列車内での保守の問題や潜在的な安全上の問題をすばやく報告可能

• CSRRU マニュアルにより、緊急対応ユニットを使用した救済手順と駅情報を提供

• MTR Mobileは、MTRの乗客に旅関連の情報や交通情報など統合されたポータルを提供

• Find My Friends により、緊急対応ユニットのメンバーの位置情報をすばやく確認可能

ミライト情報システム様 ImageGate

福岡情報ビジネスセンター(FBI)様 BizTouchシリーズ

IBM MobileFirst for iOS

Software Services

http://www.ibm.com/mobilefirst/jp/ja/mobilefirst-for-ios/

IBM MobileFirst Platform is sold as a modular set of

packagesModular approach means you only consume what you need

Software Modules (On Premises / IaaS) Cloud Services (IBM Bluemix)

• Foundation• Mobile app server comes with:

• Studio

• Server

• Runtime

• Operational Console

• App Center

• Cloudant Local

• Quality Assurance

• Application Scanning

Developer services:

• Advanced Mobile Access

• Push

• SDK for Node.js

Enterprise content:

• Cloudant NoSQL DB

• Mobile Quality Assurance

• AppScan Mobile Analyzer

• Cloud Integration

• Presence Insights

Optimized for deployment and self management on a

variety of hardware platforms, VMs, or IaaS

Optimized for cloud self-service, multi-tenancy, pay as

you go use and managed as a cloud service

IBM Bluemix

http://bluemix.net Credit Card OK!

IBM MobileFirst Platform

MobileFirst StudioTest Workbench

• クロスプラットフォームのハイブリッドアプリ開発

• 複数JavaScript フレームワークをサポート• Eclipseプラグイン、テスト自動化

ネイティブSDK+ CLI:Command Line Interface

• Xcode、Android Studio、Xamarinと統合• コマンド・ラインで開発機能を呼び出し

既存XcodeやXamarinにマルチOS開発ツールを統合

developerWorks MobileFirst Platform {dev}

https://developer.ibm.com/mobilefirstplatform

IBM Knowleadge Center

http://www.ibm.com/support/knowledgecenter

IBM Redbooks (iBookstore/Google play)

Stackoverflow (Q&A)

mfp.HELP (Self education)

IBM MobileFirst Platform

アプリ開発・運用で見えているコストは全体の30％

Back-end

Front-end

バックエンドプッシュ

オフライン

アプリ配布

位置情報

データ保護更新 改竄防止認証 利用分析

クラッシログ

アプリケーション管理

コンテンツとバックエンド・システムにアクセス

OS,デバイスなどを複数サポート

絶えず保守機能拡張

アップデート

開発・テスト

ユーザー社員を守る

残りの70％は隠れコスト

We want to embrace the many ways to build front

end apps

Things to know:• Most enterprises will have a spectrum of apps with different economics (high / low value apps)• Technologies chosen for the front end tend to go in and out of style quickly (e.g., every year)• Most enterprises will end up with a mix of approaches depending on department, developer preferences, and

as a result of changing landscape• If you’re spending more time talking about front end development than achieving a specific outcome or an

end to end delivery challenge, something is wrong

Native SMS, USSDand J2ME

HTML5 and hybrid

Xamarin

SMS

HybridFramework

“I need my development teams focused on creating great app

experiences, not figuring out how to integrate or store data.”

“Mobile opens up a new set of security considerations. Our

reputation is on the line.”

“Mobile app users are demanding. If my app is not delivering a

great experience I need to know.”

“My users want to be even more productive. Personalization

based on the device’s context is a huge opportunity.”

Our offering focuses on four challenges that are

independent of front end technology

Modular offering structure at a glance

Foundation• Mobile app server with cross platform SDKs• Provides security, management, analytics,

and integration• Comes with cross platform hybrid dev tools

but integrates with other tools

Quality Assurance• Provides product owners and app dev teams with

insight into the subjective experience of the app• Supports iterative build distribution, crash analytics,

in app feedback, and sentiment analysis

Modular offering structure at a glance

Application Scanning• Performs static analysis on native and

hybrid code to look for security vulnerabilities

• Shared component with AppScan for developers, so integrates with central server

Cloudant Data Layer• NoSQL database with powerful synch

capabilities for offline, cross device, and client cache

• Subscribe to data changes to trigger app action

• Geo-spatial enables location-based queries

Modular offering structure at a glance

Presence Insights• Maps sensor data to physical indoor

locations• Provides insight into user interactions in

physical space• Logic enables automated action based on

location

Adaptive Content: (Closed Beta)• Extends web content management concepts to mobile

devices• Business users can change app content without

redeploying• Content can change based on user context

Guest Wi-Fi

Guest Wi-Fi

Guest Wi-Fi

Guest Wi-Fi

Zones

IBM MobileFirst Platform

Xamarin, Ionic Partnership

Cordova XamarinNative

(Swift)

Xamarin and IBM bring cross-platform native

apps to enterprise developers

Xamarin Evolve 2014 Keynote

Xamarin and IBM bring cross-platform native

apps to enterprise developers

http://xamarin.com/ibm

Ionic partners with IBM

to bring Ionic Creator to the MobileFirst Platform

http://blog.ionic.io/ionic-creator-available-for-ibm-mobilefirst-platform-users/

Ionic partners with IBM

to bring Ionic Creator to the MobileFirst Platform

IBM Bluemix

http://bluemix.net Credit Card OK!

IBM Bluemix は互いに接続可能な3つの形態で提供

Coming Summer 2015

1 | Public

パブリッククラウドの経済性と迅速性を最大限に活用

2 | Dedicatedパブリッククラウドの迅速性を保ちながら，あなただけの専有環境を提供

3 | NEW: LocalFirewallの内側で重要なワークロードを実行

Seamless Experienceどの形態を選んでも，単一でシームレスな環境を提供

2014年7月提供済み

2014年12月提供済み

2015年2月発表

Bluemix環境はIBMが管理

Mobile

AdvancedMobile Access

MobileApplication

Security

MobileData

Mobile QualityAssurance

Push

Push iOS 8 Twilio Mobile QualityExtensions

IBM Bluemix

Mobile Quality Assurance

Mobile QualityAssurance

80%

Tangerine

Bank

DevOps

Monitoring andAnalytics

App UserRegistry

Auto-Scaling DeliveryPipeline

Track &Plan

BlazeMeter Load Impact New Relic

IBM Bluemix

DevOps Services (Track & Plan)

Track &Plan

http://hub.jazz.net

IBM Bluemix DevOps Services

チーム開発のためのコラボレーション基盤

サービス名称 説明

Track & Plan プロジェクトの計画および作業を管理するためのサービス

Web IDE Eclipse Orionをベースとした、WebベースのIDEで、開発環境をセットアップすることなくコーディング可能

Git Hosting ソース管理として、Gitのリポジトリを利用するためのサービス

Continuous Integration サーバーサイドのランタイム上でビルド、コンパイル、アプリケーションのパッケージを行うサービス

Delivery Pipeline デリバリーパイプラインをベースに、リリースおよびデプロイメントの自動化を実現するサービス

開発環境 ランタイムDeliveryPipeline

Track & Plan

Web IDEGit Hosting

Continuous Integration

IBM Bluemix DevOps Services

Git Hostingによるソース構成管理

Web IDEによるソース開発Track and Planによる作業の管理

Delivery Pipelineによる複数環境へのデプロイ

アジャイルなプロジェクト管理をサポート＆Gitと連携

スプリント・バーンダウン

タスクボード

スプリント計画

ステージング・継続的インテグレーション

Integration

Cloud Integration ContainersAPIManagement

SecureGateway

Internet of Things

Internet of Things

IBM Bluemix

API Management

APIManagement

APIs are powering those Apps – API Economy

Websites

Connected Appliances

Partners Websites/Sensors

Internet TVs

Smartphones

Tablets

Game Consoles

Connected Cars

Millions 1993 - 2000 Trillions

A comprehensive API Management Platform for your APIs

Create, assemble and version an API

Secure, control test & scale the API Manage Plans

Share APIs with several developer communities

Analyze & Monitor API usage

1Built-in API Management capability in Bluemix

API Management

Service in Bluemix

Provision a API Management

service associated to your Bluemix

Org

Design & Define your APIs

2Define the

APIs & Resources

Define control & limits for API access

3Publish & Share your APIs with Bluemix users

Invite a Bluemix

Organization

Consumer associates the Bluemix Org

3Publish & Share your APIs with Bluemix users

Publish to a Bluemix Org

Shared API ready for

consumption in Bluemix

4Bind Bluemix Apps to the APIs

View API Documentation, Create & Bind App to the API

API Keys & Secret

available to be embedded

in your application

5Manage & Analyze your API usage

Understand which app is

using your API

Analyze & gain insight whether the

API meets the consumer needs

IBM Bluemix

IoT(Internet of Things)

Internet of Things

IBM IoT Foundation

IBM IoT Foundation– クラウド上でMQTTサーバー機能を提供– デバイス/アプリケーションはMQTTプロトコルを使用し、IoT Foundationに接続

Node-RED– ブラウザ・ベースのコーディネーション・ツール– Node-REDはIoTサービスを利用してIoT Foundationに接続

IBM Bluemix

MQTT

IBM IoTFoundation

MQTTサーバー

アプリケーション

アプリケーション

アプリケーション

IoTサービスMQTT

アプリケーションMQTT

MQTT

MQTT

MQTTクライアント

MQTT -1999年にIBM社とEurotech社のメンバーにより考案されたプロトコルで、M2MやIoTの実現に適したシンプルで軽量なプロトコルです。一方向、1対1の通信のみでなく、双方向、1対多の通信が可能です。また、MQTTのプロトコルヘッダーは最小2バイトと小さく、特にバッテリーの消費を抑えたいモバイル向けの通信に適していることが特長

Node-RED

処理ノードをパレットから選択

Deployボタンのクリックで実行環境へ反映

各ノードの動作を設定

シートにドラッグ＆ドロップし処理順にノードを結合

Data Management

ObjectStorage

DataWorksCloudantNoSQL DB

SQL Database ClearDB MySQLDatabase

ElephantSQL MongoLab Redis Cloud mongodb mysql

Big Data

GeospatialAnalytics

Time SeriesDatabase

BigInsights forHadoop

dashDB IBM Analyticsfor Hadoop

IBM Insightsfor Twitter

IBM Bluemix

Cloudant NoSQL DB

dashDB

CloudantNoSQL DB

dashDB

RunKeeper

リッチなモバイルアプリケーション提供のために柔軟なデータの保存とアクセスならびに可用性を実現

サーバーとローカル・デバイスにデータを保存

Cloudantからデータのプッシュとプルを行うことによって、複数デバイス間のデータを同期

ネットワークに接続できない場合は、ローカル・ストレージからの読み取り処理と書き込み処理を提供

接続が復旧すると、サーバーにデータの同期が行われ、同じデータソースに接続するその他のデバイスのデータの同期も行われます。

修正履歴のレプリケーションによって、データの一貫性を維持

ローカル・ストレージ

ローカル・

ストレージ

dashDB (DWH)との連携

テラバイトからペタバイト ギガバイトからテラバイト

データウェアハウス on クラウド• Cloudantに格納された、JSON形式データを

RDBMS形式のデータに自動変換し分析

JSONデータベースon クラウド & ローカル

JSONデータの自動的な同期

自動的なプロビジョニング

IBM MobileFirst Platform ダウンロードhttps://developer.ibm.com/mobilefirstplatform

IBM Bluemix

https://bluemix.net