MCU 컴파일과 디버깅, GUI의 신개념.. dev.ti.com.. 두번째..

자! 그럼 이번에는 좀 더 재밌는 걸 해보도록 하겠습니다.

앞선 블로그에서는 TI CCS Cloud와 TI Resource Explorer를 연동하는 것을 알아봤습니다. 

이제 우리 이걸 해봅시다~

보통 간단한 GUI를 만들자면 어떻게 하시나요?

MFC로 프로그램을 만들거나, 자바나 다른 언어를 사용해서 GUI 프로그램을 만들어야 했을 겁니다.

만약에 먼가가 잘 안되면, 도대체 MCU쪽이 문제인지 GUI 쪽에서 나는 문제인지도 알아봐야 하죠.

더구나 팀으로 역할이 분담되어 있다면...

이제 부터 소개할 TI GUI Composer와 TI Gallery는 GUI를 조금 더 획기적으로 만들어 줄 수 있는 웹기반 어플리케이션입니다., 물론 어느 정도의 한계는 있겠지만요. 

1. GUI Composer로 나만의 GUI를 만들고 이를 등록하면 내 개인 TI Gallery에 올라가게 됩니다. 

2. 그리고 내가 만든 GUI를 자랑하고 싶으시다면 Gallery에 Share 할 수도 있고요, 저는 아직 안해봤습니다만 Group을 만들기도 할 수 있습니다.

게다가!

이건 웹 기반이지 않습니까?

만약에 인터넷이 안되는 곳에서 데모라도 하게 되면???

3. 이런 경우를 위해서 GUI Composer PC 설치버전을 설치한 경우, 내려 받기를 해서 PC에서 PC 프로그램 형태로 실행 할 수도 있겠습니다.

4. GUI Composer는 TI CCS v8 부터는 디버깅에서 화면을 열 수도 있습니다.

1. Gallery 둘러보기

우선 TI Gallery(여기 클릭)을 한 번 둘러 보세요.

현재 TI GUI Composer 가 만들어 줄 수 있는 GUI 환경이 이 정도 수준이다 라는 것을 이해 하실 수 있을 것입니다.

몇 가지 예를 한 번 보실게요.

화면이 잘리더라도 이해해 주시고, 전체 화면은 TI Gallery에서 확인 부탁드립니다.

요점은, 왠만한 MCU에서 화면으로 보여주어여 하는 데이터는 보여 줄 수 있다 입니다.

<GUI Composer를 통해서 할 수 있는 작업들>

• 콘솔(UART) 데이터 로그를 뿌려줄 수 있습니다.
• LED 아이콘 등에 MCU에서 사용하는 변수를 대응시켜서 활성화/비활성화 시킬 수 있습니다. 가령, LED 아이콘과 보드의 LED가 연동이 됩니다.
• 버튼을 삽입하여 MCU에 명령을 전달할 수 있습니다.
• 드롭다운 아이콘으로 옵션을 선택할 수 있습니다.
• 그래픽 적인 요소, 가령 온도계라던지, 메터 등의 GUI와 MCU 변수를 연동시켜 줄 수 있습니다.
• 이미지 삽입 할 수 있고요.
• 탭을 만들어서 화면 전환 시킬 수도 있네요.
• 기타 제가 알지 못하는 다양한 기능들은 직접 살펴보시는 것이 좋겠어요. ^^

다만, 카메라가 연동된다던지 더 복잡한 데이터는 보여주기 조금 힘들 수 있습니다.

2. GUI Composer 사용하기.

자! 그럼 이제 본격적으로 GUI Composer 예제를 이용해서 제 LED를 켜보도록 하겠습니다.

저도 아직 기능들을 다 사용할 수 있는 수준은 못됩니다. 

여러분이 GUI Composer의 고수가 되셔서 조금 더 쉽게 GUI를 꾸밀 수 있기를 바랄 뿐입니다. ^^

1> Resource Explorer에서 관련 예제 찾아서 따라해 봅시다.

우선 dev.ti.com(여기 클릭)에 들어가셔서 TI Resource Explorer을 실행합니다.

그리고 가운데 검색창에서 F5529 (저는 F5529 보드를 가지고 테스트 하였습니다.) 를 검색해 봅니다.

F5529 LP(LaunchPad)를 클릭하시면 관련 내용만 나옵니다.

여기에서 아래 그림에서 처럼, Development tools - Utilities - GUI Composer - Training - Hands-on Tutorial: USB-UART (MSP430F5529)를 선택합니다.

자! 이 튜토리얼 처럼만 따라하시면 됩니다.

이제 하나씩 하나씩 해보시죠.

<참고>

• 이 예제는 MSP430을 이용하는 예제입니다. 어떠한 MSP430으로도 동작할 수 있는 예제이지요.

• 이 예제에서는 Energia 로 소스코드를 작성하였습니다만, conventional한 소스코드를 가지고도 작성할 수 있으니 참고 하시기 바랍니다.

• MSP430의 경우에는 PC와 통신을 위해서 UART로 통신을 하고 PC에 Json이라는 규격에 맞는 패킷만 발생시켜 보내면 됩니다.

• 위 튜토리얼에서도 설명이 되어 있지만, 위 예제의 경우, {"LED":1}<엔터> 또는 {"LED":0}<엔터> 이라는 내용만 시리얼 포트에 나타나게 해 주면 됩니다.

• MSP430G2xx 시리즈의 런치패드(MSP-FET430G2)의 경우, 현재 WIN10과 USB-Serial 호환 문제가 있어서 연결이 안되는점 참고하세요. 

2> GUI Composer를 들어가서 새로운 프로젝트를 생성시킵니다.

<미완>