아두이노프로세싱 프로그래밍 286

HTML SVG와 버튼 키보드로 스마트폰 웹에 7세그먼트 LED를 그려보자!:II

HTML언어에서 버튼 태그를 사용하여 간단하게 키보드를 작성하는 프로그램을 이미 게재했었다. 이 프로그램에서 7 segment LED 그래픽을 위해서는 0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F 까지를 대상으로 7 segment LED를 스마트폰 웹 화면에 출력해 보기로 한다. 단 출력 명령도 스마트 폰 웹화면에 생성된 키..

구글 맵 HTML 프로그램에 의한 아두이노 NodeMCU GPS 데이터 확인

간단한 아두이노 NodeMCU에 설치된 GPS 프로그램에서 얻어진 데이터를 검증해 보자. GPS가 GPS 위성으로 수신 받은 아래와 같은 데이터가 지속 입력된다. 이중 37... 데이터와 127...데이터에 관심을 가져보기로 한다. GPS에서 전송받은 위도(latitude)데이터는 앞 두 자리 수를 그대로 취하고 나머지..

HTML 웹 프로그램에 의한 아두이노 NodeMCU 안드로이드 스마트폰 키보드:III

버튼 키보드를 HTML로 직접 프로그램하여 사용하는 대신에 HTML의 “input” 태그를 사용하여 안드로이드 폰의 자판을 그대로 불러 내어서 쓰는 방법을 알아보기로 한다. 물론 이 방법은 HTML 명령이 적용된다면 iOS를 사용하는 아이폰에서도 비슷하게 사용할 수 있으리라 본다. 데이터 입력을..

아두이노 NodeMCU 웹서버 문자열 입력 스마트폰 HTML 웹 버튼 키보드:II

스마트 폰에서 HTML 그래픽으로 4X4 버튼 키보드를 생성해 보자. 4X4에 포함되어야 할 가장 기본적인 문자는 0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,*,#,“.”,@,Space Bar 및 ENTER키 들이다. 0,1,2,3,4,5,6,7,8,9,A,B,C,D,E 까지는 아두이노에서 16진법(HEX)을 구사함에 있어서 필수적인 문자들이다. *과 #는 통신에서 비밀번..

아두이노 NodeMCU 웹서버용 스마트폰 HTML 웹 버튼 키보드:I

아두이노의 출력 장치로는 시리얼 모니터가 있으나 별도의 입력 장치 즉 키보드가 없다. 아두이노에 입력 작업을 위해서는 하드웨어적으로 많은 수의 스위치를 배선하여 어렵게 입력을 시도할 수 있겠지만 와이파이에 의해 사물인터넷 제어가 가능한 NodeMCU 모듈에서 는 소프트웨어적으..

아두이노 NodeMCU 웹서버에 의한 삼색 LED 스마트폰 제어 및 웹화면 출력

삼색 LED 인터럽트 배선을 대상으로 아두이노 NodeMCU 웹서버 프로그램을 개량하여 스마트폰에서 주소창에 가상ip를 입력하여 request가 발생되어 아두이노 NodeMCU에 송출되면 삼색 LED가 천천히 Blue, Green, Red 순으로 ON OFF 됨과 동시에 스마트폰 화면에서 BGR 순으로 HTML SVG언어를 사용하여 교통 ..

웹의 불필요한 favicon request에 따른 아두이노 NodeMCU 웹서버의 반응과 대책

아두이노 웹서버 또는 아두이노 NodeMCU 웹서버 LED ON OFF 프로그램을 실행시킨 후 스마트폰 웹 브라우저 주소창에서 가상 ip를 입력하고 엔터 키를 누르면 웹 브라우저에서 2가지 종류의 request 신호가 아두이노 웹서버 프로그램에 전달되는데, 이는 시리얼 모니터의 출력 결과로 확인할 수 ..

아두이노 NodeMCU에서 그림파일 불러오는 HTML img 태그 사용법

NodeMCU에서 client.print() 명령을 통해 HTML 명령어 중 공인 인증 ip를 주소를 가지는 인터넷 사이트에 저장된 그림 파일을 스마트폰 웹브라우저에 불러올 수 있는 img 태그 사용법을 알아보자. <img> 태그를 사용을 위해서는 웹상의 그림 파일이 있는 곳에서 마우스 오른쪽 버튼을 사용하여 ..