KR20110019942A - 웹페이지 편집 저장 시스템 - Google Patents
웹페이지 편집 저장 시스템 Download PDFInfo
- Publication number
- KR20110019942A KR20110019942A KR1020090077571A KR20090077571A KR20110019942A KR 20110019942 A KR20110019942 A KR 20110019942A KR 1020090077571 A KR1020090077571 A KR 1020090077571A KR 20090077571 A KR20090077571 A KR 20090077571A KR 20110019942 A KR20110019942 A KR 20110019942A
- Authority
- KR
- South Korea
- Prior art keywords
- web page
- image
- layer
- user terminal
- editing
- Prior art date
Links
- 238000003384 imaging method Methods 0.000 claims abstract description 78
- 238000013500 data storage Methods 0.000 claims abstract description 24
- 230000005540 biological transmission Effects 0.000 claims description 32
- 238000000034 method Methods 0.000 claims description 6
- 238000010586 diagram Methods 0.000 description 8
- 230000006835 compression Effects 0.000 description 3
- 238000007906 compression Methods 0.000 description 3
- 230000008859 change Effects 0.000 description 1
- 239000003086 colorant Substances 0.000 description 1
- 238000004891 communication Methods 0.000 description 1
- 230000008014 freezing Effects 0.000 description 1
- 238000007710 freezing Methods 0.000 description 1
- 230000036541 health Effects 0.000 description 1
- 238000010295 mobile communication Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000008569 process Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0483—Interaction with page-structured environments, e.g. book metaphor
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
- G06Q50/00—Information and communication technology [ICT] specially adapted for implementation of business processes of specific business sectors, e.g. utilities or tourism
- G06Q50/10—Services
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Business, Economics & Management (AREA)
- Tourism & Hospitality (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Health & Medical Sciences (AREA)
- Human Computer Interaction (AREA)
- Economics (AREA)
- General Health & Medical Sciences (AREA)
- Human Resources & Organizations (AREA)
- Marketing (AREA)
- Primary Health Care (AREA)
- Strategic Management (AREA)
- General Business, Economics & Management (AREA)
- Information Transfer Between Computers (AREA)
Abstract
본 발명은 사용자 단말기로 이미지화 서비스 페이지를 전송하는 이미지화 서비스부; 이미지 데이터가 저장되는 이미지 데이터 저장부; 및 상기 사용자 단말기로부터 상기 이미지화 서비스 페이지를 통해 생성되는 상기 이미지 데이터를 전송받아 상기 이미지 데이터 저장부에 저장하는 저장 서비스부; 를 포함하고, 상기 이미지화 서비스 페이지는 URL(Uniform Resource Locator)입력창; 상기 URL에 대응되는 웹페이지를 표시하는 웹페이지 출력창; 상기 웹페이지 출력창에 레이어를 적층하여 표시하는 레이어 생성 모듈; 상기 레이어를 그래픽 편집하는 레이어 편집 모듈; 상기 웹페이지를 캡쳐하여 웹페이지 이미지를 생성하고, 상기 웹페이지 이미지와 상기 편집된 레이어를 병합(merge)하여 결합 이미지를 생성하고 상기 사용자 단말기로부터 상기 결합이미지에 대한 정보를 전송받는 이미지 결합 모듈; 및 상기 결합 이미지와 상기 결합 이미지에 대한 정보가 포함된 이미지 데이터를 상기 저장 서비스부로 전송하는 전송 모듈; 을 포함하고, 상기 사용자 단말기로부터 레이어 생성 모듈, 레이어 편집 모듈, 이미지 결합 모듈 및 전송 모듈에 대한 제어 신호를 전송받아 상기 모듈들을 제어하는 메뉴창; 을 포함하는 것을 특징으로 하는 웹페이지 편집 저장 시스템에 관한 것이다. 본 발명에 따르면, 웹페이지의 저장과 함께 용이하게 편집할 수 있는 웹페이지 편집 저장 시스템을 제공할 수 있다.
이미지화 서비스, 웹페이지, 레이어, 캡쳐, 편집 저장
Description
본 발명은 웹페이지 편집 저장 시스템에 관한 것으로, 보다 상세하게는 웹페이지의 저장과 동시에 용이하게 편집이 가능한 웹페이지 편집 저장 시스템에 관한 것이다.
본 발명은 웹페이지 편집 저장 시스템에 관한 것이다.
웹페이지(web page)는 월드 와이드 웹 상에 있는 개개의 문서를 가리키는 것으로써 책에서의 페이지와는 달리, 두 개 이상의 웹페이지들을 서로 하이퍼링크로 연결시킬 수 있다는 점이 특징이다. 대부분의 웹페이지는 웹 서버에 저장되며 HTML(또는 XHTML), CSS, 자바스크립트, 그림, 플래시와 같은 동영상으로 구성되어 있다. 이러한 웹 페이지들은 HTTP를 통해 전송하거나 받아온다.
일반적으로 대부분의 인터넷 사용자들은 컴퓨터의 웹 브라우저를 통해 웹페이지들을 읽게 되는데, 사용자는 중요하거나 필요한 웹페이지에 대하여는 보관을 원하게 되고, 경우에 따라서는 이에 편집을 원하게 된다.
기존에는 웹페이지 상의 내용을 편집 및 저장하기 위해서 웹페이지를 스크린 캡쳐하여 이미지 파일을 만든 후 별도의 이미지 프로그램으로 가공하거나,
텍스트 부분만 선택하여 저장하거나, 웹페이지의 URL만을 저장하는 방식을 사용하였는데,
스크린 캡쳐의 경우에는 캡쳐 후 별도의 프로그램을 사용해야 하여 불편하고, 텍스트 부분만 선택하여 저장하는 것은 이미지나 도형 그림등은 그 저장이 되지 않아 불완전하였고, 웹페이지의 URL을 저장하는 방식 역시 별도로 보관하는 것이 아니어서 그 웹페이지가 삭제되거나 하는 경우에는 다시금 그 웹페이지를 볼 수가 없는 불편함이 있었다.
상술한 문제점을 해결하기 위해 안출된 본 발명의 목적은 별도의 프로그램을 설치할 필요없이 웹페이지를 용이하게 캡쳐하여 보관할 수 있도록 하는 웹페이지 편집 저장 시스템을 제공하기 위한 것이다.
또한, 본 발명의 다른 목적은 레이어를 이용하여 웹페이지의 저장과 함께 용이하게 편집을 할 수 있는 웹페이지 편집 저장 시스템을 제공하기 위함이다.
상기한 바와 같은 목적을 달성하기 위한 본 발명의 특징에 따르면, 본 발명은 사용자 단말기로 이미지화 서비스 페이지를 전송하는 이미지화 서비스부, 이미지 데이터가 저장되는 이미지 데이터 저장부 및 상기 사용자 단말기로부터 상기 이미지화 서비스 페이지를 통해 생성되는 상기 이미지 데이터를 전송받아 상기 이미지 데이터 저장부에 저장하는 저장 서비스부; 를 포함하고, 상기 이미지화 서비스 페이지는 URL(Uniform Resource Locator)입력창, 상기 URL에 대응되는 웹페이지를 표시하는 웹페이지 출력창, 상기 웹페이지 출력창에 레이어를 적층하여 표시하는 레이어 생성 모듈, 상기 레이어를 그래픽 편집하는 레이어 편집 모듈, 상기 웹페이지를 캡쳐하여 웹페이지 이미지를 생성하고, 상기 웹페이지 이미지와 상기 편집된 레이어를 병합(merge)하여 결합 이미지를 생성하고 상기 사용자 단말기로부터 상기 결합이미지에 대한 정보를 전송받는 이미지 결합 모듈 및 상기 결합 이미지와 상기 결합 이미지에 대한 정보가 포함된 이미지 데이터를 상기 저장 서비스부로 전송하 는 전송 모듈을 포함하고, 상기 사용자 단말기로부터 레이어 생성 모듈, 레이어 편집 모듈, 이미지 결합 모듈 및 전송 모듈에 대한 제어 신호를 전송받아 상기 모듈들을 제어하는 메뉴창을 포함하는 것을 특징으로 한다.
또한, 상기 결합 이미지에 대한 정보는 상기 결합 이미지의 제목, 상기 결합 이미지를 생성한 사용자의 아이디(ID), 상기 결합 이미지에 대한 부연 설명 또는 메모, 상기 결합 이미지의 카테고리, 상기 웹페이지 관련 정보, 상기 웹페이지 이미지 관련 정보 또는 상기 레이어 관련 정보 중 어느 하나 이상을 포함하는 것을 특징으로 한다.
또한, 웹페이지 편집 저장 시스템은 검색 서비스부를 더 포함하고, 상기 검색 서비스부는 사용자 단말기로부터 검색 조건을 전송받아 상기 이미지 데이터 저장부에 저장된 이미지 데이터에 대한 검색을 수행하고, 검색 결과를 상기 사용자 단말기로 전송하는 것을 특징으로 한다.
또한, 상기 메뉴창은 레이어 생성 버튼, 텍스트 편집 버튼, 펜 편집 버튼, 도형 편집 버튼, 삭제 버튼, 이미지 결합 버튼, 또는 전송 버튼 중 어느 하나 이상을 포함하고, 상기 레이어 생성 모듈은 상기 레이어 생성 버튼이 상기 사용자 단말기의 입력부로부터 선택이 되면 상기 웹페이지 출력창에 레이어를 적층하여 표시하고, 상기 레이어 편집 모듈은, 상기 텍스트 편집 버튼이 상기 사용자 단말기의 입력부로부터 선택이 되면 상기 레이어에 텍스트 편집을 시작하고, 상기 텍스트 편집은 상기 레이어에 텍스트를 추가하고, 상기 텍스트의 글자체, 크기, 색깔을 변화시키는 것을 포함하고, 상기 펜 편집 버튼이 상기 사용자 단말기의 입력부로부터 선 택이 되면 상기 레이어에 펜 편집을 시작하고, 상기 펜 편집은 상기 사용자 단말기의 입력부로부터 입력 신호를 전송받아 상기 입력 신호에 따라 상기 레이어에 펜 표시를 하고, 상기 펜 표시의 굵기, 색깔을 변화시키는 것을 포함하고, 상기 도형 편집 버튼이 상기 사용자 단말기의 입력부로부터 선택이 되면 상기 레이어에 도형 편집을 시작하고, 상기 도형 편집은 상기 레이어에 도형을 추가하고, 상기 도형의 크기, 색깔을 변화시키는 것을 포함하고, 상기 삭제 버튼이 상기 사용자 단말기의 입력부로부터 선택이 되면 상기 텍스트, 상기 펜 표시 및 상기 도형을 상기 레이어로부터 삭제하고, 상기 이미지 결합 모듈은, 상기 이미지 결합 버튼이 상기 사용자 단말기의 입력부로부터 선택이 되면 상기 웹페이지를 캡쳐하여 웹페이지 이미지를 생성하고, 상기 웹페이지 이미지와 상기 편집된 레이어를 병합(merge)하여 결합 이미지를 생성하고 상기 사용자 단말기로부터 상기 결합이미지에 대한 정보를 전송받고, 상기 전송 모듈은, 상기 전송 버튼이 상기 사용자 단말기의 입력부로부터 선택이 되면 상기 결합 이미지와 상기 결합 이미지에 대한 정보가 포함된 이미지 데이터를 상기 저장 서비스부로 전송하는 것을 특징으로 한다.
또한, 본 발명은 사용자 단말기로 이미지화 서비스 페이지를 전송하는 이미지화 서비스부, 이미지 데이터가 저장되는 이미지 데이터 저장부 및 상기 사용자 단말기로부터 상기 이미지화 서비스 페이지를 통해 생성되는 상기 이미지 데이터를 전송받아 상기 이미지 데이터 저장부에 저장하는 저장 서비스부를 포함하고, 상기 이미지화 서비스 페이지는, 사용자 단말기로부터 이미지화 서비스부로의 HTML(HyperText Markup Language) 요청에 인자로서 URL 정보가 포함된 경우 상기 URL과 대응되는 웹페이지를 표시하는 웹페이지 출력창, 상기 웹페이지 출력창에 레이어를 적층하여 표시하는 레이어 생성 모듈, 상기 레이어를 그래픽 편집하는 레이어 편집 모듈, 상기 웹페이지를 캡쳐하여 웹페이지 이미지를 생성하고, 상기 웹페이지 이미지와 상기 편집된 레이어를 병합(merge)하여 결합 이미지를 생성하고 상기 사용자 단말기로부터 상기 결합이미지에 대한 정보를 전송받는 이미지 결합 모듈 및 상기 결합 이미지와 상기 결합 이미지에 대한 정보가 포함된 이미지 데이터를 상기 저장 서비스부로 전송하는 전송 모듈을 포함하고, 상기 사용자 단말기로부터 레이어 생성 모듈, 레이어 편집 모듈, 이미지 결합 모듈 및 전송 모듈에 대한 제어 신호를 전송받아 상기 모듈들을 제어하는 메뉴창을 포함하는 것을 특징으로 한다.
또한, 본 발명은 사용자 단말기로 이미지화 서비스 페이지를 전송하는 이미지화 서비스부, 이미지 데이터가 저장되는 이미지 데이터 저장부 및 상기 사용자 단말기로부터 상기 이미지화 서비스 페이지를 통해 생성되는 상기 이미지 데이터를 전송받아 상기 이미지 데이터 저장부에 저장하는 저장 서비스부를 포함하고, 상기 이미지화 서비스 페이지는 URL(Uniform Resource Locator)입력창, 상기 URL에 대응되는 웹페이지를 표시하는 웹페이지 출력창, 상기 웹페이지를 캡쳐하여 웹페이지 이미지를 생성하고, 상기 웹페이지를 상기 웹페이지 이미지로 대체한 후 상기 웹페이지 이미지 위에 레이어를 적층하여 상기 웹페이지 출력창에 표시하는 레이어 생성 모듈, 상기 레이어를 그래픽 편집하는 레이어 편집 모듈, 상기 웹페이지 이미지와 상기 편집된 레이어를 병합(merge)하여 결합 이미지를 생성하고 상기 사용자 단 말기로부터 상기 결합이미지에 대한 정보를 전송받는 이미지 결합 모듈 및 상기 결합 이미지와 상기 결합 이미지에 대한 정보가 포함된 이미지 데이터를 상기 저장 서비스부로 전송하는 전송 모듈을 포함하고, 상기 사용자 단말기로부터 레이어 생성 모듈, 레이어 편집 모듈, 이미지 결합 모듈 및 전송 모듈에 대한 제어 신호를 전송받아 상기 모듈들을 제어하는 메뉴창을 포함하는 것을 특징으로 한다.
또한, 본 발명은 사용자 단말기로 이미지화 서비스 페이지를 전송하는 이미지화 서비스부, 이미지 데이터가 저장되는 이미지 데이터 저장부 및 상기 사용자 단말기로부터 상기 이미지화 서비스 페이지를 통해 생성되는 상기 이미지 데이터를 전송받아 상기 이미지 데이터 저장부에 저장하는 저장 서비스부를 포함하고, 상기 이미지화 서비스 페이지는 사용자 단말기로부터 이미지화 서비스부로의 HTML(HyperText Markup Language) 요청에 인자로서 URL 정보가 포함된 경우 상기 URL과 대응되는 웹페이지를 표시하는 웹페이지 출력창, 상기 웹페이지를 캡쳐하여 웹페이지 이미지를 생성하고 상기 웹페이지를 상기 웹페이지 이미지로 대체하여 상기 웹페이지 이미지 위에 레이어를 적층하여 상기 웹페이지 출력창에 표시하는 레이어 생성 모듈, 상기 레이어를 그래픽 편집하는 레이어 편집 모듈, 상기 웹페이지 이미지와 상기 편집된 레이어를 병합(merge)하여 결합 이미지를 생성하고 상기 사용자 단말기로부터 상기 결합이미지에 대한 정보를 전송받는 이미지 결합 모듈 및 상기 결합 이미지와 상기 결합 이미지에 대한 정보가 포함된 이미지 데이터를 상기 저장 서비스부로 전송하는 전송 모듈을 포함하고, 상기 사용자 단말기로부터 레이어 생성 모듈, 레이어 편집 모듈, 이미지 결합 모듈 및 전송 모듈에 대한 제어 신 호를 전송받아 상기 모듈들을 제어하는 메뉴창을 포함하는 것을 특징으로 한다.
이상 살펴본 바와 같은 본 발명에 따르면, 별도의 프로그램을 설치할 필요없이 웹페이지를 용이하게 캡쳐하여 보관할 수 있도록 하는 웹페이지 편집 저장 시스템을 제공할 수 있다.
또한, 본 발명에 따르면 레이어를 이용하여 웹페이지의 저장과 함께 용이하게 편집을 할 수 있는 웹페이지 편집 저장 시스템을 제공할 수 있다.
기타 실시예들의 구체적인 사항들은 상세한 설명 및 도면들에 포함되어 있다.
본 발명의 이점 및 특징, 그리고 그것들을 달성하는 방법은 첨부되는 도면과 함께 상세하게 후술되어 있는 실시예들을 참조하면 명확해질 것이다. 그러나 본 발명은 이하에서 개시되는 실시예들에 한정되는 것이 아니라 서로 다른 다양한 형태로 구현될 수 있으며, 단지 본 실시예들은 본 발명의 개시가 완전하도록 하고, 본 발명이 속하는 기술분야에서 통상의 지식을 가진 자에게 발명의 범주를 완전하게 알려주기 위해 제공되는 것이며, 본 발명은 청구항의 범주에 의해 정의될 뿐이다. 명세서 전체에 걸쳐 동일 참조 부호는 동일 구성 요소를 지칭한다
이하, 본 발명의 실시예들에 의하여 웹페이지 편집 저장 시스템을 설명하기 위한 도면들을 참고하여 본 발명에 대해 설명하도록 한다.
도 1은 본 발명의 바람직한 실시예에 따른 웹페이지 편집 저장 시스템을 나 타낸 도면이다. 도 2는 본 발명의 바람직한 실시예에 따른 웹페이지 편집 저장 시스템의 이미지화 서비스 페이지를 나타낸 도면이다. 도 3은 본 발명의 바람직한 실시예에 따른 레이어가 적층된 이미지 서비스 페이지를 나타낸 도면이다. 도 4는 본 발명의 바람직한 실시예에 따른 레이어의 편집 상태를 나타내는 도면이다. 도 5는 본 발명의 바람직한 실시예에 따른 웹페이지 이미지와 편집된 레이어가 결합된 결합 이미지를 나타내는 도면이다.
본 발명의 바람직한 제 1실시예에 따른 웹페이지 편집 저장 시스템은 사용자 단말기(150)로 이미지화 서비스 페이지를 전송하는 이미지화 서비스부(110), 이미지 데이터가 저장되는 이미지 데이터 저장부(120) 및 상기 사용자 단말기(150)로부터 상기 이미지화 서비스 페이지를 통해 생성되는 상기 이미지 데이터를 전송받아 상기 이미지 데이터 저장부에 저장하는 저장 서비스부(130)를 포함하고, 상기 이미지화 서비스 페이지는 URL(Uniform Resource Locator)입력창(220), 상기 URL에 대응되는 웹페이지를 표시하는 웹페이지 출력창(230), 상기 웹페이지 출력창에 레이어(310)를 적층하여 표시하는 레이어 생성 모듈, 상기 레이어를 그래픽 편집하는 레이어 편집 모듈, 상기 웹페이지를 캡쳐하여 웹페이지 이미지를 생성하고, 상기 웹페이지 이미지와 상기 편집된 레이어를 병합(merge)하여 결합 이미지를 생성하고 상기 사용자 단말기로부터 상기 결합이미지에 대한 정보를 전송받는 이미지 결합 모듈 및 상기 결합 이미지와 상기 결합 이미지에 대한 정보가 포함된 이미지 데이터를 상기 저장 서비스부(130)로 전송하는 전송 모듈을 포함하고, 상기 사용자 단말기(150)로부터 레이어 생성 모듈, 레이어 편집 모듈, 이미지 결합 모듈 및 전송 모듈에 대한 제어 신호를 전송받아 상기 모듈들을 제어하는 메뉴창(240)을 포함한다.
상기 이미지화 서비스부는 사용자 단말기(150)로부터 이미지화 서비스 페이지가 요청되면 상기 이미지화 서비스 페이지를 사용자 단말기(150)로 전송한다.
상기 이미지화 서비스 페이지는 상기 이미지 데이터 저장부에 저장되어 있거나, PHP(Hypertext Preprocessor), ASP(Active Server Page), JSP(JavaServer Pages)등의 웹 언어로 생성되어 전송될 수도 있다.
상기 사용자 단말기(150)는 상기 사용자 단말기는 개인용 컴퓨터단말기(Personal Computer; "PC")인 것이 바람직하나, 그 이외의 이동통신 단말기, 개인정보단말기(Personal Digital Assistant; PDA), 휴대용 단말기를 포함한다.
상기 이미지화 서비스 페이지는 웹브라우저를 통하여 읽을 수 있는 웹페이지로써 URL 입력창(220), 웹페이지 출력창, 레이어 생성 모듈, 레이어 편집 모듈, 이미지 결합 모듈 및 전송 모듈을 포함한다.
상기 사용자 단말기(150)가 인터넷 네트워크(140)를 통하여 웹페이지 편집 저장 시스템을 제공하는 웹서버로 접속하여 웹페이지 편집 저장 시스템 이용 요청을 하면 상기 이미지화 서비스부(110)는 상기 이미지화 서비스 페이지를 상기 사용자 단말기(150)로 전송하는 것이다.
웹페이지 편집 저장 시스템 이용 요청은 사용자가 웹브라우저 주소창(210)에 웹페이지 편집 저장 시스템을 제공하는 사이트 주소를 입력하여 해당 사이트에 접속하고, 상기 사이트에 생성된 이용 요청 객체를 입력부를 통하여 클릭함으로써 이 루어지는 것이 바람직하다.
상기 저장부(120)는 이미지 데이터가 저장되는 공간으로서, 이미지 데이터, 텍스트 데이터 또는 바이너리 데이터를 저장할 수 있는 일반적인 데이터 베이스 시스템으로 구현될 수 있다.
상기 저장 서비스부(130)는 상기 사용자 단말기(150)로부터 상기 이미지화 서비스 페이지를 통해 생성되는 상기 이미지 데이터를 전송받아 상기 저장부(120)에 저장한다.
따라서 도 1 내지 도 5를 참고하여 바람직한 실시예를 보면, 사용자가 상기 사용자 단말기(150)를 웹페이지 편집 저장 시스템을 제공하는 홈페이지에 접속하여 이용 요청을 하면 상기 이미지화 서비스부(110)는 이미지화 서비스 페이지를 사용자 단말기로 전송한다. 전송된 이미지화 서비스 페이지는 상기 사용자 단말기(150)의 웹브라우저로 읽히게 된다.
상기 이미지화 서비스 페이지가 웹브라우저로 읽히게 되면, 기존의 웹브라우저의 웹페이지가 출력되는 부분에 URL 입력창(220), 상기 URL에 대응되는 웹페이지를 표시하는 웹페이지 출력창 및 메뉴창이 표시되게 된다.
사용자가 상기 URL 입력창(220)에 자신이 편집 및 저장을 원하는 웹페이지 주소를 입력하면 웹페이지 출력창에 상기 웹페이지 주소에 대응하는 웹페이지가 표시된다. 이렇게 표시된 웹페이지에 대하여 사용자는 편집 및 저장을 할 수 있다.
사용자는 또한, 메뉴창에 표시된 메뉴들을 선택함으로써 레이어 생성 모듈, 레이어 편집 모듈, 이미지 결합 모듈 및 전송 모듈을 제어할 수 있다.
상기 레이어 생성 모듈은 상기 웹페이지 출력창에 레이어(310)를 적층하여 표시하는데, 상기 레이어(310)는 여러 개의 화상을 겹쳐서 표시하기 위하여 사용하는 층을 말하는 것으로 투명도를 갖는다. 이러한 레이어(310)에는 다양한 이미지, 그림, 문자, 도형등을 표시할 수 있다.
상기 투명도는 레이어(310)의 투명한 정도를 말하는 것인데, 바람직하게는 상기 레이어를 투과한 빛의 양을 입사광의 양으로 나누어 나타낼 수도 있다. 그러면 투명도가 1인 경우에는 완전히 투명한 레이어(310)를 말하는 것으로 아래에 표시된 웹페이지가 본래 모습대로 보이고, 투명도가 0인 경우에는 완전히 불투명한 레이어(310)로써 아래에 표시된 웹페이지가 보이지 않게 된다. 투명도가 0.5인 것은 반투명 레이어(310)로써 아래에 표시된 웹페이지가 다소 흐릿하게 표시된다.
이러한 투명도는 0부터 100까지 등으로 다양한 수치로 나타낼 수 있고, 상기 투명도는 사용자의 편의에 따라 조정할 수 있는 것이 바람직하다.
레이어에 투명도를 주어 사용자가 웹페이지를 배경으로 레이어를 편집할 수 있도록 하여, 도 4에 도시된 바와 같이 웹페이지에 대한 부연 설명, 제목, 메모, 추가적인 이미지, 그림, 도형, 문자등을 표시할 수 있다.
상기 레이어 편집 모듈은 상기 레이어(310)를 그래픽 편집하는데 상기 레이어(310)에 다양한 색을 갖는 문자, 그림, 이미지, 동영상 등을 표시할 수 있다.
상기 이미지 결합 모듈은 상기 웹페이지를 캡쳐하여 웹페이지 이미지를 생성하고, 상기 웹페이지 이미지와 상기 편집된 레이어를 병합(merge)하여 결합 이미지를 생성하여 상기 사용자 단말기로부터 상기 결합이미지에 대한 정보를 전송받고, 상기 전송 모듈은 상기 결합 이미지와 상기 결합 이미지에 대한 정보가 포함된 이미지 데이터를 상기 저장 서비스부로 전송하는데, 상기 웹페이지 이미지를 생성하므로 사용자가 원하는 웹페이지를 캡쳐하여 보관할 수 있고, 이와 함께 편집된 레이어를 결합하여 도 5에 도시된 것과 같은 결합 이미지를 생성함으로써 용이하게 웹페이지에 대하여 저장 및 편집이 함께 가능하다.
이때 이미지 데이터의 용량을 줄여 전송을 빠르게 하기 위하여 상기 이미지 데이터를 압축하여 전송하는 것이 바람직하다.
압축 기법은 허프만(Huffman)법, 런 렝스(run length)법, 이산 코사인 변환(DCT)법과 같은 무손실 압축뿐만 아니라, JPEG, MPEG과 같은 손실 압축 방식을 포함한다.
상기 결합이미지에 대한 정보는 상기 결합 이미지의 제목, 상기 결합 이미지를 생성한 사용자의 아이디(ID), 상기 결합 이미지에 대한 부연 설명 또는 메모, 상기 결합 이미지의 카테고리, 상기 웹페이지 관련 정보, 상기 웹페이지 이미지 관련 정보 또는 상기 레이어 관련 정보 중 어느 하나 이상을 포함하는 것이 바람직하다.
또한, 사용자 단말기에 별도의 프로그램 설치 없이 단순히 이미지화 서비스 페이지를 받아 웹브라우저로 실행함으로써 웹페이지의 편집 및 저장이 가능하므로 조작이 간단하고 별도의 프로그램 설치 시간이 필요없게 된다.
상기 메뉴창(240)은 상기 사용자 단말기로부터 레이어 생성 모듈, 레이어 편집 모듈, 이미지 결합 모듈 및 전송 모듈에 대한 제어 신호를 전송받아 상기 모듈 들을 제어하는데, 상기 메뉴창(240)내에는 상기 모듈들을 제어하는 객체들이 표시되어 있는 것이 바람직하다. 상기 객체들은 레이어 생성 버튼, 텍스트 편집 버튼, 펜 편집 버튼, 도형 편집 버튼, 삭제 버튼, 이미지 결합 버튼, 또는 전송 버튼 중 어느 하나 이상을 포함하는 것이 바람직하다.
본 발명의 바람직한 제 1실시예에 따른 웹페이지 편집 저장 시스템에 있어서 상기 결합 이미지에 대한 정보는 상기 결합 이미지의 제목, 상기 결합 이미지를 생성한 사용자의 아이디(ID), 상기 결합 이미지에 대한 부연 설명 또는 메모, 상기 결합 이미지의 카테고리, 상기 웹페이지 관련 정보, 상기 웹페이지 이미지 관련 정보 또는 상기 레이어 관련 정보 중 어느 하나 이상을 포함하는 것을 특징으로 한다.
상기 결합 이미지에 대한 정보는 도 5에 도시된 것과 같은 결합 이미지와 함께 이미지 데이터를 구성한다.
사용자는 결합 이미지에 대한 정보를 입력할 수 있는데, 이는 상기 결합 이미지의 제목, 상기 결합 이미지를 생성한 사용자의 아이디(ID), 상기 결합 이미지에 대한 부연 설명 또는 메모등을 포함하는 것이 바람직하고, 지역, 동창/동문, 게임, 만화/애니, 영화/비디오, 음악, 방송/연예, 취미, 문학/창작, 문화/예술, 인문/과학, 정치/사회, 경제/금융, 교육/외국어, 컴퓨터/인터넷, 종교/봉사, 생활/건강, 스포츠/레저 등과 같은 결합 이미지의 카테고리를 포함할 수 있고, 웹페이지의 주소, 생성일자, 조회건수, 동영상 포함 여부등과 같은 상기 웹페이지 관련 정보, 웹페이지에 이미지 포함 여부, 웹페이지 캡쳐 일자, 웹페이지 캡쳐한 사용자의 아 이디 등과 같은 상기 웹페이지 이미지 관련 정보 또는 레이어의 투명도, 표시된 문자, 그림, 도형 정보, 레이어 생성 일자, 레이어에 동영상 포함 여부 등과 같은 상기 레이어 관련 정보를 포함할 수 있다.
이러한 결합 이미지에 대한 정보를 같이 수록함으로써 추후 결합 이미지에 대한 검색을 용이하게 할 수 있다.
본 발명의 바람직한 제 1실시예에 따른 웹페이지 편집 저장 시스템에 있어서, 상기 웹페이지 편집 저장 시스템은 검색 서비스부를 더 포함하고, 상기 검색 서비스부는 상기 사용자 단말기(150)로부터 검색 조건을 전송받아 상기 저장부에 저장된 이미지 데이터에 대한 검색을 수행하고, 검색 결과를 상기 사용자 단말기(150)로 전송하는 것을 특징으로 한다.
상기 검색 서비스부는 이미지 데이터에 대하여 결합 이미지에 대한 정보에 따라 인덱싱(indexing)을 하여 검색이 빠르게 이루어질 수 있도록 이미지 데이터를 저장하는 것이 바람직하다.
사용자는 검색 서비스를 제공하는 웹서버, 즉 검색 서비스부에 접속하여 자신이 찾고 싶은 결합 이미지에 대한 정보를 검색 조건으로 입력하면, 상기 검색 서비스부는 사용자로부터 결합 이미지의 제목, 상기 결합 이미지를 생성한 사용자의 아이디, 카테고리 등의 검색 조건을 입력받아 상기 검색 조건에 해당하는 이미지 데이터를 검색하고, 상기 검색 결과를 사용자가 볼 수 있도록 사용자 단말기로 전송시켜 준다.
이는 어느 사용자가 생성한 결합 이미지를 제 3자가 검색하여 볼 수 있도록 하여 제 3자가 원하는 결합 이미지를 찾을 수 있고, 제 3자와의 원할한 커뮤티케이션을 가능하게 해준다. 또한 결합 이미지에 대한 정보로 검색할 수 있어 보다 빠른 검색이 가능하다.
본 발명의 바람직한 제 1실시예에 따른 웹페이지 편집 시스템에 있어서, 상기 메뉴창(240) 은 레이어 생성 버튼, 텍스트 편집 버튼, 펜 편집 버튼, 도형 편집 버튼, 삭제 버튼, 이미지 결합 버튼, 또는 전송 버튼 중 어느 하나 이상을 포함한다. 이는 메뉴창(240) 에 각 모듈을 제어하기 위한 객체를 형성한 것이다.
상기 레이어 생성 모듈은 상기 레이어 생성 버튼이 상기 사용자 단말기의 입력부로부터 선택이 되면 상기 웹페이지 출력창에 레이어를 적층하여 표시하고, 상기 레이어 편집 모듈은, 상기 텍스트 편집 버튼이 상기 사용자 단말기(150)의 입력부로부터 선택이 되면 상기 레이어(310)에 텍스트 편집을 시작하고, 상기 텍스트 편집은 상기 레이어(310)에 텍스트를 추가하고, 상기 텍스트의 글자체, 크기, 색깔을 변화시키는 것을 포함하고, 상기 펜 편집 버튼이 상기 사용자 단말기(150)의 입력부로부터 선택이 되면 상기 레이어에 펜 편집을 시작하고, 상기 펜 편집은 상기 사용자 단말기(150)의 입력부로부터 입력 신호를 전송받아 상기 입력 신호에 따라 상기 레이어(310)에 펜 표시를 하고, 상기 펜 표시의 굵기, 색깔을 변화시키는 것을 포함하고, 상기 도형 편집 버튼이 상기 사용자 단말기(150)의 입력부로부터 선택이 되면 상기 레이어(310)에 도형 편집을 시작하고, 상기 도형 편집은 상기 레이어(310)에 도형을 추가하고, 상기 도형의 크기, 색깔을 변화시키는 것을 포함하고, 상기 삭제 버튼이 상기 사용자 단말기(150)의 입력부로부터 선택이 되면 상기 텍스 트, 상기 펜 표시 및 상기 도형을 상기 레이어(310)로부터 삭제하고, 상기 이미지 결합 모듈은 상기 이미지 결합 버튼이 상기 사용자 단말기의 입력부로부터 선택이 되면 상기 웹페이지를 캡쳐하여 웹페이지 이미지를 생성하고, 상기 웹페이지 이미지와 상기 편집된 레이어를 병합(merge)하여 결합 이미지를 생성하고 상기 사용자 단말기로부터 상기 결합이미지에 대한 정보를 전송받고, 상기 전송 모듈은 상기 전송 버튼이 상기 사용자 단말기(150)의 입력부로부터 선택이 되면 상기 결합 이미지와 상기 결합 이미지에 대한 정보가 포함된 이미지 데이터를 상기 상기 저장 서비스부(130)로 전송하는 것을 특징으로 한다.
상기 입력부는 사용자 단말기에 사용되는 이용자 인터페이스 장치로서, 예컨대, 키패드, 키보드, 마우스, 터치스크린 등을 포함한다.
사용자의 요청에 의해서 이미지화 서비스 페이지가 상기 사용자 단말기(150)의 웹브라우저에 의해서 읽히면, URL 입력창(220), 웹페이지 출력창(230), 메뉴창이 표시된다.
이에 사용자가 상기 사용자 단말기(150)의 입력부를 통하여 상기 레이어 생성 버튼을 선택하면 상기 레이어 생성 모듈로 하여금 웹페이지 출력창에 레이어를 생성하게 하는 것이다. 따라서 상기 레이어 생성 버튼은 레이어를 사용자가 웹페이지 탐색 중 원하는 때에 레이어를 생성하게 하여, 웹페이지 탐색 중에는 레이어를 생성하지 않을 수 있어 웹페이지를 또렷히 보이게 한다.
또한, 상기 레이어 편집 모듈은 텍스트 편집 버튼, 펜 편집 버튼, 도형 편집 버튼 등에 의해서 제어 될 수 있다.
사용자가 사용자 단말기의 입력부를 통하여 상기 텍스트 편집 버튼을 누르면 사용자는 레이어에 텍스트를 넣을 수 있는 영역이 표시되고, 그 영역은 레이어 안에서 위치가 변화가 가능하다. 또한, 상기 텍스트의 글자체, 크기, 색깔, 기울임 등을 변화시킬 수도 있다.
사용자가 사용자 단말기의 입력부를 통하여 상기 펜 편집 버튼을 누르면 사용자는 마우스, 터치스크린인 경우에는 펜 등의 움직임에 따라 레이어에 펜으로 직접 쓰는 것과 같이 표시를 할 수 있다. 펜 표시 역시 굵기, 색깔등의 변화가 가능하다.
사용자가 사용자 단말기의 입력부를 통하여 상기 도형 편집 버튼을 누르면, 다양한 도형이 예시되어 있어 그 크기를 변화시켜 레이어에 표시할 수 있고, 상기 도형의 크기, 색깔등을 변화시킬 수 있다.
또한, 이미지 추가 버튼, 동영상 추가 버튼등과 같은 다양한 편집 버튼이 메뉴창에 표시될 수 있음은 자명하다.
사용자가 입력부를 통해 삭제 버튼을 누르면 레이어에 표시된 텍스트, 도형 표시등이 전부 삭제된다. 이는 사용자로 하여금 레이어에 표시된 것을 쉽게 지우고 다시 편집을 가능하게 한다.
사용자가 사용자 단말기의 입력부를 통하여 상기 이미지 결합 버튼을 누르면 레이어의 편집은 종료되고, 상기 웹페이지를 캡쳐하여 웹페이지 이미지를 생성하고, 상기 웹페이지 이미지와 상기 편집된 레이어를 병합(merge)하여 결합 이미지를 생성하고 상기 사용자 단말기로부터 상기 결합이미지에 대한 정보를 전송받는다.
사용자가 사용자 단말기의 입력부를 통하여 상기 전송 버튼을 누르면 상기 결합 이미지와 상기 결합 이미지에 대한 정보가 포함된 이미지 데이터를 상기 저장 서비스부로 전송한다.
이때 이미지 데이터의 용량을 줄여 전송을 빠르게 하기 위하여 상기 이미지 데이터를 압축하여 전송하는 것이 바람직하다.
본 발명의 바람직한 제 2실시예에 따른 웹페이지 편집 저장 시스템은 사용자 단말기로 이미지화 서비스 페이지를 전송하는 이미지화 서비스부, 상기 이미지화 서비스 페이지 및 이미지 데이터가 저장되는 저장부 및 상기 사용자 단말기로부터 상기 이미지화 서비스 페이지를 통해 생성되는 상기 이미지 데이터를 전송받아 상기 이미지 데이터 저장부에 저장하는 저장 서비스부를 포함하고, 상기 이미지화 서비스 페이지는 사용자 단말기로부터 이미지화 서비스부로의 HTML(HyperText Markup Language) 요청에 인자로서 URL 정보가 포함된 경우 상기 URL과 대응되는 웹페이지를 표시하는 웹페이지 출력창, 상기 웹페이지 출력창에 레이어를 적층하여 표시하는 레이어 생성 모듈, 상기 레이어를 그래픽 편집하는 레이어 편집 모듈, 상기 웹페이지를 캡쳐하여 웹페이지 이미지를 생성하고, 상기 웹페이지 이미지와 상기 편집된 레이어를 병합(merge)하여 결합 이미지를 생성하고 상기 사용자 단말기로부터 상기 결합이미지에 대한 정보를 전송받는 이미지 결합 모듈 및 상기 결합 이미지와 상기 결합 이미지에 대한 정보가 포함된 이미지 데이터를 상기 저장 서비스부로 전송하는 전송 모듈을 포함하고, 상기 사용자 단말기로부터 레이어 생성 모듈, 레이어 편집 모듈, 이미지 결합 모듈 및 전송 모듈에 대한 제어 신호를 전송받아 상기 모듈들을 제어하는 메뉴창을 포함하는 것을 특징으로 한다.
도 6은 본 발명의 바람직한 실시예에 따른 사용자 단말기로부터 이미지화 서비스부로의 HTML 요청에 인자로서 URL 정보가 포함된 경우의 이미지화 서비스 페이지를 나타낸 도면이다.
사용자 단말기로부터 이미지화 서비스부로의 HTML 요청에 인자로서 URL 정보가 포함된 경우에는 웹페이지 출력창에 URL 입력창을 띄울 필요가 없으므로 웹페이지 출력창에 URL 입력창을 표시하지 않고 상기 URL과 대응되는 웹페이지를 표시하는 것을 특징으로 한다.
도 6을 참고하면 예를 들어 사용자가 주소창(510)에 http://www.npicker.com/?url=www.naver.com 을 입력하였다면 HTML 요청 인자(request parameter)에는 URL 정보로써 www.naver.com를 포함하고 있으므로 이에 대응되는 웹페이지만을 웹페이지 출력창에 표시하는 것이다.
이는 불필요한 URL 입력창을 표시하지 않음으로써 웹페이지를 보다 넓게 표시할 수 있다.
본 발명의 바람직한 제 3실시예에 따른 웹페이지 편집 저장 시스템은 사용자 단말기로 이미지화 서비스 페이지를 전송하는 이미지화 서비스부, 상기 이미지화 서비스 페이지 및 이미지 데이터가 저장되는 저장부 및 상기 사용자 단말기로부터 상기 이미지화 서비스 페이지를 통해 생성되는 상기 이미지 데이터를 전송받아 상기 이미지 데이터 저장부에 저장하는 저장 서비스부를 포함하고, 상기 이미지화 서비스 페이지는 URL(Uniform Resource Locator)입력창, 상기 URL에 대응되는 웹페이 지를 표시하는 웹페이지 출력창, 상기 웹페이지를 캡쳐하여 웹페이지 이미지를 생성하고 상기 웹페이지를 상기 웹페이지 이미지로 대체하여 상기 웹페이지 이미지 위에 레이어를 적층하여 상기 웹페이지 출력창에 표시하는 레이어 생성 모듈,상기 레이어를 그래픽 편집하는 레이어 편집 모듈, 상기 웹페이지 이미지와 상기 편집된 레이어를 병합(merge)하여 결합 이미지를 생성하고 상기 사용자 단말기로부터 상기 결합이미지에 대한 정보를 전송받는 이미지 결합 모듈 및 상기 결합 이미지와 상기 결합 이미지에 대한 정보가 포함된 이미지 데이터를 상기 저장 서비스부로 전송하는 전송 모듈을 포함하고, 상기 사용자 단말기로부터 레이어 생성 모듈, 레이어 편집 모듈, 이미지 결합 모듈 및 전송 모듈에 대한 제어 신호를 전송받아 상기 모듈들을 제어하는 메뉴창을 포함하는 것을 특징으로 한다.
상기 레이어 생성 모듈은 레이어 생성시 상기 웹페이지를 캡쳐하여 웹페이지 이미지를 생성하고 상기 웹페이지를 상기 웹페이지 이미지로 대체하여 상기 웹페이지 이미지 위에 레이어를 적층하여 레이어를 표시하고, 상기 이미지 결합 모듈은 상기 웹페이지 이미지와 상기 편집된 레이어를 병합(merge)하여 결합 이미지를 생성하고 상기 사용자 단말기로부터 상기 결합이미지에 대한 정보를 전송받는다.
레이어 생성시 배경이 되는 웹페이지를 캡쳐하여 웹페이지 이미지로 대체함으로써 웹페이지에 동영상이 포함된 경우에도 어느 일정 장면을 캡쳐하여 고정시켜 두고 레이어를 편집할 수 있다.
본 발명의 바람직한 제 4실시예에 따른 웹페이지 편집 저장 시스템은 사용자 단말기로 이미지화 서비스 페이지를 전송하는 이미지화 서비스부, 상기 이미지화 서비스 페이지 및 이미지 데이터가 저장되는 저장부 및 상기 사용자 단말기로부터 상기 이미지화 서비스 페이지를 통해 생성되는 상기 이미지 데이터를 전송받아 상기 이미지 데이터 저장부에 저장하는 저장 서비스부를 포함하고, 상기 이미지화 서비스 페이지는, 사용자 단말기로부터 이미지화 서비스부로의 HTML(HyperText Markup Language) 요청에 인자로서 URL 정보가 포함된 경우 상기 URL과 대응되는 웹페이지를 표시하는 웹페이지 출력창, 상기 웹페이지를 캡쳐하여 웹페이지 이미지를 생성하고 상기 웹페이지를 상기 웹페이지 이미지로 대체하여 상기 웹페이지 이미지 위에 레이어를 적층하여 상기 웹페이지 출력창에 표시하는 레이어 생성 모듈, 상기 레이어를 그래픽 편집하는 레이어 편집 모듈, 상기 웹페이지 이미지와 상기 편집된 레이어를 병합(merge)하여 결합 이미지를 생성하고 상기 사용자 단말기로부터 상기 결합이미지에 대한 정보를 전송받는 이미지 결합 모듈 및 상기 결합 이미지와 상기 결합 이미지에 대한 정보가 포함된 이미지 데이터를 상기 저장 서비스부로 전송하는 전송 모듈을 포함하고, 상기 사용자 단말기로부터 레이어 생성 모듈, 레이어 편집 모듈, 이미지 결합 모듈 및 전송 모듈에 대한 제어 신호를 전송받아 상기 모듈들을 제어하는 메뉴창을 포함하는 것을 특징으로 한다.
사용자 단말기로부터 이미지화 서비스부로의 HTML 요청에 인자로서 URL 정보가 포함된 경우에는 웹페이지 출력창에 URL 입력창을 띄울 필요가 없으므로 웹페이지 출력창에 URL 입력창을 표시하지 않고 상기 URL과 대응되는 웹페이지를 표시하는 것을 특징으로 하여 불필요한 URL 입력창을 표시하지 않음으로써 웹페이지를 보다 넓게 표시할 수 있고, 또한 레이어 생성시 배경이 되는 웹페이지를 캡쳐하여 웹 페이지 이미지로 대체함으로써 웹페이지에 동영상이 포함된 경우에도 어느 일정 장면을 캡쳐하여 고정시켜 두고 레이어를 편집할 수 있다.
본 발명이 속하는 기술분야의 통상의 지식을 가진 자는 본 발명이 그 기술적 사상이나 필수적인 특징을 변경하지 않고서 다른 구체적인 형태로 실시될 수 있다는 것을 이해할 수 있을 것이다. 그러므로 이상에서 기술한 실시예들은 모든 면에서 예시적인 것이며 한정적이 아닌 것으로 이해해야만 한다. 본 발명의 범위는 상기 상세한 설명보다는 후술하는 특허청구의 범위에 의하여 나타내어지며, 특허청구의 범위의 의미 및 범위 그리고 그 균등 개념으로부터 도출되는 모든 변경 또는 변형된 형태가 본 발명의 범위에 포함되는 것으로 해석되어야 한다.
도 1은 본 발명의 바람직한 실시예에 따른 웹페이지 편집 저장 시스템을 나타낸 도면이다.
도 2는 본 발명의 바람직한 실시예에 따른 웹페이지 편집 저장 시스템의 이미지화 서비스 페이지를 나타낸 도면이다.
도 3은 본 발명의 바람직한 실시예에 따른 레이어가 적층된 이미지 서비스 페이지를 나타낸 도면이다.
도 4는 본 발명의 바람직한 실시예에 따른 레이어의 편집 상태를 나타내는 도면이다.
도 5는 본 발명의 바람직한 실시예에 따른 웹페이지 이미지와 편집된 레이어가 결합된 결합 이미지를 나타내는 도면이다.
도 6은 본 발명의 바람직한 실시예에 따른 사용자 단말기로부터 이미지화 서비스부로의 HTML 요청에 인자로서 URL 정보가 포함된 경우의 이미지화 서비스 페이지를 나타낸 도면이다.
<도면의 주요 부분에 대한 부호의 설명>
110 : 이미지화 서비스부 120 : 이미지데이터 저장부
130 : 저장 서비스부 140 : 인터넷 네트워크
150 : 사용자 단말기 210 : 주소창
220 : URL 입력창 230 : 웹페이지
240 : 메뉴창 310 : 레이어
Claims (7)
- 사용자 단말기로 이미지화 서비스 페이지를 전송하는 이미지화 서비스부;이미지 데이터가 저장되는 이미지 데이터 저장부; 및상기 사용자 단말기로부터 상기 이미지화 서비스 페이지를 통해 생성되는 상기 이미지 데이터를 전송받아 상기 이미지 데이터 저장부에 저장하는 저장 서비스부; 를 포함하고,상기 이미지화 서비스 페이지는 URL(Uniform Resource Locator)입력창;상기 URL에 대응되는 웹페이지를 표시하는 웹페이지 출력창;상기 웹페이지 출력창에 레이어를 적층하여 표시하는 레이어 생성 모듈;상기 레이어를 그래픽 편집하는 레이어 편집 모듈;상기 웹페이지를 캡쳐하여 웹페이지 이미지를 생성하고, 상기 웹페이지 이미지와 상기 편집된 레이어를 병합(merge)하여 결합 이미지를 생성하고 상기 사용자 단말기로부터 상기 결합이미지에 대한 정보를 전송받는 이미지 결합 모듈; 및상기 결합 이미지와 상기 결합 이미지에 대한 정보가 포함된 이미지 데이터를 상기 저장 서비스부로 전송하는 전송 모듈; 을 포함하고,상기 사용자 단말기로부터 레이어 생성 모듈, 레이어 편집 모듈, 이미지 결합 모듈 및 전송 모듈에 대한 제어 신호를 전송받아 상기 모듈들을 제어하는 메뉴창; 을 포함하는 것을 특징으로 하는 웹페이지 편집 저장 시스템.
- 제 1항에 있어서, 상기 결합 이미지에 대한 정보는,상기 결합 이미지의 제목, 상기 결합 이미지를 생성한 사용자의 아이디(ID), 상기 결합 이미지에 대한 부연 설명 또는 메모, 상기 결합 이미지의 카테고리, 상기 웹페이지 관련 정보, 상기 웹페이지 이미지 관련 정보 또는 상기 레이어 관련 정보 중 어느 하나 이상을 포함하는 것을 특징으로 하는 웹페이지 편집 저장 시스템.
- 제 2항에 있어서, 웹페이지 편집 저장 시스템은, 검색 서비스부를 더 포함하고,상기 검색 서비스부는 사용자 단말기로부터 검색 조건을 전송받아 상기 이미지 데이터 저장부에 저장된 이미지 데이터에 대한 검색을 수행하고, 검색 결과를 상기 사용자 단말기로 전송하는 것을 특징으로 하는 웹페이지 편집 저장 시스템.
- 제 1항에 있어서, 상기 메뉴창은 레이어 생성 버튼, 텍스트 편집 버튼, 펜 편집 버튼, 도형 편집 버튼, 삭제 버튼, 이미지 결합 버튼, 또는 전송 버튼 중 어느 하나 이상을 포함하고,상기 레이어 생성 모듈은 상기 레이어 생성 버튼이 상기 사용자 단말기의 입력부로부터 선택이 되면 상기 웹페이지 출력창에 레이어를 적층하여 표시하고,상기 레이어 편집 모듈은, 상기 텍스트 편집 버튼이 상기 사용자 단말기의 입력부로부터 선택이 되면 상기 레이어에 텍스트 편집을 시작하고, 상기 텍스트 편 집은 상기 레이어에 텍스트를 추가하고, 상기 텍스트의 글자체, 크기, 색깔을 변화시키는 것을 포함하고,상기 펜 편집 버튼이 상기 사용자 단말기의 입력부로부터 선택이 되면 상기 레이어에 펜 편집을 시작하고, 상기 펜 편집은 상기 사용자 단말기의 입력부로부터 입력 신호를 전송받아 상기 입력 신호에 따라 상기 레이어에 펜 표시를 하고, 상기 펜 표시의 굵기, 색깔을 변화시키는 것을 포함하고,상기 도형 편집 버튼이 상기 사용자 단말기의 입력부로부터 선택이 되면 상기 레이어에 도형 편집을 시작하고, 상기 도형 편집은 상기 레이어에 도형을 추가하고, 상기 도형의 크기, 색깔을 변화시키는 것을 포함하고,상기 삭제 버튼이 상기 사용자 단말기의 입력부로부터 선택이 되면 상기 텍스트, 상기 펜 표시 및 상기 도형을 상기 레이어로부터 삭제하고,상기 이미지 결합 모듈은, 상기 이미지 결합 버튼이 상기 사용자 단말기의 입력부로부터 선택이 되면 상기 웹페이지를 캡쳐하여 웹페이지 이미지를 생성하고, 상기 웹페이지 이미지와 상기 편집된 레이어를 병합(merge)하여 결합 이미지를 생성하고 상기 사용자 단말기로부터 상기 결합이미지에 대한 정보를 전송받고,상기 전송 모듈은, 상기 전송 버튼이 상기 사용자 단말기의 입력부로부터 선택이 되면 상기 결합 이미지와 상기 결합 이미지에 대한 정보가 포함된 이미지 데이터를 상기 저장 서비스부로 전송하는 것을 특징으로 하는 웹페이지 편집 저장 시스템.
- 사용자 단말기로 이미지화 서비스 페이지를 전송하는 이미지화 서비스부;이미지 데이터가 저장되는 이미지 데이터 저장부; 및상기 사용자 단말기로부터 상기 이미지화 서비스 페이지를 통해 생성되는 상기 이미지 데이터를 전송받아 상기 이미지 데이터 저장부에 저장하는 저장 서비스부; 를 포함하고,상기 이미지화 서비스 페이지는, 사용자 단말기로부터 이미지화 서비스부로의 HTML(HyperText Markup Language) 요청에 인자로서 URL 정보가 포함된 경우 상기 URL과 대응되는 웹페이지를 표시하는 웹페이지 출력창;상기 웹페이지 출력창에 레이어를 적층하여 표시하는 레이어 생성 모듈;상기 레이어를 그래픽 편집하는 레이어 편집 모듈;상기 웹페이지를 캡쳐하여 웹페이지 이미지를 생성하고, 상기 웹페이지 이미지와 상기 편집된 레이어를 병합(merge)하여 결합 이미지를 생성하고 상기 사용자 단말기로부터 상기 결합이미지에 대한 정보를 전송받는 이미지 결합 모듈; 및상기 결합 이미지와 상기 결합 이미지에 대한 정보가 포함된 이미지 데이터를 상기 저장 서비스부로 전송하는 전송 모듈; 을 포함하고,상기 사용자 단말기로부터 레이어 생성 모듈, 레이어 편집 모듈, 이미지 결합 모듈 및 전송 모듈에 대한 제어 신호를 전송받아 상기 모듈들을 제어하는 메뉴창; 을 포함하는 것을 특징으로 하는 웹페이지 편집 저장 시스템.
- 사용자 단말기로 이미지화 서비스 페이지를 전송하는 이미지화 서비스부;이미지 데이터가 저장되는 이미지 데이터 저장부; 및상기 사용자 단말기로부터 상기 이미지화 서비스 페이지를 통해 생성되는 상기 이미지 데이터를 전송받아 상기 이미지 데이터 저장부에 저장하는 저장 서비스부; 를 포함하고,상기 이미지화 서비스 페이지는 URL(Uniform Resource Locator)입력창;상기 URL에 대응되는 웹페이지를 표시하는 웹페이지 출력창;상기 웹페이지를 캡쳐하여 웹페이지 이미지를 생성하고, 상기 웹페이지를 상기 웹페이지 이미지로 대체한 후 상기 웹페이지 이미지 위에 레이어를 적층하여 상기 웹페이지 출력창에 표시하는 레이어 생성 모듈;상기 레이어를 그래픽 편집하는 레이어 편집 모듈;상기 웹페이지 이미지와 상기 편집된 레이어를 병합(merge)하여 결합 이미지를 생성하고 상기 사용자 단말기로부터 상기 결합이미지에 대한 정보를 전송받는 이미지 결합 모듈; 및상기 결합 이미지와 상기 결합 이미지에 대한 정보가 포함된 이미지 데이터를 상기 저장 서비스부로 전송하는 전송 모듈; 을 포함하고,상기 사용자 단말기로부터 레이어 생성 모듈, 레이어 편집 모듈, 이미지 결합 모듈 및 전송 모듈에 대한 제어 신호를 전송받아 상기 모듈들을 제어하는 메뉴창; 을 포함하는 것을 특징으로 하는 웹페이지 편집 저장 시스템.
- 사용자 단말기로 이미지화 서비스 페이지를 전송하는 이미지화 서비스부;이미지 데이터가 저장되는 이미지 데이터 저장부; 및상기 사용자 단말기로부터 상기 이미지화 서비스 페이지를 통해 생성되는 상기 이미지 데이터를 전송받아 상기 이미지 데이터 저장부에 저장하는 저장 서비스부; 를 포함하고,상기 이미지화 서비스 페이지는, 사용자 단말기로부터 이미지화 서비스부로의 HTML(HyperText Markup Language) 요청에 인자로서 URL 정보가 포함된 경우 상기 URL과 대응되는 웹페이지를 표시하는 웹페이지 출력창;상기 웹페이지를 캡쳐하여 웹페이지 이미지를 생성하고 상기 웹페이지를 상기 웹페이지 이미지로 대체하여 상기 웹페이지 이미지 위에 레이어를 적층하여 상기 웹페이지 출력창에 표시하는 레이어 생성 모듈;상기 레이어를 그래픽 편집하는 레이어 편집 모듈;상기 웹페이지 이미지와 상기 편집된 레이어를 병합(merge)하여 결합 이미지를 생성하고 상기 사용자 단말기로부터 상기 결합이미지에 대한 정보를 전송받는 이미지 결합 모듈; 및상기 결합 이미지와 상기 결합 이미지에 대한 정보가 포함된 이미지 데이터를 상기 저장 서비스부로 전송하는 전송 모듈; 을 포함하고,상기 사용자 단말기로부터 레이어 생성 모듈, 레이어 편집 모듈, 이미지 결합 모듈 및 전송 모듈에 대한 제어 신호를 전송받아 상기 모듈들을 제어하는 메뉴창; 을 포함하는 것을 특징으로 하는 웹페이지 편집 저장 시스템.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
KR1020090077571A KR20110019942A (ko) | 2009-08-21 | 2009-08-21 | 웹페이지 편집 저장 시스템 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
KR1020090077571A KR20110019942A (ko) | 2009-08-21 | 2009-08-21 | 웹페이지 편집 저장 시스템 |
Publications (1)
Publication Number | Publication Date |
---|---|
KR20110019942A true KR20110019942A (ko) | 2011-03-02 |
Family
ID=43929367
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
KR1020090077571A KR20110019942A (ko) | 2009-08-21 | 2009-08-21 | 웹페이지 편집 저장 시스템 |
Country Status (1)
Country | Link |
---|---|
KR (1) | KR20110019942A (ko) |
Cited By (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR101248867B1 (ko) * | 2012-10-26 | 2013-04-02 | (주)밸류팩토리 | 웹페이지에서 크롭 영역과 겹쳐지는 문서요소만을 재구성하여 크롭하는 웹화면 크롭 서버 장치 |
KR101282975B1 (ko) * | 2012-10-26 | 2013-07-08 | (주)밸류팩토리 | 문서 요소를 분리 구조화하여 표준화한 후 웹페이지를 재구성하는 웹화면 크롭 서버 장치 |
KR101519381B1 (ko) * | 2013-12-31 | 2015-05-13 | 서강대학교산학협력단 | Html5를 이용하여 웹 어플리케이션을 제작하는 방법 및 장치 |
KR101654300B1 (ko) * | 2015-04-03 | 2016-09-22 | 네이버 주식회사 | 모션 연출이 포함된 페이지의 레이어 병합을 이용하여 컨텐츠를 제공하는 시스템 및 방법 |
KR20160118929A (ko) * | 2016-03-09 | 2016-10-12 | 네이버 주식회사 | 모션 연출이 포함된 페이지의 레이어 병합을 이용하여 컨텐츠를 제공하는 시스템 및 방법 |
CN106155673A (zh) * | 2015-04-23 | 2016-11-23 | 阿里巴巴集团控股有限公司 | 实现页面内容编辑器的方法、装置、服务器及用户设备 |
CN107957868A (zh) * | 2017-12-04 | 2018-04-24 | 山东浪潮通软信息科技有限公司 | 一种html用户界面可视化编辑方法及装置 |
JP2019071073A (ja) * | 2012-02-24 | 2019-05-09 | 三星電子株式会社Samsung Electronics Co.,Ltd. | ディスプレイウィンドーに対するキャプチャイメージ生成方法及びその装置 |
US10755446B2 (en) | 2015-04-02 | 2020-08-25 | Naver Corporation | System and method for providing contents using automatic margin creation |
-
2009
- 2009-08-21 KR KR1020090077571A patent/KR20110019942A/ko not_active Application Discontinuation
Cited By (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2019071073A (ja) * | 2012-02-24 | 2019-05-09 | 三星電子株式会社Samsung Electronics Co.,Ltd. | ディスプレイウィンドーに対するキャプチャイメージ生成方法及びその装置 |
KR101248867B1 (ko) * | 2012-10-26 | 2013-04-02 | (주)밸류팩토리 | 웹페이지에서 크롭 영역과 겹쳐지는 문서요소만을 재구성하여 크롭하는 웹화면 크롭 서버 장치 |
KR101282975B1 (ko) * | 2012-10-26 | 2013-07-08 | (주)밸류팩토리 | 문서 요소를 분리 구조화하여 표준화한 후 웹페이지를 재구성하는 웹화면 크롭 서버 장치 |
KR101519381B1 (ko) * | 2013-12-31 | 2015-05-13 | 서강대학교산학협력단 | Html5를 이용하여 웹 어플리케이션을 제작하는 방법 및 장치 |
US10755446B2 (en) | 2015-04-02 | 2020-08-25 | Naver Corporation | System and method for providing contents using automatic margin creation |
KR101654300B1 (ko) * | 2015-04-03 | 2016-09-22 | 네이버 주식회사 | 모션 연출이 포함된 페이지의 레이어 병합을 이용하여 컨텐츠를 제공하는 시스템 및 방법 |
US10255711B2 (en) | 2015-04-03 | 2019-04-09 | Naver Corporation | System and method for providing contents by merging layers of page to which motion effect is set |
CN106155673A (zh) * | 2015-04-23 | 2016-11-23 | 阿里巴巴集团控股有限公司 | 实现页面内容编辑器的方法、装置、服务器及用户设备 |
KR20160118929A (ko) * | 2016-03-09 | 2016-10-12 | 네이버 주식회사 | 모션 연출이 포함된 페이지의 레이어 병합을 이용하여 컨텐츠를 제공하는 시스템 및 방법 |
CN107957868A (zh) * | 2017-12-04 | 2018-04-24 | 山东浪潮通软信息科技有限公司 | 一种html用户界面可视化编辑方法及装置 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
KR20110019942A (ko) | 웹페이지 편집 저장 시스템 | |
US10956531B2 (en) | Dynamic generation of mobile web experience | |
US8497883B2 (en) | Information display device | |
US8756510B2 (en) | Method and system for displaying photos, videos, RSS and other media content in full-screen immersive view and grid-view using a browser feature | |
US9071651B2 (en) | Dynamic content delivery to network-enabled static display device | |
US20110119298A1 (en) | Method and apparatus for searching information | |
US20160034437A1 (en) | Mobile social content-creation application and integrated website | |
US20100329642A1 (en) | Dynamic Icons Associated with Remote Content | |
US20110173569A1 (en) | Preview Functionality for Increased Browsing Speed | |
US20090199093A1 (en) | Image Capture And Sharing System and Method | |
CA2650858A1 (en) | Method, apparatus and computer program product for providing automatic delivery of information to a terminal | |
Xie et al. | Learning user interest for image browsing on small-form-factor devices | |
Blekas et al. | Use of RSS feeds for content adaptation in mobile web browsing | |
US10244026B2 (en) | Converting content for display on external device according to browser context and based on characteristic of external device | |
KR20060043198A (ko) | 공유 디스플레이용 하이퍼텍스트 문서 브라우징 방법 및 시스템 | |
CN104145265A (zh) | 涉及搜索和/或搜索整合的特征的***和方法 | |
CN1991842B (zh) | 用于管理移动终端的图像的装置和方法 | |
KR101208640B1 (ko) | 정보 표시 장치 | |
CN113032626A (zh) | 搜索结果处理方法、装置、电子设备和存储介质 | |
KR20080057907A (ko) | 무선 인터넷 접속이 가능한 이동 통신 단말기에서하이퍼링크 정보를 제공하기 위한 방법 | |
US20080165207A1 (en) | Method and System for Manipulating Graphical Images | |
JP6832584B2 (ja) | 情報処理装置およびコンピュータプログラム | |
CN116955784A (zh) | 内容显示方法、装置、设备、介质和程序产品 | |
KR101662816B1 (ko) | 링크정보 제공 시스템 및 그 방법, 그리고 이에 적용되는 장치 | |
JP5674704B2 (ja) | 情報処理装置、方法、コンピュータ・プログラム及びシステム |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
A201 | Request for examination | ||
N231 | Notification of change of applicant | ||
E902 | Notification of reason for refusal | ||
E601 | Decision to refuse application |