테일러링을 지원하는 멀티미디어 웹 에디터 장치 및 방법{Web-Editor for Multimedia with tailoring}

본 발명은 테일러링을 지원하는 멀티미디어 웹 에디터에 관한 것으로, 더욱 상세하게는 멀티미디어 웹 에디터를 사용하여 자신의 HTML 문서를 사용자가 원하는 대로 테일러링할 수 있는 방안에 관한 것이다.

최근 컴퓨터 보급이 일반화됨과 아울러 인터넷의 활용범위가 급속하게 늘어남에 따라 다양한 형태의 소프트웨어 등이 개발되고 있으며, 이렇게 개발된 소프트웨어들은 웹 브라우저를 통해 공급 및 사용되고 있다. 이러한 소프트웨어는 작게는 한 기업의 그룹웨어 및 지식관리 시스템을 위한 것 적용될 뿐만 아니라 크게는 정부기관, 금융기관의 민원, 금융서비스에 이르기까지 총체적으로 개발 및 보급되고 있다. 한편, 상술한 인터넷과 웹 브라우저를 기반으로 한 시스템 및 소프트웨어의 운영에 따라 다양한 콘텐츠들이 발생하게 되었으며, 이렇게 발생된 콘텐츠들 또한 인터넷 기반으로 광범위하게 전파되고 있다.

상술한 바와 같이 인터넷을 기반으로 점차 진화되는 컴퓨팅 시대가 도래하면서 웹 브라우저 상에서 직접 사용자가 컴퓨터의 키보드와 마우스를 조작하여 여러 가지 형태의 콘텐츠를 생성하고 있으며 인터넷 서비스 제공업자 혹은 시스템 공급자는 이러한 사용자 생성 콘텐츠를 특정 서버에 저장하고 보다 많은 다른 사용자들에게 HTML 및 메일 등의 형태로 열람할 수 있도록 하고 있다.

대표적으로 웹 에디터 컨트롤은 각종 인터넷 서비스의 게시판에 글을 작성하여 업로들 할 수 있도록 하는 기능을 지원한다. 이러한 웹 에디터 컨트롤은 사용자가 HTML(Hypertext Markup Language)과 같은 컴퓨터 언어와 인터넷에 관한 지식이 많지 않아도 마치 문서작성 소프트웨어를 사용하는 것처럼 손쉽게 텍스트와 이미지 등의 각종 멀티미디어 데이터를 일정한 포맷에 맞추어 생성할 수 있도록 지원한다.

그러나 이러한 웹 에디터 컨트롤은 상술한 컴퓨터 언어가 지원하는 형태의 표현 형식만을 사용할 수 있는 단점을 가지고 있다. 따라서 HTML언어가 지원하지 않는 형태의 게시물 또는 내용을 작성하기 위해서는 사용자가 직접 제3의 소프트웨어를 이용하여 내용을 작성하고 이를 HTML언어에서 지원하는 이미지 형식으로 변환한 후 서버로 전송해야 하는 번거로움이 존재한다.

또한, 종래 HTML 언어를 기반으로 작성된 게시물을 정하여진 형태에 따라서 생성되기 때문에 게시물의 특정 내용에 따라 최종 열람자들에게 읽혀지는 가독성이 낮게 형성되거나 정보 인지 완료 시 까지 많은 시간이 소요되는 문제점이 있어, 새로운 형태의 인터넷 게시물 작성 방법 및 도구에 관한 연구가 절실히 필요한 실정이다.

이하 종래 웹 에디터 방법에 대해 알아보기로 한다.

NT_HTML는 WYSIWYG(What You See Is What You Get) 환경에서 워드(Word) 문 서를 HTML 문서로 변환하기 위해 설계된 매킨토시(Macintosh) 템플릿용 마이크로소프트 워드이다. 이 프로그램은 기존에 있던 HTML 파일들을 변환시켜 시스템 안에서 편집이 가능하도록 해주는 유틸리티를 가지고 있다. ANT_HTML은 또한 워드에서 HTML 파일을 ASCII, RTF, 또는 다른 형식의 문서로 변환하는 것 역시 가능하다. ANT_HTML는 모든 버전의 워드에서 작업이 가능하다. ANT_HTML은 사용자 정의를 지원한다. 새로운 태그가 나오면, ANT_HTML이 설치될 때 새로운 태그가 없더라도 사용자는 새로운 태그를 추가할 수 있다.

TC-Director는 윈도우용 단일 HTML 편집기이다. TC-Director는 표준 HTML 2.0 tag들을 지원하며 새로운 태그들의 삽입도 역시 허용한다. "Creation wizards"는 좀 더 복잡한 태그들의 목록을 지원하기 위해 제공된다.

Internet Assistant는 WYSIWYG 방식으로 HTML을 편집할 수 있는 윈도우 템플릿용 워드이고, 기존에 존재하는 HTML 문서를 불러올 수 있는 기능도 가지고 있다. 또한 편집을 도와주기 위한 간단한 브라우징 기능도 가지고 있다.

DiDa는 Godfrey Ko에 의해 제공되는 무료 HTML 편집기이다. DiDa는 편집창은 WYSIWYG가 아니지만, WYSIWYG 미리보기가 포함되어 있다. DiDa의 미리보기는 Netscape 호환 브라우저에서 사용자의 페이지가 어떻게 보여질지 보여준다.

NaviPress는 특별한 편리를 위한 원격 저장 함수를 가진 WYSIWYG HTML 편집기와 웹 브라우저의 결합이다. 버전 1.1은 HTML 3.0 이상을 지원한다.

HTMLed는 잘 알려진 WYSIWYG 방식이 아닌 HTML 편집기이다. 프로버전의 특징은 HTML 태그의 문맥-대응 강조이다. 프로버전은 기존에 존재하는 문서의 쉬운 변 환을 위해 RTF(Rich Text Format) 문서를 직접 읽어 들일 수 있다.

Visual HTML++는 매우 사용하기 쉬운 WYSIWYG 방식의 HTML 생성 tool이다. Visual HTML++ 은 주위를 끌 수 있고 간단한 HTML 문서를 만들어 낼 수는 있지만 기존에 존재하는 HTML 페이지를 편집할 수는 없다.

WebEdit는 WYSIWYG 방식의 미리보기 기능과 HTML 3.0 테이블을 위한 WYSIWYG 방식의 편집기를 가진 비 WYSIWYG 방식의 편집기이다.

상술한 바와 같이 종래의 멀티미디어 웹 에디터들은 모두 문서를 편집하는 기능이나 브라우저에서 보여주는 기능이 뛰어난 툴들이다. 하지만, 멀티미디어 웹 에디터에서 WYSIWYG 방식으로 문서를 편집하고, 같은 툴에서 보여줄 수 있는 기능은 아직 구현되지 않았다.

본 발명이 해결하고자 하는 과제는 멀티미디어와 HTML 문서를 일정한 문장 형식에 맞추어 작성하는 것보다 보이는 그대로 입력, 수정하는 위지윅 방식을 제안한다.

본 발명이 해결하고자 하는 과제는 멀티미디어와 HTML 문서를 위지윅 방식으로 작성함으로써 사용자가 간편하게 이용할 수 있으며, 원하는 대로 테일러링하여 작성할 수 있는 방안을 제안한다.

상술한 목적을 달성하기 위한 본 발명의 웹 에디터 장치는 HTML(하이퍼텍스 트 생성 언어) 문서를 작성하기 위한 영역을 제공하며, 상기 영역의 일측면에 컨트롤 툴바와 위지윅(WYSIWYG) 도구를 제공하는 위지윅 도구 제공부, 상기 위지윅 도구에 의한 작업 내용을 실시간으로 제공하는 작업 내용 제공부, 상기 컨트롤 툴바 또는 위지윅 도구 중 선택된 상기 컨트롤 툴바 또는 위지윅 도구에 대한 도움말을 제공하는 도움말 제공부를 포함한다.

상술한 목적을 달성하기 위한 본 발명은 HTML(하이퍼텍스트 생성 언어) 문서를 작성하기 위한 영역을 제공하며, 상기 영역의 일측면에 컨트롤 툴바와 위지윅(WYSIWYG) 도구를 표시하도록 지시하는 제1수단, 상기 제1 표시창의 작업 내용을 실시간으로 제2 표시창에 표시하도록 지시하는 제2수단, 상기 제1 표시창에 표시된 컨트롤 툴바 또는 위지윅 도구 중 선택된 상기 컨트롤 툴바 또는 위지윅 도구에 대한 도움말을 표시하도록 지시하는 제3수단을 포함하는 프로그램을 저장하는 저장매체를 제안한다.

본 발명은 멀티미디어와 HTML 문서를 일정한 문장 형식에 맞추어 작성하는 것보다 보이는 그대로 입력, 수정하는 위지윅 방식을 제안함으로써, 사용자가 간편하게 이용할 수 있으며, 원하는 대로 테일러링하여 작성할 수 있다는 장점이 있다.

전술한, 그리고 추가적인 본 발명의 양상들은 첨부된 도면을 참조하여 설명되는 바람직한 실시 예들을 통하여 더욱 명백해질 것이다. 이하에서는 본 발명의 이러한 실시 예를 통해 당업자가 용이하게 이해하고 재현할 수 있도록 상세히 설명 하기로 한다.

일반 사용자가 인터넷을 사용하여 원하는 문서를 작성하기에는 아직도 여러 가지 어려운 점이 많다. 인터넷을 사용하려면 HTML이라는 문서를 만들어야 사용할 수 있고 여러 가지 작성법을 배우기 위해서는 번거로움과 시간적 손실을 가만해야 한다.

본 발명은 멀티미디어와 HTML 문서를 일정한 문장 형식에 맞추어서 작성하는 것보다 보이는 그대로 입력, 수정하여 작성하는 WYSIWYG(What You See Is What You Get) 방식으로 만들어져 사용자가 이용하기에 간편하고, 직접 원하는 대로 테일러링(Tailering)하여 작성할 수 있도록 하는 방안을 제안한다.

즉, 본 발명은 멀티미디어 웹 에디터를 사용하여 자신의 HTML 문서를 사용자가 원하는 대로 테일러링하여 작성할 수 있도록 한다.

멀티미디어 웹 에디터의 구성은 메인 프로세스와 위지윅(WYSIWYG) 생성기를 포함한다. 메인 프로세스는 사용자가 작업을 하고, 그 작업 내용을 바로 볼 수 있도록 브라우저를 제공하며, 위지윅 생성기는 HTML 문서를 작업할 때 필요한 기능을 요구한다. 메인 프로세스에서 텍스트 또는 컨트롤 생성이 필요할 때, 위지윅 생성기를 실행한다.

도 1은 본 발명의 일실시 예에 따른 메인 프로세스 화면을 도시하고 있다. 도 1에 의하면, 메인 프로세스 화면은 3개의 소화면(창)으로 구성된다. 즉, 메인 프로세스 화면은 화면의 왼쪽에 위치하고 있는 브라우징 창, 화면의 오른쪽에 위치하고 있는 HTML 작성기 창, 화면의 하단에 위치하고 있는 헬프(도움말 제공, help) 창으로 구성된다.

HTML 작성기 창은 HTML(하이퍼텍스트 생성 언어) 문서를 작성하기 위한 영역을 제공하며, 위지윅 도구 제공부에 의해 영역의 일측면에 컨트롤 툴바와 위지윅(WYSIWYG) 도구를 제공한다. 메인 프로세스 화면은 작업 내용 제공부에 의해 위지윅 도구에 의한 작업 내용을 실시간으로 제공된다. 헬프창은 도움말 제공부에 의해 컨트롤 툴바 또는 위지윅 도구 중 선택된 컨트롤 툴바 또는 위지윅 도구에 대한 도움말을 제공한다.

HTML 작성기 창은 기존의 멀티미디어 웹 에디터에서와 같이 HTML 문서를 만들기 위해 직접 작성하는 창이다. 그러나 본 발명의 테일러링을 지원하는 멀티미디어 웹 에디터의 HTML 작성기 창은 오른쪽 옆에 있는 컨트롤 툴바 기능과 WYSIWYG 도구를 사용하여 사용자가 자신이 원하는 대로 문서를 작성할 수 있다. 또한 HTML 작성기 창은 문서 저장과 불러오기를 수행할 수 있다. 이하, 컨트롤 툴바 아이콘의 기능에 대해 알아보기로 한다.

도 2는 본 발명의 일실시 예에 따른 HTML 작성기 창에서 위지윅을 불러 사용자가 필요로 하는 버턴을 삽입하는 과정을 도시한 도면이다.

컬러링(Coloring)은 문장에서 Tag와 Attribute, value, 주석, text의 색상을 다르게 할 수 있도록 지원하며, 오류가 발생한 태그를 지적해준다.

스펠 체크(Spell Check)는 HTML 문장 중 Tag안에 있는 문장의 스펠을 체크한다. 스펠 체크는 HTML 문장 기술에 맞지 않거나, 보다 정확한 기록 방식을 지원하기 위하여 사용된다.

브라우징은 현재 문서를 웹 브라우저로 보여준다.

그림 삽입은 그림을 삽입할 때 사용하며, 아이콘을 누르면 복수 개의 속성을 주고, 그림을 확인하면 자동으로 그림이 입력된다.

검색은 대화 상자가 생성되며, 그 중에서 심마니, Yahoo, Altavista 등 중 하나를 선택하면 자동으로 입력이 된다.

P(Paragraph)는 선택한 문장을 웹에서 나누어지도록 문장을 묶어준다.

서체 변경 툴과 리스트 툴은 B(진한 글씨), I(이탤릭체), U(밑줄), Br(문단 종료), Hr(선 긋기), OL(Order List) UL(Unorder List)를 포함한다.

브라우징 창은 HTML 작성기 창에서 사용자가 작성한 HTML 문서를 보여준다. 브라우징 창은 만약 문서가 파일에 저장되지 않은 경우에는 디폴트 문서를 보여준다.

헬프 창은 HTML 작성기 창에서 태그를 더블 클릭하면 그 태그에 관한 문서로 이동한다. 헬프 창의 제어는 HTML 작성기 창에서 한다.

이하 도 3을 이용하여 위지윅 생성기에 대해 알아보기로 한다. 위지윅은 메인 프로세스에서 사용자가 작업할 경우, 필요한 컨트롤들과 이미지 그리고 텍스트를 지원한다. 위지윅 윈도우는 라디오 버튼, 체크 박스, 에디트 박스, 버튼, 하이퍼링크, 이미지를 지원한다. 위지윅 생성기는 RTF 파일 형식을 완전하게 HTML 형식으로 바꾸어 줄 수 있다는 장점을 가지고 있다. 위지윅 윈도우는 사용자가 장문의 파일을 작업할 때나 컨트롤 이미지를 HTML 문서에 삽입할 때 쓰인다.

테일러링을 지원하는 멀티미디어 웹 에디터는 먼저 사용자가 HTML 작성기 창 에서 자신이 원하는 컨트롤 툴바 기능을 사용하여 HTML 문서를 작성하고, 다른 프로세스로 동작하는 위지윅을 불러 필요한 기능을 삽입한다. 작업툴바에서 원하는 버튼을 선택한 후, 해당 버튼의 속성 다이얼로그 박스에 특정 값을 넣어주면 속성 클래스 객체를 생성한 후에 사용자에게 받은 정보를 저장한다. 저장된 정보는 HTML 작성기 창에 표시되고 브라우징 버튼을 누르면 사용자가 작성한 HTML 문서는 브라우징 창을 통해 보여진다.

멀티미디어 웹 에디터에서 WYSIWYG 방식으로 문서를 편집하고, 뷰를 통해 자신이 직접 만든 문서를 보여주는 툴이므로 개인 블로그나 문석 작성시 사용자의 구미에 맞게 문서를 꾸밀 수 있고, 웹 브라우징이 가능한 프리젠테이션 문서를 만들 수 있다. 이는 PC 뿐만 아니라 소형 무선의 문서 작업시 텍스트보다 위지윅 에디터를 사용함으로써 직관적인 웹 문서 작업이 가능하다.

이제까지 본 발명에 대하여 그 바람직한 실시예들을 중심으로 살펴보았다. 본 발명이 속하는 기술 분야에서 통상의 지식을 가진 자는 본 발명이 본 발명의 본질적인 특성에서 벗어나지 않는 범위에서 변형된 형태로 구현될 수 있음을 이해할 수 있을 것이다. 그러므로 개시된 실시예들은 한정적인 관점이 아니라 설명적인 관점에서 고려되어야 한다. 본 발명의 범위는 전술한 설명이 아니라 특허청구범위에 나타나 있으며, 그와 동등한 범위 내에 있는 모든 차이점은 본 발명에 포함된 것으로 해석되어야 할 것이다.

도 1은 본 발명의 일실시 예에 따른 메인 프로세스 화면을 도시하고 있으며,

도 2는 본 발명의 일실시 예에 따른 HTML 작성기 창에서 위지윅을 불러 사용자가 필요로 하는 버튼을 삽입하는 과정을 도시하고 있으며,

도 3은 본 발명의 일실시 예에 따른 위지윅 생성기를 도시하고 있다.