| 1 |
1
HTML 언어와 자바스크립트(javascript)가 포함된 HTML5를 이용하여 웹 어플리케이션(web application)을 제작하는 방법에 있어서,개발 툴(tool)이 상기 HTML 언어를 통해 생성된 하나 이상의 태그범위를 뷰(view) 블록으로 각각 변환하고, 하나 이상의 명령에 대한 동작을 수행하는 자바스크립트를 컨트롤(control) 블록으로 각각 변환하는 단계;상기 뷰 블록 및 상기 컨트롤 블록에 대한 속성을 인지한 사용자의 입력에 따라 상기 개발 툴이 상기 뷰 블록 및 상기 컨트롤 블록을 적층식으로 결합하는 단계;상기 개발 툴이 상기 결합된 뷰 블록 및 컨트롤 블록에 대하여 상기 적층식 구조의 최하단을 루트로 설정하고, 적층된 순서에 따라 상기 루트의 자식 노드를 설정함으로써, 부모-자식 관계가 성립하는 트리 구조로 치환하는 단계; 및 상기 개발 툴이 상기 트리 구조로 치환된 뷰 블록 및 컨트롤 블록을 상기 트리 구조에 따라 순차적으로 검색하고, 검색결과 독출된 뷰 블록 및 컨트롤 블록의 소스 코드를 참조하여 HTML 언어로 변환함으로써, 상기 웹 어플리케이션을 제작하는 방법
|
| 2 |
2
제 1 항에 있어서,상기 뷰 블록 및 상기 컨트롤 블록은,상기 뷰 블록 및 상기 컨트롤 블록 각각에 대하여 속성으로 타입, 레이어(layer), 이름, 소스코드, 결합 인자, 색상, 및 크기를 포함하는 것을 특징으로 하는 방법
|
| 3 |
3
제 2 항에 있어서,상기 레이어는,상기 뷰 블록 및 상기 컨트롤 블록을 바인딩(binding)하는 플레이트(plate) 블록이 포함된 제 1 레이어, 상기 뷰 블록 및 상기 컨트롤 블록이 포함된 제 2 레이어, 및 상기 제 2 레이어에 포함된 블록들의 연결 설정을 하는 영역별 세부 블록이 포함된 제 3 레이어로 구성되는 것을 특징으로 하는 방법
|
| 4 |
4
제 1 항에 있어서,상기 블록을 적층식으로 결합하는 것은,적층될 블록 중 상단에 위치한 블록의 레이어가 하단에 적층될 블록의 레이어 보다 상위 레이어일 경우 상기 블록을 적층하는 것을 특징으로 하는 방법
|
| 5 |
5
제 1 항에 있어서,상기 개발 툴은 사용자로부터 상기 개발 툴 사용에 대하여 난이도에 따라 분류된 세 가지의 수준을 입력받고, 상기 입력된 세 가지의 수준에 따라 상기 블록 결합에 사용되는 사용자 인터페이스를 결정하는 것을 특징으로 하는 방법
|
| 6 |
6
제 5 항에 있어서,상기 세 가지의 수준 중 기능 사용의 입출력을 이해하는 제 1 수준은, 뷰 블록 및 컨트롤 블록이 미리 결합되어 패키지화된 블록을 제공하는 것을 특징으로 하는 방법
|
| 7 |
7
제 5 항에 있어서,상기 세 가지의 수준 중 상기 블록 결합을 변경 및 수정할 수 있는 제 2 수준은, 블록 결합에 사용되는 뷰 블록 및 컨트롤 블록을 제공하는 것을 특징으로 하는 방법
|
| 8 |
8
제 5 항에 있어서,상기 세 가지의 수준 중 코드를 이용하여 기능 생성을 할 수 있는 제 3 수준은, 코드를 생성 및 수정할 수 있는 블록을 제공하는 것을 특징으로 하는 방법
|
| 9 |
9
제 1 항에 있어서,상기 적층식으로 결합된 블록을 저장할 경우,상기 저장 시점에서 결합된 블록에 대한 하위 블록도 함께 저장되며, 상기 저장된 블록들은 상시 재사용이 가능한 것을 특징으로 하는 방법
|
| 10 |
10
제 1 항에 있어서,상기 트리 구조로 치환되는 블록 중에서 동일한 상기 태그범위를 포함하는 블록이 존재할 경우, 상기 트리 구조로 치환된 블록의 하위 노드에 상기 동일한 태그범위를 포함하는 블록을 서브 트리 구조로 연결하는 것을 특징으로 하는 방법
|
| 11 |
11
제 1 항 내지 제 10 항 중에 어느 한 항의 방법을 컴퓨터에서 실행시키기 위한 프로그램을 기록한 컴퓨터로 읽을 수 있는 기록매체
|
| 12 |
12
HTML 언어와 자바스크립트가 포함된 HTML5를 이용하여 웹 어플리케이션을 제작하는 장치에 있어서,뷰 블록 및 컨트롤 블록에 대한 속성을 인지한 사용자로부터 결합될 블록을 입력받는 입력부;상기 HTML 언어를 통해 생성된 하나 이상의 태그범위를 상기 뷰 블록으로 각각 변환하고, 하나 이상의 명령에 대한 동작을 수행하는 자바스크립트를 컨트롤 블록으로 각각 변환하고, 상기 입력받은 블록을 적층식으로 결합하고, 상기 결합된 블록에 대하여 상기 적층식 구조의 최하단을 루트로 설정하고, 적층된 순서에 따라 상기 루트의 자식 노드를 설정하고, 부모-자식 관계가 성립하는 트리 구조로 치환하며, 상기 트리 구조로 블록을 상기 트리 구조에 따라 순차적으로 검색함으로써, 검색결과 독출된 블록의 소스 코드를 참조하여 HTML 언어로 변환하는 처리부; 및상기 각각 변환된 뷰 블록 및 컨트롤 블록을 출력하여 상기 사용자로부터 결합에 이용될 블록의 선택을 유도하며, 상기 HTML 언어로 변환되어 제작된 상기 웹 어플리케이션을 출력하는 출력부를 포함하는 장치
|
| 13 |
13
제 12 항에 있어서,상기 뷰 블록 및 상기 컨트롤 블록은,상기 뷰 블록 및 상기 컨트롤 블록 각각에 대하여 속성으로 타입, 레이어, 이름, 소스코드, 결합 인자, 색상, 및 크기를 포함하되,상기 레이어는 상기 뷰 블록 및 상기 컨트롤 블록을 바인딩하는 플레이트 블록이 포함된 제 1 레이어, 상기 뷰 블록 및 상기 컨트롤 블록이 포함된 제 2 레이어, 및 상기 제 2 레이어에 포함된 블록들의 연결 설정을 하는 영역별 세부 블록이 포함된 제 3 레이어로 구성되는 것을 특징으로 하는 장치
|
| 14 |
14
제 12 항에 있어서,상기 처리부는,적층될 블록 중 상단에 위치한 블록의 레이어가 하단에 적층될 블록의 레이어 보다 상위 레이어일 경우 상기 블록을 적층하는 것을 특징으로 하는 장치
|
| 15 |
15
제 12 항에 있어서,상기 사용자로부터 상기 블록 사용에 대하여 난이도에 따라 분류된 세 가지의 수준을 입력받고, 상기 입력된 세 가지의 수준에 따라 상기 블록 결합에 사용되는 사용자 인터페이스를 결정하되,상기 세 가지의 수준 중 기능 사용의 입출력을 이해하는 제 1 수준은 뷰 블록 및 컨트롤 블록이 미리 결합되어 패키지화된 블록을 제공하고, 상기 세 가지의 수준 중 상기 블록 결합을 변경 및 수정할 수 있는 제 2 수준은 블록 결합에 사용되는 뷰 블록 및 컨트롤 블록을 제공하며, 상기 세 가지의 수준 중 코드를 이용하여 기능 생성을 할 수 있는 제 3 수준은 코드를 생성 및 수정할 수 있는 블록을 제공하는 것을 특징으로 하는 장치
|
| 16 |
16
제 12 항에 있어서,상기 트리 구조로 치환되는 블록 중에서 동일한 상기 태그범위를 포함하는 블록이 존재할 경우, 상기 트리 구조로 치환된 블록의 하위 노드에 상기 동일한 태그범위를 포함하는 블록을 서브 트리 구조로 연결하는 것을 특징으로 하는 장치
|
