スマートデバイスにおける 業 務 向 けアプリケーションの 課 題 とは? ~クロスプラットフォーム 開 発 基 盤 Caede2.0 のご 紹 介 と 解 決 策 ~ SCSK 株 式 会 社 Curlソリューション 部 プロダクト 課 マーケティング 三 野 凡 希 http://www.curlap.com
どれを 選 ぶ? 2 ページ
モバイル 開 発 の 現 状 端 末 OS 毎 の 開 発 (ネイティブアプリケーション) vs Google I/O 2013で 発 表 どちらを 選 んでも 負 担 は 大 きい! 3 ページ
モバイルにおけるクロスプラットフォームの 新 しい 形 Good 4 ページ
WebシステムとハイブリッドによるHTML 実 装 の 違 い クライアントPC ブラウザ HTML Javascript 常 につながっている Request HTML/JS サーバーサイド Controller Logic View モバイル HTML Javascript 断 続 的 な 接 続 Request JSON/XML サーバーサイド Logic/ Service 5 ページ
なにが 違 う? 6 ページ
スマートデバイスとPCの 違 い Good Bad マルチタッチ 感 覚 的 電 話 カメラ マイク GPS どこでも 使 える 軽 く 持 ち 運 びが 便 利 スマートフォンは 画 面 が 小 さい タブレットは 画 面 が 大 きい 機 種 依 存 キーボードが 使 えない 入 力 しづらい 通 信 が 確 保 されていない 今 までのPCのUI 設 計 とは 根 本 的 に 違 う 7 ページ
つぎはぎのシステムにはしたくない Windows Phone Windows RTに 期 待 していいのか どのモバイルを 社 内 標 準 にすれば.. ユーザーインタフェースの 設 計 をどう 標 準 化 すれば.. 開 発 方 法 論 の 不 確 立 どのバージョンに 対 応 したら 8 ページ
どんなITクライアントを 選 択 しても 問 題 ないアプリケーション 開 発 手 法 が 必 要 9 ページ
デスクトップ&モバイルの3つのポイント Universal UX On/OffLine One Architecture 10 ページ
すべてのデバイスに 最 適 なユニバーサルUX Universal UX On/OffLine One Architecture マルチスクリーン どんなディスプレイサイズでも マウス キーボードのUIから 脱 却 入 力 をさせないUI 指 手 書 き カメラ 音 声 GPS 文 字 数 値 のみの 情 報 入 力 から 座 標 データ 画 像 データ バーコード 11 ページ
オンラインオフラインにかかわらず 動 作 すること Universal UX On/OffLine One Architecture どこでも 使 える 社 内 社 外 移 動 中 いつでも 使 える オンライン オフライン 常 に 最 新 リアルタイム 12 ページ
PC モバイルともに 統 一 されたアーキテクチャであること Universal UX On/OffLine One Architecture 統 一 されたアーキテクチャ PC/モバイルとサーバーが 同 じ 構 造 スムーズな 接 続 基 幹 システムやERP 外 部 システム クラウド 同 期 アプリケーション データがどのデバイスでも 同 じ 13 ページ
Curl とは? 14 ページ
Curlとは Curlの 歴 史 1995 1998 2001 2003 DARPAがMITの2つのプロジェクトに 補 助 金 現 在 のW3Cの 設 立 (CSS, DOM, XML, etc.) Curlプロジェクト(インターネットに 特 化 した 新 言 語 の 作 成 ) Curl Corporation 設 立 MITの12 人 により 設 立 製 品 化 (Surge 1.0) 日 本 語 版 リリース 2004 住 商 情 報 システムがCurlに 関 する 全 ての 権 利 を 取 得 2005 2006 2007 2009 2011 2012 2013 Surge 4.0 Curl 5.0 Curl 6.0 Curl 7.0 Curl 8.0,Caede プレビュー,Caede β Caede 1.0 Caede 2.0 Curlの 特 徴 米 国 MITで 開 発 された Webリッチクライアント 言 語 及 び 開 発 ツール C/Sと 同 等 もしくはそれ 以 上 の 操 作 性 レスポンスを 実 現 国 内 500 社 以 上 の 基 幹 業 務 採 用 実 績 を 持 つ inb,tob( 業 務 システム 向 け) 機 能 が 充 実 処 理 性 能 が 高 い Curl 言 語 の 特 徴 主 要 コンテンツ 言 語 同 等 機 能 を 包 括 した 言 語 リッチクライアント/RIA 開 発 言 語 Curl テキスト 記 述 &レイアウトデザイン HTML スクリプト 言 語 JavaScript オブジェクト 指 向 プログラミング 言 語 JAVA 2D/3Dグラフィックス / マルチメディア Flash/Shockwave 15 ページ
ワンソース マルチーユース Curl Platform 16 ページ
Curl Mobile Caede2.0 について 17 ページ
製 品 コンセプト ワンソース マルチユース Mobile Development : Do it all in one!! Trade in a pile of languages and frameworks for just Curl Curl 言 語 1つだけで 複 数 プラットフォームで 稼 働 するアプリケーションを 開 発 できる! 18 ページ
アーキテクチャ ハイブリッド 方 式 を 採 用 19 ページ
一 般 的 なモバイルアプリケーション 開 発 方 式 方 式 メリット デメリット Web 方 式 インストール 不 要 (ブラウザでアクセス) クロスプラットフォーム エンジニアの 多 い 言 語 で 開 発 可 能 (HTML5/CSS/Javascript) インストール 不 要 パフォーマンスは 低 い オフラインでの 利 用 不 可 デバイス 機 能 (*1)を 利 用 不 可 ネイティブ 方 式 要 インストール ハイパフォーマンス デバイス 機 能 (*1)を 利 用 可 能 オフラインでの 利 用 可 能 それぞれのプラットフォームで 別 言 語 を 用 いて 開 発 ( 生 産 性 低 ) 例 :Android: Java ios: Objective-C ハイブリッド 方 式 要 インストール クロスプラットフォーム デバイス 機 能 (*1)が 利 用 可 能 エンジニアの 多 い 言 語 で 開 発 可 能 (HTML5/CSS/Javascript) オフラインでの 利 用 可 能 パフォーマンスはネイティブに くらべて 若 干 低 い *1. デバイス 機 能 :カメラ NFC Bluetooth 加 速 度 センサー 電 話 など 20 ページ
各 実 装 言 語 やフレームワーク ネイティブ ハイブリッド Android ios PhoneGap/ Cordova Caede Java Google 独 自 FW Objective-C HTML5 CSS3 JavaScript SVG Curl jquerymobile Sencha Touch 21 ページ
Caede 2.0は 何 が 変 わった? 高 度 なユーザーインタフェース さらに 向 上 した 開 発 生 産 性 22 ページ
Caede2.0で 実 現 できる 機 能 コントロール コンテナ ボタン 入 力 選 択 表 示 ダイアログ 入 力 補 完 IME バーコード 手 書 き 入 力 エラスティック デバイスに 合 わせたレイアウトの 伸 長 圧 縮 整 列 デバイス カメラ 加 速 度 センサー ストレージ イベント ドラッグ&ドロップ ズーム スワイプ チャート 円 グラフ 棒 グラフ 折 れ 線 グラフ 位 置 情 報 地 図 GPS 表 リスト Excelのような 表 や 一 覧 の 表 示 シェイプ CADのような 複 雑 なグラフィック 23 ページ
Caede + 7notes Pad+WC でより 業 務 を 効 率 的 に! 24 ページ
2.0 モバイルアプリケーション デモストレーション モニターをご 覧 ください 25 ページ
Caedeアプリ 開 発 のためのツール トランスレータ Android iosインストーラ 生 成 Eclipseプラグイン Eclipse 上 でプログラミング デバッグ 可 能 Visual Layout Editor ドラッグ&ドロップで 画 面 レイアウト 作 成 スタイルデザイナー 色 形 状 フォントなどの 見 た 目 の 変 更 画 面 テンプレート 14 種 類 のスマホテンプレート エミュレータ さまざまなデバイスの 高 速 エミュレータ 26 ページ
アーキテクチャでオンライン/オフラインを 実 現 一 般 的 なWebアプリケーション Server DB モバイルアプリケーション Server DB モバイルアプリケーション Server DB RIAアプリケーション Server DB アプリケーションの 状 態 保 持 アプリケーションの 機 能 提 供 変 更 をビューに 通 知 変 更 通 知 = 変 更 通 知 データ 要 求 更 新 要 求 View Controller 情 報 表 示 HTML Model ビューを 選 択 更 新 を 要 求 HTTP Client Model データ 要 求 更 新 要 求 HTTP SOAP TCP/IP DB Model Sync DB 同 期 キャッシュデータを 保 持 DB 同 期 変 更 をViewに 通 知 DBアクセス 変 更 通 知 Client Model データ 要 求 更 新 要 求 HTTP SOAP TCP/IP DB Model Sync DB 同 期 キャッシュデータを 保 持 DB 同 期 変 更 をViewに 通 知 DBアクセス 変 更 通 知 = Client Model データ 要 求 更 新 要 求 HTTP SOAP TCP/IP DB Model Sync DB 同 期 キャッシュデータを 保 持 DB 同 期 変 更 をViewに 通 知 DBアクセス Client 変 更 通 知 データ 要 求 更 新 要 求 変 更 通 知 データ 要 求 更 新 要 求 変 更 通 知 データ 要 求 更 新 要 求 View Controllerに 動 きを 報 告 View Controller View Controller View Controller Browser モバイルアプリケーション ハイブリッドアプリケーション OCC Curlアプリケーション 27 ページ
2.0 CDE Ver 8.0.3001 with Caede Development Tools デモストレーション モニターをご 覧 ください 28 ページ
すべてのデバイスに 最 適 なユニバーサルUX Universal UX On/OffLine One Architecture + 画 面 サイズに 合 わせて 自 動 伸 長 圧 縮 するエラスティック 豊 富 なグラフィカル 機 能 ユーザビリティをさらに 向 上 するアプリ デバイス 間 連 携 (プリンタ ActiveX GPS カメラ センサー) 29 ページ
オンラインオフラインにかかわらず 動 作 すること Universal UX On/OffLine One Architecture + ネットワークが 不 安 定 な 場 所 でも 使 用 可 能 なオフライン 機 能 ローカルDB 機 能 とデータ 同 期 アプリケーション 差 分 更 新 同 期 30 ページ
PC モバイルともに 統 一 されたアーキテクチャであること Universal UX On/OffLine One Architecture + モバイルからPCまでワンソース マルチユース 統 一 されたアーキテクチャ icloudのようなアプリケーション データ 同 期 31 ページ
運 用 やその 他 の 機 能 についてもご 提 案 できます レスポンシブWebデザイン デスクトップ タブレット スマホの 動 的 レイアウト 変 換 企 業 内 アプリケーション 管 理 アプリケーション 配 布 自 動 アップデート DevOps グローバル 化 対 応 ローカライゼーション 多 言 語 サポート セキュリティ 強 化 デバイス 認 証 (クライアント 証 明 書 ) 暗 号 化 通 信 新 規 プラットフォーム WindowsPhone WindowsRTサポート アプリケーション ビルド&デプロイ ワンクリックで すべてのプラットフォームの インストーラーを 生 成 し Webサーバへリリース etc 32 ページ
Confidential 本 文 書 は SCSK 株 式 会 社 が 著 作 権 その 他 の 権 利 を 有 する 営 業 機 密 ( 含 サプライヤー 等 第 三 者 が 権 利 を 有 するもの)です 許 可 なく 複 製 し 利 用 すること また 漏 洩 することは 著 作 権 法 および 不 正 競 争 防 止 法 によって 禁 じられております 33 ページ