KR102150897B1 - 영상 제공 장치 및 방법, 컴퓨터에서 실행시키기 위한 프로그램을 기록한 컴퓨터로 읽을 수 있는 기록매체 - Google Patents

영상 제공 장치 및 방법, 컴퓨터에서 실행시키기 위한 프로그램을 기록한 컴퓨터로 읽을 수 있는 기록매체 Download PDF

Info

Publication number
KR102150897B1
KR102150897B1 KR1020190116599A KR20190116599A KR102150897B1 KR 102150897 B1 KR102150897 B1 KR 102150897B1 KR 1020190116599 A KR1020190116599 A KR 1020190116599A KR 20190116599 A KR20190116599 A KR 20190116599A KR 102150897 B1 KR102150897 B1 KR 102150897B1
Authority
KR
South Korea
Prior art keywords
web page
window
video
page window
drag input
Prior art date
Application number
KR1020190116599A
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 KR1020190116599A priority Critical patent/KR102150897B1/ko
Application granted granted Critical
Publication of KR102150897B1 publication Critical patent/KR102150897B1/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/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/0483—Interaction with page-structured environments, e.g. book metaphor
    • 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
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0485—Scrolling or panning
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0486—Drag-and-drop
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
    • G06F2203/048—Indexing scheme relating to G06F3/048
    • G06F2203/04804—Transparency, e.g. transparent or translucent windows

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

본 발명의 기술적 사상이 되는 영상 제공 장치 및 방법, 컴퓨터에서 실행시키기 위한 프로그램을 기록한 컴퓨터로 읽을 수 있는 기록매체를 개시한다. 본 개시의 일 실시 예에 따를 때, 동영상을 제공하는 동영상 윈도우 및 웹 페이지를 제공하는 웹 페이지 윈도우를 디스플레이하는 디스플레이; 및 사용자의 드래그 입력에 기초하여 상기 웹 페이지 윈도우가 디스플레이되는 위치를 결정하고, 상기 웹 페이지 윈도우를 상기 동영상 윈도우와 중첩하여 디스플레이하고, 상기 웹 페이지 윈도우와 상기 동영상 윈도우가 중첩되는 영역에서는 상기 웹 페이지 윈도우를 디스플레이하고, 상기 웹 페이지 윈도우가 최대화된 경우에 제공되는 상기 동영상 윈도우의 일부 영역인 미디어 윈도우를 디스플레이하고, 상기 사용자의 드래그 입력을 상기 동영상 윈도우 및 상기 웹 페이지 윈도우 중 상기 웹 페이지 윈도우에만 선택적으로 인가하는 프로세서;를 포함할 수 있다.

Description

영상 제공 장치 및 방법, 컴퓨터에서 실행시키기 위한 프로그램을 기록한 컴퓨터로 읽을 수 있는 기록매체{APPARATUS AND METHOD FOR PROVIDING AN IMAGE, A COMPUTER-READABLE RECORDING MEDIUM RECORDING A PROGRAM FOR EXECUTION ON A COMPUTER}
본 개시는 영상 제공 장치 및 방법, 컴퓨터에서 실행시키기 위한 프로그램을 기록한 컴퓨터로 읽을 수 있는 기록매체에 관한 것이다. 구체적으로 본 개시는 윈도우를 중첩 표시하는 영상 제공 장치 및 방법, 컴퓨터에서 실행시키기 위한 프로그램을 기록한 컴퓨터로 읽을 수 있는 기록매체를 제공할 수 있다.
스마트폰에는 동영상 윈도우를 출력하는 동영상 애플리케이션과 웹 페이지 윈도우를 출력하는 브라우저가 탑재되어 있다. 일 예로, 스마트폰을 예시하였으나, 태블릿, 컴퓨터 등 정보처리 기기에서도 동영상 애플리케이션과 브라우저가 탑재되어 있어 동영상 윈도우와 웹 페이지 윈도우를 제공할 수 있다. 이러한 동영상 윈도우는 선택된 동영상을 재생하고, 웹 페이지 윈도우는 브라우저로 주소창에 입력된 링크의 웹 페이지를 표시할 수 있다. 스마트폰 OS의 경우 동영상 윈도우와 웹 페이지 윈도우를 각각 전체 화면으로 출력하며, 멀티태스킹일 경우 동영상 윈도우와 웹 페이지 윈도우를 1대1 화면 분할하여 출력할 수 있다.
공개번호 제10-2019-0069874호, 가변식 화면 분할 기능을 갖는 모니터
본 개시는 동영상 윈도우와 웹 페이지 윈도우를 중첩 표시하는 영상 제공 장치 및 방법, 컴퓨터에서 실행시키기 위한 프로그램을 기록한 컴퓨터로 읽을 수 있는 기록매체를 제공할 수 있다. 구체적으로 본 개시는 동영상 윈도우 위에 웹 페이지 윈도우를 표시하는 영상 제공 장치 및 방법, 컴퓨터에서 실행시키기 위한 프로그램을 기록한 컴퓨터로 읽을 수 있는 기록매체를 제공할 수 있다.
본 개시의 목적들은 이상에서 언급한 목적들로 제한되지 않으며, 언급되지 않은 또 다른 목적들은 아래의 기재로부터 명확하게 이해될 수 있을 것이다.
제 1 측면에 따른 영상 제공 장치는 동영상을 제공하는 동영상 윈도우 및 웹 페이지를 제공하는 웹 페이지 윈도우를 디스플레이하는 디스플레이; 및 사용자의 드래그 입력에 기초하여 상기 웹 페이지 윈도우가 디스플레이되는 위치를 결정하고, 상기 웹 페이지 윈도우를 상기 동영상 윈도우와 중첩하여 디스플레이하고, 상기 웹 페이지 윈도우와 상기 동영상 윈도우가 중첩되는 영역에서는 상기 웹 페이지 윈도우를 디스플레이하고, 상기 웹 페이지 윈도우가 최대화된 경우에 제공되는 상기 동영상 윈도우의 일부 영역인 미디어 윈도우를 디스플레이하고, 상기 사용자의 드래그 입력을 상기 동영상 윈도우 및 상기 웹 페이지 윈도우 중 상기 웹 페이지 윈도우에만 선택적으로 인가하는 프로세서;를 포함할 수 있다.
또한, 상기 사용자의 드래그 입력은 상기 웹 페이지 윈도우에 대한 드래그 입력이고, 상기 프로세서는 상기 사용자의 드래그 입력이 릴리즈되는 위치에 기초하여 상기 웹 페이지 윈도우를 최소화 또는 최대화하여 디스플레이할 수 있다.
또한, 상기 웹 페이지 윈도우에 대한 드래그 입력은 상기 웹 페이지 윈도우의 메뉴 바에 대한 드래그 입력을 포함할 수 있다.
또한, 상기 프로세서는 상기 사용자의 드래그 입력이 릴리즈될 때 상기 웹 페이지 윈도우의 메뉴 바의 위치에 기초하여 상기 웹 페이지 윈도우를 최소화 또는 최대화하여 디스플레이할 수 있다.
또한, 상기 프로세서는 상기 사용자의 드래그 입력이 릴리즈될 때 상기 웹 페이지 윈도우의 메뉴 바의 위치에 기초하여 상기 웹 페이지 윈도우의 위치를 상승시켜 최대화하거나, 상기 웹 페이지 윈도우의 위치를 하강시켜 최소화하여 디스플레이할 수 있다.
또한, 상기 프로세서는 상기 사용자의 드래그 입력이 릴리즈될 때 상기 웹 페이지 윈도우의 메뉴 바의 위치에 기초하여 상기 웹 페이지 윈도우의 위치를 상승 또는 하강시키는 속도를 결정할 수 있다.
또한, 상기 사용자의 드래그 입력은 상기 웹 페이지 윈도우에 대한 드래그 입력이고, 상기 프로세서는 상기 사용자의 드래그 입력이 릴리즈될 때, 상기 동영상 윈도우와 상기 웹 페이지 윈도우가 중첩되는 영역의 넓이에 기초하여 상기 웹 페이지 윈도우를 최소화 또는 최대화하여 디스플레이할 수 있다.
또한, 상기 웹 페이지 윈도우는 상품의 소개에 이용되는 복수개의 상위 메뉴를 포함하고, 상기 프로세서는 상기 웹 페이지 윈도우가 상기 사용자의 드래그 입력에 따라 최대화된 경우, 상기 복수개의 상위 메뉴 중 상기 동영상 윈도우에서 제공되는 상기 동영상과 관련성이 높은 상위 메뉴를 강조하여 표시할 수 있다.
또한, 상기 프로세서는 상기 동영상과 관련성이 높은 상위 메뉴에 포함된 복수개의 하위 메뉴 중 상기 동영상과 관련성이 높은 하위 메뉴의 개수를 상기 동영상과 관련성이 높은 상위 메뉴와 중첩하여 또는 병렬로 표시할 수 있다.
또한, 동영상을 제공하는 동영상 윈도우 및 웹 페이지를 제공하는 웹 페이지 윈도우를 중첩하여 디스플레이하는 단계; 사용자의 드래그 입력에 기초하여 상기 웹 페이지 윈도우가 디스플레이되는 위치를 결정하는 단계; 상기 사용자의 드래그 입력에 기초하여 상기 웹 페이지 윈도우가 최대화 되어 디스플레이되는 경우, 상기 동영상 윈도우의 일부 영역인 미디어 윈도우를 디스플레이하는 단계;를 포함하고, 상기 웹 페이지 윈도우와 상기 동영상 윈도우가 중첩되는 영역에서는 상기 웹 페이지 윈도우가 디스플레이되고, 상기 사용자의 드래그 입력은 상기 동영상 윈도우 및 상기 웹 페이지 윈도우 중 상기 웹 페이지 윈도우에만 선택적으로 인가될 수 있다.
본 개시의 일 실시 예에 따를 때, 동영상 윈도우와 웹 페이지 윈도우를 중첩 표시해서 사용자가 동영상과 웹 페이지를 동시에 확인할 수 있다.
사용자가 동영상과 웹 페이지를 함께 이용함으로써, 멀티태스킹을 즐길 수 있다.
본 개시의 효과는 상기한 효과로 한정되는 것은 아니며, 본 개시의 상세한 설명 또는 특허청구범위에 기재된 발명의 구성으로부터 추론 가능한 모든 효과를 포함하는 것으로 이해되어야 한다.
도 1은 일 실시 예에 따른 동영상 윈도우와 웹 페이지 윈도우의 중첩을 개괄적으로 도시한 도면이다.
도 2는 일 실시 예에 따른 영상 제공 장치의 구성을 도시한 블록도이다.
도 3은 일 실시 예에 따른 영상 제공 장치의 화면 제어를 보인 예시도이다.
도 4는 일 실시 예에 따른 영상 제공 장치의 통신 환경을 도시한 도면이다.
도 5는 일 실시 예에 따른 영상 제공 장치의 소프트웨어 아키텍처를 도시한 도면이다.
실시 예들에서 사용되는 용어는 본 발명에서의 기능을 고려하면서 가능한 현재 널리 사용되는 일반적인 용어들을 선택하였으나, 이는 당 분야에 종사하는 기술자의 의도 또는 판례, 새로운 기술의 출현 등에 따라 달라질 수 있다. 또한, 특정한 경우는 출원인이 임의로 선정한 용어도 있으며, 이 경우 해당되는 발명의 설명 부분에서 상세히 그 의미를 기재할 것이다. 따라서 본 발명에서 사용되는 용어는 단순한 용어의 명칭이 아닌, 그 용어가 가지는 의미와 본 발명의 전반에 걸친 내용을 토대로 정의되어야 한다.
명세서 전체에서 어떤 부분이 어떤 구성요소를 “포함”한다고 할 때, 이는 특별히 반대되는 기재가 없는 한 다른 구성요소를 제외하는 것이 아니라 다른 구성요소를 더 포함할 수 있음을 의미한다. 또한, 명세서에 기재된 “…부”, “…모듈” 등의 용어는 적어도 하나의 기능이나 동작을 처리하는 단위를 의미하며, 이는 하드웨어 또는 소프트웨어로 구현되거나 하드웨어와 소프트웨어의 결합으로 구현될 수 있다.
아래에서는 첨부한 도면을 참고하여 본 발명의 실시 예에 대하여 본 발명이 속하는 기술 분야에서 통상의 지식을 가진 자가 용이하게 실시할 수 있도록 상세히 설명한다. 그러나 본 발명은 여러 가지 상이한 형태로 구현될 수 있으며 여기에서 설명하는 실시 예에 한정되지 않는다.
디스플레이는 동영상을 제공하는 동영상 윈도우 및 웹 페이지를 제공하는 웹 페이지 윈도우를 디스플레이할 수 있다. 프로세서는 사용자의 드래그 입력에 기초하여 웹 페이지 윈도우가 디스플레이되는 위치를 결정하고, 웹 페이지 윈도우를 동영상 윈도우에 중첩하여 디스플레이하고, 웹 페이지 윈도우와 동영상 윈도우가 중첩되는 영역에서는 웹 페이지 윈도우를 디스플레이하고, 웹 페이지 윈도우가 최대화된 경우에 동영상 윈도우의 일부 영역인 미디어 윈도우를 디스플레이하고, 사용자의 드래그 입력을 동영상 윈도우 및 웹 페이지 윈도우 중 웹 페이지 윈도우에만 선택적으로 인가할 수 있다.
프로세서는 사용자의 드래그 입력이 릴리즈될 때 웹 페이지 윈도우의 메뉴 바 위치에 기초하여 웹 페이지 윈도우를 최소화 또는 최대화하여 디스플레이할 수 있다. 이때, 프로세서는 웹 페이지 윈도우의 위치를 상승시켜 최대화하거나 하강시켜 최소화하여 디스플레이할 수 있다. 또한, 프로세서는 사용자의 드래그 입력이 릴리즈될 때, 동영상 윈도우와 웹 페이지 윈도우가 중첩되는 영역의 넓이에 기초하여 웹 페이지 윈도우를 최소화 또는 최대화할 수 있다.
프로세서는 동영상 윈도우의 일부 영역인 미디어 윈도우에 대한 터치 입력 또는 드래그 입력이 있는 경우 미디어 윈도우와 웹 페이지 윈도우간에 화면 전환을 수행할 수 있다. 예를 들어, 미디어 윈도우에 대한 더블 터치 입력(더블 클릭)이 있는 경우 웹 페이지 윈도우가 하강하는 것이 아니라 사라지는 화면 전환으로 동영상 윈도우가 전면으로 표시되도록 프로세서는 동영상 윈도우를 전체 화면으로 표시하고, 웹 페이지 윈도우를 최소화할 수 있다.
이하 첨부된 도면을 참고하여 본 개시의 실시 예를 상세히 설명하기로 한다.
도 1은 일 실시 예에 따른 동영상 윈도우와 웹 페이지 윈도우의 중첩을 개괄적으로 도시한 도면이다.
동영상, 동영상 윈도우, 웹 페이지, 웹 페이지 윈도우가 주요 키워드이다.
도 1의 (a), (b)에서, 동영상 윈도우(21)는 동영상을 재생하고, 웹 페이지 윈도우(22)는 웹 페이지를 표시한다. 동영상 윈도우(21)와 웹 페이지 윈도우(22)는 중첩되어 표시될 수 있고, 일 예로, 동영상 윈도우(21)가 웹 페이지 윈도우(22) 뒤에 위치할 수 있다. 동영상 윈도우(21)가 웹 페이지 윈도우(22) 뒤에 위치할 때 상단이 노출되는 미디어 윈도우(25)가 될 수 있거나 웹 페이지 윈도우(22)의 일정 영역이 투명하게 처리되어 동영상 윈도우(21)의 일부분인 미디어 윈도우(25)가 노출될 수 있다. 미디어 윈도우(25)의 우측 상단에 표시된 재생 버튼(24)이 눌리면 웹 페이지 윈도우(22)가 하강하고, 동영상 윈도우(21)가 전체 화면으로 표시될 수 있다. 웹 페이지 윈도우(22)의 상단에 위치하는 메뉴 바(23)는 사용자의 드래그 입력에 의해 웹 페이지 윈도우(22)가 최소화되거나 최대화될 수 있다. 미디어 윈도우(25)가 더블 클릭되면 웹 페이지 윈도우(22)가 사라지면서 최소화되고 동영상 윈도우(21)가 전체 화면으로 표시될 수 있다.
도 1의 (c)에서 화면 중간에 위치한 미디어 윈도우(25)가 드래그되어 하단의 쇼핑 바로가기의 특정 메뉴와 중첩시키면 충첩된 메뉴에 대한 동영상으로 미디어 윈도우(25)에서 재생되는 동영상이 갱신될 수 있고, 도 1의 (d)에서 충첩된 메뉴에 대한 동영상으로 미디어 윈도우(25)에서 재생되는 동영상이 갱신될 때, 중첩된 위치를 중심으로 화면이 넓어지면서 동영상 윈도우(21)가 전체화면으로 전환될 수 있고, 도 1의 (e)에서 화면 중간에 위치한 미디어 윈도우(25)를 드래그하면 해당 미디어 윈도우가 이동하고, 이동된 미디어 윈도우의 위치에 대응되는 백그라운드 동영상이 재생될 수 있고, 도 1의 (f)에서 웹 페이지 윈도우가 메뉴 개수를 하이라이트 메뉴에 중첩해서 병렬(나란히)로(27) 표시할 수 있다.
도 2는 일 실시 예에 따른 영상 제공 장치의 구성을 도시한 블록도이다.
동영상 윈도우(21), 웹 페이지 윈도우(22), 프로세서(26), 메뉴 바 위치, 좌표 영역, 영역 결정, 상승, 하강, 상승/하강 결정, 레벨값, 레벨 출력, 상승 속도, 하강 속도, 속도 제어가 주요 키워드이다. 메뉴 바는 동영상 윈도우(21) 또는 웹 페이지 윈도우(22)에서 상단에 위치하는 전체 메뉴 트리를 나타내지만, 여기에 국한되지 않으며 윈도우의 최상단 부분을 지시하고, 좌표 영역은 디스플레이 화면에서 상, 중, 하 화면 영역을 구분할 수 있고, 레벨값은 좌표 영역의 크기 레벨을 수치값으로 표현하고, 상승 속도는 메뉴 바의 상승 속도이고, 하강 속도는 메뉴 바의 하강 속도이다.
동영상 윈도우(21)는 방송 프로그램이 선택된 채널에 연결된 링크가 지시하는 동영상을 표시하고, 웹 페이지 윈도우(22)는 동영상 윈도우(21)에서 선택된 채널에 관련된 웹 페이지를 표시하거나 주소창에 입력된 주소가 지시하는 웹 페이지를 표시할 수 있다. 프로세서(26)는 동영상 윈도우(21)와 웹 페이지 윈도우(22)를 중첩해서 표시하며 일 예로, 동영상 윈도우(21)가 웹 페이지 윈도우(22) 뒤에 위치함을 예로 든다. 동영상 윈도우(21)는 채널에 연결된 동영상을 재생하며, 백그라운드 동작하고, 웹 페이지 윈도우(22)가 최대화되거나 최소화되더라도 동영상 재생은 계속된다.
웹 페이지 윈도우(22)는 상단에 메뉴 바를 가지고, 메뉴 바는 웹 페이지 윈도우(22)의 전체 메뉴 트리를 제공한다. 웹 페이지 윈도우(22)의 메뉴 바는 상하 이동이 가능하며, 상하 이동을 통해 동영상 윈도우(21)의 동영상이 가려지거나 전체 화면으로 표시될 수 있다. 프로세서(26)에는 메뉴 바가 위치하는 좌표 영역을 결정하는 영역 결정 프로세스와 메뉴 바의 상승 또는 하강을 결정하는 상승/하강 결정 프로세스를 포함할 수 있고, 상승/하강 결정 프로세스는 메뉴 바의 상승 속도 또는 하강 속도를 조절하는 속도 제어 태스크를 포함할 수 있다. 일 예에서 프로세서(26)가 좌표 영역 결정, 메뉴 바의 상승 또는 하강을 결정하지만 이러한 프로세서(26) 동작은 웹 페이지 윈도우(22)에서 실행될 수도 있다. 이때, 웹 페이지 윈도우(22)는 프로세서(26)를 포함할 수 있다. 아래에서는 프로세서(26)의 동작 별로 특징에 따라 각기 다른 구성을 가질 수 있고, 이러한 구성을 설명하고 있다.
프로세서(26)는 영역 결정 프로세스에서 웹 페이지 윈도우(22)의 메뉴 바 위치가 존재하는 좌표 영역을 결정한다. 예를 들어, 웹 페이지 윈도우(22)의 메뉴 바는 디스플레이 화면에서 상하 이동이 가능하다. 디스플레이 화면을 상, 중, 하 화면 영역으로 나누어 보면, 메뉴 바는 디스플레이 화면의 상, 중, 하 화면 영역에 놓일 수 있다. 이때, 동영상 윈도우(21)와 웹 페이지 윈도우(22)는 디스플레이 화면을 분할하여 표시된다.
메뉴 바가 디스플레이 화면의 상, 중, 하 화면 영역 중 어느 하나의 화면 영역에 놓임을 영역 결정 프로세스에서 감지하기 위해 프로세서(26)는 웹 페이지 윈도우(22)의 메뉴 바 위치가 존재하는 좌표 영역을 결정한다. 여기서, 좌표 영역이 상, 중, 하 화면 영역에 해당한다.
프로세서(26)는 상승/하강 결정 프로세스에서 영역 결정에 의해 결정된 좌표 영역에 따라 메뉴 바의 상승 또는 하강을 결정한다. 예를 들어, 좌표 영역이 상 화면 영역에 해당하면 상승/하강 결정 프로세스는 메뉴바의 상승을 결정한다. 이에 따라 웹 페이지 윈도우의 메뉴 바는 상승하여 웹 페이지 윈도우(22)를 최대화한다. 동영상 윈도우(21)의 상단이 노출되고, 웹 페이지 윈도우(22)는 최대화되어 표시된다. 다른 예로, 좌표 영역이 하 화면 영역에 해당하면 프로세서(26)는 상승/하강 결정 프로세스에서 메뉴 바의 하강을 결정한다. 이에 따라 웹 페이지 윈도우(22)의 메뉴 바는 하강하여 웹 페이지 윈도우(22)를 최소화한다. 동영상 윈도우(21)가 전체 화면으로 노출되고, 웹 페이지 윈도우(22)는 최소화되어 표시된다.
영역 결정 프로세스에는 좌표 영역의 레벨을 계산하여 레벨값을 출력하는 레벨 출력 태스크가 포함될 수 있고, 상승/하강 결정 프로세스에는 레벨값에 따라 메뉴 바의 상승 속도 또는 하강 속도를 조절하는 속도 제어 태스크가 포함될 수 있다. 예를 들어, 메뉴 바가 상 화면 영역에서 위치하는 높이가 다를 수 있고, 프로세서(26)는 레벨 출력 태스크에서 이러한 높이 차이를 레벨값으로 출력할 수 있다. 메뉴 바가 상 화면 영역에서 높은 위치에 위치할수록 프로세서(26)는 속도 제어에서 상승 속도를 빠르게 설정할 수 있다. 또한, 반대로도 가능하다. 이에 따라 메뉴 바 위치가 상 화면 영역에서 어느 위치에 존재함에 따라 상승 속도가 달라지게 된다. 다른 예로, 메뉴 바가 하 화면 영역에 위치하는 높이에 따라 하강 속도가 달라질 수 있다.
도 3은 일 실시 예에 따른 영상 제공 장치의 화면 제어를 보인 예시도이다.
프로세서(26), 동영상 내용, 상위 메뉴, 하이라이트, 하이라이트 표시, 하위 메뉴, 메뉴 개수, 하이라이트 메뉴, 메뉴 개수 표시부, 동영상 속성(코덱, 비트율, 화면비, 채널, 프레임), 객체 정보, 객체 정보 추출이 주요 키워드이다. 동영상 내용은 동영상에 포함된 컨텐츠 관련 내용 정보이고, 상위 메뉴는 웹 페이지 윈도우(22)에서 표시되는 웹 페이지에 포함된 상위 메뉴이고, 하이라이트는 메뉴 색상을 다른 메뉴와 다르게 표시하거나 배경 색상을 대비하고 깜박임, 상이한 서식, 진하게, 굵게 등의 다양한 방식을 포함하고, 하위 메뉴는 메뉴의 하위에 연결된 메뉴를 지시하고, 메뉴 개수는 하위 메뉴 중 동영상 윈도우(21)의 동영상 내용에 관련된 메뉴의 개수이고, 객체 정보는 동영상 내용에 포함된 객체 예를 들면, 운동화 객체일 수 있다.
도 3의 (a) 내지 (c)에서 웹 페이지 윈도우(22)의 메뉴 바가 중앙에서 아래로 드래그되면 웹 페이지 윈도우(22)가 서서히 아래로 하강하고, 동영상 윈도우(21)가 전체 화면으로 표시됨을 나타낸다.
프로세서(26)는 동영상 윈도우(21)에서 재생되는 동영상의 내용을 참조하여 웹 페이지 윈도우(22)에서 동영상 내용에 관련된 상위 메뉴를 하이라이트로 표시할 수 있다. 상위 메뉴 하이라이트 표시는 프로세서(26)의 하이라이트 표시 프로세스에 의해 처리된다. 예를 들어, 동영상 윈도우(21)에서 운동화 관련 동영상이 재생되고 있으면 하이라이트 표시 프로세스는 웹 페이지 윈도우(22)에서 운동화에 관련된 상위 메뉴를 하이라이트로 표시할 수 있다. 프로세서(26)의 하이라이트 표시 프로세스가 메뉴 하이라이트를 표시하기 위해 동영상 윈도우(21)의 동영상 내용을 분석해야 한다. 동영상 분석은 음성 코덱을 이용한 음성 분석으로 운동화 키워드가 추출되면 추출된 운동화 키워드를 참조해서 웹 페이지 윈도우(22)의 메뉴 데이터에서 운동화 관련 메뉴를 검색해서 일치하는 메뉴를 하이라이트로 표시할 수 있다. 운동화 키워드에는 브랜드 키워드가 사용될 수 있고, 운동화 관련 메뉴에도 적용될 수 있다.
하이라이트 표시 프로세스는 프로세서(26)의 객체 정보 추출 프로세스로부터 객체 정보를 수신할 수 있고, 객체 정보 추출 프로세스는 동영상에서 객체 정보를 추출해서 추출된 객체 정보를 하이라이트 표시 프로세스에 전달할 수 있다. 프로세서(26)의 객체 정보 추출 프로세스는 동영상 속성인 코덱, 비트율, 화면비, 채널, 프레임을 참조하여 객체 인식 모듈을 통해 동영상 내용인 객체 정보를 추출할 수 있다. 예를 들어, 객체 정보 추출 프로세스는 객체 정보로 운동화를 추출할 수 있다. 운동화 객체 정보는 하이라이트 표시 프로세스에 전달되고, 하이라이트 표시 프로세스는 운동화 객체 정보를 참조해서 웹 페이지 윈도우(22)의 메뉴 데이터에서 운동화 관련 메뉴를 검색해서 일치하는 상위 메뉴를 하이라이트로 표시할 수 있다. 운동화 객체 정보에는 브랜드 객체 정보가 사용될 수 있고, 운동화 관련 메뉴에도 적용될 수 있다.
하이라이트 표시 프로세스에는 하이라이트 메뉴에 메뉴 개수를 표시하는 메뉴 개수 표시 태스크가 포함될 수 있다. 메뉴 개수 표시 태스크는 웹 페이지 윈도우(22)에 표시된 웹 페이지에서의 상위 메뉴에 연결된 하위 메뉴를 참조해서 하위 메뉴에 운동화 관련 메뉴 개수가 몇 개인지를 계산해서 하나 이상의 메뉴 개수를 하이라이트 메뉴에 중첩해서 병렬(나란히)로 표시할 수 있다. 메뉴 개수 표시 태스크는 하이라이트 메뉴에 메뉴 개수를 표시함으로써 하이라이트 메뉴의 관련도를 사용자에게 알릴 수 있다. 메뉴 개수가 증가할수록 하이라이트 메뉴의 관련도가 증가해서 사용자가 하이라이트 메뉴 선택시 운동화 관련 컨텐츠를 보다 많이 접근할 수 있다.
도 4는 일 실시 예에 따른 영상 제공 장치의 통신 환경을 도시한 도면이다.
동영상 서버(41), 인터넷(42), 모바일 네트워크(43)가 주요 키워드이다.
영상 제공 장치의 통신 환경에는 동영상 서버(41), 인터넷(42), 모바일 네트워크(43)가 연결된다. 동영상 서버(41)는 영상 제공 장치의 동영상 윈도우(21)에서 재생되는 동영상을 제공하고, 인터넷(42)은 영상 제공 장치의 웹 페이지 윈도우(22)에서 표시되는 웹 페이지 요청에 따른 해당 웹 페이지를 웹 서버에서 제공하고, 모바일 네트워크(43)는 영상 제공 장치가 동작하는 애플리케이션을 실행하는 스마트폰을 인터넷(42)과 동영상 서버(41)에 연결할 수 있다.
동영상 서버(41)는 동영상 속성인 코덱, 비트율, 화면비, 채널, 프레임을 가지는 동영상을 저장 매체에 저장하고, 동영상 윈도우(21)에서 요청되는 동영상을 제공할 수 있다. 동영상 윈도우(21)는 다양한 방송 미디어의 채널을 가지고, 사용자에 의해 선택된 채널에 대응한 방송 미디어에서 서비스하는 동영상 서버(41)에 대한 링크를 통해 해당 동영상 서버(41)에 채널 관련 동영상을 요청해서 스트리밍되는 동영상을 재생할 수 있다.
동영상 서버(41)는 동영상 윈도우(21)가 선택한 채널에서 요청되는 링크가 지시하는 동영상을 스트리밍으로 동영상 윈도우(21)에 제공하고, 동영상 윈도우(21)는 스트리밍 데이터를 수신해서 동영상 재생할 수 있다. 동영상 윈도우(21)는 모바일 네트워크(43)의 통신 속도에 따라 동영상 품질을 다르게 적응할 수 있다.
동영상 서버(41)는 임베디드 장치로 구현될 수 있고, 임베디드 장치는 컴퓨터를 포함하며, 기본 구성 요소로 프로세서, 메모리, 디스플레이를 포함하고, 상용 OS를 구비하고, OS에서 동작하는 애플리케이션 형태로 서버가 구현될 수 있다. 이러한 애플리케이션은 임베디드 장치에서 요구되는 다양한 동작 환경에 따라 프로그래밍 언어를 이용한 통합 개발 환경에 의해 만들어진다. 통합 개발 환경에 사용되는 프로그래밍은 사용자와 인터페이스되는 컴퓨팅 환경에 따라 웹, 모바일 앱, 윈도우 앱으로 구분되고, 앱 종류에 맞게 웹 프로그래밍, 모바일 프로그래밍, 윈도우 프로그래밍으로 나누어진다.
동영상 서버(41)에 사용되는 웹 프로그래밍은 태그 정의로 이루어진 html과 문서 형식 정의 css가 결합되어 웹 프레임워크를 구성한다. 웹 프레임워크에서 클라이언트단의 프런트 엔드와 서버 측 프로그래밍 언어가 사용되는 백 엔드가 서로 데이터를 주고받으면서 거대한 웹 환경을 만든다. 웹 환경은 서버가 동작하는 주요 무대이며, 동영상 서버(41)는 모바일 앱, 콘솔 앱 및 윈도우 앱과 웹 환경에서 통신하며 사용자에게 컴퓨팅 서비스를 제공한다.
인터넷(42)은 웹 페이지를 서비스하는 웹서버를 네트워크로 연결하고 있다. 웹 페이지 윈도우(22)는 동영상 윈도우(21)에서 서비스되는 채널과 연결된 링크가 지시하는 웹 페이지를 웹서버에 요청하는 브라우저를 실행할 수 있다. 브라우저는 웹 페이지 내용을 파싱하여 웹 페이지에 설정된 양식에 따라 웹 페이지를 웹 페이지 윈도우(22)에 표시한다.
웹 페이지 윈도우(22)는 브라우저에 의해 동영상 윈도우(21)에서 서비스되는 채널에 연결된 웹 페이지를 표시할 수 있지만 주소창에 입력된 링크가 지시하는 웹 페이지를 표시할 수 있다. 웹 페이지 윈도우(22)의 주소창의 링크는 동영상 윈도우(21)의 채널 선택 또는 주소창 링크 입력에 따라 달라질 수 있다.
모바일 네트워크(43)는 스마트폰이 이동 중에도 사용자가 통화 또는 인터넷을 이용할 수 있도록 통신 환경을 제공한다. 스마트폰은 영상 제공 장치를 실행하는 애플리케이션을 사용자에게 제공하고, 사용자는 영상 제공 장치를 통해 동영상 서비스와 웹 서비스를 이용할 수 있다. 동영상 서비스는 영상 제공 장치의 동영상 윈도우(21)에서 제공되고, 웹 서비스는 영상 제공 장치의 웹 페이지 윈도우(22)에서 제공된다.
도 5는 일 실시 예에 따른 영상 제공 장치의 소프트웨어 아키텍처를 도시한 도면이다.
애플리케이션, 라이브러리, 터치스크린(51), 마우스(52), 동영상 모듈(53), 브라우저(54), 디스플레이(55)가 주요 키워드이다.
영상 제공 장치를 실행하는 애플리케이션은 터치스크린(51), 마우스(52), 동영상 모듈(53), 브라우저(54), 디스플레이(55)의 라이브러리를 사용할 수 있다. 터치스크린(51)은 사용자의 화면 터치를 감지하고, 마우스(52)는 마우스 커서 조작을 감지하고, 동영상 모듈(53)은 동영상을 재생하고, 브라우저(54)는 웹 페이지를 표시하고, 디스플레이(55)는 이미지를 표시할 수 있다.
터치스크린(51)은 사용자의 화면 터치를 감지할 수 있도록 정전식 센서 또는 감압식 센서를 통해 화면 터치를 감지해서 화면 터치가 발생한 위치를 애플리케이션에 전달할 수 있다. 애플리케이션은 화면 터치가 발생한 위치에 따라 영상 제공 장치에서 동영상 윈도우(21)의 채널 선택, 웹 페이지 윈도우(22)의 메뉴 바 드래그 입력, 메뉴 바 위치 이동, 메뉴 선택을 처리할 수 있다.
마우스(52)는 사용자의 마우스 조작을 감지할 수 있도록 버튼 누름 또는 휠 조작 또는 마우스 이동을 감지해서 마우스 이벤트를 애플리케이션에 전달할 수 있다. 애플리케이션은 마우스 이벤트에 따라 영상 제공 장치에서 동영상 윈도우(21)의 채널 선택, 웹 페이지 윈도우(22)의 메뉴 바 드래그 입력, 메뉴 바 위치 이동, 메뉴 선택을 처리할 수 있다.
동영상 모듈(53)은 동영상 윈도우(21)에서 재생되는 동영상 처리를 지원할 수 있고, 동영상 윈도우(21)에서 선택된 채널이 지시하는 링크의 동영상 서버에 접속해서 해당 링크의 동영상을 동영상 서버에 요청하고, 동영상 서버로부터 동영상을 스트리밍 다운로드하고, 코덱을 통해 동영상을 재생할 수 있다.
브라우저(54)는 웹 페이지 윈도우(22)에서 표시되는 웹 페이지 처리를 지원할 수 있고, 웹 페이지 윈도우(22)에서 주소창에 입력된 링크의 웹서버에 접속해서 해당 링크의 웹 페이지를 웹서버에 요청하고, 웹서버로부터 웹 페이지를 다운로드하고, 브라우저 엔진을 통해 웹 페이지를 표시할 수 있다.
디스플레이(55)는 동영상 모듈(53) 또는 브라우저(54)에 의해 화면 처리된 이미지를 화면에 표시할 수 있고, 영상 제공 장치에 디스플레이 라이브러리를 제공할 수 있다. 영상 제공 장치는 디스플레이 라이브러리를 통해 동영상 윈도우(21)와 웹 페이지 윈도우(22)의 중첩, 화면 처리를 수행할 수 있다.
애플리케이션은 임베디드 장치로 구현될 수 있고, 임베디드 장치는 스마트폰을 포함하며, 기본 구성 요소로 프로세서, 메모리, 디스플레이를 포함하고, 상용 OS를 구비하고, OS에서 동작하는 애플리케이션 형태로 영상 제공 장치가 구현될 수 있다. 예를 들어, 스마트폰의 경우 스마트폰의 프로세서는 제어부로 동작하고, 스마트폰의 디스플레이는 동영상 윈도우와 웹 페이지 윈도우로 동작할 수 있다. 애플리케이션 측면에서 소프트웨어 구조는 동영상 윈도우, 웹 페이지 윈도우, 프로세서를 포함할 수 있다. 이러한 애플리케이션은 임베디드 장치에서 요구되는 다양한 동작 환경에 따라 프로그래밍 언어를 이용한 통합 개발 환경에 의해 만들어진다.
프로그래밍 언어의 구성을 살펴보면, 변수 및 객체 선언, 선언된 변수를 이용한 연산, 함수, 제어문, 입출력문, 라이브러리 사용을 예로 들 수 있다. 변수는 정수, 실수, 문자열로 사용자가 사물을 표현할 때 사용되는 숫자, 이름임을 알 수 있다. 변수를 이용한 연산은 각종 변수로 실행될 수 있는 사칙 연산, 1차 함수, 2차 함수 등 고차 함수가 사용될 수 있다. 함수는 연산의 상위 개념으로 입력 변수와 출력 변수 사이의 관계를 정의한다. 이러한 함수는 관계 정의를 함수로 묶어 캡슐화할 수 있다.
제어문은 변수 조건에 따른 실행문의 반복과 실행을 제어한다. 예를 들어, 제어문에는 if 문, while 문, for 문, do while 문을 들 수 있다. 각 제어문이 가지는 특성에 따라 변수 조건에 따른 실행문의 반복과 실행이 달라진다. 실행문에는 앞서 설명한 변수 선언, 함수, 라이브러리 사용이 있을 수 있다.
입출력문은 변수의 입력과 출력을 실행한다. 입력문에는 키보드 입력, 마우스 입력 등이 있고, 출력문에는 프린트문, 그래픽 출력, 라이브러리에 의한 음성 출력 등이 있다. 입력문을 통해 프로그램이 사용자로부터 명령을 입력받고, 프로그램은 출력문을 통해 사용자에게 제어문에 의한 결과를 출력할 수 있다.
프로그래밍은 사용자와 인터페이스되는 컴퓨팅 환경에 따라 웹, 모바일 앱, 윈도우 앱으로 구분되고, 앱 종류에 맞게 웹 프로그래밍, 모바일 프로그래밍, 윈도우 프로그래밍으로 나누어진다.
웹 프로그래밍
태그 정의로 이루어진 html과 문서 형식 정의 css가 결합되어 웹 프레임워크를 구성한다. 웹 프레임워크에서 클라이언트단의 프런트 엔드와 서버 측 프로그래밍 언어가 사용되는 백 엔드가 서로 데이터를 주고받으면서 거대한 웹 환경을 만든다. 웹 환경은 서버가 동작하는 주요 무대이며, 서버는 모바일 앱, 콘솔 앱 및 윈도우 앱과 웹 환경에서 통신하며 사용자에게 컴퓨팅 서비스를 제공한다.
모바일 앱 프로그래밍
모바일 앱 프로그래밍은 스마트폰에서 운영하는 OS에서 요구되는 모바일 앱을 작성하는데 필요한 프로그래밍 언어를 사용한다. 프로그래밍 언어는 모바일 앱의 UI, 제어 로직, 통신 모듈을 이용하여 다양한 작업을 하는 모바일 앱을 작성할 수 있다. 모바일 앱에는 문서 작업, 파일 작업, 금융 작업, 메일 작업, 메신저 작업, 게임 작업 등 다양하다.
애플리케이션은 서버로 구현될 수 있고, 서버는 임베디드 장치로 구현될 수 있으며, 임베디드 장치는 컴퓨터를 포함하며, 기본 구성 요소로 프로세서, 메모리, 디스플레이를 포함하고, 상용 OS를 구비하고, OS에서 동작하는 애플리케이션 형태로 서버가 구현될 수 있다. 이러한 애플리케이션은 임베디드 장치에서 요구되는 다양한 동작 환경에 따라 프로그래밍 언어를 이용한 통합 개발 환경에 의해 만들어진다. 통합 개발 환경에 사용되는 프로그래밍은 사용자와 인터페이스되는 컴퓨팅 환경에 따라 웹, 모바일 앱, 윈도우 앱으로 구분되고, 앱 종류에 맞게 웹 프로그래밍, 모바일 프로그래밍, 윈도우 프로그래밍으로 나누어진다.
서버에 사용되는 웹 프로그래밍은 태그 정의로 이루어진 html과 문서 형식 정의 css가 결합되어 웹 프레임워크를 구성한다. 웹 프레임워크에서 클라이언트단의 프런트 엔드와 서버 측 프로그래밍 언어가 사용되는 백 엔드가 서로 데이터를 주고받으면서 거대한 웹 환경을 만든다. 웹 환경은 서버가 동작하는 주요 무대이며, 서버는 모바일 앱, 콘솔 앱 및 윈도우 앱과 웹 환경에서 통신하며 사용자에게 컴퓨팅 서비스를 제공한다.
한편, 상술한 방법은 컴퓨터에서 실행될 수 있는 프로그램으로 작성 가능하고, 컴퓨터로 읽을 수 있는 기록매체를 이용하여 상기 프로그램을 동작시키는 범용 디지털 컴퓨터에서 구현될 수 있다. 또한, 상술한 방법에서 사용된 데이터의 구조는 컴퓨터로 읽을 수 있는 기록매체에 여러 수단을 통하여 기록될 수 있다. 상기 컴퓨터로 읽을 수 있는 기록매체는 마그네틱 저장매체(예를 들면, 롬, 램, USB, 플로피 디스크, 하드 디스크 등), 광학적 판독 매체(예를 들면, 시디롬, 디브이디 등)와 같은 저장매체를 포함한다.
본 실시 예와 관련된 기술 분야에서 통상의 지식을 가진 자는 상기된 기재의 본질적인 특성에서 벗어나지 않는 범위에서 변형된 형태로 구현될 수 있음을 이해할 수 있을 것이다. 그러므로 개시된 방법들은 한정적인 관점이 아니라 설명적인 관점에서 고려되어야 한다. 본 발명의 범위는 전술한 설명이 아니라 특허청구범위에 나타나 있으며, 그와 동등한 범위 내에 있는 모든 차이점은 본 발명에 포함된 것으로 해석되어야 할 것이다.
21: 동영상 윈도우
22: 웹 페이지 윈도우
23: 메뉴 바
24: 재생 버튼
25: 미디어 윈도우
26: 프로세서
41: 동영상 서버
42: 인터넷
43: 모바일 네트워크
51: 터치스크린
52: 마우스
53: 동영상 모듈
54: 브라우저
55: 디스플레이

Claims (11)

  1. 동영상을 제공하는 동영상 윈도우 및 웹 페이지를 제공하는 웹 페이지 윈도우를 디스플레이하는 디스플레이; 및
    사용자의 드래그 입력에 기초하여 상기 웹 페이지 윈도우가 디스플레이되는 위치를 결정하고,
    상기 웹 페이지 윈도우를 상기 동영상 윈도우와 중첩하여 디스플레이하고,
    상기 웹 페이지 윈도우와 상기 동영상 윈도우가 중첩되는 영역에서는 상기 웹 페이지 윈도우를 디스플레이하고,
    상기 웹 페이지 윈도우가 최대화된 경우에 제공되는 상기 동영상 윈도우의 일부 영역인 미디어 윈도우를 디스플레이하고,
    상기 사용자의 드래그 입력을 상기 동영상 윈도우 및 상기 웹 페이지 윈도우 중 상기 웹 페이지 윈도우에만 선택적으로 인가하는 프로세서;를 포함하고,
    상기 웹 페이지 윈도우는 상품의 소개에 이용되는 복수개의 상위 메뉴를 포함하고,
    상기 프로세서는
    상기 웹 페이지 윈도우가 상기 사용자의 드래그 입력에 따라 최대화된 경우, 상기 복수개의 상위 메뉴 중 상기 동영상 윈도우에서 제공되는 상기 동영상과 관련성이 높은 상위 메뉴를 강조하여 표시하는, 영상 제공 장치.
  2. 제 1 항에 있어서,
    상기 사용자의 드래그 입력은 상기 웹 페이지 윈도우에 대한 드래그 입력이고,
    상기 프로세서는
    상기 사용자의 드래그 입력이 릴리즈되는 위치에 기초하여 상기 웹 페이지 윈도우를 최소화 또는 최대화하여 디스플레이하는, 영상 제공 장치.
  3. 제 2 항에 있어서,
    상기 웹 페이지 윈도우에 대한 드래그 입력은 상기 웹 페이지 윈도우의 메뉴 바에 대한 드래그 입력을 포함하는, 영상 제공 장치.
  4. 제 2 항에 있어서,
    상기 프로세서는
    상기 사용자의 드래그 입력이 릴리즈될 때 상기 웹 페이지 윈도우의 메뉴 바의 위치에 기초하여 상기 웹 페이지 윈도우를 최소화 또는 최대화하여 디스플레이하는, 영상 제공 장치.
  5. 제 4 항에 있어서,
    상기 프로세서는
    상기 사용자의 드래그 입력이 릴리즈될 때 상기 웹 페이지 윈도우의 메뉴 바의 위치에 기초하여 상기 웹 페이지 윈도우의 위치를 상승시켜 최대화하거나, 상기 웹 페이지 윈도우의 위치를 하강시켜 최소화하여 디스플레이하는, 영상 제공 장치.
  6. 제 5 항에 있어서,
    상기 프로세서는
    상기 사용자의 드래그 입력이 릴리즈될 때 상기 웹 페이지 윈도우의 메뉴 바의 위치에 기초하여 상기 웹 페이지 윈도우의 위치를 상승 또는 하강시키는 속도를 결정하는, 영상 제공 장치.
  7. 제 1 항에 있어서,
    상기 사용자의 드래그 입력은 상기 웹 페이지 윈도우에 대한 드래그 입력이고,
    상기 프로세서는
    상기 사용자의 드래그 입력이 릴리즈될 때, 상기 동영상 윈도우와 상기 웹 페이지 윈도우가 중첩되는 영역의 넓이에 기초하여 상기 웹 페이지 윈도우를 최소화 또는 최대화하여 디스플레이하는, 영상 제공 장치.
  8. 삭제
  9. 제 1 항에 있어서,
    상기 프로세서는
    상기 동영상과 관련성이 높은 상위 메뉴에 포함된 복수개의 하위 메뉴 중 상기 동영상과 관련성이 높은 하위 메뉴의 개수를 상기 동영상과 관련성이 높은 상위 메뉴와 중첩하여 또는 병렬로 표시하는, 영상 제공 장치.
  10. 동영상을 제공하는 동영상 윈도우 및 웹 페이지를 제공하는 웹 페이지 윈도우를 중첩하여 디스플레이하는 단계;
    사용자의 드래그 입력에 기초하여 상기 웹 페이지 윈도우가 디스플레이되는 위치를 결정하는 단계;
    상기 사용자의 드래그 입력에 기초하여 상기 웹 페이지 윈도우가 최대화 되어 디스플레이되는 경우, 상기 동영상 윈도우의 일부 영역인 미디어 윈도우를 디스플레이하는 단계;를 포함하고,
    상기 웹 페이지 윈도우와 상기 동영상 윈도우가 중첩되는 영역에서는 상기 웹 페이지 윈도우가 디스플레이되고,
    상기 사용자의 드래그 입력은 상기 동영상 윈도우 및 상기 웹 페이지 윈도우 중 상기 웹 페이지 윈도우에만 선택적으로 인가되고,
    상기 웹 페이지 윈도우는 상품의 소개에 이용되는 복수개의 상위 메뉴를 포함하고,
    상기 웹 페이지 윈도우가 상기 사용자의 드래그 입력에 따라 최대화된 경우, 상기 복수개의 상위 메뉴 중 상기 동영상 윈도우에서 제공되는 상기 동영상과 관련성이 높은 상위 메뉴를 강조하여 표시하는 단계를 더 포함하는, 영상 제공 방법.
  11. 제 10 항의 방법을　컴퓨터에서 실행시키기 위한 프로그램을　기록한　컴퓨터로 읽을 수 있는 기록매체.
KR1020190116599A 2019-09-23 2019-09-23 영상 제공 장치 및 방법, 컴퓨터에서 실행시키기 위한 프로그램을 기록한 컴퓨터로 읽을 수 있는 기록매체 KR102150897B1 (ko)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020190116599A KR102150897B1 (ko) 2019-09-23 2019-09-23 영상 제공 장치 및 방법, 컴퓨터에서 실행시키기 위한 프로그램을 기록한 컴퓨터로 읽을 수 있는 기록매체

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020190116599A KR102150897B1 (ko) 2019-09-23 2019-09-23 영상 제공 장치 및 방법, 컴퓨터에서 실행시키기 위한 프로그램을 기록한 컴퓨터로 읽을 수 있는 기록매체

Publications (1)

Publication Number Publication Date
KR102150897B1 true KR102150897B1 (ko) 2020-09-03

Family

ID=72469529

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020190116599A KR102150897B1 (ko) 2019-09-23 2019-09-23 영상 제공 장치 및 방법, 컴퓨터에서 실행시키기 위한 프로그램을 기록한 컴퓨터로 읽을 수 있는 기록매체

Country Status (1)

Country Link
KR (1) KR102150897B1 (ko)

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20140127005A (ko) * 2013-04-24 2014-11-03 삼성전자주식회사 화면 제어 방법 및 그 전자 장치
KR20150045121A (ko) * 2013-10-18 2015-04-28 삼성전자주식회사 멀티윈도우 운용 방법 및 이를 지원하는 전자 장치
KR20190069874A (ko) 2017-12-12 2019-06-20 (주)테크온비젼 가변식 화면 분할 기능을 갖는 모니터

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20140127005A (ko) * 2013-04-24 2014-11-03 삼성전자주식회사 화면 제어 방법 및 그 전자 장치
KR20150045121A (ko) * 2013-10-18 2015-04-28 삼성전자주식회사 멀티윈도우 운용 방법 및 이를 지원하는 전자 장치
KR20190069874A (ko) 2017-12-12 2019-06-20 (주)테크온비젼 가변식 화면 분할 기능을 갖는 모니터

Similar Documents

Publication Publication Date Title
US10205985B2 (en) Management of the channel bar
JP6334933B2 (ja) ページ検索方法及びこれをサポートする端末機
US10474352B1 (en) Dynamic expansion of data visualizations
KR101721535B1 (ko) 팝업 표시 방법 및 장치
US7512892B2 (en) Method and system for displaying and interacting with paginated content
US20170300151A1 (en) Management of the channel bar
US20150012818A1 (en) System and method for semantics-concise interactive visual website design
US20120297324A1 (en) Navigation Control Availability
US9026992B2 (en) Folded views in development environment
US9792268B2 (en) Zoomable web-based wall with natural user interface
US10402470B2 (en) Effecting multi-step operations in an application in response to direct manipulation of a selected object
US20140245205A1 (en) Keyboard navigation of user interface
US20140006986A1 (en) Responsive graphical user interface
JP5264664B2 (ja) Ｗｅｂページの閲覧支援プログラム、装置及び方法
US10712921B2 (en) Authoring a collection of images for an image gallery
US8560943B2 (en) Displaying documents on mobile devices
KR102150897B1 (ko) 영상 제공 장치 및 방법, 컴퓨터에서 실행시키기 위한 프로그램을 기록한 컴퓨터로 읽을 수 있는 기록매체
Perakakis et al. Responsive web design for the internet connected TV: The answer to more smart TV content?
Dolgobrod Developing a user interface for a cross-platform web application
WO2023056901A1 (zh) 文档的处理方法、装置、终端和存储介质
US11887581B2 (en) Automatic audio playback of displayed textual content
Randhawa User Interaction Optimization
KR101629394B1 (ko) 대용량 데이터 분석을 위한 r의 연계방법, 시각화 방법 및 프로그램을 저장한 저장매체
CN110945470A (zh) 可编程的多点触摸屏幕上键盘

Legal Events

Date Code Title Description
E701 Decision to grant or registration of patent right
GRNT Written decision to grant