[흥프로] 4일차 아두이노 IOT 스마트 홈 wifi + App Inventor (1)

	4일차 아두이노 IOT 스마트 홈

안녕하세요~!!

구독자 여러뷴~

디바이스마트 엔지니어 흥프로 입니다~~!!~!

이번 포스팅은

4일차 아두이노 IOT 스마트 홈 wifi + App Inventor (1) 입니다.

오늘은 아두이노 2대를 이용해서

4개의 LED를 APPINVERTOR 앱에서 제어 할껍니다.!!!!

회로도는 이렇습니다!!



사용할 앱 인벤터 입니다.

처음 시작부터 끝까지 설명 해드릴께요

제가 공부한 것 만요...ㅋㅋ

먼저 스마트폰에 앱인벤터 어플 먼저 설치 하셔요~





설치하고 실행하세요~~

이러고 잠깐 스마트폰은 대기!





자 이번엔

앱 인벤터로 가봅시다.
아래 링크에 접속하시면

http://appinventor.mit.edu/explore/#

화살표를 눌러 주세요~
로그인 하라고 창이 뜹니다.
저는 구글 계정으로 접속 했습니다.




로그인 하면
오른쪽 위에서 언어 선택을 하실 수 있고
왼쪽에서 새로운 프로젝트를 만들 수 있습니다.







프로잭트를 만들어서 들어온 화면입니다.




https://cafe.naver.com/onell0/33438
저는 여기 SPgames 이분의 강좌를 보고 따라 해봤습니다.
참고하세요~
저희는 버튼, 레이블 두개만 사용합니다.
먼저 버튼을 만들어 봅시다!!

왼쪽의 팔레트에서
버튼을 누르고 드래그 해서 Screen1에 옮겨 주세요.!!!

간단하죠!?



추가 하였다면

오른쪽에 컴포넌트에 버튼1이 추가 됩니다.
그 옆에 속성에서 버튼 이름을 바꿔봅시다.



이 과정을 총 8번 합니다.

고생 많으셨어용... ㅎㅎㅎ



이제 레이블을 추가 해봅시다.

레이블은 아두이노의 상태를 받아 출력 해주는 역활입니다.
왼쪽에서 드래그 하시면 됩니다.

레이블의 이름 바꾸기

역시 버튼 이름 바꾸기와 동일 합니다.

오른쪽의 속성에서 바꾸시면 됩니다.

침실 상태 :
옷방 상태 :
라는 레이블로 만들어 놨습니다.
사용 하실 환경에 맞게 하시면 됩니다.



자 여기서 보너스 추가 !!

버튼과 레이어를 정리하고 싶지 않으신지요?
정리 해봅시다.
왼쪽 팔레트에서 레이아웃에서
표배치를 누릅니다.
다른건 ... 해보세용
저는 표로 배치하는게 좋더라고요

스크린1에 동일하게 드래그해서 추가해주시고

넣고 싶은 버튼을 끌어다 넣어주세요




이런식으로요!!!
정리 된듯한 기분이 드네요
저는 아두이노 1번과 2번 기준으로 나눈겁니당!!




이런식으로 정리가 끝났다면 이제 블록으로 넘어 갑시다.




자 이제 팔레트 -> 연결 -> 웹을 Screen1에 추가해 주세요.
추가해주면 아래에 웹1, 웹2가 생긴것을 볼 수 있어요.

이후에 웹으로 아두이노와 연결을 할껍니다.




오늘은 여기까지 포스팅하고요

다음 시간에 블록 지정하고 아두이노 코딩까지 진행 하겠습니다.


추가로 궁금하신게 있으신 분들은

댓글 달아 주시면 답변 드리겠습니다~

감사합니다!!~ 안뇽!!!