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 PDF

Info

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
Application number
KR1020180019334A
Other languages
Korean (ko)
Other versions
KR20190099651A (en
Inventor
서진택
박홍식
Original Assignee
동서대학교 산학협력단
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 동서대학교 산학협력단 filed Critical 동서대학교 산학협력단
Priority to KR1020180019334A priority Critical patent/KR102046922B1/en
Publication of KR20190099651A publication Critical patent/KR20190099651A/en
Application granted granted Critical
Publication of KR102046922B1 publication Critical patent/KR102046922B1/en

Links

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

웹페이지 콘텐츠에 강조 및 메모를 추가하는 웹페이지 변경 시스템 및 웹페이지 변경 방법{System for Changing Webpage adding Highlight and Memo at Contents of Webpage and Method thereof}System for Changing Webpage adding Highlight and Memo at Contents of Webpage and Method

본 발명은 웹페이지 콘텐츠에 강조 및 메모를 추가하는 웹페이지 변경 시스템 및 웹페이지 변경 방법에 관한 것으로, 좀 더 구체적으로는 최근에 많은 사람들이 인터넷을 통해 많이 제공되는 있는 콘텐츠를 통하여 중요한 정보를 습득하고 있는데, 이러한 중요한 정보를 하나의 학습자료로 이용하고자 하는데 있어, 종래의 종이책에서는 나중에 참고를 위해서, 사용자가 메모를 남기거나 형광펜으로 강조할 수 있었었나, 웹페이지의 경우에는 처음 게시된 콘텐츠는 게시자에 의해서만 수정 또는 삭제되는 경우가 이루어지므로, 인터넷 브라우저를 통해 사용자들이 자신이 원하는 정보를 얻고자 웹페이지를 탐색하여 원하는 웹페이지로부터 자신만의 학습자료로 활용할 수 있도록 개인적으로 필요한 정보를 강조하거나 해당 정보에 메모를 생성하여 별도로 작성할 수 있도록 할 수 있는 웹페이지 콘텐츠에 강조 및 메모를 추가하는 웹페이지 변경 시스템 및 웹페이지 변경 방법에 관한 것이다.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.

대한민국 공개특허공보 공개번호 제10-2005-0119400호 “이동통신단말기의 웹페이지 제공장치 및 그 제공방법”Republic of Korea Patent Publication No. 10-2005-0119400 "Web page providing apparatus and method of providing the web page of the mobile communication terminal" 대한민국 공개특허공보 공개번호 제10-2011-0027795호 “웹페이지 컨텐츠의 주석처리”Korean Laid-Open Patent Publication No. 10-2011-0027795 “Annotation of Web Page Contents”

따라서 본 발명은 이와 같은 종래 기술의 문제점을 개선하여, 사용자가 인터넷을 통해 자신이 원하는 정보를 검색하고자 하는 웹페이지에서 사용자계정을 입력하여 해당 웹페이지에 대한 주소정보를 통해 크롬 애드인과 같은 도구를 통해 웹페이지를 가져와서 사용자가 웹페이지의 콘텐츠 중 필요한 영역을 선택한 후 마우스 오른쪽 버튼 등을 이용하여 웹페이지상에 컨텍스트 메뉴에서 강조 또는 메모를 선택하면 웹페이지의 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 page storage module 150, the user stored in the web page storage module 150 when the user logs in User identification module 110 to check using the information; and the user identified by the user identification module 110 to search the desired web page to select the area to highlight or memo from the contents of the web page to highlight or note A selection module 120 that provides a selection button for selecting one; and when the highlighting is selected in the selection module 120, the highlighting information is generated and displayed by highlighting the selected area, and the storage module 150 displays the highlighting information. When the memo is selected in the highlight generation module 130 and the selection module 120 to transmit the corresponding highlighting information, and displayed in the area selected by the user, the memo created by the user A memo generation module 140 for generating memo information including contents and transmitting the same to the storage module 150; and user information from the user confirmation module 110, and emphasis information and memo generation module 140 from the emphasis generation module 130; A web page storage module 150 for storing the changed web page with memo information generated from the web page; And a web page providing module 160 for providing a user with a web page stored for each user in the web page storage module 150, if necessary by the user. Provides a web page change system to add.

이와 같은 본 발명에 따른 웹페이지 콘텐츠에 강조 및 메모를 추가하는 웹페이지 변경 시스템의 상기 강조생성모듈(130)은 사용자가 웹페이지의 콘텐츠 중 선택한 영역에 대하여 해당 웹페이지의 HTML코드에 선택한 영역에 대하여 강조를 표시하도록 HTML 코드를 생성하여 변경한 웹페이지를 정보를 포함한 강조정보를 생성하는 것을 특징으로 한다.The emphasis generation module 130 of the web page change system that adds the emphasis and notes 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.

이와 같은 본 발명에 따른 웹페이지 콘텐츠에 강조 및 메모를 추가하는 웹페이지 변경 시스템의 상기 메모생성모듈(140)은 사용자가 웹페이지의 콘텐츠 중 선택한 영역에 대하여 해당 웹페이지의 HTML코드에 선택한 영역에 대하여 메모를 표시하도록 HTML 코드를 생성하여 변경한 웹페이지를 포함한 메모표시정보를 생성하는 메모표시모듈(141);과 사용자가 선택한 영역의 주위에 사용자에게 메모를 작성할 수 있도록 입력창을 제공하고, 입력창에 사용자가 입력한 정보를 수신하는 메모입력모듈(142);과 상기 메모입력모듈(142)로부터 입력받은 메모내용을 사용자가 선택한 영역의 주위에 별도의 창으로 표시하도록 HTML 코드를 생성하여 변경한 웹페이지를 포함한 메모작성정보를 생성하는 메모작성모듈(143); 및 상기 메모표시모듈(141)에서 생성된 메모표시정보와 상기 메모작성모듈(143)에서 생성된 메모작성정보를 포함한 메모정보를 생성하여 상기 웹페이지저장모듈(150)에 전송하는 웹페이지전송모듈(144);를 포함하는 구성으로 이루어지는 것을 특징으로 한다.The memo generation module 140 of the web page change system for 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 module 141 for generating memo display information including a changed web page by generating HTML code to display a memo; and an input window for allowing a user to write a memo around a selected area; A memo input module 142 for receiving information input by a user in an input window; and a memo content input from the memo input module 142 to generate an HTML code to display a separate window around a region selected by the user; A memo writing module 143 for generating memo writing information including the changed web page; 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. (144); characterized by consisting of a configuration comprising a.

이와 같은 본 발명에 따른 웹페이지 콘텐츠에 강조 및 메모를 추가하는 웹페이지 변경 시스템의 상기 웹페이지저장모듈(150)은 사용자정보로부터 구분되는 사용자를 키값으로 사용자별로 접속한 웹페이지정보, 생성된 강조정보, 생성된 메모정보 및 변경된 웹페이지를 구분하여 데이터베이스에 저장하는 것을 특징으로 한다.The web page storage module 150 of the web page change system that adds a highlight and a memo to the web page content according to the present invention is the web page information for each user connected to each user with a key value, the highlighted The information, generated memo information, and the changed web page are classified and stored in a database.

본 발명에 따른 웹페이지 콘텐츠에 강조 및 메모를 추가하는 웹페이지 변경 방법은 사용자가 필요로 하는 웹페이지를 검색하는 웹페이지검색단계(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 page change system 100 in the searched web page When the user log in using the user identification module 110 of the web page loading information and the web page is stored in the web page storage module 150 with the user information (S120); and in the selection module 120 If the user selects an area to highlight or take notes from among the contents of the web page, the selection step of selecting one of the highlights or notes (S130); and if the user selects the highlighting, and creates a highlight information highlighting the selected area And a highlight generation step (S140) for transmitting the corresponding highlight information to the storage module 150; and if the user selects a memo, the memo is displayed in the selected area. Memo generation step (S150) for generating memo information including the contents of the self-written memo to the storage module 150; and user information from the user confirmation module 110, highlight information and memo generation module from the emphasis generation module 130 A web page storing step (S160) of storing the changed web page with memo information generated from 140; And a web page providing step (S170) of providing a web page stored for each user in the web page storing module 150 to the user if necessary.

이와 같은 본 발명에 따른 웹페이지 콘텐츠에 강조 및 메모를 추가하는 웹페이지 변경 방법의 상기 강조생성단계(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 memo input module 142 in a separate window around the area selected by the user; A memo creating step 153 of generating memo writing information including the changed web page; And a web page transmission step of 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. 154; characterized in that consisting of a configuration including.

본 발명에 의한 웹페이지 콘텐츠에 강조 및 메모를 추가하는 웹페이지 변경 시스템에 의하면, 종래의 사용자들이 인터넷을 통해 자신이 원하는 정보에 해당하는 웹페이지를 검색한 후, 웹페이지 콘텐츠 중 필요한 영역에 대하여 강조를 표시하거나 별도의 메모기능을 제공하여 필요한 텍스트를 추가할 수 있도록 함으로써, 사용자가 정보가 필요한 경우, 언제든지 다시 해당 웹페이지를 가져와서 강조 또는 메모된 내용을 검토할 수 있어, 사용자에게 웹페이지상의 필요한 정보를 보다 신속하고 용이하게 획득할 수 있으며, 종래의 웹페이지를 별도로 저장하여 수정하여 이용함에 따라 별도의 저장공간이나 새롭게 문서를 정리하기 위한 수고를 절감하고, 웹페이지를 별도로 출력할 필요도 없어 프린터, 용지 등의 비용을 절감할 수 있는 장점이 있다.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 page change system 100 includes a user identification module 110, a selection module 120, a highlight generation module 130, a memo generation module 140, and a web page storage module 150. And a line locator 130. Web page change system 100 may be in the form of a cloud server that can be accessed and used by the user through the Internet.

사용자확인모듈(110)은 사용자별로 접속하는 웹페이지와 강조 또는 메모로 추가한 정보를 구분하고, 사용자인증을 위해 사용자로부터 사용자의 정보를 등록받아 웹페이지저장모듈(150)에 전송한다. 그리고 사용자확인모듈(110)은 사용자가 새로이 웹페이지 변경 시스템(100)에 접속하여 로그인하면 웹페이지저장모듈(150)에 저장된 사용자정보를 이용하여 확인한다.The user identification module 110 classifies the web page to be accessed for each user and the information added by emphasis or memo, and receives the user's information from the user for user authentication and transmits the user's information to the web page storage module 150. The user confirmation module 110 checks using the user information stored in the web page storage module 150 when the user newly logs in by accessing the web page change system 100.

사용자가 자신이 검색하고자 하는 웹페이지에 접속하면 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 user identification module 110 using the cloud API using a tool such as Chrome add-in that can be implemented in HTML and Java programming languages. do.

도 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 selection module 120 searches for a web page desired by the user identified by the user identification module 110 and selects an area to be highlighted or memo from the contents of the web page. Provides a select button to select one.

선택모듈(120)는 웹페이지의 콘텐츠 중에서 사용자가 필요로 하여 선택한 영역에 대하여 블록을 설정한 후 마우스의 오른쪽 버튼을 누르게 되면 선택영역을 강조할 것 인지 또는 메모를 적을 놓을 것인지를 선택할 수 있는 컨텍스트 메뉴의 형태의 선택창을 제시한다.The selection module 120 sets a block for the area selected by the user from among the contents of the web page, and when the user presses the right button of the mouse, the selection module 120 can select whether to highlight the selection area or write a note. Presents a selection window in the form of a menu.

따라서 사용자는 강조 또는 메모를 선택하여 마우스 왼쪽 버튼을 클릭하게 되면 강조생성모듈(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 highlight generation module 130 or the memo generation module 140. In addition, the highlighting may drive the highlighting generation module 130 by pressing the CTRL key and the H key, and the memo may drive the memo generation module 140 by pressing the CTRL key and the M key.

도 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 module 130 first selects highlighting in the selection module 120, the highlighting generation module 130 generates and displays highlighting information indicating highlighting in a region selected by the user. In addition, the emphasis generation module 130 transmits the corresponding emphasis information to the storage module 150 to store the generated highlight information in the storage module 150.

강조생성모듈(130)은 사용자가 웹페이지의 콘텐츠 중 선택한 영역에 대하여 해당 웹페이지의 HTML코드에 선택한 영역에 대하여 강조를 표시하도록 HTML 코드를 생성하여 변경한 웹페이지를 정보를 포함한 강조정보를 생성한다.The highlight generation module 130 generates the highlighting information including the information on the changed web page by generating the HTML code to display the highlighting of the selected area in the HTML code of the web page for the selected area of the content of the web page do.

도 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 emphasis generation module 130 is configured to display the HTML code constituting the webpage of (3) from the webpage displayed in (2) searched by a user having the address information of the site shown in (1). The modified webpage which adds the HTML code corresponding to the highlighter highlighting effect using the <div> tag of the HTML code as shown in (4) so that the highlighter highlighting effect is added to the area selected by the user using a tool such as a chrome add-in. Will generate

강조생성모듈(130)은 상기 (1)에 표시된 웹페이지의 주소정보와 (3)에서 추가한 변경된 웹페이지에 대한 정보를 포함한 강조정보를 웹페이지저장모듈(150)에 전송하게 된다.The highlight generation module 130 transmits the highlight information including the address information of the web page shown in (1) and the changed web page added in (3) to the web page storage module 150.

도 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 memo generating module 140 includes a memo display module 141, a memo input module 142, a memo writing module 143, and a web page transmission module 144. Is done. When the memo generation module 140 selects a memo in the selection module 120, the memo generating module 140 displays the memo information including the memo contents created by the user and transmits the memo information to the storage module 150. .

메모표시모듈(141)은 사용자가 웹페이지의 콘텐츠 중 선택한 영역에 대하여 해당 웹페이지의 HTML코드에 선택한 영역에 대하여 메모를 표시하도록 HTML 코드를 생성하여 변경한 웹페이지를 포함한 메모표시정보를 생성한다.The memo display module 141 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. .

메모표시모듈(141)은 상기 강조생성모듈(130)과 동일하게 사이트의 주소정보를 가진 사용자가 검색한 웹페이지의 HTML코드에 사용자가 선택한 영역에 대하여 크롬 애드인과 같은 툴을 이용하여 메모 효과가 부가되도록 HTML코드의 <div> 태그를 이용하여 메모 효과에 해당하는 HTML 코드를 추가한 변경된 웹페이지를 생성하게 된다.The memo display module 141 has a memo effect by using a tool such as a chrome add-in for the area selected by the user in the HTML code of the web page searched by the user having the address information of the site, as in the emphasis generation module 130 The <div> tag in the HTML code is used to create a modified web page to which the HTML code corresponding to the note effect is added.

메모입력모듈(142)은 사용자가 선택한 영역의 주위에 사용자에게 메모를 작성할 수 있도록 입력창을 제공한다. 메모입력모듈(142)은 사용자에게 제공된 상기 입력창에 입력한 정보를 수신한다.The memo input module 142 provides an input window for writing a memo to the user around the area selected by the user. The memo input module 142 receives information input in the input window provided to the user.

메모입력모듈(142)은 상기 메모표시모듈(141)을 통해 표시된 영역을 지시하는 말풍선 또는 설명선의 형태로 크롬 애드인과 같은 툴을 이용하여 제공되며, 사용자가 입력한 문자열형태의 정보를 수신한다.The memo input module 142 is provided using a tool such as a chrome add-in in the form of a speech bubble or a callout indicating an area displayed through the memo display module 141, and receives information in a string form input by a user. .

메모작성모듈(143)은 상기 메모입력모듈(142)로부터 입력받은 메모내용을 사용자가 선택한 영역의 주위에 별도의 창으로 표시하도록 HTML 코드를 생성하여 변경한 웹페이지를 포함한 메모작성정보를 생성한다.The memo writing module 143 generates memo writing information including a changed web page 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. .

메모작성모듈(143)은 사용자로부터 입력받은 내용을 사용자가 확인할 수 있도록 말풍선 또는 설명선 형태의 별도의 창 내부에 크롬 애드인과 같은 툴을 이용하여 표시하고, 웹페이지의 주소정보와 변경된 웹페이지에 대한 정보를 메모작성정보를 생성한다.The memo writing module 143 displays the contents input from the user by using a tool such as a chrome add-in inside a separate window in the form of a speech bubble or callout, and displays the web page address information and the changed web page. Create memo information.

웹페이지전송모듈(144)은 상기 메모표시모듈(141)에서 생성된 메모표시정보와 상기 메모작성모듈(143)에서 생성된 메모작성정보를 포함한 메모정보를 생성하여 상기 웹페이지저장모듈(150)에 전송한다. 웹페이지전송모듈(144)은 메모표시정보와 메모작성정보가 포함된 메모정보를 크롬 애드인과 같은 툴을 이용하여 웹페이지저장모듈(150)에 전송한다.The web page transmission module 144 generates memo information including memo display information generated by the memo display module 141 and memo writing information generated by the memo writing module 143 to store the web page storage module 150. To transmit. The web page transmission module 144 transmits memo information including memo display information and memo writing information to the web page storage module 150 using a tool such as a chrome add-in.

웹페이지저장모듈(150)은 사용자확인모듈(110)로부터 사용자정보, 강조생성모듈(130)로부터 강조정보 및 메모생성모듈(140)로부터 생성된 메모정보로 변경된 웹페이지를 저장한다. 웹페이지저장모듈(150)은 사용자정보로부터 구분되는 사용자를 키값으로 사용자별로 접속한 웹페이지정보, 생성된 강조정보, 생성된 메모정보 및 변경된 웹페이지를 구분하여 데이터베이스에 저장한다.The web page storage module 150 stores 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. The webpage storage module 150 classifies the user who is separated from the user information as a key value, and stores the webpage information, the generated highlighting information, the generated memo information, and the changed webpage which are accessed for each user in a database.

웹페이지제공모듈(160)은 사용자가 필요한 경우, 상기 웹페이지저장모듈(150)에 사용자별로 저장된 웹페이지를 사용자에게 제공한다. 웹페이지제공모듈(160)은 사용자가 종래에 자신이 검색하여 찾았던 웹페이지에 대하여 참고 또는 학습자료로 다시 확인하고자 하는 경우에 웹페이지 변경 시스템(100)에 다시 로그인하여 사용자가 변경하였던 강조 또는 메모 기능이 포함된 웹페이지를 확인할 수 있도록 변경된 웹페이지를 제공한다.The webpage providing module 160 provides the user with a webpage stored for each user in the webpage storing module 150 when the user needs it. Web page providing module 160, if the user wants to check again as a reference or learning material about the web page that he or she has searched and found in the past, the user can change the emphasis or memo by logging in to the web page change system 100 again. Provide a modified web page so that you can check the web page containing the function.

도 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 user identification module 110 of the web page change system 100 in the searched web page, the web page address information and the web page together with the user information, the web page storage module ( 150). Web page loading step (S120) stores the web page address information and the user information for user identification to bring the web page to the emphasis or memo to the web page change system 100 to make changes according to the user's request .

선택단계(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 selection module 120 selects one of the highlight or memo. The selection step (S130) determines whether to act on emphasis or notes on the web page searched by the user.

강조생성단계(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 storage module 150. The highlight generation step (S140) generates the highlighting information including the information on the changed web page by generating the HTML code to display the highlighting for the selected area in the HTML code of the web page for the selected area of the content of the web page Characterized in that.

도 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 storage module 150.

메모표시단계(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 memo input module 142 in a separate window around a region selected by the user. .

웹페이지전송단계(154)는 상기 메모표시모듈(141)에서 생성된 메모표시정보와 상기 메모작성모듈(143)에서 생성된 메모작성정보를 포함한 메모정보를 생성하여 상기 웹페이지저장모듈(150)에 전송한다. The web page transmission step 154 generates memo information including memo display information generated by the memo display module 141 and memo writing information generated by the memo writing module 143 to store the web page storage module 150. To transmit.

웹페이지저장단계(S160)사용자확인모듈(110)로부터 사용자정보, 강조생성모듈(130)로부터 강조정보 및 메모생성모듈(140)로부터 생성된 메모정보로 변경된 웹페이지를 저장한다.Web page storage step (S160) stores the changed web page to the user information from the user confirmation module 110, the emphasis information from the highlight generation module 130 and the memo information generated from the memo generation module 140.

웹페이지제공단계(S170)는 사용자가 필요한 경우, 상기 웹페이지저장모듈(150)에 사용자별로 저장된 웹페이지를 사용자에게 제공한다.Web page providing step (S170) provides a user with a web page stored for each user in the web page storage module 150, if necessary.

상술한 바와 같은, 본 발명의 실시 예에 따른 웹페이지 콘텐츠에 강조 및 메모를 추가하는 웹페이지 변경 시스템 및 웹페이지 변경 방법을 상기한 설명 및 도면에 따라 도시하였지만, 이는 단지 본 발명의 기술 내용을 쉽게 설명하고 발명의 이해를 돕기 위한 예를 들어 설명한 것에 불과하며, 본 발명의 범위를 한정하고자 하는 것은 아니고, 본 발명의 기술적 사상을 벗어나지 않는 범위 내에서 다른 변형 예들과 같이 다양한 변화 및 변경이 가능하다는 것을 본 발명이 속하는 기술 분야에서 통상의 지식을 가진 자에게 자명할 것이다.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)

사용자로부터 사용자의 정보를 등록받아 웹페이지저장모듈(150)에 전송하고, 사용자가 로그인하면 웹페이지저장모듈(150)에 저장된 사용자정보를 이용하여 확인하는 사용자확인모듈(110);
사용자확인모듈(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. 삭제delete 삭제delete 제 1 항에 있어서,
상기 웹페이지저장모듈(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. 제 1 항 또는 제 4 항 중 어느 한 항에 따른 웹페이지 콘텐츠에 강조 및 메모를 추가하는 웹페이지 변경 시스템을 이용한 웹페이지 변경 방법에 있어서,
사용자가 필요로 하는 웹페이지를 검색하는 웹페이지검색단계(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. 삭제delete 삭제delete
KR1020180019334A 2018-02-19 2018-02-19 System for Changing Webpage adding Highlight and Memo at Contents of Webpage and Method thereof KR102046922B1 (en)

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)

* Cited by examiner, † Cited by third party
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

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