Intro

프로토파이는 프로토파이 스튜디오와 프로토파이 플레이어로 구성됩니다. 프로토파이 스튜디오는 데스크톱에 설치되는 어플리케이션으로 프로토타입을 제작할 수 있습니다. 제작된 프로토타입은 프로토파이 플레이어로 전송하여 스마트폰에서 테스트 할 수 있습니다.

ProtoPie Player for iPhones and Android phonesSmart Phone
Available on the App Store GET IT ON Google Play

Connect to ProtoPie Player

프로토파이 플레이어는 프로토파이 스튜디오에서 제작된 프로토타입을 실제 디바이스에서 테스트할 수 있도록 해줍니다. 프로토파이 플레이어는 실제 모바일앱과 같은 네이티브 앱(Native app)이기 때문에 다양한 인터랙션을 보다 자연스럽게 보여줍니다.

Scan QR code

  1. 데스크톱에 프로토파이 스튜디오를 설치하고 스마트폰에는 프로토파이를 설치합니다.
  2. 데스크톱과 스마트폰을 동일한 무선인터넷에 연결합니다.
  3. 프로토파이 스튜디오에서 툴바(Tool bar)에 있는 커넥트 디바이스(Connect devices) 버튼을 클릭하면 아래와 같이 QR 코드가 보여집니다.
  4. 프로토파이 플레이어에서 스캔 버튼을 탭하면 QR 코드 스캐너가 작동합니다. 위에서 보여진 QR 코드를 스캔합니다.
  5. 프로토파이 스튜디오에서 툴바에 있는 버튼을 누르거나, 프로토파이 플레이어에서 Run 버튼을 탭하면 프로토타입이 프로토파이 플레이어로 전송됩니다.
  6. 프로토파이 스튜디오에서 프로토타입을 수정하였다면, 다시 런 버튼을 클릭하여 새로 전송할 수 있습니다.

** 무선인터넷이나 인터넷 주소가 변경되게 되면 QR 코드를 다시 스캔해야 합니다.

Type IP address

  1. 데스크톱에 프로토파이 스튜디오를 설치하고 스마트폰에는 프로토파이를 설치합니다.
  2. 데스크톱과 스마트폰을 동일한 무선인터넷에 연결합니다.
  3. 프로토파이 스튜디오에서 툴바(Tool bar)에 있는 커넥트 디바이스(Connect Device) 버튼을 클릭하면 아래와 같이 QR 코드와 함께 데스크톱의 인터넷 주소가 보여집니다.
  4. 프로토파이 플레이어에서 타입(TYPE) 버튼을 탭하면 인터넷 주소를 입력할 수 있는 화면이 보여집니다.
  5. 다음 프로토파이 스튜디오의 디바이스 목록창에서 QR 코드를 스캔한 스마트폰을 승인해주면, 프로토파이 플레이어가 프로토파이 스튜디오와 연결됩니다.
  6. 프로토파이 스튜디오에서 툴바에 있는 버튼을 누르거나, 프로토파이 플레이어에서 Run 버튼을 탭하면 프로토타입이 프로토파이 플레이어로 전송됩니다.
  7. 프로토파이 스튜디오에서 프로토타입을 수정하였다면, 다시 런 버튼을 클릭하여 새로 전송할 수 있습니다.

** 최근에 입력한 인터넷 주소는 인터넷 주소를 입력하는 화면이나 프로토파이 플레이어의 커넥트 화면이나 타입 화면에 보여집니다. 표시된 주소를 탭하면 바로 프로토파이 스튜디오와 연결됩니다.

** 동일한 무선 인터넷 환경이더라도 인터넷 주소는 수시로 변경될 수 있으니, 인터넷 주소를 입력하기 전에 최신 주소임을 확인하시기 바랍니다.

Connect through USB cable

  1. 데스크톱에 프로토파이 스튜디오를 설치하고 스마트폰에는 프로토파이를 설칩합니다.
  2. 데스크톱과 스마트폰을 USB 케이블로 연결합니다.
    **이 때 안드로이드는 USB 디버깅 모드 활성화가 필요합니다.
    **Windows에서 아이폰을 연결하기 위해서는 아이튠즈가 설치되있어야 합니다.
  3. 프로토파이 플레이어에서 플러그(PLUG) 버튼을 탭합니다.
  4. USB 케이블을 사용하면 디바이스 목록창에서 별도의 승인을 하지 않아도 바로 연결됩니다.
  5. 프로토파이 스튜디오에서 툴바에 있는 버튼을 누르거나, 프로토파이 플레이어에서 Run 버튼을 탭하면 프로토타입이 프로토파이 플레이어로 전송됩니다.
  6. 프로토파이 스튜디오에서 프로토타입을 수정하였다면, 다시 런 버튼을 클릭하여 새로 전송할 수 있습니다.

Android USB Debugging

USB 디버깅을 활성화하는 방법에 대한 자세한 내용은 다음 이미지를 참조합니다.

  1. Android USB Debugging01

    설정(Settings) 페이지로 가서 내 디바이스 정보(About Phone) 페이지로 진입합니다.

  2. Android USB Debugging02

    빌드 넘버를 7번 탭하면 개발자 옵션(Developer Options)가 나타납니다.

  3. Android USB Debugging03

    개발자 옵션(Developer Options)을 탭합니다.

  4. Android USB Debugging04

    USB 디버깅을 활성화시킵니다.

  5. Android USB Debugging05

    OK를 눌러 USB 디버깅을 승인합니다.

Features of ProtoPie Player

두 손가락으로 스마트폰의 스크린을 연속해서 두번 탭하면 프로토타입 실행에 대한 다양한 옵션을 볼 수 있는 창이 보여집니다.

Stop
실행중인 프로토파이를 종료하고 프로토파이 플레이어의 메인화면으로 돌아갑니다
Restart
실행 중인 프로토파이를 재시작합니다
Save in ProtoPie Player
실행 중인 프로토파이의 플레이 속도를 조절합니다
Control playing speed
현재 보고 있는 프로토파이 파일을 디바이스에 저장합니다

** * 프로토파이 플레이어에서 조절한 속도는 일시적인 것으로 프로토파이 스튜디오에서 작업한 인터랙션의 재생 속도에 영향을 주지 않습니다.

Bring your prototype files

프로토파이 스튜디오가 없는 상황에서도 프로토파이 플레이어만 있다면 스마트폰에서 프로토타입을 보여줄 수 있습니다. 먼저 프로토파이 스튜디오에서 프로토타입을 저장합니다. 저장된 파이 파일을 이메일이나 메신저 등 다양한 방법으로 전달합니다.

iPhone

  1. 이메일앱이나 메신저 앱에서 파이(Pie) 파일을 실행하면 아래와 같은 화면이 보입니다. 공유 버튼을 누른 후 카피 투 프로토파이 플레이어(Copy to ProtoPie Player)를 선택합니다.
  2. 자동으로 프로토파이 플레이어 앱이 실행되고 프로토타입이 보여집니다.
  3. 이후 프로토파이 플레이어를 실행 했을 때, 브라우즈(Browse) 탭에서 복사했던 파이 파일을 볼 수 있습니다.

Android phones

  1. 이메일이나 메시지를 통해 전달받은 파이 파일을 다운로드합니다.
  2. 프로토파이 플레이어 앱을 실행한 후 브라우즈 탭을 선택합니다.
  3. 파일탐색을 탭하면 다운로드받은 파이 파일 목록을 볼 수 있습니다.
  4. 실행할 파이 파일을 선택합니다.
  5. 이후 프로토파이 플레이어를 실행 했을 때, 브라우즈 탭에서 복사했던 파이 파일을 볼 수 있습니다.

Manage Font

프로토파이 스튜디오에서 사용한 폰트를 제대로 표시하기 위해서는 플레이어에 폰트를 인스톨해야 합니다.

iPhone

인스톨할 폰트 파일을 아이폰에서 열 수 있도록 메신져나 메일, 혹은 클라우드로 전송해 놓습니다. 모바일에서 첨부파일을 선택한 후 프로토파이 플레이어에 설치 할 수 있습니다.

  1. iPhone Font Install 01
  2. iPhone Font Install 02

Android

폰트 파일을 안드로이드에 다운로드합니다. Setting의 Font manager로 가셔서 좌측 상단의 +버튼을 누르시고 다운로드 한 폰트파일을 선택하면 설치가 완료됩니다.

  1. iPhone Font Install 01
  2. iPhone Font Install 02
  3. iPhone Font Install 03
Language selector
TOP