A04-1. 만보기(with Pedometer Senor)

 

 

오늘은 앱인벤터를 통해서 만보기를 만들어 보려고 한다.

만보기는 근본적으로 몇 걸음을 걸었는지 확인하는 것이다.

그렇다면 만보기를 만드려면 무슨 휴대폰에 내장되어 있는 센서중에 무슨 센서를 사용하여야할까?

 

답은 pedometer센서이다. 

 

pedometer 센서를 통해 걸음의 수을 플러스 시키는 방식으로 앱을 만들어 보자.

 

1.아이디어

앱에서 제공하는 기능들을 나열하고 설명을 해보자면

 

■ pedpmeter 센서가 걸음을 감지

→ 걸음 수와 거리 값을 받아서 화면에 출력

 

■ 칼로리 계산 

→ 칼로리 계산은 센서가 제공하지 않음으로 우리가 직접 계산을 해주어야한다.

CB = 4.0877 x 80(kg) x 시간(거리/5000)

{80kg의 사람이 1시간에 5km를 걷는다고 가정한 것이다. 정확한 칼로리 계산법은 아니니 주의!}

계산된 칼로리를 화면에 출력

 

■ RESET 버튼

→ pedometer 센서를 리셋하며, 화면에 표시괸 걸음수, 거리, 칼로리를 초기화해준다.

 

■ Quit 버튼

→ 앱을 종료한다.

 

 

2. 디자인

앱에 사용되는 컴포넌트들은 다음과 같다.

■ 이미지

■ 걸음 수를 표시하는 label

■ 거리를 표시하는 label

■ 칼로리를 표시하는 label

■ RESET 기능을 담당하는 button

■ Quit 기능을 담당하는 button

 

→ 레이블 3개, 버튼 2개, 이미지 1개, total 6개의 컴포넌트

 

 

새로운 컴포넌트가 등장하였다. 

이미지의 경우 우선적으로 오른쪽의 user interface에서 이미지 컨포넌트를 화면으로 옮긴후, 

properties의 picture을 통해 사용자가 원하는 이미지를 업로드하여 화면에 띄우는 것이 가능하다.

 

이미지의 삽입

 

다음으로 걸음 수와 거리, 칼로리를 표시해주는 label를 3개 넣어 주자.(이제 각 label의 naming은 기본적으로 깔고 가자!)

 

 

그 다음으로 버튼을 넣어 주어야 하는데 버튼 2개를 세로로 넣으니 뭔가 디자인적으로 이상하다.

때문에 우리는 버튼 2개를 동일 가로 선상에 배치를 하고 싶다. 이를 해결하려면 HorizontalArrangement를 사용해보자!

HorizontalArrangement의 경우, 오른쪽에 user interface가 아닌, layout 항목에 존재한다. 

layout의 HorizontalArrangement를 드래그엔드롭으로 옮겨주면 component에 해당항목이 생길 것이다. 

항목이 생기고 viewer에 네모난 박스가 생길 것이다.

이 네모칸에 컴포넌트들을 넣으면 세로로 배치가 아닌 가로로 배치가 될 것이다.

 

HorizontalArrangement를 통해 버튼을 가로로 2개 넣어주었다.

그리고 처음에 언급한 걸음 수를 측정하기 위한 pedometerSensor를 넣어주자.(좌측의 Sensors에 있으니 참조!)

마지막으로 각 컴포넌트들의 속성들을 수정해주자.

 

 

참고로 말하자면 버튼의 크기는 properties의 width를 각각 30%로 지정해 주었다.

이제 코딩으로 넘어가자.

 

 

3.코딩

스크린이 이니셜라이즈된다면 pedometer 센서를 작동시킨다.

pedometer 센서가 걸음을 인식하면 걸음 수와 거리, 칼로리를 나타내는 label을 바꿔준다.

걸음 수와 거리는 센서 자체에서 제공을 해주나 칼로리의 경우는 제공하지 않기 때문에 칼로리는 math블록을 이용하여

우리가 따로 계산을 해주어야하며 소수점 단위로 값이 나오는 거리와 칼로리의 경우 format블록을 통해

소수점 1자리까지만 출력이 되도록 만들어 주었다.

 

RESET버튼이 클릭 되면 각 레이블의 값을 초기화 해준다.

 

마지막으로 QUIT버튼을 클릭하면 앱을 종료한다.

 

 

4. 테스트

 

 

NOX를 통해 테스트를 해본 결과 잘 작동한다. 아지만 에뮬레이터로 돌리는 경우 인식을 잘 안할 때도 있었다.

때문에 정확한 테스트를 하기 위해서 휴대폰으로 직접 다운을 받고 설치하여 테스트를 권장한다.

 

 

 

a04_1_pedometer.apk

3.31MB

 

 

 

 

 

 

잘못된 정보나 오류, 오타, 독자 입장에서의 수정사항 및 피드백 환영합니다. 

E-mail : jhmh0226@gmail.com