프로그래밍/타이젠과ESP8266

[아두이노#430] (#2타이젠) 다양한 TAU 인터페이스와 컴포넌트 활용방법과 기본적인 LED제어 예제 만들어보기!(녹칸다/포로리야공대가자)

덕력킹 2022. 2. 15. 23:28
반응형

https://youtu.be/PLlZ-3dIHnA

 

(#2타이젠) 다양한 TAU 인터페이스와 컴포넌트 활용방법과 기본적인 LED제어 예제 만들어보기!
녹칸다의 타이젠(TIZEN) OS를 이용한 사물인터넷(IoT)시리즈이다!
상용화된 웨어러블 제품중에 가장 ESP8266보드와 접목시키기 좋은 갤럭시워치를 대상으로 해서 예제를 만들어보도록 한다!
(이번 시리즈의 제약 사항)
1.녹칸다는 실물 기기를 보유하고 있지않아서 에뮬레이터로 예제를 구현하되 갤럭시워치3를 타겟으로 한다!(타이젠5.5)
2.최신 갤럭시워치가 타이젠OS를 지원하지 않는것에 대한 이슈는 관심대상이 아니다!
3.ESP8266보드를 웹소켓 서버로 구동하고 워치를 웹소켓 클라이언트로 해서 연결한다!
4.이때 ESP8266보드와 워치는 동일한 WiFi공유기에 연결되어있다고 가정한다!(집안에서만 사용한다는 느낌)
5.집밖에서 갤럭시워치를 이용해서 집안에 있는 ESP8266을 제어한다는 개념이라면 ESP8266에 외부에서 접속할 수 있는 네트워크를 제공해야한다!(이건 논외로 한다)

이번편에서는 갤럭시워치와 ESP8266을 웹소켓통신으로 연결하고 ESP8266에 달려있는 LED를 제어해보는 것을 주제로 한다!
그리고 타이젠에서 기본적인 UI이외에 TAU라고해서 갤럭시워치의 기능을 100%활용할 수 있는 인터페이스 구현법을 제공한다!
기본 UI와 TAU를 섞어서 앞으로 진행될 다양한 인터페이스중에 기본적인 몇가지를 구현하고 그것을 활용할 수 있는 방법에 대해서 알아보도록 한다!

 

(4가지 시안) 

(주의) TAU가 포함된 lib폴더가 티스토리 업로드 안되는 원인으로 파악되고있음!

그래서 압축파일내 lib폴더를 삭제하고 압축해서 업로드해둔 상태니 타이젠 스튜디오에서 TAU템플릿을 생성하고 lib폴더를 복사해서 붙혀넣으면 작동가능함!

1번시안nockandabasic.zip
0.06MB
2번시안nockandalistview.zip
3.79MB
3번시안nockandamultipage.zip
3.78MB
4번시안nockandarotate.zip
3.76MB

(실제로한거)

(주의) TAU가 포함된 lib폴더가 티스토리 업로드 안되는 원인으로 파악되고있음!

그래서 압축파일내 lib폴더를 삭제하고 압축해서 업로드해둔 상태니 타이젠 스튜디오에서 TAU템플릿을 생성하고 lib폴더를 복사해서 붙혀넣으면 작동가능함!

 

1.기본적인 소켓연결을 하고 버튼을 눌러서 LED를 아주 간단하게 ON/OFF시키는 예제

430-1(LED1개간단제어하기).txt
0.00MB
example430_1.zip
0.09MB

2.switch컴포넌트를 이용해서 LED를 ON/OFF하시오!

430-2(LED를스위치로제어하는예제).txt
0.00MB
example430_2.zip
3.77MB

3.슬라이더를 이용해서 LED1개의 밝기를 조절해보시오!

430-3(LED의밝기를슬라이더로제어하는예제).txt
0.00MB
example430_3.zip
3.77MB

4.LED 4개를 연결해서 심플하게 제어해보시오!

430-4(LED4개를 제어하는예제).txt
0.01MB
example430_4.zip
0.09MB

5.listview를 이용해서 led4개를 제어해보시오!

430-5(리스트뷰를이용해서LED4개제어하기).txt
0.01MB
example430_5.zip
3.80MB

6.멀티플페이지를 이용해서 LED 4개를 제어해보시오!

430-6(멀티플페이지를이용해서LED4개제어하기).txt
0.01MB
example430_6.zip
3.77MB


(tizen studio 다운로드)
https://developer.tizen.org/development/tizen-studio/download

(TAU 다큐먼트)
https://docs.tizen.org/application/web/api/latest/ui_fw_api/ui_fw_api_cover.htm
https://docs.tizen.org/application/web/api/5.5/ui_fw_api/Wearable_UIComponents/wearable_toggleswitch.htm
https://docs.tizen.org/application/web/api/5.5/ui_fw_api/Wearable_UIComponents/wearable_slider.htm

(버튼CSS)
https://www.w3schools.com/css/css3_buttons.asp

ESP8266관련라이브러리(websocket)
https://github.com/Links2004/arduinoWebSockets

 

 

반응형