KR20130020380A - Recoding media for editing web contents in device with touch screen - Google Patents
Recoding media for editing web contents in device with touch screen Download PDFInfo
- Publication number
- KR20130020380A KR20130020380A KR1020110082988A KR20110082988A KR20130020380A KR 20130020380 A KR20130020380 A KR 20130020380A KR 1020110082988 A KR1020110082988 A KR 1020110082988A KR 20110082988 A KR20110082988 A KR 20110082988A KR 20130020380 A KR20130020380 A KR 20130020380A
- Authority
- KR
- South Korea
- Prior art keywords
- area
- touch
- touch gesture
- web page
- input
- Prior art date
Links
- 238000000034 method Methods 0.000 claims description 14
- 238000006243 chemical reaction Methods 0.000 claims description 2
- 238000010586 diagram Methods 0.000 description 10
- 238000012986 modification Methods 0.000 description 3
- 230000004048 modification Effects 0.000 description 3
- 230000003068 static effect Effects 0.000 description 2
- 238000007726 management method Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
Images
Classifications
-
- 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
-
- 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/03—Arrangements for converting the position or the displacement of a member into a coded form
- G06F3/041—Digitisers, e.g. for touch screens or touch pads, characterised by the transducing means
- G06F3/0412—Digitisers structurally integrated in a display
-
- 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/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
-
- 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/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
- G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
-
- 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/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
- G06F2203/048—Indexing scheme relating to G06F3/048
- G06F2203/04806—Zoom, i.e. interaction techniques or interactors for controlling the zooming operation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
- G06F2203/048—Indexing scheme relating to G06F3/048
- G06F2203/04808—Several contacts: gestures triggering a specific function, e.g. scrolling, zooming, right-click, when the user establishes several contacts with the surface simultaneously; e.g. using several fingers or a combination of fingers and pen
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Business, Economics & Management (AREA)
- Tourism & Hospitality (AREA)
- Health & Medical Sciences (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)
- User Interface Of Digital Computer (AREA)
Abstract
Description
본 발명의 실시예들은 터치 스크린을 구비한 단말에서의 웹 컨텐츠 편집을 위한 기록매체에 관한 것으로서, 더욱 상세하게는 터치 스크린 상에서 컨텐츠를 정확하게 선택할 수 있도록 하는 웹 컨텐츠 편집을 위한 기록매체에 관한 것이다. Embodiments of the present invention relate to a recording medium for editing web content in a terminal having a touch screen, and more particularly, to a recording medium for editing web content to accurately select content on a touch screen.
통상적인 웹 기반 주석(annotation) 및 북 마크 어플리케이션은 데스크톱 환경에서 해당 웹 페이지의 URL 주소를 저장하거나 해당 웹 페이지를 모아 두는 형식(Stikies, Diigo, Sharedcopy)이다. Typical web-based annotation and bookmark applications are in the form of storing the web page's URL address or storing the web page in a desktop environment (Stikies, Diigo, Sharedcopy).
이러한 웹 기반 주석 기술은 웹을 통해 제공되는 컨텐츠들이 많아 지면서 어떻게 컨텐츠를 찾는가(Know-How) 보다 어디에 사용자가 원하는 컨텐츠가 있는가(Know-where)가 중요해졌다. 따라서 사용자가 필요한 컨텐츠를 북마킹 하고 사용자가 원할 때 일일이 찾아가기 보다는 컨텐츠를 사용자가 발견할 때 마다 개인 저장소에 모아두고 편집하여 관리하는 것이 보다 효율적이다.As the web-based annotation technology has more contents provided through the web, it is more important to know where the user wants (Know-where) rather than how-to (Know-How). Therefore, it is more efficient to bookmark the contents that users need and go to them when they want, rather than collecting and editing the contents in their personal repository whenever they find them.
근래에는 스마트 폰 등의 인기가 높아지면서 터치 스크린을 구비한 단말에서도 웹 페이지의 탐색이 가능하게 되었다. 터치 스크린의 경우 사용자의 터치로 웹 페이지내의 컨텐츠들을 선택하게 된다. 공개특허 제2010-0134153은 터치 스크린을 구비한 장치에서의 터치 인식 방법이 개시되어 있다. 이러한 터치 인식 방식은 데스크톱 환경에서 마우스를 이용한 컨텐츠 선택보다 정밀도가 떨어지므로 사용자가 원하는 컨텐츠를 정확하게 선택할 수 없는 문제점이 있었다.In recent years, as the popularity of smart phones and the like has increased, the navigation of web pages has become possible even in a terminal equipped with a touch screen. In the case of a touch screen, a user's touch selects contents in a web page. Korean Patent Publication No. 2010-0134153 discloses a touch recognition method in a device having a touch screen. Since the touch recognition method is less accurate than the content selection using the mouse in the desktop environment, there is a problem in that the user cannot accurately select the desired content.
상기한 바와 같은 종래기술의 문제점을 해결하기 위해, 본 발명에서는 터치 스크린을 통해서도 사용자가 원하는 컨텐츠의 정확한 선택이 가능한 웹 컨텐츠 편집을 위한 기록매체를 제안하고자 한다.In order to solve the problems of the prior art as described above, the present invention is to propose a recording medium for editing the web content that allows the user to accurately select the desired content through the touch screen.
본 발명의 다른 목적들은 하기의 실시예를 통해 당업자에 의해 도출될 수 있을 것이다.Other objects of the present invention may be derived by those skilled in the art through the following examples.
상기한 목적을 달성하기 위해 본 발명의 바람직한 일 실시예에 따르면 웹 컨텐츠 편집을 위해 터치 스크린을 구비한 단말에서 실행될 수 있는 명령어들의 프로그램이 유형적으로 구현되어 있으며, 상기 단말에 의해 판독될 수 있는 기록매체로서, 사용자로부터 입력 받은 터치 제스처를 이용하여 웹 페이지의 일부 영역을 선택하는 단계; 상기 웹 페이지의 소스를 이용하여 상기 선택된 영역을 보정하는 단계; 상기 보정된 영역내의 적어도 하나 이상의 컨텐츠들을 저장하는 단계; 및 상기 저장된 컨텐츠들을 편집하여 노트를 생성할 수 있도록 하는 노트 편집 인터페이스를 제공하는 단계를 수행하는 프로그램이 기록된 기록매체가 제공된다.In order to achieve the above object, according to a preferred embodiment of the present invention, a program of instructions that can be executed in a terminal having a touch screen for editing web content is tangibly implemented, and can be read by the terminal. Selecting a partial area of a web page using a touch gesture received from a user as a medium; Correcting the selected area using the source of the web page; Storing at least one or more contents in the corrected area; And providing a note editing interface for editing the stored contents to generate a note.
여기서, 상기 터치 제스처는 상기 사용자가 상기 웹 페이지 상의 이미지 또는 동영상을 터치 후 일정 시간 경과 후 터치를 중단하는 제1 터치 제스처, 상기 사용자가 상기 웹 페이지 상의 텍스트 영역에서 시작할 부분을 터치하고 상기 텍스트 영역의 일정 부분 까지 직선을 그린 후 터치를 중단하는 제2 터치 제스처 및 상기 사용자가 상기 웹 페이지 상의 특정 영역을 터치하고 다각형 또는 원형의 형태로 그림을 그린 후 터치를 중단하는 제3 터치 제스처 중 하나를 포함하며, 상기 일부 영역을 선택하는 단계는 상기 제1 터치 제스처가 입력되는 경우 상기 제1 터치 제스처가 입력된 좌표의 영역을 선택하며, 상기 제2 터치 제스처가 입력되는 경우 상기 텍스트 영역 내에서의 터치의 시작 지점과 중단 지점 사이의 영역을 선택하며, 상기 제3 터치 제스처가 입력되는 경우 상기 다각형 또는 상기 원형 형태의 영역을 선택할 수 있다.Here, the touch gesture is a first touch gesture for stopping a touch after a predetermined time elapses after the user touches the image or video on the web page, the user touches a portion to start in the text area on the web page, and the text area A second touch gesture for stopping a touch after drawing a straight line up to a predetermined portion of and a third touch gesture for stopping a touch after the user touches a specific area on the web page and draws a picture in a polygonal or circular form The selecting of the partial area may include selecting an area of the coordinate where the first touch gesture is input when the first touch gesture is input, and selecting the partial area within the text area when the second touch gesture is input. Selecting an area between a start point and a stop point of the touch, wherein the third touch gesture When input, the polygon or circular area may be selected.
상기 선택된 영역을 보정하는 단계는, 상기 제1 터치 제스처가 입력되는 경우 상기 제1 터치 제스처가 입력된 좌표의 상기 웹 페이지의 소스의 태그를 분석하여 상기 선택된 영역을 이미지 또는 동영상 태그의 영역으로 보정하며, 상기 제2 터치 제스처가 입력되는 경우 상기 터치의 시작 지점과 중단 지점 사이의 텍스트 영역 내의 상기 웹 페이지의 소스의 태그를 분석하여 상기 시작 지점과 상기 중단 지점 사이의 선택된 영역이 단락 태그 영역의 미리 설정된 비율 이상인 경우 상기 선택된 영역을 단락 태그 영역으로 보정하며, 상기 제3 터치 제스처가 입력되는 경우 상기 다각형 또는 원형 형태내의 컨텐츠의 종류에 따라 상기 제1 터치 제스처가 입력되는 경우 또는 상기 제2 터치 제스처가 입력되는 경우의 보정 방법을 이용하여 상기 선택된 영역을 보정할 수 있다.The correcting of the selected area may include correcting the selected area to an area of an image or video tag by analyzing a tag of a source of the web page at a coordinate where the first touch gesture is input when the first touch gesture is input. And when the second touch gesture is input, the tag of the source of the web page in the text area between the start point and the stop point of the touch is analyzed so that the selected area between the start point and the stop point is selected from the paragraph tag area. When the ratio is greater than or equal to a preset ratio, the selected area is corrected as a paragraph tag area, and when the third touch gesture is input, when the first touch gesture is input or the second touch according to the type of content in the polygon or circle shape. The selected area is adjusted using a correction method when a gesture is input. It can be determined.
상기 선택된 영역을 보정하는 단계는, 상기 터치의 시작 지점과 상기 중단 지점 사이의 선택된 텍스트 영역이 상기 단락 태그 영역의 미리 설정된 비율 미만이며, 특정 단어의 일부인 경우, 상기 선택된 텍스트 영역을 상기 특정 단어의 전체 영역으로 보정할 수 있다.The correcting of the selected area may include: if the selected text area between the start point of the touch point and the stop point is less than a preset ratio of the paragraph tag area and is a part of a specific word, the selected text area is selected from the specific word. You can calibrate to the entire area.
상기 선택된 영역을 보정하는 단계는 상기 보정된 영역을 수동 보정하기 위한 슬라이딩 메뉴 인터페이스를 제공하는 단계를 더 포함하며,Correcting the selected region further comprises providing a sliding menu interface for manually correcting the corrected region,
상기 사용자에 의해 상기 슬라이딩 메뉴가 특정 방향으로 이동될 경우 상기 보정된 영역내의 웹 페이지의 소스 내에서 부모 노드 쪽으로 선택 영역이 확장되며, 상기 특정 방향의 반대로 이동할 경우 자식 노드 쪽으로 상기 보정된 영역이 축소될 수 있다.When the sliding menu is moved by the user in a specific direction, the selection area is extended toward the parent node in the source of the web page in the corrected area, and when the direction of movement is reversed in the specific direction, the corrected area is reduced toward the child node. Can be.
상기 컨텐츠들을 저장하는 단계는 노트 저장 인터페이스를 제공하는 단계를 더 포함하며, 상기 보정된 영역의 상기 컨텐츠는 상기 사용자에 의해 터치 된 후 상기 노트 저장 인터페이스로 이동되어 저장될 수 있다.The storing of the contents may further include providing a note storage interface, wherein the contents of the corrected area may be moved to and stored in the note storage interface after being touched by the user.
상기 저장된 컨텐츠들은 상기 노트 편집 인터페이스에서 날짜 별로 구성된 탭에 썸네일(Thumbnail) 노트 형태로 디스플레이 될 수 있으며, 상기 썸네일 노트는 상기 사용자에 의해 상기 노트 편집 인터페이스 상의 빈 페이지에 자유롭게 배치되며, 상기 사용자의 터치에 의해 크기 변환이 이루어질 수 있다.The stored contents may be displayed in the form of a thumbnail note in a tab configured for each date in the note editing interface, and the thumbnail note is freely disposed on a blank page on the note editing interface by the user and touched by the user. The size conversion can be done by.
본 발명에 따르면, 터치 스크린을 구비한 단말에서 터치를 통해 사용자가 원하는 웹 페이지의 컨텐츠를 정확하게 선택할 수 있으며, 웹 컨텐츠의 편집을 손쉽게 할 수 있다.According to the present invention, a terminal having a touch screen can accurately select a content of a web page desired by a user through a touch, and can easily edit the web content.
도 1은 본 발명의 일 실시예에 따른 웹 컨텐츠 편집 과정을 도시한 순서도이다.
도 2는 본 발명의 일 실시예에 따른 제1 터치 제스처가 입력된 영역이 태그 영역으로 자동 보정된 경우의 일례를 도시한 도면이다.
도 3은 본 발명의 일 실시예에 따른 제2 터치 제스처가 입력된 경우의 일례를 도시한 도면이다.
도 4는 본 발명의 일 실시예에 따른 웹 페이지 소스의 구조를 도시한 도면이다.
도 5는 본 발명의 일 실시예에 따른 사용자에 의해 선택 영역을 수동 보정하는 경우의 일례를 도시한 도면이다.
도 6은 본 발명의 일 실시예에 따른 노트 저장 인터페이스의 일례를 도시한 도면이다.
도 7은 본 발명의 일 실시예에 따른 노트 편집 인터페이스의 일례를 도시한 도면이다.1 is a flowchart illustrating a web content editing process according to an embodiment of the present invention.
FIG. 2 is a diagram illustrating an example in which an area in which a first touch gesture is input is automatically corrected as a tag area according to an embodiment of the present invention.
FIG. 3 is a diagram illustrating an example of a case where a second touch gesture is input according to an embodiment of the present invention.
4 is a diagram illustrating a structure of a web page source according to an embodiment of the present invention.
5 illustrates an example of manually correcting a selection area by a user according to an exemplary embodiment of the present invention.
6 is a diagram illustrating an example of a note storage interface according to an embodiment of the present invention.
7 is a diagram illustrating an example of a note editing interface according to an embodiment of the present invention.
본 발명은 다양한 변경을 가할 수 있고 여러 가지 실시예를 가질 수 있는 바, 특정 실시예들을 도면에 예시하고 상세한 설명에 상세하게 설명하고자 한다. 그러나, 이는 본 발명을 특정한 실시 형태에 대해 한정하려는 것이 아니며, 본 발명의 사상 및 기술 범위에 포함되는 모든 변경, 균등물 내지 대체물을 포함하는 것으로 이해되어야 한다. 각 도면을 설명하면서 유사한 참조부호를 유사한 구성요소에 대해 사용하였다. While the invention is susceptible to various modifications and alternative forms, specific embodiments thereof are shown by way of example in the drawings and will herein be described in detail. It should be understood, however, that the invention is not intended to be limited to the particular embodiments, but includes all modifications, equivalents, and alternatives falling within the spirit and scope of the invention. Like reference numerals are used for like elements in describing each drawing.
이하에서, 본 발명에 따른 실시예들을 첨부된 도면을 참조하여 상세하게 설명한다. Hereinafter, embodiments according to the present invention will be described in detail with reference to the accompanying drawings.
도 1은 본 발명의 일 실시예에 따른 웹 컨텐츠 편집 과정을 도시한 순서도이다.1 is a flowchart illustrating a web content editing process according to an embodiment of the present invention.
도 1에 도시된 웹 컨텐츠의 편집 과정은 터치 스크린을 구비한 단말에 의해 수행될 수 있다. 또는 웹 컨텐츠의 편집은 단말에서 판독 가능한 기록매체에 의해 실행되거나 단말에 설치 가능한 어플리케이션에 의해 실행될 수도 있다.The editing process of the web content shown in FIG. 1 may be performed by a terminal having a touch screen. Alternatively, the web content may be edited by a recording medium readable by the terminal or by an application installable on the terminal.
도 1을 참조하면, 본 실시예에 따른 웹 컨텐츠 편집 장치는 (단계 S100)에서 사용자로부터 입력 받은 터치 제스처를 이용하여 웹 페이지의 일부 영역을 선택한다.Referring to FIG. 1, the web content editing apparatus according to the present embodiment selects a partial region of a web page using a touch gesture received from a user in step S100.
여기서, 웹 컨텐츠 편집 장치는 터치 스크린이 구비된 단말일 수 있으며, 하기에서는 설명의 편의를 위해 웹 컨텐츠 편집 장치가 단말인 것으로 가정하여 설명한다.Here, the web content editing apparatus may be a terminal provided with a touch screen. Hereinafter, the web content editing apparatus is assumed to be a terminal for convenience of description.
여기서, 터치 제스처는 사용자가 터치 스크린을 터치하는 동작을 의미하며, 사용자의 터치 동작에 따라 3가지 터치 제스처가 존재할 수 있다.Here, the touch gesture refers to an operation of the user touching the touch screen, and three touch gestures may exist according to the touch operation of the user.
제1 터치 제스처는 사용자가 단말에서 디스플레이 되는 웹 페이지의 특정 위치를 손가락으로 잠깐 터치 후 손을 때는 동작을 의미한다. 주로 웹 페이지내의 이미지나 동영상과 같이 한 컨텐츠가 터치 부분을 포함하는 넓은 영역을 가지고 있을 때 사용된다. The first touch gesture refers to an operation when the user touches a finger with a finger at a specific position of a web page displayed on the terminal. It is mainly used when a content has a large area including a touch part such as an image or a video in a web page.
제2 터치 제스처는 웹 페이지 내에 장문의 텍스트 영역과 같이 사용자가 선택하려는 영역의 시작과 끝 부분이 정해져 있지 않을 때 사용되는 제스처로서, 사용자가 텍스트 영역에서 시작할 부분을 터치하고 텍스트 영역의 일정 부분까지 직선을 그린 후 터치를 중단하는 동작이다. 이 경우, 터치의 시작 부분과 터치를 중단한 부분 사이의 텍스트가 선택되게 된다.The second touch gesture is a gesture used when the start and end portions of the region that the user wants to select are not fixed, such as a long text region in a web page. This operation stops the touch after drawing a straight line. In this case, the text between the start of the touch and the part where the touch is stopped is selected.
제3 터치 제스처는 텍스트, 이미지, 동영상 등이 섞여 있는 복잡한 영역을 동시에 선택하기 위해 사용되는 제스처로서 사용자는 선택할 영역을 터치 후 다각형 또는 원형의 형태로 그림을 그린 후 터치를 중단하는 동작이다. 이 경우 다각형 또는 원형 형태 영역 내의 텍스트, 이미지 또는 동영상 등의 컨텐츠들이 선택된다.The third touch gesture is a gesture used to simultaneously select a complex area mixed with text, an image, a video, etc., and the user stops the touch after drawing the picture in the form of a polygon or a circle after touching the area to be selected. In this case, contents such as text, an image, or a video in a polygonal or circular region are selected.
본 발명의 일 실시예에 따르면 터치 제스처를 통해 선택된 컨텐츠들은 반투명의 유색 박스로 강조되어 표시될 수 있다 하지만 터치의 특성상 선택 영역이 부정확할 수 있다. 따라서, 단말은 터치 제스처가 입력된 좌표의 웹 페이지의 소스를 이용하여 선택 영역의 자동 보정을 거친 후 사용자에게 피드백 할 수 있다.According to an embodiment of the present invention, the contents selected through the touch gesture may be displayed as highlighted by a translucent colored box, but the selection area may be inaccurate due to the nature of the touch. Accordingly, the terminal may feed back to the user after the automatic correction of the selection area using the source of the web page of the coordinate where the touch gesture is input.
따라서, 단계(S110)에서 단말은 웹 페이지의 소스를 이용하여 터치 제스처에 의해 선택된 영역을 보정한다.Therefore, in step S110, the terminal corrects the area selected by the touch gesture using the source of the web page.
여기서, 웹 페이지의 소스는 웹 프로그래밍 언어에 따라 달라지며, 웹 프로그래밍 언어로는 ASP, JSP, PHP, HTML, XML, WML, VRML, JAVA Script 및 Perl 등 다양하며, 이하 본 발명에서는 웹 페이지가 HTML을 이용하여 프로그래밍된 것으로 가정하여 설명하나 이에 한정되지 않음은 당업자에게 있어 자명할 것이다.Here, the source of the web page varies depending on the web programming language, the web programming language is various, such as ASP, JSP, PHP, HTML, XML, WML, VRML, JAVA Script and Perl, in the present invention, the web page is HTML It is assumed that the present invention is programmed using, but the present invention is not limited thereto.
단말은 제1 터치 제스처가 입력되는 경우 제1 터치 제스처가 입력된 좌표의 웹 페이지의 소스의 태그를 분석하여 제1 터치 제스처가 입력된 영역을 이미지 또는 동영상 태그의 영역으로 보정한다.When the first touch gesture is input, the terminal analyzes the tag of the source of the web page of the coordinate where the first touch gesture is input and corrects the region where the first touch gesture is input to the region of the image or video tag.
즉, 제1 터치 제스처가 입력된 좌표의 HTML 소스를 분석하여 이미지에 해당하는 <IMG> 태그를 발견하면 제1 터치 제스처가 입력된 영역을 <IMG> 태그 영역으로 보정한다. 또는, 동영상에 해당하는 <EMBED> 태그를 발견하면 제1 터치 제스처가 입력된 영역을 <EMBED> 태그 영역으로 보정한다.That is, when the <IMG> tag corresponding to the image is found by analyzing the HTML source of the coordinates in which the first touch gesture is input, the region in which the first touch gesture is input is corrected to the <IMG> tag region. Alternatively, when the <EMBED> tag corresponding to the video is found, the area in which the first touch gesture is input is corrected to the <EMBED> tag area.
여기서, 태그는 HTML 소스를 이루는 문법적 표시를 의미하며, 일례로서 이미지 태그는 <img src="http://static.land.naver.net/static/service/20110714/imgviewer/h_naver.gif" width="56" height="14">와 같이 선택된 좌표의 HTML 소스 내에 포함될 수 있다. 또한 동영상 태그는 <embed src="http://mastar.sharefactory.kr/sf_player/player.swf"width="450" height="800"></embed>와 같이 선택된 좌표의 HTML 소스 내에 포함될 수 있다.Here, the tag means a grammatical display forming an HTML source, and as an example, the image tag is <img src = "http://static.land.naver.net/static/service/20110714/imgviewer/h_naver.gif" width = It can be included in the HTML source of the selected coordinates, such as "56" height = "14">. Video tags can also be included within the HTML source at selected coordinates, such as <embed src = "http://mastar.sharefactory.kr/sf_player/player.swf" width = "450" height = "800"> </ embed>. have.
도 2는 본 발명의 일 실시예에 따른 제1 터치 제스처가 입력된 영역이 태그 영역으로 자동 보정된 경우의 일례를 도시한 도면이다.FIG. 2 is a diagram illustrating an example in which an area in which a first touch gesture is input is automatically corrected as a tag area according to an embodiment of the present invention.
도 2(a)를 참조하면 사용자에 의해 제1 터치 제스처가 입력된 경우를 도시한 도면으로서 웹 페이지 상의 이미지를 사용자가 터치 했음을 알 수 있다.Referring to FIG. 2A, it is a view illustrating a case in which a first touch gesture is input by a user, and the user touches an image on a web page.
도 2(b)를 참조하면, 단말이 제1 제스처가 입력된 영역의 웹 페이지의 HTML 소스를 분석하여 IMG 태그의 영역으로 보정한 경우의 일례를 도시한 도면으로서 이미지 전체로 선택 영역이 보정됨을 확인할 수 있다.Referring to FIG. 2 (b), it is a view showing an example in which the terminal analyzes an HTML source of a web page of an area where a first gesture is input and corrects the area of an IMG tag. You can check it.
다시, 도 1을 참조하여 단계 (S110)에 대해 살펴본다. 단말은 제2 터치 제스처가 입력되는 경우 터치의 시작 지점과 중단 지점 사이의 텍스트 영역 내의 웹 페이지의 소스의 태그를 분석하여 시작 지점과 중단 지점 사이의 영역이 단락 태그 영역의 미리 설정된 비율 이상인 경우 상기 제2 터치 제스처에 의해 선택된 영역을 단락 태그 영역으로 보정할 수 있다.Again, the step S110 will be described with reference to FIG. 1. When the second touch gesture is input, the terminal analyzes the tag of the source of the web page in the text area between the start point and the stop point of the touch, and when the area between the start point and the stop point is more than a preset ratio of the paragraph tag area. The area selected by the second touch gesture may be corrected as a paragraph tag area.
도 3은 본 발명의 일 실시예에 따른 제2 터치 제스처가 입력된 경우의 일례를 도시한 도면이다.FIG. 3 is a diagram illustrating an example of a case where a second touch gesture is input according to an embodiment of the present invention.
도 3(a)는 사용자에 의해 텍스트의 일부 영역이 선택된 경우의 일례이다. 만약 단락 태그 영역의 50% 이상 선택된 경우 단락 태그 영역으로 보정된다고 가정하는 경우 사용자가 도 3(a)와 같이 제2 터치 제스처를 입력하는 경우 도 3(b)처럼 단락 태그 영역으로 선택 영역이 보정될 수 있다.3A illustrates an example in which a partial region of text is selected by the user. If 50% or more of the paragraph tag area is selected, it is assumed that the paragraph tag area is corrected. If the user inputs a second touch gesture as shown in FIG. 3 (a), the selection area is corrected with the paragraph tag area as shown in FIG. 3 (b). Can be.
여기서 단락 태그 영역은 다음과 같이 HTML 소스 내에서 표현될 수 있다.Here, paragraph tag area can be expressed in HTML source as follows.
<P>하행선의 경우 동해안으로 가는 영동고속도로가 강천터털에서 문막까지 12km구간에서 정체되는 등 상습 정체 구간을 중심으로 곳곳이 밀리고 있습니다. </P><br><P> In case of descending lines, Yeongdong Expressway going to the east coast is congested around the stagnant stagnant section, such as a stagnation of 12km from Gangcheon Termination to Munmak. </ P> <br>
<p>한국도로공사는 오늘 오후 5시에서 6시 사이에 상행선 정체가 절정을 이룬 뒤 저녁부터는 풀릴 것으로 내다봤습니다. <P><p> Korea Expressway Corporation expects to be released in the evening after the peak of congestion peaked between 5 pm and 6 pm today. <P>
즉, 단말은 제2 터치 제스처에 의해 선택된 텍스트 영역의 HTML 소스를 분석하여 단락 태그 영역에 해당하는 <P> </P>를 탐색하고, 제2 터치 제스처에 의해 선택된 텍스트 영역이 단락 태그 영역 내에 있는 전체 텍스트의 미리 설정된 일정 비율 이상인지 판단하여 단락 태그 영역으로 선택 영역을 보정할 수 있다. That is, the terminal analyzes the HTML source of the text area selected by the second touch gesture to search for <P> </ P> corresponding to the paragraph tag area, and the text area selected by the second touch gesture is within the paragraph tag area. The selection area may be corrected by using a paragraph tag area by determining whether or not the predetermined text has a predetermined ratio.
또한 단말은 제2 터치 제스처에 의해 선택된 텍스트 영역이 단락 태그 영역의 미리 설정된 비율 미만이며 특정 단어의 일부에 대해서만 입력된 경우에는 선택된 텍스트 영역을 특정 단어의 전체 영역으로 보정할 수 있다.In addition, when the text area selected by the second touch gesture is less than a preset ratio of the paragraph tag area and is input only for a part of a specific word, the terminal may correct the selected text area to the entire area of the specific word.
즉 '영동고속도로'의 텍스트에서 사용자가 제2 터치 제스처에 의해 '영동고'만 선택한 경우 단말은 '영동고속도로' 선택된 영역을 확장하는 보정을 수행할 수 있다.That is, when the user selects only 'youngdong high' by the second touch gesture in the text of 'youngdong highway', the terminal may perform correction to extend the selected area of 'youngdong highway'.
다시 도 1을 참조하면, 단말은 제3 터치 제스처가 입력되는 경우 다각형 또는 원형 형태내의 컨텐츠의 종류에 따라 제1 터치 제스처가 입력되는 경우 또는 제2 터치 제스처가 입력되는 경우의 보정 방법을 이용하여 선택된 영역을 보정할 수 있을 것이다.Referring back to FIG. 1, when the third touch gesture is input, the terminal uses a correction method when the first touch gesture is input or when the second touch gesture is input according to the type of content in a polygonal or circular shape. You will be able to correct the selected area.
이어서, 단계(S120)에서 단말은 보정된 영역을 수동 보정하기 위한 슬라이딩 메뉴 인터페이스를 제공한다.Subsequently, in step S120, the terminal provides a sliding menu interface for manually correcting the corrected region.
단말은 사용자에 의해 슬라이딩 메뉴가 특정 방향으로 이동될 경우 보정된 영역 내의 웹 페이지의 소스 내에서 부모 노드 쪽으로 선택 영역을 확장하며, 특정 방향의 반대 방향으로 이동될 경우 자식 노드 쪽으로 선택 영역을 축소 시킬 수 있다.The terminal expands the selection area toward the parent node in the source of the web page within the corrected area when the sliding menu is moved in a specific direction by the user, and reduces the selection area toward the child node when the sliding menu is moved in a direction opposite to the specific direction. Can be.
도 4는 본 발명의 일 실시예에 따른 웹 페이지 소스의 구조를 도시한 도면이다.4 is a diagram illustrating a structure of a web page source according to an embodiment of the present invention.
HTML 소스는 도 4와 같은 구조를 가질 수 있다. HTML 소스의 본체를 나타내는 BODY 태그, BODY 태그의 자식 노드로는 블록을 나누는 DIV 태그가 위치한다. 또한 DIV 태그 자식 노드로는 단락을 나누는 P 태그가 위치하며, P 태그의 자식 노드로 이미지, 동영상 또는 텍스트가 위치할 수 있다.HTML source may have a structure as shown in FIG. The BODY tag that represents the body of the HTML source and the DIV tag that divides the block are located as child nodes of the BODY tag. In addition, a P tag that divides a paragraph is positioned as a child node of a DIV tag, and an image, video, or text may be positioned as a child node of a P tag.
따라서, 단말은 사용자에 의한 슬라이딩 메뉴의 이동에 따라 보정된 영역을 부모 노드 쪽으로의 영역으로 확장시키거나 또는 자식 노드로의 영역으로 축소시킬 수 있다.Accordingly, the terminal may expand the region corrected according to the movement of the sliding menu by the user to the region toward the parent node or reduce the region to the child node.
도 5는 본 발명의 일 실시예에 따른 사용자에 의해 선택 영역을 수동 보정하는 경우의 일례를 도시한 도면이다.5 illustrates an example of manually correcting a selection area by a user according to an exemplary embodiment of the present invention.
도 5를 참조하면 도 2(b)에서의 선택된 영역이 사용자의 슬라이딩 메뉴의 이동으로 인해 확장됨을 확인할 수 있다.Referring to FIG. 5, it can be seen that the selected area in FIG. 2B is expanded due to the movement of the sliding menu of the user.
다시 도 1을 참조하면, 단계 (S130)에서 단말은 보정된 영역내의 적어도 하나 이상의 컨텐츠들을 저장한다.Referring back to FIG. 1, in step S130, the terminal stores at least one or more contents in the corrected area.
단말은 컨텐츠를 저장하기 위해 노트 저장 인터페이스를 제공할 수 있으며, 사용자는 보정된 영역의 컨텐츠를 터치한 후 드래그 하여 노트 저장 인터페이스에 담을 수 있다.The terminal may provide a note storage interface for storing content, and the user may touch and drag the content of the corrected area to include the note storage interface.
도 6은 본 발명의 일 실시예에 따른 노트 저장 인터페이스의 일례를 도시한 도면이다.6 is a diagram illustrating an example of a note storage interface according to an embodiment of the present invention.
도 6을 참조하면, 사용자의 슬라이딩 메뉴 조절을 통한 영역 선택이 결정되면 노트 저장 인터페이스는 웹 페이지 상에 팝업 형태로 제공될 수 있다. 사용자가 해당 영역을 터치하고 노트 저장 인터페이스에 해당 영역의 컨텐츠들을 드래그 하면 단말은 해당 컨텐츠들을 저장한다.Referring to FIG. 6, when a user selects a region by adjusting a sliding menu, the note storage interface may be provided in a pop-up form on a web page. When the user touches the corresponding area and drags the contents of the corresponding area to the note storage interface, the terminal stores the corresponding contents.
이어서, 단계 (S140)에서 저장된 컨텐츠들을 편집하여 노트를 생성할 수 있도록 하는 노트 편집 인터페이스를 제공한다.Next, a note editing interface for generating a note by editing the stored contents in step S140 is provided.
도 7은 본 발명의 일 실시예에 따른 노트 편집 인터페이스의 일례를 도시한 도면이다.7 is a diagram illustrating an example of a note editing interface according to an embodiment of the present invention.
도 7(a)를 참조하면, 단말에 저장된 컨텐츠들은 노트 편집 인터페이스의 좌측의 날짜 별로 구성된 탭에 썸네일(Thumbnail) 노트(701) 형태로 모일 수 있다. 여기서 썸네일이란 페이지 전체의 레이아웃을 검토할 수 있게 페이지 전체를 작게 줄여 화면에 띄운 것을 의미한다. 또한, 사용자는 도 7(a)와 도 7(b)와 같이 새 노트를 생성하여 텍스트를 입력할 수 있다. 이어서, 사용자는 도 7(c)와 같이 썸네일 노트(701)를 터치 및 드래그하여 페이지 빈 영역에 배치할 수 있으며 사용자의 터치로 썸네일 노트(701)의 크기를 자유롭게 조절할 수 있다. 또한 도 7(d)와 같아 사용자는 썸네일 노트(701)들의 순서 및 레이아웃을 자유롭게 편집할 수 있다.Referring to FIG. 7A, the contents stored in the terminal may be collected in the form of a
따라서, 본 발명은 사용자가 터치 제스처로 웹 페이지를 선택하는데 있어 세분화된 제스처의 종류를 정의하여 보다 다양한 컨텐츠 영역을 선택할 수 있도록 하며, 웹 페이지의 소스를 이용하여 선택 영역을 자동, 수정 보정함으로써 사용자가 원하는 정확한 컨텐츠를 선택할 수 있다. 또한 선택된 영역내의 컨텐츠를 노트 형태로 보관 및 편집하여 개인화된 노트 묶음집(collection)을 생성할 수 있다. 이를 통하여 웹 상에 흩어져 있는 정보 조각들을 빠르고 정확하게 선택하고 모음집 생성 및 편집을 가능케 함으로써 향상된 정보의 관리 및 전달이 가능한 장점이 있다.Therefore, the present invention allows the user to select a more detailed content area by defining the type of the granular gesture in selecting the web page by the touch gesture, and automatically and corrects and corrects the selection area by using the source of the web page. You can choose the exact content you want. In addition, it is possible to create and personalize a collection of notes by storing and editing the content in the selected area in the form of notes. Through this, it is possible to select pieces of information scattered on the web quickly and accurately and to create and edit collections, thereby improving the management and delivery of information.
또한, 본 발명의 실시예들은 다양한 컴퓨터 수단을 통하여 수행될 수 있는 프로그램 명령 형태로 구현되어 컴퓨터 판독 가능 매체에 기록될 수 있다. 상기 컴퓨터 판독 가능 매체는 프로그램 명령, 데이터 파일, 데이터 구조 등을 단독으로 또는 조합하여 포함할 수 있다. 상기 매체에 기록되는 프로그램 명령은 본 발명을 위하여 특별히 설계되고 구성된 것들이거나 컴퓨터 소프트웨어 당업자에게 공지되어 사용 가능한 것일 수도 있다. 컴퓨터 판독 가능 기록 매체의 예에는 하드 디스크, 플로피 디스크 및 자기 테이프와 같은 자기 매체(magnetic media), CD-ROM, DVD와 같은 광기록 매체(optical media), 플롭티컬 디스크(floptical disk)와 같은 자기-광 매체(magneto-optical), 및 롬(ROM), 램(RAM), 플래시 메모리 등과 같은 프로그램 명령의 예에는 컴파일러에 의해 만들어지는 것과 같은 기계어 코드뿐만 아니라 인터프리터 등을 사용해서 컴퓨터에 의해서 실행될 수 있는 고급 언어 코드를 포함한다. 상기된 하드웨어 장치는 본 발명의 일 실시예들의 동작을 수행하기 위해 적어도 하나의 소프트웨어 모듈로서 작동하도록 구성될 수 있으며, 그 역도 마찬가지이다.In addition, embodiments of the present invention may be implemented in the form of program instructions that can be executed through various computer means and recorded on a computer readable medium. The computer readable medium may include program instructions, data files, data structures, etc. alone or in combination. The program instructions recorded on the medium may be those specially designed and constructed for the present invention or may be available to those skilled in the art of computer software. Examples of computer-readable media include magnetic media such as hard disks, floppy disks, and magnetic tape; optical media such as CD-ROMs and DVDs; magnetic media such as floppy disks; Examples of program instructions, such as magneto-optical and ROM, RAM, flash memory and the like, can be executed by a computer using an interpreter or the like, as well as machine code, Includes a high-level language code. The hardware device described above may be configured to operate as at least one software module to perform the operations of one embodiment of the present invention, and vice versa.
이상과 같이 본 발명에서는 구체적인 구성 요소 등과 같은 특정 사항들과 한정된 실시예 및 도면에 의해 설명되었으나 이는 본 발명의 보다 전반적인 이해를 돕기 위해서 제공된 것일 뿐, 본 발명은 상기의 실시예에 한정되는 것은 아니며, 본 발명이 속하는 분야에서 통상적인 지식을 가진 자라면 이러한 기재로부터 다양한 수정 및 변형이 가능하다. 따라서, 본 발명의 사상은 설명된 실시예에 국한되어 정해져서는 아니되며, 후술하는 특허청구범위뿐 아니라 이 특허청구범위와 균등하거나 등가적 변형이 있는 모든 것들은 본 발명 사상의 범주에 속한다고 할 것이다.In the present invention as described above has been described by the specific embodiments, such as specific components and limited embodiments and drawings, but this is provided to help a more general understanding of the present invention, the present invention is not limited to the above embodiments. For those skilled in the art, various modifications and variations are possible from these descriptions. Accordingly, the spirit of the present invention should not be construed as being limited to the embodiments described, and all of the equivalents or equivalents of the claims, as well as the following claims, belong to the scope of the present invention .
701: 썸네일 노트701: thumbnail notes
Claims (7)
사용자로부터 입력 받은 터치 제스처를 이용하여 웹 페이지의 일부 영역을 선택하는 단계;
상기 웹 페이지의 소스를 이용하여 상기 선택된 영역을 보정하는 단계;
상기 보정된 영역내의 적어도 하나 이상의 컨텐츠들을 저장하는 단계; 및
상기 저장된 컨텐츠들을 편집하여 노트를 생성할 수 있도록 하는 노트 편집 인터페이스를 제공하는 단계를 수행하는 프로그램이 기록된 기록매체.A program of instructions that can be executed in a terminal having a touch screen for editing web content is tangibly embodied, and can be read by the terminal.
Selecting a part of a web page by using a touch gesture received from a user;
Correcting the selected area using the source of the web page;
Storing at least one or more contents in the corrected area; And
And a program for performing a step of providing a note editing interface for editing the stored contents to generate a note.
상기 터치 제스처는 상기 사용자가 상기 웹 페이지 상의 이미지 또는 동영상을 터치 후 일정 시간 경과 후 터치를 중단하는 제1 터치 제스처, 상기 사용자가 상기 웹 페이지 상의 텍스트 영역에서 시작할 부분을 터치하고 상기 텍스트 영역의 일정 부분 까지 직선을 그린 후 터치를 중단하는 제2 터치 제스처 및 상기 사용자가 상기 웹 페이지 상의 특정 영역을 터치하고 다각형 또는 원형의 형태로 그림을 그린 후 터치를 중단하는 제3 터치 제스처 중 하나를 포함하며,
상기 일부 영역을 선택하는 단계는 상기 제1 터치 제스처가 입력되는 경우 상기 제1 터치 제스처가 입력된 좌표의 영역을 선택하며, 상기 제2 터치 제스처가 입력되는 경우 상기 텍스트 영역 내에서의 터치의 시작 지점과 중단 지점 사이의 영역을 선택하며, 상기 제3 터치 제스처가 입력되는 경우 상기 다각형 또는 상기 원형 형태의 영역을 선택하는 것을 특징으로 하는 프로그램이 기록된 기록매체.The method of claim 1,
The touch gesture is a first touch gesture for stopping a touch after a predetermined time elapses after the user touches an image or video on the web page, and the user touches a portion to start in a text area on the web page and schedules the text area. A second touch gesture for stopping a touch after drawing a straight line to a portion, and one of the third touch gestures for stopping the touch after the user touches a specific area on the web page and draws a picture in a polygonal or circular form; ,
The selecting of the partial area may include selecting an area of the coordinate where the first touch gesture is input when the first touch gesture is input, and starting a touch in the text area when the second touch gesture is input. And selecting an area between the point and the stop point, and selecting the polygonal or circular area when the third touch gesture is input.
상기 선택된 영역을 보정하는 단계는,
상기 제1 터치 제스처가 입력되는 경우 상기 제1 터치 제스처가 입력된 좌표의 상기 웹 페이지의 소스의 태그를 분석하여 상기 선택된 영역을 이미지 또는 동영상 태그의 영역으로 보정하며,
상기 제2 터치 제스처가 입력되는 경우 상기 터치의 시작 지점과 중단 지점 사이의 텍스트 영역 내의 상기 웹 페이지의 소스의 태그를 분석하여 상기 시작 지점과 상기 중단 지점 사이의 선택된 영역이 단락 태그 영역의 미리 설정된 비율 이상인 경우 상기 선택된 영역을 단락 태그 영역으로 보정하며,
상기 제3 터치 제스처가 입력되는 경우 상기 다각형 또는 원형 형태내의 컨텐츠의 종류에 따라 상기 제1 터치 제스처가 입력되는 경우 또는 상기 제2 터치 제스처가 입력되는 경우의 보정 방법을 이용하여 상기 선택된 영역을 보정하는 것을 특징으로 하는 프로그램이 기록된 기록매체.The method of claim 2,
Correcting the selected area,
When the first touch gesture is input, the tag of the source of the web page of the coordinates in which the first touch gesture is input is analyzed to correct the selected area to an area of an image or video tag.
When the second touch gesture is input, the tag of the source of the web page in the text area between the start point and the stop point of the touch is analyzed so that the selected area between the start point and the stop point is preset in the paragraph tag area. If the ratio is greater than or equal to, the selected area is corrected to a paragraph tag area.
When the third touch gesture is input, the selected area is corrected by using a correction method when the first touch gesture is input or when the second touch gesture is input according to the type of content in the polygon or circular shape. And a recording medium having a program recorded thereon.
상기 선택된 영역을 보정하는 단계는, 상기 터치의 시작 지점과 상기 중단 지점 사이의 선택된 텍스트 영역이 상기 단락 태그 영역의 미리 설정된 비율 미만이며, 특정 단어의 일부인 경우, 상기 선택된 텍스트 영역을 상기 특정 단어의 전체 영역으로 보정하는 것을 특징으로 하는 프로그램이 기록된 기록매체.The method of claim 3,
The correcting of the selected area may include: if the selected text area between the start point of the touch point and the stop point is less than a preset ratio of the paragraph tag area and is a part of a specific word, the selected text area is selected from the specific word. A recording medium having a program recorded thereon, wherein the program is recorded in the entire area.
상기 선택된 영역을 보정하는 단계는 상기 보정된 영역을 수동 보정하기 위한 슬라이딩 메뉴 인터페이스를 제공하는 단계를 더 포함하며,
상기 사용자에 의해 상기 슬라이딩 메뉴가 특정 방향으로 이동될 경우 상기 보정된 영역내의 웹 페이지의 소스 내에서 부모 노드 쪽으로 선택 영역이 확장되며, 상기 특정 방향의 반대로 이동할 경우 자식 노드 쪽으로 상기 보정된 영역이 축소되는 것을 특징으로 하는 프로그램이 기록된 기록매체.The method of claim 1,
Correcting the selected region further comprises providing a sliding menu interface for manually correcting the corrected region,
When the sliding menu is moved by the user in a specific direction, the selection area is extended toward the parent node in the source of the web page in the corrected area, and when the direction of movement is reversed in the specific direction, the corrected area is reduced toward the child node. Recording medium having a program recorded thereon.
상기 컨텐츠들을 저장하는 단계는 노트 저장 인터페이스를 제공하는 단계를 더 포함하며, 상기 보정된 영역의 상기 컨텐츠는 상기 사용자에 의해 터치 된 후 상기 노트 저장 인터페이스로 이동되어 저장되는 것을 특징으로 하는 프로그램이 기록된 기록매체.The method of claim 1,
The storing of the contents may further include providing a note storage interface, wherein the contents of the corrected area are moved to and stored in the note storage interface after being touched by the user. Record carrier.
상기 저장된 컨텐츠들은 상기 노트 편집 인터페이스에서 날짜 별로 구성된 탭에 썸네일(Thumbnail) 노트 형태로 디스플레이 될 수 있으며, 상기 썸네일 노트는 상기 사용자에 의해 상기 노트 편집 인터페이스 상의 빈 페이지에 자유롭게 배치되며, 상기 사용자의 터치에 의해 크기 변환이 이루어지는 것을 특징으로 하는 프로그램이 기록된 기록매체.The method according to claim 6,
The stored contents may be displayed in the form of a thumbnail note in a tab configured for each date in the note editing interface, and the thumbnail note is freely disposed on a blank page on the note editing interface by the user and touched by the user. A recording medium on which a program is recorded, wherein the size conversion is performed by means of.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| KR1020110082988A KR20130020380A (en) | 2011-08-19 | 2011-08-19 | Recoding media for editing web contents in device with touch screen |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| KR1020110082988A KR20130020380A (en) | 2011-08-19 | 2011-08-19 | Recoding media for editing web contents in device with touch screen |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| KR20130020380A true KR20130020380A (en) | 2013-02-27 |
Family
ID=47898341
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| KR1020110082988A KR20130020380A (en) | 2011-08-19 | 2011-08-19 | Recoding media for editing web contents in device with touch screen |
Country Status (1)
| Country | Link |
|---|---|
| KR (1) | KR20130020380A (en) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| KR101541089B1 (en) * | 2014-01-28 | 2015-07-31 | 케이엠에스랩 주식회사 | Method, web-editor and computer-readable recording medium for image processing |
| US10409478B2 (en) | 2013-08-29 | 2019-09-10 | Samsung Electronics Co., Ltd. | Method, apparatus, and recording medium for scrapping content |
-
2011
- 2011-08-19 KR KR1020110082988A patent/KR20130020380A/en not_active Application Discontinuation
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US10409478B2 (en) | 2013-08-29 | 2019-09-10 | Samsung Electronics Co., Ltd. | Method, apparatus, and recording medium for scrapping content |
| KR101541089B1 (en) * | 2014-01-28 | 2015-07-31 | 케이엠에스랩 주식회사 | Method, web-editor and computer-readable recording medium for image processing |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US11132118B2 (en) | User interface editor | |
| US8739073B2 (en) | User interface for document table of contents | |
| KR102134309B1 (en) | System and method for automated conversion of interactive sites and applications to support mobile and other display environments | |
| US9213460B2 (en) | Visual editing tool buffer region | |
| US10489051B2 (en) | Handwriting input apparatus and control method thereof | |
| US8171401B2 (en) | Resizing an editable area in a web page | |
| US8966361B2 (en) | Providing summary view of documents | |
| US11320975B2 (en) | Automatically generating and applying graphical user interface resize-constraints based on design semantics | |
| US20140115446A1 (en) | Content Control Tools for a Document Authoring Application | |
| US8161379B2 (en) | Fit and fill techniques for pictures | |
| US20120159318A1 (en) | Full screen view reading and editing user interface | |
| US20130226994A1 (en) | Combining server-side and client-side user interface elements | |
| KR20160044486A (en) | Presenting fixed format documents in reflowed format | |
| US20120192047A1 (en) | Systems and methods for building complex documents | |
| KR101115497B1 (en) | Method, system, program for assisting object selection when web page is authored | |
| US20150058710A1 (en) | Navigating fixed format document in e-reader application | |
| JP6995208B2 (en) | Image panning method | |
| KR20130020380A (en) | Recoding media for editing web contents in device with touch screen | |
| KR101498533B1 (en) | Component separate display based electronic document display device and method | |
| KR102298752B1 (en) | Method for authoring electronic document, Apparatus for authoring electronic document and Computer program for the same | |
| KR101652853B1 (en) | Electronic document editing device and method for partial resizing of the image object | |
| JP5712612B2 (en) | Electronic document conversion apparatus and electronic document conversion method | |
| KR20150009293A (en) | A method for editing a plurality of memo pages stored in portable device and an apparatus therefor |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| WITN | Withdrawal due to no request for examination |