KR20120085831A - 링크 요소의 전면에 오브젝트를 표시하기 위한 오브젝트 제어 방법 - Google Patents

링크 요소의 전면에 오브젝트를 표시하기 위한 오브젝트 제어 방법 Download PDF

Info

Publication number
KR20120085831A
KR20120085831A KR1020127013146A KR20127013146A KR20120085831A KR 20120085831 A KR20120085831 A KR 20120085831A KR 1020127013146 A KR1020127013146 A KR 1020127013146A KR 20127013146 A KR20127013146 A KR 20127013146A KR 20120085831 A KR20120085831 A KR 20120085831A
Authority
KR
South Korea
Prior art keywords
icon
web page
link element
link
icons
Prior art date
Application number
KR1020127013146A
Other languages
English (en)
Other versions
KR101353702B1 (ko
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 라쿠텐 인코포레이티드
Publication of KR20120085831A publication Critical patent/KR20120085831A/ko
Application granted granted Critical
Publication of KR101353702B1 publication Critical patent/KR101353702B1/ko

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/04817—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0482—Interaction with lists of selectable items, e.g. menus
    • 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
    • G06Q30/00—Commerce
    • G06Q30/02—Marketing; Price estimation or determination; Fundraising
    • 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
    • G06Q30/00—Commerce
    • G06Q30/06—Buying, selling or leasing transactions
    • G06Q30/0601—Electronic shopping [e-shopping]
    • G06Q30/0641—Shopping interfaces

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Business, Economics & Management (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Physics & Mathematics (AREA)
  • Accounting & Taxation (AREA)
  • Finance (AREA)
  • Development Economics (AREA)
  • Human Computer Interaction (AREA)
  • Strategic Management (AREA)
  • Economics (AREA)
  • General Business, Economics & Management (AREA)
  • Marketing (AREA)
  • Game Theory and Decision Science (AREA)
  • Entrepreneurship & Innovation (AREA)
  • User Interface Of Digital Computer (AREA)
  • Processing Or Creating Images (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

본 실시 형태의 오브젝트 제어 방법에 관한 시스템은, Web 서버(10)와 유저 단말기(20)가 인터넷(30)을 통하여 접속된 클라이언트ㆍ서버 시스템이다. 본 실시 형태의 오브젝트 제어 방법에 관한 시스템에서는, Web 서버(10)가 송신하는 Web 페이지에 스크립트(오브젝트 제어 프로그램)를 삽입하여, 유저 단말기(20)에 실행시킨다. 또한, 그 Web 페이지에는, 링크 요소(다른 Web 페이지로의 링크가 설정되어 있는 요소)가 복수 배치되어 있는 것으로 한다. 오브젝트 제어 프로그램을 읽어들인 컴퓨터 단말기는, Web 페이지 내에서 링크 요소의 전면에 복수의 아이콘을 중첩 표시한다. 또한, 소정의 이벤트를 검출하였을 때, 이벤트의 종류에 따라서, 예를 들면 (a) 특정한 아이콘의 배치 위치를 변경하고, (b) 특정한 아이콘을 일시적으로 또는 완전히 소거하고, (c) 복수의 불특정한 아이콘의 배치 위치를 변경한다.

Description

링크 요소의 전면에 오브젝트를 표시하기 위한 오브젝트 제어 방법{OBJECT CONTROL METHOD FOR DISPLAYING OBJECTS IN FRONT OF LINK ELEMENTS}
본 발명은, Web 페이지상에서 링크가 설정되어 있는 요소의 전면에 오브젝트를 표시하는 구조에 관한 것으로, 특히, 유저의 조작에 따라서 그 오브젝트를 제어하는 처리에 관한 것이다.
<선행 기술 1>
유저 단말기의 화면 상에 표시시킨 지도상에 있어서, 특정한 출발 지점으로부터 특정한 도착 지점을 향하여 소정의 화상을 이동시키는 구조가 알려져 있다(예를 들면, 특허 문헌 1 참조). 구체적으로는, 출발 지점과 도착 지점을 양단으로 하는 선분을 소정의 수(예를 들면, 100)로 분할하고, 출발 지점측으로부터 n번째의 지점(예를 들면, 0≤n≤100)의 위치(위도ㆍ경도)에 대응하는 화면 표시 영역의 픽셀 좌표(Yn, Xn)에 화상을 표시하는 처리를 반복한다(동일 문헌 [도 19-2]의 S34 내지 S44, 단락 [0115] 내지 [0117] 등 참조).
특허 문헌 1 : 일본 특허 출원 공개 제2009-129119호 공보
Web 페이지에는, 다른 Web 페이지로의 링크가 설정되어 있는 요소(예를 들면, 화상, 텍스트, 버튼 등)가 배치되는 경우가 많다. 링크를 설정함으로써, 임의의 Web 페이지끼리를 직접적으로 결부시킬 수 있다. 또한, 링크가 설정되어 있는 요소 자체에 움직임을 부여하면, 유저의 주목을 어느 정도 집중시킬 수 있다.
그 한편, Web 페이지의 전송에 이용되는 HTTP의 성질상, 다른 유저의 행동ㆍ조작 등이 Web 페이지 내에 리얼타임으로 반영되는 것은 기본적으로 없다. 그 때문에, 링크가 설정되어 있는 요소는, 상시 클릭 가능하게 되어 있는 것이 보통이다. 따라서, 종래의 Web 페이지에는, 개개의 요소에 움직임은 있어도, 대체로 인기척이 없었다.
본 발명의 목적은, Web 페이지 내에 인기척을 연출할 수 있는 오브젝트 제어 방법을 제공하는 것이다. 본 발명의 다른 목적은, 링크가 설정되어 있는 요소의 전면에, 클릭을 방해하는 오브젝트를 중첩적으로 표시하는 오브젝트 제어 방법을 제공하는 것이다. 본 발명의 또 다른 목적은, 상기 오브젝트에 대한 유저 조작을 검출하였을 때, 상기 오브젝트를 변위시키는 오브젝트 제어 방법을 제공하는 것이다.
상기 과제를 해결하기 위해, 본 발명은, 다른 Web 페이지로의 링크가 설정되어 있는 링크 요소를 포함하는 Web 페이지에서, 그 링크 요소에 관련지어 복수의 아이콘을 표시하는 오브젝트 제어 방법으로서, 상기 링크 요소를 포함하는 Web 페이지를 표시하는 컴퓨터 단말기에, 상기 아이콘마다, 상기 링크 요소의 내용 영역 내에 그 아이콘의 배치 위치를 설정하는 배치 위치 설정 스텝과, 상기 설정한 배치 위치에 있어서 상기 링크 요소의 전면에 그 링크 요소의 클릭을 방해하는 상기 아이콘을 표시하는 아이콘 표시 스텝과, 상기 아이콘에 대한 유저 조작을 검출하였을 때, 1 또는 복수의 아이콘을 변위시키는 아이콘 변위 스텝을 실행시키는 것을 특징으로 한다.
상기 각 아이콘은, 일정한 영역을 갖는 화상이며, 상기 복수의 아이콘을 상기 링크 요소의 전면의 전체면에 중첩 표시시켜, 그 복수의 아이콘에 의해 그 링크 요소에 대한 클릭을 방해하도록 구성해도 된다. 상기 각 아이콘의 화상은, 불투명 영역과 투명 영역으로 구성되어 있고, 상기 링크 요소의 전면에 중첩 표시시킨 화상의 투명 영역을 통하여 그 링크 요소의 내용 영역이 가시화되도록 구성해도 된다.
상기 아이콘 변위 스텝은, 상기 어느 하나의 아이콘에 대한 드래그 및 드롭을 검출하였을 때, 그 아이콘을 드롭처에 변위 배치시키는 처리를 포함하고 있어도 된다. 상기 아이콘 변위 스텝은, 상기 어느 하나의 아이콘에 포인터가 겹쳤을 때, 소정의 확률로 그 아이콘을 변위시키는 처리를 포함하고 있어도 된다. 상기 변위시킨 아이콘마다, 그 아이콘을 변경 전의 배치 위치 또는 그 주변을 향하여 변위시키는 아이콘 재변위 스텝을, 상기 컴퓨터 단말기에 더 실행시켜도 된다.
상기 어느 하나의 아이콘에 대한 클릭 또는 더블 클릭을 검출하였을 때, 그 아이콘을 소거하는 아이콘 소거 스텝을, 상기 컴퓨터 단말기에 더 실행시켜도 된다. 상기 아이콘 소거 스텝은, 상기 아이콘마다 그 아이콘에 대한 클릭 횟수를 카운트하고, 그 카운트한 클릭 횟수가 소정값에 도달하지 않을 때 상기 소거한 아이콘을 소정 시간 경과 후에 재표시하는 처리를 포함하고 있어도 된다. 상기 아이콘 소거 스텝은, 상기 아이콘마다 그 아이콘에 대한 클릭 횟수를 카운트하고, 그 카운트한 클릭 횟수가 소정값에 도달하였을 때 그 아이콘을 소거하는 스텝이어도 된다.
또한, 상기 과제를 해결하기 위해, 본 발명은, 다른 Web 페이지로의 링크가 설정되어 있는 링크 요소를 포함하는 Web 페이지에서, 그 링크 요소에 관련지어 복수의 아이콘을 표시하는 오브젝트 제어 프로그램으로서, 상기 링크 요소를 포함하는 Web 페이지를 표시하는 컴퓨터 단말기에, 상기 아이콘마다, 상기 링크 요소의 내용 영역 내에 그 아이콘의 배치 위치를 설정하는 배치 위치 설정 스텝과, 상기 설정한 배치 위치에 있어서 상기 링크 요소의 전면에 그 링크 요소의 클릭을 방해하는 상기 아이콘을 표시하는 아이콘 표시 스텝과, 상기 아이콘에 대한 유저 조작을 검출하였을 때, 1 또는 복수의 아이콘을 변위시키는 아이콘 변위 스텝을 실행시키는 프로그램인 것을 특징으로 한다.
또한, 상기 과제를 해결하기 위해, 본 발명은, 유저 단말기와 접속 가능한 Web 서버로서, 다른 Web 페이지로의 링크가 설정되어 있는 링크 요소를 포함하는 Web 페이지의 데이터와, 그 Web 페이지에 삽입된 상기 오브젝트 제어 프로그램을 적어도 포함하는 Web 데이터를 기억하고 있는 Web 데이터 기억 수단을 갖고, 상기 유저 단말기로부터의 요구에 따라서, 상기 Web 데이터를 그 유저 단말기에 송신하는 Web 데이터 송신 수단을 구비하는 것을 특징으로 한다.
본 발명의 오브젝트 제어 방법은, 다른 Web 페이지로의 링크가 설정되어 있는 링크 요소를 포함하는 Web 페이지 내에서, 그 링크 요소의 전면에 그 링크 요소의 클릭을 방해하는 복수의 아이콘을 표시한다. 또한, 본 발명의 오브젝트 제어 프로그램을 읽어들인 컴퓨터 단말기는, Web 페이지 내에서 아이콘에 대한 유저 조작을 검출하였을 때, 상기 링크 요소의 전면에 표시되어 있는 아이콘을 변위시키거나 소거시키거나 한다.
본 발명에서는, 링크 요소는 상점가 또는 쇼핑몰을 구현화하고, 아이콘은 그 상점가 또는 쇼핑몰에 내방하는 유저를 구현화하고 있다. 복수의 아이콘을 특정한 링크 요소의 전면에 중첩 표시함으로써, 특정한 상품 또는 숍을 목적으로 「인산인해」가 되어 있는 모습이 Web 페이지상에서 표현된다. 또한, 유저의 조작(예를 들면, 포인터의 이동, 클릭 등)에 따라서 아이콘을 변위시킴으로써, 그 「인산인해」로 나누어 들어가는 모습이 연상된다. 이들의 결과로서, Web 페이지 내에 인기척을 연출할 수 있다. 클릭을 방해하는 아이콘에 의해, 링크 요소에의 액세스가 제한되어, 유저의 구입 의욕을 자극시키는 효과를 기대할 수 있다. 반대로, 복수의 링크 요소 중 일부의 링크 요소에의 액세스를 제한하여, 잔여의 링크 요소에 액세스를 분배할 수 있으므로, 일부의 링크 요소를 처리하는 서버 부하를 경감하여, 서버 전체의 부하를 균등화할 수 있다.
도 1은 시스템 구성을 도시하는 블록도이다(실시 형태).
도 2는 오브젝트 제어 프로그램의 실행 수순을 나타내는 플로우도이다(실시 형태).
도 3은 초기화 처리의 수순을 나타내는 플로우도이다(실시 형태).
도 4는 아이콘 오브젝트의 프로퍼티 항목의 설명도이다(실시 형태).
도 5는 (Web 페이지 상방) 아이콘의 표시예이다(실시 형태).
도 6은 (Web 페이지 하방) 아이콘의 표시예이다(실시 형태).
도 7은 이벤트 처리의 수순을 나타내는 플로우도이다(실시 형태).
도 8은 아이콘 수동 변위 처리의 수순을 나타내는 플로우도이다(실시 형태).
도 9는 아이콘 소거 처리의 수순을 나타내는 플로우도이다(실시 형태).
도 10은 아이콘 자동 변위 처리의 수순을 나타내는 플로우도이다(실시 형태).
도 11은 아이콘 확산 처리의 수순을 나타내는 플로우도이다(실시 형태).
도 12는 아이콘 재변위 처리의 수순을 나타내는 플로우도이다(실시 형태).
<정의>
ㆍ요소 … Web 페이지 내에 표시되는 텍스트, 화상, 도형, 버튼 등의 총칭.
ㆍ링크 요소 … 다른 Web 페이지로의 링크가 설정되어 있는 요소.
ㆍ아이콘 … 표시 화면 상에 각종의 데이터나 처리 기능을 그림 또는 그림 문자로서 표시한 것. 이하의 설명에서는, 다른 Web 페이지로의 링크가 설정되어 있지 않은 화상. 또한, 아이콘(화상)은, 링크 요소의 전면에 배치되어 그 링크 요소의 클릭을 방해한다.
ㆍ내용 영역 … Web 페이지 내에서 요소가 표시되어 있는 에어리어. 링크가 설정된 텍스트이면, 선택 시에 점선 등에 의해 둘러싸여지는 범위. 화상, 도형, 버튼 등이면, 그 화상, 도형, 버튼 등의 틀 내.
ㆍ변위 … 특정한 요소를 제1점으로부터 제2점까지 이동시키는 것. 예를 들면, 다음과 같은 양태가 있다.
(a) 제1점과 제2점을 연결하는 선(선분, 곡선) 상에 복수의 점을 취하고, 각 점에 있어서 요소의 표시ㆍ소거를 순차적으로 고속으로 반복한다.
(b) 제1점에 표시 중인 요소를 제2점까지 슬라이드시킨다.
(c) 제1점에 표시 중인 요소를 소거하고, 제2점에 요소를 표시한다.
<실시 형태>
[1. 시스템 구성]
도 1에, 본 실시 형태의 오브젝트 제어 방법에 관한 시스템의 구성을 도시한다. 도 1에 도시하는 바와 같이, 본 실시 형태의 오브젝트 제어 방법에 관한 시스템은, Web 서버(10)와 유저 단말기(20)가 통신 네트워크(본 실시 형태의 오브젝트 제어 방법에 관한 시스템에서는, 인터넷(30))를 통하여 접속된 클라이언트ㆍ서버 시스템이다.
Web 서버(10)는, Web 페이지를 구성하는 각종의 데이터(HTML 및 그 HTML이 참조하는 화상, 스타일 시트, 스크립트 등. 이하, 이들을 통합하여 「Web 데이터」라고 말함)를 기억하고 있는 Web DB(11)를 갖고 있고, 유저 단말기(20)로부터의 요구에 따라서 지정된 Web 데이터를 유저 단말기(20)에 송신한다.
또한, Web 서버(10)는, 유저의 등록 정보(주소, 성명, 연령, 성별, 메일 어드레스. 이하, 이들을 통합하여 「유저 속성」이라고 말함)를 기억하고 있는 유저 DB(12)를 갖고 있다. 유저 DB(12)는 Web 서버(10)에, Web 페이지를 생성하기 위한 속성 정보를 제공한다. 또한, Web 서버(10)는, Web 페이지마다의 과거의 이용 이력(연월일이나 요일이나 시간마다의 열람 횟수, 클릭률 및 주문수)을 기억하고 있는 이용 이력 DB(13)를 갖고 있다. 이용 이력 DB(13)는 Web 서버(10)에, Web 페이지를 생성하기 위한 이력 정보를 제공한다.
유저 단말기(20)는, Web 브라우저를 갖고 있고, Web 서버(10)로부터 수신한 Web 데이터를 읽어들여, 디스플레이에 표시한다. 또한, 그 Web 브라우저는, 스크립트(예를 들면, JavaScript(등록 상표)로 기재된 프로그램)의 해석ㆍ실행에 대응하고 있는 것으로 하고, 해석ㆍ실행의 설정이 온으로 되어 있는 것으로 한다. 유저 단말기(20)는, 통신 기능을 갖는 기존의 정보 처리 단말기(예를 들면, 퍼스널 컴퓨터 등의 전자 계산기 등)이어도 된다.
[2. 오브젝트 제어 프로그램]
[(a) 특징]
본 실시 형태의 오브젝트 제어 방법에 관한 시스템에서는, Web 서버(10)가 송신하는 Web 페이지에 스크립트(오브젝트 제어 프로그램)를 삽입하여, 유저 단말기(20)에 실행시킨다. 또한, 그 Web 페이지에는, 링크 요소(다른 Web 페이지로의 링크가 설정되어 있는 요소)가 복수 배치되어 있는 것으로 한다. 오브젝트 제어 프로그램을 읽어들인 컴퓨터 단말기는, Web 페이지 내에서 링크 요소의 전면에 복수의 아이콘을 중첩 표시한다. 또한, 소정의 이벤트를 검출하였을 때, 이벤트의 종류에 따라서, 예를 들면 다음과 같이 아이콘을 제어한다.
(a) 특정한 아이콘의 배치 위치를 변경한다.
(b) 특정한 아이콘을 일시적으로 또는 완전히 소거한다.
(c) 복수의 불특정한 아이콘의 배치 위치를 변경한다.
Web 페이지에 있어서, 링크 요소는 상점가 또는 쇼핑몰을 구현화하고, 아이콘은 그 상점가 또는 쇼핑몰에 내방하는 유저를 구현화하고 있다. 복수의 아이콘을 특정한 링크 요소의 전면에 중첩 표시함으로써, 특정한 상품 또는 숍에 「인산인해」가 되어 있는 모습이 Web 페이지상에서 표현된다. 또한, 유저의 조작(예를 들면, 포인터의 이동, 클릭 등)에 따라서 아이콘을 제어함으로써, 그 「인산인해」로 나누어 들어가는 모습이 연상된다. 이들의 결과로서, Web 페이지 내에 인기척을 연출할 수 있다.
보다 상세하게는, 본 발명은, 최초로, Web 페이지 내의 복수의 요소 중에서, 적어도 1개의 요소를 설정한다. 현재 또는 과거의 각종의 액세스 데이터ㆍ통계적 데이터(예를 들면, 열람 횟수(PV), 클릭률(CTR), 주문수 등)에 의해, 복수의 요소 중에서 적어도 1개의 요소를 설정할 수 있다. 또한, 현재의 서버 부하에 따라서, 액세스시키고 싶은 요소, 액세스시키고 싶지 않은 요소를 인식하여, 복수의 요소 중에서 적어도 1개의 요소를 설정할 수 있다. 요소의 설정에는, 현재의 액세스 데이터를 이용하거나, 일정 주기 거슬러 올라갔을 때의 일정한 기간의 과거 데이터를 이용하거나, 현재의 서버 부하를 이용하거나 한다. 어떠한 경우에 있어서도, 임계값을 설정하고, 그 임계값을 기준으로 요소를 설정하면 된다.
다음으로, 아이콘의 수를 설정한다. 아이콘의 수는 복수가 바람직하다. 복수의 아이콘을 설정하는 경우, 현재 또는 과거의 액세스 데이터나 현재의 서버 부하에 따라서 아이콘수를 결정할 수 있다. 액세스 데이터를 이용하는 경우, 이용 이력을 참조하여, 유저의 속성(성별, 연령, 지역 등의 속성)에 따라서 아이콘 형태를 바꿀 수 있다.
다음으로, 아이콘마다, 설정한 타깃 요소의 내용 영역 내에 목표 위치를 설정한다. 목표 위치는, 타깃 요소 중에서 설정된다. 모든 요소가 타깃 요소인 경우, 그들의 요소는 목표 위치의 후보가 된다. 그러나, 후보이어도, 목표 위치로 설정되지 않은 경우도 있다. 목표 위치를 내용 영역 내로 설정하고, 요소 상에 아이콘을 설정하고, 수속한 아이콘을 요소에 중첩적으로 표시시킴으로써, 요소에 관련되는 상품 등의 주목도를 표현할 수 있다.
클릭을 방해하는 아이콘에 의해, 링크 요소에의 액세스가 제한되어, 유저의 구입 의욕을 자극시키는 효과를 기대할 수 있는 것 외에, 복수의 링크 요소 중 일부의 링크 요소에의 액세스를 제한하여, 잔여의 링크 요소에 액세스를 분배할 수 있으므로, 일부의 링크 요소를 처리하는 서버 부하를 경감하여, 서버 전체의 부하를 균등화할 수 있다.
[(b) 실행 수순]
도 2에, 본 실시 형태의 오브젝트 제어 방법에 관한 시스템에 있어서의 오브젝트 제어 프로그램의 실행 수순을 나타낸다.
〔11〕유저 단말기(20)는, Web 서버(10)에 대하여 URL을 지정하여 Web 페이지를 요구한다(S205a). Web 서버(10)는, 유저 단말기(20)로부터 Web 페이지의 요구를 수신하면(S205b), 지정된 URL에 대응하는 HTML 데이터를 Web DB(11)로부터 추출하고(S210b), 필요에 따라서, 유저 DB(12) 및 이용 이력 DB(13)를 참조하고, 유저 단말기(20)에 송신한다(S215b). 유저 단말기(20)는, Web 서버(10)로부터 HTML 데이터를 수신하고(S215a), 디스플레이에 Web 페이지를 표시한다(S220a).
〔12〕유저 단말기(20)는, Web 서버(10)에 대하여 URL을 지정하여 HTML 데이터 내의 참조 데이터를 요구한다(S225a). Web 서버(10)는, 유저 단말기(20)로부터 참조 데이터의 요구를 수신하면(S225b), 지정된 URL에 대응하는 참조 데이터를 Web DB(11)로부터 추출하고(S230b), 필요에 따라서, 유저 DB(12) 및 이용 이력 DB(13)를 참조하고, 유저 단말기(20)에 송신한다(S235b). 유저 단말기(20)는, Web 서버(10)로부터 참조 데이터를 수신하면(S235a), 그 참조 데이터를 읽어들이고(S240a), 필요에 따라서 표시 중인 Web 페이지에 반영시킨다.
〔13〕유저 단말기(20)는, Web 페이지(참조 데이터를 포함함)의 로드가 완료되었는지의 여부를 판정한다(S245a). 로드가 완료되어 있지 않으면(S245a에서 '아니오'), 상기 〔12〕로 되돌아가, 다른 참조 데이터를 더 취득한다. 한편, 로드가 완료되어 있으면(S245a에서 '예'), 하기 〔14〕로 진행하고, 스크립트(오브젝트 제어 프로그램)의 실행을 개시한다.
〔14〕초기화 처리(S250a, 도 3) 및 이벤트 처리(S255a, 도 7)를 실행한다. 또한, 소정의 시간마다(예를 들면, 5000밀리초마다) 아이콘 변위 처리를 반복하여 실행한다.
[3. 초기화 처리]
[(a) 초기화 처리의 수순]
도 3에, 초기화 처리의 수순을 나타낸다. 여기서는, 소정수(본 실시 형태에서는, 100개)의 아이콘(오브젝트)을 생성하여 Web 페이지 내에 배치하고, 다양한 프로퍼티(속성) 및 메소드(수속)를 설정하는 수순을 예시한다. 또한, 프로퍼티 항목에 대해서는, 도 4를 참조하여 후술한다. 도 3에 도시하는 바와 같이, 유저 단말기(20)는, 하기 〔21〕내지〔26〕의 수순에 의해, 초기화 처리를 실행한다.
〔21〕아이콘의 번호를 나타내는 카운터 i에, 초기값 1을 대입한다(S305).
〔22〕Web 페이지 내에 아이콘(화상 요소)을 배치한다(S310). 아이콘에는, 카운터 번호 i를 포함하는 id를 부여하는 것으로 한다. 또한, 이 시점에서는, 배치 위치 및 화상 파일이 설정되어 있지 않기 때문에, Web 페이지 내에 아이콘은 표시되지 않는다.
〔23〕그 아이콘에 대해서, 「타깃 요소」, 「배치 위치」, 「자기수(自機數)」 및 「움직임 용이성 지수」를 각각 설정한다(S315 내지 S330).
〔24〕그 아이콘의 화상 파일을 설정한다(S335). 화상 파일은, 복수의 파일 중에서 랜덤하게 선택하면 된다. 각 화상의 사이즈는 임의이어도 되고, 다른 사이즈의 화상이 혼재되어 있어도 된다. 이 시점에서, Web 페이지 내에 아이콘(화상)이 표시된다.
〔25〕그 아이콘에, [4. 이벤트 처리](후술)의 각 처리를 실현하기 위한 메소드를 설정한다(S340).
〔26〕카운터 i가 소정수(본 실시 형태에서는, 100)와 동등한지의 여부를 판정한다(S345). 카운터 i가 소정수와 동등할 때(S345에서 '예'), 초기화 처리를 종료한다. 한편, 카운터 i가 소정수와 동등하지 않을 때(S345에서 '아니오'), 카운터 i에 1을 가산하고(S350), 상기 〔22〕로 되돌아간다.
[(b) 타깃 요소의 설정]
상기 수순 〔23〕에 있어서, 유저 단말기(20)는, 아이콘의 「타깃 요소」를 설정한다(S315). 구체적으로는, Web 페이지 중의 복수의 요소(링크 요소)에 소정의 id를 부여해 두고, 그 복수의 id 중으로부터 랜덤하게 어느 하나를 선택하고, 그 선택한 id가 부여된 요소를 「타깃 요소」로 설정한다. 또한, 예를 들면 다음 요소에 소정의 id를 부여해 두면 된다. 이에 의해, 그 요소의 전면에 아이콘이 표시되어, 유저의 주목을 모을 수 있다.
ㆍ 특정의 배너 광고
ㆍ 특정의 링크 텍스트
ㆍ 특정한 캠페인 페이지로의 링크가 설정된 화상
타깃 요소를 특정하기 위해서는, 이용 이력 DB(13)를 참조하고, 현재 또는 과거의 각종의 액세스 데이터ㆍ통계적 데이터(예를 들면, 열람 횟수(PV), 클릭률(CTR), 주문수 등)에 의해, 복수의 요소 중에서 적어도 1개의 요소를 설정한다. 또한, Web 서버(10)를 참조하고, 현재의 서버 부하에 따라서, 액세스시키고 싶은 요소, 액세스시키고 싶지 않은 요소를 인식하여, 복수의 요소 중에서 적어도 1개의 요소를 설정할 수 있다. 요소의 설정에는, 현재의 액세스 데이터를 이용하거나, 일정 주기 거슬러 올라갔을 때의 일정한 기간의 과거 데이터를 이용하거나, 현재의 서버 부하를 이용하거나 한다. 어떠한 경우에 있어서도, 임계값을 설정하고, 그 임계값을 기준으로 요소를 설정하면 된다.
또한, 현재의 액세스 데이터, 일정 주기 거슬러 올라갔을 때의 일정한 기간의 과거 데이터, 현재의 서버 부하의 시간에 의한 미분값을 취득하고, 액세스 집중이 예상되는 Web 페이지나, 서버 부하가 증대되고 있는 Web 페이지를 판별하여, 타깃 요소를 특정하는 것이 바람직하다.
[(c) 배치 위치의 설정]
상기 수순 〔23〕에 있어서, 유저 단말기(20)는, 아이콘의 「배치 위치」를 설정한다(S320). 구체적으로는, 선택한 타깃 요소의 내용 영역 내 또는 그 외연상의 점의 주위의 랜덤한 위치를 「배치 위치」로 설정한다. 본 실시 형태에서는, 선택한 「타깃 요소」의 좌측 상부 위치의 주위의 랜덤한 위치를 「배치 위치」로 설정하고 있다. 또한, 선택한 「타깃 요소」의 내용 영역 내 및 그 주위의 랜덤한 위치에 「배치 위치」를 설정하면, 그 「타깃 요소」를 복수의 아이콘(화상)으로 덮고, 그 「타깃 요소」에 대한 클릭을 방해할 수 있다.
[(d) 자기수의 설정]
상기 수순 〔23〕에 있어서, 유저 단말기(20)는, 아이콘의 「자기수」를 설정한다(S325). 여기서, 「자기수」는, 그 아이콘을 완전히 소거하기 위해 필요한 클릭 횟수이다. 예를 들면, 소정 범위 내(예를 들면, 1 내지 3)의 랜덤한 자연수를 생성하고, 「자기수」로 설정한다. 또한, 모든 아이콘의 「자기수」를 일정한 자연수(예를 들면, 1, 2 등)로 설정해도 된다.
[(e) 움직임 용이성 지수의 설정]
상기 수순 〔23〕에 있어서, 유저 단말기(20)는, 아이콘의 「움직임 용이성 지수」를 설정한다(S330). 여기서, 「움직임 용이성 지수」는, 그 아이콘이 유저의 조작에 따라서 변위될 가능성의 높이를 나타내는 수치이다. 예를 들면, 소정 범위 내(예를 들면, 51 내지 100)의 랜덤한 자연수를 생성하고, 「움직임 용이성 지수」로 설정한다. 또한, 모든 아이콘의 「움직임 용이성 지수」를 일정한 자연수(예를 들면, 50 등)로 설정해도 된다. 또한, 각 아이콘에 아이콘의 번호(id)에 대응하는 자연수를 설정해도 된다.
[(f) 프로퍼티 항목]
도 4에, 각 아이콘 오브젝트의 주요한 프로퍼티 항목을 나타낸다. 도 4에 도시하는 바와 같이, 아이콘 오브젝트의 프로퍼티에는, 「식별 정보」, 「타깃 요소」, 「배치 위치」, 「화상 파일 URL」, 「자기수」, 「움직임 용이성 지수」, 「위치 이동 플래그」, 「표시 속성」 및 「클릭 횟수 카운터」가 포함된다. 여기서, 「위치 이동 플래그」는, 그 아이콘이 변위 후의 위치에 배치되어 있는지의 여부를 나타내는 플래그이며, 유의(有意)할 때 변위 후의 위치에 배치되어 있는 것을 나타낸다.
[(g) 아이콘의 표시예]
도 5 내지 도 6에, 아이콘의 표시예를 나타낸다. 도 5 내지 도 6은, 사람을 모방한 화상(일정한 영역을 갖는 화상이며, 사람의 신체에 맞닿는 부분 이외에는 투명하게 되어 있음)을 아이콘으로 하고, 그 아이콘이 특정한 링크 요소(타깃 요소)의 전면에 중첩 표시되어 있는 모습을 나타내고 있다.
도 5의 표시예에서는, Web 페이지(500)의 상방에 있어서, 복수의 아이콘이, 타깃 요소(511)의 좌측 상부 위치 주변으로 설정된 배치 위치에 있어서, 그 타깃 요소의 전면에 중첩 표시되어 있다(512). 도 6의 표시예에서는, Web 페이지(500)의 하방에서, 복수의 아이콘이, 타깃 요소(521 또는 531)의 좌측 상부 위치 주변으로 설정된 배치 위치에 있어서, 그 타깃 요소의 전면에 중첩 표시되어 있다(522 또는 532).
이들의 표시예로부터도 알 수 있는 바와 같이, Web 페이지 내에서 특정한 링크 요소(타깃 요소)의 전면에 복수의 아이콘이 중첩 표시되어 있는 모습으로부터, 다수의 소비자가 특정한 상품 또는 숍에 몰려드는 모습이 연상된다. 그 결과, 그 링크 요소에 대한 유저의 주목을 모을 수 있다. 또한, 다수의 아이콘은, 링크 요소(타깃 요소)의 전면에 중첩 배치되고, 그 링크 요소에 대한 클릭을 방해한다. 그 결과, 그 링크 요소의 링크처의 Web 페이지에서 소개되고 있는 바겐 세일 상품(예를 들면, 수량 한정, 시간 한정의 상품)에 대한 유저의 구입 의욕을 자극시키는 효과를 기대할 수 있다.
[4. 이벤트 처리]
[4-1. 이벤트 처리의 수순]
도 7에, 이벤트 처리의 수순을 나타낸다. 도 7에 도시하는 바와 같이, 유저 단말기(20)는, Web 페이지 내에서 이벤트를 검출(S705)할 때마다, 그 이벤트의 종류를 판별하고(S710), 판별된 이벤트의 종류에 따라서 아이콘을 제어한다(S715 내지 S730 중 어느 하나). 또한, 이하의 설명에서는, i번째의 아이콘 오브젝트(i를 포함하는 id가 부여된 아이콘)를, 아이콘 [i]로 나타낸다.
[4-2. 아이콘 수동 변위 처리]
도 8에, 아이콘 수동 변위 처리의 수순을 나타낸다.
아이콘 수동 변위 처리는, Web 페이지 내에서 특정한 아이콘에 대한 드래그＆드롭을 검출하였을 때(도 7의 S710에서 「드래그＆드롭」), 그 아이콘의 「배치 위치」를 드롭처로 변경하는 처리이다. 도 8에 도시하는 바와 같이, 유저 단말기(20)는, 하기 〔31〕내지〔34〕의 수순에 의해, 아이콘 수동 변위 처리를 실행한다.
〔31〕아이콘의 번호를 나타내는 변수 a에, 드래그＆드롭된 아이콘의 번호를 대입한다(S805).
〔32〕아이콘 [a]의 드롭처의 위치 데이터를 취득한다(S810).
〔33〕아이콘 [a]의 「배치 위치」를 드롭처의 위치로 변경한다(S815).
〔34〕아이콘 [a]의 「위치 이동 플래그」를 갱신(유의화)한다(S820).
[4-3. 아이콘 소거 처리]
[(a) 아이콘 소거 처리의 수순]
도 9에, 아이콘 소거 처리의 수순을 나타낸다. 아이콘 소거 처리는, Web 페이지 내에서 특정한 아이콘에 대한 클릭을 검출하였을 때(도 7의 S710에서 「아이콘 클릭」), 클릭 횟수에 따라서 그 아이콘을 일시적으로 또는 완전히 소거하는 처리이다. 도 9에 도시하는 바와 같이, 유저 단말기(20)는, 하기 〔41〕내지〔45〕의 수순에 의해, 아이콘 소거 처리를 실행한다.
〔41〕아이콘의 번호를 나타내는 변수 b에, 클릭된 아이콘의 번호를 대입한다(S905).
〔42〕아이콘 [b]의 「클릭 횟수 카운터」를 갱신(인크리먼트)한다(S910).
〔43〕아이콘 [b]의 「표시 속성」을 「비표시」로 변경한다(S915). 예를 들면, 그 아이콘(<img> 태그)의 「display」 속성의 값을 「none」로 변경하면 된다.
〔44〕아이콘 [b]의 「클릭 횟수 카운터」가 나타내는 수가, 아이콘 [b]의 「자기수」와 동등한지의 여부를 판정한다(S920). 「클릭 횟수 카운터」가 「자기수」와 동등할 때(S920에서 '예'), 아이콘 소거 처리를 종료한다. 한편, 「클릭 횟수 카운터」가 「자기수」와 동등하지 않을 때(S920에서 '아니오'), 소정 시간 경과 후(예를 들면, 5000밀리초 후)에 하기 〔45〕로 진행한다.
〔45〕아이콘 [b]의 「표시 속성」을 「표시」로 변경한다(S925). 예를 들면, 그 아이콘(<img> 태그)의 「display」 속성의 값을 「block」으로 변경하면 된다.
[(b) 변형예]
상술에서는, 1회의 클릭에 의해 아이콘을 소거하고(S915), 「클릭 횟수 카운터」가 「자기수」에 도달할 때까지 소거한 아이콘을 재표시하고 있다(S925). 이에 대하여, 마찬가지로 클릭 횟수를 카운트하고, 클릭 횟수가 소정의 값에 도달하였을 때에 아이콘을 소거하도록 구성해도 된다. 이 경우, 클릭 횟수가 소정의 값에 도달할 때까지는, 특별한 처리를 행하지 않는다. 또한, 상기의 「클릭」을 「더블 클릭」으로 변경해도 된다.
[4-4. 아이콘 자동 변위 처리]
[(a) 아이콘 자동 변위 처리의 수순]
도 10에, 아이콘 자동 변위 처리의 수순을 나타낸다. 아이콘 자동 변위 처리는, Web 페이지 내에서 특정한 아이콘의 내용 영역에 마우스 포인터가 겹친 것을 검출하였을 때(도 7의 S710에서 「마우스 오버」), 소정의 확률에 따라서 그 아이콘을 변위시키는 처리이다. 도 10에 도시하는 바와 같이, 유저 단말기(20)는, 하기 〔51〕내지〔55〕의 수순에 의해, 아이콘 자동 변위 처리를 실행한다.
〔51〕아이콘의 번호를 나타내는 변수 c에, 포인터가 겹친 아이콘의 번호를 대입한다(S1005).
〔52〕변수 idx에, 아이콘 [c]의 「움직임 용이성 지수」를 대입한다(S1010). 또한, 「움직임 용이성 지수」에는, 50 내지 100의 자연수가 설정되어 있는 것으로 한다.
〔53〕소정 범위 내의 난수값을 생성하고, 변수 r에 대입한다(S1015). 여기서는, 0 이상 100 미만의 범위 내에서 난수값을 생성한다.
〔54〕변수 idx가 변수 r보다 큰지의 여부(아이콘 [c]의 「움직임 용이성 지수」가 난수값보다 큰지의 여부)를 판정한다(S1020). 변수 idx가 변수 r보다 클 때(S1020에서 '예'), 하기 〔55〕로 진행한다. 한편, 변수 idx가 변수 r보다 크지 않을 때(S1020에서 '아니오'), 아이콘 자동 변위 처리를 종료한다.
〔55〕아이콘 [c]의 목적 위치를 설정하고(S1025), 아이콘 [c]를 현재 위치로부터 목적 위치까지 변위시키고(S1030), 아이콘 [c]의 「배치 위치」를 목적 위치로 변경하고(S1035), 아이콘 [c]의 「위치 이동 플래그」를 갱신(유의화)한다(S1040).
[(b) 목적 위치의 설정]
상기 수순 〔55〕에 있어서, 유저 단말기(20)는, 아이콘 [c]의 목적 위치를 설정한다(S1025).
예를 들면, 복수의 방향 후보(예를 들면, 상하 좌우의 4 방향, 경사 방향도 추가한 8 방향 등)로부터 변위 방향을 랜덤하게 선택하고, 소정 범위 내(예를 들면, 50 내지 100 픽셀 등)로 랜덤한 변위 거리를 설정한다. 게다가, 현재 위치를 기준으로 하여, 선택한 변위 방향이 설정된 변위 거리의 위치를 산출하고, 목적 위치로 설정한다.
[(c) 아이콘의 변위 등]
상기 수순 〔55〕에 있어서, 유저 단말기(20)는, 아이콘 [c]를 현재 위치로부터 목적 위치까지 변위시키고(S1030), 아이콘 [c]의 「배치 위치」를 목적 위치로 변경한다(S1035).
예를 들면 다음과 같은 양태에서 변위시키면 된다(상기 <정의> 참조). 또한, 하기 (a) 및 (c)에서는, 아이콘의 「배치 위치」를 변경함으로써 아이콘을 변위시킬 수 있다. 이 경우, 아이콘을 변위시키는 처리(S1030)와 아이콘의 「배치 위치」를 변경하는 처리(S1035)가 실질적으로 융합한다.
(a) 제1점과 제2점을 연결하는 선(선분, 곡선) 상에 복수의 점을 취하고, 각 점에 있어서 요소의 표시ㆍ소거를 순차적으로 고속으로 반복한다.
(b) 제1점에 표시 중인 요소를 제2점까지 슬라이드시킨다.
(c) 제1점에 표시 중인 요소를 소거하고, 제2점에 요소를 표시한다.
[4-5. 아이콘 확산 처리]
[(a) 아이콘 확산 처리의 수순]
도 11에, 아이콘 확산 처리의 수순을 나타낸다. 아이콘 확산 처리는, Web 페이지 내에서 배경 영역에 대한 클릭을 검출하였을 때(도 7의 S710에서 「배경 클릭」), 각 아이콘을 소정의 확률에 따라서 변위시키는 처리이다. 또한, Web 페이지 내에서 배경 영역에 대한 더블 클릭을 검출하였을 때에 동일 처리를 행해도 된다. 도 11에 도시하는 바와 같이, 유저 단말기(20)는, 하기 〔61〕내지〔66〕의 수순에 의해, 아이콘 확산 처리를 실행한다.
〔61〕소정 범위 내의 난수값을 생성하고, 변수 r에 대입한다(S1105). 여기서는, 0 이상 100 미만의 범위 내에서 난수값을 생성한다.
〔62〕아이콘의 번호를 나타내는 카운터 i에, 초기값 1을 대입한다(S1110).
〔63〕변수 idx에, 아이콘 [i]의 「움직임 용이성 지수」를 대입한다(S1115). 또한, 「움직임 용이성 지수」에는, 50 내지 100의 자연수가 설정되어 있는 것으로 한다.
〔64〕변수 idx가 변수 r보다 큰지의 여부(아이콘 [i]의 「움직임 용이성 지수」가 난수값보다 큰지의 여부)를 판정한다(S1120). 변수 idx가 변수 r보다 클 때(S1120에서 '예'), 하기 〔65〕로 진행한다. 한편, 변수 idx가 변수 r보다 크지 않을 때(S1120에서 '아니오'), 하기 〔66〕으로 진행한다.
〔65〕아이콘 [i]의 목적 위치를 설정하고(S1125), 아이콘 [i]를 현재 위치로부터 목적 위치까지 변위시키고(S1130), 아이콘 [i]의 「배치 위치」를 목적 위치로 변경하고(S1135), 아이콘 [i]의 「위치 이동 플래그」를 갱신(유의화)한다(S1140).
〔66〕카운터 i가 소정수(Web 페이지에 표시하는 아이콘의 수. 본 실시 형태에서는, 100)와 동등한지의 여부를 판정한다(S1145). 카운터 i가 소정수와 동등할 때(S1145에서 '예'), 아이콘 확산 처리를 종료한다. 한편, 카운터 i가 소정수와 동등하지 않을 때(S1145에서 '아니오'), 카운터 i에 1을 가산하고(S1150), 상기 〔63〕으로 되돌아간다.
[(b) 아이콘의 변위 등]
상기 수순 〔65〕에 있어서, 유저 단말기(20)는, 아이콘 [i]의 목적 위치를 설정하고(S1125), 아이콘 [i]를 현재 위치로부터 목적 위치까지 변위시키고(S1130), 아이콘 [i]의 「배치 위치」를 목적 위치로 변경한다(S1135).
또한, 목적 위치의 설정, 아이콘의 변위 양태 등은, 상기 [4-4. 아이콘 자동 변위 처리]의 경우와 마찬가지이다([4-4. 아이콘 자동 변위 처리]의 [(b) 목적 위치의 설정], [(c) 아이콘의 변위 등] 참조).
[5. 아이콘 재변위 처리]
[(a) 아이콘 재변위 처리의 수순]
도 12에, 아이콘 재변위 처리의 수순을 나타낸다. 아이콘 재변위 처리는, Web 페이지 내에서 배치 위치가 변경된 아이콘(링크 요소의 전면에 배치되어 있지 않은 아이콘)을, 선택한 타깃의 방향으로 다시 변위시키는 처리이다. 도 12에 도시하는 바와 같이, 유저 단말기(20)는, 하기 〔71〕내지〔76〕의 수순에 의해, 아이콘 재변위 처리를 실행한다. 또한, 아이콘 재변위 처리는, 소정의 시간마다(예를 들면, 5000밀리초마다) 반복하여 실행하면 된다.
〔71〕아이콘의 번호를 나타내는 카운터 i에, 초기값 1을 대입한다(S1205).
〔72〕아이콘 [i]의 「표시 속성」이 「표시」인지의 여부를 판정한다(S1210). 「표시 속성」이 「표시」일 때(S1210에서 '예'), 하기 〔73〕으로 진행한다. 한편, 「표시 속성」이 「표시」가 아닐 때(S1210에서 '아니오'), 하기 〔76〕으로 진행한다.
〔73〕아이콘 [i]의 「위치 이동 플래그」가 유의한지의 여부를 판정한다(S1215). 「위치 이동 플래그」가 유의할 때(S1215에서 '예'), 하기 〔74〕로 진행한다. 한편, 「위치 이동 플래그」가 유의하지 않을 때(S1215에서 '아니오'), 하기 〔76〕으로 진행한다.
〔74〕아이콘 [i]의 「위치 이동 플래그」를 갱신(무의화)한다(S1220).
〔75〕아이콘 [i]의 목적 위치를 설정하고(S1225), 아이콘 [i]를 현재 위치로부터 목적 위치까지 변위시키고(S1230), 아이콘 [i]의 「배치 위치」를 목적 위치로 변경한다(S1235).
〔76〕카운터 i가 소정수(Web 페이지에 표시하는 아이콘의 수. 본 실시 형태에서는, 100)와 동등한지의 여부를 판정한다(S1240). 카운터 i가 소정수와 동등할 때(S1240에서 '예'), 아이콘 재변위 처리를 종료한다. 한편, 카운터 i가 소정수와 동등하지 않을 때(S1240에서 '아니오'), 카운터 i에 1을 가산하고(S1245), 상기 〔72〕로 되돌아간다.
[(b) 목적 위치의 설정]
상기 수순 〔75〕에 있어서, 유저 단말기(20)는, 아이콘 [i]의 목적 위치를 설정한다(S1225). 구체적으로는, 아이콘 [i]의 「타깃 요소」의 내용 영역 내 또는 그 외연상의 점의 주위의 랜덤한 위치를 목적 위치로 설정한다.
또한, 변위 전의 위치(도 8의 S815, 도 10의 S1030 또는 도 11의 S1130에 있어서의 변위 전의 위치)를 기억해 두고, 그 변위 전의 위치를 목적 위치로 설정해도 된다.
[(c) 아이콘의 변위 등]
상기 수순 〔75〕에 있어서, 유저 단말기(20)는, 아이콘 [i]을 현재 위치로부터 목적 위치까지 변위시키고(S1230), 아이콘 [i]의 「배치 위치」를 목적 위치로 변경한다(S1235). 또한, 아이콘의 변위 양태 등은, 상기 [4-4. 아이콘 자동 변위 처리]의 경우와 마찬가지이다([4-4. 아이콘 자동 변위 처리]의 [(c) 아이콘의 변위 등] 참조).
10 : Web 서버
11 : Web DB
20 : 유저 단말기
30 : 인터넷
500 : Web 페이지

Claims (11)

  1. 다른 Web 페이지로의 링크가 설정되어 있는 링크 요소를 포함하는 Web 페이지에서, 그 링크 요소에 관련지어 복수의 아이콘을 표시하는 오브젝트 제어 방법으로서,
    상기 링크 요소를 포함하는 Web 페이지를 표시하는 컴퓨터 단말기에,
    상기 아이콘마다, 상기 링크 요소의 내용 영역 내에 그 아이콘의 배치 위치를 설정하는 배치 위치 설정 스텝과,
    상기 설정한 배치 위치에 있어서 상기 링크 요소의 전면(前面)에 그 링크 요소의 클릭을 방해하는 상기 아이콘을 표시하는 아이콘 표시 스텝과,
    상기 아이콘에 대한 유저 조작을 검출하였을 때, 하나 또는 복수의 아이콘을 변위시키는 아이콘 변위 스텝
    을 실행시키는
    것을 특징으로 하는 오브젝트 제어 방법.
  2. 제1항에 있어서,
    상기 각 아이콘은, 일정한 영역을 갖는 화상이며,
    상기 복수의 아이콘을 상기 링크 요소의 전면의 전체면에 중첩 표시시켜, 그 복수의 아이콘에 의해 그 링크 요소에 대한 클릭을 방해하는 것을 특징으로 하는 오브젝트 제어 방법.
  3. 제2항에 있어서,
    상기 각 아이콘의 화상은, 불투명 영역과 투명 영역으로 구성되어 있고,
    상기 링크 요소의 전면에 중첩 표시시킨 화상의 투명 영역을 통하여 그 링크 요소의 내용 영역이 가시화되는 것을 특징으로 하는 오브젝트 제어 방법.
  4. 제1항 내지 제3항 중 어느 한 항에 있어서,
    상기 아이콘 변위 스텝은, 상기 어느 하나의 아이콘에 대한 드래그 및 드롭을 검출하였을 때, 그 아이콘을 드롭처에 변위 배치시키는 처리를 포함하는 것을 특징으로 하는 오브젝트 제어 방법.
  5. 제1항 내지 제4항 중 어느 한 항에 있어서,
    상기 아이콘 변위 스텝은, 상기 어느 하나의 아이콘에 포인터가 겹쳤을 때, 소정의 확률로 그 아이콘을 변위시키는 처리를 포함하는 것을 특징으로 하는 오브젝트 제어 방법.
  6. 제1항 내지 제5항 중 어느 한 항에 있어서,
    상기 변위시킨 아이콘마다, 그 아이콘을 변경 전의 배치 위치 또는 그 주변을 향하여 변위시키는 아이콘 재변위 스텝을, 상기 컴퓨터 단말기에 더 실행시키는 것을 특징으로 하는 오브젝트 제어 방법.
  7. 제1항 내지 제6항 중 어느 한 항에 있어서,
    상기 어느 하나의 아이콘에 대한 클릭 또는 더블 클릭을 검출하였을 때, 그 아이콘을 소거하는 아이콘 소거 스텝을, 상기 컴퓨터 단말기에 더 실행시키는 것을 특징으로 하는 오브젝트 제어 방법.
  8. 제7항에 있어서,
    상기 아이콘 소거 스텝은, 상기 아이콘마다 그 아이콘에 대한 클릭 횟수를 카운트하고, 그 카운트한 클릭 횟수가 소정값에 도달하지 않을 때 상기 소거한 아이콘을 소정 시간 경과 후에 재표시하는 처리를 포함하는 것을 특징으로 하는 오브젝트 제어 방법.
  9. 제7항에 있어서,
    상기 아이콘 소거 스텝은, 상기 아이콘마다 그 아이콘에 대한 클릭 횟수를 카운트하고, 그 카운트한 클릭 횟수가 소정값에 도달하였을 때 그 아이콘을 소거하는 스텝인 것을 특징으로 하는 오브젝트 제어 방법.
  10. 다른 Web 페이지로의 링크가 설정되어 있는 링크 요소를 포함하는 Web 페이지에서, 그 링크 요소에 관련지어 복수의 아이콘을 표시하는 오브젝트 제어 프로그램으로서,
    상기 링크 요소를 포함하는 Web 페이지를 표시하는 컴퓨터 단말기에,
    상기 아이콘마다, 상기 링크 요소의 내용 영역 내에 그 아이콘의 배치 위치를 설정하는 배치 위치 설정 스텝과,
    상기 설정한 배치 위치에 있어서 상기 링크 요소의 전면에 그 링크 요소의 클릭을 방해하는 상기 아이콘을 표시하는 아이콘 표시 스텝과,
    상기 아이콘에 대한 유저 조작을 검출하였을 때, 하나 또는 복수의 아이콘을 변위시키는 아이콘 변위 스텝
    을 실행시키는 것을 특징으로 하는 오브젝트 제어 프로그램.
  11. 유저 단말기와 접속 가능한 Web 서버로서,
    다른 Web 페이지로의 링크가 설정되어 있는 링크 요소를 포함하는 Web 페이지의 데이터와, 그 Web 페이지에 삽입된 제10항에 기재된 오브젝트 제어 프로그램을 적어도 포함하는 Web 데이터를 기억하고 있는 Web 데이터 기억 수단을 갖고,
    상기 유저 단말기로부터의 요구에 따라서, 상기 Web 데이터를 그 유저 단말기에 송신하는 Web 데이터 송신 수단을 구비하는
    것을 특징으로 하는 Web 서버.
KR1020127013146A 2009-10-29 2010-10-22 링크 요소의 전면에 오브젝트를 표시하기 위한 오브젝트 제어 방법 KR101353702B1 (ko)

Applications Claiming Priority (3)

Application Number Priority Date Filing Date Title
JP2009249238 2009-10-29
JPJP-P-2009-249238 2009-10-29
PCT/JP2010/068740 WO2011052513A1 (ja) 2009-10-29 2010-10-22 リンク要素の前面にオブジェクトを表示するためのオブジェクト制御方法

Publications (2)

Publication Number Publication Date
KR20120085831A true KR20120085831A (ko) 2012-08-01
KR101353702B1 KR101353702B1 (ko) 2014-01-20

Family

ID=43921935

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020127013146A KR101353702B1 (ko) 2009-10-29 2010-10-22 링크 요소의 전면에 오브젝트를 표시하기 위한 오브젝트 제어 방법

Country Status (9)

Country Link
US (1) US8719697B2 (ko)
EP (1) EP2495645B1 (ko)
JP (1) JP5118256B2 (ko)
KR (1) KR101353702B1 (ko)
CN (1) CN102725721B (ko)
BR (1) BR112012010172B1 (ko)
ES (1) ES2659191T3 (ko)
TW (1) TWI395131B (ko)
WO (1) WO2011052513A1 (ko)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20180042564A (ko) * 2016-10-18 2018-04-26 에스이테크주식회사 사용자별 맞춤형 메뉴 제공 시스템
US10120989B2 (en) * 2013-06-04 2018-11-06 NOWWW.US Pty. Ltd. Login process for mobile phones, tablets and other types of touch screen devices or computers

Families Citing this family (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
EP2498173A4 (en) 2009-12-29 2016-04-13 Rakuten Inc OBJECT CONTROL METHOD AND PROGRAM, AND WEB SERVER
JP5616503B1 (ja) * 2013-08-30 2014-10-29 ヤフー株式会社 配信装置、端末装置、配信方法及び配信プログラム
JP5580924B1 (ja) * 2013-08-30 2014-08-27 ヤフー株式会社 配信装置、端末装置、配信方法及び配信プログラム
JP6375601B2 (ja) * 2013-09-17 2018-08-22 コニカミノルタ株式会社 表示装置、表示方法、および表示プログラム
JP6144245B2 (ja) * 2014-11-05 2017-06-07 ヤフー株式会社 端末装置、配信装置、表示方法及び表示プログラム
WO2016199113A1 (en) * 2015-06-07 2016-12-15 Spetgang Shai Shawn Israel Transparent clickable icons as graphical elements in an application

Family Cites Families (17)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPH0698149A (ja) * 1991-03-28 1994-04-08 Fuji Xerox Co Ltd 画像処理装置の編集指示表示方式
JP3304233B2 (ja) * 1995-04-21 2002-07-22 シャープ株式会社 携帯型画像読取装置
US6108459A (en) * 1996-06-11 2000-08-22 Canon Kabushiki Kaisha Method and apparatus for processing an image
JP3396177B2 (ja) * 1999-01-26 2003-04-14 インターナショナル・ビジネス・マシーンズ・コーポレーション ウェブページカスタマイズシステム
JP2000333014A (ja) * 1999-05-20 2000-11-30 Minolta Co Ltd 画像処理装置および画像処理方法並びに画像処理手順を記憶したコンピュータ読み取り可能な記憶媒体
TW560140B (en) * 2000-07-10 2003-11-01 Jen-Hwang Weng Method for providing on-line extracting web page contents
US20060122917A1 (en) * 2000-08-14 2006-06-08 Urbanpixel Inc Real-time collaborative commerce in a multiple browser environment
US6816176B2 (en) * 2001-07-05 2004-11-09 International Business Machines Corporation Temporarily moving adjacent or overlapping icons away from specific icons being approached by an on-screen pointer on user interactive display interfaces
TW518477B (en) * 2001-08-16 2003-01-21 Tiger Color Inc Method for automatically downloading photos from web page
JP2004177936A (ja) * 2002-09-02 2004-06-24 Hiromitsu Takayama 広告配信方法、広告配信システム、広告配信サーバ、クライアント端末
US20050004835A1 (en) * 2003-07-01 2005-01-06 Yahoo! Inc System and method of placing a search listing in at least one search result list
US7730109B2 (en) * 2005-12-12 2010-06-01 Google, Inc. Message catalogs for remote modules
US7725530B2 (en) * 2005-12-12 2010-05-25 Google Inc. Proxy server collection of data for module incorporation into a container document
JP2008250578A (ja) * 2007-03-30 2008-10-16 Xing Inc ポイント算出方法、ポイント算出システム、表示通信機およびコンピュータプログラム
JP4909873B2 (ja) 2007-11-21 2012-04-04 楽天株式会社 情報表示システム及び情報表示プログラム
US7664862B2 (en) * 2008-01-14 2010-02-16 International Business Machines Corporation Browser-based proxy server for customization and distribution of existing applications
US8001274B2 (en) * 2009-05-14 2011-08-16 Sudharshan Srinivasan Mobile device network accessory supporting content integration between accessory data and internet content

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US10120989B2 (en) * 2013-06-04 2018-11-06 NOWWW.US Pty. Ltd. Login process for mobile phones, tablets and other types of touch screen devices or computers
KR20180042564A (ko) * 2016-10-18 2018-04-26 에스이테크주식회사 사용자별 맞춤형 메뉴 제공 시스템

Also Published As

Publication number Publication date
TW201129939A (en) 2011-09-01
EP2495645B1 (en) 2017-12-13
US8719697B2 (en) 2014-05-06
US20120272130A1 (en) 2012-10-25
CN102725721B (zh) 2015-03-11
KR101353702B1 (ko) 2014-01-20
WO2011052513A1 (ja) 2011-05-05
EP2495645A4 (en) 2015-12-02
BR112012010172B1 (pt) 2021-06-01
CN102725721A (zh) 2012-10-10
JP5118256B2 (ja) 2013-01-16
EP2495645A1 (en) 2012-09-05
BR112012010172A2 (pt) 2021-01-05
ES2659191T3 (es) 2018-03-14
JPWO2011052513A1 (ja) 2013-03-21
TWI395131B (zh) 2013-05-01

Similar Documents

Publication Publication Date Title
KR101353702B1 (ko) 링크 요소의 전면에 오브젝트를 표시하기 위한 오브젝트 제어 방법
US9607055B2 (en) System and method for dynamically retrieving data specific to a region of a layer
KR101361281B1 (ko) Ｗｅｂ 페이지에서의 오브젝트 변위 방법
US9612720B2 (en) Automatic processing with multi-selection interface
CN105989082B (zh) 报表视图生成方法和装置
KR101911191B1 (ko) 스크롤 맵을 제공하는 방법 및 시스템
US10380216B2 (en) Server, client terminal, service method, and program
US20150293929A1 (en) Method and apparatus for processing webpage in terminal device by using cloud server
US20110258569A1 (en) Display of filtered data via frequency distribution
US20130246950A1 (en) Methods and apparatus for creating overlays according to trending information
JP2009140058A (ja) 情報提供プログラム、情報提供装置、及び情報提供方法
Semerádová et al. Website quality and shopping behavior: Quantitative and qualitative evidence
US20170039741A1 (en) Multi-dimensional visualization
US10216363B2 (en) Navigating a network of options
Aoidh et al. Understanding geospatial interests by visualizing map interaction behavior
KR101407124B1 (ko) 오브젝트 제어 방법, 오브젝트 제어 프로그램을 기록한 컴퓨터 판독 가능 기록 매체 및 웹 서버
JP5774661B2 (ja) 配信装置、端末装置、配信方法、配信プログラム及び端末プログラム
JP2015099557A (ja) 配信装置、端末装置、配信方法、配信プログラム及び端末プログラム
KR20170137844A (ko) 웹 페이지 작성 지원 장치, 및 기억 매체
JP2012014597A (ja) 注意領域表示システム、注意領域表示方法、および注意領域表示プログラム
TWI399694B (zh) Object Displacement Method in Web Page
JP2017083958A (ja) 選択肢情報の提示システム、方法、及びプログラム
AU2015230789A1 (en) A product rating system

Legal Events

Date Code Title Description
A201 Request for examination
A302 Request for accelerated examination
AMND Amendment
E902 Notification of reason for refusal
AMND Amendment
E601 Decision to refuse application
X091 Application refused [patent]
AMND Amendment
X701 Decision to grant (after re-examination)
GRNT Written decision to grant
FPAY Annual fee payment

Payment date: 20170106

Year of fee payment: 4

FPAY Annual fee payment

Payment date: 20180105

Year of fee payment: 5

FPAY Annual fee payment

Payment date: 20190107

Year of fee payment: 6

FPAY Annual fee payment

Payment date: 20200103

Year of fee payment: 7