5. 앱으로 컨트롤하기 (1) - 아이폰 앱 만들기

by 이서희 | 2017-07-06 14:26
arduino character coding mp3 smart 노래 만들기 무드등 빛센서 쉬운 아두이노 아이폰 알람 캐릭터 컨트롤

대화하는 캐릭터를 만들고 앱을 만들고 싶었으나 어서빨리 앱으로 캐릭터를 컨트롤 해보고 싶은 마음을 참지 못하고 결국 먼저 앱을 만들게 되었습니다. 

제 휴대폰이 아이폰이므로 아이폰을 사용하시는 분들이 봐주시면 좋을 것 같습니다.

크게 다른 점은 없지만 안드로이드와는 조금 다르게 생긴 것들(?)이 몇 가지 있었습니다.


1.  Blynk 앱 설치

App store에 Blynk를 검색하여 앱을 설치해줍니다. 사진과 같이 생긴 앱입니다.




2. 계정 만들기 & Auth Token 얻기

Step 1. 계정을 새로 만듭니다.

Step 2. Create new project 버튼을 선택하여 새로운 프로젝트를 만듭니다. 

프로젝트 이름 : Character
Device : Arduino Nano
Connection Type : Bluetooth

으로 설정합니다. 




Step 3. 프로젝트가 생성된후 이메일로 토큰을 받습니다.

만약 자동으로 이메일 발송이 되었다는 화면이 뜨지 않으면 오른 쪽 상단의 육각형 모양 아이콘을 클릭하면 나오는 Project Settings에서 AUTH TOKEN에 E-Mail 버튼을 클릭합니다.



Step 4. 이메일 확인하기

이메일을 확인하여 Auth Token을 찾으세요. 제 경우 메일에 다음과 같이 왔습니다. 아듀이노 코드에 Auth Token을 추가해야 하는데 다음 포스팅에서 보여드리겠습니다. 일단 이메일로 보내져있는 것을 확인하세요!




3. 앱 만들기

본격적인 앱 만들기를 시도해보겠습니다. 

만들어진 Project의 기본 화면은 사진처럼 눈금표시가 되어있는 빈 화면일텐데요, 이 눈금 화면의 아무곳이나 클릭하면 우측에 상단에서 여러가지 UI을 추가할 수 있도록 뜹니다.



Step 1. LCD 가져오기

제공되는 UI 중 LCD를 선택합니다. 그럼 빈 화면에 새롭게 LCD가 생기는데 이것을 다시 클릭해줍니다. LCD Settings 에서 다음 사진처럼 설정해주세요. 



Step2. BLE 가져오기

이번엔 BLE를 가져온 후 터치합니다. 다음과 같은 창에서 Connent BLE Device를 누르면 여러가지 연결할 수 있는 기기들이 뜹니다. 휴대폰의 Bluetooth 설정을 켜야 연결이 가능합니다. 



Step 3. Time Input 가져오기

Time Input을 가져온 후 터치합니다. 사진과 같이 설정을 변경해줍니다. 원형고리모양 아이콘을 클릭하면 Time 숫자를 마음에 드는 색상으로 변경할 수 있습니다. 



이어서 하단의 YES-NO 설정을 다음과 같이 변경해주세요.


Step 4. Button 가져오기

버튼을 가져온후 클릭합니다. 다음과 같이 이름을 Sensor Mode로 변경하고 Output을 V3로 바꿔줍니다.



Step 5. Value Display 가져오기

Value Display를 가져온후 터치합니다. 설정을 사진과 같이 바꿔줍니다.



Step 6. ZeRGBa 가져오기

ZeRGBa를 가져온 후 터치합니다. 다음 사진과 같이 설정해줍니다.



Step 7. Slider 가져오기

Slider를 가져온 후 터치합니다. 사진과 같이 설정해줍니다.

사진의 1~6으로 되어있는 숫자는 자신의 Sd 카드에 저장된 곡의 숫자대로 바꿔줍니다. 

예를들어 트랙이 1번부터 8번까지 되어있다면 1 ~ 8 로 설정합니다.




이제 앱이 완성되었습니다! 캐릭터를 컨트롤 하러 가봅시다.



댓글 0

MADE BY