「駅前探険倶楽部とその携帯電話向けサービスの開発・運用」に関して

駅前探険倶楽部と
その携帯電話向けサービスの
開発・運用
(株) 東芝
iValue Creation
河田 勉
2001/7/24
Copyright(C) iValue Creation, TOSHIBA, 2001
自己紹介
■毎日お役に立っている河田です！
かな漢字変換の開発者
■インターネットで人気の河田です！
駅前探険クラブ
フレッシュアイ
ニューズウォッチ
モバイルサービス
社内出張サービス
Copyright(C) iValue Creation, TOSHIBA, 2001
Copyright(C) iValue Creation, TOSHIBA, 2001
ワイアレス・ポケットコミュニケータ
ＧＥＮＩＯ
Copyright(C) iValue Creation, TOSHIBA, 2001
東芝 ｉバリュークリエーション社が
提供する Web サービス
∼ポータルサイトと ASP ∼
Copyright(C) iValue Creation, TOSHIBA, 2001
2000年4月設立の社内カンパニー
<Corporate>
Board of
Directors
Corporate Staff
iValue Creation Company (iVC)
e-Solutions Company
President &
CEO
Social Infrastructure Systems Company
Digital Media Network Company
Mobile Communications Company
Power Systems & Services Company
<In-house
Companies>
Semiconductor Company
Display Devices & Components Company
Medical Systems Company
Home Appliances Company
Copyright(C) iValue Creation, TOSHIBA, 2001
iVC社のミッション
• インターネット（Webサービス）事業に集中
– 成長性・収益性の実現
– IT事業に徹した経営スタイルの導入
– 東芝グループのIT化、サービス事業の先導
モバイル・ブロードバンド時代のトップクラス企業へ モバイル・ブロードバンド時代のトップクラス企業へ Copyright(C) iValue Creation, TOSHIBA, 2001
http://ekitan.oom/iekitan/
http://www.ekitan.com
http://www.du-ub.com
http://www.fresheye.com
http://www.semiconportal.com
http://www.desyo.com
http://tanpopo.toshiba.co.jp
http://www.ivc.toshiba.co.jp
http://www.newswatch.co.jp
http://www.atstyle.co.jp
http://www.vividcar.com
Copyright(C) iValue Creation, TOSHIBA, 2001
事業モデル
• B2C： ポータルサイト事業 – 駅前探険倶楽部、FreshEye
• 広告
• モバイル利用会費
• EC仲介料
• B2B2C： ASP事業
– MMS、乗り換え、地図
• サイト開発費
• エンジンホスティング運営費
Copyright(C) iValue Creation, TOSHIBA, 2001
フレッシュアイ
fresheye.com
•設立：98/12
•主要株主：東芝、電通、凸版
•サービス内容：ディレクトリ／サーチサービス
•特長：Freshness -１０分毎のデータベース更新 技術：高速ロボット・インデックシング
：頻繁に更新されるサイトを、頻度に応じて
サーチし、 データベースを更新
：価格比較エンジン
200万 PageView/Day
Copyright(C) iValue Creation, TOSHIBA, 2001
News Watch
www.newswatch.co.jp
•設立：96/04
•主要株主：三井物産、東芝、 NewsEdge(US)
•サービス：ニュースのフィルタリング、配信サービス
•特長：豊富なニュースソースとパーソナライゼーション
- ソース数：８０（新聞・雑誌）
- １５０分類、２０００社の情報
- 毎朝メールで配信
- 600社、1５,000人のユーザー
•技術：自然言語処理・フィルタリング
Copyright(C) iValue Creation, TOSHIBA, 2001
du-ub.com –音楽配信
Copyright(C) iValue Creation, TOSHIBA, 2001
Vividcar.com – 輸入車ポータル
Copyright(C) iValue Creation, TOSHIBA, 2001
駅前探険倶楽部 (ekitan.com)
200万PV/日
乗換え案内・時刻表
オフィス
駅周辺案内
道案内地図
目的地
おでかけする利用者を総合的に支援する おでかけする利用者を総合的に支援する Copyright(C) iValue Creation, TOSHIBA, 2001
MMS（Mobile Multi-protocol Service）
コンテンツ
提供者
コンテンツ
Cellars with
different
protocols
query map
PDA
template
template
template
MMS
Copyright(C) iValue Creation, TOSHIBA, 2001
PC
ASP 技術・エンジン
• MMS (Mobile Multi-protocol Service)
•
•
•
•
•
•
乗換え案内エンジン
地図、道案内エンジン
予約エンジン
検索エンジン
自然言語フィルタリング
機械翻訳
Copyright(C) iValue Creation, TOSHIBA, 2001
モバイルASP：
Webサイトのモバイル化を支援
従来の
従来の
Web
Web
サイト
サイト
モバイル
モバイル
サイト
サイト
MMS
MMS
コンテンツ
コンテンツ
提供者
提供者
コンテンツ
Copyright(C) iValue Creation, TOSHIBA, 2001
Web から モバイル へ
継ぎ目ない移行
モバイル株情報配信
東芝サーバーセンターで運営
モバイルファイナンシャル
情報センター
お客様の携帯端末
ＮＴＴ ＤｏＣｏＭｏ
ｉモード
○○証券
１お知らせ
２KJNetニュース
３業種別個別
４個別銘柄
５登録銘柄株価
６銘柄登録
各言語に対応
株価情報（リアルタイム or ２０分ディ
投信価額、市況情報
レイ
）、
Ｃ−HTML
ＫＤＤＩ
ezweb
東証
日証協
投信協会 etc
株価等データベース
ＨＤＭＬ
Ｊ−ＰＨＯＮＥ
J-スカイ
ＤＤＩ−Ｐ
Ｈ“ＬＩＮＫ
ＭＭＬ
メール
モバイルエンジン
モバイル・マルチプロトコル
証券会社様の情報
モバイル向け
証券会社様
ＭＭＳ
その他／オプション
・投信価額情報
お客様のパソコン
証券会社様の情報
インターネット向け（証券会社様の既存のホームページ）
インターネット
お客様は在宅時はパソコンでも、外出時
はモバイルで、証券会社様より情報を受
けることが出来る
Copyright(C) iValue Creation, TOSHIBA, 2001
情報、データのセンター一括
管理で低コスト化実現
インターネット、モバイルの両方の情報提供
でお客様へのサービスのさらなる向上
ASP ビジネス事例
z 乗換エンジン：@nifty，infoseek， SO-NET
z 地図エンジン：@NAVI.com、バーナビ（サントリー）、Mopera(DoCoMo)
z MMS（株取引）：松井証券、日興證券、その他多数
z MMS（ホテル予約）：
Starwoodｸﾞﾙｰﾌﾟ、新阪急、インターコンチネンタルグループ
z MMS(TV番組ガイド配信)：東京ニュース通信
z MMS(出退勤管理)：けあコミュニティ（介護ヘルパー支援）
z ホテル予約エンジン：シティーホテル、ビジネスホテル、旅館
z 検索エンジン： Mopera(DoCoMo) 、ブレーンドットコム
z 機械翻訳：infoseek
Copyright(C) iValue Creation, TOSHIBA, 2001
進化する“駅前探険倶楽部”
駅探からモバイルポータルへ
Copyright(C) iValue Creation, TOSHIBA, 2001
日本のモバイルインターネットの普及傾向
million
30
従来の Internet 利用者
20
携帯電話からの利
用者がPCからの
利用者の数を上回
る
10
モバイル Internet 利用者
(i-mode, EZweb, J-SKYweb)
Dec/98 Jun/99 Dec/99 Jun/00
Copyright(C) iValue Creation, TOSHIBA, 2001
Dec/00 Jun/01 Dec/01
モバイル・ポータル: ekitan.com
200万 PV / 日
„MyEkitan
„乗換え案内
„JR
運行情報
„終電案内
„時刻表
„駅の天気
„スポットDB
„Java
(ekitanNavi)
Copyright(C) iValue Creation, TOSHIBA, 2001
駅探のモバイル展開
Web 駅探
モバイル駅探
有料サービス
駅探
（PC＆PDA）
i-駅探
(無料)
Feb.
May
‘97
‘98
‘99
i-Mode
サービスイン
Copyright(C) iValue Creation, TOSHIBA, 2001
Ez-駅探
i-駅探
J-駅探
Mar.
Dec. Jan.
‘00
‘01
モバイル駅探の成長
千人
350
300
250
200
会費
¥100/月
150
2001年7月
38万会員
100
50
i-ekitan
有料サービス
3/00
6/00
Copyright(C) iValue Creation, TOSHIBA, 2001
J-ekitan & Ez-ekitan
有料サービス
9/00
12/00
3/01
駅探のアクセス傾向
• Web 駅探
– 週末よりも平日が多い
– 昼休みのアクセスが多い
– 就業時間直後が多い
• モバイル駅探
– 平日よりも週末が多い
– 深夜にかけてのアクセスが多い
Copyright(C) iValue Creation, TOSHIBA, 2001
Web & モバイル相互利用
平日
移動中
利用者誘導
会社
MyEkitan
Webサイト
よく使う駅 モバイルサイト
手帳（ＰＩＭ）
家庭
利用者誘導
休日
帰宅
アフターファイブ
従来の
従来のWeb
Webサイトとモバイルサイトを繋ぐ サイトとモバイルサイトを繋ぐ Copyright(C) iValue Creation, TOSHIBA, 2001
駅前探険倶楽部を支えるエンジン
乗換え案内
地図・道案内
MMS
Copyright(C) iValue Creation, TOSHIBA, 2001
乗換え案内エンジン
■駅∼駅間乗り換え案内表示
任意の駅∼駅間の乗り換え案内を、所要時間、料金と共に表示
時刻表データを使用してい
るため、時間帯を網羅した
サービスが可能
乗り換え時間を考慮した
乗り換え案内を表示
例：京浜東北線 快速運転時間の反映
Copyright(C) iValue Creation, TOSHIBA, 2001
乗り換えエンジンのモバイル化
Screen
Size
PC
Copyright(C) iValue Creation, TOSHIBA, 2001
PDA
Cellular
Phone
地図・道案内エンジン
■近くのコンビニは？：周辺地図表示
・全国を対象として、公共施設、公園、病院、学
校、スーパー、コンビニ等のラ ンドマーク表示を
含めた1/25,000縮尺の地図表示
・首都圏、京阪神については1/2,500縮尺の地図
表示（モノクロ、カラー対応）
■見知らぬ場所でも安心：ルート表示
・最寄駅からある物件までのわかりやすい道順を、
ビジュアル表示
周辺地図表示の例
・文章による案内表示を表示
■どれ位かかるの？：所要時間を計算
・直線距離ではなく、実際のルートの距離に基づ
く所要時間を算出
道案内地図表示の例
Copyright(C) iValue Creation, TOSHIBA, 2001
地図・道案内エンジンのモバイル化
Map
PDA
Text
Cellular
Phone
Original
map
PC
画面の大きさに合わせて地図を簡略化 画面の大きさに合わせて地図を簡略化 Copyright(C) iValue Creation, TOSHIBA, 2001
ラリーマップ表示
⑦
Goal
通常の道案内地図
⑥
⑤
③
④
②
①
Start
Copyright(C) iValue Creation, TOSHIBA, 2001
MMS: 基本機能
• 複数端末・複数プロトコルに適合する配信
技術
– 一つのURLで複数端末に対応
• Mail-to-Web
– メール表示も対応
– メールに含まれるURLページ表示も対応
• 顧客サービスへのモバイル・ゲートウェイ
– お客様のWebサービスをモバイル対応化
– ASP として提供
Copyright(C) iValue Creation, TOSHIBA, 2001
MMS: 特徴
• “Page Template”により複数の端末に適合
• “Querymap”によりDBアクセスを共通化
User’s View
Weather
N.Y.
Cloudy /L
Chicago
Showrs /L
L.A.
Fine
/H
MMS は「自動変換」
技術ではない。
Copyright(C) iValue Creation, TOSHIBA, 2001
“Page Templates”
Templates
<XML … >
<HDML … >
<HTML … >
<*title*>[*TITLE*]<*/title*>
<*for … *>
[*sql:cityname[*i*]*]<BR>
[*sql:weather[*i*]*] /
[*sql:tempature[*i*]*]
<*/for*>
…
Possible Devices
HTML (PC, PDA).
i-modeHTML (DoCoMo)
HDML / WML (EZWeb)
MML (J-Phone)
etc.
+
“Querymap”
Querymap
<*TITLE=‘Weather’/*>
<*sql … /*>
<*body*>
select …
from …
where …
…
<*/body*>
<*/sql*>
Possible DBMS
Oracle
Sybase
DB2
Informix
many other DBs, or
CGI
MMS: システム構成
Language
SMS
Protocol
smtp
etc.
Communication Middlewares
http
Ｉ／Ｆ
Access Info
User Info
Device Info
Page Templates
update
script
User
Profile
query
map
DB
I/F
Contents
DBMS
Layout,
Insert Icons,
etc.
Access
Counter
Management
Multi-Platform
Multi-Platform (Unix
(Unix // WindowsNT
WindowsNT …
… ))
Copyright(C) iValue Creation, TOSHIBA, 2001
External
DBMS
駅探の「進化」を実現する技術
Web & Mobile
ASP 展開のための
「サービスアーキテクチャ」
Copyright(C) iValue Creation, TOSHIBA, 2001
駅探が抱えていた問題
【状況】
• 1997年5月、小規模サイトとしてスタート
• Perl, Cによるアプリ(CGI)構築、サービスの種類
に応じて次々とCGIを増やす
• コアエンジンの計算量が大きい
【課題】
• 恒常的な高負荷
– 数100万PV/日、数10万会員からのリクエストに対応で
きる堅牢なシステム構築の必要性
• ASP 展開可能な拡張性
• 保守容易性
Copyright(C) iValue Creation, TOSHIBA, 2001
駅前探険倶楽部 / ASP 実現要件
① Web サービスとしての要件
② モバイルサービスとしての要件
③ ASP サービスとしての要件
Copyright(C) iValue Creation, TOSHIBA, 2001
① Webサービスとしての要件
• 性能低下は機会損失・信用低下
– 8秒ルール
• ダイアルアップ接続ユーザは Web ページダウンロードが表
示するまでに8秒以上かかると、そこへのアクセスをあきらめ
てしまう（ゾナリサーチ、99年7月）
• 予測が難しいアクセス数
– サービス開始日、イベント、天候
– 平均のアクセス数よりもピーク性能に対応
• システム信頼性・可用性
• 拡張の容易さ・スケーラビリティ
– ページの編集とエンジン開発の独立
Copyright(C) iValue Creation, TOSHIBA, 2001
② モバイルサービスとしての要件
• 少データ × 多パケット数
• リクエスト数が多い、予測しにくい
• 機種・ブラウザが多岐にわたる
– 通信キャリアごとに多数の端末
– 次々に新機種投入（色数, 画面サイズ, 記述言語の細
かな違いなど）
• ユーザインタフェース
– 画面サイズが小さい
– ポインティングデバイスがない
– 数字キーを使った文字入力
Copyright(C) iValue Creation, TOSHIBA, 2001
モバイルWebサービスシステム
Contents
Provider
通信キャリア
線
専用
bank
trading
etc.
Contents
Provider
Gate
Way
Internet
Contents
Provider
Air Connection
Land Connection
i-mode HTML / HDML / WML / MML
HTTP
Wireless Protocol / WAP
TCP/IP
PDC-P / PacketOne
Ether net, PPP, ATM, etc.
Copyright(C) iValue Creation, TOSHIBA, 2001
モバイルWebサービス一覧
Middle
range
cell
micro
range
cell
Markup Data
Contents
Bare System Operator
Data System Langua Speed
Service
ge (Kbps)
i-mode
DoCoMo
i-mode
PDC-P Packet
HTML
9.6
PDC
J-Phone
J-Sky
PDC
Circuit MML
9.6
Tsuka
EZWeb
PDC Circuit HDML
9.6
Packet
cdmaOne
KDDI
EZWeb
Packet HDML
One
14.4
DDI Pocket
H" Link
PHS Circuit H" Link
64
i-mode
DoCoMo Browzer Menu PHS Circuit
PHS
HTML
64
CAstel
Dot-i
PHS Circuit
HTML
64
Copyright(C) iValue Creation, TOSHIBA, 2001
公式サイトと一般サイト
• 課金
– 公式サイトではキャリアが回収代行
– 一般サイトは課金手段を独自に準備
• アクセス
– 公式サイトはキャリアが用意するポータルから
– 一般サイトは URL を入力して
• キャリアの審査
– オリジナリティのあるコンテンツ
– キャリアの特性に合ったコンテンツ
Copyright(C) iValue Creation, TOSHIBA, 2001
マルチキャリア／端末対応
• プロトコル、記述言語、画像フォーマット
• 端末情報取得方法、画面の大きさ、深さ
– i-mode （NTTドコモ）
• http, i-mode HTML, SJIS, GIF
– EZWeb （KDDI）
• http, HDML3.x/WML1.x, SJIS, BMP/PNG
– J-Sky （J-Phone）
• http, MML, SJIS, PNG
Copyright(C) iValue Creation, TOSHIBA, 2001
端末情報の取得
• HTTP User-Agentフィールド：
– キャリア、バージョン、端末機種など
• 独自フィールド：
– 表示可能サイズ、色数、ソフトキー数などが取
得できるキャリア
Copyright(C) iValue Creation, TOSHIBA, 2001
WAPコンテンツの特性
• 端末への負荷が小さい
– WAPゲートウェイでコンテンツを解析（エラー発見）、
バイナリ変換・圧縮（コメントも除く）
– 端末は画面に表示するだけ
– TCP/IPより軽いプロトコル
• 一般サイトでもユーザを同定できる
• SSLが使える
• HDML/WML
– ページをまとめてひとつのファイル(デッキ)として取り
扱うことができる
– 変数による値の受け渡し
Copyright(C) iValue Creation, TOSHIBA, 2001
各種制約条件・ノウハウ
• 認証方法の違い
• 制約条件：
– ページ長、URL長
– cookie
– SSL
• ノウハウ：
– 予約語の違い
– 未定義タグの処理
– 公式サイトと一般サイトの違い
Copyright(C) iValue Creation, TOSHIBA, 2001
次世代携帯電話技術
• Java
– ekitanNavi を i-Appli, J-Phone で提供
– キャリアごとに仕様が異なる
• 位置情報
– 基地局ベースのサービス
– gpsOne（KDDI）
• マルチメディア
– W-CDMA, HDR (384K-2Mbps)
– 動画、音楽のダウンロード、ストリーミング
Copyright(C) iValue Creation, TOSHIBA, 2001
③ ASP としての要件
• API 提供
• 客先に合わせたカスタマイズ可能性
– 共通部品化（モジュール、ライブラリ）
• 柔軟な拡張性
• 保守容易性
Copyright(C) iValue Creation, TOSHIBA, 2001
駅探進化の実現要件
• Web サービスとしての要件
– ピークアクセス時の性能
– 信頼性・可用性
– スケーラビリティ・拡張性
• モバイルサービスとしての要件
– 複数端末対応ノウハウ
– 公式・非公式サイト対応
• ASP サービスとしての要件
– 共通部品化とそのAPI提供
– 運用容易性
Copyright(C) iValue Creation, TOSHIBA, 2001
iVC サービスアーキテクチャ
• 「サービス・アーキテクチャ」
– SW/HW 構成を総合的に考慮
– 拡張性、運用保守容易性の確保
• ソフトウェア構成
–
–
–
–
UI、ビジネスロジック、DB、コアエンジンの分離
HTTP API
MMS： 端末情報管理、サーバ側スクリプトによるUI
軽量ミドルウェア（マルチスレッド、DBコネクションプー
ル）
• システム構成
– 上記ソフトウェア構成の各部分での多重化
Copyright(C) iValue Creation, TOSHIBA, 2001
iVC サービスアーキテクチャ
ﾌﾟﾚｾﾞﾝﾃｰｼｮﾝﾛｼﾞｯｸ
ﾋﾞｼﾞﾈｽﾛｼﾞｯｸ
JSP ・
Servlet
Beans
Servlet
PHP etc,..
JDBC
Data Access
Logic
MMS
query map
MMS
page template
コアエンジン
Copyright(C) iValue Creation, TOSHIBA, 2001
ﾃﾞｰﾀﾛｼﾞｯｸ
XML
etc,..
Transport
Map &
Direction
PIM
POI
Reserv.
eCRM
地図サービス構成
ﾌﾟﾚｾﾞﾝﾃｰｼｮﾝﾛｼﾞｯｸ
ﾋﾞｼﾞﾈｽﾛｼﾞｯｸ
Servlet ・
Beans
PC用JSP
imode用
JSP
EZ用
JSP
J-PHONE
モジュール
化 (展開)
Copyright(C) iValue Creation, TOSHIBA, 2001
JDBC
・目的地DB
・駅名DB
セッション
情報
XML,
Graphics
コアエンジン
画面デザ
インの分離
ﾃﾞｰﾀﾛｼﾞｯｸ
Transport
POI
Map &
Direction
Connection
Pooling
実現手法のまとめ
Webサーバ
性能
負荷分散機
アプリケーション データベース
ファイル
マルチスレッド
接続プール
（Javaサーブレット）
信頼性
可用性
負荷分散機
多重化
拡張性
多重化
API化
共通モジュール
モバイル
対応
端末情報
認識・管理
Copyright(C) iValue Creation, TOSHIBA, 2001
サーバ側スクリ
プトによるUI
多重化
サービス運用
• 24時間365日ノンストップサービス
• ステージングサーバを使った事前検証徹底
– 端末ごとにフィールドテスト
• サービス監視
– アプリケーションレベル
– ミドルウェアレベル
– インフラレベル
• 緊急連絡体制の確立
• セキュリティ
Copyright(C) iValue Creation, TOSHIBA, 2001
まとめ
• iVC を代表するポータル駅前探険倶楽部：
– 数100万PV／日、数10万会員
• 駅探とそのモバイル化を支えるエンジン
– 乗換え、地図、MMS
• UIとロジック、DB、エンジンを分離したサービス・
アーキテクチャ
– ASP、モバイル展開
• モバイル化： ノウハウと経験が鍵
• システム多重化構成と、万全の運用体制により、
成長しつづけるWebサービスを実現
Copyright(C) iValue Creation, TOSHIBA, 2001
お問い合わせ
• iバリュー クリエーション社
http://www.ivc.toshiba.co.jp/
• 駅前探険倶楽部
http://ekitan.com/
[email protected]
• ASP事業
http://www.ivc.toshiba.co.jp/ivc/asp/
[email protected]
Copyright(C) iValue Creation, TOSHIBA, 2001