Intro

ProtoPieはProtoPieスタジオとProtoPieプレイヤーで構成されています。ProtoPieスタジオはデスクトップにインストールされるアプリケーションであり、プロトタイプの制作として使われます。制作したプロタイプはProtoPieプレイヤーに転送してスマートフォンでテストできます。

ProtoPie Player for iOS and Android smart devices.

Connect to ProtoPie Player

ProtoPieプレイヤーは、ProtoPieスタジオで制作されたプロトタイプを実際のデバイスでテストできるようにします。ProtoPieプレイヤーは実際のモバイルアプリと同じネイティブアプリであるため、多様なインタラクションをより自然に表示しすることができます。

Scan QR code

  1. デスクトップにProtoPieスタジオ、スマートフォンにはProtoPieをインストールします。

  2. デスクトップとスマートフォンを同じ無線LANネットワークに繋ぎます。

  3. ProtoPieスタジオでツールバーにあるデバイスに接続(connect devices)ボタンをクリックすると以下のようにQRコードが表示されます。

  4. ProtoPieプレイヤーからスキャンボタンをタップするとQRコードスキャナーが開きます。表示されたQRコードをスキャンします。

  5. ProtoPieスタジオでツールバーにあるRunボタンを押クリックしたり、ProtoPieプレイヤーからRunボタンをタップすると、プロトタイプがProtoPieプレイヤーに転送されます。

  6. ProtoPieスタジオでプロトタイプを修正した場合は、再びRunボタンをクリックすることで新しく転送できます。

** 無線LANネットワークやIPアドレスが変わった場合にはQRコードをスキャンし直します

Type IP address

  1. デスクトップにProtoPieスタジオ、スマートフォンにはProtoPieをインストールします。

  2. デスクトップとスマートフォンを同じ無線LANネットワークに繋ぎます。

  3. ProtoPieスタジオからツールバーにあるデバイスに接続(Connect Device)ボタンをクリックすると、以下のようにQRコードと一緒にデスクトップのIPアドレスが表示されます。

  4. ProtoPieプレイヤーでタイプ(TYPE)ボタンをタップするとIPアドレスが入力できる画面が表示されます。

  5. 次にProtoPieスタジオのデバイスリストウィンドウからQRコードを読み取ったスマートフォンを承認すると、ProtoPieプレイヤーがProtoPieスタジオと接続できます。

  6. ProtoPieスタジオでツールバーにあるランRunボタンを押したり、ProtoPieプレイヤーからRunボタンをタップするとプロトタイプがProtoPieプレイヤーに転送されます。

  7. ProtoPieスタジオでプロトタイプを修正した場合は、再びRunボタンをクリックすることで新しく転送できます。

** 最近入力したIPアドレスはIPアドレスを入力する画面、ProtoPieプレイヤーの接続画面やタイプ画面に表示されます。表示されたIPアドレスをタップするとProtoPieスタジオと接続されます。

** 同一の無線LANネットワーク環境でもIPアドレスは随時変更される場合があります。IPアドレスを入力する前にそのアドレスが最新であることを確認してください。

Connect through USB cable

  1. デスクトップにProtoPieスタジオをインストールしてスマートフォンにはProtoPieをインストールします。

  2. デスクトップとスマートフォンをUSBケーブルで繋ぎます。 **この時AndroidはUSBデバッギングモードをアクティブにする必要があります。 **WindowsでIPhoneに接続するためにはiTunesがインストール が必要になります。

  3. ProtoPieプレイヤーでプラグ(PLUG)ボタンをタップします。

  4. USBケーブル使用すると、デバイスリストウィンドウから承認を受けなくてもすぐ繋がります。

  5. ProtoPieスタジオでツールバーにあるRunボタンをクリックするか、ProtoPieプレイヤーからRunボタンをタップすると、プロトタイプがProtoPieプレイヤーに転送されます。

  6. ProtoPieスタジオでプロトタイプを修正した場合は、再びRunボタンをクリックすることで新しく転送できます。

Android USB Debugging

USBデバッギングをアクティブにする方法についての詳しい内容は次のイメージを参照

  1. Navigate to the Settings page and enter the 'About Phone page.
    Navigate to the Settings page and enter the 'About Phone page.
  2. Tap ‘Build Number’ 7 times, and ‘Developer Options’ will appear.
    Tap ‘Build Number’ 7 times, and ‘Developer Options’ will appear.
  3. Access the ‘Developer options’ menu.
    Access the ‘Developer options’ menu.
  4. Enable USB debugging option.
    Enable USB debugging option.
  5. Allow USB debugging by tapping 'OK'.
    Allow USB debugging by tapping 'OK'.

Features of ProtoPie Player

指二本指でスマートフォンのスクリーンを連続で二回タップすると、プロトタイプ実行に関する様々なオプションがのウィンドウが表示されます。

Stop

実行中のProtoPieを終了し、ProtoPieプレイヤーのメイン画面に戻ります。

Restart

実行中のProtoPieを再起動します。

Save in ProtoPie Player

実行中のProtoPieのプレイ速度を調整します。

Control playing speed

現在表示しているProtoPieのファイルをデバイスに保存します。

** ProtoPieプレイヤーで調整した速度は一時的なものであり、ProtoPieスタジオで制作したインタラクションの再生速度には影響を与えません。

Select the start scene

プロトタイプが複数のシーンを持つ場合、どのシーンからプロトパイプレーヤーでプロトタイプを再生するかを選択することができます。