KR102046922B1 - System for Changing Webpage adding Highlight and Memo at Contents of Webpage and Method thereof - Google Patents
System for Changing Webpage adding Highlight and Memo at Contents of Webpage and Method thereof Download PDFInfo
- Publication number
- KR102046922B1 KR102046922B1 KR1020180019334A KR20180019334A KR102046922B1 KR 102046922 B1 KR102046922 B1 KR 102046922B1 KR 1020180019334 A KR1020180019334 A KR 1020180019334A KR 20180019334 A KR20180019334 A KR 20180019334A KR 102046922 B1 KR102046922 B1 KR 102046922B1
- Authority
- KR
- South Korea
- Prior art keywords
- web page
- memo
- user
- information
- module
- Prior art date
Links
- 238000000034 method Methods 0.000 title claims description 18
- 230000008859 change Effects 0.000 claims abstract description 54
- 230000005540 biological transmission Effects 0.000 claims description 9
- 238000012790 confirmation Methods 0.000 claims description 9
- 238000003825 pressing Methods 0.000 claims description 6
- 238000002360 preparation method Methods 0.000 claims 1
- VYZAMTAEIAYCRO-UHFFFAOYSA-N Chromium Chemical compound [Cr] VYZAMTAEIAYCRO-UHFFFAOYSA-N 0.000 abstract description 8
- 230000008676 import Effects 0.000 abstract description 2
- 238000012552 review Methods 0.000 abstract description 2
- 238000010586 diagram Methods 0.000 description 11
- 239000000463 material Substances 0.000 description 6
- 230000006870 function Effects 0.000 description 4
- 238000010295 mobile communication Methods 0.000 description 3
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 239000012925 reference material Substances 0.000 description 2
- 230000008901 benefit Effects 0.000 description 1
- 238000004891 communication Methods 0.000 description 1
- 238000010276 construction Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 238000005516 engineering process Methods 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
- 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
Landscapes
- Engineering & Computer Science (AREA)
- Business, Economics & Management (AREA)
- Theoretical Computer Science (AREA)
- Databases & Information Systems (AREA)
- Tourism & Hospitality (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- Data Mining & Analysis (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)
- Information Transfer Between Computers (AREA)
Abstract
본 발명은 웹페이지 콘텐츠에 강조 및 메모를 추가하는 웹페이지 변경 시스템을 제공한다. 이와 같은 본 발명에 따른 웹페이지 콘텐츠에 강조 및 메모를 추가하는 웹페이지 변경 시스템은 사용자가 정보가 필요한 경우, 언제든지 다시 해당 웹페이지를 가져와서 강조 또는 메모된 내용을 검토할 수 있어, 사용자에게 웹페이지상의 필요한 정보를 보다 신속하고 용이하게 획득할 수 있으며, 종래의 웹페이지를 별도로 저장하여 수정하여 이용함에 따라 별도의 저장공간이나 새롭게 문서를 정리하기 위한 수고를 절감하고, 웹페이지를 별도로 출력할 필요도 없어 프린터, 용지 등의 비용을 절감하도록 사용자가 인터넷을 통해 자신이 원하는 정보를 검색하고자 하는 웹페이지에서 사용자계정을 입력하여 해당 웹페이지에 대한 주소정보를 통해 크롬 애드인과 같은 도구를 통해 웹페이지를 가져와서 사용자가 웹페이지의 콘텐츠 중 필요한 영역을 선택한 후 마우스 오른쪽 버튼 등을 이용하여 웹페이지상에 컨텍스트 메뉴에서 강조 또는 메모를 선택하면 웹페이지의 HTML코드에 API를 사용하여 강조 또는 메모를 생성할 수 있는 HTML코드를 생성하여 웹페이지상에 표시할 수 있도록 하는 사용자별 개인화서비스를 제공할 수 있도록 하는 새로운 웹페이지 콘텐츠에 강조 및 메모를 추가하는 웹페이지 변경 시스템을 제공할 수 있는 기술적 특징을 갖는다.The present invention provides a web page change system for adding emphasis and notes to web page content. Web page change system that adds the emphasis and notes to the web page content according to the present invention, when the user needs the information can be brought back to the web page at any time to review the highlighted or memorized content, The necessary information on the page can be obtained more quickly and easily, and by saving and modifying a conventional web page separately, it saves a separate storage space or effort for organizing a new document, and prints the web page separately. To reduce the cost of printers and papers, users can enter a user account on a webpage where they want to search for the information they want through the Internet, and then use a tool like Chrome add-in Import a web page so that users can If you select the highlight or memo from the context menu on the web page by using the right mouse button, select the HTML code to create the highlight or memo using the API and display it on the web page. It has a technical feature that can provide a web page change system that adds emphasis and notes to new web page content to provide user-specific personalization services.
Description
본 발명은 웹페이지 콘텐츠에 강조 및 메모를 추가하는 웹페이지 변경 시스템 및 웹페이지 변경 방법에 관한 것으로, 좀 더 구체적으로는 최근에 많은 사람들이 인터넷을 통해 많이 제공되는 있는 콘텐츠를 통하여 중요한 정보를 습득하고 있는데, 이러한 중요한 정보를 하나의 학습자료로 이용하고자 하는데 있어, 종래의 종이책에서는 나중에 참고를 위해서, 사용자가 메모를 남기거나 형광펜으로 강조할 수 있었었나, 웹페이지의 경우에는 처음 게시된 콘텐츠는 게시자에 의해서만 수정 또는 삭제되는 경우가 이루어지므로, 인터넷 브라우저를 통해 사용자들이 자신이 원하는 정보를 얻고자 웹페이지를 탐색하여 원하는 웹페이지로부터 자신만의 학습자료로 활용할 수 있도록 개인적으로 필요한 정보를 강조하거나 해당 정보에 메모를 생성하여 별도로 작성할 수 있도록 할 수 있는 웹페이지 콘텐츠에 강조 및 메모를 추가하는 웹페이지 변경 시스템 및 웹페이지 변경 방법에 관한 것이다.The present invention relates to a web page change system and a web page change method for adding emphasis and notes to web page contents. More specifically, recently, many people acquire important information through content that is provided through the Internet. In order to use this important information as a learning material, in a conventional paper book, the user could leave a memo or highlight it with a highlighter for later reference. Can only be modified or deleted by the publisher, highlighting personally necessary information so that users can browse the web pages to get the information they want through the Internet browser and use it as their learning material from the desired web pages. Or create a note on that information The present invention relates to a web page change system and a web page change method for adding a highlight and a memo to a web page content that can be written by the user.
통신망의 발달과 기업이나 개인들의 다양한 홈페이지의 제공으로 인하여 최근 많은 사람들이 인터넷에 보다 더 많이 접근하고, 인터넷에 올라온 많은 정보들이 공유되고 있어 정보의 바다라고까지 부르고 있다. 따라서 인터넷 사용자들이 인터넷을 통해 많은 지식을 습득하여 인터넷에세 제공되는 웹페이지들이 참고자료 또는 학습자료로도 이용되고 있다.Due to the development of communication networks and the provision of various homepages of companies and individuals, many people have recently approached the Internet more and many informations on the Internet are being shared, which is called the sea of information. Therefore, Internet users acquire a lot of knowledge through the Internet, and web pages provided on the Internet are also used as reference materials or learning materials.
웹페이지는 처음 해당 웹페이지를 생성하여 게시한 사람이나 해당 웹페이지를 관리하는 사람에 의해서만 웹페이지의 콘텐츠를 수정하거나 삭제가 가능하도록 되어 있다. 특히 정부나 공공기관에서 게시한 웹페이지의 경우에는 정보의 신뢰성이나 공공자료로서 게시된 날짜까지도 중요할 수 있기 때문이다.The web page can be modified or deleted only by the person who first created and published the web page or the person who manages the web page. In particular, in the case of a web page published by a government or a public agency, the reliability of the information or the date of publication as public data may be important.
하지만 참고자료 또는 학습자료로서 웹페이지를 사용하고자 하는 사용자들이 자신이 원하는 정보를 검색해서 검색된 웹페이지에서 자신이 원하는 정보를 확인하고, 이를 별도로 이용하기 위해서는 웹페이지를 출력한 프린터물이나 별도의 저장공간에 웹페이에 포함된 콘텐츠의 내용을 복사해서 저장하는 불편이 있다.However, users who want to use webpages as reference materials or learning materials can search for the information they want and check the information they want on the searched webpages. It is inconvenient to copy and store the contents of the content included in the web page in the space.
이러한 불편을 줄이기 위해 즐겨찾기 기능을 제공하여 필요하다면 해당 웹페이지를 등록하여 사용할 수 있으나, 그러한 경우에도 다시 해당 웹페이지에서 내가 원하는 콘텐츠를 다시 찾아야 하는 불편이 있다.In order to reduce such inconvenience, a bookmark function may be provided to register and use a corresponding web page if necessary, but even in such a case, it is inconvenient to find the desired content again on the web page.
종래의 공개특허번호 제10-2005-0119400호 이동통신단말기의 웹페이지 제공장치 및 그 제공방법은 무선인터넷을 통해 데이터를 송수신하는 네트워크접속부와; 상기 무선인터넷을 통해 제공되는 웹페이지정보가 저장되는 캐시메모리와; 상기 무선인터넷을 통해 제공되는 미디어데이터가 저장되는 미디어캐시메모리와; 상기 무선인터넷을 통해 제공되는 상기 웹페이지정보에 포함 된 미디어데이터를 상기 미디어캐시메모리에 저장하고, 상기 미디어데이터의 저장주소를 상기 웹페이지정보에 부가하여 상기 캐시메모리에 저장하여, 이 후 상기 웹페이지를 다시 방문하는 경우 상기 캐시메모리에 저장 된 상기 웹페이지정보에 기초하여 상기 미디어캐시메모리에 저장 된 상기 미디어데이터를 디스플레이하는 제어부를 포함하는 것을 특징으로 한다.Conventional Patent Application No. 10-2005-0119400 Web page providing apparatus of the mobile communication terminal and its providing method includes a network connection for transmitting and receiving data through the wireless Internet; A cache memory for storing web page information provided through the wireless Internet; A media cache memory for storing media data provided through the wireless Internet; Storing the media data included in the web page information provided through the wireless Internet in the media cache memory, adding the storage address of the media data to the web page information, and storing the media data in the cache memory. And a control unit for displaying the media data stored in the media cache memory based on the web page information stored in the cache memory when the page is visited again.
하지만 종래의 기술은 이동통신단말기를 이용하여 미디어데이터에 대한 것으로 웹페이지를 직접적으로 변경하거나 웹페이지상의 표시를 할 수 없는 한계가 있다.However, the related art has a limitation that it is not possible to directly change a web page or display on a web page with respect to media data using a mobile communication terminal.
종래의 공개특허번호 제10-2011-0027795호 웹페이지 컨텐츠의 주석처리는 브라우저에서 제3자의 제어 하의 웹페이지에 액세스하고; 저장 장소에 저장되어 있는 주석 집합(annotations collection) - 상기 주석 집합은 웹페이지 및 주석 저자(annotations author)와 연관되어 있음 - 을 검색하고; 상기 검색된 주석 집합이 상기 액세스한 웹페이지 상에 오버레이(overlay)되게 상기 웹페이지를 디스플레이하는 것을 포함하는 것을 특징으로 한다.Annotation of prior art Patent Publication No. 10-2011-0027795 discloses access to a web page under the control of a third party in a browser; Search for annotations collection stored in a storage location, the annotation set being associated with a web page and an annotations author; And displaying the web page such that the retrieved set of annotations are overlaid on the accessed web page.
하지만 이와 같은 기술은 웹페이지를 접속하여 저장 장소에 저장되어 있는 주석을 웹페이지상에 표시하는 것으로 저장 장소에 이미 포함된 콘텐츠를 표시하는 것에 불과하여 웹페이지에 대한 직접적인 액세스를 이용하지 못하는 단점이 있다.However, this technique displays the annotations stored in the storage location on the web page by accessing the web page, and displays only the content already included in the storage location. Therefore, the technology cannot use direct access to the web page. have.
그리고 웹페이지는 기본적으로 HTML 언어를 이용하여 표현되어 있어 웹페이지를 게시한 게시자나 웹페이지 관리자가 아니면 고정된 것으로 별도로 수정이 불가능하여 원하는 웹페이지를 검색한 사용자가 해당 웹페이지의 콘텐츠에 대하여 별도의 강조 또는 메모를 표할 수 없는 수행할 수 없는 문제점이 있다.In addition, web pages are basically expressed using HTML language, and they are fixed unless they are publishers or web page administrators who have published web pages. There is a problem that cannot be emphasized or unable to express notes.
따라서 본 발명은 이와 같은 종래 기술의 문제점을 개선하여, 사용자가 인터넷을 통해 자신이 원하는 정보를 검색하고자 하는 웹페이지에서 사용자계정을 입력하여 해당 웹페이지에 대한 주소정보를 통해 크롬 애드인과 같은 도구를 통해 웹페이지를 가져와서 사용자가 웹페이지의 콘텐츠 중 필요한 영역을 선택한 후 마우스 오른쪽 버튼 등을 이용하여 웹페이지상에 컨텍스트 메뉴에서 강조 또는 메모를 선택하면 웹페이지의 HTML코드에 API를 사용하여 강조 또는 메모를 생성할 수 있는 HTML코드를 생성하여 웹페이지상에 표시할 수 있도록 하는 사용자별 개인화서비스를 제공할 수 있도록 하는 새로운 웹페이지 콘텐츠에 강조 및 메모를 추가하는 웹페이지 변경 시스템을 제공하는 것을 목적으로 한다.Therefore, the present invention improves the problems of the prior art, such as a tool such as Chrome add-in through the user enters the user account on the web page that the user wants to search the desired information over the Internet through the address information for the web page Import the web page through the user, select the required area of the web page's content, and then use the right mouse button to select the highlight or memo from the context menu on the web page and use the API to highlight the HTML code of the web page. Or to provide a web page change system that adds highlighting and notes to new web page content that provides a personalized service that allows users to create HTML code that can generate notes and display them on a web page. The purpose.
상술한 목적을 달성하기 위한 본 발명의 특징에 의하면, 본 발명은 사용자로부터 사용자의 정보를 등록받아 웹페이지저장모듈(150)에 전송하고, 사용자가 로그인하면 웹페이지저장모듈(150)에 저장된 사용자정보를 이용하여 확인하는 사용자확인모듈(110);과 사용자확인모듈(110)에서 확인된 사용자가 원하는 웹페이지를 검색하여 웹페이지의 콘텐츠 중에서 강조 또는 메모를 하고자하는 영역을 선택하면 강조 또는 메모중 하나를 선택할 수 있는 선택버튼을 제공하는 선택모듈(120);과 선택모듈(120)에서 강조를 선택한 경우, 사용자가 선택한 영역에 강조를 표시한 강조정보를 생성하여 표시하고, 저장모듈(150)에 해당 강조정보를 전송하는 강조생성모듈(130);과 선택모듈(120)에서 메모를 선택한 경우, 사용자가 선택한 영역에 표시하고, 사용자가 작성한 메모내용을 포함한 메모정보를 생성하여 저장모듈(150)에 전송하는 메모생성모듈(140);과 사용자확인모듈(110)로부터 사용자정보, 강조생성모듈(130)로부터 강조정보 및 메모생성모듈(140)로부터 생성된 메모정보로 변경된 웹페이지를 저장하는 웹페이지저장모듈(150); 및 사용자가 필요한 경우, 상기 웹페이지저장모듈(150)에 사용자별로 저장된 웹페이지를 사용자에게 제공하는 웹페이지제공모듈(160);을 포함하는 구성으로 이루어지는 것을 특징으로 하는 웹페이지 콘텐츠에 강조 및 메모를 추가하는 웹페이지 변경 시스템을 제공한다.According to a feature of the present invention for achieving the above object, the present invention receives the user's information from the user is transmitted to the web
이와 같은 본 발명에 따른 웹페이지 콘텐츠에 강조 및 메모를 추가하는 웹페이지 변경 시스템의 상기 강조생성모듈(130)은 사용자가 웹페이지의 콘텐츠 중 선택한 영역에 대하여 해당 웹페이지의 HTML코드에 선택한 영역에 대하여 강조를 표시하도록 HTML 코드를 생성하여 변경한 웹페이지를 정보를 포함한 강조정보를 생성하는 것을 특징으로 한다.The
이와 같은 본 발명에 따른 웹페이지 콘텐츠에 강조 및 메모를 추가하는 웹페이지 변경 시스템의 상기 메모생성모듈(140)은 사용자가 웹페이지의 콘텐츠 중 선택한 영역에 대하여 해당 웹페이지의 HTML코드에 선택한 영역에 대하여 메모를 표시하도록 HTML 코드를 생성하여 변경한 웹페이지를 포함한 메모표시정보를 생성하는 메모표시모듈(141);과 사용자가 선택한 영역의 주위에 사용자에게 메모를 작성할 수 있도록 입력창을 제공하고, 입력창에 사용자가 입력한 정보를 수신하는 메모입력모듈(142);과 상기 메모입력모듈(142)로부터 입력받은 메모내용을 사용자가 선택한 영역의 주위에 별도의 창으로 표시하도록 HTML 코드를 생성하여 변경한 웹페이지를 포함한 메모작성정보를 생성하는 메모작성모듈(143); 및 상기 메모표시모듈(141)에서 생성된 메모표시정보와 상기 메모작성모듈(143)에서 생성된 메모작성정보를 포함한 메모정보를 생성하여 상기 웹페이지저장모듈(150)에 전송하는 웹페이지전송모듈(144);를 포함하는 구성으로 이루어지는 것을 특징으로 한다.The
이와 같은 본 발명에 따른 웹페이지 콘텐츠에 강조 및 메모를 추가하는 웹페이지 변경 시스템의 상기 웹페이지저장모듈(150)은 사용자정보로부터 구분되는 사용자를 키값으로 사용자별로 접속한 웹페이지정보, 생성된 강조정보, 생성된 메모정보 및 변경된 웹페이지를 구분하여 데이터베이스에 저장하는 것을 특징으로 한다.The web
본 발명에 따른 웹페이지 콘텐츠에 강조 및 메모를 추가하는 웹페이지 변경 방법은 사용자가 필요로 하는 웹페이지를 검색하는 웹페이지검색단계(S110);와 상기 검색된 웹페이지에서 웹페이지 변경 시스템(100)의 사용자확인모듈(110)을 이용하여 로그인하면 상기 웹페이지주소정보와 웹페이지를 사용자정보와 함께 웹페이지저장모듈(150)에 저장되는 웹페이지로드단계(S120);와 선택모듈(120)에서사용자가 웹페이지의 콘텐츠 중에서 강조 또는 메모를 하고자하는 영역을 선택하면 강조 또는 메모중 하나를 선택하는 선택단계(S130);와 사용자가 강조를 선택한 경우, 선택한 영역에 강조를 표시한 강조정보를 생성하여 표시하고, 저장모듈(150)에 해당 강조정보를 전송하는 강조생성단계(S140);와 사용자가 메모를 선택한 경우, 선택한 영역에 메모를 표시하고, 사용자가 작성한 메모내용을 포함한 메모정보를 생성하여 저장모듈(150)에 전송하는 메모생성단계(S150);와 사용자확인모듈(110)로부터 사용자정보, 강조생성모듈(130)로부터 강조정보 및 메모생성모듈(140)로부터 생성된 메모정보로 변경된 웹페이지를 저장하는 웹페이지저장단계(S160); 및 사용자가 필요한 경우, 상기 웹페이지저장모듈(150)에 사용자별로 저장된 웹페이지를 사용자에게 제공하는 웹페이지제공단계(S170);를 포함하는 구성으로 이루어지는 것을 특징으로 한다.Web page change method for adding emphasis and notes to the web page content according to the present invention is a web page search step (S110) for searching a web page required by the user; and the web
이와 같은 본 발명에 따른 웹페이지 콘텐츠에 강조 및 메모를 추가하는 웹페이지 변경 방법의 상기 강조생성단계(S140)는 사용자가 웹페이지의 콘텐츠 중 선택한 영역에 대하여 해당 웹페이지의 HTML코드에 선택한 영역에 대하여 강조를 표시하도록 HTML 코드를 생성하여 변경한 웹페이지를 정보를 포함한 강조정보를 생성하는 것을 특징으로 한다.The highlight generation step (S140) of the web page change method of adding a highlight and a memo to the web page content according to the present invention is selected in the area selected in the HTML code of the web page for the selected area of the content of the web page; And generating highlighting information including information on the changed web page by generating HTML code to display highlighting.
이와 같은 본 발명에 따른 웹페이지 콘텐츠에 강조 및 메모를 추가하는 웹페이지 변경 방법의 상기 메모생성단계(S150)는 사용자가 웹페이지의 콘텐츠 중 선택한 영역에 대하여 해당 웹페이지의 HTML코드에 선택한 영역에 대하여 메모를 표시하도록 HTML 코드를 생성하여 변경한 웹페이지를 포함한 메모표시정보를 생성하는 메모표시단계(S151);와 사용자가 선택한 영역의 주위에 사용자에게 메모를 작성할 수 있도록 입력창을 제공하고, 입력창에 사용자가 입력한 정보를 수신하는 메모입력단계(152);와 상기 메모입력모듈(142)로부터 입력받은 메모내용을 사용자가 선택한 영역의 주위에 별도의 창으로 표시하도록 HTML 코드를 생성하여 변경한 웹페이지를 포함한 메모작성정보를 생성하는 메모작성단계(153); 및 상기 메모표시모듈(141)에서 생성된 메모표시정보와 상기 메모작성모듈(143)에서 생성된 메모작성정보를 포함한 메모정보를 생성하여 상기 웹페이지저장모듈(150)에 전송하는 웹페이지전송단계(154);를 포함하는 구성으로 이루어지는 것을 특징으로 한다.The memo generation step (S150) of the web page change method of adding a highlight and a memo to the web page content according to the present invention is selected in the area selected in the HTML code of the web page for the selected area of the web page content; A memo display step of generating memo display information including a changed web page by generating HTML code to display a memo; and providing an input window so that a user can write a memo around the selected area, A memo input step 152 of receiving information input by the user in an input window; and generating a HTML code to display the memo content received from the
본 발명에 의한 웹페이지 콘텐츠에 강조 및 메모를 추가하는 웹페이지 변경 시스템에 의하면, 종래의 사용자들이 인터넷을 통해 자신이 원하는 정보에 해당하는 웹페이지를 검색한 후, 웹페이지 콘텐츠 중 필요한 영역에 대하여 강조를 표시하거나 별도의 메모기능을 제공하여 필요한 텍스트를 추가할 수 있도록 함으로써, 사용자가 정보가 필요한 경우, 언제든지 다시 해당 웹페이지를 가져와서 강조 또는 메모된 내용을 검토할 수 있어, 사용자에게 웹페이지상의 필요한 정보를 보다 신속하고 용이하게 획득할 수 있으며, 종래의 웹페이지를 별도로 저장하여 수정하여 이용함에 따라 별도의 저장공간이나 새롭게 문서를 정리하기 위한 수고를 절감하고, 웹페이지를 별도로 출력할 필요도 없어 프린터, 용지 등의 비용을 절감할 수 있는 장점이 있다.According to the web page change system that adds emphasis and notes to the web page content according to the present invention, after the conventional users search the web page corresponding to the information desired by the user through the Internet, the necessary area of the web page content By highlighting or providing a separate memo function, you can add the required text so that when the user needs information, the user can bring the web page back and review the highlighted or memo at any time. The necessary information can be obtained more quickly and easily, and by saving and modifying a conventional web page separately, it is necessary to save a separate storage space or effort for organizing a new document, and output the web page separately. There is also an advantage that can reduce the cost of the printer, paper, and the like.
도 1은 본 발명의 실시예에 따른 웹페이지 콘텐츠에 강조 및 메모를 추가하는 웹페이지 변경 시스템의 구성도;
도 2는 본 발명의 실시예에 따른 웹페이지 콘텐츠에 강조 및 메모를 추가하는 웹페이지 변경 시스템의 선택모듈에 대한 예시도;
도 3은 본 발명의 실시예에 따른 웹페이지 콘텐츠에 강조 및 메모를 추가하는 웹페이지 변경 시스템의 강조생성모듈에 대한 예시도;
도 4는 본 발명의 실시예에 따른 웹페이지 콘텐츠에 강조 및 메모를 추가하는 웹페이지 변경 시스템의 강조생성모듈에서 구동되는 예시도;
도 5는 본 발명의 실시예에 따른 웹페이지 콘텐츠에 강조 및 메모를 추가하는 웹페이지 변경 시스템의 메모생성모듈에 대한 예시도;
도 6은 본 발명의 실시예에 따른 웹페이지 콘텐츠에 강조 및 메모를 추가하는 웹페이지 변경 시스템의 메모생성모듈에 대한 구성도;
도 7은 본 발명의 실시예에 따른 웹페이지 콘텐츠에 강조 및 메모를 추가하는 웹페이지 변경 방법의 순서도;
도 8은 본 발명의 실시예에 따른 웹페이지 콘텐츠에 강조 및 메모를 추가하는 웹페이지 변경 방법의 메모생성단계에 대한 순서도이다.1 is a block diagram of a web page change system for adding emphasis and notes to web page content according to an embodiment of the present invention;
2 is an exemplary diagram of a selection module of a web page change system for adding emphasis and notes to web page content according to an embodiment of the present invention;
3 is an exemplary diagram of a highlighting module of a web page change system for adding highlighting and notes to webpage content according to an embodiment of the present invention;
4 is an exemplary diagram driven by the highlight generation module of the web page change system for adding highlighting and notes to web page content according to an embodiment of the present invention;
5 is an exemplary diagram of a memo generation module of a web page change system for adding emphasis and memo to web page content according to an embodiment of the present invention;
6 is a block diagram of a memo generation module of a web page change system for adding emphasis and notes to web page content according to an embodiment of the present invention;
7 is a flowchart of a web page change method for adding emphasis and notes to web page content according to an embodiment of the present invention;
8 is a flowchart illustrating a memo generating step of the web page change method for adding emphasis and memo to web page content according to an exemplary embodiment of the present invention.
본 발명을 충분히 이해하기 위해서 본 발명의 바람직한 실시예를 첨부된 도 1 내지 도 8에 의거하여 상세히 설명한다. 본 발명의 실시예는 여러 가지 형태로 변형될 수 있으며, 본 발명의 범위가 아래에서 상세히 설명하는 실시예로 한정되는 것으로 해석되어서는 안 된다. 본 실시예는 당업계에서 통상적인 지식을 가진 자에게 본 발명을 보다 완전하게 설명하기 위하여 제공 되는 것이다. 따라서 도면에서의 요소의 형상 등은 보다 명확한 설명을 강조하기 위해서 과장되어 표현될 수 있다. 각 도면에서 동일한 부재는 동일한 참조부호로 도시한 경우가 있음을 유의하여야 한다. 한편, 도면과 상세한 설명에서 웹페이지, 서버, 데이터베이스 및 메모 등 이 분야의 종사자들이 용이하게 알 수 있는 구성 및 작용에 대한 도시 및 언급은 간략히 하거나 생략하였다. 특히, 도면의 도시 및 상세한 설명에 있어서 본 발명의 기술적 특징과 직접적으로 연관되지 않는 요소의 구체적인 기술적 구성 및 작용에 대한 상세한 설명 및 도시는 생략하고, 본 발명과 관련되는 기술적 구성만을 간략하게 도시하거나 설명하였다. 하기에서 본 발명을 설명함에 있어서, 관련된 공지 기능 또는 구성에 대한 구체적인 설명이 본 발명의 요지를 불필요하게 흐릴 수 있다고 판단되는 경우에는 그 상세한 설명을 생략할 수 있다.In order to fully understand the present invention, preferred embodiments of the present invention will be described in detail with reference to FIGS. Embodiment of the present invention may be modified in various forms, the scope of the invention should not be construed as limited to the embodiments described in detail below. This embodiment is provided to more completely explain the present invention to those skilled in the art. Therefore, the shape of the elements in the drawings and the like may be exaggerated to emphasize a more clear description. It should be noted that the same members in each drawing are sometimes shown with the same reference numerals. On the other hand, in the drawings and detailed description, the illustration and the description of the construction and operation that can be easily known to those skilled in the art, such as web pages, servers, databases and memos, are briefly or omitted. In particular, in the drawings and detailed description of the drawings, detailed descriptions and illustrations of specific technical configurations and operations of elements not directly related to technical features of the present invention will be omitted, and only the technical configurations related to the present invention will be briefly shown. Explained. In the following description of the present invention, if it is determined that a detailed description of a related known function or configuration may unnecessarily obscure the subject matter of the present invention, the detailed description may be omitted.
도 1은 본 발명의 실시예에 따른 웹페이지 콘텐츠에 강조 및 메모를 추가하는 웹페이지 변경 시스템의 구성도이다.1 is a block diagram of a web page change system for adding emphasis and notes to web page content according to an embodiment of the present invention.
도 1에 도시된 바와 같이, 웹페이지 변경 시스템(100)은 사용자확인모듈(110), 선택모듈(120), 강조생성모듈(130), 메모생성모듈(140), 웹페이지저장모듈(150) 및 라인위치기(130)를 포함하는 구성으로 이루어진다. 웹페이지 변경 시스템(100)은 인터넷을 통해 사용자가 접속하여 사용할 수 있는 클라우드 서버의 형태로 이루어질 수 있다.As shown in FIG. 1, the web
사용자확인모듈(110)은 사용자별로 접속하는 웹페이지와 강조 또는 메모로 추가한 정보를 구분하고, 사용자인증을 위해 사용자로부터 사용자의 정보를 등록받아 웹페이지저장모듈(150)에 전송한다. 그리고 사용자확인모듈(110)은 사용자가 새로이 웹페이지 변경 시스템(100)에 접속하여 로그인하면 웹페이지저장모듈(150)에 저장된 사용자정보를 이용하여 확인한다.The
사용자가 자신이 검색하고자 하는 웹페이지에 접속하면 HTML과 자바 프로그램 언어로 구현이 가능한 크롬 애드인과 같은 툴을 이용하여 클라우드 API를 이용하여 사용자확인모듈(110)을 통해 웹페이지 변경 시스템에 접속하게 된다.When the user accesses the web page he or she wants to search, he or she can access the web page change system through the
도 2는 본 발명의 실시예에 따른 웹페이지 콘텐츠에 강조 및 메모를 추가하는 웹페이지 변경 시스템의 선택모듈에 대한 예시도이다.2 is an exemplary diagram of a selection module of a web page change system for adding emphasis and notes to web page content according to an embodiment of the present invention.
도 2에 도시된 바와 같이, 선택모듈(120)는 사용자확인모듈(110)에서 확인된 사용자가 원하는 웹페이지를 검색하여 웹페이지의 콘텐츠 중에서 강조 또는 메모를 하고자하는 영역을 선택하면 강조 또는 메모 중 하나를 선택할 수 있는 선택버튼을 제공한다. As shown in FIG. 2, the
선택모듈(120)는 웹페이지의 콘텐츠 중에서 사용자가 필요로 하여 선택한 영역에 대하여 블록을 설정한 후 마우스의 오른쪽 버튼을 누르게 되면 선택영역을 강조할 것 인지 또는 메모를 적을 놓을 것인지를 선택할 수 있는 컨텍스트 메뉴의 형태의 선택창을 제시한다.The
따라서 사용자는 강조 또는 메모를 선택하여 마우스 왼쪽 버튼을 클릭하게 되면 강조생성모듈(130) 또는 메모생성모듈(140)을 구동할 수 있게 된다. 또한, 강조는 CTRL키와 H키를 함께 눌러서 강조생성모듈(130)을 구동할 수 있으며, 메모는 CTRL키와 M키를 함께 눌러서 메모생성모듈(140)을 구동할 수 있다.Therefore, when the user selects the highlight or memo and clicks the left mouse button, the user can drive the
도 3은 본 발명의 실시예에 따른 웹페이지 콘텐츠에 강조 및 메모를 추가하는 웹페이지 변경 시스템의 강조생성모듈에 대한 예시도이다.3 is an exemplary diagram of a highlighting module of a web page change system for adding highlighting and notes to webpage content according to an embodiment of the present invention.
도 3에 도시된 바와 같이, 강조생성모듈(130)는 선택모듈(120)에서 먼저 강조를 선택한 경우, 사용자가 선택한 영역에 강조를 표시한 강조정보를 생성하여 표시한다. 그리고 강조생성모듈(130)은 생성된 강조정보를 저장모듈(150)에 저장할 수 있도록 저장모듈(150)에 해당 강조정보를 전송한다. As shown in FIG. 3, when the highlighting
강조생성모듈(130)은 사용자가 웹페이지의 콘텐츠 중 선택한 영역에 대하여 해당 웹페이지의 HTML코드에 선택한 영역에 대하여 강조를 표시하도록 HTML 코드를 생성하여 변경한 웹페이지를 정보를 포함한 강조정보를 생성한다.The
도 4는 본 발명의 실시예에 따른 웹페이지 콘텐츠에 강조 및 메모를 추가하는 웹페이지 변경 시스템의 강조생성모듈에서 구동되는 예시도이다.4 is an exemplary diagram driven by the emphasis generation module of the web page change system for adding emphasis and notes to web page content according to an embodiment of the present invention.
도 4에 도시된 바와 같이, 강조생성모듈(130)은 (1)에 표시된 사이트의 주소정보를 가진 사용자가 검색한 (2)에 표시된 웹페이지에서 (3)의 웹페이지를 구성하는 HTML코드에 사용자가 선택한 영역에 대하여 크롬 애드인과 같은 툴을 이용하여 형광펜 강조 효과가 부가되도록 (4)와 같이 HTML코드의 <div> 태그를 이용하여 형광펜 강조 효과에 해당하는 HTML 코드를 추가한 변경된 웹페이지를 생성하게 된다.As shown in FIG. 4, the
강조생성모듈(130)은 상기 (1)에 표시된 웹페이지의 주소정보와 (3)에서 추가한 변경된 웹페이지에 대한 정보를 포함한 강조정보를 웹페이지저장모듈(150)에 전송하게 된다.The
도 5는 본 발명의 실시예에 따른 웹페이지 콘텐츠에 강조 및 메모를 추가하는 웹페이지 변경 시스템의 메모생성모듈에 대한 예시도이고, 도 6은 본 발명의 실시예에 따른 웹페이지 콘텐츠에 강조 및 메모를 추가하는 웹페이지 변경 시스템의 메모생성모듈에 대한 예시도이다.5 is an exemplary diagram of a memo generation module of a web page change system for adding emphasis and memo to web page content according to an embodiment of the present invention, and FIG. 6 is an emphasis on web page content according to an embodiment of the present invention. This is an example of memo generation module of web page change system to add memo.
도 5 및 도 6에 도시된 바와 같이, 메모생성모듈(140)은 메모표시모듈(141), 메모입력모듈(142), 메모작성모듈(143) 및 웹페이지전송모듈(144)을 포함하는 구성으로 이루어진다. 메모생성모듈(140)은 선택모듈(120)에서 메모를 선택한 경우, 사용자가 선택한 영역에 표시하고, 사용자가 작성한 메모내용을 포함한 메모정보를 생성하여 저장모듈(150)에 해당 메모정보를 전송한다.As shown in FIGS. 5 and 6, the
메모표시모듈(141)은 사용자가 웹페이지의 콘텐츠 중 선택한 영역에 대하여 해당 웹페이지의 HTML코드에 선택한 영역에 대하여 메모를 표시하도록 HTML 코드를 생성하여 변경한 웹페이지를 포함한 메모표시정보를 생성한다.The
메모표시모듈(141)은 상기 강조생성모듈(130)과 동일하게 사이트의 주소정보를 가진 사용자가 검색한 웹페이지의 HTML코드에 사용자가 선택한 영역에 대하여 크롬 애드인과 같은 툴을 이용하여 메모 효과가 부가되도록 HTML코드의 <div> 태그를 이용하여 메모 효과에 해당하는 HTML 코드를 추가한 변경된 웹페이지를 생성하게 된다.The
메모입력모듈(142)은 사용자가 선택한 영역의 주위에 사용자에게 메모를 작성할 수 있도록 입력창을 제공한다. 메모입력모듈(142)은 사용자에게 제공된 상기 입력창에 입력한 정보를 수신한다.The
메모입력모듈(142)은 상기 메모표시모듈(141)을 통해 표시된 영역을 지시하는 말풍선 또는 설명선의 형태로 크롬 애드인과 같은 툴을 이용하여 제공되며, 사용자가 입력한 문자열형태의 정보를 수신한다.The
메모작성모듈(143)은 상기 메모입력모듈(142)로부터 입력받은 메모내용을 사용자가 선택한 영역의 주위에 별도의 창으로 표시하도록 HTML 코드를 생성하여 변경한 웹페이지를 포함한 메모작성정보를 생성한다.The
메모작성모듈(143)은 사용자로부터 입력받은 내용을 사용자가 확인할 수 있도록 말풍선 또는 설명선 형태의 별도의 창 내부에 크롬 애드인과 같은 툴을 이용하여 표시하고, 웹페이지의 주소정보와 변경된 웹페이지에 대한 정보를 메모작성정보를 생성한다.The
웹페이지전송모듈(144)은 상기 메모표시모듈(141)에서 생성된 메모표시정보와 상기 메모작성모듈(143)에서 생성된 메모작성정보를 포함한 메모정보를 생성하여 상기 웹페이지저장모듈(150)에 전송한다. 웹페이지전송모듈(144)은 메모표시정보와 메모작성정보가 포함된 메모정보를 크롬 애드인과 같은 툴을 이용하여 웹페이지저장모듈(150)에 전송한다.The web
웹페이지저장모듈(150)은 사용자확인모듈(110)로부터 사용자정보, 강조생성모듈(130)로부터 강조정보 및 메모생성모듈(140)로부터 생성된 메모정보로 변경된 웹페이지를 저장한다. 웹페이지저장모듈(150)은 사용자정보로부터 구분되는 사용자를 키값으로 사용자별로 접속한 웹페이지정보, 생성된 강조정보, 생성된 메모정보 및 변경된 웹페이지를 구분하여 데이터베이스에 저장한다.The web
웹페이지제공모듈(160)은 사용자가 필요한 경우, 상기 웹페이지저장모듈(150)에 사용자별로 저장된 웹페이지를 사용자에게 제공한다. 웹페이지제공모듈(160)은 사용자가 종래에 자신이 검색하여 찾았던 웹페이지에 대하여 참고 또는 학습자료로 다시 확인하고자 하는 경우에 웹페이지 변경 시스템(100)에 다시 로그인하여 사용자가 변경하였던 강조 또는 메모 기능이 포함된 웹페이지를 확인할 수 있도록 변경된 웹페이지를 제공한다.The
도 7은 본 발명의 실시예에 따른 웹페이지 콘텐츠에 강조 및 메모를 추가하는 웹페이지 변경 방법의 순서도이다.7 is a flowchart illustrating a web page change method for adding emphasis and notes to web page content according to an exemplary embodiment of the present invention.
도 7에 도시된 바와 같이, 웹페이지검색단계(S110), 웹페이지로드단계(S120), 선택단계(S130), 강조생성단계(S140), 메모생성단계(S150), 웹페이지저장단계(S160) 및 웹페이지제공단계(S170)를 포함하는 구성으로 이루어진다.As shown in Figure 7, the web page search step (S110), web page loading step (S120), selection step (S130), emphasis generation step (S140), memo generation step (S150), web page storage step (S160) ) And a web page providing step (S170).
웹페이지검색단계(S110)는 웹페이지 콘텐츠에 강조 및 메모를 추가하는 웹페이지 변경 방법은 사용자가 필요로 하는 웹페이지를 검색한다. 웹페이지검색단계(S110)는 사용자가 컴퓨터 또는 스마트폰 등 인터넷에 접속이 가능한 기기를 이용하여 학습자료 등으로 이용할 수 있는 웹페이지를 검색하게 된다.Web page search step (S110) is a web page change method for adding emphasis and notes to the web page content, the user searches for a web page. In the web page search step (S110), a user searches for a web page that can be used as a learning material by using a device that can access the Internet such as a computer or a smart phone.
웹페이지로드단계(S120)는 상기 검색된 웹페이지에서 웹페이지 변경 시스템(100)의 사용자확인모듈(110)을 이용하여 로그인하면 상기 웹페이지주소정보와 웹페이지를 사용자정보와 함께 웹페이지저장모듈(150)에 저장된다. 웹페이지로드단계(S120)는 사용자의 요청에 따라 강조 또는 메모를 수행할 웹페이지를 웹페이지 변경 시스템(100)으로 가져와서 변경을 하기 위해 웹페이지주소정보와 사용자 구분을 위한 사용자정보를 저장한다.In the web page loading step (S120), when the user logs in using the
선택단계(S130)는 선택모듈(120)에서 사용자가 웹페이지의 콘텐츠 중에서 강조 또는 메모를 하고자하는 영역을 선택하면 강조 또는 메모중 하나를 선택한다. 선택단계(S130)는 사용자가 검색한 웹페이지에 강조 또는 메모 중 어느 행위를 할지 결정하게 된다.In the selecting step S130, when the user selects an area to be emphasized or memo among the contents of the web page, the
강조생성단계(S140)는 사용자가 강조를 선택한 경우, 선택한 영역에 강조를 표시한 강조정보를 생성하여 표시하고, 저장모듈(150)에 해당 강조정보를 전송한다. 강조생성단계(S140)는 사용자가 웹페이지의 콘텐츠 중 선택한 영역에 대하여 해당 웹페이지의 HTML코드에 선택한 영역에 대하여 강조를 표시하도록 HTML 코드를 생성하여 변경한 웹페이지를 정보를 포함한 강조정보를 생성하는 것을 특징으로 한다.In the highlight generation step S140, when the user selects the highlight, the highlight generation step S140 generates and displays the highlight information indicating the highlight in the selected area and transmits the highlight information to the
도 8은 본 발명의 실시예에 따른 웹페이지 콘텐츠에 강조 및 메모를 추가하는 웹페이지 변경 방법의 메모생성단계에 대한 순서도이다.8 is a flowchart illustrating a memo generating step of the web page change method for adding emphasis and memo to web page content according to an exemplary embodiment of the present invention.
도 8에 도시된 바와 같이, 메모생성단계(S150)는 메모표시단계(S151), 메모입력단계(152), 메모작성단계(153) 및 웹페이지전송단계(154)를 포함하는 구성으로 이루어진다. 메모생성단계(S150)는 사용자가 메모를 선택한 경우, 선택한 영역에 메모를 표시하고, 사용자가 작성한 메모내용을 포함한 메모정보를 생성하여 저장모듈(150)에 전송한다.As shown in FIG. 8, the memo generating step S150 is configured to include a memo display step S151, a memo input step 152, a memo writing step 153, and a web page sending step 154. In the memo generation step S150, when a user selects a memo, the memo is displayed on the selected area, and memo information including the memo contents created by the user is generated and transmitted to the
메모표시단계(S151)는 사용자가 웹페이지의 콘텐츠 중 선택한 영역에 대하여 해당 웹페이지의 HTML코드에 선택한 영역에 대하여 메모를 표시하도록 HTML 코드를 생성하여 변경한 웹페이지를 포함한 메모표시정보를 생성한다.The memo display step S151 generates memo display information including the changed web page by generating an HTML code to display a memo for the selected area in the HTML code of the web page for the selected area of the web page content. .
메모입력단계(152)는 사용자가 선택한 영역의 주위에 사용자에게 메모를 작성할 수 있도록 입력창을 제공하고, 입력창에 사용자가 입력한 정보를 수신한다.The memo input step 152 provides an input window for writing a memo to the user around the area selected by the user, and receives information input by the user in the input window.
메모작성단계(153)는 상기 메모입력모듈(142)로부터 입력받은 메모내용을 사용자가 선택한 영역의 주위에 별도의 창으로 표시하도록 HTML 코드를 생성하여 변경한 웹페이지를 포함한 메모작성정보를 생성한다.The memo writing step 153 generates memo writing information including a changed web page by generating HTML code to display a memo content received from the
웹페이지전송단계(154)는 상기 메모표시모듈(141)에서 생성된 메모표시정보와 상기 메모작성모듈(143)에서 생성된 메모작성정보를 포함한 메모정보를 생성하여 상기 웹페이지저장모듈(150)에 전송한다. The web page transmission step 154 generates memo information including memo display information generated by the
웹페이지저장단계(S160)사용자확인모듈(110)로부터 사용자정보, 강조생성모듈(130)로부터 강조정보 및 메모생성모듈(140)로부터 생성된 메모정보로 변경된 웹페이지를 저장한다.Web page storage step (S160) stores the changed web page to the user information from the
웹페이지제공단계(S170)는 사용자가 필요한 경우, 상기 웹페이지저장모듈(150)에 사용자별로 저장된 웹페이지를 사용자에게 제공한다.Web page providing step (S170) provides a user with a web page stored for each user in the web
상술한 바와 같은, 본 발명의 실시 예에 따른 웹페이지 콘텐츠에 강조 및 메모를 추가하는 웹페이지 변경 시스템 및 웹페이지 변경 방법을 상기한 설명 및 도면에 따라 도시하였지만, 이는 단지 본 발명의 기술 내용을 쉽게 설명하고 발명의 이해를 돕기 위한 예를 들어 설명한 것에 불과하며, 본 발명의 범위를 한정하고자 하는 것은 아니고, 본 발명의 기술적 사상을 벗어나지 않는 범위 내에서 다른 변형 예들과 같이 다양한 변화 및 변경이 가능하다는 것을 본 발명이 속하는 기술 분야에서 통상의 지식을 가진 자에게 자명할 것이다.As described above, a web page change system and a web page change method for adding emphasis and notes to web page content according to an embodiment of the present invention and a web page change method are illustrated according to the above description and drawings. It is merely described with an example for easy description and understanding of the invention, and is not intended to limit the scope of the present invention, and various changes and modifications can be made, such as other modifications, without departing from the technical spirit of the present invention. It will be apparent to those skilled in the art to which the present invention pertains.
100 : 웹페이지 변경 시스템 110 : 사용자확인모듈
120 : 선택모듈 130 : 강조생성모듈
140 : 메모생성모듈 141 : 메모표시모듈
142 : 메모입력모듈 143 : 메모작성모듈
144 : 웹페이지전송모듈 150 : 웹페이지저장모듈
160 : 웹페이지제공모듈100: web page change system 110: user identification module
120: selection module 130: emphasis generation module
140: memo generation module 141: memo display module
142: memo input module 143: memo writing module
144: web page transmission module 150: web page storage module
160: web page provision module
Claims (7)
사용자확인모듈(110)에서 확인된 사용자가 원하는 웹페이지를 검색하여 웹페이지의 콘텐츠 중에서 강조 또는 메모를 하고자하는 영역을 선택하면 강조 또는 메모중 하나를 선택할 수 있는 선택버튼을 제공하는 선택모듈(120);
선택모듈(120)에서 강조를 선택한 경우, 사용자가 웹페이지의 콘텐츠 중 선택한 영역에 대하여 해당 웹페이지의 HTML코드에 선택한 영역에 대하여 블록을 설정한 후 마우스의 오른쪽 버튼을 눌러 선택영역 중 강조를 선택하여 마우스의 왼쪽 버튼을 클릭하여 강조하거나 또는 CTRL키와 H키를 함께 눌러서 강조가 표시되도록 HTML 코드를 생성하여 변경한 웹페이지를 정보를 포함한 강조정보를 생성하여 표시하고, 저장모듈(150)에 해당 강조정보를 전송하는 강조생성모듈(130);
선택모듈(120)에서 메모를 선택한 경우, 사용자가 웹페이지의 콘텐츠 중 선택한 영역에 대하여 해당 웹페이지의 HTML코드에 선택한 영역에 대하여 블록을 설정한 후 마우스의 오른쪽 버튼을 눌러 선택영역 중 메모를 선택하여 마우스의 왼쪽 버튼을 클릭하여 메모하거나 또는 CTRL키와 M키를 함께 눌러서 메모가 표시되도록 HTML 코드를 생성하여 변경한 웹페이지를 포함한 메모표시정보를 생성하는 메모표시모듈(141); 사용자가 선택한 영역의 주위에 사용자에게 메모를 작성할 수 있도록 입력창을 제공하고, 입력창에 사용자가 입력한 정보를 수신하는 메모입력모듈(142); 상기 메모입력모듈(142)로부터 입력받은 메모내용을 사용자가 선택한 영역의 주위에 별도의 창으로 표시하도록 HTML 코드를 생성하여 변경한 웹페이지를 포함한 메모작성정보를 생성하는 메모작성모듈(143); 및 상기 메모표시모듈(141)에서 생성된 메모표시정보와 상기 메모작성모듈(143)에서 생성된 메모작성정보를 포함한 메모정보를 생성하여 상기 웹페이지저장모듈(150)에 전송하는 웹페이지전송모듈(144);을 포함하고, 사용자가 작성한 메모내용을 포함한 메모정보를 생성하여 저장모듈(150)에 전송하는 메모생성모듈(140);
사용자확인모듈(110)로부터 사용자정보, 강조생성모듈(130)로부터 강조정보 및 메모생성모듈(140)로부터 생성된 메모정보로 변경된 웹페이지를 저장하는 웹페이지저장모듈(150); 및
사용자가 필요한 경우, 상기 웹페이지저장모듈(150)에 사용자별로 저장된 웹페이지를 사용자에게 제공하는 웹페이지제공모듈(160);을 포함하는 것을 특징으로 하는 웹페이지 콘텐츠에 강조 및 메모를 추가하는 웹페이지 변경 시스템.A user confirmation module 110 which receives user information from a user and transmits the user information to the web page storage module 150 and checks using the user information stored in the web page storage module 150 when the user logs in;
Selecting module 120 that provides a selection button for selecting one of the highlighting or memo when selecting the area to be highlighted or memo from the contents of the webpage by searching the desired web page identified by the user confirmation module 110 );
If the highlighting is selected in the selection module 120, the user sets a block for the selected area of the webpage's content in the HTML code of the webpage, and then presses the right button of the mouse to select the highlighting of the selected area. Click the left button of the mouse to highlight or press the CTRL key and the H key together to generate the HTML code so that the highlight is displayed to generate and display the changed information including the information on the web page, the storage module 150 An emphasis generation module 130 for transmitting corresponding emphasis information;
When the memo is selected in the selection module 120, the user sets a block for the area selected in the HTML code of the web page for the selected area of the content of the web page, and then clicks the right button of the mouse to select the memo from the selected area. A memo display module 141 for generating memo display information including a changed web page by generating an HTML code to display a memo by pressing a left button of a mouse or pressing a CTRL key and an M key together; A memo input module 142 which provides an input window for writing a memo to the user around the area selected by the user and receives information input by the user in the input window; A memo writing module 143 for generating memo writing information including a web page modified by generating HTML code to display the memo contents received from the memo input module 142 in a separate window around a region selected by the user; And a web page transmission module generating memo information including memo display information generated by the memo display module 141 and memo creation information generated by the memo writing module 143 and transmitting the memo information to the web page storage module 150. And a memo generation module 140 that generates memo information including memo contents written by a user and transmits the memo information to the storage module 150;
A web page storage module 150 for storing the changed web page into user information from the user confirmation module 110, memo information generated from the highlight generation module 130, and the memo generation module 140; And
If the user needs, the web page storage module 150, the web page providing module 160 for providing the user with a web page stored for each user; Web to add the emphasis and notes to the web page content, characterized in that it comprises a Page change system.
상기 웹페이지저장모듈(150)은,
사용자정보로부터 구분되는 사용자를 키값으로 사용자별로 접속한 웹페이지정보, 생성된 강조정보, 생성된 메모정보 및 변경된 웹페이지를 구분하여 데이터베이스에 저장하는 것을 특징으로 하는 웹페이지 콘텐츠에 강조 및 메모를 추가하는 웹페이지 변경 시스템.The method of claim 1,
The web page storage module 150,
Emphasis and memo are added to web page contents, which is characterized by storing the web page information, generated highlighting information, generated memo information, and changed web page which are accessed by user as key value. Web page change system.
사용자가 필요로 하는 웹페이지를 검색하는 웹페이지검색단계(S110);
검색된 웹페이지에서 웹페이지 변경 시스템(100)의 사용자확인모듈(110)을 이용하여 로그인하면 웹페이지주소정보와 웹페이지를 사용자정보와 함께 웹페이지저장모듈(150)에 저장되는 웹페이지로드단계(S120);
선택모듈(120)에서 사용자가 웹페이지의 콘텐츠 중에서 강조 또는 메모를 하고자하는 영역을 선택하면 강조 또는 메모중 하나를 선택하는 선택단계(S130);
사용자가 강조를 선택한 경우, 사용자가 웹페이지의 콘텐츠 중 선택한 영역에 대하여 해당 웹페이지의 HTML코드에 선택한 영역에 대하여 블록을 설정한 후 마우스의 오른쪽 버튼을 눌러 선택영역 중 강조를 선택하여 마우스의 왼쪽 버튼을 클릭하여 강조하거나 또는 CTRL키와 H키를 함께 눌러서 강조가 표시되도록 HTML 코드를 생성하여 변경한 웹페이지를 정보를 포함한 강조정보를 생성하여 표시하고, 저장모듈(150)에 해당 강조정보를 전송하는 강조생성단계(S140);
사용자가 메모를 선택한 경우, 사용자가 웹페이지의 콘텐츠 중 선택한 영역에 대하여 해당 웹페이지의 HTML코드에 선택한 영역에 대하여 블록을 설정한 후 마우스의 오른쪽 버튼을 눌러 선택영역 중 메모를 선택하여 마우스의 왼쪽 버튼을 클릭하여 메모하거나 또는 CTRL키와 M키를 함께 눌러서 메모가 표시되도록 HTML 코드를 생성하여 변경한 웹페이지를 포함한 메모표시정보를 생성하는 메모표시단계(S151); 사용자가 선택한 영역의 주위에 사용자에게 메모를 작성할 수 있도록 입력창을 제공하고, 입력창에 사용자가 입력한 정보를 수신하는 메모입력단계(152); 메모입력모듈(142)로부터 입력받은 메모내용을 사용자가 선택한 영역의 주위에 별도의 창으로 표시하도록 HTML 코드를 생성하여 변경한 웹페이지를 포함한 메모작성정보를 생성하는 메모작성단계(153); 및 메모표시모듈(141)에서 생성된 메모표시정보와 메모작성모듈(143)에서 생성된 메모작성정보를 포함한 메모정보를 생성하여 상기 웹페이지저장모듈(150)에 전송하는 웹페이지전송단계(154);를 포함하고, 사용자가 작성한 메모내용을 포함한 메모정보를 생성하여 저장모듈(150)에 전송하는 메모생성단계(S150);
사용자확인모듈(110)로부터 사용자정보, 강조생성모듈(130)로부터 강조정보 및 메모생성모듈(140)로부터 생성된 메모정보로 변경된 웹페이지를 저장하는 웹페이지저장단계(S160); 및
사용자가 필요한 경우, 상기 웹페이지저장모듈(150)에 사용자별로 저장된 웹페이지를 사용자에게 제공하는 웹페이지제공단계(S170);를 포함하는 것을 특징으로 하는 웹페이지 콘텐츠에 강조 및 메모를 추가하는 웹페이지 변경 시스템을 이용한 웹페이지 변경 방법.In the web page change method using a web page change system for adding emphasis and notes to the web page content according to any one of claims 1 and 4,
A web page search step (S110) of searching for a web page required by the user;
When the web page is logged in using the user identification module 110 of the web page change system 100 in the searched web page, the web page loading step of storing the web page address information and the web page together with the user information in the web page storage module 150 ( S120);
A selection step (S130) of selecting one of the highlighting or memo when the user selects an area to be emphasized or memo among the contents of the web page in the selection module 120;
If the user selects the highlight, the user sets the block for the selected area of the web page's contents in the HTML code of the web page, and then presses the right button of the mouse to select the highlight among the selected areas. Click the button to highlight or press the CTRL key and the H key together to generate the HTML code so that the highlight is displayed by generating the highlighted information including the information on the changed web page, and the corresponding highlighted information in the storage module 150 Emphasis generation step (S140) for transmitting;
If the user selects a memo, the user sets a block for the selected area of the web page's content in the HTML code of the web page, and then clicks the right button of the mouse to select a memo from the selected area. A memo display step (S151) of generating memo display information including a changed web page by generating an HTML code to display a memo by pressing a button or pressing a CTRL key and an M key together; A memo input step 152 which provides an input window for writing a memo to the user around the area selected by the user, and receives information input by the user in the input window; A memo creating step 153 for generating memo writing information including a web page modified by generating HTML code to display the memo contents received from the memo input module 142 in a separate window around a region selected by the user; And a web page transmission step 154 of generating memo information including memo display information generated by the memo display module 141 and memo preparation information generated by the memo writing module 143 and transmitting the memo information to the web page storage module 150. Generating a memo information including the memo contents written by the user and transmitting the memo information to the storage module 150 (S150);
A web page storing step (S160) of storing the web page changed into user information from the user confirmation module 110, highlight information from the highlight generation module 130, and memo information generated from the memo generation module 140; And
If the user needs, the web page storage module 150, the web page providing step (S170) for providing the user with a web page stored for each user; Web to add the emphasis and notes to the web page content, characterized in that it comprises a How to change web page using page change system.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
KR1020180019334A KR102046922B1 (en) | 2018-02-19 | 2018-02-19 | System for Changing Webpage adding Highlight and Memo at Contents of Webpage and Method thereof |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
KR1020180019334A KR102046922B1 (en) | 2018-02-19 | 2018-02-19 | System for Changing Webpage adding Highlight and Memo at Contents of Webpage and Method thereof |
Publications (2)
Publication Number | Publication Date |
---|---|
KR20190099651A KR20190099651A (en) | 2019-08-28 |
KR102046922B1 true KR102046922B1 (en) | 2019-11-20 |
Family
ID=67775636
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
KR1020180019334A KR102046922B1 (en) | 2018-02-19 | 2018-02-19 | System for Changing Webpage adding Highlight and Memo at Contents of Webpage and Method thereof |
Country Status (1)
Country | Link |
---|---|
KR (1) | KR102046922B1 (en) |
Family Cites Families (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR20040000873A (en) * | 2002-06-26 | 2004-01-07 | 주식회사 바로에듀 | Multi-user web-hosting service system and method |
KR100592654B1 (en) | 2004-06-16 | 2006-06-26 | 주식회사 팬택 | Webpage surpporting apparatus and surporing method for mobile handset |
KR100846204B1 (en) * | 2005-12-21 | 2008-07-14 | 주식회사지앤지커머스 | Web memo management system |
US8190990B2 (en) | 2008-06-27 | 2012-05-29 | Google Inc. | Annotating webpage content |
-
2018
- 2018-02-19 KR KR1020180019334A patent/KR102046922B1/en active IP Right Grant
Also Published As
Publication number | Publication date |
---|---|
KR20190099651A (en) | 2019-08-28 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10796076B2 (en) | Method and system for providing suggested tags associated with a target web page for manipulation by a useroptimal rendering engine | |
US9342494B2 (en) | Automated annotation of a resource on a computer network using a network address of the resource | |
US10776501B2 (en) | Automatic augmentation of content through augmentation services | |
US7899829B1 (en) | Intelligent bookmarks and information management system based on same | |
US8276061B2 (en) | Marking and annotating electronic documents | |
US8713438B1 (en) | Gathering user feedback in web applications | |
US8091022B2 (en) | Online learning monitor | |
US11017052B1 (en) | Electronic forms interaction framework for a consistent user experience | |
US20140298152A1 (en) | Intelligent bookmarks and information management system based on the same | |
US7272390B1 (en) | Method and system for sending facsimile transmissions from mobile devices | |
CA2918840C (en) | Presenting fixed format documents in reflowed format | |
US20080126396A1 (en) | System and method for implementing dynamic forms | |
CN102016833A (en) | Techniques to modify a document using a latent transfer surface | |
CN101661506B (en) | Method for customizing navigation page in local site, system and browser thereof | |
US20080301581A1 (en) | Method and system for providing additional information service onto e-mail | |
JP2006107458A (en) | Document content transmitting system, online content transmitting method, online information storage system, common online content system, and online content transmitting program | |
KR20120058544A (en) | Image element searching | |
US7895337B2 (en) | Systems and methods of generating a content aware interface | |
JP2008269069A (en) | Information processing system and method | |
JP2002207727A (en) | Client device, recording medium recorded with program therefor, and program therefor | |
KR102046922B1 (en) | System for Changing Webpage adding Highlight and Memo at Contents of Webpage and Method thereof | |
KR100846204B1 (en) | Web memo management system | |
JP7481743B2 (en) | Recruitment support method, recruitment support device, recruitment support program, and recording medium | |
KR101115523B1 (en) | Web-Editor for Multimedia with tailoring | |
JP2005084975A (en) | System and method for managing browsing of petition information using electronic book data and petition information browsing terminal |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
A201 | Request for examination | ||
E902 | Notification of reason for refusal | ||
E701 | Decision to grant or registration of patent right | ||
GRNT | Written decision to grant |