スクエアーfreeセミナー第43回

基幹業務Webアプリケーションをスマホ化
業務システムのUIを、スマホ向けに変換

株式会社エムティーアイ
ソリューション事業部 営業部
2014年5月22日

自己紹介
氏名

野沢 英司 （のざわ えいじ）
株式会社エムティーアイでの略歴

BtoC事業 ITセンター： music.jp事業本部：
 MS事業本部：

自社サービスシステム開発
音楽サービスシステム開発
生活情報サービスシステム開発

BtoB事業 ソリューション事業部：


自社プロダクトの企業向けソリューション提供©MTI Ltd.All Rights Reserved

2

会社概要
モバイルサービスを造り続けるリーディングカンパニー
商号

株式会社エムティーアイ（JASDAQ上場：9438)

所在地〒163-1435 東京都新宿区西新宿3-20-2 東京オペラシティタワー35Ｆ

TEL

03-5333-6789

設立

1996年8月12日

資本金2,562百万円（2013年12月31日現在）

売上高30,160百万円（2013年9月期）

従業員数

761名（2013年12月31日現在）

主要取引先㈱NTTドコモ、KDDI㈱、ソフトバンクモバイル㈱事業内容コンテンツ配信事業

music.jp®、ルナルナほか

リアルアフィリエイト事業

リアルアフィリエイトネットワークピットスルー

BtoBソリューション事業

スマートフォン変換「モバイルコンバート」他

モバイル端末の利用シーン拡大への対応!!

©MTI Ltd.All Rights Reserved

3

BYODの現状と将来対応

BYOD（Bring Your Own Device）

BYODに用いられているデバイスの現状と今後の予定

BYODとして何らかのデバイスの使用を許可している組織は約43％、実際に何らかのデバイスを利用しているユーザーは約47％に上る。

BYODにおいて感じるメリット

ノートPC 、自宅PCといった資料作成に優れたデバイスは、システム部門の許可率以上にユーザーが利用している。
一方、スマートフォン、タブレットといった携帯性に優れたデバイスは、システム部門の許可率ほどユーザーは利用していない。
ユーザは生産性向上、システム部門はコスト削減をメリットとして感じている。
ユーザーは今後、現状以上にBYODを「ルールとして許可」することを望む比率が増加傾向にある一方、「ルールとして禁止」を望む比率は減少傾向にある。

BYODのルール制定状況と今後の予定

最適化されたアプリケーションと万全のセキュリティ対策でBYODを加速する絶好のチャンス！
出典：株式会社NTTデータ経営研究所©MTI Ltd.All Rights Reserved

4

BYODを加速させるソリューション
エムティーアイの事業

顧客業務システム
スマホ・タブレット

顧客価値の最大化

BYOD

会員800万人以上
音楽・ヘルスケア・電子書籍
・生活情報・エンタメ・占い

ユーザエクスペリエンス

低リスク

自社プロダクト開発

低コスト
最適化
安心の実績

BtoC

業務システムへの適用

BtoB
既存システム©MTI Ltd.All Rights Reserved

5

BYODを加速させるソリューション
エムティーアイの事業

顧客業務システム
スマホ・タブレット

顧客価値の最大化

BYOD

会員800万人以上
音楽・ヘルスケア・電子書籍 モバイルコンバート
ユーザエクスペリエンス
・生活情報・エンタメ・占い

安心の実績とは？

低リスク

自社プロダクト開発

低コスト
最適化
安心の実績

BtoC

業務システムへの適用

BtoB
既存システム©MTI Ltd.All Rights Reserved

6モバイルコンバート安心の実績① 製品実績
ASP版で長年に渡ってモバイル変換サービスを実施してきた実績
第一世代
1999年
リリース

第二世代
2010年5月
リリース

第三世代
2012年10月
リリース

マルチキャリア向け携帯サイトコンテンツ自動変換サービス
携帯サイト

携帯サイト

スマートフォン向け携帯サイト自動変換サービス
携帯サイト

スマホ
サイト

スマートフォン向けPCサイトテンプレート変換サービス
PC
サイト

スマホ
サイト

モバイル変換エンジンをライセンスとして販売開始
2014年1月
リリース

PC
サイト
PC
サイト

©MTI Ltd.All Rights Reserved

スマホ
サイト

7

モバイルコンバート安心の実績② 導入実績
150社 250サイトの構築と運用実績
金融機関

ほか

通販EC企業
ほか

その他大手企業

ほか©MTI Ltd.All Rights Reserved

8モバイルコンバート安心の実績④ 自社サービス実績
当社最大会員数を持つ音楽サービスで運用中

PCサイト

WEB対応

アプリ対応

新規ユーザー向け

会員向け

WEB対応
music.jpSTORE

music.jpPLAY©MTI Ltd.All Rights Reserved
9BYODを加速させるソリューション
エムティーアイの事業

顧客業務システム
スマホ・タブレット

顧客価値の最大化

BYOD

会員800万人以上
音楽・ヘルスケア・電子書籍
・生活情報・エンタメ・占い

モバイルコンバート
特徴は？

ユーザエクスペリエンス

低リスク

自社プロダクト開発

低コスト最適化
安心の実績

BtoC

業務システムへの適用

BtoB
既存システム©MTI Ltd.All Rights Reserved

10モバイルコンバートの特徴
ご好評いただいている4つの特徴①基幹システムはノータッチ！
導入しやすいアーキテクチャー②ワンソースマルチデバイス運用を実現！

★基幹システム（DBや決済システムなど）の開発や改修は不要！
★開発工数を大幅節約、スピーディー＆ローコストでの構築が可能！

★PCサイトを更新すれば、スマホサイトもリアルタイムで自動更新！
★タブレットへの最適化は勿論、レガシーシステムの最新ブラウザ・OS変換も可能③プロキシタイプのシンプルで導入しやすいシステム構成④結集されたエムティーアイのモバイルサービスノウハウ！

★プロキシとして動作するため、クライアント様の用途に応じた構築可能！
★各種ビジネスモデルに応じたご提供方
法 も可能です！お気軽にご相談ください★スマホの新機種対応はエムティーアイが100％保証！（タブレットは要相談）★ノウハウが結集したスマホ・タブレット向けの、UＩライブラリをご提供！

©MTI Ltd.All Rights Reserved

11モバイルコンバートの特徴① 基幹システムノータッチ
既存のシステムに手を加えないアーキテクチャー
既存PCサイト（業務ｼｽﾃﾑ）

スマートデバイス対応

SPサイト
用HTML

Ｄ
Ｂ
・基幹シス
テム
層

顧客情報
商品情報
決済
物流

プロ
グ
ラ
ム
層

プレ
ゼン
テーショ
ン
層

ページリクエスト処理

PCサイト
用HTML

既存PCサイトのHTMLをリアルタイムに変換することで現資産を有効活用

最新ブラウザ・ＯＳ対応

ページ変換処理

スマホorPC向け
テンプレートCSS・JavaScript
等書換え©MTI Ltd.All Rights Reserved

プレ
ゼン
テー
ショ
ン
層

PCサイト
用HTML

プ
レ
ゼン
テーショ
ン
層

12モバイルコンバートの特徴② ワンソースマルチデバイス
サイトのメンテナンスはPCサイトのみでOK。スマホは自動変換。
ＰＣサイト

スマホ用サイト

スマホ用テンプレートHeader
Contents

Menu.css
事前に各PCページに対応するスマホ用テンプレートを制作し、PCサイト側の情報の出力ルールを定義。
CSS、Javascriptでレイアウト調整、■制作のポイント.js

画面制御を行います。

・PCページ毎に対応するスマホ用テンプレートを制作します。
・同じレイアウトのページ（ＨＴＭＬ構成）であれば、共通のテンプレートを使用します。
・ＰＣ側が更新された場合、スマートフォンにはその内容が反映されます。
・テンプレートの定義に沿わない変更がＰＣページ側であった場合には、テンプレートの修正作業が発生します。
・ Ｆｌaｓｈ・ＡｃｔｉｖｅＸ・ＶＢＳｃｒｉｐｔ・Javaアプレットの技術を含む場合は、事前に確認が必要になります。

©MTI Ltd.All Rights Reserved13モバイルコンバートの特徴③ シンプル構成
シンプルで自由度の高いシステム構成
http://mti.co.jp/index.html②リダイレクト①初回のアクセス（検索など）

スマホ用・テンプレート（HTML）
・CSS
・JavaScript

リダイレクト③④

http://s.mti.co.jp/index.html

http://mti.co.jp/index.html
ＰＣサイト

ページリクエスト処理⑥⑤
ページ変換処理

エンドユーザー様

モバイルコンバート

クライアントサーバー• エンドユーザーからの初めてのアクセス（“検索”からのアクセス等）は、モバイルコンバートサーバを経由しないため、下記のように「リダイレクト処理」により、モバイルコンバートを経由させることが必要となります。
• このため、御社サーバー側で「リダイレクト設定」を行っていただく必要があります。
ご発注後に、弊社から、リダイレクトのサンプルソースを提供しますので、それを設定いただくと簡単です。

©MTI Ltd.All Rights Reserved

14モバイルコンバートの特徴④ MTIのノウハウ
自社サービスで培ってきたUIデザインをパーツPCサイト

スマートフォンサイトUIパーツ使用箇所※UIパーツライブラリを適用できないコンテンツは個別デザイン作成での対応となります。

©MTI Ltd.All Rights Reserved

15

BYODを加速させるソリューション
エムティーアイの事業

顧客業務システム
スマホ・タブレット

顧客価値の最大化

会員800万人以上
音楽・ヘルスケア・電子書籍・生活情報・エンタメ・占い

BYOD対応における効果は？

BYOD

ユーザエクスペリエンス

低リスク

自社プロダクト開発

低コスト最適化
安心の実績

BtoC

業務システムへの適用

BtoB
既存システム©MTI Ltd.All Rights Reserved

16

BYODに対する効果① 低リスク対応■マルチデバイスへの変換や、IE6やWinXPなどレガシーなブラウザ・OSの業務システムを、最新のブラウザ・OSへ変換することも可能。
既存PCサイト（業務ｼｽﾃﾑ）

スマートデバイス対応

基幹システムへ影響しないため

Ｄ
Ｂ
・基幹シス
テ
ム
層

顧客情報
商品情報
決済
物流

プロ
グ
ラ
ム
層

プ
レゼン
テーショ
ン
層

ページリクエスト処理
PCサイト
用HTML

既存PCサイトのHTMLをリアルタイムに変換することで現資産を有効活用

SPサイト
用HTML

最新ブラウザ・ＯＳ対応

ページ変換処理

スマホorPC向け
テンプレートCSS・JavaScript
等書換え©MTI Ltd.All Rights Reserved

プ
レ
ゼン
テーショ
ン
層

PCサイト
用HTML

プ
レ
ゼン
テーショ
ン
層17

BYODに対する効果② 低コスト・短納期
モバイルコンバートを使った場合のコスト比較
工程

スクラッチ
開発

モバイルコンバート

プロジェクト設計
情報設計/構造設計

40人日－ PCサイトが存在し、基板システムはあるので不要工程となります。

環境構築/要件定義－20人日

 上記工程が「環境構築」と「要件定義」の工程のみに短縮されます。

20人日

20人日

150人日
(3人で2.5カ月)

60人日（3人で1カ月）

 会員登録や購入、商品情報といったデータベースとのつなぎ込みなどの基板システムの開発が不要となり、大幅に工数が削減できます。
 基板システムの開発が不要なので、アサインする人材もシステムエンジニアのような上級プログラマーではなく、初級プログラマーで対応できます。

テスト（実機検証）

30人日

20人日

 PCサイトの基板システムがあるので、システムテストの工程が不要となり、工数が削減できます。

PM50人日25人日 全体の工期が削減されますので、その分管理工数も大幅に削減されます。

290人日

145人日UI設計

開発（実装）（プロジェクトマネージャー）

合計

モバイルコンバートを使うメリット©MTI Ltd.All Rights Reserved

18

BYODに対する効果③ 業務最適化
モバイル化する業務をページ単位で選択

テンプレート化
変換対象ページ指定

プロック毎のカスタム©MTI Ltd.All Rights Reserved

19

ご清聴ありがとうございました©MTI Ltd.All Rights Reserved20