「おもてなーじ」とは,「おもてなし」と「サイネージ」を組み合わせた造語です. おもてなしの精神をサイネージするためのシステムを目指し,この名称をつけました.
このシステムは,関西大学総合情報学部の小林研究室のメンバーが, 第1回 NTT-WEST学生向けアプリ開発コンテスト に応募するために開発しました.
おもてなーじは,主に外国人観光客への案内を想定し(特に2020年東京オリンピックに向けて), WebRTCを利用したリアルタイムガイドを支援するシステムです.
Webブラウザを利用したFace to Face の対話を可能としており,利用に特別なアプリやプラグインは必要ありません. また独自のリコメンデーションエンジンを実装し,コミュニケーションを通じて知り得たクライアントの情報をもとに, そのクライアントのみを想定したスペシャルなページを提供します.
海外から訪れる人々に日本の魅力,ひいては日本人のおもてなしの心を体感してもらうことが目的です.
詳細については,プロジェクト内にマニュアル(webrtc/readme/以下)を用意してありますので, そちらをご覧ください.
おもてなーじ内で利用しているAPIのキーを,各自で用意したものに置き換えてください. SkyWay,及びGoogle Maps JavaScript API v3のAPIキーに関しては, "www.firefly.kutc.kansai-u.ac.jp" のドメインでのみ利用できるようにしております. (なお,Google Maps APIに関しては,キーを無くても利用できるようです.)
開発者登録を行い,APIキーを取得したのち,以下のファイルを編集してください.
client.js, operator.js内のAPIKEYの値を,自ドメイン用に取得したキーに編集します.
// Skyway API Key for The Domain: www.firefly.kutc.kansai-u.ac.jp
var APIKEY = "79e1e834-4935-11e4-878c-e1a8ecd1a309";
APIキーの取得方法については詳しい説明は行いませんが, まず,Microsoft Azure Marketplaceに登録し, Microsoft Translator APIを 有効にします.その後,アカウントページにあるプライマリ アカウント キーを確認した後,以下のファイルを追加してください.
/webrtc/php/ディレクトリのなかに,下記コードが書かれたapikey.phpという名のファイルを作成します.
<?php
const APPID = 'Put Your Primary Account Key into HERE';
デベロッパーガイドを 参考にAPIキーを取得してください.取得後,そのキーが利用できるドメインを登録します. その後,client.html,及びoperator.htmlのファイル内の以下の箇所を編集してください.
src="https://maps.google.com/maps/api/js?key='Put Your API Key into HERE'&sensor=true"
なお,現状はこのキーを削除しても動作するようです. その場合は,以下のように編集します.
src="https://maps.google.com/maps/api/js?sensor=true"
このプロジェクトでは,以下のライブラリを使用させて頂いております.
- lipis/flag-icon-css
- ubilabs/geocomplete
- google/material-design-icons
- posabsolute/jQuery-Validation-Engine
「おもてなーじ」ではWebRTCの機能を使っておりますが, 2014年10月20日現在,Internet ExploreやSafariなどのブラウザに対応してません. またiOS用では利用できません.
我々のほうで確認した環境は下表になります.
OS | Chrome | Firefox | Opera | Safari |
---|---|---|---|---|
Android | ◯ | ◯ | ◯ | |
iOS | - | - | - | - |
OS X | ◯ | ◯ | ◯ | - |
Androidでの動作確認には,Nexus 5, 7(Android 4.4-Kitkat-)を使用しています. 使用には,最新のOSを利用するようにしてください.
team Kobasemi