75
IBM Cloud, IBM MobileFirst/Bluemix Technical Sales 佐々木 志門 - Simon Sasaki IBM MobileFirst Platform IBM Bluemix

Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM Bluemix

Embed Size (px)

Citation preview

Page 1: Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM Bluemix

IBM Cloud, IBM MobileFirst/Bluemix Technical Sales 佐々木 志門 - Simon Sasaki

IBM MobileFirst Platform IBM Bluemix

Page 2: Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM Bluemix

▪ IBM MobileFirst Platform ▪ Case Study ▪ Ionic Partnership

▪ IBM Bluemix ▪ Mobile Quality Assurance ▪ IBM Bluemix DevOps Services ▪ API Management ▪ Cloudant NoSQL DB

本日の内容

Page 3: Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM Bluemix

https://www-304.ibm.com/connections/blogs/ProVISION81_85/entry/no85

Page 4: Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM Bluemix

IBM MobileFirst Platform 事例

Page 5: Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM Bluemix

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

Page 6: Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM Bluemix

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

Page 7: Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM Bluemix

IBM MobileFirst Platform IBM Bluemix

Page 8: Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM Bluemix

IBM MobileFirst Platform is sold as a modular set of packages Modular 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

Page 9: Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM Bluemix

IBM Bluemix

Page 10: Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM Bluemix

http://bluemix.netCredit Card OK!

Page 11: Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM Bluemix

IBM MobileFirst Platform

Page 12: Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM Bluemix

MobileFirst Studio Test Workbench

• マルチOSハイブリッドアプリ開発 • 複数JavaScript フレームワークをサポート

• Eclipseプラグイン、テスト自動化

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

• Xcode、Android Studio、Xamarinと統合

• コマンド・ラインで開発機能を呼び出し

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

Page 13: Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM Bluemix

developerWorks MobileFirst Platform {dev} https://developer.ibm.com/mobilefirstplatform

Page 14: Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM Bluemix

ex. AngularJS & Ionic on IBM MobileFirst Platform

https://developer.ibm.com/mobilefirstplatform/2015/04/16/an-overview-of-using-the-ionic-framework-with-mobilefirst-hybrid-mobile-applications/

Page 15: Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM Bluemix

IBM Knowleadge Center http://www.ibm.com/support/knowledgecenter

Page 16: Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM Bluemix

IBM Redbooks (iBookstore/Google play)

Page 17: Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM Bluemix

Stackoverflow (Q&A)

Page 18: Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM Bluemix

mfp.HELP (Self education)

Page 19: Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM Bluemix

IBM MobileFirst Platform

Page 20: Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM Bluemix

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

Back-endFront-endバックエンド  

プッシュ通知

オフライン

アプリ配布

位置情報

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

クラッシュ・ログ

アプリケーション管理

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

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

絶えず保守、機能拡張アップデート開発・テスト

ユーザーと社員を守る

残りの70%は隠れコスト

Page 21: Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM Bluemix

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, USSD and J2ME

HTML5 and hybrid

Xamarin

SMS

Hybrid Framework

Page 22: Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM Bluemix

“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

Page 23: Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM Bluemix

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

Page 24: Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM Bluemix

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

Page 25: Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM Bluemix

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

Guest Wi-Fi

Guest Wi-Fi

Guest Wi-Fi

Guest Wi-Fi

Zones

Page 26: Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM Bluemix

IBM MobileFirst Platform Ionic Partnership

Page 27: Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM Bluemix

Cordova XamarinNative

(Swift)

Page 28: Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM Bluemix

Xamarin and IBM bring cross-platform native apps to enterprise developers

Xamarin Evolve 2014 Keynote

Page 29: Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM Bluemix

Xamarin and IBM bring cross-platform native apps to enterprise developers

http://xamarin.com/ibm

Page 30: Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM Bluemix

Ionic partners with IBM to bring Ionic Creator to the MobileFirst Platform

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

Page 31: Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM Bluemix

Ionic partners with IBM to bring Ionic Creator to the MobileFirst Platform

Page 32: Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM Bluemix

Business Users Create Apps with Ionic Creator

Security

Authentication

Integration

Notifications

App Management

Analytics

MobileFirst Platform

MobileFirst Platform Provides Enterprise-Grade Services

Enterprise services

Page 33: Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM Bluemix

Using MobileFirst HTTP Adapters with an Ionic Application

Some tips for writing JavaScript adapters for IBM MobileFirst

Using MobileFirst SQL Adapters with an Ionic Application

Using Remote Logging with Ionic and IBM MobileFirst

Working with IBM MobileFirst and Ionic – a follow up

Working with IBM MobileFirst and Ionic – Bootstraping

Working with IBM MobileFirst and the Ionic Framework

How to build Ionic App with IBM MobileFirst Platform

Page 34: Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM Bluemix

IBM X-Force Finds Apache Cordova Vulnerability

Page 35: Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM Bluemix

IBM Bluemix

Page 36: Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM Bluemix

http://bluemix.netCredit Card OK!

Page 37: Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM Bluemix

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

Coming Summer 2015

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

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

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

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

2014年7月 提供済み

2014年12月 提供済み

2015年2月発表

Bluemix環境はIBMが管理

Page 38: Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM Bluemix

Mobile

Advanced Mobile Access

Mobile Application

Security

Mobile Data

Mobile Quality Assurance

Push

Push iOS 8 Twilio Mobile Quality Extensions

Page 39: Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM Bluemix

IBM Bluemix Mobile Quality Assurance

Mobile Quality Assurance

Page 40: Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM Bluemix
Page 41: Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM Bluemix

80%

Page 42: Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM Bluemix

Tangerine

Bank

Page 43: Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM Bluemix

https://youtu.be/Q3Umh-F5_6w

Page 44: Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM Bluemix

DevOps

Monitoring and Analytics

App User Registry

Auto-Scaling Delivery Pipeline

Track & Plan

BlazeMeter Load Impact New Relic

Page 45: Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM Bluemix

IBM Bluemix DevOps Services (Track & Plan)

Track & Plan

Page 46: Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM Bluemix

http://hub.jazz.net

Page 47: Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM Bluemix

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

サービス名称 説明

Track & Plan プロジェクトの計画および作業を管理するためのサービスWeb IDE Eclipse Orionをベースとした、WebベースのIDEで、開発環境をセットアップすることなくコーGit Hosting ソース管理として、Gitのリポジトリを利用するためのサービスContinuous Integration サーバーサイドのランタイム上でビルド、コンパイル、アプリケーションのパッケージを行う

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

開発環境 ランタイムDelivery Pipeline

Track & Plan

Web IDE Git Hosting Continuous Integration

Page 48: Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM Bluemix

IBM Bluemix DevOps Services

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

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

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

Page 49: Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM Bluemix

アジャイルなプロジェクト管理をサポート&Gitと連携スプリント・バーンダ

ウンタスクボード

スプリント計画

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

Page 50: Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM Bluemix

Integration

Cloud Integration ContainersAPI Management

Secure Gateway

Internet of Things

Internet of Things

Page 51: Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM Bluemix

IBM Bluemix API Management

API Management

Page 53: Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM Bluemix

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

Page 54: Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM Bluemix

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

Page 55: Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM Bluemix

1Built-in API Management capability in Bluemix

API Management

Service in Bluemix

Provision a API Management

service associated to your Bluemix

Org

Page 56: Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM Bluemix

Design & Define your APIs

2Define the

APIs & Resources

Define control &

limits for API access

Page 57: Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM Bluemix

3Publish & Share your APIs with Bluemix users

Invite a Bluemix

Organization

Consumer associates the Bluemix Org

Page 58: Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM Bluemix

3Publish & Share your APIs with Bluemix users

Publish to a Bluemix Org

Shared API ready for

consumption in Bluemix

Page 59: Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM 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

Page 60: Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM Bluemix

5Manage & Analyze your API usage

Understand which app is

using your API

Analyze & gain insight whether

the API meets the consumer needs

Page 61: Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM Bluemix

IBM Bluemix IoT(Internet of Things)

Internet of Things

Page 62: Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM Bluemix

IBM IoT Foundation

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

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

IBM Bluemix

MQTT

IBM IoT Foundation

MQTTサーバー

アプリケーション

アプリケーション

アプリケーション

IoTサービスMQTT

アプリケーションMQTT

MQTT

MQTT

MQTTクライアント

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

Page 63: Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM Bluemix

Node-RED

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

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

各ノードの 動作を設定

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

Page 64: Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM Bluemix

MQTT with Facebook Messenger

Page 65: Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM Bluemix

Data Management

Object Storage

DataWorksCloudant NoSQL DB

SQL Database ClearDB MySQL Database

ElephantSQL MongoLab Redis Cloud mongodb mysql

Page 66: Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM Bluemix

Big Data

Geospatial Analytics

Time Series Database

BigInsights for Hadoop

dashDB IBM Analytics for Hadoop

IBM Insights for Twitter

Page 67: Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM Bluemix

IBM Bluemix Cloudant NoSQL DB dashDB

Cloudant NoSQL DB

dashDB

Page 68: Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM Bluemix

RunKeeper

Page 69: Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM Bluemix

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

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

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

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

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

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

ローカル・ストレージ

ローカル・ストレージ

Page 70: Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM Bluemix

dashDB (DWH)との連携

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

データウェアハウス on クラウド

• Cloudantに格納された、JSON形式データをRDBMS形式のデータに自動変換し分析

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

JSONデータの自動的な同期

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

Page 71: Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM Bluemix

IBM MobileFirst Platform ダウンロード (開発者版無期限無償)

https://developer.ibm.com/mobilefirstplatform IBM Bluemix https://bluemix.net

Page 72: Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM Bluemix
Page 73: Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM Bluemix
Page 74: Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM Bluemix

ぜひBMXUGにご参加ください!

で「コミュニティに参加」

http://bmxug.doorkeeper.jp

      で「グループに参加」

http://ibm.biz/bmxug-facebook

Page 75: Apache Cordova User Group Japan #5 IBM MobileFirst Platform & IBM Bluemix

© 2015 IBM Corporation

Bluemix上で開発されたアプリケーションまたはサービス (未発表のオリジナル作品であること)

■一般部門:新しい未来を予感できる、アプリやサービス(学生も参加可)

■学生部門:コネクテッド・ビークルまたはモビリティ/トランスポーテーションを支えるアプリ

応募期間

■ 一般部門:2015年5月19日(火)~7月10日(金)

■ 学生部門:2015年5月19日(火)~8月20日(木)

結果発表・表彰:2015年9月上旬

コンテストの詳細はこちら

ibm.biz/BMcontest