# デモ

## OZモバイルアプリの設定

1. デバイスにOZモバイルアプリがインストールされていない場合は、[OZモバイルアプリ](../oz-mobile-app)を参照してください。
2. アプリを起動し、右下のメニューアイコンをタブします。
3. **「設定」**&#x30E2;ーダルで、「**追加」**&#x30DC;タンをタップし、
4. **Edit user homepage**モーダルで、次のように入力します。
   * Title: `mirror`
   * Url: _`http://dem.ozeform.io/oz/guide/mirror`_
   * Page name: do not enter
5. **「OK」**&#x3092;押してもう一度「**OK」**&#x3092;押します。
6. アプリが開き、デバイスIDが3文字で表示されます。
7. アプリを閉じて待機しないでください。

## ミラーリングデモ

### デスクトップのメインビューアーを開く

1. **IEブラウザーで下記のURLに接続します。**\
   [_`http://demo.ozeform.io/oz/guide/mirror/mirror-start.html`_](http://oz.ozeform.io/oz/guide/mirror/mirror-start.html)
2. OZモバイルアプリから取得したデバイスIDを入力し、「**Enter**」ボタンをクリックします。
3. OZビューアが初めてデスクトップにインストールされます。
4. しばらく時間がかかります。 サンプルe-Formが開きます。
5. 左上隅にある「**Start Mirroring**」ボタンをクリックします。
6. モバイルビューアが開き、デスクトップビューアと同じe-フォームが表示されます。

### ミラーリングスタート

#### コメントモード

上部のメニューバーのコメントアイコン(<img src="https://1097513732-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LwWWN-Gla4aA9ONdCK6%2F-MGvg4vQ-F2eJaaYc5PJ%2F-MGvtwzGJq3BPFmEyPmB%2Ficon-commentpen.PNG?alt=media&#x26;token=85ca638c-2c7e-4835-b62e-f234c6efb74d" alt="" data-size="line">) をクリックしてコメントモードに入ると、下に示すようにペンと蛍光ペンを使用できます。

![](https://1097513732-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LwWWN-Gla4aA9ONdCK6%2F-MGvg4vQ-F2eJaaYc5PJ%2F-MGvuHiPmrSTFS-M2PuI%2Fimage.png?alt=media\&token=a9587754-b48c-471f-b626-30b90cb086f3)

![](https://1097513732-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LwWWN-Gla4aA9ONdCK6%2F-MGvg4vQ-F2eJaaYc5PJ%2F-MGvuG6yWatqOg71w04Z%2Fimage.png?alt=media\&token=fc5e488c-3389-419d-968f-807e652fa84b)

#### ガイドモード

上部のメニューバーにあるガイドモードアイコン(<img src="https://1097513732-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LwWWN-Gla4aA9ONdCK6%2F-MGvg4vQ-F2eJaaYc5PJ%2F-MGvuRAW9jqbkS7_TYMK%2Ficon-guidemode.PNG?alt=media&#x26;token=bd6ba974-20e1-4de7-94ca-630430715e0d" alt="" data-size="line">)をクリックして、ガイドモードに入ります。 デスクトップビューアでTextBox、RadioButton、またはSignPadをクリックすると、モバイルビューアは、下にキャプチャしたように、強調表示、モーダル選択、またはズームインでユーザー入力をガイドします。

![](https://1097513732-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LwWWN-Gla4aA9ONdCK6%2F-MGvg4vQ-F2eJaaYc5PJ%2F-MGvuf9dRI28yDszk-eb%2Fimage.png?alt=media\&token=35507340-a751-4452-867c-64d73c882d86)

![](https://1097513732-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LwWWN-Gla4aA9ONdCK6%2F-MGvg4vQ-F2eJaaYc5PJ%2F-MGvueBfs_oFRHcxFUrH%2Fimage.png?alt=media\&token=17e67896-b858-4a8f-a843-0765b7275725)

![](https://1097513732-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LwWWN-Gla4aA9ONdCK6%2F-MGvg4vQ-F2eJaaYc5PJ%2F-MGvuberZQ2ccEIcc-IL%2Fimage.png?alt=media\&token=762c7f5a-40dc-44be-b1b4-16532c46bfa0)

#### 入力値の同期

モバイルビューアの入力値は、デスクトップビューアと同期して同期されます。

![](https://1097513732-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LwWWN-Gla4aA9ONdCK6%2F-MGvg4vQ-F2eJaaYc5PJ%2F-MGvvChgNO4CuHZjyjCu%2Fimage.png?alt=media\&token=27140b05-e1fe-477d-b6a2-057e71341f22)

![](https://1097513732-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LwWWN-Gla4aA9ONdCK6%2F-MGvg4vQ-F2eJaaYc5PJ%2F-MGvvE8voY2SDhRwU50a%2Fimage.png?alt=media\&token=8123c1e7-69e3-421b-a8de-2019ffa50dc3)
