ブラウザフォン
設定マニュアル【モバビジ】

Ver. 2.0

Copyright © 2021 cloudtelecom Inc. All Rights Reserved.

Confidential改訂履歴

Rev.

作成日

改訂項目

改定内容

1.0

2021年05月27日

初版

1.1

2021年06月29日

ブラウザフォンシステム「Webサーバ構築（スタートキット）＋タブレット」がお客様がご準備するもの、設定ぉまかせパックは、「画面デザインの代行編集」であることが判る図を追加

1.2

2021年07月26日

内線アカウントを追加する

商品名の注意書きを追記

2.0

2021年08月27日

ブラウザフォンとは着信アプリのみの制限撤廃
月５時間制限撤廃
コールフリーダイレクトの説明省略
GetCredentials.js の書式変更
設定おまかせパック→デザインおまかせパックに名称変更

ブラウザフォン作成（STEP4）
名称変更

Copyright © 2021 cloudtelecom Inc. All Rights Reserved.

1

目次
目次
受付画面の種類について・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

3

ブラウザフォンについて・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

4

ブラウザフォンの画面例

・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

5

作成方法の種類・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

8

ブラウザフォン作成（STEP１）

・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

9

ブラウザフォン作成（STEP２）

・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・ 10

ブラウザフォン作成（STEP３）

・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・ 11

ブラウザフォン作成（STEP４）

・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・ 12

ブラウザフォン作成（STEP５）

・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・ 13

ブラウザフォン作成（STEP６）

・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・ 15

注意事項等
・本サービス及び本マニュアルのご利用条件は、モバビジサービス利用規約に準じます。
・本サービスの仕様、概観及び本サービスに含まれるものは、将来、予告なく変更されることがあります。
・本マニュアル記載の会社名または製品名は各社の商標または登録商標です。
・本マニュアルに関する著作権は、クラウドテレコム株式会社に帰属します。
・本マニュアルは、本サービスのライセンス契約に基づき開示されるもので、本マニュアルを第三者に閲覧または譲渡することはできません。
・本マニュアルの記載内容は将来、予告なく変更されることがあります。
・本マニュアルの記述でお気づきの点があればご連絡ください。

Copyright © 2021 cloudtelecom Inc. All Rights Reserved.

2

受付画面の作成種類について
作成方法の種類
受付画面の作成は、お客様のご要望に合わせて３種類ご用意しております。
シンプルレセプションで受付画面の作成をご希望の方は、「シンプルレセプションコンソール」のマニュアルをご参照ください。
このマニュアルは、ブラウザフォンでの作成方法のマニュアルになります。ブラウザフォンは、お客様ご自身でWebサーバをご用意いただく必要があります。

簡単に受付システムを作りたい

シンプルレセプション
コンソール（Webサーバ不要、自作）

自分でHTMLを作成し、自由にカスタマイズした受付システムを作りたい

ブラウザフォン
＜スタートキット＞（Webサーバ必要、自作）

HTML専門家に委託してカスタマイズした受付システムを作りたい

ブラウザフォン
＜デザインおまかせパック＞（Webサーバ必要、業者委託・有料）

Copyright © 2021 cloudtelecom Inc. All Rights Reserved.

3

ブラウザフォンについて
ブラウザフォンとはブラウザーから直接、モバビジの端末に内線通話ができるサービスです。
タブレットやスマホで、ChromeやSafariといったブラウザーから、指定したモバビジ端末へ発信、通話することができます。
会社の受付に設置したタブレットで、来訪者が担当者を直接呼び出すことができる受付電話としてご利用いただけます。
※別途モバビジIDの契約が必要になります。 （内線アカウントの名字は「webrtc」・着信順位は「0」）※ブラウザフォンはhttpsでなければ動作しません。（これは各ブラウザの仕様です。）※ブラウザフォン作成方法に関してのご質問はサポートでは受け付けておりません。

推奨環境

Copyright © 2021 cloudtelecom Inc. All Rights Reserved.

4

ブラウザフォンについて
ブラウザフォンシステム

ブラウザフォン Webサーバ【スタートキット】
・apache版 動作確認済み環境
LinuxCentOS Linux release 7.9.2009 (Core)
Apache/2.4.6 (CentOS)
Windows
Windows10
Apache 2.4.46 win64 VS16

受付用タブレット・タブレット機種
iPadiPhone
androidタブレット
androidスマホ
・ブラウザー
Safari
Chrome
FireFox・IIS版 動作確認済み環境
Windows10
Internet Information Services(Version 10.0.19041.860)【お客様にてご準備頂くもの】
ブラウザホンWebサーバの構築を、スターターキットを利用して行ってください
受付用タブレットをご用意ください【設定おまかせパック】
タブレット画面、HTML、Webページの設定変更を有償サポートさせて頂きます※6ページ目と併せてご確認ください
Copyright © 2021 cloudtelecom Inc. All Rights Reserved.

5

ブラウザフォンの画面例
ブラウザフォンの例（受付ページ）

ブラウザフォンの例（通話）Copyright © 2021 cloudtelecom Inc. All Rights Reserved.

6

ブラウザフォンの画面例
ブラウザフォンの例（着信側）

受付のタブレットから呼び出しがあることがわかる

Copyright © 2021 cloudtelecom Inc. All Rights Reserved.

7

ブラウザフォン作成方法の種類
作成方法の種類
作成方法

画面作成

サーバアップ
ロード

注意事項

本人

本人

スタートキットの設定にはHTML、CSSなどの専門知識が必要です。本オプションは無料につき、サポートはございません。

本人

1画面につき10万円（税抜）で、以下のサポートをご利用いただくことができます。
ロゴの掲載
オリジナル背景画像
CIカラーの適用
各種情報の掲載
内線発信ボタンの登録
お問い合わせボタンの登録業者

デザインおまかせパック

各種作成方法の流れ

スタートキットダウンロード

デザインおまかせパック① スタートキットをダウンロードする① デザインおまかせパックを申込む② アプリIDを追加申込する（有料）②業者からメールが送信されるので、設定したい内容を調整する③ webrtc用アカウントを設定する③ 見積書が届く④ GetCredentials.jsonを編集する④ 発注＆アプリIDを追加申込する（有料）⑤ index.html を編集する⑤ 約5営業日後に納品される（請求は業者からくる）⑥ ファイル一式を御社のWEBサーバにアップロードする⑥ ファイル一式を御社のWEBサーバにアップロードする

Copyright © 2021 cloudtelecom Inc. All Rights Reserved.

8

ブラウザフォン作成（ STEP１）
スタートキットをダウンロードする① 「スタートキット」からテンプレートファイルをダウンロードする▼テンプレートの内容

Apache版WEBサーバをご利用されている場合はhtdocs の中のファイルを編集する

IIS版WEBサーバをご利用されている場合はwwwroot の中のファイルを編集する▼動作確認済み環境
・apache版 動作確認済み環境
LinuxCentOS Linux release 7.9.2009 (Core)
Apache/2.4.6 (CentOS)
Windows
Windows10
Apache 2.4.46 win64 VS16・IIS版 動作確認済み環境
Windows10
Internet Information Services (Version 10.0.19041.860)

Copyright © 2021 cloudtelecom Inc. All Rights Reserved.

9

ブラウザフォン作成（STEP２）
内線アカウントを追加する① ユーザページにログインして、モバビジアプリ１IDを追加購入する。

①②「モバビジお申込み」＞「新規・追加お申込み」をクリックします※ご契約内容によって商品名が異なります
レンタル契約 →モバビジID（アプリ）
ライセンス契約→モバビジ クラウドサーバ利用料（月額）①レンタル契約の方は 「モバビジID（アプリ）」を、ライセンス契約の方は「モバビジ クラウドサーバ利用料(月額)」を選択します。
②「カートに入れる」をクリックします③カートに入ったことを確認します

画面下にスクロールして利用規約を確認します「登録」をクリックします※アプリIDは有料です・月額課金
Copyright © 2021 cloudtelecom Inc. All Rights Reserved.

10

ブラウザフォン作成（STEP３）
内線アカウントを登録・設定する① コールマネージャーにログインし、内線アカウントを登録する。

必ず webrtc にしてください

これは例です「内線」＞「登録」をクリックします
登録したい内線グループ名称を選択し、登録するアカ
ウント情報を入力します※ 「名字」は webrtc にする必要があります(webrtc 以外は動作しません)「確認画面へ」をクリックして登録します「内線」＞「検索」でwebrtcの11桁の内部電話番号とパスワードをメモしておきます（STEP４）で使います② 内線アカウントの着信順位を設定する。

webrtc受付を０にする

webrtc受付0「着信順位設定」＞「検索」をクリックします
設定したい内線グループ名称を選択します
webrtcの着信順位設定を0にします※ webrtc の着信順位設定を0にする必要があります「更新」をクリックして登録します

Copyright © 2021 cloudtelecom Inc. All Rights Reserved.

11

ブラウザフォン作成（STEP４）
GetCredentials.jsonを編集する

office/tmp/GetCredentials.json ファイルの２行目と3行目の以下の赤文字部分の要素を書き替える。

{}"username": "XXXXXXXXXXX","password": "XXXXXXXXXXX“①usernameの「XXXXXXXXXXX」部分⇒ STEP３で作成したwebrtcの内線アカウント11桁番号に変更②passwordの「XXXXXXXXXXX」部分⇒ STEP３で作成したwebrtcの内線アカウントのパスワードに変更

Copyright © 2021 cloudtelecom Inc. All Rights Reserved.

12

ブラウザフォン作成（STEP５）
index.html を編集する

office/index.html ファイルの33行目の以下の赤文字部分の要素を書き替える。
href="javascript:OnLinkClick('&ast;3XXXXXXXXXXXXX_12XXXXXXXXXXXXX');">代表内線<span>（担当者が不明の場合はこちら）</span></a></li> <li><ahref="javascript:OnLinkClick('&ast;3XXXXXXXXXXXXX_12XXXXXXXXXXXXX');">内線 ０１</a></li> <li><a①「 3XXXXXXXXXXXXX_12XXXXXXXXXXXXX 」部分⇒ 次ページで説明②「内線 ０１」の部分⇒ 実際の担当者名に変更する

Copyright © 2021 cloudtelecom Inc. All Rights Reserved.

13

ブラウザフォン作成（設定例）
設定例

設定する番号は3+[外線グループID]+_12+[発信先内線番号]※ 外線グループIDは代表内線番号から8を除いたもの※ アンダーバーより左側はどの外線番号から発信したいかという発信元の設定※ アンダーバーより右側はどのアプリIDを鳴らしたいかという発信先の設定【田中さん携帯アプリを鳴らしたい場合の例】
3200000843201_1222000027929
システムマネージャ＞外線グループ

モバビジアプリ＞設定ID
tanaka@xxx.xx.jp
パスワード
*****
サーバ
mng.mobabiji.jp
名前
田中 携帯
内部電話番号
22000027929
Copyright © 2021 cloudtelecom Inc. All Rights Reserved.

14

ブラウザフォン作成（STEP6）
ファイル一式をアップロードする① ファイル一式をユーザのWEBサーバにアップロードする。
御社のWEBサーバ情報は弊社ではわかりかねますので、アップロードはユーザ様ご自身に行っていただく必要がございます。
ブラウザのwebrtc api はhttps内でしか動作しません。これは各ブラウザの仕様です。なのでブラウザフォンはhttpsでなければ動作しません。

受付ページの作成はこれでおしまいです

Copyright © 2021 cloudtelecom Inc. All Rights Reserved.

15