꾸숑의 IT 월드

이번 시간은 앱인벤터2 고급 강좌 2번째 시간으로 앱인벤터, 아두이노 보드, 블루투스 모듈, 광전자 센서를 이용해 스마트폰에 푸시 알림 메시지를 보내는 방법을 알아보도록 하겠다. 이번 강좌는 푸시 알림 메시지 보내기1편과 이어지므로 1편을 보지 않은 사람은 먼저 1편을 잘 숙지하고 이번 강좌를 보기 바란다. 앱인벤터2 고급 강좌 1 : 푸시 알림 메시지 보내기1 앱인벤터2 고급과정으로 3가지의 시리즈를 계획중에 있다. Ⅰ.스마트폰에 기본적인 푸시 알림 메시지 보내기. Ⅱ. 블루투스, 아두이노, 앱인벤터를 이용해 아두이노로 들어오는 센서의 값이나 kusson.tistory.com 앱인벤터2 고급 강좌 3 : 아두이노-와이파이를 이용해서 센서값 읽어 오고 푸시알림으로 보내기 이번 시간은 앱인벤터2 고급 강좌..

앱인벤터2 고급과정으로 3가지의 시리즈를 계획중에 있다. Ⅰ.스마트폰에 기본적인 푸시 알림 메시지 보내기. Ⅱ. 블루투스, 아두이노, 앱인벤터를 이용해 아두이노로 들어오는 센서의 값이나 신호를 스마트폰에 푸시 알림 메시지로 보내기. Ⅲ. 와이파이, 아두이노, 앱인벤터를 이용해 Ⅱ의 과정 반복하기 등이다. 많은 분들이 Ⅱ 와 Ⅲ의 과정을 문의해 와서 포스팅을 하기로 했다. 이번 시간은 앱인벤터2 고급 과정1로서 간단한 푸시 알림 메시지를 스마트폰으로 전송하는 방법을 알아 보겠다. 2, 3편도 준비되어 있으니 참고 하세요. 앱인벤터2 고급 강좌 2 : 아두이노-블루투스를 이용해서 센서의 값을 푸시 알림 메시지로 보내기2 이번 시간은 앱인벤터2 고급 강좌 2번째 시간으로 앱인벤터, 아두이노 보드, 블루투스 모..

스위치는 말그대로 전기를 켜고 꺼듯이 On과 Off 의 두가지 상태를 나타내는 것이다. 이 두가지의 상태에 따라 각각의 용도와 내용을 설정하고 이용할 수 있다. 우리가 스위치를 가장 많이 보는 것이 계약서의 동의를 구하는 칸일 것이다. 처음에는 Off 상태에 있다가 동의 한다는 표시로 스위치를 클릭하면 On 상태가 되면서 녹색으로 색깔이 변하는 것을 많이 보았을 것이다. 이번 시간에는 스위치의 사용법에 대해 자세히 알아보자. 먼저 다음 그림과 같은 디자이너 화면을 구성하자. 이번 앱은 우리가 많이 보는 계약서의 동의를 요구하는 상황을 가정해 보고 스위치의 상태를 하단에 글자로 나타낼 것이다. 사용자 인터페이스에서 스위치를 드래그 드랍방식으로 스마트폰 중앙에 배치한다. 레이블들을 위아래에 두어서 스위치의 ..

스피너(Spinner)란 사용자가 여러 선택지 중 하나를 고르게 하고 싶을 때 사용하는 컴포넌트이다. 다른 환경에서는 주로 ComboBox라고 불려진다. 이번 시간에는 스피너의 요소 중 하나를 선택하고 그 요소들에 따르는 몇가지 리스트를 버튼에 의해서 옮겨보는 앱을 만들 것이다. 그렇게 함으로써 스피너가 무엇이지 어떻게 사용하는지에 대해 알게 될 것이다. 먼저 아래 디자이너와 같은 화면을 구성한다. 사용자 인터페이스에서 스피너를 끄집어 내서 화면 중간에 배치한다. 레이블로 스피너의 위치를 조정해 주고 레이블 하나는 textView로 이름을 변경해서 글자가 나타나도록 할 것이다. 하단부에는 버튼을 두개 배치해서 버튼으로 글자들을 변경할 수 있도록 한다. 레이아웃과 버튼의 이미지를 설정하는 방법들은 강좌 앞..

앱인텝터와 서버의 통신 프로그램 앱인벤터로 작성한 프로그램과 프로세싱 서버 프로그램과의 통신을 시도하는 프로그램을 작성해보자. 프로세싱 언어는 MIT에서 개발한 언어로 학생, 예술가, 또는 취미로 프로그램을 공부하는 사람도 쉽게 쓸 수 있도록 만들어져 있다. 이 언어는 자바를 기반으로 만들어진 언어중의 하나로 현재 프로세싱(https://processing.org/) 싸이트에서 다운받아 사용할 수 있다. 오픈소스이며 기존 언어보다 쉽게 이미지나 애니메이션을 렌더링하거나 통신이 가능하다. 먼저 앱인벤터로 두개의 버튼을 만들고 "On"과 "Off"를 누르면 서버 화면의 색상을 바꾸는 프로그램을 제작해 보자. 프로그램을 제작하는 프로세스는 다음과 같다. 1. 앱인벤터를 실행한다. 2. "On" 버튼을 누르면 ..