인터랙티브 Fitbit 대시보드 만들기

by 하민정 | 2017-01-19 16:31
fitbit ifttt initial state 스마트워치 웨어러블 디바이스 헬스케어

재료

  • IFTTT 계정 1개
  • Fitbit 1개
  • Initial State 계정 1개

                           


Fitbit 웨어러블 디바이스를 이용해 이번주의 몸 상태, 수면 상태 등을 전달 받아 

지난 주에 내가 얼마나 활동적이었는지  알 수 있었습니다. 

하지만, 이번주와 지난주 내 몸엔 어떤 차이가 있었는지 비교를 한눈에 보기 어려웠습니다. 


instructables 에서 이런 아쉬움을 쉽게 해결 할 수 있는 프로젝트를 접해 소개하고자 합니다. 

Fitbit 으로 당일 데이터들을 볼 수 있다는 점은 좋았지만,

각자의 주 관심사에 대해 구체적으로 어떤 변화가 있었는지 장기적인 변화 과정을 대시보드로

확인할 수 있습니다. 


여기서 Intial State 를 이용합니다. 이것을 통해 여러가지 소스들과 디바이스들로 부터

데이터를 가져와 Fitbit 의 데이터와 다른 장비의 데이터를 하나의 대시보드에서 확인 할 수 있습니다. 


이를 통해 나만의 인터랙티브한 Fitbit 대시보드를 만들어 봅시다. 


Step 1. 준비물 


- Initial State 계정 

- IFTTT 계정 

- Fitbit 


Step 2. 메이킹 


 Initial State 






initialstate.com/register 에 들어가서 계정을 새로 만듭니다. 

e-mail, 비밀번호를 누르고 등록 버튼을 누릅니다. 

간단한 가입절차를 통해 새 계정을 만들 수 있습니다. 

(* 가입 방법은 위의 동영상을 참고해도 좋습니다. )


 Fitbit 데이터들을 담자 




이 계정에 Fitbit 데이터를 올립니다. 

1) http 버킷을 만들기 위해 버킷 메뉴의 우측 상단에 있는 구름 모양의 아이콘을 클릭 합니다. 

2) 원하는 버킷 이름을 만들 수 있습니다. 여기서 만든 버킷 이름은 "Fitbit Dashboard" 입니다. 

3) "Configure Endpoint Keys" 를 클릭합니다. 

4) 선택적으로 이 프로젝트의 API endpoint key 를 구별하기 위해 "fitbit-dash" 라는 이름으로 

     변경해 주었습니다. 

5) 이것 아래에 있는 access key 를 선택적으로 바꿀 수 있습니다. 

6) "create" 를 누릅니다. 


위의 과정을 다 수행한다면, 새로운 버킷이 위의 이름으로 생성된 것을 확인할 수 있습니다. 

다음 IFTTT 계정을 설정하고, Fitbit 의 버킷에서 데이터를 가져와 채워 넣습니다. 

 

 IFTTT 설정 


1) http://ifttt.com/join 에서 만듭니다. 

2) "New Recipe" 를 만듭니다. 

3) "My Recipe" 를 클릭합니다. 

4) 우측 상단에 있는 "Create a Recipe" 를 누릅니다. 

5) "this" 라는 파란색 텍스트를 누릅니다. 

6) 검색 창에 "Fitbit" 을 치고, Fitbit 아이콘을 누릅니다. 

7) 이전에 Fitbit 계정과 IFTTT 를 연동시키지 않았다면 Fitbit 계정을 새로 입력하여

     연결시켜 줍니다. 

     Fitbit 정보를 보내고, 연결시켜 주었다면 회색 박스에 여러가지 옵션 들이 나타나게 됩니다. 

8) Initial State 에 데이터를 보낼 수 있는 여러가지 옵션들을 보게 됩니다. 

     여기서는 첫번째 옵션인 "Daily activity summary" 를 선택하도록 하겠습니다. 

9) "Create Trigger" 를 누릅니다. 

10) "that" 라는 파란색 텍스트를 선택합니다. 

11) 검색 창에 "Maker" 를 쳐 봅니다. 그리고 M 이라는 아이콘을 선택합니다. 

12) 이떄 유일한 옵션은 "Make a web request" 이고, 이것을 선택합니다. 

13) 이전에 만들었던 < Initial State Fitbit > 버킷 으로 돌아가서 타이틀 아래에 있는

       설정 링크를 클릭합니다. 

14) 아이콘 옆에 있는 "API Endpoint URL" 를 복사합니다. 

15) IFTTT 로 돌아가서 URL 섹션에 14번에서 복사했던 URL 를 붙여 넣습니다. 

16) 메소드를 "POST and Contest Type" 에서 "application/json" 으로 바꾸어 줍니다. 

17) 바디 섹션에 아래와 같이 입력해 넣습니다. 

       {"key":"TotalSteps","value":"{{TotalSteps}}"} 

18) "Create action" 를 누릅니다. 

19) "Create recipe" 를 누릅니다. 


* 참고 ) 칼로리, 거리, 활동 그리고 다른 데이터를 추가: 


A. "TotalSteps" 라는 이름의 타일이 "Initial State" 대시보드에 있을 것 입니다. 

B. {{TotalSteps}} 라는 섹션이 중요한 부분입니다.

     이 부분이 IFTTT 에 Fitbit 의 어떤 특정 데이터를 Initial State 로 보내기를 원하는 지를

     알려 줄 것 입니다. 


* 예를 들어, ingredient 데이터를 원하는 경우 : 

이외에 칼로리, 거리 등 다른 데이터를 원하는 경우 다음과 같은 템플릿을 참고하면 됩니다. 


1) {{INGREDIENT}} 를 주의합니다. 

2) 이 레시피를 위해 새로운 ingredient 를 추가해 줍니다. Add ingredient 를 클릭합니다. 

3) 이 부분이 강조한 {{INGREDIENT}} 부분을 대체해 줄 것 입니다. 

그리고 다른 키를 사용하고자 하는 경우 이 강조했던 {{INGREDIENT}} 부분을 

{{DISTANCES}} 와 같이 바꾸어 사용합니다. 


이 프로젝트에서 레시피에 날짜, 전체 걸음 수, 칼로리, 거리, 앉아 있는 시간 과 같은 정보들을 대시보드에 나타내어 주었습니다. 

엘리베이터 대신 얼마나 걸어 올라 갔는지 와 같은 다른 정보들을 추가적으로 보이고 싶은 경우 

새로운 레시피를 만들어 원하는 데이터를 추가해 주면 이용할 수 있습니다. 


또한, 잠자는 시간이나 몸무게와 같은 데이터를 이용하고 싶은 경우에

"Daily Activity Summary" 라는 트리거 대신 "New Sleep Logged" 혹은 "New weight logged" 와 같은 트리거를 이전의 "this" 부분에 대신해서 사용해 줍니다. 







댓글 0

MADE BY