スマートデバイスにおける業務向けアプリケーショ …2013/07/02 · スマートデバイスにおける業務向けアプリケーションの課題とは？

スマートデバイスにおける

業務向けアプリケーションの課題とは？

～クロスプラットフォーム開発基盤「Caede2.0」のご紹介と解決策～

SCSK株式会社

Ｃｕｒｌソリューション部プロダクト課マーケティング

三野凡希

http://www.curlap.com

Copyright © 2013 SCSK Corporation. All Rights Reserved 2 ページ

どれを選ぶ？


モバイル開発の現状

端末OS毎の開発(ネイティブアプリケーション)

vs

どちらを選んでも負担は大きい！

Google I/O 2013で発表


モバイルにおけるクロスプラットフォームの新しい形

Good


モバイル

クライアントＰＣ

WebシステムとハイブリッドによるHTML実装の違い

サーバーサイド

HTML

ブラウザ

Javascript

HTML

Javascript

サーバーサイド

常につながっている

断続的な接続

Logic

Controller

Logic/ Service

HTML/JS

Request

View

JSON/XML

Request


なにが違う？


スマートデバイスとPCの違い

マルチタッチ感覚的電話、カメラ、マイク、GPS どこでも使える軽く持ち運びが便利

•スマートフォンは画面が小さい •タブレットは画面が大きい •機種依存 •キーボードが使えない •入力しづらい •通信が確保されていない・・・

Bad Good

今までのＰＣのＵＩ設計とは根本的に違う


つぎはぎのシステムにはしたくない…

どのモバイルを社内標準にすれば..

ユーザーインタフェースの設計をどう標準化すれば..

Windows Phone、Windows RTに期待していいのか…

開発方法論の不確立

どのバージョンに対応したら…


どんなＩＴクライアントを選択しても問題ないアプリケーション開発手法が必要


デスクトップ＆モバイルの３つのポイント

Universal UX On/OffLine One Architecture


すべてのデバイスに最適なユニバーサルＵＸ

マルチスクリーン。どんなディスプレイサイズでも

マウス、キーボードのUIから脱却。入力をさせないUI 指、手書き、カメラ、音声、GPS…

文字、数値のみの情報入力から。座標データ、画像データ、バーコード…



オンラインオフラインにかかわらず動作すること


どこでも使える。社内、社外、移動中

いつでも使える。オンライン、オフライン

常に最新。リアルタイム


PC、モバイルともに統一されたアーキテクチャであること

統一されたアーキテクチャ。 PC／モバイルとサーバーが同じ構造

スムーズな接続。基幹システムやＥＲＰ、外部システム、クラウド

同期。アプリケーション、データがどのデバイスでも同じ



Curl とは？

プレゼンター

プレゼンテーションのノート

次に、Curlモバイル開発Caedeについてご説明します


1995

1998

2001

2003

2005

2006

2007

2009

2011

2012

2013

DARPAがMITの2つのプロジェクトに補助金

・現在のW3Cの設立(CSS, DOM, XML, etc.)

・Curlプロジェクト(インターネットに特化した新言語の作成)

Curl Corporation設立 MITの12人により設立

製品化（Surge 1.0）日本語版リリース

Surge 4.0

Curl 5.0

Curl 6.0

Curl 7.0

Curl 8.0 ,Caede プレビュー ,Caede β

Caede 1.0

Caede 2.0

Curlの歴史

Cur lとは

2004 住商情報システムがCurlに関する全ての権利を取得

テキスト記述＆レイアウトデザイン

HTML

スクリプト言語

JavaScript

オブジェクト指向プログラミング言語

JAVA

2D/3Dグラフィックス / マルチメディア

Flash/Shockwave

主要コンテンツ言語同等機能を

包括した言語

リッチクライアント/RIA 開発言語Curl

Curl言語の特徴 Curlの特徴

・国内500社以上の基幹業務採用実績を持つ・inB,toB（業務システム向け）機能が充実・処理性能が高い

米国MITで開発された Webリッチクライアント言語及び開発ツール

C/Sと同等もしくはそれ以上の操作性・レスポンスを実現

プレゼンター


・次世代ネットワークアプリケーション開発技術・地財権取得、製造、販売、マーケティング・言語　複数言語の組み合わせ　Curlなら１つ・実行エンジン、言語について話したが、もう１つ必要なものがある・それは、開発環境CDE　詳しくはのちほど


ワンソース・マルチーユース「Cur l P l a t f o rm」


Curl Mobile Caede2.0 について

プレゼンター


次に、Curlモバイル開発Caedeについてご説明します


製品コンセプト

“ワンソース・マルチユース”

Mobile Development : Do it all in one!! Trade in a pile of languages and frameworks for just Curl

Curl言語１つだけで、複数プラットフォームで稼働するアプリケーションを開発できる！


アーキテクチャ

「ハイブリッド方式」を採用


一般的なモバイルアプリケーション開発方式

方式メリットデメリット

Web方式インストール不要（ブラウザでアクセス）

・クロスプラットフォーム・エンジニアの多い言語で開発可能（HTML5/CSS/Javascript）

・インストール不要

・パフォーマンスは低い・オフラインでの利用不可・デバイス機能(*1)を利用不可

ネイティブ方式・ハイパフォーマンス・デバイス機能(*1)を利用可能・オフラインでの利用可能

・それぞれのプラットフォームで別言語を用いて開発（生産性低） ※例：Android: Java、iOS: Objective-C

*1. デバイス機能：カメラ、NFC、Bluetooth、加速度センサー、電話など

ハイブリッド方式・クロスプラットフォーム・デバイス機能(*1)が利用可能・エンジニアの多い言語で開発可能（HTML5/CSS/Javascript）

・オフラインでの利用可能

・パフォーマンスはネイティブにくらべて若干低い

要インストール

要インストール


各実装言語やフレームワーク

ネイティブ

Android iOS

ハイブリッド

Objective-C Java

Google独自FW

HTML5 CSS3

JavaScript SVG

jQueryMobile Sencha Touch

…

Curl

Caede PhoneGap/ Cordova


高度なユーザーインタフェースさらに向上した開発生産性

Caede 2 . 0は何が変わった？


Caede2 . 0で実現できる機能

チャート円グラフ、棒グラフ、折れ線グラフ…

シェイプ CADのような複雑なグラフィック

表、リスト Excelのような表や一覧の表示

イベントドラッグ＆ドロップ、ズーム、スワイプ…

位置情報地図、GPS

コントロール・コンテナボタン、入力、選択、表示、ダイアログ…

デバイスカメラ、加速度センサー、ストレージ …

入力補完 IME、バーコード、手書き入力…

エラスティックデバイスに合わせたレイアウトの伸長圧縮、整列


「Caede」＋「7notes Pad+WC」でより業務を効率的に !


モバイルアプリケーションデモストレーション

2.0

※モニターをご覧ください


Caedeアプリ開発のためのツール

画面テンプレート 14種類のスマホテンプレート

エミュレータさまざまなデバイスの高速エミュレータ

トランスレータ Android、iOSインストーラ生成

Eclipseプラグイン Eclipse上でプログラミング、デバッグ可能

Visual Layout Editor ドラッグ＆ドロップで画面レイアウト作成

スタイルデザイナー色、形状、フォントなどの見た目の変更


アーキテクチャでオンライン／オフラインを実現

一般的なWebアプリケーション

HTML

Server

HTTP

データ要求変更通知更新要求

•アプリケーションの状態保持 •アプリケーションの機能提供 •変更をビューに通知

Model

Controller

•ビューを選択

•更新を要求

DB

View

• 情報表示

Browser

View

• Controllerに動きを報告

Client

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

Server

データ要求変更通知

更新要求

HTTP SOAP TCP/IP

DB

Model

ハイブリッドアプリケーション

更新要求データ要求変更通知

DB Sync DB同期

Model

•キャッシュデータを保持・DB同期 •変更をViewに通知・DBアクセス

View Controller

Client

＝

RIAアプリケーション

Server


更新要求

HTTP SOAP TCP/IP

DB

Model

OCC Curlアプリケーション


DB Sync DB同期

Model


View Controller

Client


Server


更新要求

HTTP SOAP TCP/IP

DB

Model



DB Sync DB同期

Model


View Controller

Client ≦ ＝


CDE Ver 8.0.3001 with Caede Development Tools

デモストレーション

2.0

※モニターをご覧ください


すべてのデバイスに最適なユニバーサルＵＸ


画面サイズに合わせて自動伸長圧縮するエラスティック豊富なグラフィカル機能ユーザビリティをさらに向上するアプリ・デバイス間連携（プリンタ、ActiveX、GPS、カメラ、センサー）

＋


オンラインオフラインにかかわらず動作すること


ネットワークが不安定な場所でも使用可能なオフライン機能ローカルDB機能とデータ同期アプリケーション差分更新・同期

＋


PC、モバイルともに統一されたアーキテクチャであること


モバイルからPCまでワンソース・マルチユース統一されたアーキテクチャ iCloudのようなアプリケーション、データ同期

＋


運用やその他の機能についてもご提案できます

…etc

企業内アプリケーション管理アプリケーション配布、自動アップデート

レスポンシブWebデザインデスクトップ ⇔ タブレット ⇔ スマホの動的レイアウト変換

グローバル化対応ローカライゼーション、多言語サポート

セキュリティ強化デバイス認証（クライアント証明書）、暗号化通信

アプリケーション・ビルド＆デプロイワンクリックで、すべてのプラットフォームの

インストーラーを生成し、Webサーバへリリース

新規プラットフォーム WindowsPhone、WindowsRTサポート

DevOps


Confidential 本文書は、SCSK株式会社が著作権その他の権利を有する営業機密（含サプライヤー等第三者が権利を有するもの）です。許可なく複製し利用すること、また漏洩することは「著作権法」および「不正競争防止法」によって禁じられております。

Documents

スマートデバイスにおける 業務向けアプリケーショ …2013/07/02 · スマートデバイスにおける 業務向けアプリケーションの課題とは？

スマートデバイスにおける業務向けアプリケーショ …2013/07/02 · スマートデバイスにおける業務向けアプリケーションの課題とは？