WO2014069749A1 - 모바일 웹 페이지에서 스와입 모션 감지에 따른 처리 시스템 및 방법 - Google Patents

모바일 웹 페이지에서 스와입 모션 감지에 따른 처리 시스템 및 방법 Download PDF

Info

Publication number
WO2014069749A1
WO2014069749A1 PCT/KR2013/006572 KR2013006572W WO2014069749A1 WO 2014069749 A1 WO2014069749 A1 WO 2014069749A1 KR 2013006572 W KR2013006572 W KR 2013006572W WO 2014069749 A1 WO2014069749 A1 WO 2014069749A1
Authority
WO
WIPO (PCT)
Prior art keywords
web page
mobile web
viewport
user terminal
content area
Prior art date
Legal status (The legal status 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 status listed.)
Ceased
Application number
PCT/KR2013/006572
Other languages
English (en)
French (fr)
Inventor
임상석
이은복
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
SK Planet Co Ltd
Original Assignee
SK Planet Co Ltd
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 SK Planet Co Ltd filed Critical SK Planet Co Ltd
Publication of WO2014069749A1 publication Critical patent/WO2014069749A1/ko
Anticipated expiration legal-status Critical
Ceased legal-status Critical Current

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F15/00—Digital computers in general; Data processing equipment in general
    • G06F15/16—Combinations of two or more digital computers each having at least an arithmetic unit, a program unit and a register, e.g. for a simultaneous processing of several programs
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; 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/957—Browsing optimisation, e.g. caching or content distillation
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; 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 OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units

Definitions

  • the present invention relates to a processing system and method for detecting swiping motion in a mobile web page that enables screen switching to be quickly performed when swiping the screen from side to side in a mobile web page or web application.
  • a mobile terminal that provides a wireless Internet service that is, a user terminal includes a wireless web browser so that a user can view a mobile web page.
  • the screen to be horizontally output is arranged horizontally based on the viewport area.
  • all mobile web pages arranged at the left and right sides are set as areas to be painted for the whole page.
  • An object of the present invention for solving the above problems is, if a swipe motion for the mobile web page currently displayed in the user terminal, the screen of the entire content of the left or right mobile web page for the currently displayed mobile web page From the content area entering the viewport and the content area entering the viewport corresponding to the size, the content area entering the viewport by scrolling is classified, and only the content area entering the viewport is used as the target area for painting on the left or right mobile web page.
  • the present invention provides a processing system and method according to swipe motion detection in a mobile web page that enables screen switching to be performed quickly by displaying a left or right mobile web page in a user terminal.
  • a mobile web page is displayed on the screen, the swipe motion (swipe) motion for the mobile web page, the mobile web page displayed according to the swipe motion detection
  • swipe motion swipe motion
  • the screen size of the entire contents of the left or right mobile web page for the displayed mobile web page is determined.
  • the content area entering the viewport and the content area entering the viewport are categorized into the viewport by scrolling, and only the content area entering the viewport is the painting target area of the left or right mobile web page.
  • user terminal on the right mobile web page To show that books are provided by the processing system according to Su mouth motion detection in a mobile web page that contains a Web page providing server.
  • the web page providing server when the scrolling of the mobile web page displayed on the user terminal is performed, the web page providing server simultaneously updates and paints an area corresponding to the scroll among all contents of the left or right mobile web page switched by the swiping motion. It is characterized by setting it as a target area.
  • a swipe motion detection unit for receiving the swipe motion detection information, when the swipe motion for the mobile web page displayed on the user terminal is detected, the user
  • the content area that enters the viewport corresponding to the screen size and the content area that enters the viewport by scrolling in the viewport corresponding to the screen size are classified among the entire contents of the left or right mobile webpage for the mobile webpage displayed on the terminal.
  • a web including a web page area classifying unit and a screen switching processing unit for switching the screen as the user terminal displays the left or right mobile web page as a painting target area of the left or right mobile web page only as the content area entering the viewport.
  • a page serving server is provided.
  • the screen switching processing unit simultaneously updates an area corresponding to the scroll among the entire contents of the left or right mobile web page switched by the swiping motion to be painted. It is characterized by the area.
  • the user terminal displays a mobile web page, and detects the swipe motion for the displayed mobile web page to transmit the swipe motion detection information to the web page providing server Step, from the content area entering the viewport corresponding to the screen size among the entire contents of the left or right mobile web page for the mobile web page displayed by the web page providing server and entering the viewport by scrolling in the content area entering the viewport Classifying the content area and switching the screen according to displaying the left or right mobile web page on the user terminal by using only the content area that enters the viewport at the web page providing server as a painting target area of the left or right mobile web page.
  • Containing Provided is a method for processing swipe motion detection in a mobile web page.
  • the painting target is updated by simultaneously updating an area corresponding to the scroll among the entire contents of the left or right mobile web page switched by the swiping motion. It is characterized by the area.
  • receiving the swipe motion detection information according to the swipe motion detection for the mobile web page displayed on the user terminal receiving the swipe motion detection information according to the swipe motion detection for the mobile web page displayed on the user terminal;
  • the content area entering the viewport by the viewport corresponding to the screen size and the content area entering the viewport by scrolling are classified among the total contents of the left or right mobile webpage for the mobile webpage displayed on the user terminal.
  • the present invention when the swipe motion for the currently displayed mobile web page is detected on the user terminal, the present invention provides a viewport corresponding to the screen size among the entire contents of the left or right mobile web page for the currently displayed mobile web page.
  • the content area entering the viewport is scrolled, and the content area entering the viewport is the left or right mobile web page to be painted.
  • FIG. 1 is a block diagram of a processing system according to swipe motion detection in a mobile web page according to an embodiment of the present invention
  • FIG. 2 is an internal configuration diagram of a web page providing server according to an embodiment of the present invention.
  • FIG. 3 is a view showing a mobile web page according to a first embodiment of the present invention.
  • FIG. 4 is a diagram showing a mobile web page according to a second embodiment of the present invention.
  • FIG. 5 is an internal configuration diagram of a user terminal according to an embodiment of the present invention.
  • FIG. 6 is a flowchart illustrating a processing method according to swipe motion detection in a mobile web page according to an exemplary embodiment of the present invention.
  • FIG. 1 is a block diagram of a processing system according to swipe motion detection in a mobile web page according to an embodiment of the present invention.
  • a processing system may include a user terminal 100 and a web page providing server 200.
  • the user terminal 100 displays a mobile web page on a screen, detects a swipe motion for the mobile web page, and displays a left or right mobile web page of the mobile web page currently displayed according to the swipe motion detection. I can display it.
  • the user terminal 100 when the user inputs a touch, the user terminal 100 quickly moves while touching a finger on the screen, and then calculates a movement speed immediately before the finger is separated from the screen.
  • the previous movement speed exceeds a preset threshold and the movement direction of the touch is left or right, the corresponding touch input may be detected as a swipe motion.
  • the web page providing server 200 When the web page providing server 200 detects a swipe motion for the mobile web page displayed on the user terminal 100, the web page providing server 200 corresponds to a screen size among all contents of the left or right mobile web page for the currently displayed mobile web page.
  • the content area entering the viewport and the content area entering the viewport are categorized into the viewport by scrolling, and only the content area entering the viewport is a painting target area of the left or right mobile web page.
  • the right mobile web page may be displayed on the user terminal.
  • the size of the viewport may physically correspond to the size of the display unit (eg, LCD) provided in the user terminal.
  • the web page providing server 200 may viewport a content area equal to the height of the vertical size of the screen provided in the current user terminal 100 among the entire contents of the left or right mobile web page of the mobile web page displayed on the current screen. It can be set as the area
  • the top position height and the height height of the content which are information necessary to calculate whether the mobile web page is included in the viewport, can be always found by the developer through an API provided by the browser.
  • the screen switching by the existing swiping motion provides a performance of 4 fps while the present invention provides an improved performance of 12 fps. You can switch the screen.
  • the web page providing server 200 corresponds to the scrolling of the entire contents of the left or right mobile web page that is switched by the swipe motion when scrolling on the mobile web page currently displayed on the user terminal 100 is performed; You can update the area to be painted at the same time as the area to be painted.
  • FIG. 2 is a diagram illustrating an internal configuration of a web page providing server according to an exemplary embodiment of the present invention.
  • the web page providing server 200 may include a swipe motion detector 202, a web page area classifier 204, and a screen switching processor 206.
  • the swipe motion detection unit 202 may receive the swipe motion detection information.
  • the swipe motion detection information When the user inputs a touch, the swiping motion moves quickly while the user touches a finger on the screen, calculates the speed of the movement immediately before the finger is removed from the screen, and the movement speed exceeds the preset threshold.
  • the moving direction of the left side or the right side the corresponding touch input may be detected as a swipe motion.
  • the web page area classification unit 204 scrolls in the content area entering the viewport corresponding to the screen size and the content area entering the viewport among the entire contents of the left or right mobile web page for the mobile web page displayed on the user terminal. Can be used to classify the content areas that enter the viewport.
  • the screen switching processing unit 206 may change the screen as the user terminal displays the left or right mobile web page as the painting target area of the left or right mobile web page, only the content area entering the viewport.
  • the screen switching processing unit 206 simultaneously displays an area corresponding to the scroll among the entire contents of the left or right mobile web page switched by the swiping motion. You can update it to make it a painting target area. Accordingly, the user terminal may not show the empty space when the display is switched by the swiping motion.
  • FIG. 3 is a diagram illustrating a mobile web page according to a first embodiment of the present invention.
  • the web page providing server arranges an index of mobile web pages moving during a swipe based on a page n, which is an active mobile web page. do.
  • mobile web pages that move during swipe include Page n-1 (302), Page n + 1 (306), and Page n + 2 (308) on the left and right of the page n (304).
  • the area to be displayed immediately at the time of swiping that is, the area entering the viewport, may be included and managed in the painting area.
  • Page n-1 302 and Page n + 1 306 include painting areas and areas excluded from the painting area
  • Page n + 2 308 excludes the entire mobile web page content from the painting area. do.
  • FIG. 4 is a diagram illustrating a mobile web page according to a second embodiment of the present invention.
  • the web page providing server according to the present invention, the mobile web pages that move during the swipe (Swipe) Page n-1 (402), Page n + 1 ( 406), if the page n + 2 (408) is placed, the painting area of the page n-1 (402) and page n + 1 (406) is simultaneously displayed when up and down scrolling is performed on the current page n according to the user's operation. You can update it. Accordingly, even if the swipe is performed immediately after the vertical scrolling according to the user's operation, the empty space is not displayed.
  • FIG. 5 is an internal configuration diagram of a user terminal according to an embodiment of the present invention.
  • a user terminal includes a communication unit 502, an operation unit 504, a display unit 506, a sound output unit 508, a storage unit 510, and a control unit 500. can do.
  • the communication unit 502 may include a mobile communication module, a wireless internet module, a short-range communication module, etc.
  • the mobile communication module transmits and receives a wireless signal of a base station on a mobile communication network
  • the wireless internet module is a module for wireless internet access.
  • the short range communication module is a module for short range communication.
  • the communication unit 502 may interwork with a web page providing server through a wireless internet module.
  • the operation unit 504 generates input data according to an operation for controlling the operation of the user.
  • the operation unit may be implemented as a touch screen that forms a mutual layer structure with the display unit, and according to a gesture of a user, a tap, a double tap, a hold, a drag, and a flick may be used.
  • a touch input such as a swipe or swipe may be detected.
  • the display unit 506 displays and outputs information processed in the user terminal on the screen, displays the mobile web page on the screen, and the left or right side of the mobile web page currently displayed as the swipe motion of the displayed mobile web page is detected.
  • a mobile web page can be displayed.
  • the sound output unit 508 may output a voice signal received through the communication unit or audio data stored in the storage unit in a call mode or the like.
  • the storage unit 510 may store a program for processing and controlling the control unit 500, and may temporarily store input or output data.
  • the control unit 500 typically controls the operation of each terminal to control the overall operation of the user terminal.
  • control unit 500 displays a mobile web page on the screen, and when a swipe motion for the mobile web page is detected, in conjunction with a web page providing server, the control unit 500 displays the left or right side of the currently displayed mobile web page. To display mobile web pages.
  • FIG. 6 is a flowchart illustrating a processing method according to swipe motion detection in a mobile web page according to an exemplary embodiment of the present invention.
  • the swipe motion detection information is transmitted to the web page providing server. do.
  • the web page providing server enters the content area and the viewport that enter the viewport corresponding to the screen size among the entire contents of the left or right mobile webpage for the mobile webpage currently displayed on the user terminal.
  • the content area entering the viewport by scrolling in the content area may be classified (S606).
  • the web page providing server may set only the content area that enters the viewport as a painting target area of the left or right mobile web page (S608), and display the left or right mobile web page on the user terminal (S610).
  • the web page providing server simultaneously updates and paints an area corresponding to the scroll among all contents of the left or right mobile web page switched by the swiping motion. It can be set as a target area.
  • the swipe motion detection information according to the swipe motion detection for the mobile web page displayed on the user terminal Receiving, from the content area entering the viewport (viewport) corresponding to the screen size of the total content of the left or right mobile web page for the mobile web page displayed on the user terminal and the content area entered in the viewport to the viewport by scrolling Swiping in a mobile web page comprising the steps of classifying the incoming content area and displaying only the left or right mobile web page as a painting target area of the left or right mobile web page, only the content area entering the viewport Depending on motion detection
  • This processing method is provided.
  • the step of receiving the swipe motion detection information according to the swipe motion detection for the mobile web page displayed on the user terminal The content area entering the viewport by the viewport corresponding to the screen size and the content area entering the viewport by scrolling are classified among the total contents of the left or right mobile webpage for the mobile webpage displayed on the user terminal. And displaying the left or right mobile web page on the user terminal by using only the content area entering the viewport as a painting target area of the left or right mobile web page.
  • the processing method according to the motion detection may be recorded by a program and recorded on a recording medium readable by the electronic device.
  • the processing method according to the swipe motion detection in the mobile web page of the web page providing server can be written in a program, and codes and code segments constituting the program can be easily inferred by a programmer in the art.
  • a program related to the processing method according to the swipe motion detection in the mobile web page of the web page providing server may be stored in a readable media that can be read by the electronic device, and read and executed by the electronic device.
  • the content area that enters into the viewport by scrolling is classified from the content area that enters into the viewport and the content area that enters into the viewport, and only the left or right mobile webpage is used as the target area for painting on the left or right mobile webpage.

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Databases & Information Systems (AREA)
  • Computer Hardware Design (AREA)
  • Human Computer Interaction (AREA)
  • Data Mining & Analysis (AREA)
  • Software Systems (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

본 발명은 모바일 웹 페이지에서 스와입 모션 감지에 따른 처리 시스템 및 방법에 관한 것으로, 사용자 단말에서 현재 표시되는 모바일 웹 페이지에 대한 스와입 모션이 감지되면, 현재 표시되는 모바일 웹 페이지에 대한 좌측 또는 우측 모바일 웹 페이지의 전체 컨텐츠 중 화면 크기에 상응하는 뷰포트(viewport)에 들어오는 컨텐츠 영역과 뷰포트에 들어온 컨텐츠 영역에서 스크롤에 의해 뷰포트로 들어오는 컨텐츠 영역을 분류하고, 뷰포트에 들어오는 컨텐츠 영역만을 좌측 또는 우측 모바일 웹 페이지의 페인팅 대상 영역으로 하여, 좌측 또는 우측 모바일 웹 페이지를 사용자 단말에서 표시하도록 함으로써, 화면 전환이 빠르게 수행되도록 할 수 있다.

Description

모바일 웹 페이지에서 스와입 모션 감지에 따른 처리 시스템 및 방법
본 발명은 모바일 웹 페이지 또는 웹 애플리케이션에서 화면을 좌우로 스와입(swipe)하는 경우 화면 전환이 빠르게 수행되도록 하는 모바일 웹 페이지에서 스와입 모션 감지에 따른 처리 시스템 및 방법에 관한 것이다.
무선인터넷 서비스를 제공하는 모바일 단말 즉, 사용자 단말은 무선 웹 브라우저(web browser)를 탑재하여 사용자가 모바일 웹 페이지를 볼 수 있도록 한다.
일반적인 웹 기술로 구현된 모바일 웹 페이지나 웹 애플리케이션에서 사용자의 조작에 따라 단말에서 좌우 스와입(swipe) 모션을 감지하여 좌우로 화면을 이동시키는 기술이 널리 활용되고 있다.
이때, 스와입 모션을 감지하면, 뷰포트(viewport) 영역을 기준으로 좌우 출력할 화면을 수평적으로 배치한다. 이때 좌우에 배치된 모든 모바일 웹 페이지는 페이지 전체에 대하여 페인팅되는 영역으로 설정되어 있다. 이러한 경우 좌우 화면을 갱신하기 위하여 전체의 페인팅 영역에 대하여 업데이트 여부 등을 검사하는 과정이 필요하다. 이에 따라, 모바일 웹 페이지의 모든 컨텐츠 영역을 페인팅해야 하므로, 저사양 단말에서 화면 전환이 원활하게 이루어지지 않다는 문제점이 있다.
상술한 과제를 해결하기 위한 본 발명의 목적은, 사용자 단말에서 현재 표시되는 모바일 웹 페이지에 대한 스와입 모션이 감지되면, 현재 표시되는 모바일 웹 페이지에 대한 좌측 또는 우측 모바일 웹 페이지의 전체 컨텐츠 중 화면 크기에 상응하는 뷰포트(viewport)에 들어오는 컨텐츠 영역과 뷰포트에 들어온 컨텐츠 영역에서 스크롤에 의해 뷰포트로 들어오는 컨텐츠 영역을 분류하고, 뷰포트에 들어오는 컨텐츠 영역만을 좌측 또는 우측 모바일 웹 페이지의 페인팅 대상 영역으로 하여, 좌측 또는 우측 모바일 웹 페이지를 사용자 단말에서 표시하도록 함으로써, 화면 전환이 빠르게 수행되도록 하는 모바일 웹 페이지에서 스와입 모션 감지에 따른 처리 시스템 및 방법을 제공하는 데에 있다.
상술한 과제를 해결하기 위한 본 발명의 일 측면에 따르면, 모바일 웹 페이지를 화면에 표시하고, 모바일 웹 페이지에 대한 스와입(swipe) 모션을 감지하며, 스와입 모션 감지에 따라 표시되는 모바일 웹 페이지의 좌측 또는 우측 모바일 웹 페이지를 표시하는 사용자 단말 및 사용자 단말에서 표시되는 모바일 웹 페이지에 대한 스와입 모션이 감지되면, 표시되는 모바일 웹 페이지에 대한 좌측 또는 우측 모바일 웹 페이지의 전체 컨텐츠 중 화면 크기에 상응하는 뷰포트(viewport)에 들어오는 컨텐츠 영역과 뷰포트에 들어온 컨텐츠 영역에서 스크롤에 의해 뷰포트로 들어오는 컨텐츠 영역을 분류하고, 뷰포트에 들어오는 컨텐츠 영역만을 상기 좌측 또는 우측 모바일 웹 페이지의 페인팅 대상 영역으로 하여, 좌측 또는 우측 모바일 웹 페이지를 사용자 단말에서 표시하도록 하는 웹 페이지 제공 서버를 포함하는 모바일 웹 페이지에서 스와입 모션 감지에 따른 처리 시스템이 제공된다.
이때, 웹 페이지 제공 서버는 사용자 단말에서 표시되는 모바일 웹 페이지에 대한 스크롤이 수행되는 경우, 스와입 모션에 의해 전환되는 좌측 또는 우측 모바일 웹 페이지의 전체 컨텐츠 중 스크롤에 상응하는 영역을 동시에 업데이트하여 페인팅 대상 영역으로 하는 것을 특징으로 한다.
상술한 과제를 해결하기 위한 본 발명의 다른 측면에 따르면, 사용자 단말에서 표시되는 모바일 웹 페이지에 대한 스와입(swipe) 모션이 감지되면, 스와입 모션 감지 정보를 수신하는 스와입 모션 감지부, 사용자 단말에서 표시되는 모바일 웹 페이지에 대한 좌측 또는 우측 모바일 웹 페이지의 전체 컨텐츠 중 화면 크기에 상응하는 뷰포트(viewport)에 들어오는 컨텐츠 영역과 뷰포트에 들어온 컨텐츠 영역에서 스크롤에 의해 뷰포트로 들어오는 컨텐츠 영역을 분류하는 웹 페이지 영역 분류부 및 뷰포트에 들어오는 컨텐츠 영역만을 좌측 또는 우측 모바일 웹 페이지의 페인팅 대상 영역으로 하여, 좌측 또는 우측 모바일 웹 페이지를 사용자 단말에서 표시하도록 함에 따라 화면을 전환시키는 화면 전환 처리부를 포함하는 웹 페이지 제공 서버가 제공된다.
이때, 화면 전환 처리부는 사용자 단말에서 표시되는 모바일 웹 페이지에 대한 스크롤이 수행되는 경우, 스와입 모션에 의해 전환되는 좌측 또는 우측 모바일 웹 페이지의 전체 컨텐츠 중 스크롤에 상응하는 영역을 동시에 업데이트하여 페인팅 대상 영역으로 하는 것을 특징으로 한다.
상술한 과제를 해결하기 위한 본 발명의 다른 측면에 따르면, 사용자 단말에서 모바일 웹 페이지를 표시하고, 표시된 모바일 웹 페이지에 대한 스와입 모션을 감지하면 스와입 모션 감지 정보를 웹 페이지 제공 서버로 전송하는 단계, 웹 페이지 제공 서버에서 표시되는 모바일 웹 페이지에 대한 좌측 또는 우측 모바일 웹 페이지의 전체 컨텐츠 중 화면 크기에 상응하는 뷰포트(viewport)에 들어오는 컨텐츠 영역과 뷰포트에 들어온 컨텐츠 영역에서 스크롤에 의해 뷰포트로 들어오는 컨텐츠 영역을 분류하는 단계 및 웹 페이지 제공 서버에서 뷰포트에 들어오는 컨텐츠 영역만을 좌측 또는 우측 모바일 웹 페이지의 페인팅 대상 영역으로 하여, 좌측 또는 우측 모바일 웹 페이지를 사용자 단말에서 표시하도록 함에 따라 화면을 전환시키는 단계를 포함하는 모바일 웹 페이지에서 스와입 모션 감지에 따른 처리 방법이 제공된다.
이때, 화면 전환 단계는 사용자 단말에서 표시되는 모바일 웹 페이지에 대한 스크롤이 수행되는 경우, 스와입 모션에 의해 전환되는 좌측 또는 우측 모바일 웹 페이지의 전체 컨텐츠 중 스크롤에 상응하는 영역을 동시에 업데이트하여 페인팅 대상 영역으로 하는 것을 특징으로 한다.
상술한 과제를 해결하기 위한 본 발명의 다른 측면에 따르면, 웹 페이지 제공 서버가 모바일 웹 페이지에서 스와입 모션 감지시 처리하는 방법에 있어서, 사용자 단말에 표시된 모바일 웹 페이지에 대한 스와입 모션 감지에 따른 스와입 모션 감지 정보를 수신하는 단계, 사용자 단말에서 표시되는 모바일 웹 페이지에 대한 좌측 또는 우측 모바일 웹 페이지의 전체 컨텐츠 중 화면 크기에 상응하는 뷰포트(viewport)에 들어오는 컨텐츠 영역과 뷰포트에 들어온 컨텐츠 영역에서 스크롤에 의해 뷰포트로 들어오는 컨텐츠 영역을 분류하는 단계 및 뷰포트에 들어오는 컨텐츠 영역만을 좌측 또는 우측 모바일 웹 페이지의 페인팅 대상 영역으로 하여, 좌측 또는 우측 모바일 웹 페이지를 사용자 단말에서 표시하도록 하는 단계를 포함하는 모바일 웹 페이지에서 스와입 모션 감지에 따른 처리 방법이 제공된다.
상술한 과제를 해결하기 위한 본 발명의 다른 측면에 따르면, 사용자 단말에 표시된 모바일 웹 페이지에 대한 스와입 모션 감지에 따른 스와입 모션 감지 정보를 수신하는 단계; 사용자 단말에서 표시되는 모바일 웹 페이지에 대한 좌측 또는 우측 모바일 웹 페이지의 전체 컨텐츠 중 화면 크기에 상응하는 뷰포트(viewport)에 들어오는 컨텐츠 영역과 뷰포트에 들어온 컨텐츠 영역에서 스크롤에 의해 뷰포트로 들어오는 컨텐츠 영역을 분류하는 단계 및 뷰포트에 들어오는 컨텐츠 영역만을 좌측 또는 우측 모바일 웹 페이지의 페인팅 대상 영역으로 하여, 좌측 또는 우측 모바일 웹 페이지를 사용자 단말에서 표시하도록 하는 단계를 포함하는 웹 페이지 제공 서버의 모바일 웹 페이지에서 스와입 모션 감지에 따른 처리 방법이 프로그램으로 기록되고 전자 장치에서 판독 가능한 기록매체가 제공된다.
상술한 바와 같이 본 발명은 사용자 단말에서 현재 표시되는 모바일 웹 페이지에 대한 스와입 모션이 감지되면, 현재 표시되는 모바일 웹 페이지에 대한 좌측 또는 우측 모바일 웹 페이지의 전체 컨텐츠 중 화면 크기에 상응하는 뷰포트(viewport)에 들어오는 컨텐츠 영역과 뷰포트에 들어온 컨텐츠 영역에서 스크롤에 의해 뷰포트로 들어오는 컨텐츠 영역을 분류하고, 뷰포트에 들어오는 컨텐츠 영역만을 좌측 또는 우측 모바일 웹 페이지의 페인팅 대상 영역으로 하여, 좌측 또는 우측 모바일 웹 페이지를 사용자 단말에서 표시하도록 함으로써, 좌측 또는 우측 모바일 웹 페이지의 페인팅 대상 영역을 줄여 화면 전환 처리 시간을 감소시켜 고속으로 화면 전환이 수행되도록 할 수 있다.
도 1은 본 발명의 실시예에 따른 모바일 웹 페이지에서 스와입 모션 감지에 따른 처리 시스템의 구성도,
도 2는 본 발명의 실시예에 따른 웹 페이지 제공 서버의 내부 구성도,
도 3은 본 발명의 제1실시예에 따른 모바일 웹 페이지를 나타낸 도면,
도 4는 본 발명의 제2실시예에 따른 모바일 웹 페이지를 나타낸 도면,
도 5는 본 발명의 실시예에 따른 사용자 단말의 내부 구성도,
도 6은 본 발명의 실시예에 따른 모바일 웹 페이지에서 스와입 모션 감지에 따른 처리 방법을 나타낸 흐름도이다.
<부호의 설명>
200 : 웹 페이지 제공 서버 202 : 스와입 모션 감지부
204 : 웹 페이지 영역 분류부 206 : 화면 전환 처리부
500 : 제어부 502 : 통신부
504 : 조작부 506 : 표시부
508 : 음향 출력부 510 : 저장부
이하, 첨부된 도면을 참조하여 본 발명의 바람직한 실시예를 보다 상세히 설명하기로 한다. 첨부 도면을 참조하여 설명함에 있어 동일하거나 대응하는 구성 요소는 동일한 도면번호를 부여하고 이에 대한 중복되는 설명은 생략하기로 한다.
도 1은 본 발명의 실시예에 따른 모바일 웹 페이지에서 스와입 모션 감지에 따른 처리 시스템의 구성도이다.
도 1을 참조하면, 본 발명에 따른 모바일 웹 페이지에서 스와입 모션 감지에 따른 처리 시스템은 사용자 단말(100)과 웹 페이지 제공 서버(200)를 포함할 수 있다.
사용자 단말(100)은 모바일 웹 페이지를 화면에 표시하고, 모바일 웹 페이지에 대한 스와입(swipe) 모션을 감지하며, 스와입 모션 감지에 따라 현재 표시되는 모바일 웹 페이지의 좌측 또는 우측 모바일 웹 페이지를 표시할 수 있다.
이때, 사용자 단말(100)은 사용자가 터치 입력 시, 화면에 손가락을 터치한 상태에서 빠르게 이동하다가 손가락을 화면에서 분리한 순간의 직전 이동 속도를 계산한다. 해당 직전 이동 속도가 미리 설정된 임계치를 넘고, 터치의 이동 방향이 좌측 또는 우측인 경우, 해당 터치 입력을 스와입 모션으로 감지할 수 있다.
웹 페이지 제공 서버(200)는 사용자 단말(100)에서 표시되는 모바일 웹 페이지에 대한 스와입 모션이 감지되면, 현재 표시되는 모바일 웹 페이지에 대한 좌측 또는 우측 모바일 웹 페이지의 전체 컨텐츠 중 화면 크기에 상응하는 뷰포트(viewport)에 들어오는 컨텐츠 영역과 뷰포트에 들어온 컨텐츠 영역에서 스크롤에 의해 뷰포트로 들어오는 컨텐츠 영역을 분류하고, 뷰포트에 들어오는 컨텐츠 영역만을 상기 좌측 또는 우측 모바일 웹 페이지의 페인팅 대상 영역으로 하여, 좌측 또는 우측 모바일 웹 페이지를 사용자 단말에서 표시하도록 할 수 있다. 이때, 뷰포트(viewport)의 크기는 물리적으로 사용자 단말에 구비되는 표시부(예를 들어, 엘씨디(LCD))의 크기에 상응할 수 있다.
이때, 웹 페이지 제공 서버(200)는 현재 화면에 표시되는 모바일 웹 페이지의 좌측 또는 우측 모바일 웹 페이지 전체 컨텐츠 중 현재 사용자 단말(100)에 구비된 화면의 세로 크기와 동일한 높이 만큼의 컨텐츠 영역을 뷰포트에 들어오는 영역으로 하여, 페인팅 대상 영역으로 할 수 있다. 여기서, 모바일 웹 페이지가 뷰포트(viewport)에 포함되는지 계산하기 위해서 필요한 정보인 컨텐츠의 상단 위치 top과 높이 height는 브라우저가 제공하는 API를 통해서 개발자가 항상 알아낼 수 있다.
이에 따라, 예를 들어 기존 스와입 모션에 의한 화면 전환의 경우 4fps의 성능을 제공하는 반면 본 발명에 따르면 12fps의 향상된 성능을 제공하여, 본 발명의 경우 기존 보다 300% 정도 속도가 빨라지므로 고속으로 화면을 전환시킬 수 있다.
한편, 웹 페이지 제공 서버(200)는 사용자 단말(100)에서 현재 표시되는 모바일 웹 페이지에 대한 스크롤이 수행되는 경우, 스와입 모션에 의해 전환되는 좌측 또는 우측 모바일 웹 페이지의 전체 컨텐츠 중 스크롤에 상응하는 영역을 동시에 업데이트하여 페인팅 대상 영역으로 할 수 있다.
도 2는 본 발명의 실시예에 따른 웹 페이지 제공 서버의 내부 구성도이다.
도 2를 참조하면, 본 발명에 따른 웹 페이지 제공 서버(200)는 스와입 모션 감지부(202), 웹 페이지 영역 분류부(204) 및 화면 전환 처리부(206)를 포함할 수 있다.
스와입 모션 감지부(202)는 사용자 단말에서 표시되는 모바일 웹 페이지에 대한 스와입(swipe) 모션이 감지되면, 스와입 모션 감지 정보를 수신할 수 있다. 해당 스와입 모션은 사용자가 터치 입력 시, 화면에 손가락을 터치한 상태에서 빠르게 이동하다가 손가락을 화면에서 분리한 순간의 직전 이동 속도를 계산한 후, 해당 직전 이동 속도가 미리 설정된 임계치를 넘고, 터치의 이동 방향이 좌측 또는 우측인 경우, 해당 터치 입력을 스와입 모션으로 감지할 수 있다.
웹 페이지 영역 분류부(204)는 사용자 단말에서 표시되는 모바일 웹 페이지에 대한 좌측 또는 우측 모바일 웹 페이지의 전체 컨텐츠 중 화면 크기에 상응하는 뷰포트(viewport)에 들어오는 컨텐츠 영역과 뷰포트에 들어온 컨텐츠 영역에서 스크롤에 의해 뷰포트로 들어오는 컨텐츠 영역을 분류할 수 있다.
화면 전환 처리부(206)는 뷰포트에 들어오는 컨텐츠 영역만을 좌측 또는 우측 모바일 웹 페이지의 페인팅 대상 영역으로 하여, 좌측 또는 우측 모바일 웹 페이지를 사용자 단말에서 표시하도록 함에 따라 화면을 전환시킬 수 있다.
이때, 화면 전환 처리부(206)는 사용자 단말에서 표시되고 있는 모바일 웹 페이지에 대한 스크롤이 수행되는 경우, 스와입 모션에 의해 전환되는 좌측 또는 우측 모바일 웹 페이지의 전체 컨텐츠 중 스크롤에 상응하는 영역을 동시에 업데이트하여 페인팅 대상 영역으로 할 수 있다. 이에 따라, 사용자 단말에서 스와입 모션에 의해 표시 전환시 사용자에게 빈 공간을 보여 주지 않도록 할 수 있다.
도 3은 본 발명의 제1실시예에 따른 모바일 웹 페이지를 나타낸 도면이다.
도 3을 참조하면, 본 발명에 따른 웹 페이지 제공 서버는 스와입(swipe)시 이동하는 모바일 웹 페이지들에 대한 인덱스(index)를 현재 표시되는(active) 모바일 웹 페이지인 Page n을 기준으로 배치한다.
즉, 스와입(swipe)시 이동하는 모바일 웹 페이지들은 Page n(304)을 기준으로 좌우에 Page n-1(302), Page n+1(306), Page n+2(308) 등이 구비될 수 있으며, 본 발명에 따르면 Page n에서 스와입(swipe)하는 순간에 즉시 보여줘야 할 영역 즉, 뷰포트(viewport)에 들어오는 영역만을 페인팅(painting) 영역에 포함시켜 관리할 수 있다. 이에 따라, Page n-1(302), Page n+1(306)은 페인팅 영역과 페인팅 영역에서 제외되는 영역을 포함하며, Page n+2(308)는 모바일 웹 페이지 컨텐츠 전체가 페인팅 영역에서 제외된다.
도 4는 본 발명의 제2실시예에 따른 모바일 웹 페이지를 나타낸 도면이다.
도 4를 참조하면, 본 발명에 따른 웹 페이지 제공 서버가 스와입(swipe)시 이동하는 모바일 웹 페이지들을 Page n(404)을 기준으로 좌우에 Page n-1(402), Page n+1(406), Page n+2(408)를 배치한 경우, 사용자의 조작에 따라 현재 Page n에서 상하 스크롤이 수행되면 Page n-1(402), Page n+1(406)의 페인팅 영역도 이와 동시에 업데이트할 수 있다. 이에 따라, 사용자의 조작에 따른 상하 스크롤 직후 스와입을 수행하여도 빈 공간을 보여 주지 않게 된다.
도 5는 본 발명의 실시예에 따른 사용자 단말의 내부 구성도이다.
도 5를 참조하면, 본 발명의 실시예에 따른 사용자 단말은 통신부(502), 조작부(504), 표시부(506), 음향 출력부(508), 저장부(510) 및 제어부(500)를 포함할 수 있다.
통신부(502)는 이동통신 모듈, 무선 인터넷 모듈, 근거리 통신 모듈 등을 포함할 수 있으며, 이동통신 모듈은 이동 통신망 상에서 기지국의 무선 신호를 송수신하고, 무선 인터넷 모듈은 무선 인터넷 접속을 위한 모듈이고, 근거리 통신 모듈은 근거리 통신을 위한 모듈이다. 이때, 통신부(502)는 무선 인터넷 모듈을 통해 웹 페이지 제공 서버와 연동할 수 있다.
조작부(504)는 사용자의 동작 제어를 위한 조작에 따라 입력 데이터를 발생시킨다. 이때, 조작부는 표시부와 상호 레이어 구조를 이루는 터치 스크린으로 구현될 수 있으며, 사용자의 제스처에 따라 탭(tap), 더블 탭(double tap), 홀드(hold), 드래그(drag), 플릭(flick), 스와입(swipe) 등의 터치 입력을 감지할 수 있다.
표시부(506)는 사용자 단말에서 처리되는 정보를 화면에 표시 출력하며, 모바일 웹 페이지를 화면에 표시하고, 표시된 모바일 웹 페이지에 대한 스와입 모션이 감지됨에 따라 현재 표시되는 모바일 웹 페이지의 좌측 또는 우측 모바일 웹 페이지를 표시할 수 있다.
음향 출력부(508)는 통화 모드 등에서 통신부를 통해 수신된 음성 신호나 저장부에 저장된 오디오 데이터를 출력할 수 있다.
저장부(510)는 제어부(500)의 처리 및 제어를 위한 프로그램을 저장할 수 있고, 입력되거나 출력되는 데이터들을 임시로 저장할 수 있다.
제어부(500)는 통상적으로 단말 각부의 동작을 제어하여 사용자 단말의 전반적인 동작을 제어한다.
또한, 제어부(500)는 모바일 웹 페이지를 화면에 표시하도록 하고, 모바일 웹 페이지에 대한 스와입(swipe) 모션이 감지되면, 웹 페이지 제공 서버와 연동하여, 현재 표시되는 모바일 웹 페이지의 좌측 또는 우측 모바일 웹 페이지를 표시하도록 할 수 있다.
도 6은 본 발명의 실시예에 따른 모바일 웹 페이지에서 스와입 모션 감지에 따른 처리 방법을 나타낸 흐름도이다.
도 6을 참조하면, 본 발명에 따른 사용자 단말에서 모바일 웹 페이지를 표시하고(S602), 표시된 모바일 웹 페이지에 대한 스와입 모션을 감지하면(S604) 스와입 모션 감지 정보를 웹 페이지 제공 서버로 전송한다.
이에 따라, 본 발명에 따른 웹 페이지 제공 서버는 사용자 단말에서 현재 표시되는 모바일 웹 페이지에 대한 좌측 또는 우측 모바일 웹 페이지의 전체 컨텐츠 중 화면 크기에 상응하는 뷰포트(viewport)에 들어오는 컨텐츠 영역과 뷰포트에 들어온 컨텐츠 영역에서 스크롤에 의해 뷰포트로 들어오는 컨텐츠 영역을 분류할 수 있다(S606).
또한, 웹 페이지 제공 서버에서 뷰포트에 들어오는 컨텐츠 영역만을 좌측 또는 우측 모바일 웹 페이지의 페인팅 대상 영역으로 설정하도록 하여(S608), 좌측 또는 우측 모바일 웹 페이지를 사용자 단말에서 표시하도록 할 수 있다(S610).
이때, 웹 페이지 제공 서버는 사용자 단말에서 표시되는 모바일 웹 페이지에 대한 스크롤이 수행되는 경우, 스와입 모션에 의해 전환되는 좌측 또는 우측 모바일 웹 페이지의 전체 컨텐츠 중 스크롤에 상응하는 영역을 동시에 업데이트하여 페인팅 대상 영역으로 할 수 있다.
한편, 본 발명의 다른 측면에 따르면, 웹 페이지 제공 서버가 모바일 웹 페이지에서 스와입 모션 감지시 처리하는 방법에 있어서, 사용자 단말에 표시된 모바일 웹 페이지에 대한 스와입 모션 감지에 따른 스와입 모션 감지 정보를 수신하는 단계, 사용자 단말에서 표시되는 모바일 웹 페이지에 대한 좌측 또는 우측 모바일 웹 페이지의 전체 컨텐츠 중 화면 크기에 상응하는 뷰포트(viewport)에 들어오는 컨텐츠 영역과 뷰포트에 들어온 컨텐츠 영역에서 스크롤에 의해 뷰포트로 들어오는 컨텐츠 영역을 분류하는 단계 및 뷰포트에 들어오는 컨텐츠 영역만을 좌측 또는 우측 모바일 웹 페이지의 페인팅 대상 영역으로 하여, 좌측 또는 우측 모바일 웹 페이지를 사용자 단말에서 표시하도록 하는 단계를 포함하는 모바일 웹 페이지에서 스와입 모션 감지에 따른 처리 방법이 제공된다.
또한, 본 발명의 또 다른 측면에 따르면, 사용자 단말에 표시된 모바일 웹 페이지에 대한 스와입 모션 감지에 따른 스와입 모션 감지 정보를 수신하는 단계; 사용자 단말에서 표시되는 모바일 웹 페이지에 대한 좌측 또는 우측 모바일 웹 페이지의 전체 컨텐츠 중 화면 크기에 상응하는 뷰포트(viewport)에 들어오는 컨텐츠 영역과 뷰포트에 들어온 컨텐츠 영역에서 스크롤에 의해 뷰포트로 들어오는 컨텐츠 영역을 분류하는 단계 및 뷰포트에 들어오는 컨텐츠 영역만을 좌측 또는 우측 모바일 웹 페이지의 페인팅 대상 영역으로 하여, 좌측 또는 우측 모바일 웹 페이지를 사용자 단말에서 표시하도록 하는 단계를 포함하는 웹 페이지 제공 서버의 모바일 웹 페이지에서 스와입 모션 감지에 따른 처리 방법이 프로그램으로 기록되고 전자 장치에서 판독 가능한 기록매체에 기록될 수 있다.
이러한 웹 페이지 제공 서버의 모바일 웹 페이지에서 스와입 모션 감지에 따른 처리 방법은 프로그램으로 작성 가능하며, 프로그램을 구성하는 코드들 및 코드 세그먼트들은 당해 분야의 프로그래머에 의하여 용이하게 추론될 수 있다. 또한, 웹 페이지 제공 서버의 모바일 웹 페이지에서 스와입 모션 감지에 따른 처리 방법에 관한 프로그램은 전자장치가 읽을 수 있는 정보저장매체(Readable Media)에 저장되고, 전자장치에 의하여 읽혀지고 실행될 수 있다.
이와 같이, 본 발명이 속하는 기술분야의 당업자는 본 발명이 그 기술적 사상이나 필수적 특징을 변경하지 않고서 다른 구체적인 형태로 실시될 수 있다는 것을 이해할 수 있을 것이다. 그러므로 이상에서 기술한 실시예들은 모든 면에서 예시적인 것이며 한정적인 것이 아닌 것으로서 이해해야만 한다. 본 발명의 범위는 상기 상세한 설명보다는 후술하는 특허청구범위에 의하여 나타내어지며, 특허청구범위의 의미 및 범위 그리고 그 등가 개념으로부터 도출되는 모든 변경 또는 변형된 형태가 본 발명의 범위에 포함되는 것으로 해석되어야 한다.
본 발명에 따르면, 사용자 단말에서 현재 표시되는 모바일 웹 페이지에 대한 스와입 모션이 감지되면, 현재 표시되는 모바일 웹 페이지에 대한 좌측 또는 우측 모바일 웹 페이지의 전체 컨텐츠 중 화면 크기에 상응하는 뷰포트(viewport)에 들어오는 컨텐츠 영역과 뷰포트에 들어온 컨텐츠 영역에서 스크롤에 의해 뷰포트로 들어오는 컨텐츠 영역을 분류하고, 뷰포트에 들어오는 컨텐츠 영역만을 좌측 또는 우측 모바일 웹 페이지의 페인팅 대상 영역으로 하여, 좌측 또는 우측 모바일 웹 페이지를 사용자 단말에서 표시하도록 함으로써, 화면 전환이 빠르게 수행되도록 하는 모바일 웹 페이지에서 스와입 모션 감지에 따른 처리 시스템 및 방법을 제공하는 데에 이용할 수 있다.

Claims (7)

  1. 사용자 단말에서 표시되는 모바일 웹 페이지에 대한 스와입(swipe) 모션이 감지되면, 스와입 모션 감지 정보를 수신하는 스와입 모션 감지부;
    상기 사용자 단말에서 표시되는 모바일 웹 페이지에 대한 좌측 또는 우측 모바일 웹 페이지의 전체 컨텐츠 중 화면 크기에 상응하는 뷰포트(viewport)에 들어오는 컨텐츠 영역과 상기 뷰포트에 들어온 컨텐츠 영역에서 스크롤에 의해 뷰포트로 들어오는 컨텐츠 영역을 분류하는 웹 페이지 영역 분류부; 및
    상기 뷰포트에 들어오는 컨텐츠 영역만을 상기 좌측 또는 우측 모바일 웹 페이지의 페인팅 대상 영역으로 하여, 상기 좌측 또는 우측 모바일 웹 페이지를 상기 사용자 단말에서 표시하도록 함에 따라 화면을 전환시키는 화면 전환 처리부;
    를 포함하는 웹 페이지 제공 서버.
  2. 제1항에 있어서,
    상기 화면 전환 처리부는 상기 사용자 단말에서 표시되는 모바일 웹 페이지에 대한 스크롤이 수행되는 경우, 스와입 모션에 의해 전환되는 좌측 또는 우측 모바일 웹 페이지의 전체 컨텐츠 중 스크롤에 상응하는 영역을 동시에 업데이트하여 페인팅 대상 영역으로 하는 것을 특징으로 하는 웹 페이지 제공 서버.
  3. 모바일 웹 페이지를 화면에 표시하고, 상기 모바일 웹 페이지에 대한 스와입(swipe) 모션을 감지하며, 상기 스와입 모션 감지에 따라 상기 표시되는 모바일 웹 페이지의 좌측 또는 우측 모바일 웹 페이지를 표시하는 사용자 단말; 및
    상기 사용자 단말에서 표시되는 모바일 웹 페이지에 대한 스와입 모션이 감지되면, 상기 표시되는 모바일 웹 페이지에 대한 좌측 또는 우측 모바일 웹 페이지의 전체 컨텐츠 중 화면 크기에 상응하는 뷰포트(viewport)에 들어오는 컨텐츠 영역과 상기 뷰포트에 들어온 컨텐츠 영역에서 스크롤에 의해 뷰포트로 들어오는 컨텐츠 영역을 분류하고, 상기 뷰포트에 들어오는 컨텐츠 영역만을 상기 좌측 또는 우측 모바일 웹 페이지의 페인팅 대상 영역으로 하여, 상기 좌측 또는 우측 모바일 웹 페이지를 상기 사용자 단말에서 표시하도록 하는 웹 페이지 제공 서버;
    를 포함하는 모바일 웹 페이지에서 스와입 모션 감지에 따른 처리 시스템.
  4. 웹 페이지 제공 서버가 모바일 웹 페이지에서 스와입 모션 감지시 처리하는 방법에 있어서,
    사용자 단말에 표시된 모바일 웹 페이지에 대한 스와입 모션 감지에 따른 스와입 모션 감지 정보를 수신하는 단계;
    상기 사용자 단말에서 표시되는 모바일 웹 페이지에 대한 좌측 또는 우측 모바일 웹 페이지의 전체 컨텐츠 중 화면 크기에 상응하는 뷰포트(viewport)에 들어오는 컨텐츠 영역과 상기 뷰포트에 들어온 컨텐츠 영역에서 스크롤에 의해 뷰포트로 들어오는 컨텐츠 영역을 분류하는 단계; 및
    상기 뷰포트에 들어오는 컨텐츠 영역만을 상기 좌측 또는 우측 모바일 웹 페이지의 페인팅 대상 영역으로 하여, 상기 좌측 또는 우측 모바일 웹 페이지를 상기 사용자 단말에서 표시하도록 하는 단계;
    를 포함하는 모바일 웹 페이지에서 스와입 모션 감지에 따른 처리 방법.
  5. 사용자 단말에서 모바일 웹 페이지를 표시하고, 상기 표시된 모바일 웹 페이지에 대한 스와입 모션을 감지하면 스와입 모션 감지 정보를 웹 페이지 제공 서버로 전송하는 단계;
    상기 웹 페이지 제공 서버에서 상기 표시되는 모바일 웹 페이지에 대한 좌측 또는 우측 모바일 웹 페이지의 전체 컨텐츠 중 화면 크기에 상응하는 뷰포트(viewport)에 들어오는 컨텐츠 영역과 상기 뷰포트에 들어온 컨텐츠 영역에서 스크롤에 의해 뷰포트로 들어오는 컨텐츠 영역을 분류하는 단계; 및
    상기 웹 페이지 제공 서버에서 상기 뷰포트에 들어오는 컨텐츠 영역만을 상기 좌측 또는 우측 모바일 웹 페이지의 페인팅 대상 영역으로 하여, 상기 좌측 또는 우측 모바일 웹 페이지를 상기 사용자 단말에서 표시하도록 함에 따라 화면을 전환시키는 단계;
    를 포함하는 모바일 웹 페이지에서 스와입 모션 감지에 따른 처리 방법.
  6. 제5항에 있어서,
    상기 화면 전환 단계는 상기 사용자 단말에서 표시되는 모바일 웹 페이지에 대한 스크롤이 수행되는 경우, 스와입 모션에 의해 전환되는 좌측 또는 우측 모바일 웹 페이지의 전체 컨텐츠 중 스크롤에 상응하는 영역을 동시에 업데이트하여 페인팅 대상 영역으로 하는 것을 특징으로 하는 모바일 웹 페이지에서 스와입 모션 감지에 따른 처리 방법.
  7. 사용자 단말에 표시된 모바일 웹 페이지에 대한 스와입 모션 감지에 따른 스와입 모션 감지 정보를 수신하는 단계; 상기 사용자 단말에서 표시되는 모바일 웹 페이지에 대한 좌측 또는 우측 모바일 웹 페이지의 전체 컨텐츠 중 화면 크기에 상응하는 뷰포트(viewport)에 들어오는 컨텐츠 영역과 상기 뷰포트에 들어온 컨텐츠 영역에서 스크롤에 의해 뷰포트로 들어오는 컨텐츠 영역을 분류하는 단계; 및 상기 뷰포트에 들어오는 컨텐츠 영역만을 상기 좌측 또는 우측 모바일 웹 페이지의 페인팅 대상 영역으로 하여, 상기 좌측 또는 우측 모바일 웹 페이지를 상기 사용자 단말에서 표시하도록 하는 단계를 포함하는 웹 페이지 제공 서버의 모바일 웹 페이지에서 스와입 모션 감지에 따른 처리 방법이 프로그램으로 기록되고 전자 장치에서 판독 가능한 기록매체.
PCT/KR2013/006572 2012-10-29 2013-07-23 모바일 웹 페이지에서 스와입 모션 감지에 따른 처리 시스템 및 방법 Ceased WO2014069749A1 (ko)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
KR1020120120188A KR102068042B1 (ko) 2012-10-29 2012-10-29 모바일 웹 페이지에서 스와입 모션 감지에 따른 처리 시스템 및 방법
KR10-2012-0120188 2012-10-29

Publications (1)

Publication Number Publication Date
WO2014069749A1 true WO2014069749A1 (ko) 2014-05-08

Family

ID=50627620

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/KR2013/006572 Ceased WO2014069749A1 (ko) 2012-10-29 2013-07-23 모바일 웹 페이지에서 스와입 모션 감지에 따른 처리 시스템 및 방법

Country Status (2)

Country Link
KR (1) KR102068042B1 (ko)
WO (1) WO2014069749A1 (ko)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111125603A (zh) * 2019-12-27 2020-05-08 百度时代网络技术（北京）有限公司 网页场景识别方法、装置、电子设备及存储介质
CN117149339A (zh) * 2023-10-27 2023-12-01 腾讯科技（深圳）有限公司 基于人工智能的用户界面关系识别方法及相关装置

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20020015064A1 (en) * 2000-08-07 2002-02-07 Robotham John S. Gesture-based user interface to multi-level and multi-modal sets of bit-maps
US20090102805A1 (en) * 2007-10-18 2009-04-23 Microsoft Corporation Three-dimensional object simulation using audio, visual, and tactile feedback
KR20090106454A (ko) * 2006-11-01 2009-10-09 스카이파이어 랩스, 인크. 상태기반 브라우징
KR20120113738A (ko) * 2009-11-25 2012-10-15 쿨아이리스 인코포레이티드 콘텐츠를 보기 위한 갤러리 애플리케이션

Family Cites Families (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20070041262A (ko) 2005-10-14 2007-04-18 주식회사 케이티 통화 중 컨텐츠 전환이 가능한 컨텐츠 통화 서비스 시스템및 그 방법
US20080306794A1 (en) * 2006-11-27 2008-12-11 Ooggieya Ltd. Measurement of content placement effectiveness over web pages and like media

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20020015064A1 (en) * 2000-08-07 2002-02-07 Robotham John S. Gesture-based user interface to multi-level and multi-modal sets of bit-maps
KR20090106454A (ko) * 2006-11-01 2009-10-09 스카이파이어 랩스, 인크. 상태기반 브라우징
US20090102805A1 (en) * 2007-10-18 2009-04-23 Microsoft Corporation Three-dimensional object simulation using audio, visual, and tactile feedback
KR20120113738A (ko) * 2009-11-25 2012-10-15 쿨아이리스 인코포레이티드 콘텐츠를 보기 위한 갤러리 애플리케이션

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111125603A (zh) * 2019-12-27 2020-05-08 百度时代网络技术（北京）有限公司 网页场景识别方法、装置、电子设备及存储介质
CN111125603B (zh) * 2019-12-27 2023-06-27 百度时代网络技术（北京）有限公司 网页场景识别方法、装置、电子设备及存储介质
CN117149339A (zh) * 2023-10-27 2023-12-01 腾讯科技（深圳）有限公司 基于人工智能的用户界面关系识别方法及相关装置
CN117149339B (zh) * 2023-10-27 2024-01-26 腾讯科技（深圳）有限公司 基于人工智能的用户界面关系识别方法及相关装置

Also Published As

Publication number Publication date
KR102068042B1 (ko) 2020-01-20
KR20140054560A (ko) 2014-05-09

Similar Documents

Publication Publication Date Title
WO2011043575A2 (en) Method for providing user interface and mobile terminal using the same
WO2013032234A1 (en) Method of providing of user interface in portable terminal and apparatus thereof
WO2012077906A1 (en) Method and apparatus for displaying lists
CN108037893B (zh) 一种柔性屏的显示控制方法、装置及计算机可读存储介质
WO2012169784A2 (en) Apparatus and method for providing web browser interface using gesture in device
JP2023504915A (ja) アプリケーションプログラムの制御方法及び電子機器
WO2012033345A1 (en) Motion control touch screen method and apparatus
WO2014084633A1 (en) Method for displaying applications and electronic device thereof
WO2012053801A2 (en) Method and apparatus for controlling touch screen in mobile terminal responsive to multi-touch inputs
WO2016104867A1 (en) Digital device and method of controlling therefor
WO2010120081A2 (en) Method and apparatus of selecting an item
WO2013085333A1 (en) Method and apparatus for providing three-dimensional user interface in an electronic device
CN107508974B (zh) 一种界面显示方法、移动终端以及计算机可读存储介质
KR20110065075A (ko) 휴대 단말기 및 그 동작 제어방법
EP2630561A1 (en) Method and apparatus for recognizing a gesture in a display
WO2015093858A1 (en) Method and apparatus for scrolling control in mobile terminal
WO2012093779A2 (ko) 사용자 터치와 입김을 활용한 멀티 모달 인터페이스 지원 사용자 단말과 그 제어 방법
CN109976859B (zh) 截图方法、终端及计算机可读存储介质
CN109885371B (zh) 防误触交互方法、移动终端及计算机可读存储介质
CN104461231A (zh) 信息显示控制装置以及信息显示控制方法
WO2012118271A1 (ko) 터치를 이용한 컨텐츠 제어방법, 장치, 이를 위한 기록매체 및 이를 포함하는 사용자 단말
WO2014069749A1 (ko) 모바일 웹 페이지에서 스와입 모션 감지에 따른 처리 시스템 및 방법
WO2013191332A1 (ko) 차량에서의 스마트폰 정보 제공 시스템
CN114442886A (zh) 数据处理方法、智能终端及存储介质
WO2013115493A1 (en) Method and apparatus for managing an application in a mobile electronic device

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 13850595

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 13850595

Country of ref document: EP

Kind code of ref document: A1