Protopie Connect

5

분 소요

ProtoPie Connect 입문 2: IFTTT와의 첫 번째 통합

ProtoPie Connect에서 IFTTT 플러그인을 사용해 수백 개의 온라인 서비스로 프로토타입을 만드는 방법을 알아보세요.

Jeff Clarke, UX Designer & ProtoPie Educator

소개

이 짧은 튜토리얼에서는 ProtoPie Connect의 내장 IFTTT 플러그인을 사용하여 Pie와 제3자 온라인 서비스 간의 통합을 만드는 아주 간단한 예제를 따라 해 보게 됩니다.

배울 내용

이 튜토리얼에서는 다음 내용을 다룹니다:

  • IFTTT란 무엇인가요?

  • IFTTTProtoPie Connect와 어떻게 작동하나요?

  • ProtoPie Studio에서 IFTTT의 간단한 애플릿을 만들고 이를 트리거하는 방법

소요 시간: ≤15분

IFTTT란 무엇인가요?

IFTTT는 “If This, Then That”의 약자이며, “G” 없이 “Gift”처럼 발음합니다. 이는 수백 개의 인기 있는 인터넷 서비스 간 상호 운용성을 가능하게 하는 온라인 플랫폼으로, 자동화를 위한 새로운 가능성을 만들어 줍니다. IFTTT에서 현재 사용할 수 있는 매우 많은 앱과 제품을 보려면 IFTTT의 서비스 페이지를 둘러보세요. Twitter, Dropbox, Evernote, FitBit, Amazon Alexa, Google Assistant 같은 것들이 그 예이며, 제공되는 700개가 넘는 항목 중 일부에 불과합니다. IFTTT가 무엇인지 더 자세히 알아보려면 여기를 읽어 보세요.

이는 ProtoPie의 트리거응답 모델과 비슷하게 작동합니다. 사용자가 정의한 어떤 것에 의해 트리거되는 애플릿을 만들고, 그에 대한 응답으로 특정 작업이 수행됩니다. 예를 들어 스마트 홈 시나리오에서는 현관문이 잠금 해제되면 복도 조명을 켜는 애플릿을 만들 수 있습니다. 또는 더 구체적으로 말하면:


IF the August Smart Front Door Lock is unlocked, THEN turn on the Hue Lights in the Entrance way.

IFTTT는 ProtoPie Connect와 어떻게 작동하나요?

ProtoPie Connect에는 “웹훅.”이라고 불리는 것을 트리거하는 데 사용할 수 있는 내장 플러그인이 있습니다. 이는 ProtoPie에서 Send and Receive가 작동하는 방식과 거의 똑같다고 생각하면 됩니다. “이벤트”라고 불리는 메시지가 IFTTT로 전송됩니다. IFTTT는 그 이벤트를 수신하도록 설정되어 있으며, 사용자가 구성한 작업을 수행합니다. 그리고 ProtoPie와 마찬가지로, 메시지와 함께 약간의 데이터를 선택적으로 보낼 수도 있습니다.

우리 예제에서는 웹훅을 트리거로 사용하고, 작업은 이메일을 보내는 것입니다.

시작해 볼까요!

여기에서 시작 Pie를 다운로드하고 아래 영상을 따라 해 보세요!

[빨간 버튼 Pie]

영상의 3:27 지점에서 저는 Connect로 메시지와 함께 보내는 값으로 "JSON string"이라고 하는 것을 만드는 방법을 시연합니다. 영상을 따라 하셔도 되고, 이것을 그대로 복사하셔도 됩니다 — 그대로 작동합니다:

"{\"value1\":\"" + Name.text + "\"}"

JSON에 익숙하지 않다면, 이 글 하단의 자료를 확인하여 더 알아보세요.

영상

끝입니다! 식은 죽 먹기예요

이는 IFTTT 플러그인을 어떻게 사용할 수 있는지 보여 주는 아주 간단한 예제이지만, Pie를 제3자 서비스와 연결하는 일이 얼마나 쉬운지를 잘 보여 줍니다. IFTTT가 지원하는 모든 서비스는 ProtoPie Connect의 Webhook 이벤트로 트리거할 수 있습니다. Studio의 미리보기 창에서 여러분의 Pie가 인터넷의 온갖 것들과 상호 작용하기 시작하는 모습을 쉽게 확인할 수 있습니다.

자료

영상의 3:27 지점에서 우리는 결국 IFTTT 애플릿으로 전달되는 "JSON string,"이라고 불리는 것을 만들었습니다. JSON은 사람도 읽을 수 있는 형식으로 정보를 저장하고 전송하기 위해 인터넷 전반에서 사용됩니다. JSON에 대해 더 알아볼 수 있는 몇 가지 자료는 다음과 같습니다:





완성된 Pie

이 튜토리얼에서 사용한 Pie 파일의 완성본은 다음과 같습니다:

다음 ProtoPie Connect 소개 7개 중 3: Arduino 파트 1 - Blokdots와 연결하기에서 만나요!