荻窪・高円寺の商店街での取組み及び
「まっちとくポン！」の試みと
台湾 III との連携事業について
スマートリンクス株式会社
http://smartlinks.jp
O2Oアプリセミナー
Agenda
■
21.スマートリンクスについて
2.まっちとくポン！とは
3.まっちとくポン！のご紹介
4.高円寺・荻窪の導入事例
5.デモンストレーション
6.III とのコラボレーションについて
7.まちビーコン協議会のご紹介
3
スマートリンクスについて
スマートリンクスについて
■
4私たち（スマートリンクス 株式会社）が目指すこと。
【商店街・観光地が継続的・自律的に活性化することをお手伝いする。】
名称：
スマートリンクス株式会社(Smartlinks Co,.Ltd)
設立：
2012年8月
主な事業：
・スマートフォン用アプリサービスの企画・設計・開発・運用
・アプリ開発
・WEB制作
5
まっちとくポン！とは
まっちとくポン！とは
■
6『
まっちとくポン！
』は、商店街・観光地の誘客、集客、回遊促進を目的に
企画・開発をスタートしたスマートフォン用アプリサービスです。
町（街）にマッチした得する（特別な）クーポン
名前の由来
まっちとくポン！ Version 1
まっちとくポン！ Version 2
GPS + QR コード
iBeacon
まっちとくポン! Version 1
■
7まっちとくポン Version 1
中核とした発想
「現地に行かないと情報を取得できない」
中核とした技術
・GPS による緯度経度
・QRコード
・設定したエリア内での情報発信に特化
・街の情報発信基地（ステーション）でクーポンを配布
エリアのイメージ
街にいる人、来た人を、ステーションに誘導する。
ステーションでクーポンを配布し、飲食、買い物、
回遊・周遊促進を目指す。
まっちとくポン! Version 1 の課題
■
8まっちとくポン！ Version 1 の技術的な壁
① GPS の限界
- 精度の限界
- 階上、階下等の上下が判別できない
- 緯度・経度の検索方法等…
② QRコード
- OS Native の機能では無い
- QRコードの作成、印刷等、運用面の手間が掛かる
2014年
iBeacon
の登場により、 Version 2 へ …
iBeaconとは
■
9
iBeacon は、Bluetooth Low Energy(BLE)を利用した近距離無線通信技術で
あり、iOS7より、正式に追加された機能のひとつです。
ビーコンデバイスより発信された電波を、スマートフォンが受信し、これに
対応したアプリが、様々なアクションを行うことができます。
Android 端末では、Android 4.3 以降で、iBeacon 相当の機能を利用する
ことが可能です。
BLEAD
TM(株)芳和システムデザイン
仕様 配信距離 100m（電波強度は4段階で調整可能) 対応機種 iOS7 Android4.3 以上 技適取得 Apple社iBeaconProgram取得、FCC取得 直径50mm 重量 21g 電池寿命約1年iBeacon を使うための仕組み
■
10iBeacon は、単なる電波発信器であるためアプリと
連携させるには仕組みが必要となります。
uuid Major Minor)))))))
アプリの仕掛け [ uuid を指定して監視 ] ① 監視対象のuuid を受信すると ・Major, Minor ・Beacon との距離（電波強度） が取得できる ②uuid,Major,Minor,距離で サーバに問い合わせ ③uuid,Major,Minor,距離 にマッチしたデータを返す ④ 戻ってきたデータに従い動作する。 ・通知の表示 ・画面にメッセージを表示 ・画像を表示する 等々…11
まっちとくポン！のご紹介
まっちとくポン！とは
■
12『
まっちとくポン！
』は、商店街・観光地の誘客・集客・販促パッケージです。
ホームページ × スマホアプリ × iBeacon
＝
まっちとくポン！
ホームページ
■
13まっちとくポン！のホームページの特徴は以下のとおりです。
・エリア（地域）を紹介するポータルサイトとエリア内の個別ホームページ ・店舗や観光スポットごとの紹介ページ ・レスポンシブデザインでPC/タブレット/スマートフォンに対応 ・多言語対応（※現在は日本語と英語） 高円寺.tokyo 荻窪.tokyo 【事例】ホームページの特徴①
■
14エリア（地域）を紹介するポータルサイトとエリア内の個別ホームページ
高円寺エリアのポータルサイト まっちとくポン！では、エリアを紹介するポータルサイトを用意します。 さらに、エリア内の商店街ごとに、独立した個別のホームページをご用意しています。 ポータルサイトでは、個別ホームページの情報（お知らせやイベント情報等）を 集約して表示しています。 ドメイン名※に日本語ドメインを使用し、エリアごとの階層を分かりやすくしています。パル.高円寺.tokyo エトアール.高円寺.tokyo ルック.高円寺.tokyo 南.高円寺.tokyo 馬橋.高円寺.tokyo
高円寺エリア内の各商店街ホームページ
高円寺.tokyo
※ドメイン名はホームページの住所のようなものです。高円寺の場合には、「高円寺.tokyo」という日本語を使ったドメイン名を使用しています。 各商店街は、「パル.高円寺.tokyo」のように、ドメイン名の階層でアクセスできるようにしています。
ホームページの特徴②
■
15店舗や観光スポットごとの紹介ページ
まっちとくポン！では、店舗や観光スポットごとに1ページを用意しています。 8つのジャンルで分類され、ジャンルアイコンからの一覧表示や キーワード検索等でお店を探すことができます。ホームページの特徴③
■
16レスポンシブデザインでPC/タブレット/スマートフォンに対応
パソコン
タブレット
スマートフォン
まっちとくポン！で用意しているホームページは、レスポンシブデザイン※を採用しています。 これによって、パソコンだけでなく、タブレット端末やスマートフォン等、画面サイズが異なる 端末でも、違和感なく閲覧することが可能になっています。 ※レスポンシブデザインでは、画面のサイズに合わせ、画像やテキストが自動的にサイズ調整されて表示されます。ホームページの特徴④
■
17多言語対応
まっちとくポン！で用意しているホームページは、ブラウザ※の言語設定に合わせて 表示する言語を自動的に切り替えています。 現在は、日本語と英語に対応しています。（将来は他の言語にも対応する予定です） ※ブラウザは、ホームページを閲覧するアプリケーションソフトウエアの総称です。 旧版のブラウザの場合、正しく言語が切り替わらない可能性がございます。 ブラウザの言語が「日本語」の場合 ブラウザの言語が「日本語」以外の場合スマホアプリ
■
18まっちとくポン！ではスマートフォン用アプリとして
『とくポン！』を提供しています。
本アプリは、iOS版(iPhone/iPad)、Android 版とも、無料でダウンロード
できます。アプリの特徴は以下の通りです。
とくポン!
検索 ・エリアからの検索や地図を使っての案内 ・iBeacon対応 （iBeacon については、次ページ） ・ホームページとコンテンツを共有 ・多言語対応(現在はiOS版のみ） ・イベント機能を用意 iOS版 Android版スマホアプリの特徴①
■
19エリアからの検索や地図を使っての案内
「とくポン！」では、エリアからカテゴリごとの店舗や観光スポット等を探すことができます。 店舗や観光スポットの情報は、ホームページと同様に1ページに表示されます。 「ここに行く」ボタンをタッチすると、地図機能により店舗までの道案内が可能です。 iOS版 Android版スマホアプリの特徴②
■
20iBeacon対応
(1)リアルタイムメッセージ配信 店舗に設置したiBeacon に反応すると、設定したメッセージが表示され、店舗ページに 誘導することができます。 (2) 通知機能 店舗に設置したiBeaconを感知すると、通知機能により、通知が行われます。)))))
)))))
)))))
スマホアプリの特徴③
■
21ホームページとコンテンツを共有
まっちとくポン！では、データベースを使用してホームページとスマホアプリでコンテンツを 共有して利用しています。 店舗情報等を更新すると、即座にホームページとスマホアプリの両方に反映されます。 ブラウザを使って専用の管理画面から、コンテンツを更新することが可能です。 特別なソフトは必要ありません。 データベース ・商店街からのお知らせ ・イベントカレンダー ・店舗情報 ・リアルタイムメッセージ ホームページ スマホアプリ「とくポン！」 ・商店街からのお知らせ ・イベントカレンダー ・店舗情報 ・商店街からのお知らせ ・店舗情報 ・リアルタイムメッセージ 商店街等の担当様 店舗等の担当様スマホアプリの特徴④
■
22多言語対応(現在はiOS版のみ）
「とくポン！」アプリ（iOS版)は、多言語対応のアプリです。 OSの言語設定が「日本語」の場合は日本語で表示され、 日本語以外の場合は、英語で表示されます。 （現在は、日本語と英語のみです） iOSの言語設定が日本語の場合 iOSの言語設定が日本語以外の場合 店舗の情報も「英語」表記となります。スマホアプリの特徴⑤
■
23イベント機能を用意
「とくポン！」アプリでは、iBeaconを使ったイベント機能をご用意しています。 iBeacon の感知により、アプリが動作するという特徴を生かしたイベントとして 次のようなイベント機能を用意しております。 ●スタンプラリー/宝探し型のイベント エリア内に設置したiBeacon に “当たり用” と “ヒント用” を設定することができます。 ヒント用iBeacon に近づくと、設定したヒントメッセージが表示され 当たり用iBeacon に近づくと、スタンプが取得できます。 今後も、iBeacon の特徴を生かしたイベント機能を順次リリースして参ります。 イベント機能をご利用になる場合、別途カスタマイズ費用が必要です。 イベント機能の実施には、Apple社によるアプリの審査が必要です。スマホアプリの特徴⑤ スタンプラリー(iOS版)
■
24スタンプ画像カスタマイズ（2種制作）
ココにヒントが 表示されます。 オレンジ色か赤色になったら Getをタッチすると スタンプ画像が表示されます。 Beaconに近づくと… メッセージが現れます。 イベントBeaconを発見したら 「イベントに参加する」をタップ事例）オギクボトレジャーウォーク スタンプラリー(iOS版)
スマホアプリの特徴⑤ スタンプラリー(Android版)
■
25事例）オギクボトレジャーウォーク スタンプラリー(Android版)
Beaconに近づくと… メッセージが現れます。 イベントBeaconを発見したら 「イベントに参加する」をタップ オレンジ色か赤色になったら Getをタッチしてみよう！ スタンプかヒントをゲットできます。スタンプ画像カスタマイズ（2種制作）
管理機能
■
26専用管理画面で手軽にコンテンツを更新
まっちとくポン！では、ホームページとアプリに掲載しているコンテンツ（情報）を 専用の管理画面から手軽に更新することができます。 ＰＣ、タブレット、スマホのブラウザ（ホームページ閲覧ソフト）から 管理画面を開き、ログインすることで、情報を更新することができます。 なお、スマホの場合は、端末内に保存されている写真をそのままアップロードすることも できますので、手軽に写真を入れ替えることが可能です。 PCの場合の表示例 スマホの場合の表示例サービスイメージ
■
27「まっちとくポン！」のサービスイメージ
28高円寺・荻窪の導入事例
導入事例① ＜高円寺＞
■
29東京都杉並区 高円寺エリア
JR高円寺駅 南口エリアの5商店街に導入致しました。 5商店街で合計約500店舗のうち、約450軒の店舗情報を掲載しています。 導入iBeacon数:400個 導入イベント：高円寺アート街でアートハンティング 2015.2.21 ～ 2.22 に開催済み http://高円寺.tokyo導入事例② ＜荻窪＞
■
30東京都杉並区 荻窪エリア
JR荻窪駅エリアの13商店街に導入致しました。 13商店街で合計約900店舗のうち、約700軒の店舗情報を掲載しています。 導入iBeacon数:800個 導入イベント：第1回 オギクボトレジャーウォーク 2015.3.7 ～ 3.8 に開催済み http://荻窪.tokyo31
デモンストレーション
デモンストレーション
■
32ホームページのデモンストレーション
・レスポンシブデザイン
・ブラウザの言語設定による多言語表示
スマホアプリのデモンストレーション
・iBeacon 検知によるリアルタイムメッセージの表示
・iBeacon 検知による通知メッセージの表示
・端末の言語設定による多言語表示
33
III とのコラボレーションについて
III とのコラボレーションについて
■
34コラボレーション企画
①III アプリとの相互リンク
②日本語/繁体中文対応
③O2O機能の国内実証
④アプリの相互展開
① III アプリとの相互リンク
■
35アプリ内のバナーから、相互のアプリのダウンロードページにリンク
アプリ起動できるかどうかは、技術的な面からも要確認
android : intent で実現できるか？
iOS : custom URL 呼び出しで実現できるか？
バナー バナー
② 日本語/繁体中文対応
■
36アプリ内メッセージ等の日本語化
アプリ内メッセージ等の繁体中文化
III で日本語(or英語) ⇒繁体中文化
III で日本語化
Smartlinks が、日本語のチェック
・ダウンロードの説明ページ等も相互に協力して翻訳する
・コンテンツの翻訳は、トライアルとして数件のみ翻訳
・将来的には、翻訳のビジネス化を見据えて検討
③ O2O 企画の国内実証
■
37利用パターンＡ（クーポン型）
・O2O機能 ⇒ クーポン配布 ⇒ 周遊促進
利用パターンB（福引型）
・周遊 ⇒ ポイント付与 ⇒ O2O機能 ⇒ 景品
・常設ではなく、イベント的に実証する
・高円寺、荻窪、導入を検討中の商店街含めて提案する
既存のイベントや催事期間でのオマケ要素として提案か…
課題
⇒ 商店街に対しては、簡易な説明と簡易な運用が必須
⇒ 商店街の負担（料金面、運用面）の軽減
⇒ メッセージの日本語化等
・システム的な連携（が必要?)については、APIで行う
④ アプリの相互展開
■
38将来においては…
・台湾 での「まっちとくポン！」導入
日本人観光客が、日本語で台湾の商店街や観光地を周遊できるように…
・日本の商店街でのIII アプリ展開
台湾人の観光客が、日本の商店街や観光地を周遊できるように…
39
