KR102343361B1 - 전자 기기 및 이의 웹 페이지 디스플레이 방법 - Google Patents

전자 기기 및 이의 웹 페이지 디스플레이 방법 Download PDF

Info

Publication number
KR102343361B1
KR102343361B1 KR1020140182354A KR20140182354A KR102343361B1 KR 102343361 B1 KR102343361 B1 KR 102343361B1 KR 1020140182354 A KR1020140182354 A KR 1020140182354A KR 20140182354 A KR20140182354 A KR 20140182354A KR 102343361 B1 KR102343361 B1 KR 102343361B1
Authority
KR
South Korea
Prior art keywords
web page
reduced
displaying
bookmarked
user input
Prior art date
Application number
KR1020140182354A
Other languages
English (en)
Other versions
KR20160073714A (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 삼성전자주식회사
Priority to KR1020140182354A priority Critical patent/KR102343361B1/ko
Priority to US14/870,520 priority patent/US10353988B2/en
Priority to CN201510953079.4A priority patent/CN105718189B/zh
Priority to PCT/KR2015/013847 priority patent/WO2016099166A1/en
Publication of KR20160073714A publication Critical patent/KR20160073714A/ko
Application granted granted Critical
Publication of KR102343361B1 publication Critical patent/KR102343361B1/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]
    • 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/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00—Handling natural language data
    • G06F40/10—Text processing
    • G06F40/12—Use of codes for handling textual entities
    • G06F40/134—Hyperlinking
    • 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
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • 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
    • G06F16/953—Querying, e.g. by the use of web search engines
    • G06F16/9537—Spatial or temporal dependent retrieval, e.g. spatiotemporal queries
    • 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
    • G06F16/955—Retrieval from the web using information identifiers, e.g. uniform resource locators [URL]
    • G06F16/9562—Bookmark management
    • 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
    • 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/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
    • 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/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures

Abstract

전자 기기 및 이의 웹 페이지 디스플레이 방법이 제공된다. 본 전자 기기의 웹 페이지 디스플레이 방법은, 제1 웹 페이지가 디스플레이된 상태에서, 제1 웹 페이지 상에 제1 제스처 입력에 응답하여, 디스플레이 중인 제1 웹 페이지를 북마크하고, 제2 웹 페이지가 디스플레이된 상태에서, 제2 웹 페이지 상에 제2 제스처에 응답하여, 제2 웹 페이지 및 북마크된 제1 웹 페이지를 함께 디스플레이하고, 북마크된 제1 웹 페이지 상에 제3 제스처에 응답하여, 북마크된 제1 웹 페이지를 스크롤하여 디스플레이 한다.

Description

전자 기기 및 이의 웹 페이지 디스플레이 방법{Electronic Device and Method of Displaying Web Page Using the same}
본 개시는 전자 기기 및 이의 웹 페이지 디스플레이 방법에 관한 것으로, 특히, 사용자에 의하여 북마크된 웹 페이지를 디스플레이하는 전자 기기 및 방법에 관한 것이다.
전자 기기는 웹 브라우저를 실행하여 화면상에 웹 페이지를 디스플레이할 수 있다. 예를 들어, 웹 브라우저가 실행 시에 휴대 단말기는 웹 서버로부터 웹 데이터를 수신하고, 수신된 웹 데이터를 이용하여 웹 페이지를 로딩할 수 있다. 웹 데이터는, 예로, HTML 데이터, 자바 스크립트(java script) 데이터, CSS 데이터, Calc Style 데이터, 이미지 또는 텍스트와 같은 웹 컨텐츠가 있을 수 있다. 전자 기기는 웹 데이터를 파싱하고, 웹 컨텐츠를 화면에 배치하거나, 다운로드하거나 또는 렌더링하는 웹 페이지 로딩 과정을 수행할 수 있다.
웹 페이지가 디스플레이된 상태에서, 전자 기기는 사용자 입력에 응답하여 새로운 웹 페이지를 화면상에 디스플레이할 수 있다. 예를 들어, 사용자가 웹 브라우저 메뉴에 포함된 주소창에 웹 주소를 입력하는 경우, 전자 기기는 웹 주소에 대응하는 새로운 웹 페이지를 로딩하여 화면상에 디스플레이할 수 있다. 또는, 사용자가 웹 페이지에 포함된 링크 객체를 선택하는 경우, 전자 기기는 링크 객체에 연결된 새로운 웹 페이지를 로딩하여 화면상에 디스플레이할 수 있다.
웹 브라우저가 제공하는 웹 브라우저 메뉴에는 화면상에 디스플레이되었던 웹 페이지를 다시 디스플레이하기 위한 아이콘들이 포함될 수 있다. 예를 들어, 웹 브라우저 메뉴에는 현재 디스플레이 중인 웹 페이지의 디스플레이 직전에 화면상에 디스플레이되었던 웹 페이지를 디스플레이하기 위한 백워드(backward) 아이콘, 또는 웹 페이지의 디스플레이 직후에 화면상에 디스플레이되었던 웹 페이지를 디스플레이하기 위한 포워드(forward) 아이콘 등이 포함될 수 있다. 사용자가 백워드 아이콘을 선택하는 경우, 전자 기기는 현재 디스플레이 중인 웹 페이지의 디스플레이 직전에 화면상에 디스플레이되었던 웹 페이지를 디스플레이할 수 있다. 반면, 사용자가 포워드 아이콘을 선택하는 경우, 전자 기기는 현재 디스플레이 중인 웹 페이지의 디스플레이 직후에 화면상에 디스플레이되었던 웹 페이지를 디스플레이할 수 있다.
또한, 웹 브라우저 메뉴에는 사용자가 북마크하거나 특정 기간 동안에 방문했던 웹 페이지를 다시 디스플레이하기 위한 즐겨찾기 아이콘이 포함될 수 있다. 사용자가 즐겨찾기 아이콘을 선택하는 경우, 전자 기기는 사용자가 특정 기간 동안에 방문했던 웹 페이지 목록을 디스플레이할 수 있다. 또는, 사용자가 북마크로 등록한 웹 페이지들 목록을 트리 구조로 디스플레이할 수 있다.
전자 기기가 웹 브라우저 메뉴에 백워드 아이콘 또는 포워드 아이콘을 선택하는 사용자 입력을 수신하는 경우, 디스플레이 중인 웹 페이지의 직전 또는 직후에 디스플레이되었던 웹 페이지만 디스플레이될 수 있다. 이로 인하여, 사용자의 웹 페이지 방문 순서가 복잡할수록 사용자는 원하는 웹 페이지를 다시 디스플레이하기에 어려움이 있을 수 있다. 특히, 사용자가 웹 브라우저를 다시 시작하여 웹 페이지를 디스플레이하거나, 또는 새로운 탭 화면에서 웹 페이지를 디스플레이하는 경우, 기존에 사용자가 방문했던 웹 페이지와는 연동되지 못하고 독립적으로 웹 페이지가 디스플레이될 수 있다.
또한, 전자 기기가 사용자가 특정 기간 동안에 방문했던 웹 페이지 목록을 디스플레이하는 경우, 특정 기간에 사용자가 방문했던 웹 페이지들이 많을수록 사용자는 원하는 웹 페이지를 다시 검색하는데 혼란을 겪을 수 있다.
또한, 전자 기기가 사용자가 북마크로 등록한 웹 페이지 목록을 트리 구조로 디스플레이하는 경우, 사용자는 웹 페이지에 대한 키워드나 또는 트리 구조상에 웹 페이지의 위치를 기억해야 하기 때문에 원하는 웹 페이지를 검색하는 사용자의 직관성이 저하될 수 있다.
따라서, 본 개시의 목적은, 사용자가 빠르고 직관적으로 원하는 웹 페이지로 이동하기 위한 전자 기기 및 방법을 제공하는데 목적이 있다.
본 개시의 다양한 실시 예에 따른 방법 또는 장치에 따르면, 위에서 기술한 문제점들이 개선될 수 있다. 그 밖에, 본 개시에 기술된 내용에 비추어 본 분야의 통상의 지식을 가진 자에게 자명한 다른 문제점들이 개선될 수 있다.
일 실시예에 의하면, 전자 기기의 웹 페이지 디스플레이 방법은, 제1 웹 페이지를 디스플레이하는 단계, 상기 제1 웹 페이지 상에 제1 제스처 입력에 응답하여, 디스플레이 중인 상기 제1 웹 페이지를 북마크하는 단계, 상기 제1 웹 페이지가 북마크된 상태에서, 제2 웹 페이지를 디스플레이하는 단계, 상기 제2 웹 페이지 상에 제2 제스처 입력에 응답하여, 상기 제2 웹 페이지 및 상기 북마크된 제1 웹 페이지를 함께 디스플레이하는 단계, 상기 북마크된 제1 웹 페이지 상에 제3 제스처 입력에 응답하여, 상기 북마크된 제1 웹 페이지를 스크롤하여 디스플레이하는 단계를 포함할 수 있다.
상기 제1 웹 페이지를 북마크하는 단계는, 상기 제1 웹 페이지의 북마크 정보를 저장하는 단계를 포함하고, 상기 제1 웹 페이지의 북마크 정보는 상기 제1 웹 페이지의 도메인 이름, 상기 제1 웹 페이지의 링크 주소, 상기 제1 웹 페이지의 썸네일, 상기 제1 웹 페이지의 제목 및 상기 제1 웹 페이지의 로고를 나타내는 파비콘 중 적어도 하나인 것을 특징으로 할 수 있다.
상기 전자 기기의 웹 페이지 디스플레이 방법에서, 상기 북마크된 제1 웹 페이지가 디스플레이되는 영역의 크기는 상기 제2 웹 페이지가 디스플레이되는 영역의 크기보다 작은 것을 특징으로 할 수 있다.
상기 전자 기기의 웹 페이지 디스플레이 방법에서, 제3 웹 페이지가 더 북마크된 경우, 상기 제2 웹 페이지 및 상기 북마크된 제1 웹 페이지를 함께 디스플레이하는 단계는,
상기 제2 웹 페이지, 상기 북마크된 제1 웹 페이지 및 상기 북마크된 제3 웹 페이지의 식별 정보를 디스플레이하는 단계를 포함할 수 있다.
상기 전자 기기의 웹 페이지 디스플레이 방법에서, 뷰어 어플리케이션에 의하여 실행된 제1 전자 문서가 더 북마크된 경우, 상기 제2 웹 페이지 및 상기 북마크된 제1 웹 페이지를 함께 디스플레이하는 단계는, 상기 제2 웹 페이지, 상기 북마크된 제1 웹 페이지 및 상기 제1 전자 문서의 식별 정보를 함께 디스플레이하는 단계를 포함할 수 있다.
상기 전자 기기의 웹 페이지 디스플레이 방법에서, 이미지가 더 북마크된 경우, 상기 제2 웹 페이지 및 상기 북마크된 제1 웹 페이지를 함께 디스플레이하는 단계는, 상기 제2 웹 페이지, 상기 북마크된 제1 웹 페이지 및 상기 북마크된 이미지의 식별 정보를 함께 디스플레이하는 단계를 포함할 수 있다.
상기 전자 기기의 웹 페이지 디스플레이 방법에서, 제1 파일이 더 북마크된 경우, 상기 제2 웹 페이지 및 상기 북마크된 제1 웹 페이지를 함께 디스플레이하는 단계는, 상기 제2 웹 페이지, 상기 북마크된 제1 웹 페이지 및 상기 제1 파일의 식별 정보를 함께 디스플레이하는 단계를 포함할 수 있다.
상기 전자 기기의 웹 페이지 디스플레이 방법에서, 다른 전자 기기에서 제1 전자 문서의 북마크 정보를 수신하는 경우, 상기 제2 웹 페이지 및 상기 북마크된 제1 웹 페이지를 함께 디스플레이하는 단계는, 상기 제2 웹 페이지, 상기 북마크된 제1 웹 페이지 및 상기 제1 전자 문서의 식별 정보를 함께 디스플레이하는 단계를 포함할 수 있다.
상기 제2 웹 페이지를 디스플레이하는 단계는, 웹 브라우저 메뉴의 새 탭 실행에 따른 신규 웹 브라우저 화면 또는 웹 브라우저 어플리케이션의 재실행에 따른 신규 웹 브라우저 화면상에 상기 제2 웹 페이지를 디스플레이하는 단계를 포함할 수 있다.
상기 전자 기기의 웹 페이지 디스플레이 방법은 상기 북마크된 제1 웹 페이지가 디스플레이된 상태에서, 상기 북마크된 제1 웹 페이지 상에 제4 제스처에 입력에 응답하여, 상기 제1 웹 페이지의 위치를 이동하거나, 상기 제1 웹 페이지의 크기를 변경하거나 또는 상기 제1 웹 페이지에 포함된 링크 객체에 연결된 웹 페이지를 디스플레이하는 단계를 더 포함할 수 있다.
일 실시예에 의하면, 웹 페이지를 디스플레이하는 전자 기기는, 디스플레이부, 사용자 제스처를 감지하는 감지부, 적어도 하나의 프로그램이 저장된 메모리 및 제1 웹 페이지를 디스플레이하고, 상기 감지부를 통한 상기 제1 웹 페이지 상에 제1 제스처 입력에 응답하여, 디스플레이 중인 상기 제1 웹 페이지를 북마크하고, 상기 제1 웹 페이지가 북마크된 상태에서, 제2 웹 페이지를 디스플레이하고, 상기 감지부를 통한 제2 웹 페이지 상에 제2 제스처 입력에 응답하여, 상기 제2 웹 페이지 및 상기 북마크된 제1 웹 페이지를 함께 디스플레이하고, 상기 북마크된 제1 웹 페이지 상에 제3 제스처 입력에 응답하여, 상기 북마크된 제1 웹 페이지를 스크롤하여 디스플레이하는 동작을 수행하는 명령어를 포함하는 상기 적어도 하나의 프로그램을 실행하는 프로세서를 포함할 수 있다.
상기 프로세서는, 상기 제1 웹 페이지를 북마크하는 경우, 상기 제1 웹 페이지의 북마크 정보를 저장하는 동작을 수행하는 명령어를 포함하는 상기 적어도 하나의 프로그램을 실행하고, 상기 제1 웹 페이지의 북마크 정보는 상기 제1 웹 페이지의 도메인 이름, 상기 제1 웹 페이지의 링크 주소, 상기 제1 웹 페이지의 썸네일, 상기 제1 웹 페이지의 제목 및 상기 제1 웹 페이지의 로고를 나타내는 파비콘 중 적어도 하나인 것을 특징으로 할 수 있다.
상기 프로세서는, 상기 제2 웹 페이지 및 상기 북마크된 제1 웹 페이지가 함께 디스플레이되는 경우, 상기 북마크된 제1 웹 페이지가 디스플레이되는 영역의 크기가 상기 제2 웹 페이지가 디스플레이되는 영역의 크기보다 작도록 디스플레이하는 동작을 수행하는 명령어를 포함하는 상기 적어도 하나의 프로그램을 실행하는 것을 특징으로 할 수 있다.
상기 프로세서는, 제3 웹 페이지가 더 북마크된 경우, 상기 제2 웹 페이지, 상기 북마크된 제1 웹 페이지 및 상기 북마크된 제3 웹 페이지의 식별 정보를 함께 디스플레이하는 동작을 수행하는 명령어를 포함하는 상기 적어도 하나의 프로그램을 실행하는 것을 특징으로 할 수 있다.
상기 프로세서는, 뷰어 어플리케이션에 의하여 실행된 제1 전자 문서가 더 북마크된 경우, 상기 제2 웹 페이지, 상기 북마크된 제1 웹 페이지 및 상기 북마크된 제1 전자 문서의 식별 정보를 함께 디스플레이하는 동작을 수행하는 명령어를 포함하는 상기 적어도 하나의 프로그램을 실행하는 것을 특징으로 할 수 있다.
상기 프로세서는, 이미지가 더 북마크된 경우, 상기 제2 웹 페이지, 상기 북마크된 제1 웹 페이지 및 상기 북마크된 이미지의 식별 정보를 함께 디스플레이하는 동작을 수행하는 명령어를 포함하는 상기 적어도 하나의 프로그램을 실행하는 것을 특징으로 할 수 있다.
상기 프로세서는, 제1 파일이 더 북마크된 경우, 상기 제2 웹 페이지, 상기 북마크된 제1 웹 페이지 및 상기 제1 파일의 식별 정보를 함께 디스플레이하는 동작을 수행하는 명령어를 포함하는 상기 적어도 하나의 프로그램을 실행하는 것을 특징으로 할 수 있다.
상기 프로세서는, 다른 전자 기기에서 제1 전자 문서의 북마크 정보를 수신하는 경우, 상기 제2 웹 페이지, 상기 북마크된 제1 웹 페이지 및 상기 제1 전자 문서의 식별 정보를 함께 디스플레이하는 동작을 수행하는 명령어를 포함하는 상기 적어도 하나의 프로그램을 실행하는 것을 특징으로 할 수 있다.
상기 프로세서는, 상기 제2 웹 페이지를 디스플레이하는 경우, 웹 브라우저 메뉴의 새 탭 실행에 따른 신규 웹 브라우저 화면 또는 웹 브라우저 어플리케이션의 재실행에 따른 신규 웹 브라우저 화면상에 상기 제2 웹 페이지를 디스플레이하는 동작을 수행하는 명령어를 포함하는 상기 적어도 하나의 프로그램을 실행하는 것을 특징으로 할 수 있다.
상기 프로세서는, 상기 북마크된 제1 웹 페이지가 디스플레이된 상태에서, 상기 북마크된 제1 웹 페이지 상에 제4 제스처에 입력에 응답하여, 상기 제1 웹 페이지의 위치를 이동하거나, 상기 제1 웹 페이지의 크기를 변경하거나 또는 상기 제1 웹 페이지에 포함된 링크 객체에 연결된 웹 페이지를 디스플레이하는 동작을 수행하는 명령어를 포함하는 상기 적어도 하나의 프로그램을 실행하는 것을 특징으로 할 수 있다.
상술한 바와 같이 본 개시의 다양한 실시 예에 따라, 사용자는 웹 페이지 외에 다양한 리소스들을 대상으로 북마크를 수행하고, 빠르고 직관적으로 웹 브라우저 화면에서 북마크된 리소스를 호출할 수 있게 된다.
특히, 모바일 기기와 같이 작은 화면을 가진 전자 기기에 본 개시의 실시 예를 적용하는 경우, 사용자 제스처를 통하여 북마크를 빠르고 쉽게 수행하고, 다른 사용자 제스처를 통하여 북마크된 리소스를 빠르고 쉽게 호출할 수 있게 된다.
도 1은 본 개시의 일 실시 예에 따른, 전자 기기의 구성을 나타내는 블록도이다.
도 2는 본 개시의 일 실시 예에 따른, 전자 기기에 저장된 소프트웨어의 구조를 나타내는 도면이다.
도 3a 내지 도 3e는 본 개시의 일 실시 예에 따른 웹 페이지를 디스플레이하는 과정을 나타내는 도면들이다.
도 4a 내지 도 4e는 본 개시의 다른 일 실시 예에 따른 웹 페이지를 디스플레이하는 과정을 나타내는 도면들이다.
도 5a 내지 도 5e는 본 개시의 다른 일 실시 예에 따른 웹 페이지를 디스플레이하는 과정을 나타내는 도면들이다.
도 6a 내지 도 6b는 본 개시의 다른 일 실시 예에 따른 다른 어플리케이션 간에 북마크된 전자 문서를 공유하는 과정을 나타내는 도면들이다.
도 7a 내지 도 7c는 본 개시의 또 다른 일 실시 예에 따른 다른 어플리케이션 간에 북마크된 전자 문서를 공유하는 과정을 나타내는 도면들이다.
도 8a 및 도 8c는 본 개시의 일 실시 예에 따른 다른 전자 기기 간에 북마크된 전자 문서를 공유하는 과정을 나타내는 도면들이다.
도 9a 내지 도 9b는 본 개시의 일 실시 예에 따른 웹 페이지들 간에 북마크 정보를 공유하는 과정을 나타내는 도면들이다.
도 10a 및 도 10b는 본 개시의 일 실시 예에 따른 전자 문서들 및 이미지 간에 북마크 정보를 공유하는 과정을 나타내는 도면들이다.
도 11a 및 도 11b는 본 개시의 다른 일 실시 예에 따른 전자 문서들 및 이미지 간에 북마크 정보를 공유하는 과정을 나타내는 도면들이다.
도 12a 내지 도 12c는 본 개시의 일 실시 예에 따른 전자 문서들 및 파일 간에 북마크 정보를 공유하는 과정을 나타내는 도면들이다.
도 13a 내지 도 13d는 본 개시의 일 실시 예에 따른 북마크된 웹 페이지의 식별 정보들의 다양한 예들을 나타내는 과정을 나타내는 도면들이다.
도 14 내지 도 17은 본 개시의 일 실시 예에 따른 웹 페이지를 디스플레이하는 방법을 설명하기 위한 흐름도들이다.
본 명세서에서 사용되는 용어에 대해 간략히 설명하고, 본 개시에 대해 구체적으로 설명하기로 한다.
본 개시의 실시 예에서 사용되는 용어는 본 개시에서의 기능을 고려하면서 가능한 현재 널리 사용되는 일반적인 용어들을 선택하였으나, 이는 당 분야에 종사하는 기술자의 의도 또는 판례, 새로운 기술의 출현 등에 따라 달라질 수 있다. 또한, 특정한 경우는 출원인이 임의로 선정한 용어도 있으며, 이 경우 해당되는 발명의 설명 부분에서 상세히 그 의미를 기재할 것이다. 따라서 본 개시에서 사용되는 용어는 단순한 용어의 명칭이 아닌, 그 용어가 가지는 의미와 본 개시의 전반에 걸친 내용을 토대로 정의되어야 한다.
본 개시의 실시 예들은 다양한 변환을 가할 수 있고 여러 가지 실시 예를 가질 수 있는바, 특정 실시 예들을 도면에 예시하고 상세한 설명에 상세하게 설명하고자 한다. 그러나 이는 특정한 실시 형태에 대해 범위를 한정하려는 것이 아니며, 개시된 사상 및 기술 범위에 포함되는 모든 변환, 균등물 내지 대체물을 포함하는 것으로 이해되어야 한다. 실시 예들을 설명함에 있어서 관련된 공지 기술에 대한 구체적인 설명이 요지를 흐릴 수 있다고 판단되는 경우 그 상세한 설명을 생략한다.
제1, 제2 등의 용어는 다양한 구성요소들을 설명하는데 사용될 수 있지만, 구성요소들은 용어들에 의해 한정되어서는 안 된다. 용어들은 하나의 구성요소를 다른 구성요소로부터 구별하는 목적으로만 사용된다.
단수의 표현은 문맥상 명백하게 다르게 뜻하지 않는 한, 복수의 표현을 포함한다. 본 출원에서, "포함하다" 또는 "구성되다" 등의 용어는 명세서상에 기재된 특징, 숫자, 단계, 동작, 구성요소, 부품 또는 이들을 조합한 것이 존재함을 지정하려는 것이지, 하나 또는 그 이상의 다른 특징들이나 숫자, 단계, 동작, 구성요소, 부품 또는 이들을 조합한 것들의 존재 또는 부가 가능성을 미리 배제하지 않는 것으로 이해되어야 한다.
본 개시의 실시 예에서 ‘모듈’ 혹은 ‘부’는 적어도 하나의 기능이나 동작을 수행하며, 하드웨어 또는 소프트웨어로 구현되거나 하드웨어와 소프트웨어의 결합으로 구현될 수 있다. 또한, 복수의‘모듈’ 혹은 복수의‘부’는 특정한 하드웨어로 구현될 필요가 있는 ‘모듈’ 혹은 ‘부’를 제외하고는 적어도 하나의 모듈로 일체화되어 적어도 하나의 프로세서(미도시)로 구현될 수 있다.
본 개시의 실시 예에서, 어떤 부분이 다른 부분과 "연결"되어 있다고 할 때, 이는 "직접적으로 연결"되어 있는 경우뿐 아니라, 그 중간에 다른 소자를 사이에 두고 "전기적으로 연결"되어 있는 경우도 포함한다. 또한 어떤 부분이 어떤 구성요소를 "포함"한다고 할 때, 이는 특별히 반대되는 기재가 없는 한 다른 구성요소를 제외하는 것이 아니라 다른 구성요소를 더 포함할 수 있는 것을 의미한다.
아래에서는 첨부한 도면을 참고하여 본 개시의 실시 예에 대하여 본 개시가 속하는 기술 분야에서 통상의 지식을 가진 자가 용이하게 실시할 수 있도록 상세히 설명한다. 그러나 본 개시는 여러 가지 상이한 형태로 구현될 수 있으며 여기에서 설명하는 실시 예에 한정되지 않는다. 그리고 도면에서 본 개시를 명확하게 설명하기 위해서 설명과 관계없는 부분은 생략하였으며, 명세서 전체를 통하여 유사한 부분에 대해서는 유사한 도면 부호를 붙였다.
또한, 본 개시의 실시 예에서, 사용자 입력은, 터치 입력, 제스처 입력, 벤딩 입력, 음성 입력, 버튼 입력 및 다중(multimodal) 입력 중 적어도 하나를 포함할 수 있으나, 이에 한정되는 것은 아니다.
또한, 본 개시의 실시 예에서, “터치 입력”이란 사용자가 장치를 제어하기 위해 디스플레이 또는 커버를 터치하는 사용자 입력을 의미한다. 또한, “터치 입력”은 디스플레이 상에 접촉되지 않고, 일정 거리 이상 이격되어 있는 상태의 터치(예컨대, 플로팅(floating) 또는 호버링(hovering))를 포함할 수 있다. 터치 입력에는, 예로, 터치&홀드 입력, 터치 후 해제하는 탭 입력, 더블 탭 입력이 포함될 수 있다.
또한, 본 개시의 실시 예에서, "제스처 입력" 이란 사용자가 장치를 제어하기 위해 디스플레이 또는 커버를 터치 후 터치를 유지한 체로 일정 거리 이상 이동 후 터치를 해제하는 사용자 입력을 의미한다. 제스처 입력에는 예로, 패닝 제스처, 플릭 제스처, 터치 드래그 제스처, 핀치 제스처 등이 포함될 수 있다. 또한, 제스처 입력에는 특정 기능과 매핑된 미리 결정된 기호를 그리는 사용자 입력을 포함할 수 있다. 제스처 입력에는, 예로, 원 제스처, 체크('√') 제스처, 'Z' 제스처, 'N' 제스처 등이 포함될 수 있다. 예를 들어, 원 제스처를 수행하는 사용자 입력을 수신하면, 전자 기기는 디스플레이 중인 전자 화면을 북마크하는 기능을 수행할 수 있다. 또한, 체크 제스처를 수행하는 사용자 입력을 수행하면, 전자 기기는 북마크된 전자 화면을 호출하는 기능을 수행할 수 있다.
또한, 본 개시의 실시 예에서, “버튼 입력”은 사용자가 장치에 부착된 물리적인 버튼을 이용하여, 장치를 제어하는 입력을 의미한다.
또한, 본 개시의 실시 예에서, "모션 입력"은, 사용자가 장치를 제어하기 위해 장치에 가하는 모션을 의미한다. 예를 들어, 모션 입력은, 사용자가 장치를 회전시키거나, 장치를 기울이거나, 장치를 상하좌우로 이동시키는 입력을 포함할 수 있다.
또한, 본 개시 실시 예에서, “다중 입력”은, 적어도 둘 이상의 입력 방식이 결합된 것을 의미한다. 예를 들어, 장치는 사용자의 터치 입력 및 모션 입력을 수신할 수도 있고, 사용자의 터치 입력 및 음성 입력을 수신할 수도 있다.
또한, 본 개시의 실시 예에서, “어플리케이션”은 특정한 업무를 수행하기 위해 고안된 일련의 컴퓨터 프로그램 집합을 말한다. 본 개시의 실시 예에서, 어플리케이션은 다양할 수 있다. 예를 들어, 게임 애플리케이션, 동영상 재생 애플리케이션, 지도 애플리케이션, 메모 애플리케이션, 캘린더 애플리케이션, 폰 북 애플리케이션, 방송 애플리케이션, 운동 지원 애플리케이션, 결제 애플리케이션, 사진 폴더 애플리케이션, 카메라 어플리케이션, 웹 브라우저 어플리케이션, 편집 어플리케이션 등이 있을 수 있으나, 이에 한정되는 것은 아니다.
또한, 본 개시의 실시 예에서, UI(User Interaction) 엘리먼트는 사용자와 인터렉션이 가능하여 사용자 입력에 따라 시각적, 청각적, 후각적 등 피드백을 제공할 수 있는 엘리먼트를 의미한다. UI 엘리먼트는 이미지, 텍스트 및 동영상 중 적어도 하나와 결합하여 표시될 수 있으며, 또는 상술한 정보가 디스플레이되지 않으나 사용자 입력에 따라 피드백이 가능한 화면상에 일 영역이 있으면, 이 영역을 UI 엘리먼트라 할 수 있다.
이하, 본 개시의 실시 예들을 도면을 참조하여 상세히 설명하기로 한다.
도 1은 본 개시의 일 실시 예에 따른 전자 기기의 구성을 나타내는 블록도이다.
도 1의 전자 기기(100)의 구성은, 예를 들어, 휴대폰, 태블릿 PC, PDA, MP3 플레이어, 키오스크, 전자 액자, 네비게이션 장치, 손목 시계(Wrist watch) 또는 HMD(Head-Mounted Display)와 같은 웨어러블 기기(Wearable device) 등과 같은 다양한 유형의 장치에 적용될 수 있다.
도 1에 도시된 바와 같이, 전자 기기(100)는 영상 획득부(110), 영상 처리부(120), 디스플레이부(130), 통신부(140), 메모리(150), 오디오 처리부(160), 오디오 출력부(170), 감지부(180) 및 프로세서(190) 중 적어도 하나를 포함할 수 있다. 한편, 도 2에 도시된 전자 기기(100)의 구성은 일 예에 불과하므로, 반드시 전술한 블록도에 한정되는 것은 아니다. 따라서, 전자 기기(100)의 종류 또는 전자 기기(100)의 목적에 따라 일부가 생략 또는 변형되거나, 추가될 수도 있음은 물론이다.
영상 획득부(110)는 다양한 소스를 통해 영상 데이터를 획득할 수 있다. 예를 들어, 영상 획득부(110)는 외부의 방송국으로부터 방송 데이터를 수신할 수 있으며, 외부 서버로부터 실시간으로 VOD 데이터를 수신할 수 있으며, 외부 기기로부터 영상 데이터를 수신할 수 있다.
또는, 영상 획득부(110)는 외부 환경을 촬영하여 영상 데이터를 획득할 수 있다. 예로, 영상 획득부(110)는 전자 기기(100)의 외부 환경을 촬영하는 카메라로 구현될 수 있다. 이 경우, 영상 획득부(110)는 영상이 투과되는 렌즈(미도시) 및 렌즈를 통해 투과된 영상을 감지하는 이미지 센서(미도시)를 포함할 수 있다. 이미지 센서(이미지)는 CCD이미지 센서 또는 CMOS 이미지 센서로 구현될 수 있다. 영상 획득부(110)를 통해 획득된 영상 데이터는 영상 처리부(120)에서 처리될 수 있다.
영상 처리부(120)는 영상 획득부(110)에서 수신한 영상 데이터에 대한 처리를 수행하는 구성요소이다. 영상 처리부(120)에서는 영상 데이터에 대한 디코딩, 스케일링, 노이즈 필터링, 프레임 레이트 변환, 해상도 변환 등과 같은 다양한 이미지 처리를 수행할 수 있다.
디스플레이부(130)는 영상 데이터를 영상 처리부(120)에서 처리한 비디오 프레임 또는 그래픽 처리부(193)에서 생성된 다양한 화면 중 적어도 하나를 디스플레이한다.
디스플레이부(130)의 구현 방식은 한정되지 않으며, 예컨대, LCD(Liquid Crystal Display), OLED(Organic Light Emitting Diodes) 디스플레이, AM-OLED(Active-Matrix Organic Light-Emitting Diode), PDP(Plasma Display Panel) 등과 같은 다양한 형태의 디스플레이로 구현될 수 있다. 디스플레이부(130)는 그 구현 방식에 따라서 부가적인 구성을 추가적으로 포함할 수 있다. 예를 들면, 디스플레이부(130)가 액정 방식인 경우, 디스플레이부(130)는 LCD 디스플레이 패널(미도시)과, 이에 광을 공급하는 백라이트 유닛(미도시)과, 패널(미도시)을 구동시키는 패널 구동기판(미도시)을 포함할 수 있다. 또한, 디스플레이부(130)는 감지부(180)의 터치 감지부(181)와 결합되어 터치 스크린으로 제공될 수도 있다. 이 경우, 터치 스크린을 통하여 전자 문서가 디스플레이되고, 터치 스크린을 통하여 사용자 입력이 감지될 수 있다.
디스플레이부(130)는 벤디드 디스플레이의 형태로 전자 기기(100)의 전면 영역 및, 측면 영역 및 후면 영역 중 적어도 하나에 결합될 수도 있다. 벤디드 디스플레이는 플렉서블 디스플레이(flexible display)로 구현될 수도 있으며, 플렉서블 하지 않는 일반 디스플레이로 구현될 수도 있다. 예를 들어, 벤디드 디스플레이는 복수의 평면의 디스플레이를 서로 연결하여 구현될 수 있다.
벤디드 디스플레이가 플렉서블 디스플레이로 구현되는 경우, 플렉서블 디스플레이는 종이처럼 얇고 유연한 기판을 통해 손상 없이 휘거나 구부리거나 말 수 있는 것을 특징으로 할 수 있다. 이러한 플렉서블 디스플레이는 일반적으로 사용되는 유리 기판뿐 아니라 플라스틱 기판을 사용하여 제조될 수도 있다. 플라스틱 기판을 사용하는 경우, 기판의 손상을 방지하기 위해서 기존의 제조 프로세서를 사용하지 않고 저온 제조 프로세서를 사용하여 형성될 수 있다. 또한, 플렉서블 디스플레이는 LCD(Liquid Crystal Display), OLED(Organic Light Emitting Diodes) 디스플레이, AM-OLED(Active-Matrix Organic Light-Emitting Diode), PDP(Plasma Display Panel) 등에서 액정을 싸고 있는 유리 기판을 플라스틱 필름으로 대체하여, 접고 펼 수 있는 유연성을 부여할 수 있다. 이러한 플렉서블 디스플레이는 얇고 가벼울 뿐만 아니라 충격에도 강하며, 또한 휘거나 굽힐 수 있고 다양한 형태로 제작이 가능하다는 장점을 갖고 있다.
통신부(140)는 다양한 유형의 통신방식에 따라 다양한 유형의 외부 기기와 통신을 수행하는 구성이다. 통신부(140)는 와이파이칩(141), 블루투스 칩(142), 무선 통신 칩(143), NFC 칩(144) 중 적어도 하나를 포함할 수 있다. 프로세서(190)는 통신부(140)를 이용하여 각종 외부 기기와 통신을 수행할 수 있다.
특히, 와이파이 칩(141), 블루투스 칩(142) 각각은 WiFi 방식, 블루투스 방식으로 통신을 수행할 수 있다. 와이파이 칩(141)이나 블루투스 칩(142)을 이용하는 경우에는 SSID 및 세션 키 등과 같은 각종 연결 정보를 먼저 송수신하여, 이를 이용하여 통신 연결한 후 각종 정보들을 송수신할 수 있다. 무선 통신 칩(143)은 IEEE, 지그비, 3G(3rd Generation), 3GPP(3rd Generation Partnership Project), LTE(Long Term Evoloution) 등과 같은 다양한 통신 규격에 따라 통신을 수행하는 칩을 의미한다. NFC 칩(144)은 135kHz, 13.56MHz, 433MHz, 860~960MHz, 2.45GHz 등과 같은 다양한 RF-ID 주파수 대역들 중에서 13.56MHz 대역을 사용하는 NFC(Near Field Communication) 방식으로 동작하는 칩을 의미한다.
메모리(150)는 전자 기기(100)의 동작에 필요한 각종 프로그램 및 데이터를 저장할 수 있다. 메모리(150)는 비휘발성 메모리, 휘발성 메모리, 플래시메모리(flash-memory), 하드디스크 드라이브(HDD) 또는 솔리드 스테이트 드라이브(SSD) 등으로 구현될 수 있다. 메모리(150)는 프로세서(190)에 의해 액세스되며, 프로세서(190)에 의한 데이터의 독취/기록/수정/삭제/갱신 등이 수행될 수 있다. 본 개시에서 메모리라는 용어는 메모리(150), 프로세서(190) 내 롬(미도시), 램(미도시) 또는 전자 기기(100)에 장착되는 메모리 카드(미도시)(예를 들어, micro SD 카드, 메모리 스틱)를 포함할 수 있다. 구체적으로는, 메모리(150)에는 디스플레이 영역에 디스플레이될 각종 화면을 구성하기 위한 프로그램 및 데이터 등이 저장될 수 있다.
이하에서는 도 2를 참조하여 전자 기기(100)에 저장된 소프트웨어의 구조를 설명한다. 도 2에 따르면, 메모리(150)에는 OS(210), 커널(220), 미들웨어(230), 어플리케이션(240) 등을 포함하는 소프트웨어가 저장될 수 있다.
운영체제(Operating System: OS, 210)는 하드웨어의 전반적인 동작을 제어하고 관리하는 기능을 수행한다. 즉, OS(210)는 하드웨어 관리와 메모리, 보안 등의 기본적인 기능을 담당하는 계층이다.
커널(220)은 감지부(180)에서 감지되는 터치 신호 등을 비롯한 각종 신호들을 미들웨어(230)로 전달하는 통로 역할을 한다.
미들웨어(230)는 전자 기기(100)의 동작을 제어하는 각종 소프트웨어 모듈을 포함한다. 미들웨어(230)는 X11 모듈(230-1), APP 매니저(230-2), 연결 매니저(230-3), 보안 모듈(230-4), 시스템 매니저(230-5), 멀티미디어 프레임워크(230-6), 메인 UI 프레임워크(230-7), 윈도우 매니저(230-8), 서브 UI 프레임워크(230-9)를 포함한다.
X11 모듈(230-1)은 전자 기기(100)에 구비된 각종 하드웨어들로부터 각종 이벤트 신호를 수신하는 모듈이다. 여기서 이벤트란, 사용자 제스쳐가 감지되는 이벤트, 시스템 알람(alarm)이 발생하는 이벤트, 특정 프로그램이 실행 또는 종료되는 이벤트 등과 같이 다양하게 설정될 수 있다.
APP 매니저(230-2)는 메모리(150)에 설치(install)된 각종 어플리케이션(240)의 실행 상태를 관리하는 모듈이다. APP 매니저(230-2)는 X11 모듈(230-1)로부터 어플리케이션 실행 이벤트가 감지되면, 해당 이벤트에 대응되는 어플리케이션을 호출하여 실행시킨다.
연결 매니저(230-3)는 유선 또는 무선 네트워크 연결을 지원하기 위한 모듈이다. 연결 매니저(230-3)는 DNET 모듈, UPnP 모듈 등과 같은 다양한 세부 모듈들을 포함할 수 있다.
보안 모듈(230-4)은 하드웨어에 대한 인증(Certification), 요청허용(Permission), 보안 저장(Secure Storage) 등을 지원하는 모듈이다.
시스템 매니저(230-5)는 전자 기기(100) 내의 각 구성요소들의 상태를 모니터링하고, 그 모니터링 결과를 타 모듈들에게 제공한다. 가령, 배터리 잔량이 부족하거나, 에러가 발생하는 경우, 통신 연결 상태가 끊어지는 경우 등이 발생하면 시스템 매니저(230-5)는 그 모니터링 결과를 메인 UI 프레임워크(230-7)나 서브 UI 프레임워크(230-9)로 제공하여 알림 메시지나 알림 음을 출력할 수 있다.
멀티미디어 프레임워크(230-6)는 전자 기기(100)에 저장되어 있거나, 외부 소스로부터 제공되는 멀티미디어 컨텐츠를 재생하기 위한 모듈이다. 멀티미디어 프레임워크(230-6)는 플레이어 모듈, 캠코더 모듈, 사운드 처리모듈 등을 포함할 수 있다. 이에 따라, 각종 멀티미디어 컨텐츠를 재생하여 화면 및 음향을 생성하여 재생하는 동작을 수행할 수 있다.
메인 UI 프레임워크(230-7)는 디스플레이부(130)의 메인 영역에 디스플레이할 각종 UI를 제공하기 위한 모듈이고, 서브 UI 프레임워크(230-9)는 서브 영역에 디스플레이할 각종 UI를 제공하기 위한 모듈이다. 메인 UI 프레임워크(230-7) 및 서브 UI 프레임워크(230-9)는 각종 UI 엘리먼트를 구성하는 이미지 합성기(Image Compositor module), UI 엘리먼트가 디스플레이될 좌표를 산출하는 좌표 합성기, 구성된 UI 엘리먼트를 산출된 좌표에 렌더링하는 렌더링 모듈, 2D 또는 3D 형태의 UI를 구성하기 위한 툴(tool)을 제공하는 2D/3D UI 툴킷 등을 포함할 수 있다.
윈도우 매니저(230-8)는 사용자의 신체나 펜을 이용한 터치 이벤트나 기타 입력 이벤트를 감지할 수 있다. 윈도우 매니저(230-8)는 이러한 이벤트가 감지되면 메인 UI 프레임워크(230-7) 또는 서브 UI 프레임워크(230-9)로 이벤트 신호를 전달하여, 이벤트에 대응되는 동작을 수행하도록 한다.
그 밖에도, 사용자가 화면을 터치 및 드래그하는 경우, 드래그 궤적에 따라 라인을 드로잉하기 위한 필기 모듈이나, 움직임 감지부(182)에서 감지된 센서 값에 기초하여 피치각, 롤각, 요우각 등을 산출하기 위한 각도 산출 모듈 등과 같은 다양한 프로그램 모듈이 저장될 수도 있다.
어플리케이션 모듈(240)은 다양한 기능을 지원하기 위한 어플리케이션들(240-1 ~ 240-n)을 포함한다. 예를 들어, 네비게이션 프로그램 모듈, 게임 모듈, 전자 책 모듈, 달력 모듈, 알람 관리 모듈, 웹 브라우저 모듈 등과 같은 다양한 서비스를 제공하기 위한 프로그램 모듈을 포함할 수 있다. 이러한 어플리케이션들은 디폴트로 설치되어 있을 수도 있고, 사용자가 사용 과정에서 임의로 설치하여 사용할 수도 있다. 메인 CPU(194)는 UI 엘리먼트가 선택되면, 어플리케이션 모듈(240)을 이용하여 선택된 UI 엘리먼트에 대응되는 어플리케이션을 실행시킬 수 있다.
도 2에 디스플레이된 소프트웨어 구조는 일 예에 불과하므로, 반드시 이에 한정되어야 하는 것은 아니다. 따라서, 전자 기기(100)의 종류 또는 전자 기기(100)의 목적에 따라 일부가 생략 또는 변형되거나, 추가될 수도 있음은 물론이다.
다시, 도 1에 대해 설명하면, 오디오 처리부(160)는 영상 컨텐츠의 오디오 데이터에 대한 처리를 수행하는 구성요소이다. 오디오 처리부(160)에서는 오디오 데이터에 대한 디코딩이나 증폭, 노이즈 필터링 등과 같은 다양한 처리가 수행될 수 있다. 오디오 처리부(160)에서 처리된 오디오 데이터는 오디오 출력부(170)로 출력될 수 있다.
오디오 출력부(170)는 오디오 처리부(160)에 의해 디코딩이나 증폭, 노이즈 필터링과 같은 다양한 처리 작업이 수행된 각종 오디오 데이터뿐만 아니라 각종 알림 음이나 음성 메시지를 출력하는 구성이다. 특히, 오디오 출력부(170)는 스피커로 구현될 수 있으나, 이는 일 실시 예에 불과할 뿐, 오디오 데이터를 출력할 수 있는 출력 단자로 구현될 수 있다.
감지부(180)는 다양한 센서들로 이루어질 수 있으며, 전자 기기(100)의 상태 변화를 검출할 수 있는 모든 형태의 센싱 디바이스(sensing device)들 중 적어도 하나의 디바이스를 포함하여 구성될 수 있다. 예를 들어, 감지부(180)는 터치 센서(Touch Sensor)는 가속도 센서(Acceleration Sensor), 자이로 센서(Gyro Sensor), 조도 센서(illuminance sensor), 근접 센서(proximity sensor), 압력 센서(pressure sensor), 노이즈 센서(Noise Sensor)(예컨대, 마이크), 비디오 센서(Video Sensor)(예컨대, 카메라 모듈), 그리고 타이머 등과 같은 다양한 센싱 디바이스들 중 적어도 하나의 센서를 포함하여 구성될 수 있다.
감지부(180)는 감지 목적에 따른 터치 감지부(181), 움직임 감지부(182) 등을 포함할 수 있으나, 이에 제한되지 않으며 더 다양한 감지 목적에 따른 모듈들을 포함할 수 있다. 감지 목적에 따른 구분은, 물리적인 구분을 의미하는 것은 아니며 적어도 하나의 센서들이 결합하여 상기 모듈들(181,182)의 역할을 수행할 수 있다. 또한, 구현 방법에 따라 감지부(180)의 구성 또는 기능의 일부가 프로세서(190)에 포함될 수도 있다.
예를 들어, 터치 감지부(181)는 디스플레이 패널의 뒷면에 부착된 터치 센서를 이용하여 사용자의 터치 입력 또는 제스처 입력을 감지할 수 있다. 이 경우, 프로세서(190)는 터치 감지부(181)로부터 터치 좌표 및 터치 시간 등의 정보를 획득하여, 터치 입력 또는 제스처의 입력의 종류를 결정할 수 있다. 또는, 터치 감지부(181)가 획득한 터치 좌표 및 터치 시간 등을 이용하여 터치 입력 또는 제스처 입력의 종류를 결정하고, 결정된 터치 입력 또는 제스처 입력의 종류에 관한 정보를 프로세서(190)로 전송할 수 있다.
움직임 감지부(182)는 가속도 센서(Acceleration sensor), 기울기 센서(tilt sensor), 자이로 센서(Gyro sensor), 자기장 센서(3-axis Magnetic sensor) 중 적어도 하나를 이용하여 전자 기기(100)의 움직임(예를 들어, 회전 움직임, 틸팅 움직임 등)을 감지할 수 있다. 그리고 움직임 감지부(182)는 생성된 전기적 신호를 프로세서(190)로 전달할 수 있다. 일 예로, 움직임 감지부(182)는 전자 기기(100)의 운동 가속도와 중력 가속도가 더해진 가속도를 측정하지만, 전자 기기(100)의 움직임이 없으면 중력 가속도만 측정할 수 있다.
프로세서(190)(또는, 컨트롤러)는 메모리(150)에 저장된 각종 프로그램을 이용하여 전자 기기(100)의 전반적인 동작을 제어한다.
프로세서(190)는 RAM(191), ROM(192), 그래픽 처리부(193), 메인 CPU(194), 제1 내지 n 인터페이스(195-1 ~ 195-n), 버스(196)로 구성될 수 있다. 이때, RAM(191), ROM(192), 그래픽 처리부(193), 메인 CPU(194), 제1 내지 n 인터페이스(195-1 ~ 195-n) 등은 버스(196)를 통해 서로 연결될 수 있다.
RAM(191)은 O/S 및 어플리케이션 프로그램을 저장한다. 구체적으로, RAM(191)은 전자 기기(100)가 부팅되면 O/S가 저장되고, 사용자가 선택한 각종 어플리케이션 데이터가 저장될 수 있다.
ROM(192)에는 시스템 부팅을 위한 명령어 세트 등이 저장된다. 턴 온 명령이 입력되어 전원이 공급되면, 메인 CPU(194)는 ROM(192)에 저장된 명령어에 따라 메모리(150)에 저장된 O/S를 RAM(191)에 복사하고, O/S를 실행시켜 시스템을 부팅시킨다. 부팅이 완료되면, 메인 CPU(194)는 메모리(150)에 저장된 각종 어플리케이션 프로그램을 RAM(191)에 복사하고, RAM(191)에 복사된 어플리케이션 프로그램을 실행시켜 각종 동작을 수행한다.
그래픽 처리부(193)는 연산부(미도시) 및 렌더링부(미도시)를 이용하여 아이템, 이미지, 텍스트 등과 같은 다양한 객체를 포함하는 화면을 생성한다. 여기서, 연산부는 감지부(180)로부터 수신된 제어 명령을 이용하여 화면의 레이아웃에 따라 각 객체들이 디스플레이될 좌표값, 형태, 크기, 컬러 등과 같은 속성값을 연산하는 구성일 수 있다. 그리고, 렌더링부는 연산부에서 연산한 속성값에 기초하여 객체를 포함하는 다양한 레이아웃의 화면을 생성하는 구성이 일 수 있다. 이러한 렌더링부에서 생성된 화면은 디스플레이부(130)의 디스플레이 영역 내에 디스플레이될 수 있다.
메인 CPU(194)는 메모리(150)에 액세스하여, 메모리(150)에 저장된 O/S를 이용하여 부팅을 수행한다. 그리고, 메인 CPU(194)는 메모리(150)에 저장된 각종 프로그램, 컨텐츠, 데이터 등을 이용하여 다양한 동작을 수행한다.
제1 내지 n 인터페이스(195-1 내지 195-n)는 상술한 각종 구성요소들과 연결된다. 제1 내지 n 인터페이스(195-1 내지 195-n) 중 하나는 네트워크를 통해 외부 장치와 연결되는 네트워크 인터페이스가 될 수도 있다.
특히, 프로세서(190)는 제1 웹 페이지가 디스플레이되는 동안에 감지부(180)를 통한 제1 웹 페이지 상에 제1 제스처 입력에 응답하여, 디스플레이 중인 제1 웹 페이지를 북마크할 수 있다. 그리고, 제1 웹 페이지가 북마크된 상태에서, 프로세서(190)는 제2 웹 페이지가 디스플레이되는 동안에 감지부(180)를 통한 제2 웹 페이지 상에 제2 제스처 입력에 응답하여, 제2 웹 페이지 및 북마크된 제1 웹 페이지를 함께 디스플레이할 수 있다. 그리고, 감지부(180)를 통한 제1 웹 페이지 상에 제3 제스처 입력에 응답하여, 프로세서(190)는 제1 웹 페이지를 스크롤하여 디스플레이되도록 디스플레이부(130)를 제어할 수 있다.
도 3a 내지 도 3e는 본 개시의 일 실시 예에 따른 웹 페이지를 디스플레이하는 과정을 나타내는 도면들이다.
도 3a를 참조하면, 도 3a의 310과 같이 프로세서(190)는 웹 브라우저를 실행하여 웹 브라우저 화면에 제1 웹 페이지(311)가 디스플레이되도록 디스플레이부(130)를 제어할 수 있다. 다음으로, 감지부(180)는 제2 웹 페이지(312)를 디스플레이하기 위한 사용자 입력을 감지할 수 있다. 사용자 입력은, 예로, 제1 웹 페이지(311)의 입력 필드에서 제2 웹 페이지(312)와 관련된 검색어를 입력하는 사용자 입력이 될 수 있다.
사용자 입력에 응답하여, 도 3a의 320과 같이, 프로세서(190)는 웹 브라우저 화면에 제2 웹 페이지(312)가 디스플레이되도록 디스플레이부(130)를 제어할 수 있다. 다음으로, 감지부(180)는 제2 웹 페이지(312)를 북마크하기 위한 사용자 입력을 감지할 수 있다. 예로, 사용자 입력은 사전에 정의된 제스처 입력으로서, 제2 웹 페이지(312) 상에서 개곡선 또는 폐곡선 형태의 원을 그리는 제스처 입력이 될 수 있다. 또는, 사용자 입력은 터치 입력으로서, 예로, 소정 시간 동안 터치를 유지하는 터치&홀드 입력이 될 수 있다. 또는, 사용자 입력은 사전에 정의된 음성 입력으로서, 예로, '북마크 설정' 이라는 음성이 될 수 있다.
사용자 입력에 응답하여, 프로세서(190)는 제2 웹 페이지(312)를 북마크할 수 있다. 예로, 프로세서(190)는 제2 웹 페이지(312)의 북마크 정보를 저장할 수 있다. 제2 웹 페이지(312)의 북마크 정보는, 예로, 도메인 이름, 링크 주소, 썸네일, 웹 페이지의 제목 또는 웹 페이지의 로고를 나타내는 파비콘(favicon) 중 적어도 하나가 될 수 있다.
다음으로, 도 3b의 330과 같이, 제2 웹 페이지(312)가 계속하여 디스플레이된 상태에서, 감지부(180)는 제3 웹 페이지(313)를 디스플레이하기 위한 사용자 입력을 감지할 수 있다. 사용자 입력은, 예로, 제2 웹 페이지의 입력 필드(312)에서 제3 웹 페이지(313)와 관련된 검색어를 입력하는 사용자 입력이 될 수 있다.
사용자 입력에 응답하여, 도 3b의 340과 같이, 프로세서(190)는 웹 브라우저 화면에 제3 웹 페이지(313)가 디스플레이되도록 디스플레이부(130)를 제어할 수 있다. 다음으로, 감지부(180)는 제3 웹 페이지(313)를 북마크하기 위한 사용자 입력을 감지할 수 있다. 예로, 사용자 입력은 제3 웹 페이지(313) 상에 사전에 정의된 제스처 입력이 될 수 있다.
다음으로, 도 3c의 350과 같이, 제3 웹 페이지(313)가 계속하여 디스플레이된 상태에서, 감지부(180)는 제4 웹 페이지(314)를 디스플레이하기 위한 사용자 입력을 감지할 수 있다. 사용자 입력은, 예로, 제3 웹 페이지(313)에 포함된 링크 객체를 선택하는 사용자 입력이 될 수 있다.
사용자 입력에 응답하여, 도 3d의 360과 같이, 프로세서(190)는 웹 브라우저 화면에 제4 웹 페이지(314)가 디스플레이되도록 디스플레이부(130)를 제어할 수 있다. 다음으로, 감지부(180)는 제5 웹 페이지(315)를 디스플레이하기 위한 사용자 입력을 감지할 수 있다. 사용자 입력은, 예로, 제4 웹 페이지(314)에 포함된 링크 객체를 선택하는 사용자 입력이 될 수 있다.
사용자 입력에 응답하여, 도 3d의 370과 같이, 프로세서(190)는 웹 브라우저 화면에 제5 웹 페이지(315)가 디스플레이되도록 디스플레이부(130)를 제어할 수 있다. 다음으로, 감지부(180)는 북마크된 적어도 하나의 웹 페이지의 식별 정보를 디스플레이하기 위한 사용자 입력을 감지할 수 있다. 예로, 사용자 입력은 사전에 정의된 제스처 입력으로서, 예로, 제5 웹 페이지(315) 상에서 체크('√') 또는 'V'를 그리는 제스처 입력이 될 수 있다. 또는, 사용자 입력은 터치 입력으로서, 예로, 소정 시간 동안 터치를 유지하는 터치&홀드 입력이 될 수 있다. 또는, 사용자 입력은 사전에 정의된 음성 입력으로서, 예로, '북마크 호출' 이라는 음성이 될 수 있다. 또는, 북마크된 웹 페이지 목록을 포함하는 팝업 화면이 디스플레이된 경우, 사용자 입력은, 북마크된 웹 페이지 목록에서 제5 웹 페이지(315)를 선택하는 사용자 입력이 될 수 있다. 또는, 사용자 입력이 없이도, 제5 웹 페이지(315)가 디스플레이되면 북마크된 적어도 하나의 웹 페이지의 식별 정보가 자동으로 디스플레이될 수도 있다.
사용자 입력에 응답하여, 도 3d의 380과 같이, 프로세서(190)는 북마크된 제2 웹 페이지의 식별 정보(312-1) 및 북마크된 제3 웹 페이지(313-1)의 식별 정보 중 적어도 하나가 디스플레이되도록 디스플레이부(130)를 제어할 수 있다. 이 때, 제2 웹 페이지의 식별 정보(312-1)는 디스플레이되는 영역의 크기가 축소된 제2 웹 페이지, 제2 웹 페이지의 썸네일, 제2 웹 페이지의 제목, 제2 웹 페이지의 로고를 나타내는 파비콘(favicon) 또는 제2 웹 페이지의 일부 중 적어도 하나가 될 수 있다. 또한, 제3 웹 페이지의 식별 정보(313-1)는 디스플레이되는 영역의 크기가 축소된 제3 웹 페이지, 제3 웹 페이지의 썸네일, 제3 웹 페이지의 제목, 제3 웹 페이지의 로고를 나타내는 파비콘(favicon) 또는 제3 웹 페이지의 일부 중 적어도 하나가 될 수 있다.
여기서, 축소된 제3 웹 페이지(313-1)가 디스플레이되는 영역의 크기는 제5 웹 페이지(315)가 디스플레이되는 영역의 크기보다 작을 수 있다. 다음으로, 감지부(180)는 축소된 제3 웹 페이지(313-1)를 스크롤 하기 위한 사용자 입력을 감지할 수 있다. 예로, 사용자 입력은 축소된 제3 웹 페이지(313-1) 상에 터치 드래그 제스처가 될 수 있다. 이 경우, 사용자 입력에 응답하여, 도 3e의 390과 같이, 프로세서(190)는 축소된 제3 웹 페이지(313-1)가 스크롤되어 디스플레이되도록 디스플레이부(130)를 제어할 수 있다.
다른 예로, 감지부(180)는 제3 웹 페이지의 식별 정보(313-1)의 크기를 늘리기 위한 사용자 입력을 감지할 수 있다. 예로, 사용자 입력은, 제3 웹 페이지의 식별 정보(313-1)의 가장자리를 터치 후 드래그하는 터치 드래그 제스처가 될 수 있다. 이 경우, 사용자 입력에 응답하여, 프로세서(190)는 제3 웹 페이지의 식별 정보(313-1)의 크기를 늘릴 수 있다.
또 다른 예로, 감지부(180)는 제3 웹 페이지의 식별 정보(313-1)를 이동하기 위한 사용자 입력을 감지할 수 있다. 예로, 사용자 입력은, 제3 웹 페이지 상에서 터치&홀드를 유지한 체로 드래그하여 일정 위치에서 터치를 해제하는 사용자 제스처가 될 수 있다. 이 경우, 사용자 입력에 응답하여, 프로세서(190)는 제3 웹 페이지의 식별 정보(313-1)를 터치 해제 위치로 이동시킬 수 있다.
또 다른 예로, 감지부(180)는 제3 웹 페이지의 식별 정보(313-1)에 포함된 링크 객체를 선택하는 사용자 입력을 감지할 수 있다. 예로, 사용자 입력은, 링크 객체를 탭하는 터치 입력이 될 수 있다. 이 경우, 사용자 입력에 응답하여, 프로세서(190)는 제3 웹 페이지의 식별 정보(313-1)가 디스플레이된 영역에 선택된 링크 객체에 연결된 웹 페이지가 디스플레이되도록 디스플레이부(130)를 제어할 수 있다.
다시, 도 3e의 390에서, 감지부(180)는 제3 웹 페이지의 식별 정보(313-1) 상에 탭 입력 또는 더블 탭 입력을 감지할 수 있다.
사용자 입력에 응답하여, 도 3e의 395와 같이, 프로세서(190)는 웹 브라우저 화면에 제3 웹 페이지(313)가 웹 브라우저 화면을 채우도록 확대되어 디스플레이되도록 디스플레이부(130)를 제어할 수 있다.
이처럼, 본 개시의 실시 예에 같이 간단한 사용자 인터페이스를 통하여, 사용자는 신속하고 간편하게 북마크된 웹 페이지를 디스플레이할 수 있다. 기존에는 사용자가 원하는 웹 페이지를 디스플레이하기 위하여 백워드(backward) 아이콘, 또는 포워드(forward) 아이콘을 수 차례 선택하여 원하는 웹 페이지를 검색해야 했으나, 본 개시의 실시 예에 따르면 이러한 사용자의 불편함이 해소될 수 있다.
도 4a 내지 도 4e는 본 개시의 다른 일 실시 예에 따른 웹 페이지를 디스플레이하는 과정을 나타내는 도면들이다.
도 4a를 참조하면, 도 4a의 410과 같이 프로세서(190)는 웹 브라우저를 실행하여 웹 브라우저 화면에 제1 웹 페이지(411)가 디스플레이되도록 디스플레이부(130)를 제어할 수 있다. 다음으로, 감지부(180)는 제2 웹 페이지(412)를 디스플레이하기 위한 사용자 입력을 감지할 수 있다. 사용자 입력은, 예로, 제1 웹 페이지(411)의 입력 필드에서 제2 웹 페이지(412)와 관련된 검색어를 입력하는 사용자 입력이 될 수 있다.
사용자 입력에 응답하여, 도 4a의 420과 같이, 프로세서(190)는 웹 브라우저 화면에 제2 웹 페이지(412)가 디스플레이되도록 디스플레이부(130)를 제어할 수 있다. 다음으로, 감지부(180)는 제2 웹 페이지(412)를 북마크하기 위한 사용자 입력을 감지할 수 있다. 사용자 입력은, 예로 사전에 정의된 제스처 입력으로서 원을 그리는 제스처 입력이 될 수 있다.
사용자 입력에 응답하여, 프로세서(190)는 제2 웹 페이지(412)를 북마크할 수 있다. 다음으로, 도 4b의 430과 같이, 제2 웹 페이지(412)가 계속하여 디스플레이된 상태에서, 감지부(180)는 제3 웹 페이지(413)를 디스플레이하기 위한 사용자 입력을 감지할 수 있다. 사용자 입력은, 예로, 제3 웹 페이지(413)와 관련된 검색어를 입력하는 사용자 입력이 될 수 있다.
사용자 입력에 응답하여, 도 4b의 440과 같이, 프로세서(190)는 웹 브라우저 화면에 제3 웹 페이지(413)가 디스플레이되도록 디스플레이부(130)를 제어할 수 있다. 다음으로, 감지부(180)는 새로운 웹 브라우저 화면을 실행하기 위한 사용자 입력을 감지할 수 있다. 사용자 입력은, 예로, 브라우저 화면의 메뉴 상에 새 탭(441)을 선택하는 탭 입력이 될 수 있다.
사용자 입력에 응답하여, 도 4c의 450과 같이, 프로세서(190)는 새로운 웹 브라우저 화면이 디스플레이되도록 디스플레이부(130)를 제어할 수 있다. 다음으로, 감지부(180)는 제4 웹 페이지(414)를 디스플레이하기 위한 사용자 입력을 감지할 수 있다. 사용자 입력은, 예로, 새로운 웹 브라우저 화면의 주소창에서 제4 웹 페이지(414)와 관련된 검색어(예로, 링크 주소)를 입력하는 사용자 입력이 될 수 있다.
사용자 입력에 응답하여, 도 4c의 460과 같이, 프로세서(190)는 웹 브라우저 화면에 제4 웹 페이지(414)가 디스플레이되도록 디스플레이부(130)를 제어할 수 있다. 다음으로, 감지부(180)는 제4 웹 페이지(414)를 북마크하기 위한 사용자 입력을 감지할 수 있다. 사용자 입력은, 예로 사전에 정의된 제스처 입력으로서 원을 그리는 제스처 입력이 될 수 있다.
사용자 입력에 응답하여, 프로세서(190)는 제4 웹 페이지(414)를 북마크할 수 있다. 다음으로, 도 4d의 470과 같이, 제4 웹 페이지(414)가 계속하여 디스플레이된 상태에서, 감지부(180)는 제5 웹 페이지(415)를 디스플레이하기 위한 사용자 입력을 감지할 수 있다. 사용자 입력은, 예로, 제5 웹 페이지(415)에 포함된 링크 객체를 선택하는 사용자 입력이 될 수 있다.
사용자 입력에 응답하여, 도 4d의 480과 같이, 프로세서(190)는 웹 브라우저 화면에 제5 웹 페이지(415)가 디스플레이되도록 디스플레이부(130)를 제어할 수 있다. 다음으로, 감지부(180)는 북마크된 적어도 하나의 웹 페이지의 식별 정보를 디스플레이하기 위한 사용자 입력을 감지할 수 있다. 예로, 사용자 입력은 사전에 정의된 제스처 입력으로서, 제5 웹 페이지(415) 상에 소정 시간 동안 터치를 유지하는 터치&홀드 입력이 될 수 있다.
사용자 입력에 응답하여, 도 4e의 490과 같이, 프로세서(190)는 북마크된 제2 웹 페이지의 식별 정보(412-1) 및 북마크된 제4 웹 페이지의 식별 정보(414-1) 중 적어도 하나가 디스플레이되도록 디스플레이부(130)를 제어할 수 있다. 이 때, 제2 웹 페이지의 식별 정보(412-1)는 디스플레이되는 영역의 크기가 축소된 제2 웹 페이지, 제2 웹 페이지의 썸네일, 제2 웹 페이지의 제목, 제2 웹 페이지의 로고를 나타내는 파비콘 또는 제2 웹 페이지의 일부 중 적어도 하나가 될 수 있다. 또한, 제4 웹 페이지의 식별 정보는 디스플레이되는 영역의 크기가 축소된 제4 웹 페이지, 제4 웹 페이지의 썸네일, 제4 웹 페이지의 제목, 제4 웹 페이지의 로고를 나타내는 파비콘 또는 제4 웹 페이지의 일부 중 적어도 하나가 될 수 있다.
여기에서, 북마크된 웹 페이지의 식별 정보들은 북마크된 시간을 고려하여 디스플레이될 수 있다. 예로, 최근에 북마크된 웹 페이지의 식별 정보가 더 웹 브라우저 화면의 중심에 가까이 위치하여 디스플레이될 수 있다.
다음으로, 감지부(180)는 제2 웹 페이지의 식별 정보(412-1) 및 제4 웹 페이지의 식별 정보(414-1)의 위치를 이동시키는 사용자 입력을 감지할 수 있다. 예로, 사용자 입력은, 제2 웹 페이지의 식별 정보(412-1) 및 제4 웹 페이지(414-1)의 식별 정보 사이에서 호(491)를 그리는 제스처 입력이 될 수 있다.
사용자 입력에 응답하여, 도 4e의 495와 같이, 프로세서(190)는 제2 웹 페이지의 식별 정보(412-1) 및 제4 웹 페이지의 식별 정보(414-1)의 위치가 이동하여 디스플레이되도록 디스플레이부(130)를 제어할 수 있다. 이 때, 사용자의 제스처 입력에 따른 드래그 양에 대응하여 제2 웹 페이지의 식별 정보(412-1) 및 제4 웹 페이지의 식별 정보(414-1)가 잔상을 디스플레이하며 점차적으로 이동될 수 있다.
도 5a 내지 도 5e는 본 개시의 다른 일 실시 예에 따른 웹 페이지를 디스플레이하는 과정을 나타내는 도면들이다.
도 5a를 참조하면, 도 5a의 510과 같이 프로세서(190)는 웹 브라우저를 실행하여 웹 브라우저 화면에 제1 웹 페이지(511)가 디스플레이되도록 디스플레이부(130)를 제어할 수 있다. 다음으로, 감지부(180)는 제2 웹 페이지(512)를 디스플레이하기 위한 사용자 입력을 감지할 수 있다.
사용자 입력에 응답하여, 도 5a의 520과 같이, 프로세서(190)는 웹 브라우저 화면에 제2 웹 페이지(512)가 디스플레이되도록 디스플레이부(130)를 제어할 수 있다. 다음으로, 감지부(180)는 제2 웹 페이지(512)를 북마크하기 위한 사용자 입력을 감지할 수 있다. 사용자 입력은, 예로 사전에 정의된 제스처 입력으로서 원을 그리는 제스처 입력이 될 수 있다.
사용자 입력에 응답하여, 프로세서(190)는 제2 웹 페이지(512)를 북마크할 수 있다. 다음으로, 도 5b의 530과 같이, 제2 웹 페이지(512)가 계속하여 디스플레이된 상태에서, 감지부(180)는 제3 웹 페이지(513)를 디스플레이하기 위한 사용자 입력을 감지할 수 있다.
사용자 입력에 응답하여, 도 5b의 540과 같이, 프로세서(190)는 웹 브라우저 화면에 제3 웹 페이지(513)가 디스플레이되도록 디스플레이부(130)를 제어할 수 있다. 다음으로, 감지부(180)는 제3 웹 페이지(513)를 북마크하기 위한 사용자 입력을 감지할 수 있다. 사용자 입력은, 예로 사전에 정의된 제스처 입력으로서 원을 그리는 제스처 입력이 될 수 있다.
다음으로, 도 5c의 550과 같이, 제3 웹 페이지(513)가 계속하여 디스플레이된 상태에서, 감지부(180)는 제4 웹 페이지(514)를 디스플레이하기 위한 사용자 입력을 감지할 수 있다. 사용자 입력은, 예로, 제3 웹 페이지(513)에 포함된 링크 객체를 선택하는 사용자 입력이 될 수 있다.
사용자 입력에 응답하여, 도 5c의 560과 같이, 프로세서(190)는 웹 브라우저 화면에 제4 웹 페이지(514)가 디스플레이되도록 디스플레이부(130)를 제어할 수 있다. 다음으로, 감지부(180)는 실행 중인 웹 브라우저 어플리케이션을 종료하기 위한 사용자 입력을 감지할 수 있다. 사용자 입력은, 예로, 웹 브라우저 화면의 종료 버튼(561)을 선택하는 탭 입력이 될 수 있다.
사용자 입력에 응답하여, 프로세서(190)는 웹 브라우저 화면을 종료할 수 있다. 이 때, 프로세서(190)는 웹 페이지의 북마크 정보를 북마크 데이터베이스에 저장할 수 있다. 웹 페이지의 북마크 정보는, 예로, 도메인 이름, 링크 주소, 썸네일, 웹 페이지의 제목 또는 웹 페이지의 로고를 나타내는 파비콘 중 적어도 하나가 될 수 있다. 이 때, 북마크 데이터베이스는 메모리(150)에 저장되거나 또는, 적어도 하나의 서버를 포함하는 클라우드에 저장될 수 있다. 이 경우, 프로세서(190)는 클라우드로 북마크 정보가 전송되도록 통신부(140)를 제어할 수 있다.
다음으로, 도 5d의 570과 같이, 프로세서(190)는 웹 브라우저 어플리케이션의 식별 정보(예로, 아이콘)를 포함하는 어플리케이션 식별 정보들이 디스플레이되도록 디스플레이부(130)를 제어할 수 있다. 다음으로, 감지부(180)는 웹 브라우저 어플리케이션의 식별 정보(571)를 선택하는 탭 입력을 감지할 수 있다.
사용자 입력에 응답하여, 프로세서(190)는 웹 브라우저 어플리케이션을 다시 실행할 수 있다. 그리고, 도 5d의 580과 같이, 프로세서(190)는 웹 브라우저 어플리케이션의 실행 결과로서 웹 브라우저 화면에 제5 웹 페이지(515)가 디스플레이되도록 디스플레이부(130)를 제어할 수 있다. 다음으로, 감지부(180)는 제6 웹 페이지(516)를 디스플레이하기 위한 사용자 입력을 감지할 수 있다.
사용자 입력에 응답하여, 도 5e의 590과 같이, 프로세서(190)는 웹 브라우저 화면에 제6 웹 페이지(516)가 디스플레이되도록 디스플레이부(130)를 제어할 수 있다. 다음으로, 감지부(180)는 제6 웹 페이지(516)가 디스플레이된 상태에서 북마크된 적어도 하나의 웹 페이지의 식별 정보를 디스플레이하기 위한 사용자 입력을 감지할 수 있다. 예로, 사용자 입력은 사전에 정의된 제스처 입력으로서, 제5 웹 페이지(516) 상에 소정 시간 동안 터치를 유지하는 터치&홀드 입력이 될 수 있다.
사용자 입력에 응답하여, 프로세서(190)는 북마크 데이터베이스에서 북마크된 제2 웹 페이지의 식별 정보(512-1) 및 제3 웹 페이지의 식별 정보(513-1)를 추출할 수 있다. 그리고, 도 5e의 595와 같이, 프로세서(190)는 웹 브라우저 화면에 북마크된 제2 웹 페이지의 식별 정보(512-1) 및 제3 웹 페이지의 식별 정보(513-1)가 디스플레이되도록 디스플레이부(130)를 제어할 수 있다.
도 6a 내지 도 6b는 본 개시의 다른 일 실시 예에 따른 다른 어플리케이션 간에 북마크된 전자 문서를 공유하는 과정을 나타내는 도면들이다.
도 6a를 참조하면, 도 6a의 610과 같이 프로세서(190)는 제1 뷰어 어플리케이션(예로, 웹 브라우저 어플리케이션)를 실행하여 웹 브라우저 화면에 제1 전자 문서(예로, 웹 페이지)(611)가 디스플레이되도록 디스플레이부(130)를 제어할 수 있다. 다음으로, 감지부(180)는 제1 전자 문서(611)를 북마크하기 위한 사용자 입력을 감지할 수 있다. 사용자 입력은, 예로 사전에 정의된 제스처 입력으로서 제1 전자 문서(611) 상에서 원을 그리는 제스처 입력이 될 수 있다.
사용자 입력에 응답하여, 프로세서(190)는 제1 전자 문서(611)를 북마크할 수 있다. 다음으로, 감지부(180)는 제2 전자 문서(예로, PDF 문서)(612)를 디스플레이하기 위한 사용자 입력을 감지할 수 있다.
사용자 입력에 응답하여, 도 6a의 620과 같이 프로세서(190)는 제2 뷰어 어플리케이션(예로, PDF 뷰어 어플리케이션)을 실행하여 제2 전자 문서(612)가 디스플레이되도록 디스플레이부(130)를 제어할 수 있다. 다음으로, 감지부(180)는 북마크된 적어도 하나의 전자 문서의 식별 정보를 디스플레이하기 위한 사용자 입력을 감지할 수 있다. 사용자 입력은 사전에 정의된 터치 입력으로서, 예로, 예로, 소정 시간 동안 터치를 유지하는 터치&홀드 입력이 될 수 있다. 또는, 사용자 입력은 사전에 정의된 제스처 입력으로서 제2 전자 문서(612) 상에 체크('√') 또는 'V'를 그리는 제스처 입력이 될 수 있다. 또는, 사용자 입력은 사전에 정의된 음성 입력으로서, 예로, '북마크 호출' 이라는 음성이 될 수 있다. 또는, 북마크된 전자 문서 목록을 포함하는 팝업 화면이 디스플레이되는 경우, 사용자 입력은, 북마크된 전자 문서 목록에서 적어도 하나의 전자 문서를 선택하는 사용자 입력이 될 수 있다. 또는, 사용자 입력이 없이도, 제2 전자 문서(612)가 디스플레이되면 북마크된 적어도 하나의 전자 문서의 식별 정보가 자동으로 디스플레이될 수도 있다.
사용자 입력에 응답하여, 도 6b의 630과 같이, 프로세서(180)는 제2 전자 문서(612) 상에 북마크된 제1 전자 문서의 식별 정보(611-1)가 디스플레이되도록 디스플레이부(130)를 제어할 수 있다.
도 7a 내지 도 7c는 본 개시의 또 다른 일 실시 예에 따른 다른 어플리케이션 간에 북마크된 전자 문서를 공유하는 과정을 나타내는 도면들이다.
도 7a를 참조하면, 도 7a의 710과 같이 프로세서(190)는 제1 뷰어 어플리케이션(예로, PDF 뷰어 어플리케이션)를 실행하여 제1 전자 문서(예로, PDF 문서)(711)가 디스플레이되도록 디스플레이부(130)를 제어할 수 있다. 다음으로, 감지부(180)는 제1 전자 문서(711)를 북마크하기 위한 사용자 입력을 감지할 수 있다. 사용자 입력은, 예로 사전에 정의된 제스처 입력으로서 제1 전자 문서(711) 상에 원을 그리는 제스처 입력이 될 수 있다.
사용자 입력에 응답하여, 프로세서(190)는 제1 전자 문서(711)를 북마크할 수 있다. 다음으로, 감지부(180)는 제2 전자 문서(예로, 웹 페이지)(712)를 디스플레이하기 위한 사용자 입력을 감지할 수 있다.
사용자 입력에 응답하여, 도 7a의 720과 같이, 프로세서(190)는 제2 뷰어 어플리케이션(예로, 웹 브라우저 어플리케이션)을 실행하여 제2 전자 문서(예로, 웹 페이지)(712)가 디스플레이되도록 디스플레이부(130)를 제어할 수 있다. 다음으로, 감지부(180)는 제2 전자 문서(예로, 웹 페이지)(712)를 북마크하기 위한 사용자 입력을 감지할 수 있다. 사용자 입력은, 예로 사전에 정의된 제스처 입력으로서 제2 전자 문서(712) 상에 원을 그리는 제스처 입력이 될 수 있다.
사용자 입력에 응답하여, 프로세서(190)는 제2 전자 문서(712)를 북마크할 수 있다.
다음으로, 도 7b의 730과 같이, 제2 전자 문서(712)가 디스플레이되는 동안에, 감지부(180)는 제3 전자 문서(예로, 웹 페이지)(713)를 디스플레이하기 위한 사용자 입력을 감지할 수 있다. 사용자 입력은, 예로, 제2 전자 문서(712)에 입력 필드에서 제3 전자 문서(713)와 관련된 검색어를 입력하는 사용자 입력이 될 수 있다.
사용자 입력에 응답하여, 도 7b의 740과 같이, 프로세서(190)는 제3 전자 문서(713)가 디스플레이되도록 디스플레이부(130)를 제어할 수 있다. 다음으로, 감지부(180)는 북마크된 적어도 하나의 전자 문서의 식별 정보를 디스플레이하기 위한 사용자 입력을 감지할 수 있다. 예로, 사용자 입력은 터치 입력으로서, 예로, 제3 전자 문서(713) 상에 소정 시간 동안 터치를 유지하는 터치&홀드 입력이 될 수 있다. 또는, 사용자 입력은 제3 전자 문서(713) 상에서 체크('√') 또는 'V'를 그리는 제스처 입력이 될 수 있다. 또는, 사용자 입력은 사전에 정의된 음성 입력으로서, 예로, '북마크 호출' 이라는 음성이 될 수 있다. 또는, 북마크된 전자 문서 목록을 포함하는 팝업 화면이 디스플레이되는 경우, 사용자 입력은, 북마크된 전자 문서 목록에서 적어도 하나의 북마크된 전자 문서를 선택하는 사용자 입력이 될 수 있다. 또는, 사용자 입력이 없이도, 제3 웹 페이지(713)가 디스플레이되면 북마크된 적어도 하나의 전자 문서의 식별 정보가 자동으로 디스플레이될 수도 있다.
사용자 입력에 응답하여, 도 7c의 750과 같이, 프로세서(190)는 북마크된 제1 전자 문서의 식별 정보(711-1) 및 제2 전자 문서의 식별 정보(712-1)가 디스플레이되도록 디스플레이부(130)를 제어할 수 있다. 다음으로, 감지부(180)는 제2 전자 문서의 식별 정보(712-1)를 선택하는 사용자 입력을 감지할 수 있다.
사용자 입력에 응답하여, 프로세서(190)는 제2 전자 문서(712)와 관련된 뷰어 어플리케이션을 실행하거나 또는 뷰어 어플리케이션이 기 실행 중인 경우 뷰어 어플리케이션을 포그라운드 상태로 전환할 수 있다. 그리고, 프로세서(190)는, 도 7c의 760와 같이, 제1 전자 문서(711)가 디스플레이되도록 디스플레이부(130)를 제어할 수 있다. 이 때, 프로세서(190)는 제1 전자 문서(711)가 뷰어 화면을 채우도록 확대되어 디스플레이되도록 디스플레이부(130)를 제어할 수 있다.
도 8a 및 도 8b는 본 개시의 일 실시 예에 따른 다른 전자 기기 간에 북마크된 전자 문서를 공유하는 과정을 나타내는 도면들이다.
일 실시 예에서, 제1 전자 기기(11) 및 제2 전자 기기(12) 간에 통신 세션이 형성될 수 있다. 이 때, 제1 전자 기기(11) 및 제2 전자 기기(12) 간에 통신 세션은, 예로, 리모트 서버 (Remote Server) 통신 프로토콜, mDNND(Multicastomainameystem) 통신 프로토콜, SSDP(Simple Service Discovery Protocol) 통신 프로토콜, WebRTC(Web Real-Time Communication) 통신 프로토콜 또는 블루투스(Bluetooth) 통신 프로토콜 등을 이용하여 통신 세션이 형성될 수 있으나, 상술한 예에 한정되지 않는다.
예로, 제1 전자 기기(11) 및 제2 전자 기기(12) 간에 통신 방식으로 블루투스 방식을 이용하는 경우, 제1 전자 기기(11)의 블루투스 기능이 온이 되면 통신부(140)는 파워 비콘(Power Beacon) 신호를 제2 전자 기기(12)로 전송할 수 있다. 파워 비콘 신호에 대한 응답으로, 제2 전자 기기(12)는 자신의 연결될 수 있음을 알리는 광고(Advertisement) 신호를 전송할 수 있다. 광고 신호에 대한 응답으로, 제1 전자 기기(11)는 연결 요청(Connection request) 신호를 외부 장치로 전송하고, 이에 따라 제1 전자 기기(11) 및 제2 전자 기기(12) 간에 통신 세션(Session)이 형성될 수 있다.
도 8a의 810에서, 제1 전자 기기(11)의 프로세서(190)는 뷰어 어플리케이션(예로, 웹 브라우저 어플리케이션)를 실행하여 제1 전자 문서(예로, 웹 페이지)(811)가 디스플레이되도록 디스플레이부(130)를 제어할 수 있다. 다음으로, 감지부(180)는 제1 전자 문서(811)를 북마크하기 위한 사용자 입력을 감지할 수 있다. 사용자 입력은, 예로 사전에 정의된 제스처 입력으로서 원을 그리는 제스처 입력이 될 수 있다. 사용자 입력에 응답하여, 프로세서(190)는 제1 전자 문서(811)의 북마크 정보를 저장할 수 있다
한편, 도 8a의 820에서, 제2 전자 기기(12)의 프로세서(190)는 뷰어 어플리케이션(예로, 웹 브라우저 어플리케이션)를 실행하여 제2 전자 문서(예로, 웹 페이지)(812)가 디스플레이되도록 디스플레이부(130)를 제어할 수 있다. 다음으로, 감지부(180)는 제2 전자 문서(812)를 북마크하기 위한 사용자 입력을 감지할 수 있다. 사용자 입력은, 예로 사전에 정의된 제스처 입력으로서 원을 그리는 제스처 입력이 될 수 있다. 사용자 입력에 응답하여, 프로세서(190)는 제2 전자 문서(812)의 북마크 정보를 저장할 수 있다
제1 전자 기기(11) 및 제2 전자 기기(12)에서 북마크 정보가 저장되면, 도 8b의 830과 같이, 제1 전자 기기(11) 및 제2 전자 기기(12) 간에 통신 세션이 형성된 상태에서, 제1 전자 기기(11) 및 제2 전자 기기(12) 간에 북마크된 정보가 양방향 또는 단방향으로 전송될 수 있다. 예를 들어, 제1 전자 기기(11)의 통신부(140)는 제1 전자 문서(811)의 북마크 정보를 제2 전자 기기(12)의 통신부(140)로 전송하고, 제2 전자 기기(12)의 통신부(14)는 제2 전자 문서(812)의 북마크 정보를 제1 전자 기기(11)의 통신부(140)로 전송할 수 있다. 또는, 제1 전자 기기(11)의 통신부(140)만 제1 전자 문서(811)의 북마크 정보를 제2 전자 기기(12)의 통신부(140)로 전송할 수 있다. 이 때, 양방향 또는 단방향으로 전송되는 북마크 정보는, 예로, 전자 문서의 도메인 이름, 링크 주소, 썸네일, 전자 문서의 제목 또는 전자 문서의 로고를 나타내는 파비콘 중 적어도 하나가 될 수 있다.
여기에서, 북마크된 정보가 양방향 또는 단방향으로 전송되는 시점은, 제1 전자 기기(11) 또는 제2 전자 기기(12)에서 북마크가 저장되는 이벤트가 발생하면 자동으로 전송될 수도 있고, 또는 일정 주기(약, 30초 내지 1분) 단위로 북마크된 정보들이 자동으로 전송될 수도 있다.
다음으로, 제1 전자 기기(11) 및 제2 전자 기기(12) 간에 북마크 정보가 전송됨에 따라, 도 8c의 840과 같이, 제1 전자 기기(11)의 프로세서(190)는 제2 전자 기기(12)에서 북마크된 제2 전자 문서의 식별 정보(812-1)가 디스플레이되도록 디스플레이부(130)를 제어할 수 있다. 또한, 제2 전자 기기(12)의 프로세서(190)는 제1 전자 기기(11)에서 북마크된 제1 전자 문서의 식별 정보(811-1)가 디스플레이되도록 디스플레이부(130)를 제어할 수 있다.
이 경우, 제1 전자 기기(11)는 제2 전자 기기(12)로부터 북마크 정보가 전송되면 사용자의 입력 없어도 자동으로 제2 전자 기기(12)에서 북마크된 제2 전자 문서의 식별 정보(812-1)가 디스플레이되도록 디스플레이부(130)를 제어할 수 있다. 또는, 제1 전자 기기(11)는 제2 전자 기기(12)로부터 북마크 정보가 전송된 상태에서, 사용자의 입력에 응답하여, 제2 전자 기기(12)에서 북마크된 제2 전자 문서의 식별 정보(812-1)가 디스플레이되도록 디스플레이부(130)를 제어할 수 있다. 이 경우, 사용자 입력은 전자 문서의 식별 정보를 디스플레이하기 위한 사용자 입력일 수 있다. 예로, 사용자 입력은, 체크('√') 또는 'V'를 그리는 제스처 입력이 될 수 있다. 또는, 사용자 입력은 터치 입력으로서, 예로, 소정 시간 동안 터치를 유지하는 터치&홀드 입력이 될 수 있다. 또는, 사용자 입력은 사전에 정의된 음성 입력으로서, 예로, '북마크 호출' 이라는 음성이 될 수 있다.
도 9a 내지 도 9b는 본 개시의 다른 일 실시 예에 따른 웹 페이지들 간에 북마크 정보를 공유하는 과정을 나타내는 도면이다.
도 9a의 910에서, 프로세서(190)는 웹 브라우저 화면에 제1 웹 페이지(911)가 디스플레이되도록 디스플레이부(130)를 제어할 수 있다. 다음으로, 감지부(180)는 제1 웹 페이지(911)를 북마크하기 위한 사용자 입력을 감지할 수 있다. 사용자 입력은, 예로, 사전에 정의된 제스처 입력으로서 원을 그리는 제스처 입력이 될 수 있다.
사용자 입력에 응답하여, 프로세서(190)는 제1 웹 페이지(911)의 북마크 정보를 저장할 수 있다. 다음으로, 감지부(180)는 웹 브라우저 화면에 제2 웹 페이지(912)를 디스플레이하기 위한 사용자 입력을 감지할 수 있다. 사용자 입력은, 예로, 제2 웹 페이지(912)를 검색하기 위한 검색어를 입력하거나, 웹 브라우저 화면에 링크 객체를 선택하는 사용자 입력이 될 수 있다.
사용자 입력에 응답하여, 도 9a의 920과 같이, 프로세서(190)는 웹 브라우저 화면에 제2 웹 페이지(912)가 디스플레이되도록 디스플레이부(130)를 제어할 수 있다. 다음으로, 감지부(180)는 제2 웹 페이지(912)를 북마크하기 위한 사용자 입력을 감지할 수 있다. 사용자 입력은, 예로, 사전에 정의된 제스처 입력으로서 원을 그리는 제스처 입력이 될 수 있다.
사용자 입력에 응답하여, 프로세서(190)는 제2 웹 페이지(912)의 북마크 정보를 저장할 수 있다.
그리고, 프로세서(190)는 제1 웹 페이지(911)와 제2 웹 페이지(912)를 서로 연결할 수 있다. 구체적으로, 프로세서(190)는 제1 웹 페이지(911)의 북마크 정보와 제2 웹 페이지(912)의 북마크 정보가 연결되어 저장되도록 메모리(150)를 제어할 수 있다. 예로, 프로세서(190)는 제1 웹 페이지(911)의 도메인 이름 또는 링크 주소와 제2 웹 페이지(912)의 도메인 이름 또는 링크 주소가 매핑되어 저장되도록 메모리(150)를 제어할 수 있다.
다음으로, 감지부(180)는 웹 브라우저 화면에 다시 제1 웹 페이지(911)를 디스플레이하기 위한 사용자 입력을 감지할 수 있다. 사용자 입력은, 예로, 제1 웹 페이지(911)를 검색하기 위한 검색어를 입력하거나, 웹 브라우저 화면에 링크 객체를 선택하는 사용자 입력이 될 수 있다.
사용자 입력에 응답하여, 도 9b의 930과 같이, 프로세서(190)는 웹 브라우저 화면에 제1 웹 페이지(911) 및 제1 웹 페이지(911)와 연결된 제2 웹 페이지의 식별 정보(912-1)가 함께 디스플레이되도록 디스플레이부(130)를 제어할 수 있다. 이 때, 제1 웹 페이지(911)가 디스플레이된 상태에서, 사용자 추가 입력에 응답하여, 제2 웹 페이지의 식별 정보(912-1)가 디스플레이될 수도 있다.
또는, 감지부(180)는 웹 브라우저 화면에 다시 제2 웹 페이지(912)를 디스플레이하기 위한 사용자 입력을 감지할 수 있다. 사용자 입력은, 예로, 제2 웹 페이지(912)를 검색하기 위한 검색어를 입력하거나, 웹 브라우저 화면에 링크 객체를 선택하는 사용자 입력이 될 수 있다.
사용자 입력에 응답하여, 도 9b의 940과 같이, 프로세서(190)는 웹 브라우저 화면에 제2 웹 페이지(912) 및 제2 웹 페이지(912)와 연결된 제1 웹 페이지의 식별 정보(911-1)가 함께 디스플레이되도록 디스플레이부(130)를 제어할 수 있다. 이 때, 제2 웹 페이지(912)가 디스플레이된 상태에서, 사용자 추가 입력에 응답하여, 제1 웹 페이지의 식별 정보(911-1)가 디스플레이될 수도 있다.
도 10a 및 도 10b는, 본 개시의 다른 일 실시 예에 따른 전자 문서들 및 이미지 간에 북마크 정보를 공유하는 과정을 나타내는 도면이다.
도 10a의 1010에서, 프로세서(190)는 제1 뷰어 어플리케이션(예로, 웹 브라우저 어플리케이션)를 실행하여 제1 전자 문서(예로, 웹 페이지)(1011)가 디스플레이되도록 디스플레이부(130)를 제어할 수 있다. 다음으로, 감지부(180)는 제1 전자 문서(1011)를 북마크하기 위한 사용자 입력을 감지할 수 있다. 사용자 입력은, 예로 사전에 정의된 제스처 입력으로서 원을 그리는 제스처 입력이 될 수 있다. 사용자 입력에 응답하여, 프로세서(190)는 제1 전자 문서(1011)를 북마크할 수 있다.
다음으로, 사용자는 전자 기기(100)의 영상 획득부(110)를 이용하여 사물을 촬영할 수 있다. 그리고, 촬영된 영상을 디스플레이 하기 위한 사용자 입력에 응답하여, 도 10a의 1020과 같이 프로세서(190)는 제2 뷰어 어플리케이션(예로, 갤러리 어플리케이션)을 실행하여 제1 이미지(1021)가 디스플레이되도록 디스플레이부(130)를 제어할 수 있다. 다음으로, 감지부(180)는 제1 이미지(1021)를 북마크하기 위한 사용자 입력을 감지할 수 있다. 사용자 입력은, 예로 사전에 정의된 제스처 입력으로서 원을 그리는 제스처 입력이 될 수 있다.
사용자 입력에 응답하여, 프로세서(190)는 제1 이미지(1021)를 북마크할 수 있다. 다음으로, 감지부(180)는 제2 전자 문서(예로, 웹 페이지)(1012)를 디스플레이하기 위한 사용자 입력을 감지할 수 있다.
사용자 입력에 응답하여, 도 10b의 1030과 같이 프로세서(190)는 제1 뷰어 어플리케이션(예로, 웹 브라우저 어플리케이션)을 실행하여 제2 전자 문서(1012)가 디스플레이되도록 디스플레이부(130)를 제어할 수 있다. 다음으로, 감지부(180)는 북마크된 적어도 하나의 웹 페이지의 식별 정보를 디스플레이하기 위한 사용자 입력을 감지할 수 있다. 사용자 입력은, 예로, 제2 전자 문서(1012) 상에 일 지점을 터치&홀드하는 터치 입력이 될 수 있다.
사용자 입력에 응답하여, 도 10b의 1040과 같이 프로세서(190)는 터치된 일 지점을 중심으로 북마크된 제1 전자 문서의 식별 정보(1011-1) 및 북마크된 제1 이미지의 식별 정보(1021-1)가 디스플레이되도록 디스플레이부를 제어할 수 있다. 이 때, 제2 이미지의 식별 정보(1021-1)는 예로, 디스플레이되는 영역의 크기가 축소된 제2 이미지, 제2 이미지의 링크 주소 또는 제2 이미지의 메타데이터 정보 등이 될 수 있다.
북마크된 제1 전자 문서의 식별 정보(1011-1) 및 북마크된 제1 이미지의 식별 정보(1021-1)가 디스플레이된 상태에서, 감지부(180)는 제1 이미지의 식별 정보(1012-1)를 선택하는 사용자 입력을 감지할 수 있다. 사용자 입력에 응답하여, 프로세서(190)는 제1 이미지와 관련된 제1 뷰어 어플리케이션을 실행하고, 제1 이미지(1021)가 뷰어 화면에 확대하여 디스플레이되도록 디스플레이부(130)를 제어할 수 있다.
이처럼, 본 개시의 실시 예와 같이 직관적이고 접근성이 좋은 사용자 인터페이스를 통하여, 사용자는 신속하고 간편하게 북마크된 전자 문서 또는 이미지를 디스플레이할 수 있다. 기존에는 북마크된 전자 문서 또는 이미지를 디스플레이하기 위하여, 사용자는 복잡한 북마크 메뉴를 검색하거나 또는 기억에 의존해야 했으나, 본 개시의 실시 예에 따르면 이러한 사용자의 불편함이 해소될 수 있다.
도 11a 및 도 11b는 본 개시의 또 다른 일 실시 예에 따른 전자 문서들 및 이미지 간에 북마크 정보를 공유하는 과정을 나타내는 도면들이다.
도 11a의 1110에서, 프로세서(190)는 제1 뷰어 어플리케이션(예로, 웹 브라우저 어플리케이션)를 실행하여 제1 전자 문서(예로, 웹 페이지)(1111)가 디스플레이되도록 디스플레이부(130)를 제어할 수 있다. 다음으로, 제1 전자 문서(1111)를 북마크하기 위한 감지부(180)를 통한 사용자 입력에 응답하여, 프로세서(190)는 제1 전자 문서(1111)를 북마크할 수 있다. 사용자 입력은, 예로 사전에 정의된 제1 제스처 입력으로서 원을 그리는 제스처 입력이 될 수 있다. 다음으로, 감지부(180)는 제1 이미지(1121)를 디스플레이하기 위한 사용자 입력을 감지할 수 있다.
사용자 입력에 응답하여, 도 11a의 1120과 같이 프로세서(190)는 제2 뷰어 어플리케이션(예로, 갤러리 어플리케이션)을 실행하여 제1 이미지(1121)가 디스플레이되도록 디스플레이부(130)를 제어할 수 있다. 다음으로, 제1 이미지(1121)를 북마크하기 위한 감지부(180)를 통한 사용자 입력에 응답하여, 프로세서(190)는 제1 이미지(1121)를 북마크할 수 있다. 사용자 입력은, 예로 사전에 정의된 제1 제스처 입력으로서 원을 그리는 제스처 입력이 될 수 있다. 다음으로, 감지부(180)는 제2 전자 문서(예로, 웹 페이지)(1112)를 디스플레이하기 위한 사용자 입력을 감지할 수 있다.
사용자 입력에 응답하여, 도 11b의 1130과 같이 프로세서(190)는 제1 뷰어 어플리케이션(예로, 웹 브라우저 어플리케이션)을 실행하여 제2 전자 문서(예로, 웹 페이지)(1112)가 디스플레이되도록 디스플레이부(130)를 제어할 수 있다. 제2 전자 문서(1112)를 북마크하기 위한 감지부(180)를 통한 사용자 입력에 응답하여, 프로세서(190)는 제2 전자 문서(1112)를 북마크할 수 있다. 사용자 입력은, 예로 사전에 정의된 제1 제스처 입력으로서 원을 그리는 제스처 입력이 될 수 있다.
이와 같이, 제1 전자 문서(1111), 제1 이미지(1121) 및 제2 전자 문서(1112)가 동일한 제1 제스처를 통하여 북마크가 되는 경우, 프로세서(190)는 제1 전자 문서(1111), 제1 이미지(1121) 및 제2 전자 문서(1112)를 서로 연결할 수 있다. 구체적으로, 프로세서(190)는 제1 전자 문서(1111), 제1 이미지(1121) 및 제2 전자 문서(1112) 각각의 북마크 정보가 서로 연결되어 저장되도록 메모리(150)를 제어할 수 있다
다음으로, 제1 전자 문서(1111), 제1 이미지(1121) 및 제2 전자 문서(1112)가 서로 연결된 상태에서, 감지부(180)는 다시 제1 전자 문서(1111)를 디스플레이하기 위한 사용자 입력을 감지할 수 있다.
사용자 입력에 응답하여, 도 11b의 1140과 같이, 프로세서(190)는 제1 뷰어 어플리케이션(예로, 웹 브라우저 어플리케이션)을 실행하여 제1 전자 문서(1111)가 디스플레이되도록 디스플레이부(130)를 제어할 수 있다.
이 때, 프로세서(190)는 사용자의 입력 없어도 자동으로 제1 전자 문서(1111)와 연결된, 북마크된 제2 전자 문서의 식별 정보(1112-1) 및 제1 이미지의 식별 정보(1121-1)가 함께 디스플레이되도록 디스플레이부(130)를 제어할 수 있다. 또는, 프로세서(190)는 감지부(180)를 통한 사용자의 입력에 응답하여, 제2 전자 문서와 연결된 북마크된 제1 전자 문서의 식별 정보 및 제2 이미지의 식별 정보가 함께 디스플레이되도록 디스플레이부(130)를 제어할 수 있다.
이와 같이, 미리 결정된 복수의 제스처들 중 제1 사용자 제스처를 통하여 북마크된 전자 문서 또는 북마크된 이미지들은 제1 그룹으로 그룹화되어, 제1 그룹에 포함된 전자 문서 또는 이미지들 중 하나가 디스플레이되는 경우에 제1 그룹 내에 다른 전자 문서의 식별 정보 및 이미지들의 식별 정보가 함께 디스플레이될 수 있다. 또한, 미리 결정된 복수의 제스처들 중 제2 사용자 제스처를 통하여 전자 문서 또는 이미지들이 북마크될 수도 있다. 이 경우, 제2 사용자 제스처를 통하여 북마크된 전자 문서 또는 북마크된 이미지들은 제2 그룹으로 그룹화되어, 제2 그룹에 포함된 전자 문서 또는 이미지들 중 하나가 디스플레이되는 경우에 제2 그룹 내에 다른 전자 문서의 식별 정보 및 이미지의 식별 정보가 함께 디스플레이될 수 있다
또한 다른 예로, 화면에 미리 결정된 복수의 영역들 중 제1 영역 상에서 전자 문서 또는 이미지들을 북마크하기 위한 사용자 입력이 수행될 수 있다. 이 경우, 제1 영역 상에 사용자 입력을 통하여 북마크된 전자 문서 또는 이미지들은 제1 그룹으로 그룹화되어, 제1 그룹에 포함된 전자 문서 또는 이미지들 중 하나가 디스플레이되는 경우에 제1 그룹 내에 다른 전자 문서의 식별 정보 및 이미지의 식별 정보가 함께 디스플레이될 수 있다. 또한, 화면에 미리 결정된 복수의 영역들 중 제2 영역 상에서 전자 문서 또는 이미지들을 북마크하기 위한 사용자 입력이 수행될 수 있다. 이 경우, 제2 영역 상에 사용자 입력을 통하여 북마크된 전자 문서 또는 이미지들은 제2 그룹으로 그룹화되어, 제2 그룹에 포함된 전자 문서 또는 이미지들 중 하나가 디스플레이되는 경우에 제2 그룹 내에 다른 전자 문서의 식별 정보 및 이미지들의 식별 정보가 함께 디스플레이될 수 있다.
한편, 북마크된 전자 문서 또는 북마크된 이미지와 관련된 어플리케이션들이 종료되는 경우에도, 북마크들 간 연결된 정보는 메모리(150) 또는 클라우드(미도시)에 유지되어, 북마크된 전자 문서 또는 북마크된 이미지와 관련된 어플리케이션들 중 일 어플리케이션이 실행되어, 전자 문서 또는 이미지가 디스플레이되는 경우에도 동일한 그룹 내에 북마크된 전자 문서의 식별 정보 및 이미지의 식별 정보가 함께 디스플레이될 수 있다.
도 12a 내지 도 12c는 본 개시의 일 실시 예에 따른 전자 문서들 및 파일 간에 북마크 정보를 공유하는 과정을 나타내는 도면들이다.
도 12a의 1210에서, 프로세서(190)는 제1 뷰어 어플리케이션(예로, 웹 브라우저 어플리케이션)를 실행하여 제1 전자 문서(예로, 웹 페이지)(1211)가 디스플레이되도록 디스플레이부(130)를 제어할 수 있다. 다음으로, 제1 전자 문서(1211)를 북마크하기 위한 감지부(180)를 통한 사용자 입력에 응답하여, 프로세서(190)는 제1 전자 문서(1211)를 북마크할 수 있다. 사용자 입력은, 예로 사전에 정의된 제1 제스처 입력으로서 원을 그리는 제스처 입력이 될 수 있다. 다음으로, 감지부(180)는 제2 전자 문서(예로, 메모 문서)(1212)를 디스플레이하기 위한 사용자 입력을 감지할 수 있다.
사용자 입력에 응답하여, 도 12a의 1220과 같이 프로세서(190)는 제2 뷰어 어플리케이션(예로, 메모 어플리케이션)을 실행하여 제2 전자 문서(1212)가 디스플레이되도록 디스플레이부(130)를 제어할 수 있다. 제2 전자 문서(1212)에는, 예로, 사용자가 입력한 텍스트 또는 필기 이미지, 또는 사용자가 복사한 이미지 또는 동영상 일부가 포함될 수 있다. 다음으로, 제2 전자 문서(1212)를 북마크하기 위한 감지부(180)를 통한 사용자 입력에 응답하여, 프로세서(190)는 제2 전자 문서(1212)를 북마크할 수 있다. 사용자 입력은, 예로 사전에 정의된 제1 제스처 입력으로서 원을 그리는 제스처 입력이 될 수 있다. 다음으로, 감지부(180)는 제3 어플리케이션(예로, 녹음 어플리케이션)을 실행하기 위한 사용자 입력을 감지할 수 있다.
사용자 입력에 응답하여, 도 12b의 1230과 같이, 프로세서(190)는 제3 어플리케이션의 실행 화면이 디스플레이되도록 디스플레이부(130)를 제어할 수 있다. 다음으로, 감지부(180)는 제3 어플리케이션을 통해 제공하는 제1 파일을 북마크하기 위한 사용자 입력을 감지할 수 있다. 사용자 입력은, 예로, 제1 파일이 실행 중 또는 제1 파일이 생성 중에 화면에 원을 그리는 제스처 입력이 될 수 있다. 또는, 사용자 입력은, 파일 목록에서 제1 파일을 선택하는 사용자 입력이 될 수도 있다.
사용자 입력에 응답하여, 프로세서(190)는 제1 파일을 북마크할 수 있다. 예로, 프로세서(190)는 제1 파일의 북마크 정보로서, 제1 파일의 위치, 링크 주소 및 파일명 중 적어도 하나를 북마크 데이터베이스에 저장할 수 있다.
다음으로, 감지부(180)는 제3 전자 문서(예로, 웹 페이지)(1213)를 디스플레이하기 위한 사용자 입력을 감지할 수 있다.
사용자 입력에 응답하여, 도 12b의 1240과 같이 프로세서(190)는 제1 뷰어 어플리케이션(예로, 웹 브라우저 어플리케이션)를 실행하여 제3 전자 문서(예로, 웹 페이지)(1213)가 디스플레이되도록 디스플레이부(130)를 제어할 수 있다. 다음으로, 감지부(180)를 제3 전자 문서(1213)를 북마크하기 위한 사용자 입력을 감지할 수 있다. 사용자 입력은, 예로 사전에 정의된 제1 제스처 입력으로서 원을 그리는 제스처 입력이 될 수 있다.
이와 같이, 제1 전자 문서(1211), 제2 전자 문서(1212), 제1 파일 및 제3 전자 문서(1213)가 동일한 제1 제스처 입력으로서 북마크가 되면, 프로세서(190)는 제1 전자 문서(1211), 제2 전자 문서(1212), 제1 파일 및 제3 전자 문서(1213)를 서로 연결할 수 있다. 구체적으로, 프로세서(190)는 제1 전자 문서(1211), 제2 전자 문서(1212), 제1 파일 및 제3 전자 문서(1213) 각각의 북마크 정보가 서로 연결되어 저장되도록 메모리(150)를 제어할 수 있다.
다음으로, 도 12c의 1250과 같이, 제3 전자 문서(1213)가 디스플레이된 상태에서, 감지부(180)는 북마크된 전자 문서들(1211,1212) 및 파일의 식별 정보를 디스플레이하기 위한 사용자 입력을 감지할 수 있다. 사용자 입력은 사전에 정의된 제스처 입력으로서, 예로, 제3 전자 문서(1213) 상에서 체크('√') 또는 'V'를 그리는 제스처 입력이 될 수 있다. 또는, 사용자 입력은 터치 입력으로서, 예로, 소정 시간 동안 터치를 유지하는 터치&홀드 입력이 될 수 있다. 또는, 사용자 입력은 사전에 정의된 음성 입력으로서, 예로, '북마크 호출' 이라는 음성이 될 수 있다. 또는, 사용자 입력이 없이도, 제3 전자 문서(1213)가 디스플레이되면 북마크된 리소스들의 식별 정보들이 자동으로 디스플레이될 수도 있다.
사용자 입력에 응답하여, 도 12c이 1260과 같이, 프로세서(190)는 제1 전자 문서의 식별 정보(1211-1), 제2 전자 문서의 식별 정보(1212-1) 및 제1 파일의 식별 정보(1261)가 디스플레이되도록 디스플레이부(130)를 제어할 수 있다. 이 때, 제1 파일의 식별 정보(1261)는, 예로, 파일명 및 파일과 관련된 이미지 중 적어도 하나가 될 수 있다.
다른 실시 예로, 도 12b의 1240에서 제3 전자 문서(1213)를 북마크하는 사용자 입력에 응답하여, 프로세서(190)는 제1 전자 문서(1211), 제2 전자 문서(1212), 제1 파일 및 제3 전자 문서(1213)를 서로 연결하고, 도 12c이 1260과 같이 제1 전자 문서의 식별 정보(1211-1), 제2 전자 문서의 식별 정보(1212-1) 및 제1 파일의 식별 정보(1261)가 디스플레이되도록 디스플레이부(130)를 제어할 수 있다.
한편, 북마크의 대상은 상술한 실시 예에 한정되지 않고, 다양한 리소스가 북마크의 대상이 될 수 있다. 예로, 북마크의 대상은 웹 페이지, 메모 문서, 멀티미디어 파일, 음성 파일, 동영상, 이미지 또는 편집 문서 등 다양한 리소스들이 될 수 있다.
도 13a 내지 도 13d는 본 개시의 일 실시 예에 따른 북마크된 웹 페이지의 식별 정보들의 다양한 예들을 나타내는 과정을 나타내는 도면들이다.
도 13a의 1310에서, 북마크된 웹 페이지의 식별 정보들은 썸네일(1311)의 형태로 디스플레이될 수 있다.
또한, 도 13a의 1320과 같이, 북마크된 웹 페이지의 식별 정보는 텍스트(1312) 형태로 디스플레이될 수 있다. 이 때, 텍스트의 내용은 도메인 이름, 링크 주소, 웹 페이지의 제목 중 적어도 하나가 될 수 있다.
또한, 도 13b의 1330과 같이, 북마크된 웹 페이지의 식별 정보는 아이프레임(Iframe)(1331)의 형태로 디스플레이될 수 있다. 이 때, 사용자 입력에 응답하여, 아이프레임(1331)의 크기, 아이프레임(1331)에 포함된 웹 페이지의 내용이 변경될 수 있다. 예로, 아이프레임(1331)의 가장 자리를 터치 후 드래그하는 터치 드래그 제스처에 응답하여, 도 13b의 1340과 같이 프로세서(190)는 아이프레임(1331)의 크기를 늘릴 수 있다. 또는, 아이프레임(1331) 상에 터치 드래그 제스처에 응답하여, 도 13c의 1350과 같이 아이프레임(1331)에 포함된 웹 페이지가 스크롤되어 디스플레이되도록 디스플레이부(130)를 제어할 수 있다. 또는, 아이프레임(1331) 상에서 터치&홀드를 유지한 체로 드래그하여 일정 위치에서 터치를 해제하는 사용자 제스처에 응답하여, 도 13c의 1360과 같이 프로세서(190)는 아이프레임(1331)을 터치 해제 위치로 이동시킬 수 있다.
또한, 도 13d의 1360과 같이, 복수 개의 웹 페이지들이 북마크된 경우, 북마크된 웹 페이지의 식별 정보들(1361,1362,1363)은 북마크 목록에 포함되어 디스플레이될 수 있다. 이 때, 북마크 목록에 포함된 웹 페이지의 식별 정보들(1361,1362,1363)은 텍스트 형태로 디스플레이될 수 있으며, 이 때, 텍스트의 내용은 도메인 이름, 링크 주소, 웹 페이지의 제목 중 적어도 하나가 될 수 있다.
또한, 도 13d의 1370과 같이, 복수 개의 웹 페이지들이 북마크된 경우, 북마크된 웹 페이지의 식별 정보들(1371,1372)은 썸네일 또는 아이프레임 형태로 디스플레이될 수 있다. 이 때, 웹 페이지의 식별 정보들(1371,1372)은 사용자 제스처 입력에 응답하여 이동될 수 있으며, 웹 페이지 식별 정보가 이동됨에 따라 웹 페이지의 식별 정보의 종류 또는 크기가 변경될 수 있다. 예로, 화면에 중심에 가까운 웹 페이지의 식별 정보(1372)는 썸네일 또는 아이프레임의 형태로 디스플레이되고, 화면에 가장 자리에 가까운 웹 페이지의 식별 정보(1371)는 텍스트의 형태로 디스플레이될 수 있다.
도 14는, 본 개시의 일 실시 예에 따른 웹 페이지를 디스플레이하는 방법을 설명하기 위한 흐름도이다.
먼저, 전자 기기(100)는 제1 웹 페이지를 디스플레이할 수 있다(1401).
그리고, 제1 웹 페이지 상에 제1 제스처가 입력되면(1403-예), 제1 제스처 입력에 응답하여, 전자 기기(100)는 디스플레이 중인 제1 웹 페이지를 북마크할 수 있다(1405).
그리고, 전자 기기(100)는 제2 웹 페이지를 디스플레이할 수 있다(1407).
그리고, 제2 웹 페이지 상에 제2 제스처가 입력되면(1409-예), 제2 제스처 입력에 응답하여, 전자 기기(100)는 제2 웹 페이지 및 북마크된 제1 웹 페이지의 식별 정보를 함께 디스플레이할 수 있다(1411). 이 때, 북마크된 제1 웹 페이지의 식별 정보는, 예로, 디스플레이되는 영역의 크기가 축소된 제1 웹 페이지가 될 수 있다.
그리고, 북마크된 제1 웹 페이지 상에 제3 제스처가 입력되면(1413-예), 제3 제스처 입력에 응답하여, 전자 기기(100)는 북마크된 제1 웹 페이지를 스크롤하여 디스플레이할 수 있다(1415).
도 15는, 본 개시의 다른 일 실시 예에 따른 웹 페이지를 디스플레이하는 방법을 설명하기 위한 흐름도이다.
먼저, 전자 기기(100)는 제1 웹 페이지를 디스플레이할 수 있다(1501).
그리고, 제1 웹 페이지 상에 제1 제스처가 입력되면(1503-예), 제1 제스처 입력에 응답하여, 전자 기기(100)는 디스플레이 중인 제1 웹 페이지를 북마크할 수 있다(1505).
그리고, 전자 기기(100)는 제2 웹 페이지를 디스플레이할 수 있다(1507).
그리고, 제2 웹 페이지 상에 제2 제스처가 입력되면(1509-예), 제2 제스처 입력에 응답하여, 전자 기기(100)는 디스플레이 중인 제1 웹 페이지를 북마크할 수 있다(1511).
그리고, 전자 기기(100)는 제3 웹 페이지를 디스플레이할 수 있다(1513).
그리고, 제3 웹 페이지 상에 제3 제스처가 입력되면(1515-예), 제3 제스처 입력에 응답하여, 전자 기기(100)는 제3 웹 페이지, 북마크된 제1 웹 페이지의 식별 정보 및 북마크된 제3 웹 페이지의 식별 정보를 함께 디스플레이할 수 있다(1517).
도 16은, 본 개시의 또 다른 일 실시 예에 따른 웹 페이지를 디스플레이하는 방법을 설명하기 위한 흐름도이다.
먼저, 전자 기기(100)는 제1 웹 페이지를 디스플레이할 수 있다(1601).
그리고, 제1 웹 페이지 상에 제1 제스처가 입력되면(1603-예), 제1 제스처 입력에 응답하여, 전자 기기(100)는 디스플레이 중인 제1 웹 페이지를 북마크할 수 있다(1605).
그리고, 전자 기기(100)는 제1 이미지를 디스플레이할 수 있다(1607).
그리고, 제1 이미지 상에 제2 제스처가 입력되면(1609-예), 제2 제스처 입력에 응답하여, 전자 기기(100)는 디스플레이 중인 제1 이미지를 북마크할 수 있다(1611).
그리고, 전자 기기(100)는 제3 웹 페이지를 디스플레이할 수 있다(1613).
그리고, 제3 웹 페이지 상에 제3 제스처가 입력되면(1615-예), 제3 제스처 입력에 응답하여, 전자 기기(100)는 제3 웹 페이지, 북마크된 제1 웹 페이지의 식별 정보 및 북마크된 제1 이미지 식별 정보를 함께 디스플레이할 수 있다(1617).
도 17은, 본 개시의 또 다른 일 실시 예에 따른 웹 페이지를 디스플레이하는 방법을 설명하기 위한 흐름도이다.
먼저, 전자 기기(100)는 제1 웹 페이지를 디스플레이할 수 있다(1701).
그리고, 제1 웹 페이지 상에 제1 제스처가 입력되면(1703-예), 제1 제스처 입력에 응답하여, 전자 기기(100)는 디스플레이 중인 제1 웹 페이지를 북마크할 수 있다(1605).
그리고, 전자 기기(100)는 제1 파일을 제공할 수 있다(1707). 이 때, 제1 파일을 제공하는 것은, 제1 파일을 실행 중인 것 또는 제1 파일의 식별 정보(예로, 제1 파일의 아이콘, 제1 파일의 제목, 제1 파일에 포함된 컨텐츠(예로, 이미지, 동영상, 텍스트 등)의 일부를 디스플레이하는 것을 포함할 수 있다.
그리고, 제1 이미지 상에 제2 제스처가 입력되면(1709-예), 제2 제스처 입력에 응답하여, 전자 기기(100)는 제공 중인 제1 파일을 북마크할 수 있다(1711).
그리고, 전자 기기(100)는 제3 웹 페이지를 디스플레이할 수 있다(1713).
그리고, 제3 웹 페이지 상에 제3 제스처가 입력되면(1715-예), 제3 제스처 입력에 응답하여, 전자 기기(100)는 제3 웹 페이지, 북마크된 제1 웹 페이지의 식별 정보 및 북마크된 제1 파일의 식별 정보를 함께 디스플레이할 수 있다(1717).
다양한 실시 예에 따른 장치 (예: 모듈들 또는 전자 기기(100)) 또는 방법 (예: 동작들)은, 예컨대, 컴퓨터로 읽을 수 있는 저장매체(computer-readable storage media)에 유지되는(maintain) 프로그램들 중 적어도 하나의 프로그램에 포함된 명령어(instructions)를 실행하는 컴퓨터(예: 프로세서 190)에 의하여 수행될 수 있다.
상기 명령어가 컴퓨터(예: 프로세서 190)에 의해 실행될 경우, 상기 하나 이상의 프로세서는 상기 명령어에 해당하는 기능을 수행할 수 있다. 컴퓨터로 읽을 수 있는 저장매체는, 예를 들면, 상기 메모리(150)가 될 수 있다.
프로그램은, 예로, 하드디스크, 플로피디스크, 마그네틱 매체 (magnetic media)(예: 자기테이프), 광기록 매체 (optical media)(예: CD-ROM (compact disc read only memory), DVD (digital versatile disc), 자기-광 매체 (magneto-optical media)(예: 플롭티컬 디스크 (floptical disk)), 하드웨어 장치 (예: ROM (read only memory), RAM (random access memory), 또는 플래시 메모리 등) 등과 같은 컴퓨터로 읽을 수 저장 매체에 포함될 수 있다. 이 경우, 저장 매체는 일반적으로 전자 기기(100)의 구성의 일부로 포함되나, 전자 기기(100)의 포트(port)를 통하여 장착될 수도 있으며, 또는 전자 기기(100)의 외부에 위치한 외부 기기(예로, 클라우드, 서버 또는 다른 전자 기기)에 포함될 수도 있다. 또한, 프로그램은 복수의 저장 매체에 나누어 저장될 수도 있으며, 이 때, 복수의 저장 매체의 적어도 일부는 전자 기기(100)의 외부에 위치할 수도 있다.
명령어는, 컴파일러에 의해 만들어지는 것과 같은 기계어 코드뿐만 아니라 인터프리터 등을 사용해서 컴퓨터에 의해서 실행될 수 있는 고급 언어 코드를 포함할 수 있다. 상술한 하드웨어 장치는 다양한 실시예의 동작을 수행하기 위해 하나 이상의 소프트웨어 모듈로서 작동하도록 구성될 수 있으며, 그 역도 마찬가지다.
또한, 이상에서는 본 개시의 바람직한 실시 예에 대하여 도시하고 설명하였지만, 본 개시는 상술한 특정의 실시 예에 한정되지 아니하며, 청구범위에서 청구하는 본 개시의 요지를 벗어남이 없이 당해 발명이 속하는 기술분야에서 통상의 지식을 가진 자에 의해 다양한 변형실시가 가능한 것은 물론이고, 이러한 변형실시들은 본 개시의 기술적 사상이나 전망으로부터 개별적으로 이해되어서는 안될 것이다.

Claims (20)

  1. 전자 기기의 웹 페이지 디스플레이 방법에 있어서,
    제1 웹 페이지를 디스플레이하는 단계;
    상기 제1 웹 페이지 상의 제1 제스처 입력에 응답하여, 디스플레이 중인 상기 제1 웹 페이지를 북마크하는 단계;
    상기 제1 웹 페이지가 북마크된 상태에서, 제2 웹 페이지를 디스플레이하는 단계;
    상기 제2 웹 페이지 상의 제2 제스처 입력에 응답하여, 상기 제2 웹 페이지의 위에 축소된 제1 웹 페이지를 함께 디스플레이하는 단계, 여기서 상기 축소된 제1 웹 페이지는 상기 제2 웹 페이지보다 작고;
    상기 축소된 제1 웹 페이지 상의 제3 제스처 입력에 응답하여, 상기 축소된 제1 웹 페이지가 디스플레이되는 영역 내에서 상기 축소된 제1 웹 페이지를 스크롤하여 디스플레이하는 단계를 포함하고,
    상기 제1 제스처, 상기 제2 제스처 및 상기 제3 제스처는 서로 다른, 웹 페이지 디스플레이 방법.
  2. 제1항에 있어서,
    상기 제1 웹 페이지를 북마크하는 단계는,
    상기 제1 웹 페이지의 북마크 정보를 저장하는 단계를 포함하고,
    상기 제1 웹 페이지의 북마크 정보는 상기 제1 웹 페이지의 도메인 이름, 상기 제1 웹 페이지의 링크 주소, 상기 제1 웹 페이지의 썸네일, 상기 제1 웹 페이지의 제목 및 상기 제1 웹 페이지의 로고를 나타내는 파비콘(favicon) 중 적어도 하나인 것을 특징으로 하는 웹 페이지 디스플레이 방법.
  3. 삭제
  4. 제1항에 있어서,
    제3 웹 페이지가 더 북마크된 경우,
    상기 제2 웹 페이지의 위에 상기 축소된 제1 웹 페이지를 함께 디스플레이하는 단계는,
    상기 제2 웹 페이지의 위에 상기 축소된 제1 웹 페이지 및 축소된 제3 웹 페이지를 함께 디스플레이하는 단계를 포함하는 웹 페이지 디스플레이 방법.
  5. 제1항에 있어서,
    뷰어 어플리케이션에 의하여 실행된 제1 전자 문서가 더 북마크된 경우,
    상기 제2 웹 페이지의 위에 상기 축소된 제1 웹 페이지를 함께 디스플레이하는 단계는,
    상기 제2 웹 페이지의 위에 상기 축소된 제1 웹 페이지 및 축소된 제1 전자 문서를 함께 디스플레이하는 단계를 포함하는 웹 페이지 디스플레이 방법.
  6. 제1항에 있어서,
    이미지가 더 북마크된 경우,
    상기 제2 웹 페이지의 위에 상기 축소된 제1 웹 페이지를 함께 디스플레이하는 단계는,
    상기 제2 웹 페이지의 위에 상기 축소된 제1 웹 페이지 및 축소된 이미지를 함께 디스플레이하는 단계를 포함하는 웹 페이지 디스플레이 방법.
  7. 제1항에 있어서,
    제1 파일이 더 북마크된 경우,
    상기 제2 웹 페이지의 위에 상기 축소된 제1 웹 페이지를 함께 디스플레이하는 단계는,
    상기 제2 웹 페이지의 위에 상기 축소된 제1 웹 페이지 및 축소된 제1 파일을 함께 디스플레이하는 단계를 포함하는 웹 페이지 디스플레이 방법.
  8. 제1항에 있어서,
    다른 전자 기기에서 제1 전자 문서의 북마크 정보를 수신하는 경우,
    상기 제2 웹 페이지의 위에 상기 축소된 제1 웹 페이지를 함께 디스플레이하는 단계는,
    상기 제2 웹 페이지의 위에 상기 축소된 제1 웹 페이지 및 축소된 제1 전자 문서를 함께 디스플레이하는 단계를 포함하는 웹 페이지 디스플레이 방법.
  9. 제1항에 있어서,
    상기 제2 웹 페이지를 디스플레이하는 단계는,
    웹 브라우저 메뉴의 새 탭 실행에 따른 신규 웹 브라우저 화면 또는 웹 브라우저 어플리케이션의 재실행에 따른 신규 웹 브라우저 화면 상에 상기 제2 웹 페이지를 디스플레이하는 단계를 포함하는 웹 페이지 디스플레이 방법.
  10. 제1항에 있어서,
    상기 축소된 제1 웹 페이지가 디스플레이된 상태에서, 상기 축소된 제1 웹 페이지 상의 제4 제스처에 입력에 응답하여,
    상기 축소된 제1 웹 페이지의 위치를 이동하거나, 상기 축소된 제1 웹 페이지의 크기를 변경하거나 또는 상기 축소된 제1 웹 페이지에 포함된 링크 객체에 연결된 웹 페이지를 디스플레이하는 단계를 더 포함하는 웹 페이지 디스플레이 방법.
  11. 웹 페이지를 디스플레이하는 전자 기기에 있어서,
    디스플레이부;
    사용자 제스처를 감지하는 감지부;
    프로그램들이 저장된 메모리; 및
    상기 디스플레이부를 통하여 제1 웹 페이지를 디스플레이하고,
    상기 제1 웹 페이지 상에, 상기 감지부를 통한 제1 제스처 입력에 응답하여, 디스플레이 중인 상기 제1 웹 페이지를 북마크하고,
    상기 제1 웹 페이지가 북마크된 상태에서, 상기 디스플레이부를 통하여 제2 웹 페이지를 디스플레이하고,
    상기 제2 웹 페이지 상에, 상기 감지부를 통한 제2 제스처 입력에 응답하여, 상기 제2 웹 페이지의 위에 축소된 제1 웹 페이지를 상기 디스플레이부를 통하여 함께 디스플레이하고, 여기서 상기 축소된 제1 웹 페이지는 상기 제2 웹 페이지보다 작고,
    상기 축소된 제1 웹 페이지 상에, 상기 감지부를 통한 제3 제스처 입력에 응답하여, 상기 축소된 제1 웹 페이지가 디스플레이되는 영역 내에서 상기 축소된 제1 웹 페이지를 스크롤하여 상기 디스플레이부를 통하여 디스플레이하는 동작이 실행되도록 상기 프로그램들 중 적어도 하나의 프로그램에 포함된 명령어들(instructions)을 실행하는 프로세서를 포함하고,
    상기 제1 제스처, 상기 제2 제스처 및 상기 제3 제스처는 서로 다른, 전자 기기.
  12. 제11항에 있어서,
    상기 프로세서는,
    상기 제1 웹 페이지를 북마크하는 경우,
    상기 제1 웹 페이지의 북마크 정보를 저장하는 명령어들을 실행하고,
    상기 제1 웹 페이지의 북마크 정보는 상기 제1 웹 페이지의 도메인 이름, 상기 제1 웹 페이지의 링크 주소, 상기 제1 웹 페이지의 썸네일, 상기 제1 웹 페이지의 제목 및 상기 제1 웹 페이지의 로고를 나타내는 파비콘(favicon) 중 적어도 하나인 것을 특징으로 하는 전자 기기.
  13. 삭제
  14. 제11항에 있어서,
    상기 프로세서는,
    제3 웹 페이지가 더 북마크된 경우,
    상기 제2 웹 페이지의 위에 상기 축소된 제1 웹 페이지 및 축소된 제3 웹 페이지를 함께 디스플레이하는 동작을 수행하는 명령어들을 실행하는 것을 특징으로 하는 전자 기기.
  15. 제11항에 있어서,
    상기 프로세서는,
    뷰어 어플리케이션에 의하여 실행된 제1 전자 문서가 더 북마크된 경우,
    상기 제2 웹 페이지의 위에 상기 축소된 제1 웹 페이지 및 축소된 제1 전자 문서를 함께 디스플레이하는 동작을 수행하는 명령어들을 실행하는 것을 특징으로 하는 전자 기기.
  16. 제11항에 있어서,
    상기 프로세서는,
    이미지가 더 북마크된 경우,
    상기 제2 웹 페이지의 위에 상기 축소된 제1 웹 페이지 및 축소된 이미지를 함께 디스플레이하는 동작을 수행하는 명령어들을 실행하는 것을 특징으로 하는 전자 기기.
  17. 제11항에 있어서,
    상기 프로세서는,
    제1 파일이 더 북마크된 경우,
    상기 제2 웹 페이지의 위에 상기 축소된 제1 웹 페이지 및 축소된 제1 파일을 함께 디스플레이하는 동작을 수행하는 명령어들을 실행하는 것을 특징으로 하는 전자 기기.
  18. 제11항에 있어서,
    상기 프로세서는,
    다른 전자 기기에서 제1 전자 문서의 북마크 정보를 수신하는 경우,
    상기 제2 웹 페이지의 위에 상기 축소된 제1 웹 페이지 및 축소된 제1 전자 문서를 함께 디스플레이하는 동작을 수행하는 명령어들을 실행하는 것을 특징으로 하는 전자 기기.
  19. 제11항에 있어서,
    상기 프로세서는,
    상기 제2 웹 페이지를 디스플레이하는 경우,
    웹 브라우저 메뉴의 새 탭 실행에 따른 신규 웹 브라우저 화면 또는 웹 브라우저 어플리케이션의 재실행에 따른 신규 웹 브라우저 화면 상에 상기 제2 웹 페이지를 디스플레이하는 동작을 수행하는 명령어들을 실행하는 것을 특징으로 하는 전자 기기.
  20. 제11항에 있어서,
    상기 프로세서는,
    상기 축소된 제1 웹 페이지가 디스플레이된 상태에서, 상기 축소된 제1 웹 페이지 상의 제4 제스처에 입력에 응답하여,
    상기 축소된 제1 웹 페이지의 위치를 이동하거나, 상기 축소된 제1 웹 페이지의 크기를 변경하거나 또는 상기 축소된 제1 웹 페이지에 포함된 링크 객체에 연결된 웹 페이지를 디스플레이하는 동작을 수행하는 명령어들을 실행하는 것을 특징으로 하는 전자 기기.
KR1020140182354A 2014-12-17 2014-12-17 전자 기기 및 이의 웹 페이지 디스플레이 방법 KR102343361B1 (ko)

Priority Applications (4)

Application Number Priority Date Filing Date Title
KR1020140182354A KR102343361B1 (ko) 2014-12-17 2014-12-17 전자 기기 및 이의 웹 페이지 디스플레이 방법
US14/870,520 US10353988B2 (en) 2014-12-17 2015-09-30 Electronic device and method for displaying webpage using the same
CN201510953079.4A CN105718189B (zh) 2014-12-17 2015-12-17 电子装置以及使用该电子装置显示网页的方法
PCT/KR2015/013847 WO2016099166A1 (en) 2014-12-17 2015-12-17 Electronic device and method for displaying webpage using the same

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020140182354A KR102343361B1 (ko) 2014-12-17 2014-12-17 전자 기기 및 이의 웹 페이지 디스플레이 방법

Publications (2)

Publication Number Publication Date
KR20160073714A KR20160073714A (ko) 2016-06-27
KR102343361B1 true KR102343361B1 (ko) 2021-12-27

Family

ID=56126961

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020140182354A KR102343361B1 (ko) 2014-12-17 2014-12-17 전자 기기 및 이의 웹 페이지 디스플레이 방법

Country Status (4)

Country Link
US (1) US10353988B2 (ko)
KR (1) KR102343361B1 (ko)
CN (1) CN105718189B (ko)
WO (1) WO2016099166A1 (ko)

Families Citing this family (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20120130741A1 (en) * 2010-11-24 2012-05-24 General Electric Company Integrated patient information viewer interface
US10360882B1 (en) * 2016-05-26 2019-07-23 Terence Farmer Semi-transparent interactive axial reading device
CN107784000B (zh) * 2016-08-26 2021-06-29 腾讯科技（深圳）有限公司 一种标签页展示方法、浏览器及用户设备
USD882594S1 (en) * 2018-07-06 2020-04-28 Beijing Microlive Vision Technology Co., Ltd. Display screen or portion thereof with a graphical user interface
CN109829070B (zh) * 2019-01-29 2021-01-08 维沃移动通信有限公司 一种图像查找方法及终端设备
CN111142730B (zh) * 2019-12-26 2021-06-15 维沃移动通信有限公司 一种分屏显示方法及电子设备
US11611629B2 (en) * 2020-05-13 2023-03-21 Microsoft Technology Licensing, Llc Inline frame monitoring
CN112989766B (zh) * 2021-05-11 2021-08-03 金锐同创(北京)科技股份有限公司 文档标注信息的处理方法、装置及终端设备

Family Cites Families (19)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US8015259B2 (en) * 2002-09-10 2011-09-06 Alan Earl Swahn Multi-window internet search with webpage preload
US8051388B2 (en) * 2006-08-31 2011-11-01 Access Co., Ltd. Device having bookmark thumbnail management function
US8984389B2 (en) 2007-06-04 2015-03-17 Lg Electronics Inc. Mobile terminal for setting bookmarking area and control method thereof
KR101452759B1 (ko) * 2007-08-20 2014-10-21 엘지전자 주식회사 휴대 단말기 및 이를 이용한 웹 페이지 관리방법
KR101424818B1 (ko) 2008-05-07 2014-07-31 엘지전자 주식회사 근접 터치 감지 기능을 갖는 휴대 단말기 및 이를 이용한슬라이드 기능 제공 방법
KR101481556B1 (ko) * 2008-09-10 2015-01-13 엘지전자 주식회사 이동 단말기 및 이를 이용한 객체 표시방법
KR101513019B1 (ko) 2008-10-27 2015-04-17 엘지전자 주식회사 휴대 단말기 및 그 동작방법
JP5229084B2 (ja) * 2009-04-14 2013-07-03 ソニー株式会社 表示制御装置、表示制御方法およびコンピュータプログラム
KR101718027B1 (ko) 2010-09-09 2017-03-20 엘지전자 주식회사 이동 단말기 및 그의 메모 관리방법
US9477311B2 (en) * 2011-01-06 2016-10-25 Blackberry Limited Electronic device and method of displaying information in response to a gesture
US8750941B2 (en) 2011-03-16 2014-06-10 Lg Electronics Inc. Mobile terminal and method of controlling mobile terminal
JP5768457B2 (ja) * 2011-04-19 2015-08-26 ソニー株式会社 電子機器、表示方法及びプログラム
JP5774899B2 (ja) * 2011-04-26 2015-09-09 京セラ株式会社 携帯端末装置、プログラムおよび表示制御方法
KR101810884B1 (ko) 2011-06-07 2017-12-20 삼성전자주식회사 디바이스에서 제스처를 이용한 웹브라우저 인터페이스 제공 장치 및 방법
KR20130051234A (ko) * 2011-11-09 2013-05-20 삼성전자주식회사 휴대용 단말기에서 어플리케이션에 대한 비주얼 프레젠테이션 방법 및 장치
CA2857113C (en) 2011-12-08 2017-02-07 Lg Electronics Inc. Network tv and method for operating same
KR20140046928A (ko) * 2012-10-11 2014-04-21 엘지전자 주식회사 이동 단말기 및 그것의 제어방법
US20140173495A1 (en) 2012-12-13 2014-06-19 Peratech Limited Bookmark Gesture Recognition
US10109020B2 (en) * 2013-01-23 2018-10-23 Facebook, Inc. User interface for bookmarks in a social networking system

Non-Patent Citations (2)

* Cited by examiner, † Cited by third party
Title
공개특허공보 제10-2009-0019323호(2009.02.25.) 1부*
공개특허공보 제10-2010-0046575호(2010.05.07.) 1부*

Also Published As

Publication number Publication date
WO2016099166A1 (en) 2016-06-23
CN105718189B (zh) 2020-11-13
CN105718189A (zh) 2016-06-29
KR20160073714A (ko) 2016-06-27
US20160179766A1 (en) 2016-06-23
US10353988B2 (en) 2019-07-16

Similar Documents

Publication Publication Date Title
KR102230708B1 (ko) 사용자 인터렉션을 제공하는 사용자 단말 장치 및 그 방법
US10841265B2 (en) Apparatus and method for providing information
KR102343361B1 (ko) 전자 기기 및 이의 웹 페이지 디스플레이 방법
US10470538B2 (en) Portable terminal and display method thereof
US10048824B2 (en) User terminal device and display method thereof
CN105229590B (zh) 具有笔的用户终端装置和用户终端装置的控制方法
US20160357221A1 (en) User terminal apparatus and method of controlling the same
KR102285699B1 (ko) 이미지를 디스플레이하는 사용자 단말기 및 이의 이미지 디스플레이 방법
KR102037465B1 (ko) 사용자 단말 장치 및 이의 디스플레이 방법
US11086497B2 (en) Electronic apparatus and notification displaying method for electronic apparatus
TW201606631A (zh) 利用關聯指示器及浮動選單列的關聯選單
TW201419126A (zh) 多顯示裝置及控制其顯示器的方法
AU2018223043B2 (en) Portable terminal and display method thereof
US20150180998A1 (en) User terminal apparatus and control method thereof
CN107710147B (zh) 能够控制其亮度的便携式终端及其亮度控制方法
US9910832B2 (en) Selecting user interface elements to display linked documents with a linking document
CN111580706B (zh) 提供用户交互的电子设备及其方法

Legal Events

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