KR20190043853A - 엘리먼트 엑스엠엘 저장 메모리와 웹페이지 관리 플랫폼 시스템 - Google Patents

엘리먼트 엑스엠엘 저장 메모리와 웹페이지 관리 플랫폼 시스템 Download PDF

Info

Publication number
KR20190043853A
KR20190043853A KR1020170135877A KR20170135877A KR20190043853A KR 20190043853 A KR20190043853 A KR 20190043853A KR 1020170135877 A KR1020170135877 A KR 1020170135877A KR 20170135877 A KR20170135877 A KR 20170135877A KR 20190043853 A KR20190043853 A KR 20190043853A
Authority
KR
South Korea
Prior art keywords
file
attribute information
xml file
element xml
recorded
Prior art date
Application number
KR1020170135877A
Other languages
English (en)
Inventor
안태환
Original Assignee
주식회사 그로비스인포텍
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 주식회사 그로비스인포텍 filed Critical 주식회사 그로비스인포텍
Priority to KR1020170135877A priority Critical patent/KR20190043853A/ko
Publication of KR20190043853A publication Critical patent/KR20190043853A/ko

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/80—Information retrieval; Database structures therefor; File system structures therefor of semi-structured data, e.g. markup language structured data such as SGML, XML or HTML
    • G06F16/84—Mapping; Conversion
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/20—Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
    • G06F16/25—Integrating or interfacing systems involving database management systems
    • G06F16/258—Data format conversion from or to a database
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
    • G06F16/986—Document structures and storage, e.g. HTML extensions

Landscapes

  • Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Data Mining & Analysis (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Information Transfer Between Computers (AREA)
  • Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
  • Document Processing Apparatus (AREA)

Abstract

본 발명의 실시 형태인 ELEMENT XML 저장 메모리는 HTML 프로그래밍 언어로 제작되는 웹페이지를 디자인 요소별로 표현한 프로그래밍 언어 파일을 ELEMENT XML 파일이라고 정의할 때, 상기 ELEMENT XML 파일은, 상기 ELEMENT XML 파일을 관리하는데 사용되는 파일 관리 정보가 기록되는 파일 관리 정보 필드; 편집하고자 하는 HTML 파일 내에서 수정 불가능한 속성정보인 고정 속성정보가 기록되는 고정 속성정보 필드; 및 HTML 파일을 ELEMENT XML 파일로 변환하거나 ELEMENT XML 파일을 HTML 파일로 변환할 때 사용되는 속성정보가 기록되는 변환 속성정보 필드;를 포함하며, 상기 파일 관리 정보 필드, 고정 속성정보 필드, 및 변환 속성정보 필드를 가지는 ELEMENT XML 파일이 웹페이지별로 저장되어 있을 수 있다.

Description

엘리먼트 엑스엠엘 저장 메모리와 웹페이지 관리 플랫폼 시스템{System for managing webpage and ELEMENT XML memory}
본 발명은 웹페이지 프로그램 언어가 저장된 메모리와 웹페이지 관리 플랫폼으로서, 웹페이지의 디자인 요소 단위별로 관리할 수 있는 메모리와 웹페이지 관리 플랫폼 시스템에 관한 것이다.
HTML(Hypertext Markup Language)은 텍스트, 이미지, 선/도형 등과 같은 다양한 요소(이하, '디자인 요소'라 함)를 조합하여 웹문서를 생성하는 프로그래밍 언어이다. 즉, HTML은 웹문서의 전체적인 디자인 요소와 내용을 정의하고 브라우저를 통해 온라인으로 확인할 수 있는 프로그래밍 언어이다. 인터넷에서 웹을 통해 접근되는 대부분의 웹페이지는 HTML로 작성된다.
그런데 이러한 HTML은 브라우저에서 전체 문서를 표시하는 것은 용이하지만 각 디자인 요소별로 구분하거나 각 디자인 요소 단위별로 관리(저장/편집/불러오기 등)하는 것에는 용이하지 않은 측면이 있다.
디자인을 저작하거나 문서를 편집하기 위해서는 각 디자인 요소를 구분하여 저장하고 관리하는 것이 중요한 사항이며, 이를 위해서는 HTML에서 지원하지 않는 추가적인 정보 입력을 할 수 있는 수단이 필요한 실정이다.
또한 다양한 디자인 요소를 조합 또는 편집하는 저작도구의 특성상 디자인 요소는 라이브러리와 같이 손쉽게 불러오고 저장할 수 있는 형태로 관리되어야 하며, 대부분의 제작자들이 HTML 코드를 통해 각 요소를 만들게 되기 때문에 HTML 소스 변환 역시 중요한 문제이다.
한국등록특허 10-0415996
본 발명의 기술적 과제는 HTML 문서에 기재된 다양한 디자인 요소를 ELEMENT라는 형태로 구분하여 관리할 수 있는 수단을 제공하는데 있다.
본 발명의 실시 형태인 ELEMENT XML 저장 메모리는 HTML 프로그래밍 언어로 제작되는 웹페이지를 디자인 요소별로 표현한 프로그래밍 언어 파일을 ELEMENT XML 파일이라고 정의할 때, 상기 ELEMENT XML 파일은, 상기 ELEMENT XML 파일을 관리하는데 사용되는 파일 관리 정보가 기록되는 파일 관리 정보 필드; 편집하고자 하는 HTML 파일 내에서 수정 불가능한 속성정보인 고정 속성정보가 기록되는 고정 속성정보 필드; 및 HTML 파일을 ELEMENT XML 파일로 변환하거나 ELEMENT XML 파일을 HTML 파일로 변환할 때 사용되는 속성정보가 기록되는 변환 속성정보 필드;를 포함하며, 상기 파일 관리 정보 필드, 고정 속성정보 필드, 및 변환 속성정보 필드를 가지는 ELEMENT XML 파일이 웹페이지별로 저장되어 있을 수 있다.
상기 ELEMENT XML 파일은, 상기 HTML 파일내의 디자인 속성, 이미지 속성, 글자 속성을 포함하는 디자인 요소의 속성정보가 기록된 디자인 요소 속성정보 필드; 웹페이지를 통해 발생되는 액션에 대한 대응 정보가 기록된 액션 대응 정보 필드; 를 포함할 수 있다.
상기 ELEMENT XML 파일은, 하위 그룹에 속하는 2개 이상의 ELEMENT XML 파일이 기록되는 ELEMENT XML 그룹원 필드;를 포함할 수 있다.
상기 파일 관리 정보는, 상기 편집 저작자, 편집 일시를 포함할 수 있다.
또한 본 발명의 웹페이지 관리 플랫폼 시스템은, HTML 프로그래밍 언어로 제작되는 웹페이지를 디자인 요소별로 표현한 프로그래밍 언어 파일인 ELEMENT XML 파일을 웹페이지별로 저장하고 있으며, 클라이언트 단말기로부터 편집 요청된 ELEMENT XML 파일을 상기 클라이언트 단말기에 전송하고, 상기 클라이언트 단말기에서 편집되어 수신되는 편집 ELEMENT XML 파일을 저장하는 ELEMENT XML 파일 관리 서버; 편집하고자 하는 ELEMENT XML 파일을 상기 ELEMENT XML 파일 관리 서버로부터 수신하며, 수신한 ELEMENT XML 파일을 HTML 파일로 변환하여 웹브라우저 상에 표시하며, HTML 파일에 대한 편집이 있는 경우, 편집되는 HTML 파일을 ELEMENT XML 파일로 변환하여 상기 ELEMENT XML 파일 관리 서버로 전송하는 클라이언트 단말기; 및 상기 ELEMENT XML 파일 관리 서버와 클라이언트 단말기간에 유선 통신 또는 무선 통신을 제공하는 유무선 통신망;을 포함할 수 있다.
상기 클라이언트 단말기는, ELEMENT XML 파일을 상기 ELEMENT XML 파일 관리 서버로부터 수신하며, 클라이언트로부터 편집된 ELEMENT XML 파일을 상기 ELEMENT XML 파일 관리 서버로 전송하는 단말기 통신부; HTML 파일을 편집할 수 있는 저작 툴을 제공하는 저작 툴 제공부; 웹브라우저와 저작 툴이 표시되는 표시부; 및 상기 ELEMENT XML 파일 관리 서버로부터 수신한 ELEMENT XML 파일을 HTML 파일로 변환하여 웹페이지로서 웹브라우저 상에 표시하며, 상기 저작 툴을 통하여 클라이언트로부터 HTML 파일에 대한 편집이 있는 경우, 편집되는 HTML 파일을 편집 ELEMENT XML 파일로 변환하는 파일 변환부;를 포함할 수 있다.
본 발명의 실시 형태에 따르면 다양한 디자인 요소를 ELEMENT라는 단위로 구분하여 재정의함으로써, 일괄적으로 생성, 저장, 편집, 불러오기 등의 관리가 간편하다. 또한 다양한 문서 형태로 변환이 용이하며, 다수의 디자인 요소를 그룹화하거나 서로 종속하여 사용할 수 있다. 또한 HTML에서 지원하지 않는 정보를 추가적으로 담을 수 있으며, 다수의 파일로 나뉘어져 있을 수 있는 정보를 하나의 파일에서 통합 관리할 수 있다. 또한 각 디자인 요소별로 관리함에 따라 디자인 라이브러리 구현이 용이하다.
도 1은 웹페이지를 구현할 때 사용되는 프로그래밍 언어의 파일들을 도시한 그림.
도 2는 본 발명의 실시예에 따른 ELEMENT XML 파일의 구성 필드에 대한 정의를 도시한 그림.
도 3은 본 발명의 실시예에 따라 웹페이지내의 이미지 디자인 요소를 ELEMENT XML 파일로 변환시의 구성 필드를 도시한 그림.
도 4는 본 발명의 실시예에 따른 텍스트의 디자인 요소를 ELEMENT XML 파일로 변환시의 구성 필드를 도시한 그림.
도 5는 본 발명의 실시예에 따라 디자인 요소를 그룹화한 ELEMENT XML 구조를 도시한 그림.
도 6은 본 발명의 실시예에 따른 웹페이지 관리 플랫폼 시스템의 구성도.
도 7은 본 발명의 실시예에 따라 웹페이지 관리가 이루어지는 모습을 도시한 그림.
도 8은 기존의 전체 관리 모습과 본 발명의 실시예에 따른 디자인 요소별 관리 모습을 도시한 그림.
도 9는 본 발명의 실시예에 따른 클라이언트 단말기의 구성 블록도.
이하, 본 발명의 장점 및 특징, 그리고 그것들을 달성하는 방법은 첨부되는 도면과 함께 상세하게 후술되어 있는 실시예들을 참조하면 명확해질 것이다. 그러나 본 발명은, 이하에서 개시되는 실시예들에 한정되는 것이 아니라 서로 다른 다양한 형태로 구현될 것이며, 본 발명이 속하는 기술분야에서 통상의 지식을 가진 자에게 발명의 범주를 완전하게 알려주기 위해 제공되는 것으로, 본 발명은 청구항의 범주에 의해 정의될 뿐이다. 또한, 본 발명을 설명함에 있어 관련된 공지 기술 등이 본 발명의 요지를 흐리게 할 수 있다고 판단되는 경우 그에 관한 자세한 설명은 생략하기로 한다.
도 1은 웹페이지를 구현할 때 사용되는 프로그래밍 언어의 파일들을 도시한 그림이며, 도 2는 본 발명의 실시예에 따른 ELEMENT XML 파일의 구성 필드에 대한 정의를 도시한 그림이며, 도 3은 본 발명의 실시예에 따라 웹페이지내의 이미지 디자인 요소를 ELEMENT XML 파일로 변환시의 구성 필드를 도시한 그림이며, 도 4는 본 발명의 실시예에 따른 텍스트의 디자인 요소를 ELEMENT XML 파일로 변환시의 구성 필드를 도시한 그림이며, 도 5는 본 발명의 실시예에 따라 디자인 요소를 그룹화한 ELEMENT XML 구조를 도시한 그림이다.
알려진 바와 같이 HTML(Hypertext Markup Language)은, 문서의 글자크기, 글자색, 글자모양, 그래픽, 문서이동(하이퍼링크) 등을 정의하는 명령어로서 홈페이지를 작성하는 데 쓰이는 프로그래밍 언어이다. HTML에서 사용하는 명령어는 태그(tag)라고 하는데 꺽쇠괄호"< >"를 사용하여 나타낸다. 일반적으로 태그는 시작과 끝을 표시하는 2개의 쌍으로 이루어져 있으나 "img", "br"등의 태그와 같이 시작태그만으로 그 영향을 나타내는 경우도 있으며, 종료 태그의 이름은 슬래시 문자[/]로 시작된다. HTML로 작성된 문서를 웹 브라우저가 해석하여 이용자에게 보여주게 된다. HTML에서는 문서가 별도의 코드(code)를 인식하여 완벽한 하이퍼텍스트를 만들 뿐만 아니라 단어 또는 단문을 인터넷의 다른 장소나 파일로 연결시킬 수 있다.
본 발명의 실시예 설명에 앞서, 발명의 이해를 돕기 위하여 기존 웹페이지를 표시할 때 사용되는 관련 파일들에 대하여 도 1과 함께 설명하기로 한다.
예를 들어, 도 1에 도시한 그림과 텍스트를 가지는 웹페이지일 경우, 이러한 웹페이지를 웹브라우저에서 표시하기 위하여 웹브라우저는, HTML 파일, CSS 파일, JS 파일을 필요로 할 수 있다.
HTML 파일은, 상기에서 설명한 바와 같이 꺽쇠괄호"<>"를 사용하며 태그로서 처음과 끝을 표시하는 HTML 프로그래밍 언어로 작성되는 파일이다.
CSS 파일은, 웹페이지에 표시되는 그림, 이미지, 텍스트 등의 디자인 요소 각각에 대한 속성정보가 기록되는 파일이다. 예컨대, 그림 크기 및 색상, 텍스트 크기 등 디자인 요소의 속성정보가 기록될 수 있다.
JS파일은 웹페이지를 통해 발생되는 액션에 대한 대응 정보가 기록되는 파일이다. 예컨대, '클릭' 이벤트 발생시에 경고 파일을 출력하라는 내용들이 JS파일에 기록될 수 있다.
상기의 도 1에 도시한 바와 같이, 웹페이지를 제작하기 위하여 HTML 파일, CSS 파일, JS 파일들을 구비하는데, 이는 웹브라우저에서 전체 문서를 표시하는 것은 용이하지만, 각 디자인 요소별로 구분하거나 각 디자인 요소 단위별로 관리(저장/편집/불러오기 등)하는 것에는 용이하지 않다.
이러한 문제점을 극복하기 위하여 본 발명은, HTML 언어로 기술된 문서에서 기초적인 디자인 단위를 구분하여 관리하기 위해서 XML(extensible markup language) 형식을 활용하여 디자인 요소의 구조를 고안하고 이를 위한 규약을 제안한다. HTML 파일, CSS 파일, JS 파일이 혼재되어 있는 디자인 요소를 ELEMENT라고 정의하여 하나의 단위로서 구별하고, 이러한 엘리먼트를 저장, 변경, 로드하기 위한 방안을 제안한다. 따라서 본 발명을 통하여 페이지 단위가 아닌 디자인 요소 단위로 구분하여 관리할 수 있도록 한다.
또한 사용자에게 변경한 디자인을 표시하거나 결과물을 출력하기 위해서는 HTML 코드로 변환이 용이하여야 하므로 XML 문서와 HTML 문서간의 원활한 변환이 중요한 사항이 된다. 이를 위해 HTML 코드를 각각 분리하여 분석 관리하게 된다.
이하, 본 발명에서는, HTML 프로그래밍 언어로 제작되는 웹페이지를 디자인 요소별로 표현한 프로그래밍 언어 파일을 ELEMENT XML 파일이라고 정의한다. 이러한 ELEMENT XML 파일이 컴퓨터 등의 연산 장치의 메모리에 저장되어 관리된다.
이하, ELEMENT XML 파일에 대하여 상술한다.
ELEMENT XML 파일은, 도 2에 도시한 바와 같이 파일 관리 정보 필드(10), 고정 속성정보 필드(20), 변환 속성정보 필드(30)를 포함할 수 있다. 이밖에, 디자인 요소 속성정보 필드(40), 액션 대응 정보 필드(50), 및 ELEMENT XML 그룹원 필드(60)를 포함할 수 있다.
파일 관리 정보 필드(10)는, ELEMENT XML 파일을 관리하는데 사용되는 파일 관리 정보가 기록되는 데이터 필드이다. 파일 관리 정보 필드(10)는, HTML 파일에서 지원되지 않는 엘리먼트(element) 관리에 필요한 정보가 기록되는데, 예를 들어, 파일 관리 정보는, 편집 저작자, 편집 일시 등의 정보일 수 있다. 기존 HTML 파일에는 태그 정보 등이 기록될 수 있을 뿐이지, 저작자, 제작시간 등의 정보가 기록되지 않는데, 본 발명의 ELEMENT XML 파일의 파일 관리 정보 필드(10)에는, 편집 저작자, 편집 일시 등의 추가적인 정보들이 기록될 수 있다.
변환 속성정보 필드(30)는, 편집하고자 HTML 파일 내에서 수정 불가능한 속성정보인 고정 속성정보가 기록되는 데이터 필드이다. 즉, 기존의 HTML 파일의 기본 정보가 기록되는 필드로서, 디자인 요소인 엘리먼트의 기초적인 구조를 정의하며, 각 구조 부분의 이름을 정의한다. 예를 들어, 웹페이지내의 '그림' 디자인 요소의 경우에는 도 3과 같이 'image' 관련 태그로서 변환 속성정보 필드(30)에 기록되며, '텍스트' 디자인 요소의 경우에는 도 4에 도시한 바와 같이 'text' 관련 태그로서 변환 속성정보 필드(30)에 기록된다.,
변환 속성정보 필드(30)는, HTML 파일 내에서 수정 가능한 속성정보인 변환 속성정보가 기록되는 데이터 필드로서, HTML 파일을 ELEMENT XML 파일로 변환하거나 ELEMENT XML 파일을 HTML 파일로 변환할 때 사용되는 속성정보가 기록되는 데이터 필드이다. 변환 속성정보 필드(30)는, 다수의 오브젝트로 구성될 수 있으며, 웹페이지를 이루는 엘리먼트를 구성하는 디자인 요소를 구체적으로 정의하여 기록되는 필드이다.
디자인 요소 속성정보 필드(40)는, HTML 파일내의 디자인 속성, 이미지 속성, 글자 속성을 포함하는 디자인 요소의 속성정보가 기록되는 데이터 필드이다. 기존의 CSS 파일에 저장된 디자인 요소의 속성정보(크기, 색상 등)에 대응되는 데이터가 기록된다.
액션 대응 정보 필드(50)는, 웹페이지를 통해 발생되는 액션에 대한 대응 정보가 기록되는 데이터 필드이다. 즉, 기존의 JS 파일에 저장된 액션 대응 정보가 액션 대응 정보 필드(50)에 기록된다.
경우에 따라서, ELEMENT XML 파일은, 이들 디자인 요소 속성정보 필드(40)와 액션 대응 정보 필드(50)를 구비하지 않을 수 있다. 이럴 경우, 디자인 요소 속성정보 필드(40)에 기록될 디자인 요소의 속성정보와 액션 대응 정보 필드(50)에 기록될 액션 대응 정보를 변환 속성정보 필드(30)에 기록할 수 있다.
한편, 그룹화 및 여러개의 엘리먼트를 제어하기 위한 방법 역시 HTML에서는 지원하지 않는 부분이나 ELEMENT XML 구조에서는 하나의 엘리먼트가 다수의 엘리먼트를 포함할 수 있는 구조로 설계되도록 한다. 또한 메타 태그 입력을 통해 디자인 저작자의 저작시간, 관리방법을 추가로 기재할 수 있으며, 이러한 관리 정보를 통해 디자인 라이브러리에서 활용이 가능하게 된다.
이와 같이 디자인 요소를 엘리먼트 그룹화 관리하기 위하여 ELEMENT XML 파일은, 하위 그룹에 속하는 2개 이상의 ELEMENT XML 파일이 기록되는 데이터 필드인 ELEMENT XML 그룹원 필드(60)를 포함한다. ELEMENT XML 그룹원 필드(60)는, 상위 엘리먼트는 하위 엘리먼트의 구조 그대로 포함하여 그룹을 정의할 수 있다. 예를 들어, 웹페이지 내에 '그림'과 '텍스트'의 2개의 디자인 요소가 있는 경우, ELEMENT XML 그룹원 필드(60)에는, 도 5에 도시한 바와 같이 '그림'의 ELEMENT XML 파일과, '텍스트'의 ELEMENT XML 파일이 기록되어 관리된다.
한편, 본 발명의 ELEMENT XML 파일은 디자인 요소를 판매/구매할 수 있는 마켓과 이를 통해 구매한 디자인 요소를 응용하여 제작할 수 있는 저작 툴을 제공한다. 이하 도 6 내지 도 8과 함께 상술하기로 한다.
도 6은 본 발명의 실시예에 따른 웹페이지 관리 플랫폼 시스템의 구성도이며, 도 7은 본 발명의 실시예에 따라 웹페이지 관리가 이루어지는 모습을 도시한 그림이며, 도 8은 기존의 전체 관리 모습과 본 발명의 실시예에 따른 디자인 요소별 관리 모습을 도시한 그림이며, 도 9는 본 발명의 실시예에 따른 클라이언트 단말기의 구성 블록도이다.
본 발명의 웹페이지 관리 플랫폼 시스템은, 도 6에 도시한 바와 같이 유무선 통신망(100), ELEMENT XML 파일 관리 서버(200), 및 클라이언트 단말기(300)를 포함할 수 있다.
유무선 통신망(100)은, ELEMENT XML 파일 관리 서버(200)와 클라이언트 단말기(300)간에 유선 통신 또는 무선 통신을 제공하는 통신망이다. 이러한 유무선 통신망(100)이 무선 통신망으로 구현되는 경우, 기지국(BTS;Base Transceiver Station), 이동교환국(MSC;Mobile Switching Center), 및 홈 위치 등록기(HLR;Home Location Register)로 이루어진 무선 이동통신망을 이용하여 데이터 통신을 할 수 있다. 또한 유무선 통신망(100)이 유선 통신망으로 구현되는 경우, 네트워크 통신망으로 구현될 수 있는데 TCP/IP(Transmission Control Protocol/Internet Protocol) 등의 인터넷 프로토콜에 따라서 데이터 통신이 이루어질 수 있다.
ELEMENT XML 파일 관리 서버(200)는, 하드웨어적으로는 통상적인 웹 서버(200)와 동일한 구성을 가지며, 소프트웨어적으로는 C, C++, Java, Visual Basic, Visual C 등과 같은 다양한 형태의 언어를 통해 구현되어 여러 가지 기능을 하는 프로그램 모듈을 구비한 DB 관리 서버(200)이다.
ELEMENT XML 파일 관리 서버(200)는, HTML 프로그래밍 언어로 제작되는 웹페이지를 디자인 요소별로 표현한 프로그래밍 언어 파일인 ELEMENT XML 파일을 웹페이지별로 저장한다. 또한 ELEMENT XML 파일 관리 서버(200)는, 클라이언트 단말기(300)로부터 편집 요청된 ELEMENT XML 파일을 클라이언트 단말기(300)에 전송하고, 클라이언트 단말기(300)에서 편집되어 수신되는 ELEMENT XML 파일을 편집 대상 웹페이지에 저장한다. 결국 도 7에 도시한 바와 같이 클라이언트 단말기(300)는, ELEMENT XML 파일 관리 서버(200)에 접속하여 디자인 요소를 손쉽게 생성, 편집 등을 할 수 있다. 결국, 도 8(a)에 도시한 바와 같이, 하나의 HTML 파일에서 전체 디자인 요소가 관리되는 것에 반하여, 도 8(b)에 도시한 바와 같이 ELEMENT XML 파일 관리 서버(200)는, 각각의 디자인 요소별로 구분하여 관리할 수 있게 된다.
참고로, ELEMENT XML 파일 관리 서버(200)와 클라이언트 단말기(300) 간에 송수신되는 ELEMENT XML 파일은, 상기에서 설명한 바와 같이, ELEMENT XML 파일을 관리하는데 사용되는 파일 관리 정보가 기록되는 파일 관리 정보 필드(10)와, 편집하고자 하는 HTML 파일 내에서 수정 불가능한 속성정보인 고정 속성정보가 기록되는 고정 속성정보 필드(20)와, 및 HTML 파일 내에서 수정 가능한 속성정보인 변환 속성정보가 기록되는 데이터 필드로서 HTML 파일을 ELEMENT XML 파일로 변환하거나 ELEMENT XML 파일을 HTML 파일로 변환할 때 사용되는 속성정보가 기록되는 변환 속성정보 필드(30)를 포함할 수 있다.
나아가, ELEMENT XML 파일은, HTML 파일내의 디자인 속성, 이미지 속성, 글자 속성을 포함하는 디자인 요소의 속성정보가 기록된 디자인 요소 속성정보 필드(40)와, 웹페이지를 통해 발생되는 액션에 대한 대응 정보가 기록된 액션 대응 정보 필드(50)와, 하위 그룹에 속하는 2개 이상의 ELEMENT XML 파일이 기록되는 ELEMENT XML 그룹원 필드(60)를 더 포함할 수 있다.
클라이언트 단말기(300)는, 웹페이지 내의 그림, 텍스트 등의 디자인 요소를 클라이언트로부터 편집받을 수 있는 단말기로서, 도면에서는 스마트폰(smart phone)을 예로 들어 설명하나, 스마트폰만 아니라 데스크탑 PC(desktop PC), 태블릿 PC(tablet PC), 슬레이트 PC(slate PC), 노트북 컴퓨터(notebook computer) 등이 해당될 수 있다. 물론, 본 발명이 적용 가능한 단말기는 상술한 종류에 한정되지 않고, 외부 장치와 통신이 가능한 단말기를 모두 포함할 수 있음은 당연하다.
클라이언트 단말기(300)는, 편집하고자 하는 ELEMENT XML 파일을 ELEMENT XML 파일 관리 서버(200)로부터 수신하며, 수신한 ELEMENT XML 파일을 HTML 파일로 변환하여 웹브라우저 상에 표시한다. 또한 HTML 파일에 대한 편집이 있는 경우, 편집되는 HTML 파일을 편집 ELEMENT XML 파일로 변환하여 ELEMENT XML 파일 관리 서버(200)로 전송한다.
이를 위하여 클라이언트 단말기(300)는, 도 9에 도시한 바와 같이, 단말기 통신부(340), 저작 툴 제공부(320), 표시부(310), 및 파일 변환부(330)를 포함할 수 있다.
단말기 통신부(310)는, 외부의 ELEMENT XML 파일 관리 서버(200)와 네트워크 통신하는 H/W 및 S/W를 지원하는 모듈이다. 단말기 통신부(340)는, 편집하고자 하는 ELEMENT XML 파일을 ELEMENT XML 파일 관리 서버(200)로부터 수신하며, 또한 클라이언트로부터 편집된 ELEMENT XML 파일을 ELEMENT XML 파일 관리 서버(200)로 전송한다.
표시부(310)는, 웹브라우저와 저작 툴이 표시되는 디스플레이 수단이다.
저작 툴 제공부(320)는, HTML 파일에 대한 저작 툴을 제공하는 기능을 수행한다.
파일 변환부(330)는, ELEMENT XML 파일 관리 서버(200)로부터 수신한 ELEMENT XML 파일을 HTML 파일로 변환하여 웹페이지로서 웹브라우저 상에 표시한다. 또한 파일 변환부(330)는 저작 툴을 통하여 클라이언트로부터 HTML 파일에 대한 편집이 있는 경우, 편집되는 HTML 파일을 ELEMENT XML 파일로 변환한다.
파일 변환부(330)는, 언어 변환 엔진을 구비하여, 이러한 ELEMENT XML 파일에서 HTML 파일로의 변환이나 HTML 파일을 ELEMENT XML 파일로의 변환은, ELEMENT XML 파일의 변환 속성정보 필드(30)를 참고하여 변환이 이루어지도록 한다. 예를 들어, HTML 파일내의 어느 특정 디자인 요소의 속성정보를 별도의 속성명칭으로서 변환 속성정보 필드(30)에서 관리하고, 이러한 속성명칭을 호출하여 양방향으로의 변환이 이루어지도록 한다.
상술한 본 발명의 설명에서의 실시예는 여러가지 실시가능한 예중에서 당업자의 이해를 돕기 위하여 가장 바람직한 예를 선정하여 제시한 것으로, 이 발명의 기술적 사상이 반드시 이 실시예만 의해서 한정되거나 제한되는 것은 아니고, 본 발명의 기술적 사상을 벗어나지 않는 범위내에서 다양한 변화와 변경 및 균등한 타의 실시예가 가능한 것이다.
100:유무선 통신망
200:ELEMENT XML 파일 관리 서버
300:클라이언트 단말기

Claims (8)

  1. HTML 프로그래밍 언어로 제작되는 웹페이지를 디자인 요소별로 표현한 프로그래밍 언어 파일을 ELEMENT XML 파일이라고 정의할 때,
    상기 ELEMENT XML 파일은,
    상기 ELEMENT XML 파일을 관리하는데 사용되는 파일 관리 정보가 기록되는 파일 관리 정보 필드;
    편집하고자 하는 HTML 파일 내에서 수정 불가능한 속성정보인 고정 속성정보가 기록되는 고정 속성정보 필드; 및
    HTML 파일을 ELEMENT XML 파일로 변환하거나 ELEMENT XML 파일을 HTML 파일로 변환할 때 사용되는 속성정보가 기록되는 변환 속성정보 필드;를 포함하며,
    상기 파일 관리 정보 필드, 고정 속성정보 필드, 및 변환 속성정보 필드를 가지는 ELEMENT XML 파일이 웹페이지별로 저장되어 있는 ELEMENT XML 저장 메모리.
  2. 청구항 1에 있어서, 상기 ELEMENT XML 파일은,
    상기 HTML 파일내의 디자인 속성, 이미지 속성, 글자 속성을 포함하는 디자인 요소의 속성정보가 기록된 디자인 요소 속성정보 필드;
    웹페이지를 통해 발생되는 액션에 대한 대응 정보가 기록된 액션 대응 정보 필드;
    를 포함하는 ELEMENT XML 저장 메모리.
  3. 청구항 1 또는 청구항 2에 있어서, 상기 ELEMENT XML 파일은,
    하위 그룹에 속하는 2개 이상의 ELEMENT XML 파일이 기록되는 ELEMENT XML 그룹원 필드;
    를 포함하는 ELEMENT XML 저장 메모리.
  4. 청구항 1에 있어서, 상기 파일 관리 정보는,
    상기 편집 저작자, 편집 일시를 포함하는 ELEMENT XML 저장 메모리.
  5. HTML 프로그래밍 언어로 제작되는 웹페이지를 디자인 요소별로 표현한 프로그래밍 언어 파일인 ELEMENT XML 파일을 웹페이지별로 저장하고 있으며, 클라이언트 단말기로부터 편집 요청된 ELEMENT XML 파일을 상기 클라이언트 단말기에 전송하고, 상기 클라이언트 단말기에서 편집되어 수신되는 편집 ELEMENT XML 파일을 저장하는 ELEMENT XML 파일 관리 서버;
    편집하고자 하는 ELEMENT XML 파일을 상기 ELEMENT XML 파일 관리 서버로부터 수신하며, 수신한 ELEMENT XML 파일을 HTML 파일로 변환하여 웹브라우저 상에 표시하며, HTML 파일에 대한 편집이 있는 경우, 편집되는 HTML 파일을 ELEMENT XML 파일로 변환하여 상기 ELEMENT XML 파일 관리 서버로 전송하는 클라이언트 단말기; 및
    상기 ELEMENT XML 파일 관리 서버와 클라이언트 단말기간에 유선 통신 또는 무선 통신을 제공하는 유무선 통신망;
    을 포함하는 웹페이지 관리 플랫폼 시스템.
  6. 청구항 5에 있어서, 상기 ELEMENT XML 파일은,
    상기 ELEMENT XML 파일을 관리하는데 사용되는 파일 관리 정보가 기록되는 파일 관리 정보 필드;
    편집하고자 하는 HTML 파일 내에서 수정 불가능한 속성정보인 고정 속성정보가 기록되는 고정 속성정보 필드; 및
    및 상기 HTML 파일을 ELEMENT XML 파일로 변환하거나 ELEMENT XML 파일을 HTML 파일로 변환할 때 사용되는 속성정보가 기록되는 변환 속성정보 필드;
    를 포함하는 웹페이지 관리 플랫폼 시스템.
  7. 청구항 6에 있어서, 상기 ELEMENT XML 파일은,
    상기 HTML 파일내의 디자인 속성, 이미지 속성, 글자 속성을 포함하는 디자인 요소의 속성정보가 기록된 디자인 요소 속성정보 필드; 및
    웹페이지를 통해 발생되는 액션에 대한 대응 정보가 기록된 액션 대응 정보 필드;
    를 포함하는 웹페이지 관리 플랫폼 시스템.
  8. 청구항 6 또는 청구항 7에 있어서, 상기 ELEMENT XML 파일은,
    하위 그룹에 속하는 2개 이상의 ELEMENT XML 파일이 기록되는 ELEMENT XML 그룹원 필드;
    를 포함하는 웹페이지 관리 플랫폼 시스템.
KR1020170135877A 2017-10-19 2017-10-19 엘리먼트 엑스엠엘 저장 메모리와 웹페이지 관리 플랫폼 시스템 KR20190043853A (ko)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020170135877A KR20190043853A (ko) 2017-10-19 2017-10-19 엘리먼트 엑스엠엘 저장 메모리와 웹페이지 관리 플랫폼 시스템

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020170135877A KR20190043853A (ko) 2017-10-19 2017-10-19 엘리먼트 엑스엠엘 저장 메모리와 웹페이지 관리 플랫폼 시스템

Publications (1)

Publication Number Publication Date
KR20190043853A true KR20190043853A (ko) 2019-04-29

Family

ID=66282758

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020170135877A KR20190043853A (ko) 2017-10-19 2017-10-19 엘리먼트 엑스엠엘 저장 메모리와 웹페이지 관리 플랫폼 시스템

Country Status (1)

Country Link
KR (1) KR20190043853A (ko)

Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR100415996B1 (ko) 1998-10-12 2004-01-31 삼성전자주식회사 웹서버에 의한 ｈｔｍｌ문서의 제공방법

Patent Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR100415996B1 (ko) 1998-10-12 2004-01-31 삼성전자주식회사 웹서버에 의한 ｈｔｍｌ문서의 제공방법

Similar Documents

Publication Publication Date Title
KR100853281B1 (ko) 브라우저 창에 웹 페이지 디스플레이하기 및 웹 페이지처리 방법
US9026900B1 (en) Invisible overlay for dynamic annotation
US20110258535A1 (en) Integrated document viewer with automatic sharing of reading-related activities across external social networks
CN103412928A (zh) 一种在移动终端实现浏览器页面智能响应式布局的方法与装置
CN104834753A (zh) 生成网页截图的方法及其装置
GB2364802A (en) Electronic document delivery and transformation
WO2009093643A1 (ja) マークアップ言語文書変換システム、装置、方法およびプログラム
CN111428170B (zh) web页面渲染方法及装置
US20160188558A1 (en) Information processing device, information processing method, and program
KR101453743B1 (ko) 웹 어플리케이션을 위한 사전 캐싱 방법 및 이를 적용한 단말 장치
TWI435226B (zh) A method of reading a system, a terminal, an image server, a computer program product, a terminal, and an image server
KR20100075786A (ko) 웹사이트 영역취합시스템 및 그 방법
CN111651966A (zh) 数据报告文件生成方法、装置与电子设备
KR101437843B1 (ko) 전자문서 레이아웃 유지를 위한 폰트처리 방법, 그리고 이를 위한 폰트처리 프로그램을 기록한 컴퓨터로 판독가능한 기록매체
KR20120029013A (ko) 호스트장치 및 호스트장치의 웹컨텐츠 표시방법
Paternò et al. Automatically adapting web sites for mobile access through logical descriptions and dynamic analysis of interaction resources
JP4451925B1 (ja) ガイドライン管理装置及びガイドライン管理プログラム
CN117055987A (zh) 网页显示方法、装置、电子设备及计算机可读存储介质
CN111428452A (zh) 一种批注数据保存方法及装置
KR20190043853A (ko) 엘리먼트 엑스엠엘 저장 메모리와 웹페이지 관리 플랫폼 시스템
JP2006172319A (ja) 情報管理装置、端末装置、情報管理システム、情報管理方法、及び情報管理プログラム
TW200907703A (en) Method and system for editing web data
KR20180050825A (ko) 마크업언어를 이용한 이러닝 컨텐츠 저작 장치
CN113220297A (zh) 网页样式动态生成方法及装置、存储介质及电子设备
JP2908425B1 (ja) フレームを使用しているホームページのマーキング・再表示方式

Legal Events

Date Code Title Description
A201 Request for examination
E902 Notification of reason for refusal
E601 Decision to refuse application