KR20160085434A - Html5 기반 가상 아두이노 시뮬레이션 웹 시스템 - Google Patents

Abstract

본 발명은 아두이노 시뮬레이션 웹 시스템에 관한 것으서, 실제 아두이노가 없이도 웹 상에서 가상의 아두이노를 통해 실제 기능을 구현 할 수 있도록 한다.
즉, 본 발명은 시뮬레이션 웹 시스템에 있어서, 회로가 나타나는 그래픽창(100) 및 편집창으로 이루어진 클라이언트 웹이 디스플레이되는 사용자 단말기와 상기 사용자 단말기에 그래픽창(100)과 편집창을 통해 코드 정보를 제공하고 관리하는 서버로 구성한 것이다.
따라서 본 발명은 회로가 나타나는 그래픽창(100) 및 편집창으로 이루어진 클라이언트 웹이 디스플레이되는 사용자 단말기와 상기 사용자 단말기에 그래픽창(100)과 편집창을 통해 코드 정보를 제공하고 관리하는 서버로 구성함으로써, 실제 아두이노가 없이도 웹 상에서 가상의 아두이노를 통해 실제 기능을 구현 할 수 있는 것이다.

Description

HTML5 기반 가상 아두이노 시뮬레이션 웹 시스템{virtual arduino simulation web system}

본 발명은 아두이노 시뮬레이션 웹 시스템에 관한 것으서, 더욱 상세하게는 시뮬레이션 웹 시스템에 있어서, 회로가 나타나는 그래픽창 및 편집창으로 이루어진 클라이언트 웹이 디스플레이되는 사용자 단말기와 상기 사용자 단말기에 그래픽창과 편집창을 통해 코드 정보를 제공하고 관리하는 서버로 구성하여서, 실제 아두이노가 없이도 웹 상에서 가상의 아두이노를 통해 실제 기능을 구현 할 수 있도록 함을 목적으로 한다.

종래의 웹 기반 SW 교육시스템은 사용자 단말기에 디스플레이되는 웹페이지에 코딩에 사용되는 소스를 알기 쉽게 블록화하여 결합으로 간단한 게임과 애니메이션을 제작하며 코딩을 배우는 플랫폼이다.

이상과 같은 웹기반 SW교육 시스템은 사용자가 블럭 코딩을 할 수 있는 편집 페이지와 이를 실행해서 결과를 볼 수 있는 그래픽 페이지로 이루어진다.

이는 프로그래밍을 처음 시작하는 아동 및 초등학생 층에게 흥미를 유도하는 것을 목적으로 한다.

그러나, 블럭형 프로그래밍을 통해 실제 프로그래밍 기술을 배양하기는 어렵다.

특히 실제 프로그래밍은 텍스트 위주의 코드 개발로 개별 함수에 대한 지식과 알고리즘, 협업이 중요시되는 데 반면, 블럭형 프로그래밍은 텍스트 기반의 코드 작성이 이뤄지지 않아 함수와 알고리즘에 대한 지식습득이 어려우며 다른 사용자와 협업할 수 있는 환경이 제공되지 않는다.

또한 아두이노 같은 펌웨어 프로그래밍에서는 개발 보드와 센서 등의 부가적인 전자 부품이 필요하고, 각 부품에 대한 매뉴얼과 교육 또한 열약한 실정이다. 이에 적지않은 비용과 많은 시간의 소비로 프로그래밍에 익숙하지 않은 사람들에게 진입장벽을 높이는 요인이 된다.

대한민국 특허공개 제10-2014-0005181호

이에 본 발명은 종래의 웹 기반 SW 교육시스템은 프로그래밍을 처음 시작하는 아동 및 초등학생 층에 타겟이 맞춰져 있고 블럭형 프로그래밍을 통해 실제 프로그래밍 기술을 배양하기는 어렵고, 실제 프로그래밍은 텍스트 위주의 코드 개발로 개별 함수에 대한 지식과 알고리즘, 협업이 중요시되는 데 반면, 블럭형 프로그래밍은 텍스트 기반의 코드 작성이 이뤄지지 않아 함수와 알고리즘에 대한 지식습득이 어려우며 다른 사용자와 협업할 수 있는 환경이 제공되지 않으며, 또한 아두이노 같은 펌웨어 프로그래밍에서는 개발 보드와 센서 등의 부가적인 전자 부품이 필요하고, 각 부품에 대한 매뉴얼과 교육 또한 열약한 문제점과 적지않은 비용과 많은 시간의 소비로 프로그래밍에 익숙하지 않은 사람들에게 진입장벽을 높이는 문제점을 해결하는 것이다.

즉, 본 발명은 시뮬레이션 웹 시스템에 있어서, 회로가 나타나는 그래픽창 및 편집창으로 이루어진 클라이언트 웹이 디스플레이되는 사용자 단말기와 상기 사용자 단말기에 그래픽창과 편집창을 통해 코드 정보를 제공하고 관리하는 서버로 구성한 것이다.

따라서 본 발명은 회로가 나타나는 그래픽창 및 편집창으로 이루어진 클라이언트 웹이 디스플레이되는 사용자 단말기와 상기 사용자 단말기에 그래픽창과 편집창을 통해 코드 정보를 제공하고 관리하는 서버로 구성함으로써, 실제 아두이노가 없이도 웹 상에서 가상의 아두이노를 통해 실제 기능을 구현 할 수 있는 것이다.

도 1 은 본 발명의 일 실시 예를 보인 주요 구성 예시도.
도 2 는 본 발명의 사용자 단말기에 디스프레이된 웹창의 예시도.
도 3 은 본 발명의 제어 흐름도.

이하, 첨부된 도면에 의하여 상세히 설명하면 다음과 같다.

본 발명에서는 실제 프로그래밍 기술을 키울 수 있도록 웹을 기반으로 한 프로그래밍 교육을 지원하여 실제 코드를 작성할 수 있는 편집창과 이를 가상으로 시뮬레이션해 볼 수 있도록 한 것이다.

즉, 본 발명은 시뮬레이션 웹 시스템에 있어서, 회로가 나타나는 그래픽창(100) 및 편집창으로 이루어진 클라이언트 웹이 디스플레이되는 사용자 단말기와 상기 사용자 단말기에 그래픽창(100)과 편집창을 통해 코드 정보를 제공하고 관리하는 서버로 구성한 것이다.

여기서, 상기 클라이언트 웹의 그래픽창(100)은 아두이노의 실제적인 기능을 수행하는 가상의 아두이노를 중심으로 각종 전자부품을 아이콘화 시켜 실제 회로를 구성하는 것처럼 가상으로 회로를 구성할 수 있다. 이렇게 구성된 회로는 편집창에서 작성한 코드를 통해 가상으로 구동될 수 있도록 한다.

그리고, 상기 클라이언트 웹의 편집창은 예제와 함수 등을 정리해 놓은 서브메뉴창이 있고, 텍스트 작성이 가능한 편집창을 통해 코드를 개발 있도록 한 것이다.

이하, 본 발명의 적용 실시과정에 대하여 설명하면 다음과 같다.

상기한 바와 같이 시뮬레이션 웹 시스템에 있어서, 회로가 나타나는 그래픽창(100) 및 편집창으로 이루어진 클라이언트 웹이 디스플레이되는 사용자 단말기와 상기 사용자 단말기에 그래픽창(100)과 편집창을 통해 코드 정보를 제공하고 관리하는 서버로 구성한 본 발명이 적용된 시뮬레이션 웹 시스템을 제공하게 되면, 코드 개발에 사용되는 함수를 검색하거나 편집창의 함수의 클릭을 통해 그 함수의 정의를 볼 수 있는 캡션을 지원하고 아두이노의 기종에 따라 예제 코드를 제공하고 그에 따른 회로/함수/알고리즘에 대한 설명을 이미지를 통해 효과적으로 전달할 수 있는 것이다.

또한, 로그인 기능을 통해 자신의 작성한 코드를 저장, 수정 할 수 있으며 코드를 공개함으로 개발의 공유가 이루지며 합동 작업이 가능하다.

그리고,이를 통해 시간과 공간의 제약을 극복한 실질적인 프로그래밍 협업을 할 수 있고, 경제적 여유가 없어도 규모가 큰 프로젝트를 구현 할 수 있다.

이상과 본 발명은 HTML5 기반 가상 아두이노 시뮬레이션 웹 시스템에 있어서 상기의 방법은 으로 시뮬레이션해 볼 수 있는 그래픽창(100)으로 이루어져 있어서 실제 아두이노가 없이도 웹 상에서 가상의 아두이노를 비롯한 전자부품의 기능을 구현할 수 있다.

또한, 그래픽창(100)은 아두이노의 실제적인 기능을 수행하는 가상의 아두이노를 중심으로 각종 전자부품을 아이콘화 시켜 실제 회로를 구성하는 것처럼 가상으로 회로를 구성하여 구성된 회로를 편집창에서 작성한 코드를 통해 가상으로 구동할 수 있는 것이다.

또한, 편집창은 예제와 함수 등을 정리해 놓은 서브 메뉴창이 있고, 텍스트 작성이 가능한 편집창을 통해 코드를 개발 하고 코드 개발에 사용되는 함수를 검색하거나 편집창의 함수의 클릭을 통해 그 함수의 정의를 볼 수 있는 캡션을 지원하게 할 수 있는 것이다.

또한, HTML5 기반 가상 아두이노 시뮬레이션 웹 시스템에 있어서 상기의 방법은 코드를 작성하기 이전에 그에 선행되는 회로/함수/알고리즘에 대한 설명을 이미지를 통해 효과적으로 전달되는 것이다.

또한, HTML5 기반 가상 아두이노 시뮬레이션 웹 시스템에 있어서 상기의 방법은 로그인 기능을 통해 자신의 작성한 코드를 저장, 수정 할 수 있으며 코드를 공개함으로 개발의 공유가 이루지며 합동 작업이 가능하고 이를 통해 시간과 공간의 제약을 극복한 실질적인 프로그래밍 협업을 할 수 있으므로 경제적 여유가 없어도 규모가 큰 프로젝트를 구현할 수 있는 것이다.

100 : 그래픽창
200 : 코딩창
300 : 캡션
400 : 도구창

Claims (3)

1. 시뮬레이션 웹 시스템에 있어서;
   회로가 나타나는 그래픽창(100) 및 편집창으로 이루어진 클라이언트 웹이 디스플레이되는 사용자 단말기와 상기 사용자 단말기에 그래픽창(100)과 편집창을 통해 코드 정보를 제공하고 관리하는 서버로 구성한 것을 특징으로 하는 HTML5 기반 가상 아두이노 시뮬레이션 웹 시스템.
   
   
2. 제 1 항에 있어서;
   상기 클라이언트 웹의 그래픽창(100)은 아두이노의 실제적인 기능을 수행하는 가상의 아두이노를 중심으로 각종 전자부품을 아이콘화 시켜 실제 회로를 구성하는 것처럼 가상으로 회로를 구성한 것을 특징으로 하는 HTML5 기반 가상 아두이노 시뮬레이션 웹 시스템.
   
   
3. 제 1 항에 있어서;
   상기 클라이언트 웹의 편집창은 예제와 함수 등을 정리해 놓은 서브메뉴창이 있고, 텍스트 작성이 가능한 편집창을 통해 코드를 개발 있게 한 것을 특징으로 하는 HTML5 기반 가상 아두이노 시뮬레이션 웹 시스템.
   

Images