[LIVE] How To Build a Magnetic Knob with Arduino & ProtoPie. Register Now.

Introducing ProtoPie

시작하기

첫 번째 프로토타입 제작하기

ProtoPie 생태계

ProtoPie Studio 인터페이스

Import

시작하기

Adobe XD에서 가져오기

Figma에서 가져오기

Sketch에서 가져오기

프로토파이 지니 (ProtoPie Genie)

Basic Elements

컨테이너

기기

레이어

미리보기 창

장면

스크롤/페이징

단축키

시스템 상태 표시줄

Triggers & Responses

이징 (Easing)

주석

응답

타임라인

트리거

Formulas

시작하기

함수

레이어 속성

구문

수식 활용 사례

Variables

시작하기

Variables

정의된 변수

변수 활용 사례

AI

시작하기

AI 상호작용 생성

AI 문서 Q&A

AI 패널 인터페이스

최상의 결과를 위한 팁

Auto Layout

시작하기

오토 레이아웃 속성

Components

시작하기

컴포넌트 가이드

구성 요소 편집

중첩된 컴포넌트

메시지 보내기 및 받기

Interaction Libraries

시작하기

상호작용 라이브러리 관리

도서관 회원 관리

Voice Prototyping

시작하기

수신 응답

음성 응답

사용 사례

음성 명령 트리거

Connecting Devices

blokdots 연결 중

모바일 기기 연결

ProtoPie Cloud

시작하기

프로토타입 관리

스토리지 관리

프로토타입 공유

ProtoPie Player

プロトタイプのテスト

글꼴 관리

오프라인 테스트

Wear OS용 ProtoPie Player

Teams

시작하기

편집기 및 뷰어

팀 온보딩하기

프로젝트

팀 소유자 및 팀 관리자

Handoff

시작하기

상호작용 기록 생성

통화 녹음 관리

녹화 페이지

User Testing

시작하기

제품 소개

테스트 룸 생성하기

외부 연동

테스트 세션 관리

테스트 결과 및 분석

ProtoPie Cloud에서의 사용자 테스트

ProtoPie Connect

시작하기

API 플러그인

아두이노 플러그인

blokdots 플러그인

커넥트 임베디드

사용자 정의 레이어 통합

사용자 지정 플러그인

기기 연결

게임패드 플러그인

IFTTT 플러그인

로지텍 G29 스티어링 휠 플러그인

プロトタイプのテスト

기능 비교

Unity 플러그인

ProtoPie Enterprise

시작하기

조직 설정

서비스 관리자

단일 로그인 (SSO)

Security

제품 소개

접근 제어

데이터 전송, 저장 및 백업

침해 사고 대응

네트워크 및 ProtoPie Player 앱 보안

물리적 보안

리스크 관리

메뉴

Introducing ProtoPie

시작하기

첫 번째 프로토타입 제작하기

ProtoPie 생태계

ProtoPie Studio 인터페이스

Import

시작하기

Adobe XD에서 가져오기

Figma에서 가져오기

Sketch에서 가져오기

프로토파이 지니 (ProtoPie Genie)

Basic Elements

컨테이너

기기

레이어

미리보기 창

장면

스크롤/페이징

단축키

시스템 상태 표시줄

Triggers & Responses

이징 (Easing)

주석

응답

타임라인

트리거

Formulas

시작하기

함수

레이어 속성

구문

수식 활용 사례

Variables

시작하기

Variables

정의된 변수

변수 활용 사례

AI

시작하기

AI 상호작용 생성

AI 문서 Q&A

AI 패널 인터페이스

최상의 결과를 위한 팁

Auto Layout

시작하기

오토 레이아웃 속성

Components

시작하기

컴포넌트 가이드

구성 요소 편집

중첩된 컴포넌트

메시지 보내기 및 받기

Interaction Libraries

시작하기

상호작용 라이브러리 관리

도서관 회원 관리

Voice Prototyping

시작하기

수신 응답

음성 응답

사용 사례

음성 명령 트리거

Connecting Devices

blokdots 연결 중

모바일 기기 연결

ProtoPie Cloud

시작하기

프로토타입 관리

스토리지 관리

프로토타입 공유

ProtoPie Player

プロトタイプのテスト

글꼴 관리

오프라인 테스트

Wear OS용 ProtoPie Player

Teams

시작하기

편집기 및 뷰어

팀 온보딩하기

프로젝트

팀 소유자 및 팀 관리자

Handoff

시작하기

상호작용 기록 생성

통화 녹음 관리

녹화 페이지

User Testing

시작하기

제품 소개

테스트 룸 생성하기

외부 연동

테스트 세션 관리

테스트 결과 및 분석

ProtoPie Cloud에서의 사용자 테스트

ProtoPie Connect

시작하기

API 플러그인

아두이노 플러그인

blokdots 플러그인

커넥트 임베디드

사용자 정의 레이어 통합

사용자 지정 플러그인

기기 연결

게임패드 플러그인

IFTTT 플러그인

로지텍 G29 스티어링 휠 플러그인

プロトタイプのテスト

기능 비교

Unity 플러그인

ProtoPie Enterprise

시작하기

조직 설정

서비스 관리자

단일 로그인 (SSO)

Security

제품 소개

접근 제어

데이터 전송, 저장 및 백업

침해 사고 대응

네트워크 및 ProtoPie Player 앱 보안

물리적 보안

리스크 관리

다양한 기기 및 하드웨어 간 인터랙션

ProtoPie Connect를 사용하면 여러 기기에서 프로토타입 간에 서로 통신하고, 하드웨어 및 API와 통신하도록 설정할 수 있습니다.

ProtoPie Connect가 처음이신가요? 시작하는 방법에 대해 자세히 알아보세요.

Send & Receive 사용하기

프로토타입과 ProtoPie Connect 간의 모든 통신은 Send 반응(Response) 및 Receive 감지(Trigger)를 사용하여 이루어집니다. 메시지가 전송되면, ProtoPie Connect는 해당 메시지를 ProtoPie Connect에 추가된 모든 프로토타입으로 전달합니다.

  • 메시지(message)는 프로토타입 간에 Send 반응과 Receive 감지를 일치시키는 식별자 역할을 합니다. Receive 감지가 Send 반응과 동일한 메시지를 가질 때만(그리고 그 반대의 경우도 마찬가지) 두 프로토타입 간의 통신이 이루어질 수 있습니다.

  • ProtoPie Studio를 하나의 채널로 사용하세요.

  • 메시지와 함께 값(value)을 보내는 것은 선택 사항이며 필수가 아닙니다.


{'_type': 'localeString', 'en': 'using-send-and-receive'}

Send 반응과 Receive 감지는 ProtoPie Connect 없이 다른 용도로도 사용할 수 있습니다. Send & Receive에 대해 자세히 알아보세요.

메시지 디버깅

디버그 뷰에서 프로토타입, 브릿지 앱, 하드웨어 간에 전송된 모든 메시지를 확인할 수 있습니다. 디버깅을 위해 테스트 메시지와 값을 전송하여 정상적으로 수신되는지 확인해 보세요.


{'_type': 'localeString', 'en': 'debugging-messages'}

하드웨어와 인터랙션 만들기

ProtoPie로 제작된 프로토타입은 모든 하드웨어와 통신할 수 있습니다. 하드웨어와의 인터랙션 뒤에 작동하는 기본 원리는 여러 기기에서 프로토타입들이 서로 통신하는 방식과 동일합니다.

  • 메시지를 송수신하려면 Send 반응과 Receive 감지를 사용하세요.

  • 하드웨어와 프로토타입 간의 신호를 통신하려면 메시지(Socket.IO 방식)를 사용하십시오.

하드웨어가 ProtoPie와 통신하는 방법에는 세 가지가 있습니다.

  1. Socket.IO를 통해 직접 연결

  2. 브릿지 앱을 통해 연결

  3. 아두이노(Arduino)용 시리얼(USB) 연결을 통해 연결


{'_type': 'localeString', 'en': 'interactions-with-hardware-and-devices'}

Socket.IO를 통해 하드웨어 직접 연결하기

일부 하드웨어는 브릿지 앱 없이 Socket.IO를 통해 직접 통신할 수 있습니다.

  • 하드웨어를 ProtoPie Connect의 Socket.IO 서버에 직접 연결합니다. 이 서버는 포트 번호 9981이 포함된 IP 주소로 표시됩니다.

  • 전송된 모든 Socket.IO 메시지는 ProtoPie Connect를 통해 프로토타입으로 전달됩니다.

  • 이러한 메시지를 수신하는 프로토타입은 이에 반응할 수 있습니다. 일부 하드웨어는 양방향 통신을 지원하므로, 프로토타입이 하드웨어로 메시지를 보낼 수도 있습니다.

Socket.IO에 대해 자세히 알아보기.

브릿지 앱을 통해 하드웨어 연결하기

신호를 Socket.IO 메시지로 변환할 수만 있다면 어떤 하드웨어든 브릿지 앱을 통해 연결할 수 있습니다.

브릿지 앱은 ProtoPie가 해석할 수 있도록 하드웨어 신호를 Socket.IO 메시지로 변환합니다. Socket.IO를 통해 ProtoPie Connect는 하드웨어의 이벤트와 데이터를 해석할 수 있습니다.

  • 브릿지 앱을 ProtoPie Connect의 Socket.IO 서버에 직접 연결합니다. 서버는 포트 번호 9981이 포함된 IP 주소로 표시됩니다.

  • 전송된 모든 Socket.IO 메시지는 ProtoPie Connect를 통해 프로토타입으로 전달됩니다.

  • 이러한 메시지를 수신하는 프로토타입은 이에 반응할 수 있습니다. 일부 하드웨어는 양방향 통신을 지원하므로 프로토타입이 하드웨어로 메시지를 보낼 수 있습니다. 이는 브릿지 앱이 Socket.IO 메시지를 하드웨어가 해석할 수 있는 신호로 변환할 수 있는 경우에만 가능합니다.

브릿지 앱에 대해 자세히 알아보세요.

시리얼(USB) 연결을 통해 아두이노 연결하기

아두이노 하드웨어의 경우, 브릿지 앱 없이 시리얼(USB) 연결을 통해 프로토타입과 통신하도록 설정할 수 있습니다.

아두이노를 ProtoPie Connect에 연결하는 방법에 대해 자세히 알아보세요.