WO2014069749A1 - Processing system and processing method according to swipe motion detection in mobile webpage - Google Patents

Processing system and processing method according to swipe motion detection in mobile webpage 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
Application number
PCT/KR2013/006572
Other languages
French (fr)
Korean (ko)
Inventor
임상석
이은복
Original Assignee
에스케이플래닛 주식회사
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 에스케이플래닛 주식회사 filed Critical 에스케이플래닛 주식회사
Publication of WO2014069749A1 publication Critical patent/WO2014069749A1/en

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR 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; 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/957—Browsing optimisation, e.g. caching or content distillation
    • 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/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

The present invention relates to a processing system and a processing method according to swipe motion detection in a mobile webpage, wherein a screen can be quickly switched by classifying a content region entering into a viewport corresponding to a screen size and a content region entering into the viewport by scrolling from a content region which has entered into the viewport from among all of the content of a left or right mobile webpage with respect to a mobile webpage currently displayed on a user terminal when a swipe motion on the currently displayed mobile webpage is detected and displaying the left or right mobile webpage on the user terminal by setting only the content region entering into the viewport as a region to be painted for the left or right mobile webpage.

Description

모바일 웹 페이지에서 스와입 모션 감지에 따른 처리 시스템 및 방법Processing System and Method according to Swipe Motion Detection in Mobile Web Page
본 발명은 모바일 웹 페이지 또는 웹 애플리케이션에서 화면을 좌우로 스와입(swipe)하는 경우 화면 전환이 빠르게 수행되도록 하는 모바일 웹 페이지에서 스와입 모션 감지에 따른 처리 시스템 및 방법에 관한 것이다.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.
무선인터넷 서비스를 제공하는 모바일 단말 즉, 사용자 단말은 무선 웹 브라우저(web browser)를 탑재하여 사용자가 모바일 웹 페이지를 볼 수 있도록 한다.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.
일반적인 웹 기술로 구현된 모바일 웹 페이지나 웹 애플리케이션에서 사용자의 조작에 따라 단말에서 좌우 스와입(swipe) 모션을 감지하여 좌우로 화면을 이동시키는 기술이 널리 활용되고 있다.BACKGROUND ART In a mobile web page or web application implemented with general web technologies, a technology for detecting a left and right swipe motion in a terminal and moving a screen from side to side according to a user's operation is widely used.
이때, 스와입 모션을 감지하면, 뷰포트(viewport) 영역을 기준으로 좌우 출력할 화면을 수평적으로 배치한다. 이때 좌우에 배치된 모든 모바일 웹 페이지는 페이지 전체에 대하여 페인팅되는 영역으로 설정되어 있다. 이러한 경우 좌우 화면을 갱신하기 위하여 전체의 페인팅 영역에 대하여 업데이트 여부 등을 검사하는 과정이 필요하다. 이에 따라, 모바일 웹 페이지의 모든 컨텐츠 영역을 페인팅해야 하므로, 저사양 단말에서 화면 전환이 원활하게 이루어지지 않다는 문제점이 있다.At this time, if the swipe motion is detected, the screen to be horizontally output is arranged horizontally based on the viewport area. At this time, all mobile web pages arranged at the left and right sides are set as areas to be painted for the whole page. In this case, in order to update the left and right screens, it is necessary to check whether the entire painting area is updated or not. Accordingly, since all content areas of the mobile web page should be painted, there is a problem in that the screen switching is not smoothly performed in the low specification terminal.
상술한 과제를 해결하기 위한 본 발명의 목적은, 사용자 단말에서 현재 표시되는 모바일 웹 페이지에 대한 스와입 모션이 감지되면, 현재 표시되는 모바일 웹 페이지에 대한 좌측 또는 우측 모바일 웹 페이지의 전체 컨텐츠 중 화면 크기에 상응하는 뷰포트(viewport)에 들어오는 컨텐츠 영역과 뷰포트에 들어온 컨텐츠 영역에서 스크롤에 의해 뷰포트로 들어오는 컨텐츠 영역을 분류하고, 뷰포트에 들어오는 컨텐츠 영역만을 좌측 또는 우측 모바일 웹 페이지의 페인팅 대상 영역으로 하여, 좌측 또는 우측 모바일 웹 페이지를 사용자 단말에서 표시하도록 함으로써, 화면 전환이 빠르게 수행되도록 하는 모바일 웹 페이지에서 스와입 모션 감지에 따른 처리 시스템 및 방법을 제공하는 데에 있다.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.
상술한 과제를 해결하기 위한 본 발명의 일 측면에 따르면, 모바일 웹 페이지를 화면에 표시하고, 모바일 웹 페이지에 대한 스와입(swipe) 모션을 감지하며, 스와입 모션 감지에 따라 표시되는 모바일 웹 페이지의 좌측 또는 우측 모바일 웹 페이지를 표시하는 사용자 단말 및 사용자 단말에서 표시되는 모바일 웹 페이지에 대한 스와입 모션이 감지되면, 표시되는 모바일 웹 페이지에 대한 좌측 또는 우측 모바일 웹 페이지의 전체 컨텐츠 중 화면 크기에 상응하는 뷰포트(viewport)에 들어오는 컨텐츠 영역과 뷰포트에 들어온 컨텐츠 영역에서 스크롤에 의해 뷰포트로 들어오는 컨텐츠 영역을 분류하고, 뷰포트에 들어오는 컨텐츠 영역만을 상기 좌측 또는 우측 모바일 웹 페이지의 페인팅 대상 영역으로 하여, 좌측 또는 우측 모바일 웹 페이지를 사용자 단말에서 표시하도록 하는 웹 페이지 제공 서버를 포함하는 모바일 웹 페이지에서 스와입 모션 감지에 따른 처리 시스템이 제공된다.According to an aspect of the present invention for solving the above problems, 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 When a swipe motion is detected for the user terminal displaying the left or right mobile web page and the mobile web page displayed on the user terminal, 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. Or 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.
이때, 웹 페이지 제공 서버는 사용자 단말에서 표시되는 모바일 웹 페이지에 대한 스크롤이 수행되는 경우, 스와입 모션에 의해 전환되는 좌측 또는 우측 모바일 웹 페이지의 전체 컨텐츠 중 스크롤에 상응하는 영역을 동시에 업데이트하여 페인팅 대상 영역으로 하는 것을 특징으로 한다.In this case, 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.
상술한 과제를 해결하기 위한 본 발명의 다른 측면에 따르면, 사용자 단말에서 표시되는 모바일 웹 페이지에 대한 스와입(swipe) 모션이 감지되면, 스와입 모션 감지 정보를 수신하는 스와입 모션 감지부, 사용자 단말에서 표시되는 모바일 웹 페이지에 대한 좌측 또는 우측 모바일 웹 페이지의 전체 컨텐츠 중 화면 크기에 상응하는 뷰포트(viewport)에 들어오는 컨텐츠 영역과 뷰포트에 들어온 컨텐츠 영역에서 스크롤에 의해 뷰포트로 들어오는 컨텐츠 영역을 분류하는 웹 페이지 영역 분류부 및 뷰포트에 들어오는 컨텐츠 영역만을 좌측 또는 우측 모바일 웹 페이지의 페인팅 대상 영역으로 하여, 좌측 또는 우측 모바일 웹 페이지를 사용자 단말에서 표시하도록 함에 따라 화면을 전환시키는 화면 전환 처리부를 포함하는 웹 페이지 제공 서버가 제공된다.According to another aspect of the present invention for solving the above problems, 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.
이때, 화면 전환 처리부는 사용자 단말에서 표시되는 모바일 웹 페이지에 대한 스크롤이 수행되는 경우, 스와입 모션에 의해 전환되는 좌측 또는 우측 모바일 웹 페이지의 전체 컨텐츠 중 스크롤에 상응하는 영역을 동시에 업데이트하여 페인팅 대상 영역으로 하는 것을 특징으로 한다.In this case, when the scrolling of the mobile web page displayed on the user terminal is performed, 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.
상술한 과제를 해결하기 위한 본 발명의 다른 측면에 따르면, 사용자 단말에서 모바일 웹 페이지를 표시하고, 표시된 모바일 웹 페이지에 대한 스와입 모션을 감지하면 스와입 모션 감지 정보를 웹 페이지 제공 서버로 전송하는 단계, 웹 페이지 제공 서버에서 표시되는 모바일 웹 페이지에 대한 좌측 또는 우측 모바일 웹 페이지의 전체 컨텐츠 중 화면 크기에 상응하는 뷰포트(viewport)에 들어오는 컨텐츠 영역과 뷰포트에 들어온 컨텐츠 영역에서 스크롤에 의해 뷰포트로 들어오는 컨텐츠 영역을 분류하는 단계 및 웹 페이지 제공 서버에서 뷰포트에 들어오는 컨텐츠 영역만을 좌측 또는 우측 모바일 웹 페이지의 페인팅 대상 영역으로 하여, 좌측 또는 우측 모바일 웹 페이지를 사용자 단말에서 표시하도록 함에 따라 화면을 전환시키는 단계를 포함하는 모바일 웹 페이지에서 스와입 모션 감지에 따른 처리 방법이 제공된다.According to another aspect of the present invention for solving the above problems, if 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.
이때, 화면 전환 단계는 사용자 단말에서 표시되는 모바일 웹 페이지에 대한 스크롤이 수행되는 경우, 스와입 모션에 의해 전환되는 좌측 또는 우측 모바일 웹 페이지의 전체 컨텐츠 중 스크롤에 상응하는 영역을 동시에 업데이트하여 페인팅 대상 영역으로 하는 것을 특징으로 한다.In this case, in the screen switching step, when scrolling is performed on the mobile web page displayed on the user terminal, 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.
상술한 과제를 해결하기 위한 본 발명의 다른 측면에 따르면, 웹 페이지 제공 서버가 모바일 웹 페이지에서 스와입 모션 감지시 처리하는 방법에 있어서, 사용자 단말에 표시된 모바일 웹 페이지에 대한 스와입 모션 감지에 따른 스와입 모션 감지 정보를 수신하는 단계, 사용자 단말에서 표시되는 모바일 웹 페이지에 대한 좌측 또는 우측 모바일 웹 페이지의 전체 컨텐츠 중 화면 크기에 상응하는 뷰포트(viewport)에 들어오는 컨텐츠 영역과 뷰포트에 들어온 컨텐츠 영역에서 스크롤에 의해 뷰포트로 들어오는 컨텐츠 영역을 분류하는 단계 및 뷰포트에 들어오는 컨텐츠 영역만을 좌측 또는 우측 모바일 웹 페이지의 페인팅 대상 영역으로 하여, 좌측 또는 우측 모바일 웹 페이지를 사용자 단말에서 표시하도록 하는 단계를 포함하는 모바일 웹 페이지에서 스와입 모션 감지에 따른 처리 방법이 제공된다.According to another aspect of the present invention for solving the above problems, in a method for processing when the web page providing server detects swipe motion in the mobile web page, according to the swipe motion detection for the mobile web page displayed on the user terminal Receiving the swipe motion detection information, in the content area entering the viewport corresponding to the screen size and the content area entered in the viewport of the total content of the left or right mobile web page for the mobile web page displayed on the user terminal Classifying the content area that enters the viewport by scrolling and displaying only the content area that enters the viewport as a painting target area of the left or right mobile web page to display the left or right mobile web page on the user terminal. On a web page There is provided a processing method according to the swipe motion detection.
상술한 과제를 해결하기 위한 본 발명의 다른 측면에 따르면, 사용자 단말에 표시된 모바일 웹 페이지에 대한 스와입 모션 감지에 따른 스와입 모션 감지 정보를 수신하는 단계; 사용자 단말에서 표시되는 모바일 웹 페이지에 대한 좌측 또는 우측 모바일 웹 페이지의 전체 컨텐츠 중 화면 크기에 상응하는 뷰포트(viewport)에 들어오는 컨텐츠 영역과 뷰포트에 들어온 컨텐츠 영역에서 스크롤에 의해 뷰포트로 들어오는 컨텐츠 영역을 분류하는 단계 및 뷰포트에 들어오는 컨텐츠 영역만을 좌측 또는 우측 모바일 웹 페이지의 페인팅 대상 영역으로 하여, 좌측 또는 우측 모바일 웹 페이지를 사용자 단말에서 표시하도록 하는 단계를 포함하는 웹 페이지 제공 서버의 모바일 웹 페이지에서 스와입 모션 감지에 따른 처리 방법이 프로그램으로 기록되고 전자 장치에서 판독 가능한 기록매체가 제공된다.According to another aspect of the present invention for solving the above problems, 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. There is provided a recording medium in which a processing method according to motion detection is recorded by a program and readable by an electronic device.
상술한 바와 같이 본 발명은 사용자 단말에서 현재 표시되는 모바일 웹 페이지에 대한 스와입 모션이 감지되면, 현재 표시되는 모바일 웹 페이지에 대한 좌측 또는 우측 모바일 웹 페이지의 전체 컨텐츠 중 화면 크기에 상응하는 뷰포트(viewport)에 들어오는 컨텐츠 영역과 뷰포트에 들어온 컨텐츠 영역에서 스크롤에 의해 뷰포트로 들어오는 컨텐츠 영역을 분류하고, 뷰포트에 들어오는 컨텐츠 영역만을 좌측 또는 우측 모바일 웹 페이지의 페인팅 대상 영역으로 하여, 좌측 또는 우측 모바일 웹 페이지를 사용자 단말에서 표시하도록 함으로써, 좌측 또는 우측 모바일 웹 페이지의 페인팅 대상 영역을 줄여 화면 전환 처리 시간을 감소시켜 고속으로 화면 전환이 수행되도록 할 수 있다.As described above, 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. In the content area entering the viewport and the content area entering the viewport, 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. By displaying at the user terminal, it is possible to reduce the painting target area of the left or right mobile web page to reduce the screen switching processing time to perform the screen switching at high speed.
도 1은 본 발명의 실시예에 따른 모바일 웹 페이지에서 스와입 모션 감지에 따른 처리 시스템의 구성도,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;
도 2는 본 발명의 실시예에 따른 웹 페이지 제공 서버의 내부 구성도,2 is an internal configuration diagram of a web page providing server according to an embodiment of the present invention;
도 3은 본 발명의 제1실시예에 따른 모바일 웹 페이지를 나타낸 도면,3 is a view showing a mobile web page according to a first embodiment of the present invention;
도 4는 본 발명의 제2실시예에 따른 모바일 웹 페이지를 나타낸 도면,4 is a diagram showing a mobile web page according to a second embodiment of the present invention;
도 5는 본 발명의 실시예에 따른 사용자 단말의 내부 구성도,5 is an internal configuration diagram of a user terminal according to an embodiment of the present invention;
도 6은 본 발명의 실시예에 따른 모바일 웹 페이지에서 스와입 모션 감지에 따른 처리 방법을 나타낸 흐름도이다.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.
<부호의 설명><Description of the code>
200 : 웹 페이지 제공 서버 202 : 스와입 모션 감지부200: web page providing server 202: swipe motion detection unit
204 : 웹 페이지 영역 분류부 206 : 화면 전환 처리부204: Web page area classification unit 206: Screen switching processing unit
500 : 제어부 502 : 통신부500 control unit 502 communication unit
504 : 조작부 506 : 표시부504: operation unit 506: display unit
508 : 음향 출력부 510 : 저장부508: sound output unit 510: storage unit
이하, 첨부된 도면을 참조하여 본 발명의 바람직한 실시예를 보다 상세히 설명하기로 한다. 첨부 도면을 참조하여 설명함에 있어 동일하거나 대응하는 구성 요소는 동일한 도면번호를 부여하고 이에 대한 중복되는 설명은 생략하기로 한다.Hereinafter, exemplary embodiments of the present invention will be described in detail with reference to the accompanying drawings. In the description with reference to the accompanying drawings, the same or corresponding components will be given the same reference numerals and redundant description thereof will be omitted.
도 1은 본 발명의 실시예에 따른 모바일 웹 페이지에서 스와입 모션 감지에 따른 처리 시스템의 구성도이다.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.
도 1을 참조하면, 본 발명에 따른 모바일 웹 페이지에서 스와입 모션 감지에 따른 처리 시스템은 사용자 단말(100)과 웹 페이지 제공 서버(200)를 포함할 수 있다.Referring to FIG. 1, a processing system according to swipe motion detection in a mobile web page according to the present invention may include a user terminal 100 and a web page providing server 200.
사용자 단말(100)은 모바일 웹 페이지를 화면에 표시하고, 모바일 웹 페이지에 대한 스와입(swipe) 모션을 감지하며, 스와입 모션 감지에 따라 현재 표시되는 모바일 웹 페이지의 좌측 또는 우측 모바일 웹 페이지를 표시할 수 있다.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.
이때, 사용자 단말(100)은 사용자가 터치 입력 시, 화면에 손가락을 터치한 상태에서 빠르게 이동하다가 손가락을 화면에서 분리한 순간의 직전 이동 속도를 계산한다. 해당 직전 이동 속도가 미리 설정된 임계치를 넘고, 터치의 이동 방향이 좌측 또는 우측인 경우, 해당 터치 입력을 스와입 모션으로 감지할 수 있다.In this case, 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. When 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.
웹 페이지 제공 서버(200)는 사용자 단말(100)에서 표시되는 모바일 웹 페이지에 대한 스와입 모션이 감지되면, 현재 표시되는 모바일 웹 페이지에 대한 좌측 또는 우측 모바일 웹 페이지의 전체 컨텐츠 중 화면 크기에 상응하는 뷰포트(viewport)에 들어오는 컨텐츠 영역과 뷰포트에 들어온 컨텐츠 영역에서 스크롤에 의해 뷰포트로 들어오는 컨텐츠 영역을 분류하고, 뷰포트에 들어오는 컨텐츠 영역만을 상기 좌측 또는 우측 모바일 웹 페이지의 페인팅 대상 영역으로 하여, 좌측 또는 우측 모바일 웹 페이지를 사용자 단말에서 표시하도록 할 수 있다. 이때, 뷰포트(viewport)의 크기는 물리적으로 사용자 단말에 구비되는 표시부(예를 들어, 엘씨디(LCD))의 크기에 상응할 수 있다.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. In this case, the size of the viewport may physically correspond to the size of the display unit (eg, LCD) provided in the user terminal.
이때, 웹 페이지 제공 서버(200)는 현재 화면에 표시되는 모바일 웹 페이지의 좌측 또는 우측 모바일 웹 페이지 전체 컨텐츠 중 현재 사용자 단말(100)에 구비된 화면의 세로 크기와 동일한 높이 만큼의 컨텐츠 영역을 뷰포트에 들어오는 영역으로 하여, 페인팅 대상 영역으로 할 수 있다. 여기서, 모바일 웹 페이지가 뷰포트(viewport)에 포함되는지 계산하기 위해서 필요한 정보인 컨텐츠의 상단 위치 top과 높이 height는 브라우저가 제공하는 API를 통해서 개발자가 항상 알아낼 수 있다.In this case, 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 | region which enters into the area to be painted. Here, 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.
이에 따라, 예를 들어 기존 스와입 모션에 의한 화면 전환의 경우 4fps의 성능을 제공하는 반면 본 발명에 따르면 12fps의 향상된 성능을 제공하여, 본 발명의 경우 기존 보다 300% 정도 속도가 빨라지므로 고속으로 화면을 전환시킬 수 있다.Accordingly, for example, 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.
한편, 웹 페이지 제공 서버(200)는 사용자 단말(100)에서 현재 표시되는 모바일 웹 페이지에 대한 스크롤이 수행되는 경우, 스와입 모션에 의해 전환되는 좌측 또는 우측 모바일 웹 페이지의 전체 컨텐츠 중 스크롤에 상응하는 영역을 동시에 업데이트하여 페인팅 대상 영역으로 할 수 있다.On the other hand, 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.
도 2는 본 발명의 실시예에 따른 웹 페이지 제공 서버의 내부 구성도이다.2 is a diagram illustrating an internal configuration of a web page providing server according to an exemplary embodiment of the present invention.
도 2를 참조하면, 본 발명에 따른 웹 페이지 제공 서버(200)는 스와입 모션 감지부(202), 웹 페이지 영역 분류부(204) 및 화면 전환 처리부(206)를 포함할 수 있다.2, the web page providing server 200 according to the present invention may include a swipe motion detector 202, a web page area classifier 204, and a screen switching processor 206.
스와입 모션 감지부(202)는 사용자 단말에서 표시되는 모바일 웹 페이지에 대한 스와입(swipe) 모션이 감지되면, 스와입 모션 감지 정보를 수신할 수 있다. 해당 스와입 모션은 사용자가 터치 입력 시, 화면에 손가락을 터치한 상태에서 빠르게 이동하다가 손가락을 화면에서 분리한 순간의 직전 이동 속도를 계산한 후, 해당 직전 이동 속도가 미리 설정된 임계치를 넘고, 터치의 이동 방향이 좌측 또는 우측인 경우, 해당 터치 입력을 스와입 모션으로 감지할 수 있다.When the swipe motion detection unit 202 detects a swipe motion for the mobile web page displayed on the user terminal, the swipe motion detection unit 202 may receive 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. When the moving direction of the left side or the right side, the corresponding touch input may be detected as a swipe motion.
웹 페이지 영역 분류부(204)는 사용자 단말에서 표시되는 모바일 웹 페이지에 대한 좌측 또는 우측 모바일 웹 페이지의 전체 컨텐츠 중 화면 크기에 상응하는 뷰포트(viewport)에 들어오는 컨텐츠 영역과 뷰포트에 들어온 컨텐츠 영역에서 스크롤에 의해 뷰포트로 들어오는 컨텐츠 영역을 분류할 수 있다.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.
화면 전환 처리부(206)는 뷰포트에 들어오는 컨텐츠 영역만을 좌측 또는 우측 모바일 웹 페이지의 페인팅 대상 영역으로 하여, 좌측 또는 우측 모바일 웹 페이지를 사용자 단말에서 표시하도록 함에 따라 화면을 전환시킬 수 있다.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.
이때, 화면 전환 처리부(206)는 사용자 단말에서 표시되고 있는 모바일 웹 페이지에 대한 스크롤이 수행되는 경우, 스와입 모션에 의해 전환되는 좌측 또는 우측 모바일 웹 페이지의 전체 컨텐츠 중 스크롤에 상응하는 영역을 동시에 업데이트하여 페인팅 대상 영역으로 할 수 있다. 이에 따라, 사용자 단말에서 스와입 모션에 의해 표시 전환시 사용자에게 빈 공간을 보여 주지 않도록 할 수 있다.In this case, when the scrolling of the mobile web page displayed on the user terminal is performed, 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.
도 3은 본 발명의 제1실시예에 따른 모바일 웹 페이지를 나타낸 도면이다.3 is a diagram illustrating a mobile web page according to a first embodiment of the present invention.
도 3을 참조하면, 본 발명에 따른 웹 페이지 제공 서버는 스와입(swipe)시 이동하는 모바일 웹 페이지들에 대한 인덱스(index)를 현재 표시되는(active) 모바일 웹 페이지인 Page n을 기준으로 배치한다.Referring to FIG. 3, the web page providing server according to the present invention arranges an index of mobile web pages moving during a swipe based on a page n, which is an active mobile web page. do.
즉, 스와입(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)는 모바일 웹 페이지 컨텐츠 전체가 페인팅 영역에서 제외된다.In other words, 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). According to the present invention, 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. Accordingly, Page n-1 302 and Page n + 1 306 include painting areas and areas excluded from the painting area, and Page n + 2 308 excludes the entire mobile web page content from the painting area. do.
도 4는 본 발명의 제2실시예에 따른 모바일 웹 페이지를 나타낸 도면이다.4 is a diagram illustrating a mobile web page according to a second embodiment of the present invention.
도 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)의 페인팅 영역도 이와 동시에 업데이트할 수 있다. 이에 따라, 사용자의 조작에 따른 상하 스크롤 직후 스와입을 수행하여도 빈 공간을 보여 주지 않게 된다.Referring to Figure 4, 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.
도 5는 본 발명의 실시예에 따른 사용자 단말의 내부 구성도이다.5 is an internal configuration diagram of a user terminal according to an embodiment of the present invention.
도 5를 참조하면, 본 발명의 실시예에 따른 사용자 단말은 통신부(502), 조작부(504), 표시부(506), 음향 출력부(508), 저장부(510) 및 제어부(500)를 포함할 수 있다.Referring to FIG. 5, a user terminal according to an exemplary embodiment of the present invention 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.
통신부(502)는 이동통신 모듈, 무선 인터넷 모듈, 근거리 통신 모듈 등을 포함할 수 있으며, 이동통신 모듈은 이동 통신망 상에서 기지국의 무선 신호를 송수신하고, 무선 인터넷 모듈은 무선 인터넷 접속을 위한 모듈이고, 근거리 통신 모듈은 근거리 통신을 위한 모듈이다. 이때, 통신부(502)는 무선 인터넷 모듈을 통해 웹 페이지 제공 서버와 연동할 수 있다.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, and the wireless internet module is a module for wireless internet access. The short range communication module is a module for short range communication. In this case, the communication unit 502 may interwork with a web page providing server through a wireless internet module.
조작부(504)는 사용자의 동작 제어를 위한 조작에 따라 입력 데이터를 발생시킨다. 이때, 조작부는 표시부와 상호 레이어 구조를 이루는 터치 스크린으로 구현될 수 있으며, 사용자의 제스처에 따라 탭(tap), 더블 탭(double tap), 홀드(hold), 드래그(drag), 플릭(flick), 스와입(swipe) 등의 터치 입력을 감지할 수 있다.The operation unit 504 generates input data according to an operation for controlling the operation of the user. In this case, 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.
표시부(506)는 사용자 단말에서 처리되는 정보를 화면에 표시 출력하며, 모바일 웹 페이지를 화면에 표시하고, 표시된 모바일 웹 페이지에 대한 스와입 모션이 감지됨에 따라 현재 표시되는 모바일 웹 페이지의 좌측 또는 우측 모바일 웹 페이지를 표시할 수 있다.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.
음향 출력부(508)는 통화 모드 등에서 통신부를 통해 수신된 음성 신호나 저장부에 저장된 오디오 데이터를 출력할 수 있다.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.
저장부(510)는 제어부(500)의 처리 및 제어를 위한 프로그램을 저장할 수 있고, 입력되거나 출력되는 데이터들을 임시로 저장할 수 있다.The storage unit 510 may store a program for processing and controlling the control unit 500, and may temporarily store input or output data.
제어부(500)는 통상적으로 단말 각부의 동작을 제어하여 사용자 단말의 전반적인 동작을 제어한다.The control unit 500 typically controls the operation of each terminal to control the overall operation of the user terminal.
또한, 제어부(500)는 모바일 웹 페이지를 화면에 표시하도록 하고, 모바일 웹 페이지에 대한 스와입(swipe) 모션이 감지되면, 웹 페이지 제공 서버와 연동하여, 현재 표시되는 모바일 웹 페이지의 좌측 또는 우측 모바일 웹 페이지를 표시하도록 할 수 있다.In addition, the 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.
도 6은 본 발명의 실시예에 따른 모바일 웹 페이지에서 스와입 모션 감지에 따른 처리 방법을 나타낸 흐름도이다.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.
도 6을 참조하면, 본 발명에 따른 사용자 단말에서 모바일 웹 페이지를 표시하고(S602), 표시된 모바일 웹 페이지에 대한 스와입 모션을 감지하면(S604) 스와입 모션 감지 정보를 웹 페이지 제공 서버로 전송한다.Referring to FIG. 6, when the mobile terminal displays the mobile web page (S602) and detects a swipe motion for the displayed mobile web page (S604), the swipe motion detection information is transmitted to the web page providing server. do.
이에 따라, 본 발명에 따른 웹 페이지 제공 서버는 사용자 단말에서 현재 표시되는 모바일 웹 페이지에 대한 좌측 또는 우측 모바일 웹 페이지의 전체 컨텐츠 중 화면 크기에 상응하는 뷰포트(viewport)에 들어오는 컨텐츠 영역과 뷰포트에 들어온 컨텐츠 영역에서 스크롤에 의해 뷰포트로 들어오는 컨텐츠 영역을 분류할 수 있다(S606).Accordingly, the web page providing server according to the present invention 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).
또한, 웹 페이지 제공 서버에서 뷰포트에 들어오는 컨텐츠 영역만을 좌측 또는 우측 모바일 웹 페이지의 페인팅 대상 영역으로 설정하도록 하여(S608), 좌측 또는 우측 모바일 웹 페이지를 사용자 단말에서 표시하도록 할 수 있다(S610).In addition, 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).
이때, 웹 페이지 제공 서버는 사용자 단말에서 표시되는 모바일 웹 페이지에 대한 스크롤이 수행되는 경우, 스와입 모션에 의해 전환되는 좌측 또는 우측 모바일 웹 페이지의 전체 컨텐츠 중 스크롤에 상응하는 영역을 동시에 업데이트하여 페인팅 대상 영역으로 할 수 있다.In this case, 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 can be set as a target area.
한편, 본 발명의 다른 측면에 따르면, 웹 페이지 제공 서버가 모바일 웹 페이지에서 스와입 모션 감지시 처리하는 방법에 있어서, 사용자 단말에 표시된 모바일 웹 페이지에 대한 스와입 모션 감지에 따른 스와입 모션 감지 정보를 수신하는 단계, 사용자 단말에서 표시되는 모바일 웹 페이지에 대한 좌측 또는 우측 모바일 웹 페이지의 전체 컨텐츠 중 화면 크기에 상응하는 뷰포트(viewport)에 들어오는 컨텐츠 영역과 뷰포트에 들어온 컨텐츠 영역에서 스크롤에 의해 뷰포트로 들어오는 컨텐츠 영역을 분류하는 단계 및 뷰포트에 들어오는 컨텐츠 영역만을 좌측 또는 우측 모바일 웹 페이지의 페인팅 대상 영역으로 하여, 좌측 또는 우측 모바일 웹 페이지를 사용자 단말에서 표시하도록 하는 단계를 포함하는 모바일 웹 페이지에서 스와입 모션 감지에 따른 처리 방법이 제공된다.On the other hand, according to another aspect of the present invention, in the method for processing when the web page providing server detects the swipe motion in the mobile web page, 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.
또한, 본 발명의 또 다른 측면에 따르면, 사용자 단말에 표시된 모바일 웹 페이지에 대한 스와입 모션 감지에 따른 스와입 모션 감지 정보를 수신하는 단계; 사용자 단말에서 표시되는 모바일 웹 페이지에 대한 좌측 또는 우측 모바일 웹 페이지의 전체 컨텐츠 중 화면 크기에 상응하는 뷰포트(viewport)에 들어오는 컨텐츠 영역과 뷰포트에 들어온 컨텐츠 영역에서 스크롤에 의해 뷰포트로 들어오는 컨텐츠 영역을 분류하는 단계 및 뷰포트에 들어오는 컨텐츠 영역만을 좌측 또는 우측 모바일 웹 페이지의 페인팅 대상 영역으로 하여, 좌측 또는 우측 모바일 웹 페이지를 사용자 단말에서 표시하도록 하는 단계를 포함하는 웹 페이지 제공 서버의 모바일 웹 페이지에서 스와입 모션 감지에 따른 처리 방법이 프로그램으로 기록되고 전자 장치에서 판독 가능한 기록매체에 기록될 수 있다.Further, according to another aspect of the invention, 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.
이러한 웹 페이지 제공 서버의 모바일 웹 페이지에서 스와입 모션 감지에 따른 처리 방법은 프로그램으로 작성 가능하며, 프로그램을 구성하는 코드들 및 코드 세그먼트들은 당해 분야의 프로그래머에 의하여 용이하게 추론될 수 있다. 또한, 웹 페이지 제공 서버의 모바일 웹 페이지에서 스와입 모션 감지에 따른 처리 방법에 관한 프로그램은 전자장치가 읽을 수 있는 정보저장매체(Readable Media)에 저장되고, 전자장치에 의하여 읽혀지고 실행될 수 있다.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. In addition, 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.
이와 같이, 본 발명이 속하는 기술분야의 당업자는 본 발명이 그 기술적 사상이나 필수적 특징을 변경하지 않고서 다른 구체적인 형태로 실시될 수 있다는 것을 이해할 수 있을 것이다. 그러므로 이상에서 기술한 실시예들은 모든 면에서 예시적인 것이며 한정적인 것이 아닌 것으로서 이해해야만 한다. 본 발명의 범위는 상기 상세한 설명보다는 후술하는 특허청구범위에 의하여 나타내어지며, 특허청구범위의 의미 및 범위 그리고 그 등가 개념으로부터 도출되는 모든 변경 또는 변형된 형태가 본 발명의 범위에 포함되는 것으로 해석되어야 한다.As such, those skilled in the art will appreciate that the present invention can be embodied in other specific forms without changing the technical spirit or essential features thereof. Therefore, the above-described embodiments are to be understood as illustrative in all respects and not as restrictive. The scope of the present invention is shown by the following claims rather than the detailed description, and all changes or modifications derived from the meaning and scope of the claims and their equivalent concepts should be construed as being included in the scope of the present invention. do.
본 발명에 따르면, 사용자 단말에서 현재 표시되는 모바일 웹 페이지에 대한 스와입 모션이 감지되면, 현재 표시되는 모바일 웹 페이지에 대한 좌측 또는 우측 모바일 웹 페이지의 전체 컨텐츠 중 화면 크기에 상응하는 뷰포트(viewport)에 들어오는 컨텐츠 영역과 뷰포트에 들어온 컨텐츠 영역에서 스크롤에 의해 뷰포트로 들어오는 컨텐츠 영역을 분류하고, 뷰포트에 들어오는 컨텐츠 영역만을 좌측 또는 우측 모바일 웹 페이지의 페인팅 대상 영역으로 하여, 좌측 또는 우측 모바일 웹 페이지를 사용자 단말에서 표시하도록 함으로써, 화면 전환이 빠르게 수행되도록 하는 모바일 웹 페이지에서 스와입 모션 감지에 따른 처리 시스템 및 방법을 제공하는 데에 이용할 수 있다.According to the present invention, if a swipe motion for a mobile web page that is currently displayed on the user terminal is detected, 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 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. By displaying at the terminal, it can be used to provide a processing system and method according to the swipe motion detection in a mobile web page to perform the screen switching is performed quickly.

Claims (7)

  1. 사용자 단말에서 표시되는 모바일 웹 페이지에 대한 스와입(swipe) 모션이 감지되면, 스와입 모션 감지 정보를 수신하는 스와입 모션 감지부;A swipe motion detector configured to receive swipe motion detection information when a swipe motion of a mobile web page displayed on the user terminal is detected;
    상기 사용자 단말에서 표시되는 모바일 웹 페이지에 대한 좌측 또는 우측 모바일 웹 페이지의 전체 컨텐츠 중 화면 크기에 상응하는 뷰포트(viewport)에 들어오는 컨텐츠 영역과 상기 뷰포트에 들어온 컨텐츠 영역에서 스크롤에 의해 뷰포트로 들어오는 컨텐츠 영역을 분류하는 웹 페이지 영역 분류부; 및Content area entering the viewport corresponding to the screen size and content area entering the viewport by scrolling from 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 A web page area classification unit for classifying a; And
    상기 뷰포트에 들어오는 컨텐츠 영역만을 상기 좌측 또는 우측 모바일 웹 페이지의 페인팅 대상 영역으로 하여, 상기 좌측 또는 우측 모바일 웹 페이지를 상기 사용자 단말에서 표시하도록 함에 따라 화면을 전환시키는 화면 전환 처리부;A screen switching processor configured to switch the screen as the user terminal displays the left or right mobile web page using only the content area entering the viewport as a painting target area of the left or right mobile web page;
    를 포함하는 웹 페이지 제공 서버.Web page providing server comprising a.
  2. 제1항에 있어서,The method of claim 1,
    상기 화면 전환 처리부는 상기 사용자 단말에서 표시되는 모바일 웹 페이지에 대한 스크롤이 수행되는 경우, 스와입 모션에 의해 전환되는 좌측 또는 우측 모바일 웹 페이지의 전체 컨텐츠 중 스크롤에 상응하는 영역을 동시에 업데이트하여 페인팅 대상 영역으로 하는 것을 특징으로 하는 웹 페이지 제공 서버.When the scrolling of the mobile web page displayed on the user terminal is performed, 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 converted by the swiping motion to be painted. Web page providing server, characterized in that the area.
  3. 모바일 웹 페이지를 화면에 표시하고, 상기 모바일 웹 페이지에 대한 스와입(swipe) 모션을 감지하며, 상기 스와입 모션 감지에 따라 상기 표시되는 모바일 웹 페이지의 좌측 또는 우측 모바일 웹 페이지를 표시하는 사용자 단말; 및A user terminal displaying a mobile web page on a screen, detecting a swipe motion for the mobile web page, and displaying a left or right mobile web page of the displayed mobile web page according to the swipe motion detection. ; And
    상기 사용자 단말에서 표시되는 모바일 웹 페이지에 대한 스와입 모션이 감지되면, 상기 표시되는 모바일 웹 페이지에 대한 좌측 또는 우측 모바일 웹 페이지의 전체 컨텐츠 중 화면 크기에 상응하는 뷰포트(viewport)에 들어오는 컨텐츠 영역과 상기 뷰포트에 들어온 컨텐츠 영역에서 스크롤에 의해 뷰포트로 들어오는 컨텐츠 영역을 분류하고, 상기 뷰포트에 들어오는 컨텐츠 영역만을 상기 좌측 또는 우측 모바일 웹 페이지의 페인팅 대상 영역으로 하여, 상기 좌측 또는 우측 모바일 웹 페이지를 상기 사용자 단말에서 표시하도록 하는 웹 페이지 제공 서버;When the swipe motion for the mobile web page displayed on the user terminal is detected, the content area that enters the viewport corresponding to the screen size of the entire contents of the left or right mobile web page for the displayed mobile web page and The content area entering the viewport is scrolled from the content area entering the viewport, and only the content area entering the viewport is a painting target area of the left or right mobile web page, and the left or right mobile web page is the user. A web page providing server for displaying on a terminal;
    를 포함하는 모바일 웹 페이지에서 스와입 모션 감지에 따른 처리 시스템.Processing system according to the swipe motion detection in a mobile web page comprising a.
  4. 웹 페이지 제공 서버가 모바일 웹 페이지에서 스와입 모션 감지시 처리하는 방법에 있어서,In the web page providing server handles the detection of the swipe motion in the mobile web page,
    사용자 단말에 표시된 모바일 웹 페이지에 대한 스와입 모션 감지에 따른 스와입 모션 감지 정보를 수신하는 단계;Receiving swipe motion detection information according to swipe motion detection for a mobile web page displayed on a user terminal;
    상기 사용자 단말에서 표시되는 모바일 웹 페이지에 대한 좌측 또는 우측 모바일 웹 페이지의 전체 컨텐츠 중 화면 크기에 상응하는 뷰포트(viewport)에 들어오는 컨텐츠 영역과 상기 뷰포트에 들어온 컨텐츠 영역에서 스크롤에 의해 뷰포트로 들어오는 컨텐츠 영역을 분류하는 단계; 및Content area entering the viewport corresponding to the screen size and content area entering the viewport by scrolling from 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 Classifying; And
    상기 뷰포트에 들어오는 컨텐츠 영역만을 상기 좌측 또는 우측 모바일 웹 페이지의 페인팅 대상 영역으로 하여, 상기 좌측 또는 우측 모바일 웹 페이지를 상기 사용자 단말에서 표시하도록 하는 단계;Displaying only the left or right mobile web page on the user terminal, using only the content area entering the viewport as a painting target area of the left or right mobile web page;
    를 포함하는 모바일 웹 페이지에서 스와입 모션 감지에 따른 처리 방법.Process according to the swipe motion detection in a mobile web page comprising a.
  5. 사용자 단말에서 모바일 웹 페이지를 표시하고, 상기 표시된 모바일 웹 페이지에 대한 스와입 모션을 감지하면 스와입 모션 감지 정보를 웹 페이지 제공 서버로 전송하는 단계;Displaying a mobile web page at a user terminal and transmitting swipe motion detection information to a web page providing server when detecting a swipe motion for the displayed mobile web page;
    상기 웹 페이지 제공 서버에서 상기 표시되는 모바일 웹 페이지에 대한 좌측 또는 우측 모바일 웹 페이지의 전체 컨텐츠 중 화면 크기에 상응하는 뷰포트(viewport)에 들어오는 컨텐츠 영역과 상기 뷰포트에 들어온 컨텐츠 영역에서 스크롤에 의해 뷰포트로 들어오는 컨텐츠 영역을 분류하는 단계; 및From the web page providing server, the content area that enters the viewport corresponding to the screen size and the content area that enters the viewport among the entire contents of the left or right mobile web page for the displayed mobile web page are scrolled to the viewport. Classifying the incoming content area; And
    상기 웹 페이지 제공 서버에서 상기 뷰포트에 들어오는 컨텐츠 영역만을 상기 좌측 또는 우측 모바일 웹 페이지의 페인팅 대상 영역으로 하여, 상기 좌측 또는 우측 모바일 웹 페이지를 상기 사용자 단말에서 표시하도록 함에 따라 화면을 전환시키는 단계;Changing the screen according to displaying the left or right mobile web page on the user terminal by using only the content area entering the viewport as the painting target area of the left or right mobile web page in the web page providing server;
    를 포함하는 모바일 웹 페이지에서 스와입 모션 감지에 따른 처리 방법.Process according to the swipe motion detection in a mobile web page comprising a.
  6. 제5항에 있어서,The method of claim 5,
    상기 화면 전환 단계는 상기 사용자 단말에서 표시되는 모바일 웹 페이지에 대한 스크롤이 수행되는 경우, 스와입 모션에 의해 전환되는 좌측 또는 우측 모바일 웹 페이지의 전체 컨텐츠 중 스크롤에 상응하는 영역을 동시에 업데이트하여 페인팅 대상 영역으로 하는 것을 특징으로 하는 모바일 웹 페이지에서 스와입 모션 감지에 따른 처리 방법.In the screen switching step, when scrolling is performed on the mobile web page displayed on the user terminal, a 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. Process according to swipe motion detection in a mobile web page, characterized in that the area.
  7. 사용자 단말에 표시된 모바일 웹 페이지에 대한 스와입 모션 감지에 따른 스와입 모션 감지 정보를 수신하는 단계; 상기 사용자 단말에서 표시되는 모바일 웹 페이지에 대한 좌측 또는 우측 모바일 웹 페이지의 전체 컨텐츠 중 화면 크기에 상응하는 뷰포트(viewport)에 들어오는 컨텐츠 영역과 상기 뷰포트에 들어온 컨텐츠 영역에서 스크롤에 의해 뷰포트로 들어오는 컨텐츠 영역을 분류하는 단계; 및 상기 뷰포트에 들어오는 컨텐츠 영역만을 상기 좌측 또는 우측 모바일 웹 페이지의 페인팅 대상 영역으로 하여, 상기 좌측 또는 우측 모바일 웹 페이지를 상기 사용자 단말에서 표시하도록 하는 단계를 포함하는 웹 페이지 제공 서버의 모바일 웹 페이지에서 스와입 모션 감지에 따른 처리 방법이 프로그램으로 기록되고 전자 장치에서 판독 가능한 기록매체.Receiving swipe motion detection information according to swipe motion detection for a mobile web page displayed on a user terminal; Content area entering the viewport corresponding to the screen size and content area entering the viewport by scrolling from 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 Classifying; And displaying only the left or right mobile web page on the user terminal, using only the content area entering the viewport as a painting target area of the left or right mobile web page. A recording medium in which a processing method according to a swipe motion detection is recorded by a program and readable by an electronic device.
PCT/KR2013/006572 2012-10-29 2013-07-23 Processing system and processing method according to swipe motion detection in mobile webpage WO2014069749A1 (en)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
KR10-2012-0120188 2012-10-29
KR1020120120188A KR102068042B1 (en) 2012-10-29 2012-10-29 System and method for processing according to swipe motion sensing

Publications (1)

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

Family

ID=50627620

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/KR2013/006572 WO2014069749A1 (en) 2012-10-29 2013-07-23 Processing system and processing method according to swipe motion detection in mobile webpage

Country Status (2)

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

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111125603A (en) * 2019-12-27 2020-05-08 百度时代网络技术（北京）有限公司 Webpage scene recognition method and device, electronic equipment and storage medium
CN117149339A (en) * 2023-10-27 2023-12-01 腾讯科技（深圳）有限公司 User interface relation recognition method and related device based on artificial intelligence

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 (en) * 2006-11-01 2009-10-09 스카이파이어 랩스, 인크. Stateful browsing
KR20120113738A (en) * 2009-11-25 2012-10-15 쿨아이리스 인코포레이티드 Gallery application for content viewing

Family Cites Families (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20070041262A (en) 2005-10-14 2007-04-18 주식회사 케이티 Contents call services apparatus convertible contents in busy and its method
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 (en) * 2006-11-01 2009-10-09 스카이파이어 랩스, 인크. Stateful browsing
US20090102805A1 (en) * 2007-10-18 2009-04-23 Microsoft Corporation Three-dimensional object simulation using audio, visual, and tactile feedback
KR20120113738A (en) * 2009-11-25 2012-10-15 쿨아이리스 인코포레이티드 Gallery application for content viewing

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111125603A (en) * 2019-12-27 2020-05-08 百度时代网络技术（北京）有限公司 Webpage scene recognition method and device, electronic equipment and storage medium
CN111125603B (en) * 2019-12-27 2023-06-27 百度时代网络技术（北京）有限公司 Webpage scene recognition method and device, electronic equipment and storage medium
CN117149339A (en) * 2023-10-27 2023-12-01 腾讯科技（深圳）有限公司 User interface relation recognition method and related device based on artificial intelligence
CN117149339B (en) * 2023-10-27 2024-01-26 腾讯科技（深圳）有限公司 User interface relation recognition method and related device based on artificial intelligence

Also Published As

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

Similar Documents

Publication Publication Date Title
WO2011043575A2 (en) Method for providing user interface and mobile terminal using the same
WO2012077906A1 (en) Method and apparatus for displaying lists
WO2012169784A2 (en) Apparatus and method for providing web browser interface using gesture in device
WO2012033345A1 (en) Motion control touch screen method and apparatus
WO2014084633A1 (en) Method for displaying applications and electronic device thereof
KR101625884B1 (en) Mobile terminal and operation control method 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
WO2012128457A1 (en) Mobile terminal and object change support method for the same
WO2013070024A1 (en) Method and apparatus for designating entire area using partial area touch in a portable equipment
CN107508974B (en) Interface display method, mobile terminal and computer readable storage medium
WO2010120081A2 (en) Method and apparatus of selecting an item
WO2010082760A2 (en) Key input method and apparatus for portable apparatus
WO2012053812A1 (en) Method and apparatus for recognizing a gesture in a display
WO2011090302A2 (en) Method for operating a personal portable device having a touch panel
WO2013085333A1 (en) Method and apparatus for providing three-dimensional user interface in an electronic device
WO2012093779A2 (en) User terminal supporting multimodal interface using user touch and breath and method for controlling same
WO2014163373A1 (en) Method and apparatus for inputting text in electronic device having touchscreen
CN109976859B (en) Screenshot method, terminal and computer readable storage medium
WO2012118271A1 (en) Method and device for controlling contents using touch, recording medium therefor, and user terminal having same
WO2014069749A1 (en) Processing system and processing method according to swipe motion detection in mobile webpage
WO2013191332A1 (en) System for providing smartphone information in vehicle
WO2014058137A1 (en) System and method for performing scroll by using scrolltop attribute of web page
WO2016093448A1 (en) Mobile device and method for operating mobile device
WO2015008929A1 (en) Method for moving and switching screens on touch screen 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