レガシー 資 産 とUXとマイグレーション 手 法 単 なるWeb 化 ではない レガシーシステムUX 化 の 提 案
自 己 紹 介 も り ひ で き 森 英 樹 hmori@nexaweb.com 所 属 職 種 経 験 日 本 ネクサウェブ 株 式 会 社 ソリューション 営 業 開 発 /テスト 支 援 ツール 他 販 売 管 理 管 理 会 計 他 2
Agenda 1. 会 社 紹 介 2. 企 業 システムを 振 り 返 る 3. UX 化 技 術 nexacro 紹 介 4. レガシー 資 産 をUX 化 する 5. まとめ
会 社 概 要 社 名 日 本 ネクサウェブ 株 式 会 社 設 2005 年 7 月 代 表 取 締 役 Steve Kim 最 執 責 任 者 永 井 一 美 所 在 地 101-0021 東 京 都 千 代 田 区 外 神 田 5-3-1 秋 葉 原 OSビル10F 事 業 内 容 親 会 社 WEBアプリケーションを 支 援 するプラット フォーム 製 品 の 販 売 サポート 導 入 支 援 Nexaweb Inc. ( 米 国 ボストン) 2014 年 4 月 米 国 Nexaweb Technologies.のRIA 部 門 が 独 Nexaweb Inc.を 設 し その 日 本 法 であった 旧 日 本 ネクサウェブ 株 式 会 社 と 韓 国 TOBESOFT の 日 本 法 トゥービーソフト ジャパン が 事 業 統 合 新 生 日 本 ネクサウェブ 株 式 会 社 として 新 たに 船 出 をしました 企 業 向 けのWEBプラットフォームとして グローバル 市 場 で9,500サイトの 実 績 を 持 つリーディングカンパニー 4
日 本 ネクサウェブ 製 品 の 導 入 実 績 全 世 界 9,500サイト 以 上 に 導 入 and More 5
企 業 システム 年 表 企 業 システムの 変 遷 2000 年 代 Web 化 が 加 速 現 在 クラウドの 活 用 1960 年 代 給 与 計 算 や 決 算 処 理 など 限 定 的 な 業 務 のみシス テム 化 1960 年 代 コンピュータ 製 造 メーカーの 情 報 システム 部 門 によるシステム 構 築 1970 年 代 大 手 企 業 :メインフレーム 中 小 企 業 :オフコン 1960 年 代 電 子 計 算 センター(SIerの 前 身 )が 相 次 ぐ 創 業 1980 年 代 後 半 WindowsやUNIX オープン 化 の 時 代 へ 1990 年 代 後 半 業 務 パッケージの 導 入 企 業 が 増 加 1990 年 代 後 半 業 務 パッケージ 市 場 が 拡 大 1980 年 代 後 半 ダウンサイジングがトレンド 1970 年 代 各 社 は 独 自 で 業 務 システムを 構 築 ハードとあわせて 販 売 2000 年 代 C/SからWebへ RIA 技 術 の 発 展 現 在 マルチデバイス モバイル 対 応 技 術 の 進 化 ベンダー 市 場 の 動 向 1960 1970 1980 1990 2000 2010 ( 年 ) 6
業 務 アプリケーションの 方 向 性 Cloud (SaaS) Social Application マッシュアップ 環 境 Web Fixed Webシ シ ス テ ム 化 Web マルチデバイス 対 応 Mobile NonWeb 出 所 :デロイトトーマツコンサルティング 7
方 向 性 の 実 現 には? マルチプラットフォーム Windows, Mac, Linux, ios, Android マルチブラウザ Internet Explorer, Firefox, Chrome, Safari マルチスクリーンサイズ Monitor 11.6~30.0 inch Smart Phone 3.5~5.5 5.5 inch Tablet 7.0~11.6 inch 8
弊 社 のご 提 案 OSMU : One Source Multi Use デスクトップからモバイルまで 異 なるブラウザ 異 なる 端 末 で 動 作 する 表 現 豊 かなアプリケーションを 一 回 (One Source)で 開 発 する 技 術 UI/UX 設 計 方 法 論 BUX Model 実 装 技 術 9
nexacro 構 成 図 UI/UX 統 合 開 発 環 境 nexacro platform RUNTIME Version Multi Layout Manager Generate nexacro platform HTML5 Version Web Server / Application Server HTML, Java Script, CSS (Windows) (Android) (ios) Multi platform RUNTIME Apps (Full Functionalities & High Performance) Multi Web Browser Apps (No Install) 10
nexacro 動 作 の 仕 組 み 共 通 アプリケーション nexacro 動 作 環 境 OS 差 異 を 吸 収 ブラウザ 差 異 を 吸 収 アプリケーション 差 異 を 吸 収 11
nexacro 動 作 環 境 Client Web Server Application Server Back End JSP/Servlet, ASP.Net Legacy X-API RUNTIME Environment DBMS HTML Java Script CSS リクエスト 取 得 (パラメータ 情 報 ) データセット 作 成 とレスポンス 送 信 Web Service /SOA HTML5 Environment SAP / ERP IDE Java Script Generate WOA 12
nexacro 開 発 環 境 nexacro STUDIO Drag & Drop 操 作 による UI/UXデザイン ( 汎 用 的 な 操 作 性 ) 記 述 言 語 は JavaScript ( 独 自 言 語 習 得 は 不 要 ) スタイルシート 機 能 (デザインの 登 録 共 通 化 ) マルチレイアウトデザイン ( 異 なる 画 サイズにワン ソースで 対 応 ) データバインディング ( 迅 速 な 開 発 支 援 ) etc 13
豊 富 なコンポーネント 業 務 アプリケーションに 必 要 なコンポーネントを 豊 富 に 提 供 Grid Tab Tree View Mask Edit CheckBox Spin ListBox Edit TextArea Radio Button Static Combo Image Calendar その 他 他 にも 多 数 各 種 ライブラリ 14
マルチスクリーンサイズ 対 応 機 能 1 Position ( 自 動 リサイズ) 簡 単 な 設 定 のみで 画 レイアウトの 自 動 リサイズが 可 能 実 画 Left : 00% Right : 00% %を 設 定 すると 画 サイズにあわせて 各 コンポーネントが 自 動 的 にリサイズされる 15
マルチスクリーンサイズ 対 応 機 能 2 Multi Layout Manager (マルチレイアウト 編 集 ) 利 用 対 象 の 端 末 ( 画 サイズ)に 最 適 な 複 数 のレイアウトを WYSIWYG で 作 成 可 能 MLM 多 様 なデバイスの 画 サイズにあわせて ソースコードを 修 正 することなく UI 画 をカット & ペーストで 変 更 可 能 開 発 期 間 の 短 縮 と メンテナンス 費 用 の 削 減 に 貢 献 します デバイス 解 像 度 を 自 動 把 握 し 自 動 的 に 画 レイアウト 表 示 16
マルチスクリーンサイズ 対 応 機 能 3 STEP ( 画 面 分 割 編 集 ) 画 レイアウトの 分 割 配 置 Layout STEP 構 成 実 画 1 2 3 Portrait Landscap e 1 2 3 パソコンやタブレット 向 けに 作 成 した 画 レイアウトを 分 割 して スマートフォンにぴったり 合 う 画 レイアウトを 素 早 く 作 成 可 能 17
開 発 生 産 性 (ケーススタディ) 開 発 標 準 係 数 対 比 約 2 倍 * の 開 発 生 産 性 を 実 現 * 業 務 処 理 の 複 雑 性 により 変 動 します 弊 社 製 品 を 使 用 した 場 合 の 開 発 生 産 性 ( 実 績 ) コーディング/ 単 体 テスト Ph. 種 類 JavaScript Server Java JSP 画 XML ( 自 動 生 成 ) Struts-Config ステップ 数 (KStep) 14.79 35.17 0.03 9.85 0.6 ファイル 数 (File) 87 406 1 72 9 期 間 (ヵ 月 ) 4ヵ 月 開 発 工 数 ( 実 績 ) 生 産 性 (1 人 ) (KStep/ 月 ) 27 人 月 4.02(コーディング3ヵ 月 :5 名 ) 標 準 的 Java/Web 系 開 発 手 法 を 用 いた 場 合 の 開 発 生 産 性 ( 係 数 )から 算 出 された 工 数 55 人 月 コーディング/ 単 体 テスト Ph. 装 置 管 理 システム アプリケーション 開 発 規 模 FP:1,368 ( 画 数 :40 TABLE 数 :43 機 能 数 : 約 174) 18
レガシー 資 産 をUX 化 して 活 用 するには? メインフレーム(COBOL) オフコン(AS/400 DB2) C/S(VB6.0) SAP ERP 古 くなった Web システム 19
レガシーマイグレーションの 背 景 メーカーサポートの 打 ち 切 り 朽 化 によるリスクの 増 大 メンテナンス 費 用 の 高 止 まり etc 20
一 般 的 なレガシーマイグレーションの 方 法 ラッピング リホスト リライト リビルド 既 存 システムをそのまま 残 し システム 外 部 からアクセス 可 能 なイ ンターフェイスのみ 新 設 する 方 法 根 本 的 なビジネス プロセスの 再 構 築 には 不 向 きだが 短 期 間 低 コストで 業 務 課 題 を 解 決 可 能 レガシー 資 産 を 流 用 し ホストマシンをオープン 系 プラットフォー ムに 移 する 方 法 既 存 のビジネスロジックが 活 用 でき 運 用 コス トを 抑 制 できる 反 面 最 新 技 術 への 柔 軟 な 対 応 拡 張 性 に 課 題 も 既 存 アプリケーションのソースコードを オープンなプラット フォーム 用 にJava 言 語 などで 書 き 換 える 方 法 根 本 的 なビジネス プロセスの 再 構 築 には 不 向 きだが 動 変 換 ツールや 動 生 成 ツー ルを 用 いることで 開 発 期 間 の 短 縮 や 開 発 コストの 抑 制 が 可 能 既 存 資 産 を 流 用 せず オープンなプラットフォーム 上 でアプリケー ションを 再 構 築 する 方 法 ビジネス 環 境 の 変 化 に 迅 速 に 対 応 できる 柔 軟 性 と 拡 張 性 を 持 たせることも 可 能 だが ビジネスロジックの 直 しや 作 り 込 みに 膨 大 なコストと 時 間 が 必 要 21
たとえば - メインフレーム(COBOL) Client Application Server X-UP(データ 連 携 ミドルウェア) レガシー COBOL Protocol Listener Authentication Manager Deploy Service Mashup Controller Model Manager DataSet Builder Cobol Invoker Connector JAVA Class (Cobol Program) JAVA Class (Cobol Program) JAVA Class (Cobol Program) 画 上 の 操 作 のみで データ 連 携 が 実 現 で きるデータ 連 携 基 盤 Builder Business X-UP Model Business X-UP Model Business X-UP Model Business X-UP Model Business X-UP Model COBOLソースをJava クラスに 自 動 変 換 22
たとえば - オフコン(AS/400 DB2) 不 動 産 物 件 管 理 システム TOBE バラバラだった 情 報 を 統 合 して 1 物 件 の 情 報 すべてを1 画 で 表 示 させることで UX 化 を 実 現 業 務 環 境 業 務 効 率 を 改 善 する ことができた 基 本 情 報 物 件 情 報 費 目 情 報 水 道 情 報 HTTP Java 用 の ビジネスロジック X-API JDBC (Ver 8.2) 照 会 nexacro で 開 発 した UI/UX WAS AS/400 (DB2) ASIS ひとつの 不 動 産 物 件 の 各 種 情 報 が バラバラに 分 かれており 参 照 や 登 録 等 の 業 務 が 煩 雑 となっていた 23
たとえば - C/S(VB6.0) XConverter *2015.1Q リリース 予 定 Microsoft Visual Basic 6.0で 書 かれたアプリケーションの ソースコードを 入 とし nexacro & Java に 自 動 コンバート デザイン スタイル 設 定 イメージ 変 換 Wrapping 共 通 関 数 グローバル 関 数 メッソド/プロパティ スクリプト 分 析 ボキャブラリ 分 岐 構 文 分 析 XConverter 変 換 規 則 マッチングデーブル 変 換 設 定 変 換 対 象 選 択 変 換 要 素 選 択 処 理 ログ 変 換 結 果 変 換 内 容 24
たとえば - SAP ERP XCRO *2015.1Q リリース 予 定 SAP ERPの 標 準 UI 環 境 をフレキシブルに 拡 張 可 能 なワンストップソリューション 1 Pre-Defined Smart ERP Rapid (RDS) 2 Smart ERP Template (packaged) Automation Plug & Play UI Auto Generator modify Play RFC BDC 3 Custom-built Custom Built (UI Platform) ERP 開 発 サーバ RFC ODATA 画 面 デザイン UI Tool & F/W 画 面 ロジック 連 動 ロジック 25
たとえば - 既 存 Web システム 既 存 のビジネスロジックをそのまま 活 用 してレガシーWebをモバイル 対 応 に Client Application Server Back End リクエスト 取 得 (パラメータ 情 報 ) Action Contoroller Request 受 信 (X-API) Request POST データ 分 析 Action 既 存 ロジックは そのまま 活 用 ビジネスロジック Action 呼 出 Result データ JSP 呼 出 JSP Form (データ 格 納 ) BO DAO nexacro Environment データセット 作 成 とレスポンス 送 信 送 信 用 データを 作 成 (X-API) Response 送 信 (X-API) Result データ XSL ( 画 面 レイアウト) 既 存 UIは 不 使 用 nexacroで 新 設 26
実 演 (ライブと 動 画 ) DEMO 27
まとめ レガシー 資 産 をUX 化 して 有 効 活 用 メインフレーム(COBOL) オフコン(AS/400 DB2) C/S(VB6.0) SAP ERP 古 くなった Web システム 28
まとめ OSMU : One Source Multi Use デスクトップからモバイルまで 異 なるブラウザ 異 なる 端 末 で 動 作 する 表 現 豊 かなアプリケーションを 一 回 (One Source)で 開 発 する 技 術 29
日 本 ネクサウェブ 製 品 を よろしくお 願 いします! 日 本 ネクサウェブ 株 式 会 社 営 業 本 部 本 部 森 英 樹 Mobile 080-5861-5060 hmori@nexaweb.com