KR20170050030A - 부가 정보 관리 방법과 이를 수행하기 위한 장치 및 시스템 - Google Patents

부가 정보 관리 방법과 이를 수행하기 위한 장치 및 시스템 Download PDF

Info

Publication number
KR20170050030A
KR20170050030A KR1020150151043A KR20150151043A KR20170050030A KR 20170050030 A KR20170050030 A KR 20170050030A KR 1020150151043 A KR1020150151043 A KR 1020150151043A KR 20150151043 A KR20150151043 A KR 20150151043A KR 20170050030 A KR20170050030 A KR 20170050030A
Authority
KR
South Korea
Prior art keywords
web
additional information
information
web page
unique identification
Prior art date
Application number
KR1020150151043A
Other languages
English (en)
Inventor
장재동
이종엽
Original Assignee
삼성에스디에스 주식회사
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 삼성에스디에스 주식회사 filed Critical 삼성에스디에스 주식회사
Priority to KR1020150151043A priority Critical patent/KR20170050030A/ko
Publication of KR20170050030A publication Critical patent/KR20170050030A/ko

Links

Images

Classifications

    • G06F17/3089—
    • G06F17/30887—
    • G06F17/30991—

Landscapes

  • Information Transfer Between Computers (AREA)

Abstract

부가 정보 관리 방법과 이를 수행하기 위한 장치 및 시스템이 개시된다. 예시적인 실시예에 따른 부가 정보 관리 시스템은, 적어도 하나의 웹 페이지를 포함하는 웹 사이트를 호스팅하는 웹 서버, 웹 서버로부터 웹 페이지를 수신하고, 수신한 웹 페이지를 구성하는 적어도 하나의 웹 요소에 대해 부가 정보를 추가하며, 웹 페이지의 고유 식별 정보, 부가 정보가 추가된 웹 요소의 고유 식별 정보, 및 웹 요소에 추가한 부가 정보 내용을 포함하는 부가 정보 추가 관련 정보를 전송하는 클라이언트, 및 클라이언트로부터 부가 정보 추가 관련 정보를 수신하고, 수신한 부가 정보 추가 관련 정보를 웹 페이지의 고유 식별 정보와 매칭하여 저장하는 부가 정보 관리 서버를 포함한다.

Description

부가 정보 관리 방법과 이를 수행하기 위한 장치 및 시스템{METHOD FOR MANAGING ADDITIONAL INFORMATION, APPARATUS AND SYSTEM EXECUTING THE METHOD}
본 발명의 실시예는 웹 페이지 관리 기술에 관한 것이다.
일반적으로, 클라이언트에 설치된 웹 브라우저(Web Browser)에서 웹 사이트에 접속하면, 웹 브라우저는 해당 웹 서버에서 HTML(Hyper Text Markup Language), CSS(Cascading Style Sheets), JS(Javascript) 등의 컨텐츠를 다운로드 받아 화면에 표시한다. 웹 사이트 내의 컨텐츠들은 해당 웹 서버의 게시 권한이 담당자가 작성하여 웹 서버에 업로드하게 된다.
기존 방식에서, 웹 페이지 내의 웹 요소(예를 들어, 사진, 동영상, 입력창, 문단 등)에 부가적인 정보를 추가하려고 하면, 해당 웹 사이트에 대해 게시 권한이 있어야 하고, HTML(Hyper Text Markup Language), CSS(Cascading Style Sheets), JS(Javascript) 등을 다룰 수 있는 담당자가 부가 정보를 직접 추가하여야 한다. 이 경우, 각 웹 페이지 내의 웹 요소에 부가적인 정보를 추가하는데 많은 시간과 노력이 요구되는 문제점이 있게 된다.
한국공개특허공보 제10-2008-0049457호(2008.06.04)
본 발명의 실시예는 웹 페이지에 부가 정보를 용이하게 추가할 수 있는 부가 정보 관리 방법과 이를 수행하기 위한 장치 및 시스템을 제공하기 위한 것이다.
본 발명의 실시예는 웹 페이지의 상태 변화에 대응하여 부가 정보를 표시할 수 있는 부가 정보 관리 방법과 이를 수행하기 위한 장치 및 시스템을 제공하기 위한 것이다.
예시적인 일 실시예에 따른 부가 정보 관리 시스템은, 적어도 하나의 웹 페이지를 포함하는 웹 사이트를 호스팅하는 웹 서버; 상기 웹 서버로부터 웹 페이지를 수신하고, 수신한 상기 웹 페이지를 구성하는 적어도 하나의 웹 요소에 대해 부가 정보를 추가하며, 상기 웹 페이지의 고유 식별 정보, 상기 부가 정보가 추가된 웹 요소의 고유 식별 정보, 및 상기 웹 요소에 추가한 부가 정보 내용을 포함하는 부가 정보 추가 관련 정보를 전송하는 클라이언트; 및 상기 클라이언트로부터 상기 부가 정보 추가 관련 정보를 수신하고, 수신한 상기 부가 정보 추가 관련 정보를 상기 웹 페이지의 고유 식별 정보와 매칭하여 저장하는 부가 정보 관리 서버를 포함한다.
상기 웹 페이지의 고유 식별 정보는, 상기 웹 페이지의 URL(Uniform Resource Locator) 정보이고, 상기 웹 요소의 고유 식별 정보는, 상기 웹 요소의 URL(Uniform Resource Locator) 정보일 수 있다.
상기 클라이언트는, 상기 웹 요소의 서로 다른 복수 개의 상태에 대해 각각 부가 정보를 추가할 수 있다.
상기 클라이언트는, 상기 웹 서버로부터 소정 웹 페이지를 요청하여 수신하는 경우, 상기 수신한 웹 페이지의 고유 식별 정보를 포함하는 부가 정보 조회 요청을 상기 부가 정보 관리 서버로 전송하고, 상기 부가 정보 관리 서버는, 상기 웹 페이지의 고유 식별 정보와 매칭된 부가 정보 추가 관련 정보가 있는 경우, 상기 부가 정보 추가 관련 정보에서 상기 웹 페이지를 구성하는 적어도 하나의 웹 요소 중 부가 정보가 추가된 웹 요소의 고유 식별 정보 및 상기 웹 요소에 추가된 부가 정보 내용을 상기 클라이언트로 전송할 수 있다.
상기 클라이언트는, 상기 웹 서버로부터 상기 웹 요소의 상태 변화 정보를 수신하고, 상기 웹 요소의 상태 변화에 대응하여 상기 부가 정보 내용을 상기 웹 페이지의 화면에 표시할 수 있다.
예시적인 실시예에 따른 부가 정보 관리 방법은, 클라이언트에서, 웹 서버로부터 소정 웹 페이지를 수신하여 화면에 표시하는 단계; 상기 클라이언트에서, 사용자의 입력에 따라 상기 웹 페이지를 구성하는 적어도 하나의 웹 요소 중 부가 정보를 추가할 웹 요소를 선택하는 단계; 상기 클라이언트에서, 상기 웹 서버로부터 상기 웹 페이지의 고유 식별 정보 및 상기 선택된 웹 요소의 고유 식별 정보를 수신하는 단계; 상기 클라이언트에서, 저작 도구를 이용하여 상기 선택된 웹 요소에 대해 부가 정보를 작성하는 단계; 및 상기 클라이언트에서, 상기 웹 페이지의 고유 식별 정보, 상기 선택된 웹 요소의 고유 식별 정보, 및 상기 웹 요소에 추가한 부가 정보 내용을 포함하는 부가 정보 추가 관련 정보를 부가 정보 관리 서버로 전송하는 단계를 포함한다.
상기 웹 페이지의 고유 식별 정보는, 상기 웹 페이지의 URL(Uniform Resource Locator) 정보이고, 상기 웹 요소의 고유 식별 정보는, 상기 웹 요소의 URL(Uniform Resource Locator) 정보일 수 있다.
상기 선택된 웹 요소에 대해 부가 정보를 작성하는 단계는, 상기 클라이언트에서, 상기 웹 서버로부터 상기 선택된 웹 요소의 상태 변화 정보를 수신하는 단계; 및 상기 클라이언트에서, 상기 선택된 웹 요소의 서로 다른 복수 개의 상태에 대해 각각 부가 정보를 작성하는 단계를 포함할 수 있다.
상기 부가 정보 추가 관련 정보를 부가 정보 관리 서버로 전송하는 단계 이후에, 상기 클라이언트에서, 상기 웹 서버로부터 소정 웹 페이지 및 상기 웹 페이지의 고유 식별 정보를 수신하는 단계; 상기 클라이언트에서, 상기 수신한 웹 페이지의 고유 식별 정보를 포함하는 부가 정보 조회 요청을 상기 부가 정보 관리 서버로 전송하는 단계; 및 상기 클라이언트에서, 상기 부가 정보 관리 서버로부터 상기 웹 페이지를 구성하는 적어도 하나의 웹 요소 중 부가 정보가 추가된 웹 요소의 고유 식별 정보 및 상기 웹 요소에 추가된 부가 정보 내용을 수신하는 단계를 더 포함할 수 있다.
상기 부가 정보 내용을 수신하는 단계 이후에, 상기 클라이언트에서, 상기 웹 페이지의 화면에 해당 웹 요소에 대응하는 상기 부가 정보 내용을 합성하여 표시하는 단계를 더 포함할 수 있다.
상기 부가 정보 내용을 합성하여 표시하는 단계는, 상기 클라이언트에서, 상기 웹 서버로부터 상기 웹 요소의 상태 변화 정보를 수신하는 단계; 및 상기 웹 요소의 상태 변화에 대응하여 상기 부가 정보 내용을 상기 웹 페이지의 화면에 표시하는 단계를 포함할 수 있다.
예시적인 실시예에 따른 장치는, 하나 이상의 프로세서; 메모리; 및 하나 이상의 프로그램을 포함하는 장치로서, 상기 하나 이상의 프로그램은 상기 메모리에 저장되고 상기 하나 이상의 프로세서에 의해 실행되도록 구성되며, 상기 프로그램은, 웹 서버로부터 소정 웹 페이지를 수신하여 화면에 표시하는 단계; 사용자의 입력에 따라 상기 웹 페이지를 구성하는 적어도 하나의 웹 요소 중 부가 정보를 추가할 웹 요소를 선택하는 단계; 상기 웹 서버로부터 상기 웹 페이지의 고유 식별 정보 및 상기 선택된 웹 요소의 고유 식별 정보를 수신하는 단계; 저작 도구를 이용하여 상기 선택된 웹 요소에 대해 부가 정보를 작성하는 단계; 및 상기 웹 페이지의 고유 식별 정보, 상기 선택된 웹 요소의 고유 식별 정보, 및 상기 웹 요소에 추가한 부가 정보 내용을 포함하는 부가 정보 추가 관련 정보를 부가 정보 관리 서버로 전송하는 단계를 실행하기 위한 명령어들을 포함한다.
상기 웹 페이지의 고유 식별 정보는, 상기 웹 페이지의 URL(Uniform Resource Locator) 정보이고, 상기 웹 요소의 고유 식별 정보는, 상기 웹 요소의 URL(Uniform Resource Locator) 정보일 수 있다.
상기 프로그램은, 상기 선택된 웹 요소에 대해 부가 정보를 작성하는 단계에서, 상기 웹 서버로부터 상기 선택된 웹 요소의 상태 변화 정보를 수신하는 단계; 및 상기 선택된 웹 요소의 서로 다른 복수 개의 상태에 대해 각각 부가 정보를 작성하는 단계를 실행하기 위한 명령어들을 포함할 수 있다.
상기 프로그램은, 상기 부가 정보 추가 관련 정보를 부가 정보 관리 서버로 전송하는 단계 이후에, 상기 웹 서버로부터 소정 웹 페이지 및 상기 웹 페이지의 고유 식별 정보를 수신하는 단계; 상기 수신한 웹 페이지의 고유 식별 정보를 포함하는 부가 정보 조회 요청을 상기 부가 정보 관리 서버로 전송하는 단계; 및 상기 부가 정보 관리 서버로부터 상기 웹 페이지를 구성하는 적어도 하나의 웹 요소 중 부가 정보가 추가된 웹 요소의 고유 식별 정보 및 상기 웹 요소에 추가된 부가 정보 내용을 수신하는 단계를 더 실행하기 위한 명령어들을 포함할 수 있다.
상기 프로그램은, 상기 부가 정보 내용을 수신하는 단계 이후에, 상기 웹 페이지의 화면에 해당 웹 요소에 대응하는 상기 부가 정보 내용을 합성하여 표시하는 단계를 더 실행하기 위한 명령어들을 포함할 수 있다.
상기 프로그램은, 상기 부가 정보 내용을 합성하여 표시하는 단계에서, 상기 웹 서버로부터 상기 웹 요소의 상태 변화 정보를 수신하는 단계; 및 상기 웹 요소의 상태 변화에 대응하여 상기 부가 정보 내용을 상기 웹 페이지의 화면에 표시하는 단계를 실행하기 위한 명령어들을 포함할 수 있다.
예시적인 다른 실시예에 따른 장치는, 하나 이상의 프로세서; 메모리; 및 하나 이상의 프로그램을 포함하는 장치로서, 상기 하나 이상의 프로그램은 상기 메모리에 저장되고 상기 하나 이상의 프로세서에 의해 실행되도록 구성되며, 상기 프로그램은, 웹 페이지의 고유 식별 정보, 상기 웹 페이지를 구성하는 적어도 하나의 웹 요소 중 부가 정보가 추가된 웹 요소의 고유 식별 정보, 및 상기 웹 요소에 추가된 부가 정보 내용을 포함하는 부가 정보 추가 관련 정보를 수신하는 단계; 및 상기 수신한 부가 정보 추가 관련 정보를 상기 웹 페이지의 고유 식별 정보와 매칭하여 저장하는 단계를 실행하기 위한 명령어들을 포함한다.
상기 웹 페이지의 고유 식별 정보는, 상기 웹 페이지의 URL(Uniform Resource Locator) 정보이고, 상기 웹 요소의 고유 식별 정보는, 상기 웹 요소의 URL(Uniform Resource Locator) 정보일 수 있다.
상기 프로그램은, 상기 웹 페이지의 고유 식별 정보와 매칭하여 저장하는 단계 이후에, 웹 페이지의 고유 식별 정보를 포함하는 부가 정보 조회 요청을 수신하는 단계; 상기 웹 페이지의 고유 식별 정보와 매칭된 부가 정보 추가 관련 정보가 있는지 여부를 확인하는 단계; 및 상기 부가 정보 추가 관련 정보가 있는 경우, 상기 부가 정보 추가 관련 정보에서 상기 웹 페이지를 구성하는 적어도 하나의 웹 요소 중 부가 정보가 추가된 웹 요소의 고유 식별 정보 및 상기 웹 요소에 추가된 부가 정보 내용을 추출하는 단계를 더 실행하기 위한 명령어들을 포함할 수 있다.
본 발명의 실시예에 의하면, 사용자가 클라이언트 내에 설치된 저작 도구를 사용하여 웹 페이지에 부가 정보를 용이하게 추가할 수 있게 된다. 즉, HTML(Hyper Text Markup Language), CSS(Cascading Style Sheets), JS(Javascript) 등에 대한 전문적인 지식이 없는 사용자도 웹 페이지에 부가 정보를 쉽게 추가할 수 있게 된다. 또한, 해당 웹 페이지에 대한 게시 권한이 없는 사용자도 웹 페이지에 대해 부가 정보를 추가할 수 있게 된다.
또한, 해당 웹 요소의 고유 식별 정보와 부가 정보를 매칭함으로써, 웹 페이지에서 해당 웹 요소가 이동되거나 변경되는 경우 등에도 그에 대응하여 부가 정보를 표시할 수 있게 된다.
또한, 부가 정보 관리 서버를 통해 각 웹 페이지에 대해 제3 자가 추가한 부가 정보를 공유할 수 있게 되므로, 웹 사이트의 개발자 또는 기획자 또는 디자이너들이 웹 페이지의 화면을 통해 상호 커뮤니케이션을 수행할 수 있게 되며, 웹 사이트의 관리자가 아닌 사용자들 간에 정보 교환이 가능하게 된다.
또한, 웹 페이지의 고유 식별 정보와 함께 웹 페이지의 상태 정보를 활용함으로써, 웹 페이지의 상태 변화(예를 들어, 특정 웹 요소가 사라지는 경우, 특정 웹 요소가 클릭되는 경우, 특정 키보드 입력이 발생하는 경우, 특정 웹 요소가 활성화 되는 경우, 특정 웹 요소가 화면에 표시되는 경우 등)에 대응하여 부가 정보를 표시할 수 있게 된다.
도 1은 예시적인 실시예에 따른 웹 사이트의 부가 정보 관리 시스템의 구성을 나타낸 도면
도 2 및 도 3은 예시적인 실시예에 따른 클라이언트에서, 웹 페이지에 부가 정보를 추가하여 등록하는 과정을 설명하기 위한 도면
도 4는 예시적인 실시예에 따른 클라이언트에서 웹 페이지에 기 등록된 부가 정보를 표시하는 방법을 나타낸 흐름도
도 5는 예시적인 실시예들에서 사용되기에 적합한 예시적인 컴퓨팅 장치를 포함하는 컴퓨팅 환경을 나타낸 도면
이하, 도면을 참조하여 본 발명의 구체적인 실시형태를 설명하기로 한다. 이하의 상세한 설명은 본 명세서에서 기술된 방법, 장치 및/또는 시스템에 대한 포괄적인 이해를 돕기 위해 제공된다. 그러나 이는 예시에 불과하며 본 발명은 이에 제한되지 않는다.
본 발명의 실시예들을 설명함에 있어서, 본 발명과 관련된 공지기술에 대한 구체적인 설명이 본 발명의 요지를 불필요하게 흐릴 수 있다고 판단되는 경우에는 그 상세한 설명을 생략하기로 한다. 그리고, 후술되는 용어들은 본 발명에서의 기능을 고려하여 정의된 용어들로서 이는 사용자, 운용자의 의도 또는 관례 등에 따라 달라질 수 있다. 그러므로 그 정의는 본 명세서 전반에 걸친 내용을 토대로 내려져야 할 것이다. 상세한 설명에서 사용되는 용어는 단지 본 발명의 실시예들을 기술하기 위한 것이며, 결코 제한적이어서는 안 된다. 명확하게 달리 사용되지 않는 한, 단수 형태의 표현은 복수 형태의 의미를 포함한다. 본 설명에서, "포함" 또는 "구비"와 같은 표현은 어떤 특성들, 숫자들, 단계들, 동작들, 요소들, 이들의 일부 또는 조합을 가리키기 위한 것이며, 기술된 것 이외에 하나 또는 그 이상의 다른 특성, 숫자, 단계, 동작, 요소, 이들의 일부 또는 조합의 존재 또는 가능성을 배제하도록 해석되어서는 안 된다.
이하의 설명에 있어서, 신호 또는 정보의 "전송", "통신", "송신", "수신" 기타 이와 유사한 의미의 용어는 일 구성요소에서 다른 구성요소로 신호 또는 정보가 직접 전달되는 것뿐만이 아니라 다른 구성요소를 거쳐 전달되는 것도 포함한다. 특히 신호 또는 정보를 일 구성요소로 "전송" 또는 "송신"한다는 것은 그 신호 또는 정보의 최종 목적지를 지시하는 것이고 직접적인 목적지를 의미하는 것이 아니다. 이는 신호 또는 정보의 "수신"에 있어서도 동일하다. 또한 본 명세서에 있어서, 2 이상의 데이터 또는 정보가 "관련"된다는 것은 하나의 데이터(또는 정보)를 획득하면, 그에 기초하여 다른 데이터(또는 정보)의 적어도 일부를 획득할 수 있음을 의미한다.
도 1은 예시적인 실시예에 따른 웹 사이트의 부가 정보 관리 시스템의 구성을 나타낸 도면이다.
도 1을 참조하면, 웹 사이트의 부가 정보 관리 시스템(100)은 클라이언트(102), 웹 서버(104), 및 부가 정보 관리 서버(106)를 포함할 수 있다. 클라이언트(102)는 로컬 영역 네트워크(Local Area Network: LAN), 광역 네트워크(Wide Area Network: WAN), 셀룰라 네트워크 또는 인터넷과 같은 네트워크(150)를 통해 웹 서버(104) 및 부가 정보 관리 서버(106)에 각각 통신 가능하게 연결된다. 여기서는, 클라이언트(102)를 하나만 도시하였으나, 이에 한정되는 것은 아니며 복수 개의 클라이언트들이 부가 정보 관리 서비스를 제공받을 수 있다.
클라이언트(102)는 웹 사이트의 부가 정보 관리 서비스를 이용하는 사용자의 단말기이다. 클라이언트(102)는 예를 들어, 스마트 폰, 휴대폰, 태블릿, PC(Personal Computer), 노트북, 웨어러블 기기 등과 같이 웹 서버(104) 및 부가 정보 관리 서버(106)에 접속할 수 있는 유선 또는 무선 통신 디바이스 일 수 있다. 클라이언트(102)는 웹 서버(104)에 접속하여 웹 페이지를 다운로드 할 수 있는 웹 브라우저를 포함할 수 있다.
클라이언트(102)는 웹 서버(104)가 제공하는 웹 페이지에 부가 정보를 추가할 수 있다. 구체적으로, 클라이언트(102)는 웹 페이지를 구성하는 적어도 하나의 웹 요소에 대해 부가 정보를 추가할 수 있다. 여기서, 웹 요소는 웹 페이지에 포함되고 웹 페이지를 구성하는 것으로, 예를 들어, 사진, 동영상, 입력창, 문단(또는 텍스트) 등을 포함할 수 있다. 또한, 부가 정보는 해당 웹 요소에 대한 사용자의 코멘트(예를 들어, 주관적 평가, 느낌 등) 또는 해당 웹 요소에 대한 사용 설명서 또는 해당 웹 요소에 대한 추가 설명 등을 포함할 수 있다. 예시적인 실시예에서, 클라이언트(102)는 웹 페이지 내의 웹 요소에 부가 정보를 추가하기 위한 저작 도구를 포함할 수 있다.
구체적으로, 클라이언트(102)는 저작 도구를 실행하여 웹 페이지 내의 웹 요소를 선택하고, 선택된 웹 요소에 부가 정보를 추가한 후, 부가 정보 추가 관련 정보를 부가 정보 관리 서버(106)로 전송할 수 있다. 여기서, 부가 정보 추가 관련 정보는 해당 웹 페이지의 고유 식별 정보, 해당 웹 요소의 고유 식별 정보, 및 해당 웹 요소에 추가한 부가 정보 내용 중 적어도 하나를 포함할 수 있다.
클라이언트(102)는 해당 웹 페이지의 고유 식별 정보 및 해당 웹 요소의 고유 식별 정보를 웹 서버(104)로부터 획득할 수 있다. 웹 페이지의 고유 식별 정보는 해당 웹 페이지의 URL(Uniform Resource Locator) 정보일 수 있다. 웹 요소의 고유 식별 정보는 해당 웹 요소의 URL(Uniform Resource Locator) 정보일 수 있다.
또한, 클라이언트(102)는 웹 서버(104)로부터 소정 웹 페이지를 다운로드 받는 경우, 해당 웹 페이지에 추가된 부가 정보의 조회를 요청하기 위해 해당 웹 페이지의 고유 식별 정보를 부가 정보 관리 서버(106)로 전송할 수 있다. 해당 웹 페이지에 추가된 부가 정보가 있는 경우, 클라이언트(102)는 부가 정보 관리 서버(106)로부터 부가 정보가 추가된 웹 요소의 고유 식별 정보 및 해당 웹 요소에 추가된 부가 정보를 수신할 수 있다. 클라이언트(102)는 웹 페이지의 화면에 해당 웹 요소에 대응되는 부가 정보를 표시할 수 있다.
이때, 클라이언트(102)는 웹 페이지의 상태 변화에 대응하여 상기 부가 정보를 표시할 수 있다. 구체적으로, 웹 페이지는 비동기 이벤트(User Interaction, Server Response, Timer 등) 등에 따라 해당 웹 페이지에 포함되는 웹 요소들의 상태가 변화될 수 있다. 예를 들어, 웹 페이지 내의 어떤 웹 요소는 사용자의 입력(User Interaction)에 따라 숨겨져 있다가 보여지도록(Show) 설정될 수 있다. 또한, 웹 페이지 내의 어떤 웹 요소는 사용자의 입력에 따라 표시되어 있다가 숨겨지도록(Hide) 설정될 수 있다. 또한, 웹 페이지 내의 어떤 웹 요소는 소정 시간이 경과한 후 보여지도록 설정될 수 있다. 또한, 웹 페이지 내의 어떤 웹 요소는 키보드 입력 또는 클릭에 따라 보여지도록 설정될 수 있다.
이에, 클라이언트(102)는 웹 페이지를 구성하는 각 웹 요소들에 대한 상태 변화 정보를 웹 서버(104)로부터 수신하고, 상기 부가 정보를 표시할 때 해당 웹 요소의 상태 변화 정보에 대응하여 상기 부가 정보를 표시할 수 있다. 예를 들어, 해당 웹 요소가 사용자의 입력에 따라 숨겨져 있다가 보여지도록 설정되어 있는 경우, 클라이언트(102)는 해당 웹 요소의 상태 변화 정보에 대응하여 해당 웹 요소가 보여질 때 상기 부가 정보를 함께 표시 할 수 있다.
클라이언트(102)에는 웹 페이지에 대해 추가할 부가 정보를 생성, 조회, 및 표시할 수 있도록 하는 부가 정보 애플리케이션(또는 소프트웨어 프로그램)이 구비될 수 있다. 클라이언트(102)는 프로세서 및 프로세서에 의해 액세스 가능한 메모리와 같은 컴퓨터 판독 가능 저장 매체를 포함할 수 있다. 컴퓨터 판독 가능 저장 매체에는 컴퓨터 실행 가능 명령어가 저장되어 있을 수 있다. 컴퓨터 판독 가능 저장 매체에 저장된 명령어는 프로세서에 의해 실행되는 경우 프로세서로 하여금 예시적인 실시예에 따른 동작을 수행하게 할 수 있다. 예를 들어, 컴퓨터 판독 가능 저장 매체 상에는 애플리케이션(즉, 부가 정보 애플리케이션)이 상주할 수 있다. 애플리케이션은 프로세서에 의해 실행 가능한 명령어의 소정의 집합을 포함한다. 또한, 컴퓨터 판독 가능 저장 매체는 클라이언트(102) 상에서 애플리케이션과 같은 명령어 집합을 실행하기 위한 운영체제의 컴포넌트들(미도시)을 포함한다. 예를 들어, 이러한 운영체제는 애플(Apple) 사의 iOS 또는 구글(Google) 사의 Android일 수 있다.
한편, 상기 애플리케이션은 도 1의 웹 서버(104) 또는 부가 정보 관리 서버(106)로부터 클라이언트(102)의 사용자에 의해 다운로드되어 클라이언트(102)의 컴퓨터 판독 가능 저장 매체에 저장될 수 있다. 그러나, 이에 한정되는 것은 아니며 상기 애플리케이션은 도 1에 도시되지 않은 다른 서버 컴퓨팅 장치(애플리케이션이 업로드되어 있는 서버 컴퓨팅 장치)로부터 클라이언트(102)의 사용자에 의해 다운로드되어 클라이언트(102)의 컴퓨터 판독 가능 저장 매체에 저장될 수 있다.
웹 서버(104)는 적어도 하나의 웹 페이지를 포함하는 웹 사이트를 호스팅할 수 있다. 웹 서버(104)는 클라이언트(102)의 요청에 따라 웹 페이지를 네트워크(150)를 통해 클라이언트(102)로 제공할 수 있다. 웹 서버(104)는 클라이언트(102)의 요청에 따라 해당 웹 페이지의 고유 식별 정보, 해당 웹 페이지에 포함되는 각 웹 요소의 고유 식별 정보, 및 해당 웹 페이지에 포함되는 각 웹 요소의 상태 변화 정보를 클라이언트(102)로 전송할 수 있다.
또한, 웹 서버(104)에는 상기 애플리케이션(즉, 부가 정보 애플리케이션)이 업로드 되어 있을 수 있다. 웹 서버(104)는 웹 페이지를 클라이언트(102)에 제공하는 경우, 상기 웹 페이지에 상기 애플리케이션을 포함하여 클라이언트(102)로 배포할 수도 있다.
부가 정보 관리 서버(106)는 각 웹 페이지에 추가된 부가 정보를 관리하는 역할을 한다. 부가 정보 관리 서버(106)는 각 클라이언트(102)로부터 부가 정보 추가 관련 정보를 수신할 수 있다. 부가 정보 관리 서버(106)는 부가 정보 추가 관련 정보 중 웹 페이지의 고유 식별 정보를 기준으로 해당 웹 페이지에 포함되는 각 웹 요소의 고유 식별 정보 및 각 웹 요소에 추가된 부가 정보 등을 매칭하여 저장할 수 있다. 부가 정보 관리 서버(106)는 클라우드 기반의 서버일 수 있다.
부가 정보 관리 서버(106)는 클라이언트(102)로부터 부가 정보 조회 요청을 수신할 수 있다. 부가 정보 조회 요청에는 소정 웹 페이지의 고유 식별 정보가 포함될 수 있다. 부가 정보 관리 서버(106)는 수신한 웹 페이지의 고유 식별 정보와 매칭되는 부가 정보 추가 관련 정보가 있는지 여부를 확인하고, 수신한 웹 페이지의 고유 식별 정보와 매칭되는 부가 정보 추가 관련 정보가 있는 경우, 상기 매칭되는 부가 정보 추가 관련 정보 중 부가 정보가 추가된 웹 요소의 고유 식별 정보 및 해당 웹 요소에 추가된 부가 정보를 추출하여 클라이언트(102)로 전송할 수 있다.
한편, 여기서는 부가 정보 추가 관련 정보를 부가 정보 관리 서버(106)에 저장하는 것으로 설명하였으나, 이에 한정되는 것은 아니며 부가 정보 추가 관련 정보는 클라이언트(102) 또는 웹 서버(104)에 저장될 수도 있다.
도 2 및 도 3은 예시적인 실시예에 따른 클라이언트에서, 웹 페이지에 부가 정보를 추가하여 등록하는 과정을 설명하기 위한 도면이다.
먼저, 도 2를 참조하면, 클라이언트(102)는 웹 서버(104)에 접속하고, 웹 서버(104)로부터 웹 페이지(160)를 다운로드하여 화면에 표시할 수 있다(①). 웹 페이지(160)는 웹 페이지(160)를 구성하는 복수 개의 웹 요소들을 포함하게 된다. 웹 요소로는 사진(A), 문단(B), 입력창(C) 등이 있을 수 있다.
다음으로, 클라이언트(102)는 부가 정보 추가를 위한 저작 도구(미도시)를 실행시켜 저작 도구 인터페이스(170)를 화면에 표시할 수 있다(②).
다음으로, 클라이언트(102)는 사용자의 입력에 따라 웹 페이지(160)의 웹 요소들 중 부가 정보를 추가하고자 하는 웹 요소(A')를 선택하고, 선택한 웹 요소(A')의 고유 식별 정보를 웹 서버(104)로부터 획득할 수 있다(③). 또한, 클라이언트(102)는 웹 서버(104)로부터 해당 웹 페이지의 고유 식별 정보 및 해당 웹 페이지에 포함되는 각 웹 요소들의 상태 변화 정보를 획득할 수 있다.
다음으로, 도 3을 참조하면, 클라이언트(102)가 부가 정보를 추가하고자 하는 웹 요소(A')를 선택하면, 선택된 웹 요소(A')를 제외한 웹 페이지(160) 화면이 어두워지면서 편집 모드로 전환될 수 있다(④).
다음으로, 클라이언트(102)는 사용자의 입력에 따라 저작 도구 인터페이스(170)의 도구 상자(171)에서 부가 정보의 입력을 위한 도구(171a)를 선택하여 웹 페이지(160) 화면으로 드래그(Drag)할 수 있다(⑤).
다음으로, 클라이언트(102)는 사용자의 입력에 따라 도구(171a)에 해당 웹 요소(A')에 대한 부가 정보를 입력할 수 있다(⑥). 이때, 클라이언트(102)는 해당 웹 요소(A')의 상태에 따라 서로 다른 부가 정보를 입력할 수 있다. 예를 들어, 웹 페이지에서 해당 웹 요소(A')가 숨겨져 있는 상태에서는 제1 부가 정보를 입력하고, 해당 웹 요소(A')가 보여지는 상태에서는 제1 부가 정보와는 다른 제2 부가 정보를 입력할 수 있다.
다음으로, 클라이언트(102)는 사용자의 입력에 따라 "저장" 버튼을 클릭하여 부가 정보 추가 관련 정보를 부가 정보 관리 서버(106)로 전송할 수 있다(⑦). 즉, "저장" 버튼을 클릭하는 경우, 클라이언트(102)는 해당 웹 페이지의 고유 식별 정보, 해당 웹 요소의 고유 식별 정보, 및 해당 웹 요소에 추가한 부가 정보 등을 부가 정보 관리 서버(106)로 전송하여 저장할 수 있다.
도 4는 예시적인 실시예에 따른 클라이언트에서 웹 페이지에 기 등록된 부가 정보를 표시하는 방법을 나타낸 흐름도이다.
도 4를 참조하면, 클라이언트(102)는 웹 서버(104)에 접속하여 웹 페이지를 수신한다(S 101). 이때, 클라이언트(102)는 웹 서버(104)로부터 해당 웹 페이지의 고유 식별 정보를 수신할 수 있다.
다음으로, 클라이언트(102)는 상기 웹 페이지의 고유 식별 정보를 부가 정보 관리 서버(106)로 전송한다(S 103). 즉, 클라이언트(102)는 상기 웹 페이지에 추가된 부가 정보들을 조회하기 위해, 상기 웹 페이지의 고유 식별 정보를 포함하는 부가 정보 조회 요청을 부가 정보 관리 서버(106)로 전송할 수 있다.
다음으로, 부가 정보 관리 서버(106)는 상기 웹 페이지의 고유 식별 정보와 매칭된 부가 정보 추가 관련 정보가 있는지 여부를 확인한다(S 105).
단계 S 105의 확인 결과, 상기 웹 페이지의 고유 식별 정보와 매칭된 부가 정보 추가 관련 정보가 있는 경우, 부가 정보 관리 서버(106)는 상기 부가 정보 추가 관련 정보에서 부가 정보가 추가된 웹 요소의 고유 식별 정보 및 해당 웹 요소에 추가된 부가 정보를 추출한다(S 107).
다음으로, 부가 정보 관리 서버(106)는 추출한 웹 요소의 고유 식별 정보 및 해당 웹 요소에 추가된 부가 정보를 클라이언트(102)로 전송한다(S 109).
다음으로, 클라이언트(102)는 상기 웹 페이지의 화면에 해당 웹 요소에 대응되는 부가 정보를 표시한다(S 111). 클라이언트(102)는 해당 웹 요소의 상태 변화 정보에 따라 상기 부가 정보를 표시할 수 있다. 해당 웹 요소의 상태에 따라 서로 다른 부가 정보가 있는 경우, 클라이언트(102)는 해당 웹 요소의 상태 변화에 따라 그에 대응되는 부가 정보를 표시할 수 있다. 예를 들어, 클라이언트(102)는 해당 웹 요소가 숨겨져 있는 상태에서는 그에 대응되는 제1 부가 정보를 웹 페이지의 화면에 표시하고, 해당 웹 요소가 보여지는 상태에서는 그에 대응되는 제2 부가 정보를 웹 페이지의 화면에 표시할 수 있다.
본 발명의 실시예에 의하면, 사용자가 클라이언트(102) 내에 설치된 저작 도구를 사용하여 웹 페이지에 부가 정보를 용이하게 추가할 수 있게 된다. 즉, HTML(Hyper Text Markup Language), CSS(Cascading Style Sheets), JS(Javascript) 등에 대한 전문적인 지식이 없는 사용자도 웹 페이지에 부가 정보를 쉽게 추가할 수 있게 된다. 또한, 해당 웹 페이지에 대한 게시 권한이 없는 사용자도 웹 페이지에 대해 부가 정보를 추가할 수 있게 된다.
또한, 해당 웹 요소의 고유 식별 정보와 부가 정보를 매칭함으로써, 웹 페이지에서 해당 웹 요소가 이동되거나 변경되는 경우 등에도 그에 대응하여 부가 정보를 표시할 수 있게 된다.
또한, 부가 정보 관리 서버(106)를 통해 각 웹 페이지에 대해 제3 자가 추가한 부가 정보를 공유할 수 있게 되므로, 웹 사이트의 개발자 또는 기획자 또는 디자이너들이 웹 페이지의 화면을 통해 상호 커뮤니케이션을 수행할 수 있게 되며, 웹 사이트의 관리자가 아닌 사용자들 간에 정보 교환이 가능하게 된다.
또한, 웹 페이지의 고유 식별 정보와 함께 웹 페이지의 상태 변화 정보를 활용함으로써, 웹 페이지의 상태 변화(예를 들어, 특정 웹 요소가 사라지는 경우, 특정 웹 요소가 클릭되는 경우, 특정 키보드 입력이 발생하는 경우, 특정 웹 요소가 활성화 되는 경우, 기 설정된 시간 경과에 따라 특정 웹 요소가 보여지는 경우, 특정 웹 요소가 화면에 표시되는 경우 등)에 대응하여 부가 정보를 표시할 수 있게 된다.
도 5는 예시적인 실시예들에서 사용되기에 적합한 예시적인 컴퓨팅 장치를 포함하는 컴퓨팅 환경을 도시한다.
도 5에 도시된 예시적인 컴퓨팅 환경(200)은 컴퓨팅 장치(210)를 포함한다. 통상적으로, 각 구성은 상이한 기능 및 능력을 가질 수 있고, 이하에 기술되지 않았더라도 그 구성에 적합한 컴포넌트를 추가적으로 포함할 수 있다. 컴퓨팅 장치(210)는 웹 페이지에 부가 정보를 추가하는 장치(예를 들어, 클라이언트(102))일 수 있다. 또한, 컴퓨팅 장치(210)는 웹 사이트를 관리하는 장치(예를 들어, 웹 서버(104))일 수 있다. 또한, 컴퓨팅 장치(210)는 웹 페이지의 부가 정보를 관리하는 장치(예를 들어, 부가 정보 관리 서버(106))일 수 있다.
컴퓨팅 장치(210)는 적어도 하나의 프로세서(212), 컴퓨터 판독 가능 저장 매체(214) 및 버스(260)를 포함한다. 프로세서(212)는 버스(260)와 연결되고, 버스(260)는 컴퓨터 판독 가능 저장 매체(214)를 포함하여 컴퓨팅 장치(210)의 다른 다양한 컴포넌트들을 프로세서(212)에 연결한다.
프로세서(212)는 컴퓨팅 장치(210)로 하여금 앞서 언급된 예시적인 실시예에 따라 동작하도록 할 수 있다. 예컨대, 프로세서(212)는 컴퓨터 판독 가능 저장 매체(214)에 저장된 컴퓨터 실행 가능 명령어를 실행할 수 있고, 컴퓨터 판독 가능 저장 매체(214)에 저장된 컴퓨터 실행 가능 명령어는 프로세서(212)에 의해 실행되는 경우 컴퓨팅 장치(210)로 하여금 소정의 예시적인 실시예에 따른 동작들을 수행하도록 구성될 수 있다.
컴퓨터 판독 가능 저장 매체(214)는 컴퓨터 실행 가능 명령어 내지 프로그램 코드(예컨대, 애플리케이션(230)에 포함되는 명령어), 프로그램 데이터(예컨대, 애플리케이션(230)에 의해 사용되는 데이터) 및/또는 다른 적합한 형태의 정보를 저장하도록 구성된다. 컴퓨터 판독 가능 저장 매체(214)에 저장된 애플리케이션(230)은 프로세서(212)에 의해 실행 가능한 명령어의 소정의 집합을 포함한다.
도 5에 도시된 메모리(216) 및 저장 장치(218)는 컴퓨터 판독 가능 저장 매체(214)의 예이다. 메모리(216)에는 프로세서(212)에 의해 실행될 수 있는 컴퓨터 실행 가능 명령어가 로딩될 수 있다. 또한, 메모리(216)에는 프로그램 데이터가 저장될 수 있다. 예컨대, 이러한 메모리(216)는 랜덤 액세스 메모리와 같은 휘발성 메모리, 비휘발성 메모리, 또는 이들의 적합한 조합일 수 있다. 다른 예로서, 저장 장치(218)는 정보의 저장을 위한 하나 이상의 착탈 가능하거나 착탈 불가능한 컴포넌트를 포함할 수 있다. 예컨대, 저장 장치(218)는 하드 디스크, 플래시 메모리, 자기 디스크, 광 디스크, 컴퓨팅 장치(210)에 의해 액세스되고 원하는 정보를 저장할 수 있는 다른 형태의 저장 매체, 또는 이들의 적합한 조합일 수 있다.
컴퓨팅 장치(210)는 또한 하나 이상의 입출력 장치(270)를 위한 인터페이스를 제공하는 하나 이상의 입출력 인터페이스(220)를 포함할 수 있다. 입출력 인터페이스(220)는 버스(260)에 연결된다. 입출력 장치(270)는 입출력 인터페이스(220)를 통해 컴퓨팅 장치(210)(의 다른 컴포넌트들)에 연결될 수 있다. 입출력 장치(270)는 포인팅 장치, 키보드, 터치 입력 장치, 음성 입력 장치, 센서 장치 및/또는 촬영 장치와 같은 입력 장치 및/또는 디스플레이 장치, 프린터, 스피커 및/또는 네트워크 카드와 같은 출력 장치를 포함할 수 있다.
한편, 소정의 실시예는 본 명세서에서 기술한 과정을 컴퓨터상에서 수행하기 위한 프로그램을 포함하는 컴퓨터 판독 가능 저장 매체를 포함할 수 있다. 이러한 컴퓨터 판독 가능 저장 매체는 프로그램 명령, 로컬 데이터 파일, 로컬 데이터 구조 등을 단독으로 또는 조합하여 포함할 수 있다. 그 컴퓨터 판독 가능 저장 매체는 본 발명을 위하여 특별히 설계되고 구성된 것들일 수 있다. 컴퓨터 판독 가능 저장 매체의 예에는 하드 디스크, 플로피 디스크 및 자기 테이프와 같은 자기 매체, CD-ROM, DVD와 같은 광 기록 매체, 플롭티컬 디스크와 같은 자기-광 매체, 및 롬, 램, 플래시 메모리 등과 같은 프로그램 명령을 저장하고 수행하도록 특별히 구성된 하드웨어 장치가 포함된다. 프로그램 명령의 예에는 컴파일러에 의해 만들어지는 것과 같은 기계어 코드뿐만 아니라 인터프리터 등을 사용해서 컴퓨터에 의해서 실행될 수 있는 고급 언어 코드를 포함할 수 있다.
이상에서 본 발명의 대표적인 실시예들을 상세하게 설명하였으나, 본 발명이 속하는 기술분야에서 통상의 지식을 가진 자는 상술한 실시예에 대하여 본 발명의 범주에서 벗어나지 않는 한도 내에서 다양한 변형이 가능함을 이해할 것이다. 그러므로 본 발명의 권리범위는 설명된 실시예에 국한되어 정해져서는 안 되며, 후술하는 특허청구범위뿐만 아니라 이 특허청구범위와 균등한 것들에 의해 정해져야 한다.
100 : 부가 정보 관리 시스템
102 : 클라이언트
104 : 웹 서버
106 : 부가 정보 관리 서버

Claims (20)

  1. 적어도 하나의 웹 페이지를 포함하는 웹 사이트를 호스팅하는 웹 서버;
    상기 웹 서버로부터 웹 페이지를 수신하고, 수신한 상기 웹 페이지를 구성하는 적어도 하나의 웹 요소에 대해 부가 정보를 추가하며, 상기 웹 페이지의 고유 식별 정보, 상기 부가 정보가 추가된 웹 요소의 고유 식별 정보, 및 상기 웹 요소에 추가한 부가 정보 내용을 포함하는 부가 정보 추가 관련 정보를 전송하는 클라이언트; 및
    상기 클라이언트로부터 상기 부가 정보 추가 관련 정보를 수신하고, 수신한 상기 부가 정보 추가 관련 정보를 상기 웹 페이지의 고유 식별 정보와 매칭하여 저장하는 부가 정보 관리 서버를 포함하는, 부가 정보 관리 시스템.
  2. 청구항 1에 있어서,
    상기 웹 페이지의 고유 식별 정보는, 상기 웹 페이지의 URL(Uniform Resource Locator) 정보이고,
    상기 웹 요소의 고유 식별 정보는, 상기 웹 요소의 URL(Uniform Resource Locator) 정보인, 부가 정보 관리 시스템.
  3. 청구항 1에 있어서,
    상기 클라이언트는,
    상기 웹 요소의 서로 다른 복수 개의 상태에 대해 각각 부가 정보를 추가하는, 부가 정보 관리 시스템.
  4. 청구항 1에 있어서,
    상기 클라이언트는, 상기 웹 서버로부터 소정 웹 페이지를 요청하여 수신하는 경우, 상기 수신한 웹 페이지의 고유 식별 정보를 포함하는 부가 정보 조회 요청을 상기 부가 정보 관리 서버로 전송하고,
    상기 부가 정보 관리 서버는, 상기 웹 페이지의 고유 식별 정보와 매칭된 부가 정보 추가 관련 정보가 있는 경우, 상기 부가 정보 추가 관련 정보에서 상기 웹 페이지를 구성하는 적어도 하나의 웹 요소 중 부가 정보가 추가된 웹 요소의 고유 식별 정보 및 상기 웹 요소에 추가된 부가 정보 내용을 상기 클라이언트로 전송하는, 부가 정보 관리 시스템.
  5. 청구항 4에 있어서,
    상기 클라이언트는, 상기 웹 서버로부터 상기 웹 요소의 상태 변화 정보를 수신하고,
    상기 웹 요소의 상태 변화에 대응하여 상기 부가 정보 내용을 상기 웹 페이지의 화면에 표시하는, 부가 정보 관리 시스템.
  6. 클라이언트에서, 웹 서버로부터 소정 웹 페이지를 수신하여 화면에 표시하는 단계;
    상기 클라이언트에서, 사용자의 입력에 따라 상기 웹 페이지를 구성하는 적어도 하나의 웹 요소 중 부가 정보를 추가할 웹 요소를 선택하는 단계;
    상기 클라이언트에서, 상기 웹 서버로부터 상기 웹 페이지의 고유 식별 정보 및 상기 선택된 웹 요소의 고유 식별 정보를 수신하는 단계;
    상기 클라이언트에서, 저작 도구를 이용하여 상기 선택된 웹 요소에 대해 부가 정보를 작성하는 단계; 및
    상기 클라이언트에서, 상기 웹 페이지의 고유 식별 정보, 상기 선택된 웹 요소의 고유 식별 정보, 및 상기 웹 요소에 추가한 부가 정보 내용을 포함하는 부가 정보 추가 관련 정보를 부가 정보 관리 서버로 전송하는 단계를 포함하는, 부가 정보 관리 방법.
  7. 청구항 6에 있어서,
    상기 웹 페이지의 고유 식별 정보는, 상기 웹 페이지의 URL(Uniform Resource Locator) 정보이고,
    상기 웹 요소의 고유 식별 정보는, 상기 웹 요소의 URL(Uniform Resource Locator) 정보인, 부가 정보 관리 방법.
  8. 청구항 6에 있어서,
    상기 선택된 웹 요소에 대해 부가 정보를 작성하는 단계는,
    상기 클라이언트에서, 상기 웹 서버로부터 상기 선택된 웹 요소의 상태 변화 정보를 수신하는 단계; 및
    상기 클라이언트에서, 상기 선택된 웹 요소의 서로 다른 복수 개의 상태에 대해 각각 부가 정보를 작성하는 단계를 포함하는, 부가 정보 관리 방법.
  9. 청구항 6에 있어서,
    상기 부가 정보 추가 관련 정보를 부가 정보 관리 서버로 전송하는 단계 이후에,
    상기 클라이언트에서, 상기 웹 서버로부터 소정 웹 페이지 및 상기 웹 페이지의 고유 식별 정보를 수신하는 단계;
    상기 클라이언트에서, 상기 수신한 웹 페이지의 고유 식별 정보를 포함하는 부가 정보 조회 요청을 상기 부가 정보 관리 서버로 전송하는 단계; 및
    상기 클라이언트에서, 상기 부가 정보 관리 서버로부터 상기 웹 페이지를 구성하는 적어도 하나의 웹 요소 중 부가 정보가 추가된 웹 요소의 고유 식별 정보 및 상기 웹 요소에 추가된 부가 정보 내용을 수신하는 단계를 더 포함하는, 부가 정보 관리 방법.
  10. 청구항 9에 있어서,
    상기 부가 정보 내용을 수신하는 단계 이후에,
    상기 클라이언트에서, 상기 웹 페이지의 화면에 해당 웹 요소에 대응하는 상기 부가 정보 내용을 합성하여 표시하는 단계를 더 포함하는, 부가 정보 관리 방법.
  11. 청구항 10에 있어서,
    상기 부가 정보 내용을 합성하여 표시하는 단계는,
    상기 클라이언트에서, 상기 웹 서버로부터 상기 웹 요소의 상태 변화 정보를 수신하는 단계; 및
    상기 웹 요소의 상태 변화에 대응하여 상기 부가 정보 내용을 상기 웹 페이지의 화면에 표시하는 단계를 포함하는, 부가 정보 관리 방법.
  12. 하나 이상의 프로세서;
    메모리; 및
    하나 이상의 프로그램을 포함하는 장치로서,
    상기 하나 이상의 프로그램은 상기 메모리에 저장되고 상기 하나 이상의 프로세서에 의해 실행되도록 구성되며,
    상기 프로그램은,
    웹 서버로부터 소정 웹 페이지를 수신하여 화면에 표시하는 단계;
    사용자의 입력에 따라 상기 웹 페이지를 구성하는 적어도 하나의 웹 요소 중 부가 정보를 추가할 웹 요소를 선택하는 단계;
    상기 웹 서버로부터 상기 웹 페이지의 고유 식별 정보 및 상기 선택된 웹 요소의 고유 식별 정보를 수신하는 단계;
    저작 도구를 이용하여 상기 선택된 웹 요소에 대해 부가 정보를 작성하는 단계; 및
    상기 웹 페이지의 고유 식별 정보, 상기 선택된 웹 요소의 고유 식별 정보, 및 상기 웹 요소에 추가한 부가 정보 내용을 포함하는 부가 정보 추가 관련 정보를 부가 정보 관리 서버로 전송하는 단계를 실행하기 위한 명령어들을 포함하는 장치.
  13. 청구항 12에 있어서,
    상기 웹 페이지의 고유 식별 정보는, 상기 웹 페이지의 URL(Uniform Resource Locator) 정보이고,
    상기 웹 요소의 고유 식별 정보는, 상기 웹 요소의 URL(Uniform Resource Locator) 정보인, 장치.
  14. 청구항 12에 있어서,
    상기 프로그램은, 상기 선택된 웹 요소에 대해 부가 정보를 작성하는 단계에서,
    상기 웹 서버로부터 상기 선택된 웹 요소의 상태 변화 정보를 수신하는 단계; 및
    상기 선택된 웹 요소의 서로 다른 복수 개의 상태에 대해 각각 부가 정보를 작성하는 단계를 실행하기 위한 명령어들을 포함하는 장치.
  15. 청구항 12에 있어서,
    상기 프로그램은, 상기 부가 정보 추가 관련 정보를 부가 정보 관리 서버로 전송하는 단계 이후에,
    상기 웹 서버로부터 소정 웹 페이지 및 상기 웹 페이지의 고유 식별 정보를 수신하는 단계;
    상기 수신한 웹 페이지의 고유 식별 정보를 포함하는 부가 정보 조회 요청을 상기 부가 정보 관리 서버로 전송하는 단계; 및
    상기 부가 정보 관리 서버로부터 상기 웹 페이지를 구성하는 적어도 하나의 웹 요소 중 부가 정보가 추가된 웹 요소의 고유 식별 정보 및 상기 웹 요소에 추가된 부가 정보 내용을 수신하는 단계를 더 실행하기 위한 명령어들을 포함하는 장치.
  16. 청구항 15에 있어서,
    상기 프로그램은, 상기 부가 정보 내용을 수신하는 단계 이후에,
    상기 웹 페이지의 화면에 해당 웹 요소에 대응하는 상기 부가 정보 내용을 합성하여 표시하는 단계를 더 실행하기 위한 명령어들을 포함하는 장치.
  17. 청구항 16에 있어서,
    상기 프로그램은, 상기 부가 정보 내용을 합성하여 표시하는 단계에서,
    상기 웹 서버로부터 상기 웹 요소의 상태 변화 정보를 수신하는 단계; 및
    상기 웹 요소의 상태 변화에 대응하여 상기 부가 정보 내용을 상기 웹 페이지의 화면에 표시하는 단계를 실행하기 위한 명령어들을 포함하는 장치.
  18. 하나 이상의 프로세서;
    메모리; 및
    하나 이상의 프로그램을 포함하는 장치로서,
    상기 하나 이상의 프로그램은 상기 메모리에 저장되고 상기 하나 이상의 프로세서에 의해 실행되도록 구성되며,
    상기 프로그램은,
    웹 페이지의 고유 식별 정보, 상기 웹 페이지를 구성하는 적어도 하나의 웹 요소 중 부가 정보가 추가된 웹 요소의 고유 식별 정보, 및 상기 웹 요소에 추가된 부가 정보 내용을 포함하는 부가 정보 추가 관련 정보를 수신하는 단계; 및
    상기 수신한 부가 정보 추가 관련 정보를 상기 웹 페이지의 고유 식별 정보와 매칭하여 저장하는 단계를 실행하기 위한 명령어들을 포함하는 장치.
  19. 청구항 18에 있어서,
    상기 웹 페이지의 고유 식별 정보는, 상기 웹 페이지의 URL(Uniform Resource Locator) 정보이고,
    상기 웹 요소의 고유 식별 정보는, 상기 웹 요소의 URL(Uniform Resource Locator) 정보인, 장치.
  20. 청구항 18에 있어서,
    상기 프로그램은, 상기 웹 페이지의 고유 식별 정보와 매칭하여 저장하는 단계 이후에,
    웹 페이지의 고유 식별 정보를 포함하는 부가 정보 조회 요청을 수신하는 단계;
    상기 웹 페이지의 고유 식별 정보와 매칭된 부가 정보 추가 관련 정보가 있는지 여부를 확인하는 단계; 및
    상기 부가 정보 추가 관련 정보가 있는 경우, 상기 부가 정보 추가 관련 정보에서 상기 웹 페이지를 구성하는 적어도 하나의 웹 요소 중 부가 정보가 추가된 웹 요소의 고유 식별 정보 및 상기 웹 요소에 추가된 부가 정보 내용을 추출하는 단계를 더 실행하기 위한 명령어들을 포함하는 장치.



KR1020150151043A 2015-10-29 2015-10-29 부가 정보 관리 방법과 이를 수행하기 위한 장치 및 시스템 KR20170050030A (ko)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020150151043A KR20170050030A (ko) 2015-10-29 2015-10-29 부가 정보 관리 방법과 이를 수행하기 위한 장치 및 시스템

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020150151043A KR20170050030A (ko) 2015-10-29 2015-10-29 부가 정보 관리 방법과 이를 수행하기 위한 장치 및 시스템

Publications (1)

Publication Number Publication Date
KR20170050030A true KR20170050030A (ko) 2017-05-11

Family

ID=58741065

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020150151043A KR20170050030A (ko) 2015-10-29 2015-10-29 부가 정보 관리 방법과 이를 수행하기 위한 장치 및 시스템

Country Status (1)

Country Link
KR (1) KR20170050030A (ko)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20220164982A (ko) * 2021-06-07 2022-12-14 주식회사 현대엠아이비인터내셔널 커먼 아이디정보의 매칭을 이용한 웹페이지 메모 공유방법

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20220164982A (ko) * 2021-06-07 2022-12-14 주식회사 현대엠아이비인터내셔널 커먼 아이디정보의 매칭을 이용한 웹페이지 메모 공유방법

Similar Documents

Publication Publication Date Title
US20230273920A1 (en) Automated extraction of data from web pages
EP3278246B1 (en) In-domain webpage editing
AU2012370492B2 (en) Graphical overlay related to data mining and analytics
US8578036B1 (en) Providing standardized transparency for cookies and other website data using a server side description file
JP6698646B2 (ja) Ｊｓｏｎスタイルシート言語変換
US9483570B2 (en) Driving a user experience of a web application using rules that establish or change requests based on user behavior
KR101680509B1 (ko) 네이티브 애플리케이션에 대한 웹 자산 액세스를 가능하게 하는 시스템 및 방법
US9722963B2 (en) Social media message delivery based on user location
Aghaee et al. Mashup development with HTML5
KR20160014037A (ko) 토큰 피기백킹 시스템 및 방법
US20160285884A1 (en) Configurable sharing of user information
US9100340B2 (en) Robust filters for social networking environments
JP4799581B2 (ja) ページカスタマイズサーバ、ページカスタマイズプログラムおよびページカスタマイズ方法
US10489119B2 (en) Connection between app and web site
CN112083982B (zh) 信息处理方法和装置
JP5393242B2 (ja) データ提供方法および中間サーバ装置
KR20170050030A (ko) 부가 정보 관리 방법과 이를 수행하기 위한 장치 및 시스템
JP2005250826A (ja) 情報提供システム、情報提供方法、及び情報提供処理プログラム
US11327625B2 (en) Graphical user interface marking feedback
Xanthopoulos et al. Mobile app development in HTML5
JP6683835B2 (ja) 複数のスレッドを使って電子リソースをダウンロードする際の待ち時間の削減
JP6502556B1 (ja) 情報表示プログラム、情報表示装置、及び情報表示方法
Tran User-driven data portability: A user-driven data portability approach utilizing web scraping techniques to liberate data
IE20190191A1 (en) Digital user consent preferences and control
Overfield et al. Integrating Location-Based Features