KR20150090617A - Apparatus for displaying screen using preloading and computer recordable medium storing the method thereof - Google Patents

Apparatus for displaying screen using preloading and computer recordable medium storing the method thereof Download PDF

Info

Publication number
KR20150090617A
KR20150090617A KR1020140011491A KR20140011491A KR20150090617A KR 20150090617 A KR20150090617 A KR 20150090617A KR 1020140011491 A KR1020140011491 A KR 1020140011491A KR 20140011491 A KR20140011491 A KR 20140011491A KR 20150090617 A KR20150090617 A KR 20150090617A
Authority
KR
South Korea
Prior art keywords
page
layout
touch input
displayed
preloaded
Prior art date
Application number
KR1020140011491A
Other languages
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 에스케이텔레콤 주식회사
Priority to KR1020140011491A priority Critical patent/KR20150090617A/en
Publication of KR20150090617A publication Critical patent/KR20150090617A/en

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0485Scrolling or panning
    • G06F3/04855Interaction with scrollbars

Landscapes

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

Abstract

The present invention relates to an apparatus for displaying a screen by preloading and a computer readable recording medium storing a method thereof. The present invention displays a plurality of continuous pages by scrolling thereof according to a touch input when the continuous pages exist wherein intermediate pages between a start page and an end page where scrolling is ended are displayed with a preloaded layout only and the end page is displayed by including a preloaded layout and data of the end page. Accordingly, a response speed for a touch input is improved and thereby a screen can be displayed naturally.

Description

프리로딩을 이용한 화면 표시를 위한 장치 및 이를 위한 방법이 기록된 컴퓨터 판독 가능한 기록 매체{Apparatus for displaying screen using preloading and computer recordable medium storing the method thereof} BACKGROUND OF THE INVENTION 1. Field of the Invention The present invention relates to a device for screen display using preloading and a computer-

본 발명은 화면 표시 기술에 관한 것으로, 더욱 상세하게는, 프리로딩을 이용하여 연속된 복수의 페이지를 화면으로 표시하기 위한 장치 및 이를 위한 방법이 기록된 컴퓨터 판독 가능한 기록 매체에 관한 것이다. BACKGROUND OF THE INVENTION 1. Field of the Invention The present invention relates to a screen display technology, and more particularly, to a device for displaying a plurality of consecutive pages on a screen by using pre-loading, and a computer readable recording medium on which a method is recorded.

스마트폰(smartphone)은 PC와 같은 기능과 더불어 고급 기능을 제공하는 휴대 전화이다. 스마트폰의 산업 표준에 대한 정의는 없다. 어떤 사람들에게 스마트폰은 응용 프로그램 개발자를 위한 표준화된 인터페이스와 플랫폼을 제공하는 완전한 운영 체제 소프트웨어를 실행하는 전화로 보일 수도 있다. 혹은, 어떤 사람들에게 스마트폰은 전자 우편, 인터넷, 전자책 읽기 기능, 내장형 키보드나 외장 USB 키보드, VGA 단자를 갖춘 고급 기능이 있는 전화로 비춰질 수 있다. 다시 말해 스마트폰은 전화 기능이 있는 소형 컴퓨터라 볼 수 있다. 무선인터넷을 이용하여 인터넷에 직접 접속할 수 있을 뿐 아니라 여러 가지 브라우징 프로그램을 이용하여 다양한 방법으로 웹에 접속할 수 있는 점, 사용자가 원하는 애플리케이션을 직접 제작할 수도 있는 점, 다양한 애플리케이션을 통하여 자신에게 알맞은 인터페이스를 구현할 수 있는 점, 그리고 같은 운영 체제를 가진 스마트폰간에 애플리케이션을 공유할 수 있는 점 등도 기존 피처 폰(feature phone)이 갖지 못한 장점으로 꼽힌다. A smartphone (smartphone) is a mobile phone that offers advanced features along with features like a PC. There is no definition of an industry standard for smartphones. For some people, smartphones may look like phones running full operating system software that provide a standardized interface and platform for application developers. Or, for some people, a smartphone can be viewed as a phone with advanced features, such as e-mail, the Internet, reading e-books, an embedded keyboard or an external USB keyboard, or a VGA port. In other words, a smartphone can be seen as a small computer with a phone function. In addition to being able to connect directly to the Internet using wireless Internet, it is possible to connect to the web in various ways by using various browsing programs, to be able to create the application desired by the user, And the ability to share applications between smartphones with the same operating system is another advantage that existing feature phones do not have.

기본적인 사용법은 일반 휴대 전화와 비슷하다. 휴대 전화에 비해 대용량 메모리를 채택하고 운영 체제를 탑재하여 다양한 프로그램 및 데이터 사용이 가능하며, 프로그램의 지속적인 추가와 삭제가 가능하다는 점에서 일반 휴대 전화와 다르다. 두뇌 역할을 하는 운영 체제가 탑재되어 있다는 점에서 PDA와 유사하지만 스마트 폰은 음성통화, 무선 인터넷 등 휴대폰 기능을 기본으로 멀티기능을 수행할 수 있는 사용자 지향적 모바일 PC플랫폼. 고성능 CPU와 상용 운영 체제를 갖추고 있다. 개인정보관리와 고용량 멀티미디어 컨텐츠의 저장과 재생이 가능한 하이엔드 단말기이다. 하지만 PDA는 음성전송을 2차적인 지원 사항으로 간주하며 데이터 중심의 휴대용 컴퓨터의 기능을 우선순위로 한다. 사용자가 자유롭게 서드파티의 애플리케이션을 추가할 수 있도록 하는 개방형 운영 체제를 사용하며 PC와의 동기화가 가능해야 해야 사용 가능하다. The basic usage is similar to that of a regular mobile phone. It differs from ordinary mobile phones in that it uses a large memory compared to a mobile phone, it can be used with various programs and data by operating system, and it is possible to continuously add and delete programs. It is similar to PDA in that it has an operating system that acts as a brain, but smartphone is a user-oriented mobile PC platform that can perform multi functions based on mobile phone functions such as voice call and wireless internet. It has a high-performance CPU and a commercial operating system. It is a high-end terminal capable of personal information management and storage and playback of high-capacity multimedia contents. However, PDAs regard voice transmission as a secondary support and prioritize the functions of data-centric handheld computers. It requires an open operating system that allows users to freely add third-party applications and must be able to synchronize with the PC.

한국공개특허 제2008-0015371호, 2009년 8월 25일 공개(명칭: 모바일 인터넷 브라우저에서의 멀티미디어 콘텐츠 로딩방법 및 이를 위한 무선통신단말)Korean Patent Publication No. 2008-0015371, published on August 25, 2009 (name: a method for loading multimedia contents in a mobile internet browser and a wireless communication terminal for the same)

본 발명의 목적은 연속된 복수의 페이지를 스크롤 하여 표시할 때 로딩에 시간에 걸리는 문제를 감안하여, 스크롤되는 중간에 표시되는 일부 페이지는 프리로딩된 레이아웃만으로 표시하는 화면 표시를 위한 장치 및 이를 위한 방법이 기록된 컴퓨터 판독 가능한 기록 매체를 제공함에 있다. An object of the present invention is to provide a device for screen display in which some pages displayed in the middle of scrolling are displayed only in a preloaded layout in view of the problem of time-consuming loading when a plurality of consecutive pages are scrolled and displayed The present invention provides a computer readable recording medium on which a method is recorded.

상술한 바와 같은 목적을 달성하기 위한 본 발명의 바람직한 실시 예에 따른 프리로딩을 이용한 화면 표시를 위한 장치는 터치 입력을 감지하는 터치센서모듈; 화면을 표시하는 표시모듈; 복수의 연속된 페이지 중 어느 하나인 시작 페이지가 상기 표시모듈에 표시될 때, 상기 시작 페이지로부터 연속된 페이지의 레이아웃이 프리로딩되는 버퍼모듈; 및 상기 터치 입력이 있으면, 상기 표시모듈을 통해 상기 시작 페이지로부터 중간 페이지를 거쳐 최종 페이지까지 스크롤하여 표시하되, 상기 중간 페이지가 상기 프리로딩된 레이아웃으로 표시되도록 제어하는 표시제어모듈;을 포함한다. According to an aspect of the present invention, there is provided an apparatus for screen display using preloading, the apparatus comprising: a touch sensor module for sensing a touch input; A display module for displaying a screen; A buffer module in which a layout of consecutive pages is preloaded from the start page when a start page which is one of a plurality of consecutive pages is displayed on the display module; And a display control module for scrolling from the start page through an intermediate page to a final page through the display module and controlling the display of the intermediate page in the preloaded layout if there is the touch input.

상기 표시제어모듈은 상기 프리로딩된 레이아웃에 상기 최종 페이지의 데이터를 포함시켜 상기 표시모듈을 통해 최종 페이지로 표시하는 것을 특징으로 한다. And the display control module includes data of the final page in the preloaded layout and displays the final page through the display module.

상기 표시제어모듈은 상기 터치 입력의 방향 및 세기에 따라 상기 최종 페이지로 표시될 페이지를 산출하고, 상기 중간 페이지의 스크롤이 완료되기 전, 상기 산출된 페이지에 대한 데이터의 로딩을 완료한 후, 상기 프리로딩된 레이아웃에 상기 로딩된 데이터를 포함시켜 상기 표시모듈을 통해 상기 최종 페이지로 표시하는 것을 특징으로 한다. Wherein the display control module calculates a page to be displayed as the final page according to the direction and the intensity of the touch input and after loading the data for the calculated page before the completion of scrolling of the intermediate page is completed, The loaded data is included in the preloaded layout and is displayed as the final page through the display module.

상기 표시제어모듈은 사용자의 터치 입력의 세기를 누적하여 저장하고, 누적하여 저장된 터치 입력의 세기에 비례하여 프리로딩 되는 레이아웃의 개수를 결정하는 것을 특징으로 한다. The display control module accumulates the intensity of the touch input of the user and determines the number of layouts to be preloaded in proportion to the accumulated strength of the touch input.

상기 버퍼모듈은 상기 표시제어모듈의 제어에 따라 상기 중간 페이지가 표시될 때 상기 프리로딩된 레이아웃을 순환 큐(Circular Queue)의 형식으로 출력하는 것을 특징으로 한다. And the buffer module outputs the preloaded layout in the form of a circular queue when the intermediate page is displayed under the control of the display control module.

상기 프리로딩된 레이아웃은 상기 레이아웃을 표시하기 위한 소스 코드가 이진 코드로 변경되어 상기 버퍼모듈에 저장되는 것을 특징으로 한다. The source code for displaying the layout is changed into a binary code and is stored in the buffer module in the preloaded layout.

상술한 바와 같은 목적을 달성하기 위한 본 발명의 바람직한 실시 예에 따른 컴퓨터 판독 가능한 기록매체는 복수의 연속된 페이지 중 어느 하나인 시작 페이지를 표시할 때, 상기 시작 페이지로부터 연속된 페이지의 레이아웃을 프리로딩 하는 단계; 및 터치 입력이 감지되면, 상기 시작 페이지로부터 연속되는 중간 페이지를 상기 프리로딩된 레이아웃으로 스크롤하여 표시하는 단계;를 포함하는 것을 특징으로 하는 프리로딩을 이용한 화면 표시를 위한 방법이 기록된다. According to another aspect of the present invention, there is provided a computer-readable recording medium for storing a layout of a continuous page from a start page of a start page, which is one of a plurality of consecutive pages, Loading; And a step of scrolling and displaying a continuous intermediate page from the start page in the preloaded layout when a touch input is detected.

상기 표시하는 단계 후, 상기 프리로딩된 레이아웃에 데이터가 포함된 최종 페이지를 표시하는 단계를 더 포함하는 것을 특징으로 하는 프리로딩을 이용한 화면 표시를 위한 방법이 기록된다. And displaying a final page including the data in the preloaded layout after the displaying step. A method for screen display using preloading is further provided.

상기 표시하는 단계는 상기 터치 입력의 방향 및 세기에 따라 상기 최종 페이지로 표시될 페이지를 산출하고, 상기 중간 페이지의 스크롤이 완료되기 전, 상기 산출된 페이지에 대한 데이터의 로딩을 완료한 후, 상기 프리로딩된 레이아웃에 상기 로딩된 데이터를 포함시켜 상기 최종 페이지로 표시하는 것을 특징으로 한다. Wherein the step of displaying includes calculating a page to be displayed as the final page according to the direction and the intensity of the touch input and completing the loading of data for the calculated page before the completion of scrolling of the intermediate page, The loaded data is included in the preloaded layout and displayed as the final page.

상기 프리로딩된 레이아웃의 개수는 사용자의 터치 입력의 세기를 누적하여 저장하고, 누적하여 저장된 터치 입력의 세기에 비례하여 결정되는 것을 특징으로 한다. The number of preloaded layouts accumulates the intensity of the touch input of the user and is determined in proportion to the accumulated strength of the stored touch input.

본 발명에 따르면 복수의 연속된 페이지들을 스크롤하여 표시하되, 시작 페이지에서 스크롤이 종료되는 최종 페이지 사이의 중간 페이지들은 프리로딩된 레이아웃으로만 표시하며, 최종 페이지는 프리로딩된 레이아웃과 최종 페이지의 데이터를 포함시켜 표시한다. 이에 따라 터치 입력에 대한 응답 속도가 향상되어 자연스럽게 화면을 표시할 수 있다. 따라서 안정적인 사용자 경험(UX, User eXperience)을 제공할 수 있다. According to the present invention, intermediate pages between a plurality of consecutive pages are displayed and scrolled and end pages are scrolled on the start page, and only the preloaded layout is displayed. The final page includes preloaded layout data and final page data . As a result, the response speed to the touch input is improved, and the screen can be displayed naturally. This provides a stable user experience (UX, User experience).

도 1은 본 발명의 실시예에 따른 프리로딩을 이용한 정보 표시 방법을 설명하기 위한 도면이다.
도 2는 본 발명의 실시예에 따른 사용자 장치의 내부 구성을 설명하기 위한 블록도이다.
도 3a 및 도 3b는 본 발명의 실시예에 따른 프리로딩을 설명하기 위한 도면이다.
도 4 및 도 5는 본 발명의 실시예에 따른 터치 입력과 그에 따른 페이지를 표시하는 방법을 설명하기 위한 도면이다.
도 6은 본 발명의 실시예에 따른 프리로딩 될 레이아웃의 개수를 설정하는 방법을 설명하기 위한 흐름도이다.
도 7은 본 발명의 실시예에 따른 프리로딩되는 레이아웃의 개수를 설정하는 방법을 설명하기 위한 그래프이다.
도 8은 본 발명의 실시예에 따른 프리로딩을 이용한 화면 표시 방법을 설명하기 위한 도면이다.
도 9는 본 발명의 실시예에 따른 버퍼모듈의 레이아웃을 출력하는 방법을 설명하기 위한 도면이다.
도 10은 본 발명의 실시예에 따른 페이지를 표시하는 방법을 설명하기 위한 도면이다.
도 11은 본 발명의 실시예에 따른 프리로딩을 이용한 화면 표시 방법을 설명하기 위한 흐름도이다.
1 is a view for explaining an information display method using preloading according to an embodiment of the present invention.
2 is a block diagram illustrating an internal configuration of a user apparatus according to an embodiment of the present invention.
3A and 3B are views for explaining preloading according to an embodiment of the present invention.
4 and 5 are views for explaining a method of displaying a touch input and a page according to an embodiment of the present invention.
6 is a flowchart illustrating a method of setting the number of layouts to be preloaded according to an embodiment of the present invention.
7 is a graph for explaining a method of setting the number of preloaded layouts according to an embodiment of the present invention.
8 is a view for explaining a screen display method using preloading according to an embodiment of the present invention.
9 is a diagram for explaining a method of outputting a layout of a buffer module according to an embodiment of the present invention.
10 is a diagram for explaining a method of displaying a page according to an embodiment of the present invention.
11 is a flowchart illustrating a screen display method using preloading according to an embodiment of the present invention.

이하, 첨부된 도면을 참조하여 본 발명의 바람직한 실시예들을 상세히 설명한다. 이때, 첨부된 도면에서 동일한 구성 요소는 가능한 동일한 부호로 나타내고 있음에 유의한다. 또한, 본 발명의 요지를 흐리게 할 수 있는 공지 기능 및 구성에 대한 상세한 설명은 생략할 것이다. 마찬가지 이유로 첨부 도면에 있어서 일부 구성요소는 과장되거나 생략되거나 개략적으로 도시되었다. Hereinafter, preferred embodiments of the present invention will be described in detail with reference to the accompanying drawings. Note that, in the drawings, the same components are denoted by the same reference symbols as possible. Further, the detailed description of known functions and configurations that may obscure the gist of the present invention will be omitted. For the same reason, some of the components in the drawings are exaggerated, omitted, or schematically illustrated.

도 1은 본 발명의 실시예에 따른 프리로딩을 이용한 정보 표시 방법을 설명하기 위한 도면이다. 1 is a view for explaining an information display method using preloading according to an embodiment of the present invention.

도 1을 참조하면, 본 발명은 복수의 연속된 페이지를 제공한다. 연속된 페이지는 바람직하게 단위 시간에 따라 연속되어 나열될 수 있다. 여기서, 연속된 단위 시간은 한달, 하루, 한 시간, 30분 등과 같이, 설정에 따라 변경될 수 있는 속성이다. 도 1에 도시된 예에서 단위 시간은 하루이다. 이러한 경우 하나의 페이지는 해당 날짜에 대한 정보를 제공할 수 있다. 이러한 정보는 다양한 종류 및 형식이 될 수 있다. 일 예로 사용자가 사용자 장치를 사용함에 따라 사용자 장치가 수집할 수 있는 각 종 정보를 토대로 사용자의 기분을 추정 할 수 있다. 예컨대, 사용자가 사용자 장치를 통해 메신저, 게시판, SNS 등에 남긴 글, 사용자가 사용자 장치를 통해 듣는 음악, 등을 통해 사용자의 기분을 추정할 수 있는 정보를 얻고, 이를 토대로 사용자의 기분을 추정할 수 있다. 그런 다음, 단위 시간에 대응하는 페이지를 통해 해당 정보를 제공할 수 있다. 도시된 바와 같이, 1월9일의 사용자의 기분은 우울(Gloomy)하고, 1월 12일의 사용자의 기분은 상쾌(Fresh)한 것을 알 수 있다. Referring to Figure 1, the present invention provides a plurality of consecutive pages. The consecutive pages may preferably be sequentially arranged in unit time. Here, the continuous unit time is an attribute that can be changed according to the setting, such as one month, one day, one hour, and 30 minutes. In the example shown in Fig. 1, the unit time is one day. In this case, one page can provide information about the date. Such information can be of various types and formats. For example, the user can estimate the user's mood based on each type of information that the user device can collect as the user uses the user device. For example, a user can obtain information that can estimate a user's mood through a user's device, a message left on a messenger, a bulletin board, an SNS, a music that the user hears through the user device, etc., have. Then, the corresponding information can be provided through the page corresponding to the unit time. As shown in the figure, the mood of the user on January 9 is gloomy and the mood of the user on January 12 is fresh.

특히, 본 발명의 실시예에 따른 하나의 페이지(10)는 1월 10일의 페이지를 예로 들면, 레이아웃(11) 및 데이터(12)로 이루어진다. 데이터(12)는 해당 페이지(10)를 통해 제공될 정보가 될 수 있다. 앞선 예에 따르면, 해당 날짜의 사용자의 기분이 될 수 있다. 레이아웃(11)은 상술한 정보 이외에 해당 정보를 시각적으로 표시하기 위한 모든 요소를 포함한다. Particularly, one page 10 according to the embodiment of the present invention is made up of layout 11 and data 12, taking a page of January 10 as an example. The data 12 may be information to be provided through the page 10. According to the preceding example, it can be the user's mood of the date. The layout 11 includes all elements for visually displaying the information in addition to the above-described information.

상술한 바와 같이 복수의 연속된 페이지들이 존재할 때, 사용자 장치는 터치 입력에 따라 이러한 복수의 연속된 페이지들을 페이지 단위로 스크롤하여 표시할 수 있다. 이때, 사용자 장치는 소정 개수의 레이아웃을 프리로딩 한 후, 시작 페이지에서 스크롤이 종료되는 최종 페이지 사이의 중간 페이지들은 프리로딩된 레이아웃으로만 표시하며, 최종 페이지는 프리로딩된 레이아웃과 최종 페이지의 데이터를 포함시켜 표시할 수 있다. When there are a plurality of consecutive pages as described above, the user device can scroll and display such a plurality of consecutive pages page by page according to the touch input. At this time, the user device pre-loads a predetermined number of layouts, and then displays the intermediate pages between the final pages where the scrolling ends on the start page only in the preloaded layout, and the final page displays the preloaded layout and the data Can be included and displayed.

그러면 전술한 본 발명이 적용되는 사용자 장치에 대해서 살펴보기로 한다. 도 2는 본 발명의 실시예에 따른 사용자 장치의 내부 구성을 설명하기 위한 블록도이다. Hereinafter, a user apparatus to which the present invention is applied will be described. 2 is a block diagram illustrating an internal configuration of a user apparatus according to an embodiment of the present invention.

본 발명의 사용자 장치(100)는 터치스크린부(110), 저장부(120) 및 제어부(130)를 포함한다. The user device 100 of the present invention includes a touch screen unit 110, a storage unit 120, and a control unit 130.

터치스크린부(110)는 터치센서모듈(111) 및 표시모듈(113)을 포함한다. The touch screen unit 110 includes a touch sensor module 111 and a display module 113.

터치센서모듈(111)은 사용자의 터치 입력을 감지한다. 터치센서모듈(111)은 정전용량 방식(capacitive overlay), 압력식 저항막 방식(resistive overlay), 적외선 감지 방식(infrared beam) 등의 터치 감지 센서로 구성되거나, 압력 센서(pressure sensor)로 구성될 수도 있다. 상기 센서들 이외에도 물체의 접촉 또는 압력을 감지할 수 있는 모든 종류의 센서 기기가 본 발명의 터치센서모듈(111)로 구성될 수 있다. 터치센서모듈(111)은 사용자의 터치 입력을 감지하고 감지 신호를 발생시켜 제어부(130)에 전달한다. 이러한 터치 입력은 예컨대, 스윕 동작(Swipe Action), 플릭(flick), 드래그(drag) 등을 예시할 수 있다. 또한, 감지 신호에는 사용자가 터치를 입력한 좌표, 터치 입력이 종료된 좌표, 방향 및 세기 등이 포함될 수 있다. The touch sensor module 111 senses the touch input of the user. The touch sensor module 111 may be constituted by a touch sensing sensor such as a capacitive overlay, a resistive overlay or an infrared beam or may be constituted by a pressure sensor It is possible. In addition to the sensors, any type of sensor device capable of sensing the contact or pressure of an object may be configured with the touch sensor module 111 of the present invention. The touch sensor module 111 senses the touch input of the user, generates a sensing signal, and transmits the sensing signal to the controller 130. The touch input may be, for example, a sweep action, a flick, a drag, or the like. In addition, the sensing signal may include a coordinate input by a user of a touch, a coordinate, a direction, and an intensity at which the touch input ends.

표시모듈(113)은 액정표시장치(LCD, Liquid Crystal Display), 유기 발광 다이오드(OLED, Organic Light Emitting Diodes), 능동형 유기 발광 다이오드(AMOLED, Active Matrix Organic Light Emitting Diodes) 등으로 형성될 수 있으며, 사용자 장치(100)의 메뉴, 입력된 데이터, 기능 설정 정보 및 기타 다양한 정보를 사용자에게 시각적으로 제공한다. 표시모듈(113)은 사용자 장치(100)의 부팅 화면, 대기 화면, 메뉴 화면, 통화 화면, 어플리케이션 화면을 출력하는 기능을 수행한다. The display module 113 may be formed of a liquid crystal display (LCD), an organic light emitting diode (OLED), an active matrix organic light emitting diode (AMOLED) And visually provides menus, input data, function setting information, and various other information of the user device 100 to the user. The display module 113 functions to output a boot screen, a standby screen, a menu screen, a call screen, and an application screen of the user device 100.

저장부(120)는 사용자 장치(100)의 동작에 필요한 프로그램 및 데이터를 저장하는 역할을 수행하며, 프로그램 영역과 데이터 영역으로 구분될 수 있다. 프로그램 영역은 운영체제(OS, Operating System), 어플리케이션 등을 저장할 수 있다. 데이터 영역은 사용자 장치(100)의 사용에 따라 발생하는 사용자 데이터가 저장되는 영역이다. 저장부(120)에 저장되는 각 종 데이터는 사용자의 조작에 따라, 삭제, 변경, 추가될 수 있다. The storage unit 120 stores programs and data necessary for the operation of the user apparatus 100, and can be divided into a program area and a data area. The program area may store an operating system (OS), an application, and the like. The data area is an area where user data generated according to use of the user device 100 is stored. Each kind of data stored in the storage unit 120 can be deleted, changed or added according to a user's operation.

제어부(130)는 사용자 장치(100)의 전반적인 동작 및 사용자 장치(100)의 내부 블록들 간 신호 흐름을 제어하고, 데이터를 처리하는 데이터 처리 기능을 수행할 수 있다. 이러한 제어부(130)는 중앙 처리 장치(CPU, Central Processing Unit), 어플리케이션 프로세서(AP, Application Processor) 등이 될 수 있다. 제어부(130)는 사용자 장치(100)의 전원이 켜지면, 저장부(120)로부터 운영 체제(OS, Operation System)를 로드하여 이를 구동하는 부팅(booting)을 수행한다. The control unit 130 may control the overall operation of the user device 100 and the signal flow between the internal blocks of the user device 100 and may perform a data processing function for processing the data. The controller 130 may be a central processing unit (CPU), an application processor (AP), or the like. The controller 130 loads an operating system (OS) from the storage unit 120 and performs booting when the user apparatus 100 is powered on.

본 발명에서 제어부(130)는 버퍼모듈(131) 및 표시제어모듈(133)을 포함한다. 버퍼모듈(131)은 표시모듈(113)로 출력하기 전 데이터를 임시 저장하는 버퍼이다. 그리고 버퍼모듈(131)은 표시제어모듈(133)의 제어에 따라 임시 저장된 데이터를 표시모듈(113)로 출력한다. In the present invention, the control unit 130 includes a buffer module 131 and a display control module 133. The buffer module 131 is a buffer for temporarily storing data before being output to the display module 113. The buffer module 131 outputs the temporarily stored data to the display module 113 under the control of the display control module 133.

표시제어모듈(133)은 터치센서모듈(111)을 통해 터치 입력을 감지하면, 터치 입력에 따라 본 발명의 실시예에 따른 페이지를 표시모듈(113)로 출력하여, 표시모듈(113)이 페이지를 표시하도록 한다. 이때, 표시제어모듈(133)은 페이지의 일부 또는 전부를 버퍼모듈(131)에 임시 저장하고, 버퍼모듈(131)을 제어하여, 페이지의 일부 또는 전부를 표시모듈(113)로 출력할 수 있다. The display control module 133 outputs the page according to the embodiment of the present invention to the display module 113 in response to the touch input so that the display module 113 displays the page . At this time, the display control module 133 temporarily stores a part or all of the page in the buffer module 131, and controls the buffer module 131 to output a part or all of the page to the display module 113 .

표시제어모듈(133)은 사용자의 입력에 따라, 복수의 페이지 중 어느 하나의 페이지를 저장부(120)로부터 로드하여 표시모듈(113)을 통해 표시할 수 있다. 이러한 페이지를 “시작 페이지”라고 칭하기로 한다. 시작 페이지를 표시할 때, 시작 페이지와 연속된 적어도 하나의 페이지의 레이아웃을 프리로딩하여 버퍼모듈(131)에 저장한다. The display control module 133 may load any one of a plurality of pages from the storage unit 120 and display the loaded pages through the display module 113 according to a user's input. Such a page will be referred to as " start page ". At the time of displaying the start page, the layout of at least one page continuous with the start page is preloaded and stored in the buffer module 131.

그리고, 표시제어모듈(133)은 터치센서모듈(111)을 통해 스윕 동작(Swipe Action)과 같은 터치 입력이 있으면, 감지된 터치 입력에 따라 터치 입력의 방향 및 세기를 산출한다. If there is a touch input such as a sweep action through the touch sensor module 111, the display control module 133 calculates the direction and intensity of the touch input according to the detected touch input.

그런 다음, 표시제어모듈(133)은 산출된 터치 입력의 방향 및 세기에 따라 시작 페이지로부터 복수의 페이지를 스크롤하여 표시모듈(113)을 통해 표시한다. 이때, 시작 페이지로부터 스크롤되는 적어도 하나의 페이지를 “중간 페이지”라고 칭하기로 한다. 그리고, 스크롤이 종료되어 마지막으로 표시되는 페이지를 “최종 페이지”라고 칭하기로 한다. Then, the display control module 133 scrolls a plurality of pages from the start page according to the calculated direction and intensity of the touch input, and displays it through the display module 113. [ At this time, at least one page scrolled from the start page will be referred to as " intermediate page ". The page which is finally displayed after the scrolling is termed is referred to as " final page ".

표시제어모듈(133)은 중간 페이지를 표시할 때, 앞서 프리로딩된 레이아웃으로 페이지를 표시한다. 즉, 해당 페이지에 대한 데이터는 표시하지 않는다. 그리고 표시제어모듈(133)은 최종 페이지를 표시할 때, 앞서 프리로딩된 레이아웃에 해당 페이지에 대한 데이터를 포함시켜 최종 페이지를 표시한다. 즉, 해당 페이지에 대한 레이아웃 및 데이터를 모두 표시한다. When the display control module 133 displays the intermediate page, the page is displayed in the preloaded layout. In other words, data for the page is not displayed. When the display control module 133 displays the final page, the display control module 133 displays the final page by including data about the page in the preloaded layout. That is, all the layout and data for the page are displayed.

이와 같이, 본 발명의 실시예에 따르면, 데이터가 최종 페이지에 비해 비교적 중요하지 않은 중간 페이지를 표시할 때, 레이아웃만으로 표시하기 때문에, 터치 입력에 대한 빠른 응답 속도를 제공할 수 있다. 또한, 데이터가 중요한 최종 페이지를 표시할 때, 레이아웃과 데이터를 모두 표시함으로써, 사용자가 원하는 정보를 제공할 수 있다. As described above, according to the embodiment of the present invention, when an intermediate page whose data is relatively not important compared with the final page is displayed, it is displayed only by the layout, so that it is possible to provide a quick response speed to the touch input. Further, when displaying the final page in which the data is important, both the layout and the data are displayed, so that the user can provide the desired information.

표시제어모듈(133)은 어플리케이션으로 구현될 수 있으며, 이러한 경우, 표시제어모듈(133)의 기능을 수행하는 어플리케이션이 저장부(120)에 저장될 수 있다. 제어부(130)는 해당 어플리케이션에 대한 실행을 요청하는 입력이 있으며, 저장부(120)로부터 그 어플리케이션을 로드한 후 실행시킨다. 이에 따라, 실행된 어플리케이션은 제어부(130) 상에서 실행되어 표시제어모듈(133)과 동일한 기능을 수행할 수 있다. The display control module 133 may be implemented as an application. In this case, an application that performs the function of the display control module 133 may be stored in the storage unit 120. [ The control unit 130 has an input for requesting execution of the application, loads the application from the storage unit 120, and executes the application. Accordingly, the executed application can be executed on the control unit 130 and can perform the same function as the display control module 133. [

그 밖에 도시되지는 않았지만, 사용자 장치(100)는 사용자 장치(100)의 무선 통신을 위한 무선 통신부, 음성 신호를 입력 받고 오디오 신호를 출력하기 위한 오디오 처리부, 적어도 하나의 기능 키를 포함하는 키 입력부, 카메라 촬영을 위한 카메라부, 사용자 장치(100)의 속도, 가속도, 위치, 고도, 방위 등을 감지하기 위한 각 종 센서 등과 같은 부가 모듈을 추가로 더 포함할 수 있다. The user device 100 includes a wireless communication unit for wireless communication of the user device 100, an audio processing unit for receiving an audio signal and outputting an audio signal, a key input unit (not shown) including at least one function key, A camera unit for photographing the camera, and various sensors for detecting the speed, acceleration, position, altitude, and azimuth of the user device 100, and the like.

보다 상세하게 본 발명의 실시예에 따른 프리로딩을 이용한 화면 표시 방법에 대해서 설명하기로 한다. 먼저, 본 발명의 실시예에 따른 프리로딩의 개념에 대해서 설명하기로 한다. 도 3a 및 도 3b는 본 발명의 실시예에 따른 레이아웃의 프리로딩을 설명하기 위한 도면이다. A screen display method using pre-loading according to an embodiment of the present invention will be described in more detail. First, the concept of preloading according to an embodiment of the present invention will be described. 3A and 3B are views for explaining pre-loading of a layout according to an embodiment of the present invention.

도 3a 및 도 3b에서 소스 파일(혹은 소스 코드, 210)은 마크업 언어(Markup Language, 220), 스타일시트(Style Sheets, 230), 및 스크립트 언어(scripting language) 등으로 작성된다. 특히, 스타일시트(230)는 본 발명의 실시예에 따른 페이지의 레이아웃을 표현하기 위한 것이며, 마크업 언어(220) 및 스크립트 언어 등은 본 발명의 실시예에 따른 페이지의 데이터를 제공하기 위한 것이다. 3A and 3B, a source file (or source code) 210 is created by a markup language 220, a style sheet 230, and a scripting language. In particular, the style sheet 230 is for expressing the layout of the page according to the embodiment of the present invention, and the markup language 220 and the script language etc. are for providing the data of the page according to the embodiment of the present invention .

여기서, 마크업 언어(220)는 HTML(Hypertext Markup Language), XHTML(extensible Hypertext Markup Language), XML(Extensible Markup Language) 등을 예시할 수 있으며, 이러한 마크업 언어(220)는 다수의 태그(tag)와 각 태그의 속성(attribute) 및 일반적인 텍스트로 이루어 질 수 있다. Here, the markup language 220 may be exemplified by Hypertext Markup Language (HTML), Extensible Hypertext Markup Language (XHTML), and Extensible Markup Language (XML). The markup language 220 includes a plurality of tags ), Attributes of each tag, and general text.

스타일시트(230)는 그 스타일시트(230)에 기술된 디자인 속성에 따라 레이아웃을 표현하기 위한 언어이다. 이러한 스타일시트(230)를 사용한 페이지(200)는 다른 화면 해상도를 가지는 표시 장치와 다른 종류의 브라우저에서도 스타일시트에 기술한 바에 따라 동일하게 보여진다. 이 스타일시트는 대표적으로 CSS(Cascading Style Sheets)를 예시할 수 있다. 스크립트 언어는 프로그래밍 언어로서 웹 어플리케이션을 동적으로 제어하기 위한 언어이다. 대표적으로, 자바 스크립트(Java Script)를 예시할 수 있다. The style sheet 230 is a language for expressing the layout according to the design attributes described in the style sheet 230. The page 200 using the style sheet 230 is displayed in the same manner as described in the style sheet in a display device having a different screen resolution and in a browser of a different kind. This style sheet can exemplarily represent CSS (Cascading Style Sheets). A scripting language is a programming language, a language for dynamically controlling web applications. Typically, JavaScript (Java Script) can be exemplified.

또한, 페이지(200)가 표시되기 위해서 소스 파일(210) 외로 리소스 파일을 더 필요할 수 있다. 리소스 파일은 페이지(200)에 삽입되는 각종의 파일이다. 이 리소스 파일은 소스 파일(210)을 기술하는 링크 태그를 이용하여 페이지(200)에 삽입될 수 있다. 이러한 리소스 파일은 장면 기술(scene description), 비디오(video), 오디오(audio), 이미지(image), 폰트(font), 텍스트(text), 메타데이터(meta-data) 및 스크립트(script) 파일 등을 예시할 수 있다. 그 밖에 리소스 파일은 각 리소스 파일의 형식에 맞는 형태로 링크를 통해 어플리케이션의 페이지(200)에 삽입되는 개별 파일을 모두 포함하는 의미이다. Further, in order for the page 200 to be displayed, a resource file other than the source file 210 may be required. The resource file is various files to be inserted into the page 200. This resource file may be inserted into the page 200 using a link tag that describes the source file 210. These resource files may include scene description, video, audio, image, font, text, meta-data, and script files Can be exemplified. In addition, the resource file includes all the individual files inserted into the application page 200 through the link in a form corresponding to the format of each resource file.

정리하면, 전술한 소스 파일(210)을 구성하는 요소 중 스타일시트(230)는 페이지에서 레이아웃을 표시하기 위한 것이며, 나머지는 페이지의 데이터를 제공하기 위한 것이다. 본 발명의 실시예에서 전술한 소스 파일(210)은 저장부(120)에 저장된다. 그리고 표시제어모듈(133)은 저장부(120)에 저장된 소스 파일(210)을 로드하여 다음과 같은 절차에 따라 페이지를 표시하거나, 레이아웃을 버퍼모듈(131)에 프리로딩 할 수 있다. In summary, among the elements constituting the above-described source file 210, the style sheet 230 is for displaying the layout on the page, and the remainder is for providing the data of the page. In the embodiment of the present invention, the above-described source file 210 is stored in the storage unit 120. The display control module 133 may load the source file 210 stored in the storage unit 120 and display the page according to the following procedure or preload the layout in the buffer module 131. [

도 2a를 참조하면, 소스 파일(210)은 다음의 S110 단계 내지 S150 단계를 거쳐 페이지(200)로 출력될 수 있다. 먼저, S110 단계에서, 표시제어모듈(133)은 저장부(130)로부터 소스 파일(210)의 마크업 언어(220) 및 스타일시트(230)를 로드하여 각각에 대한 파싱 트리(parsing tree)를 구성한다. 좀 더 상세하게 설명하면, 표시제어모듈(133)은 마크업 언어(220) 및 스타일시트(230)를 선언적 기술 언어의 해석 방법에 따라, 구성 성분을 의미 있는 토큰으로 분해한다. 그런 다음, 표시제어모듈(133)은 분해된 토큰 사이의 위계 관계의 분석을 거쳐 문장의 구조가 이미 결정된 파싱 트리(parsing tree)를 구성한다. 여기서, 파싱 트리는 DOM(Document Object Model) 트리(221) 및 스타일 트리(231)를 포함한다. 즉, 마크업 언어(220)는 태그, 그 태그의 속성 및 일반 텍스트로 이루어지며, 이러한 토큰들로 마크업 언어(220)가 분해된 후, 토큰들 각각의 위계 관계에 따라 DOM 트리(121)로 구성된다. 스타일시트(230)는 레이아웃을 표현하기 위한 것이며, 이 스타일시트(230)는 스타일시트(230)의 토큰 단위인 복수의 스타일(style)로 분해되어 복수의 스타일이 위계 관계에 따라 트리 구조로 정리된 스타일 트리(231)로 구성된다. Referring to FIG. 2A, the source file 210 may be outputted to the page 200 through the following steps S110 to S150. First, in step S110, the display control module 133 loads the markup language 220 and the style sheet 230 of the source file 210 from the storage unit 130 and stores a parsing tree for each of them . More specifically, the display control module 133 decomposes the markup language 220 and the style sheet 230 into meaningful tokens according to the interpretation method of the declarative description language. The display control module 133 then analyzes the hierarchical relationship between the decomposed tokens and constructs a parsing tree in which the structure of the sentence has already been determined. Here, the parsing tree includes a DOM (Document Object Model) tree 221 and a style tree 231. That is, the markup language 220 is composed of a tag, an attribute of the tag, and plain text. After the markup language 220 is decomposed into the tokens, . The style sheet 230 is used to represent a layout. The style sheet 230 is decomposed into a plurality of styles, which are token units of the style sheet 230, and a plurality of styles are organized into a tree structure according to the hierarchical relationship. And a style tree 231 as shown in FIG.

그런 다음, 표시제어모듈(133)은 S120 단계에서 DOM 트리(221) 및 스타일 트리(231)를 결합하여 랜더러 트리(240)를 구성한다. 이어서, 표시제어모듈(133)은 S130 단계에서 랜더러 트리(240)의 해석을 통해 레이아웃을 설정하고, 각 속성의 값, 즉, 데이터를 해당 레이아웃에 배치하여 페이지 데이터(241)를 생성한다. 이때, 도시되지는 않았지만, 리소스 파일 및 스크립트 언어는 각각의 개별적인 해석 과정을 거쳐 속성의 값, 즉, 데이터로 삽입될 수 있다. Then, in step S120, the display control module 133 composes the renderer tree 240 by combining the DOM tree 221 and the style tree 231. [ In step S130, the display control module 133 sets the layout through the analysis of the renderer tree 240, and arranges the value of each attribute, that is, the data in the layout, to generate the page data 241. [ At this time, although not shown, the resource file and the script language can be inserted as values of attributes, i.e., data, through respective individual analysis processes.

다음으로, 표시제어모듈(133)은 S140 단계에서 페이지 데이터(241)의 구조를 변경(serialization)하여 바이너리 형태로 버퍼모듈(131)에 저장한다. 이와 같이, 바이너리 형태로 저장된 페이지 데이터를 바이너리 페이지 데이터(242)라고 칭하기로 한다. 이와 같은 상태에서 사용자가 해당 페이지(200)에 대한 실행 요청이 있으면, 표시제어모듈(133)은 S150 단계에서 버퍼모듈(131)에 저장된 바이너리 페이지 데이터(242)를 표시모듈(113)로 출력하도록 제어한다. 이에 따라, 표시모듈(113)에 페이지(200)가 표시된다. Next, in step S140, the display control module 133 serializes the page data 241 and stores it in the buffer module 131 in a binary form. The page data stored in binary form is referred to as binary page data 242 in this manner. If the user requests execution of the page 200 in this state, the display control module 133 outputs the binary page data 242 stored in the buffer module 131 to the display module 113 in step S150 . As a result, the page 200 is displayed on the display module 113.

한편, 도 3b의 S160 단계 내지 S180 단계는 본 발명의 실시예에 따른 레이아웃의 프리로딩을 설명하기 위한 것이다. Meanwhile, steps S160 through S180 in FIG. 3B are for describing pre-loading of a layout according to an embodiment of the present invention.

S160 단계에서, 표시제어모듈(133)은 저장부(120)에 저장된 소스 파일(210)의 스타일시트(230)를 로드 한 후, 그 스타일시트(230)를 스타일 트리(231)로 변환한다. 이때, 표시제어모듈(133)은 스타일시트(230)를 선언적 기술 언어의 해석 방법에 따라, 구성 성분을 의미 있는 토큰인 복수의 스타일(Style)로 분해한다. 그리고, 표시제어모듈(133)은 토큰, 즉, 스타일(Style) 사이의 위계 관계의 분석을 거쳐 문장의 구조가 트리 구조인 파싱 트리, 즉, 스타일 트리(231)를 구성한다. 앞서 설명된 바와 같이, 스타일시트(230)는 레이아웃을 표현하기 위한 것이다. 그런 다음, 표시제어모듈(133)은 S170 단계에서 스타일 트리(231)의 해석을 통해 페이지에 대한 레이아웃이 설정된 레이아웃 데이터(251)를 생성한다. The display control module 133 loads the style sheet 230 of the source file 210 stored in the storage unit 120 and converts the style sheet 230 into a style tree 231 in step S160. At this time, the display control module 133 decomposes the style sheet 230 into a plurality of styles, which are constituent components, which are meaningful tokens, according to the interpretation method of the declarative description language. Then, the display control module 133 analyzes the hierarchical relationship between the tokens, that is, the style, and constructs a parsing tree, that is, a style tree 231, in which the structure of the sentence is a tree structure. As described above, the style sheet 230 is for expressing a layout. Then, in step S170, the display control module 133 generates the layout data 251 with the layout for the page through the analysis of the style tree 231. [

다음으로, 표시제어모듈(133)은 S180 단계에서 레이아웃 데이터(251)의 구조를 바이너리 형태로 변경(serialization)하여 바이너리 레이아웃 데이터(252)를 생성한 후, 버퍼모듈(131)에 저장한다. 여기서, 바이너리 레이아웃 데이터(252)는 레이아웃을 표현하기 위한 소스 코드가 이진 코드로 변경된 상태이다. 이와 같이, 본 발명의 실시예에 따르면, 레이아웃을 표시하기 위한 소스 코드를 이진 코드로 변경하여 표시 모듈(113)에 입력되기 전 버퍼, 즉, 버퍼모듈(131)에 저장시킨 상태를 프리로딩이라고 한다. 그리고 이러한 S180 단계는 페이지(200)를 구성하는 레이아웃 및 데이터에서 레이아웃만을 프리로딩한 상태이다. Next, the display control module 133 generates binary layout data 252 by serializing the structure of the layout data 251 into a binary form in step S180, and stores the binary layout data 252 in the buffer module 131. [ Here, the binary layout data 252 is a state in which the source code for representing the layout is changed to a binary code. As described above, according to the embodiment of the present invention, the state in which the source code for displaying the layout is changed to the binary code and stored in the buffer, that is, the buffer module 131 before being input to the display module 113, do. In step S180, only the layout is preloaded from the layout and data constituting the page.

본 발명의 실시예에 따르면 이러한 프리로딩 상태에서 사용자가의 터치 입력이 있으면, 표시제어모듈(133)은 S190 단계에서 버퍼모듈(131)에 저장된 바이너리 레이아웃 데이터(152)를 표시모듈(113)로 출력하도록 제어한다. 이에 따라, 표시모듈(113)을 통해 레이아웃만을 포함하는 페이지(200)가 표시된다. According to the embodiment of the present invention, if there is a user's touch input in the pre-loading state, the display control module 133 transmits the binary layout data 152 stored in the buffer module 131 to the display module 113 . As a result, the page 200 including only the layout is displayed through the display module 113.

전술한 바와 같이, 본 발명의 실시예에 따른 페이지는 레이아웃에 데이터가 표시된 형태이며, 레이아웃을 개별적으로 분리하여 해석 및 출력할 수 있다. 특히, 레이아웃을 프리로딩한다는 것의 의미는 레이아웃만을 화면으로 출력할 수 있도록 레이아웃을 바이너리 형태까지 변환한 상태임을 의미한다. As described above, the page according to the embodiment of the present invention is a form in which data is displayed on the layout, and the layout can be separately analyzed and output. In particular, the meaning of preloading a layout means that the layout is converted to a binary form so that only the layout can be output to the screen.

아울러, 도 3a 및 도 3b에서 스타일시트(230)를 포함하는 소스 파일(210)에 대한 설명은 레이아웃을 프리로딩 하는 것과 관련된 설명의 편의와 이해를 돕기 위한 것이며, 본 발명을 한정하기 위한 것이 아니다. 이 기술분야에서 통상의 지식을 가진자라면 다른 형식의 소스 파일(소스 코드)을 통해서도 본 발명의 실시예와 같이, 특정 페이지에서 레이아웃만을 프리로딩하거나, 레이아웃만으로 이루어진 페이지를 출력할 수 있다는 것을 이해할 수 있을 것이다. In addition, the description of the source file 210 including the style sheet 230 in FIGS. 3A and 3B is for convenience and understanding of the description related to preloading the layout, and is not intended to limit the present invention . Those skilled in the art will understand that it is possible to preload only a layout on a specific page or output a page made only of a layout through a source file (source code) of another format, as in the embodiment of the present invention It will be possible.

도 4 및 도 5는 본 발명의 실시예에 따른 터치 입력과 그에 따른 페이지를 표시하는 방법을 설명하기 위한 도면이다. 4 and 5 are views for explaining a method of displaying a touch input and a page according to an embodiment of the present invention.

도 4를 참조하면, 본 발명의 실시예에 따른 터치 입력은 사용자의 신체의 일부, 예컨대, 손가락을 이용하여 터치스크린부(110)의 표면에 접촉하는 것에 의해 이루어진다. 이러한 터치 입력의 예로 스윕 동작(Swipe Action)을 예시할 수 있다. 스윕 동작은 방향 및 세기를 가진다. 이러한 터치 입력은 손가락이 터치스크린부(110)에 접촉을 시작하고, 접촉을 유지한 채 이동한 후, 접촉을 해제하는 동작으로 이루어진다. 이러한 터치 입력이 있으면, 터치스크린부(110)의 터치센서모듈(111)은 터치 입력에 따라 손가락이 처음 터치스크린부(110)에 접촉한 좌표(401), 그 손가락이 터치스크린부(110)에 접촉을 유지한 채 손가락이 이동한 자취(403)의 길이, 이동 방향, 및 이동 속도 및 손가락이 터치스크린부(110)에 접촉이 해제된 좌표(405) 등을 감지할 수 있다. Referring to FIG. 4, a touch input according to an embodiment of the present invention is made by touching a surface of a touch screen unit 110 using a part of a user's body, for example, a finger. As an example of such a touch input, a sweep action can be exemplified. The sweep motion has direction and intensity. The touch input is performed by a finger starting to touch the touch screen unit 110, moving while maintaining contact, and then releasing the contact. If there is such a touch input, the touch sensor module 111 of the touch screen unit 110 receives a coordinate 401 at which the finger first touches the touch screen unit 110 according to the touch input, The moving direction and the moving speed of the trace 403 on which the finger has moved and the coordinates 405 where the finger is disengaged from the touch screen unit 110 while keeping the contact with the touch screen unit 110.

이에 따라, 표시제어모듈(133)은 터치센서모듈(111)이 감지한 정보를 통해 터치 입력의 방향 및 세기를 도출할 수 있다. 즉, 표시제어모듈(133)은 터치센서모듈(111)이 감지한 자취(403)의 이동 방향을 통해 터치 입력의 방향을 도출할 수 있다. 그리고 표시제어모듈(133)은 터치센서모듈(111)이 감지한 자취(403)의 길이 및 이동 속도를 통해 터치 입력의 세기를 도출할 수 있다. Accordingly, the display control module 133 can derive the direction and intensity of the touch input through the information sensed by the touch sensor module 111. [ That is, the display control module 133 can derive the direction of the touch input through the movement direction of the trace 403 sensed by the touch sensor module 111. [ The display control module 133 can derive the intensity of the touch input through the length of the trace 403 sensed by the touch sensor module 111 and the movement speed.

본 발명은 연속된 복수의 페이지가 스크롤 되도록 표시하며, 전술한 터치 입력의 방향에 따라 스크롤되는 방향이 결정되며, 터치 입력의 세기에 따라 스크롤 길이가 결정된다. 즉, 표시제어모듈(133)은 터치 입력의 방향 및 세기가 도출되면, 도출된 터치 입력의 방향으로 복수의 페이지를 스크롤 시키며, 그 세기에 따라 스크롤 길이를 조절하여 표시 모듈(113)을 통해 표시한다. In the present invention, a plurality of consecutive pages are displayed to be scrolled, and the direction of scrolling is determined according to the direction of the touch input, and the scroll length is determined according to the intensity of the touch input. That is, when the direction and intensity of the touch input are derived, the display control module 133 scrolls the plurality of pages in the direction of the derived touch input, adjusts the scroll length according to the intensity, do.

예컨대, 도 5에 도시된 바와 같이, 연속된 제1 내지 제6 페이지가 존재한다고 가정한다. 그리고 현재 터치스크린부(110)에 제3 페이지가 표시된 상태라고 가정한다. 전술한 바와 같이, 본 발명의 실시예에서 현재 표시된 페이지를 “시작 페이지”라고 칭하기로 한다. 이에 따라, 제3 페이지가 시작 페이지가 된다. For example, as shown in FIG. 5, it is assumed that first to sixth consecutive pages exist. It is assumed that the third page is currently displayed on the touch screen unit 110. As described above, the page currently displayed in the embodiment of the present invention will be referred to as " start page ". Thus, the third page becomes the start page.

예컨대, 제1 터치 입력이 발생하였다고 가정한다. 도면 부호 510은 제1 터치 입력의 방향 및 세기를 도식화한 것이다. 제1 터치 입력의 방향 및 세기에 따라 스크롤의 방향 및 스크롤 길이가 결정되며, 도면 부호 520은 제1 터치 입력에 따라 복수의 페이지가 스크롤되는 길이를 도식화한 것이다. 이에 따르면, 스크롤의 방향은 오른쪽이며, 스크롤 길이는 제3 페이지에서 제6 페이지까지이다. 여기서, 제1 터치 입력에 따라 스크롤이 완료된 후 최종적으로 표시되는 페이지는 제6 페이지이다. 전술한 바와 같이, 터치 입력의 세기에 따라 스크롤 길이가 결정되고, 스크롤이 완료된 후 마지막으로 표시되는 페이지를 “최종 페이지”라고 칭하기로 한다. 그리고 시작 페이지와 최종 페이지 사이의 스크롤되는 페이지를 “중간 페이지”라고 칭하기로 한다. 제1 터치 입력에 따르면, 시작 페이지는 제3 페이지이며, 중간 페이지는 제4 및 제5 페이지이고, 최종 페이지는 제6 페이지가 된다. For example, it is assumed that a first touch input has occurred. Reference numeral 510 is a schematic representation of the direction and intensity of the first touch input. The direction and scroll length of the scroll are determined according to the direction and intensity of the first touch input, and reference numeral 520 denotes a length of a plurality of pages scrolled according to the first touch input. According to this, the direction of the scroll is right, and the scroll length is from the third page to the sixth page. Here, the page finally displayed after the scroll is completed according to the first touch input is the sixth page. As described above, the scroll length is determined according to the strength of the touch input, and the page displayed last after the scroll is completed is referred to as " final page ". The page that is scrolled between the start page and the end page will be referred to as " intermediate page ". According to the first touch input, the start page is the third page, the intermediate pages are the fourth and fifth pages, and the final page is the sixth page.

다른 예로, 제2 터치 입력이 발생하였고, 이러한 제2 터치 입력의 방향 및 세기는 도면 부호 530과 같다고 가정한다. 제2 터치 입력의 방향 및 세기에 따른 스크롤 방향 및 세기는 도면 부호 540과 같다. 이에 따르면, 스크롤의 방향은 왼쪽이며, 스크롤 길이는 제3 페이지에서 제1 페이지까지이다. 즉, 제2 터치 입력에 따르면, 시작 페이지는 제3 페이지이며, 중간 페이지는 제2 페이지이고, 최종 페이지는 제1 페이지가 된다. As another example, assume that a second touch input has occurred, and that the direction and intensity of this second touch input is equal to 530. [ The scroll direction and intensity according to the direction and intensity of the second touch input is equal to 540. [ According to this, the scroll direction is left and the scroll length is from the third page to the first page. That is, according to the second touch input, the start page is the third page, the intermediate page is the second page, and the final page becomes the first page.

도 5에 보인 바와 같이, 터치 입력의 방향 및 세기에 따라 처음 표시되는 시작 페이지와 마지막으로 표시되는 최종 페이지 사이의 중간 페이지들이 스크롤되어 표시된다. 본 발명에 따르면 중간 페이지들은 도 3b에서 설명된 바와 같이 프리로딩된 레이아웃만으로 이루어진 페이지로 표시된다. As shown in FIG. 5, the intermediate pages between the first page displayed first and the last page displayed last are scrolled and displayed according to the direction and intensity of the touch input. According to the present invention, the intermediate pages are displayed as pages composed of only pre-loaded layouts as described in FIG. 3B.

여기서, 스크롤되는 중간 페이지의 개수는 터치 입력의 세기에 따라 달라진다. 또한, 중간 페이지는 프리로딩되는 레이아웃을 통해 표시하기 때문에 프리로딩되는 레이아웃의 개수를 설정하는 것이 필요하다. 도 6은 본 발명의 실시예에 따른 프리로딩 될 레이아웃의 개수를 설정하는 방법을 설명하기 위한 흐름도이며, 도 7은 본 발명의 실시예에 따른 프리로딩되는 레이아웃의 개수를 설정하는 방법을 설명하기 위한 그래프이다. Here, the number of the intermediate pages to be scrolled varies depending on the strength of the touch input. In addition, since the intermediate page is displayed through a preloaded layout, it is necessary to set the number of layouts to be preloaded. FIG. 6 is a flowchart illustrating a method of setting the number of layouts to be preloaded according to an embodiment of the present invention. FIG. 7 illustrates a method of setting the number of preloaded layouts according to an embodiment of the present invention .

도 6을 참조하면, 사용자에 의한 터치 입력이 발생하면, 표시제어모듈(133)은 S210 단계에서 터치센서모듈(111)을 통해 터치 입력을 감지하고, S220 단계에서 그 터치 입력의 세기를 도출한다. 그런 다음, 표시제어모듈(133)은 S230 단계에서 터치 입력의 세기를 저장부(120)에 누적하여 저장한다. Referring to FIG. 6, when a touch input is generated by the user, the display control module 133 senses the touch input through the touch sensor module 111 in step S210, and derives the intensity of the touch input in step S220 . Then, in step S230, the display control module 133 accumulates the strength of the touch input in the storage unit 120 and stores it.

도 7에 복수의 사용자 간의 터치 입력의 차이를 비교하기 위하여, 서로 다른 사용자의 터치 입력의 세기를 누적하여 저장한 그래프를 도시하였다. 도시된 바와 같이, 각 사용자의 터치 입력의 세기는 일정 범위 내에서 이루어지며 서로 다른 범위를 가지는 것을 알 수 있다. 즉, 제1 사용자의 터치 입력의 세기의 누적 저장 값(710), 제2 사용자의 터치 입력의 세기의 누적 저장 값(720) 및 제3 사용자의 터치 입력의 세기의 누적 저장 값(730)을 비교하면, 제1 사용자는 다른 사용자에 비해 터치 입력의 세기를 강하게 하는 습관을 가진다. 그리고, 제2 사용자 및 제3 사용자 순으로 터치 입력의 세기가 약해지는 경향을 보인다. 본 발명은 이러한 사용자 별로 터치 입력의 습관이 다른 것에 착안하여, 프리로딩될 레이아웃의 개수를 설정한다. 즉, 터치 입력의 세기가 강할수록 스크롤되는 중간 페이지의 개수는 늘어나며, 반대로 터치 입력의 세기가 약할수록 스크롤되는 중간 페이지의 개수는 줄어든다. 이러한 이유로, 터치 입력의 세기가 강할수록 터치 입력에 대해 빠른 응답 속도로 페이지를 표시할 수 있도록 프리로딩되는 레이아웃의 개수를 늘리는 것이 바람직하다. 그리고 터치 입력의 세기가 약할수록 프리로딩되는 레이아웃의 개수를 줄여도 충분한 응답 속도로 페이지를 표시할 수 있다. 따라서 본 발명은 사용자의 터치 입력의 세기를 누적 저장한 통계치에 비례하여 프리로딩되는 레이아웃의 개수를 결정한다. 이러한 프리로딩되는 레이아웃의 개수를 결정하는 과정을 계속해서 설명하면 다음과 같다. FIG. 7 shows a graph in which the intensities of touch inputs of different users are accumulated and stored in order to compare the differences of touch inputs among a plurality of users. As shown in the figure, the intensity of the touch input of each user is within a certain range and has a different range. That is, the accumulated stored value 710 of the intensity of the touch input of the first user, the accumulated stored value 720 of the intensity of the touch input of the second user, and the accumulated stored value 730 of the intensity of the touch input of the third user In comparison, the first user has a habit of strengthening the strength of the touch input compared to other users. Then, the strength of the touch input tends to decrease in the order of the second user and the third user. In the present invention, the number of layouts to be preloaded is set in consideration of different habits of touch input for each user. That is, as the intensity of the touch input increases, the number of intermediate pages scrolled increases. Conversely, as the intensity of the touch input decreases, the number of intermediate pages scrolled decreases. For this reason, it is desirable to increase the number of pre-loaded layouts so that the page can be displayed at a fast response speed to the touch input as the intensity of the touch input becomes stronger. As the intensity of the touch input becomes weaker, the page can be displayed with a sufficient response speed even if the number of preloaded layouts is reduced. Therefore, the present invention determines the number of preloaded layouts in proportion to the accumulated statistics of the user's touch input strength. The process of determining the number of layouts to be preloaded will be described as follows.

표시제어모듈(133)은 S240 단계에서 앞서 저장부(120)에 누적하여 저장된 터치 입력 세기에 대해 평균 값을 도출한다. The display control module 133 derives an average value of the touch input intensities accumulated in the storage unit 120 in step S240.

그런 다음, 표시제어모듈(133)은 S250 단계에서 터치 입력 세기의 평균 값과 그 터치 입력 세기에 따른 스크롤 길이를 고려하여 레이아웃을 프리로딩할 페이지의 개수를 결정한다. 예컨대, 터치 입력의 세기의 평균 값이 앞서 도 5에서 설명된 제1 터치 입력의 세기와 같다고 가정하면, 제1 터치 입력의 세기에 따라 2개의 페이지가 중간 페이지가 될 것이다. 따라서 레이아웃을 프리로딩할 페이지의 개수는 빠른 응답 속도를 위해 2개 이상이 되는 것이 바람직하다. 또한, 터치 입력 세기의 평균 값이 앞서 도 5에서 설명된 제2 터치 입력의 세기와 같다고 가정하면, 제2 터치 입력의 세기에 따라 1개의 페이지가 중간 페이지가 될 것이다. 따라서 레이아웃을 프리로딩할 페이지의 개수는 1개 이상이 되는 것이 바람직하다. Then, in step S250, the display control module 133 determines the number of pages to which the layout is to be preloaded in consideration of the average value of the touch input intensities and the scroll length according to the touch input intensities. For example, assuming that the average value of the intensity of the touch input is the same as the intensity of the first touch input described above with reference to FIG. 5, the two pages will become the intermediate pages according to the intensity of the first touch input. Therefore, it is preferable that the number of pages to preload the layout is two or more for fast response speed. Assuming that the average value of the touch input intensity is equal to the intensity of the second touch input described above, one page will be the middle page according to the intensity of the second touch input. Therefore, it is preferable that the number of pages to preload the layout is one or more.

한편, 앞서 S240 단계에서 누적하여 저장된 터치 입력 세기의 평균 값을 도출하고, 터치 입력 세기의 평균 값에 따라 프리로딩 할 레이아웃의 개수를 결정하였지만, 누적하여 저장된 터치 입력의 세기의 평균 값 대신 최대 값 혹은 최소 값을 이용할 수도 있다. Meanwhile, in step S240, the average value of the stored touch input intensities is derived, and the number of layouts to be preloaded is determined according to the average value of the touch input intensities. However, instead of the average value of the accumulated touch input intensities, Alternatively, a minimum value may be used.

다음으로, 보다 자세히 본 발명의 실시예에 따른 중간 페이지 및 최종 페이지를 표시하는 방법을 설명하기로 한다. 도 8은 본 발명의 실시예에 따른 프리로딩을 이용한 화면 표시 방법을 설명하기 위한 도면이다. Next, a method of displaying an intermediate page and a final page according to an embodiment of the present invention will be described in more detail. 8 is a view for explaining a screen display method using preloading according to an embodiment of the present invention.

도 8을 참조하면, 터치 입력이 있으면 연속으로 표시되는 제1 내지 제6 페이지가 저장부(120)에 저장되어 있다고 가정한다. 제1 페이지는 제1 데이터(11) 및 제1 레이아웃(12)을 가진다. 제2 페이지는 제2 데이터(21) 및 제2 레이아웃(22)을 가진다. 또한, 제3 페이지는 제3 데이터(31) 및 제3 레이아웃(32)을 가지고, 제4 페이지는 제4 데이터(41) 및 제4 레이아웃(42)을 가진다. 그리고 제5 페이지는 제5 데이터(51) 및 제5 레이아웃(52)을 가지며, 제6 페이지는 제6 데이터(61) 및 제6 레이아웃(62)을 가진다. Referring to FIG. 8, it is assumed that the first to sixth consecutive pages are stored in the storage unit 120 when there is a touch input. The first page has the first data 11 and the first layout 12. The second page has the second data 21 and the second layout 22. The third page has the third data 31 and the third layout 32 and the fourth page has the fourth data 41 and the fourth layout 42. [ The fifth page has the fifth data 51 and the fifth layout 52, and the sixth page has the sixth data 61 and the sixth layout 62.

도 8은 프리로딩된 레이아웃과 이러한 레이아웃을 이용하여 페이지를 표시하는 과정을 (A), (B), (C) 및 (D)의 순서로 도시한 것이다. 도 8의 (A)를 참조하면, 시작 페이지로 제4 페이지가 표시된 상태라고 가정한다. 즉, 제4 레이아웃(42) 및 제4 데이터(41)를 포함하는 제4 페이지가 표시된 상태이다. 시작 페이지인 제4 페이지가 표시될 때, 시작 페이지의 전 후 2 개의 페이지씩 총 4 페이지의 레이아웃들(21, 31, 51, 61)이 프리로딩되어 버퍼모듈(131)에 저장된 상태라고 가정한다. 이때, 프리로딩되지 않은 제1 레이아웃(11)을 가지는 제1 페이지는 저장부(120)에 저장된 상태이다. 8 shows a preloaded layout and a process of displaying a page using such a layout in the order of (A), (B), (C) and (D). 8 (A), it is assumed that the fourth page is displayed as the start page. That is, the fourth page including the fourth layout 42 and the fourth data 41 is displayed. It is assumed that a total of four pages of layouts 21, 31, 51, and 61 are preloaded and stored in the buffer module 131, two pages before and after the start page, when the fourth page is displayed as the start page . At this time, the first page having the first layout 11 that is not preloaded is stored in the storage unit 120.

일 실시예에 따르면, 사용자에 의해 터치 입력(예컨대, 스윕 동작)이 이루어졌다고 가정한다. 터치 입력의 방향 및 세기에 따라 중간 페이지는 제3 페이지 및 제2 페이지가 되며, 최종 페이지는 제1 페이지가 된다고 가정한다. 그러면, 도 8의 (B) 및 (C)에 보인 바와 같이, 중간 페이지인 제3 페이지 및 제2 페이지를 순차로 스크롤 하여 표시한 후, 도 8의 (D)에 보인 바와 같이, 최종 페이지인 제1 페이지를 표시한다. According to one embodiment, it is assumed that a touch input (e.g., a sweep operation) has been performed by the user. It is assumed that the intermediate page becomes the third page and the second page and the final page becomes the first page depending on the direction and intensity of the touch input. Then, as shown in FIGS. 8B and 8C, the third page and the second page which are the intermediate pages are sequentially scrolled and displayed, and then, as shown in FIG. 8D, The first page is displayed.

여기서, 중간 페이지인 제3 페이지를 표시할 때, 도 8의 (B)에 보인 바와 같이, 제3 레이아웃(31)만으로 표시하고, 중간 페이지인 제2 페이지를 표시할 때, 도 8의 (C)에 보인 바와 같이, 제2 레이아웃(21)만으로 표시한다. 그리고 제1 페이지를 표시할 때, 도 8의 (D)에 보인 바와 같이, 프리로딩 된 제6 레이아웃(61)에 제1 페이지에 대한 데이터인 제1 데이터(12)를 포함시켜 표시한다. When displaying the third page which is an intermediate page, as shown in Fig. 8 (B), only the third layout 31 is displayed, and when displaying the second page as the intermediate page, , Only the second layout 21 is displayed. When displaying the first page, the first data 12, which is the data for the first page, is displayed in the pre-loaded sixth layout 61 as shown in FIG. 8D.

이와 같이, 본 발명의 실시예에 따르면, 터치 입력의 방향 및 세기에 따라 중간 페이지들은 프리로딩 된 레이아웃을 이용하여 표시하며, 최종 페이지는 프리로딩 된 레이아웃에 해당 페이지의 데이터를 포함시켜 표시한다. As described above, according to the embodiment of the present invention, the intermediate pages are displayed using the preloaded layout according to the direction and intensity of the touch input, and the final page includes the data of the page in the preloaded layout.

특히, 도 8의 (B) 내지 (D)에 도시된 바와 같이, 프리로딩된 레이아웃은 순환 큐(Circular Queue)의 형태로 돌아가며 사용된다. 이와 같이, 본 발명의 실시예에 따라 순환 큐(Circular Queue)의 형태로 표시되는 레이아웃에 대해 설명하기로 한다. 도 9는 본 발명의 실시예에 따른 버퍼모듈의 레이아웃을 출력하는 방법을 설명하기 위한 도면이다. Particularly, as shown in FIGS. 8B to 8D, the preloaded layout is used in the form of a circular queue. As described above, a layout displayed in the form of a circular queue will be described according to an embodiment of the present invention. 9 is a diagram for explaining a method of outputting a layout of a buffer module according to an embodiment of the present invention.

도 9에서 5개의 레이아웃(21, 31, 41, 51, 61)이 프리로딩된 상태라고 가정한다. 즉, 표시제어모듈(133)은 저장부(120)에 저장된 제1 내지 제6 페이지 중 제2 내지 제6 레이아웃(21, 31, 41, 51, 61)을 버퍼모듈(131)에 프리로딩된 상태이다. It is assumed that five layouts 21, 31, 41, 51, and 61 are preloaded in FIG. That is, the display control module 133 reads the second to sixth layouts 21, 31, 41, 51, and 61 of the first to sixth pages stored in the storage unit 120 to the buffer module 131 State.

이때, 표시제어모듈(133)이 터치센서모듈(111)을 통해 시작 페이지의 왼쪽의 페이지들을 표시하도록 하는 터치 입력을 감지하였다고 가정한다. 그러면, 표시제어모듈(133)은 버퍼모듈(131)을 제어하여 터치 입력의 방향에 따라 프리로딩된 레이아웃을 표시모듈(113)로 출력한다. 그러면, 버퍼모듈(131)은 도시된 화살표 방향에 따라 순환 큐(Circular Queue)의 형태로 레이아웃을 표시모듈(113)로 출력한다. 이에 따라, 5개의 레이아웃(21, 31, 41, 51, 61)은 화살표 방향으로 돌아가며, 표시모듈(113)에 표시될 것이다. 즉, 제4 레이아웃(41)이 표시된 상태에서, 순차로 제3 레이아웃(31) 및 제2 레이아웃(21)이 표시된 후, 제6 레이아웃(61) 및 제5 레이아웃(51)이 표시되며, 다시, 제4 레이아웃(41)이 표시되는 식이다. At this time, it is assumed that the display control module 133 detects a touch input through the touch sensor module 111 to display the pages on the left side of the start page. Then, the display control module 133 controls the buffer module 131 to output the pre-loaded layout to the display module 113 according to the direction of the touch input. Then, the buffer module 131 outputs the layout to the display module 113 in the form of a circular queue according to the arrow direction shown in the figure. Accordingly, the five layouts 21, 31, 41, 51, and 61 are turned in the direction of the arrow and will be displayed on the display module 113. That is, the sixth layout 61 and the fifth layout 51 are displayed after the third layout 31 and the second layout 21 are sequentially displayed in the state that the fourth layout 41 is displayed, , And the fourth layout 41 are displayed.

만약, 전술한 바와 반대로 오른쪽의 페이지들을 표시하도록 하는 터치 입력이 감지되면, 표시제어모듈(133)은 버퍼모듈(131)을 제어하여 터치 입력의 방향에 따라 프리로딩된 레이아웃을 표시모듈(113)로 출력한다. 그러면, 버퍼모듈(131)은 도시된 화살표 방향과 반대 방향으로 순환 큐(Circular Queue)의 형태로 레이아웃을 표시모듈(113)로 출력한다. 이에 따라, 5개의 레이아웃(21, 31, 41, 51, 61)은 화살표 반대 방향으로 돌아가며, 표시모듈(113)에 표시될 것이다. 즉, 제4 레이아웃(41)이 표시된 상태에서, 순차로 제5 레이아웃(51) 및 제6 레이아웃(61)이 표시된 후, 제2 레이아웃(21) 및 제5 레이아웃(31)이 표시되며, 다시, 제4 레이아웃(41)이 표시되는 식이다. 이와 같이, 본 발명의 실시예에 따른 프리로딩된 레이아웃은 순환 큐(Circular Queue)의 형태로 돌아가며 출력되어 표시모듈(111)을 통해 표시된다. The display control module 133 controls the buffer module 131 to display the preloaded layout according to the direction of the touch input to the display module 113. [ . Then, the buffer module 131 outputs the layout to the display module 113 in the form of a circular queue in the direction opposite to the arrow direction shown in the drawing. Accordingly, the five layouts 21, 31, 41, 51, and 61 will be rotated in the direction opposite to the arrow and displayed on the display module 113. That is, in the state that the fourth layout 41 is displayed, the fifth layout 51 and the sixth layout 61 are sequentially displayed, and then the second layout 21 and the fifth layout 31 are displayed. , And the fourth layout 41 are displayed. As described above, the preloaded layout according to the embodiment of the present invention is circulated in the form of a circular queue and outputted and displayed through the display module 111.

다음으로, 본 발명의 실시예에서 최종 페이지를 표시하는 방법에 대해서 설명하기로 한다. 도 10은 본 발명의 실시예에 따른 페이지를 표시하는 방법을 설명하기 위한 도면이다. Next, a method of displaying a final page in an embodiment of the present invention will be described. 10 is a diagram for explaining a method of displaying a page according to an embodiment of the present invention.

도 10에서, 터치 입력에 따라 연속으로 표시되는 제1 내지 제6 페이지가 저장부(120)에 저장되어 있다고 가정한다. 앞서 설명된 바와 같이, 터치 입력은 방향 및 세기를 가지며, 방향 및 세기에 따라 시작 페이지로부터 최종 페이지가 결정될 수 있다. 따라서 본 발명의 실시예에 따르면, 표시제어모듈(133)은 터치 센서 모듈(111)을 통해 터치 입력을 감지하면, 터치 입력의 방향 및 세기를 산출한 후, 복수의 페이지에 대한 스크롤이 완료된 후의 최종 페이지를 확인할 수 있다. 그리고 표시제어모듈(133)은 해당 최종 페이지의 데이터를 로드하기 시작하여, 최종 페이지를 표시하기 전, 복수의 페이지들이 스크롤되는 동안 최종 페이지의 데이터에 대한 로드를 완료한 후, 로드가 완료된 데이터를 레이아웃에 결합하여 페이지를 표시한다. In FIG. 10, it is assumed that the first to sixth pages continuously displayed in accordance with the touch input are stored in the storage unit 120. As described above, the touch input has direction and intensity, and the final page can be determined from the start page according to the direction and the intensity. Therefore, according to the embodiment of the present invention, when the touch control module 133 detects the touch input through the touch sensor module 111, the display control module 133 calculates the direction and intensity of the touch input, You can check the final page. Then, the display control module 133 starts to load the data of the final page. After the completion of the loading of the data of the final page while the plurality of pages are scrolled before displaying the final page, Combine to the layout to display the page.

도 10에 터치 입력에 따라 시작 페이지에서 중간 페이지를 거쳐 최종 페이지를 표시하는 과정을 시간 순서에 따라 (가), (나), (다) 및 (라) 순으로 나타내었다. 도 10의 (가)를 참조하면, 표시제어모듈(133)은 시작 페이지로 제5 페이지를 표시모듈(131)을 통해 표시한 상태라고 가정한다. 즉, 제5 레이아웃(51) 및 제5 데이터(52)를 포함하는 제5 페이지가 표시된 상태이다. 그리고 표시제어모듈(133)은 시작 페이지의 이전 및 이후 페이지들의 레이아웃(11, 21, 31, 41, 및 61)을 버퍼모듈(131)에 프리로딩하였다고 가정한다. 이때, 표시제어모듈(133)은 터치센서모듈(111)을 통해 사용자에 의한 터치 입력을 감지할 수 있다. 그러면, 표시제어모듈(131)은 감지된 터치 입력의 방향 및 세기를 산출하고, 산출된 터치 입력의 방향 및 세기에 따라 중간 페이지 및 최종 페이지를 도출할 수 있다. 이때, 중간 페이지는 제4 페이지 및 제3 페이지가 되며, 최종 페이지는 제2 페이지가 된다고 가정한다. 10, the process of displaying the final page through the intermediate page and the start page according to the touch input is shown in the order of (a), (b), (c) and (d) in chronological order. Referring to FIG. 10 (a), it is assumed that the display control module 133 displays the fifth page to the start page through the display module 131. That is, the fifth page including the fifth layout 51 and the fifth data 52 is displayed. And the display control module 133 assumes that the layout of the previous and subsequent pages of the start page (11, 21, 31, 41, and 61) is preloaded in the buffer module 131. [ At this time, the display control module 133 can sense the touch input by the user through the touch sensor module 111. [ Then, the display control module 131 calculates the direction and intensity of the sensed touch input, and derives the intermediate page and the final page according to the calculated direction and intensity of the touch input. At this time, it is assumed that the intermediate page becomes the fourth page and the third page, and the final page becomes the second page.

그러면, 표시제어모듈(131)은 도 10의 (나) 및 (다)에 보인 바와 같이, 버퍼모듈(131)에 프리로딩된 제4 레이아웃(41) 및 제3 레이아웃을 표시모듈(113)로 출력한다. 이에 따라, 표시모듈(113)을 통해 중간 페이지인 제4 페이지 및 제3 페이지는 레이아웃만으로 표시된다. Then, the display control module 131 displays the fourth layout 41 and the third layout preloaded in the buffer module 131 as the display module 113, as shown in (B) and (D) Output. As a result, the fourth page and the third page, which are the intermediate pages, are displayed only by the layout through the display module 113.

그리고 표시제어모듈(131)은 도 10의 (라)에 보인 바와 같이, 최종 페이지인 제2 페이지를 표시할 때, 제2 페이지에 대한 데이터인 제2 데이터(22)를 저장부(120)에서 로드하여 프리로딩된 제2 레이아웃(21)에 포함시켜 표시한다. 10, the display control module 131 displays the second data 22, which is data for the second page, in the storage unit 120 when displaying the second page, which is the last page, Loaded into the pre-loaded second layout 21 and displayed.

특히, 표시제어모듈(131)은 터치 입력을 감지한 후, 최종 페이지가 제2 페이지임을 확인하자마자, 즉시, 저장부(120)로부터 제2 데이터(22)를 로딩하기 시작한다. 그리고, 제2 페이지를 표시하기 전, 도 10의 (다)에 보인 바와 같이, 제3 레이아웃(31)을 표시할 때 제2 데이터(22)에 대한 로딩을 완료한 후, 도 10의 (라)에 보인 바와 같이, 프리로딩된 제2 레이아웃(21)에 포함시켜 표시한다. In particular, after detecting the touch input, the display control module 131 immediately starts loading the second data 22 from the storage unit 120 as soon as it is confirmed that the final page is the second page. Then, as shown in FIG. 10 (c), before the second page is displayed, when loading of the second data 22 is completed when the third layout 31 is displayed, ) Is included in the pre-loaded second layout 21 and displayed.

이와 같이, 본 발명의 실시예에 따르면, 터치 입력에 따라 최종 페이지를 미리 도출하고, 최종 페이지를 표시하기 전, 최종 페이지의 데이터를 미리 로딩하기 때문에, 응답 속도의 향상을 가져올 수 있으며, 사용자에게는 안정적인 사용자 경험(UX)을 제공할 수 있다. As described above, according to the embodiment of the present invention, since the final page is derived in advance according to the touch input and the data of the final page is loaded before the final page is displayed, the response speed can be improved, Provide a stable user experience (UX).

도 11은 본 발명의 실시예에 따른 프리로딩을 이용한 화면 표시 방법을 설명하기 위한 흐름도이다. 11 is a flowchart illustrating a screen display method using preloading according to an embodiment of the present invention.

도 11을 참조하면, 표시제어모듈(133)은 S310 단계에서 표시모듈(113)을 통해 연속된 복수의 페이지 중 어느 하나인 시작 페이지를 표시하며, 동시에, 버퍼모듈(131)에 기 설정된 개수의 페이지의 레이아웃을 프리로딩한 상태라고 가정한다. 예컨대, 도 8의 (A)를 참조하면, 시작 페이지로 제4 레이아웃(41) 및 제4 데이터(42)를 표시한 상태이고, 제2 내지 제6 레이아웃(21, 31, 41, 51, 61)이 프리로딩된 상태이다. 11, the display control module 133 displays a start page, which is any one of a plurality of consecutive pages, through the display module 113 in step S310, and at the same time, It is assumed that the layout of the page is preloaded. For example, referring to FIG. 8A, the fourth layout 41 and the fourth data 42 are displayed on the start page, and the second to sixth layouts 21, 31, 41, 51, and 61 ) Is pre-loaded.

여기서, 레이아웃을 프리로딩하는 것은 앞서 도 3b를 통해 설명된 바와 같이, 저장부(120)에 저장된 레이아웃을 표시하기 위한 소스 코드를 이진 코드 형태로 변경하여 버퍼모듈(131)에 저장시킨 상태를 말한다. 또한, 프리로딩되는 레이아웃의 개수는 앞서 도 6 및 도 7을 참조로 설명된 바와 같이, 사용자의 터치 입력의 세기를 누적하여 저장하고, 그 터치 입력 세기에 따른 스크롤 길이를 고려하여 설정된다. 본 발명은 서로 다른 사용자들이 서로 다른 터치 입력 습관을 가지는 것을 상정한다. 따라서, 이러한 사용자들의 터치 입력 습관을 누적하여 저장하면, 각 사용자들의 터치 입력의 세기의 통계치를 얻을 수 있다. 또한, 터치 이력의 세기에 비례하여 스크롤되는 중간 페이지의 개수가 결정되기 때문에, 터치 입력 습관에 따라 터치 입력의 세기에 비례하여 프리로딩할 레이아웃의 개수를 결정한다. 3B, the source code for displaying the layout stored in the storage unit 120 is changed into a binary code form and stored in the buffer module 131 (step < RTI ID = 0.0 > . Also, the number of layouts to be preloaded is set by accumulating the intensity of the user's touch input, as described above with reference to FIGS. 6 and 7, and considering the scroll length according to the touch input intensity. The present invention assumes that different users have different touch input habits. Therefore, when the touch input habits of the users are accumulated and stored, the statistics of the touch input intensities of the respective users can be obtained. In addition, since the number of intermediate pages to be scrolled is determined in proportion to the strength of the touch history, the number of layouts to be preloaded is determined in proportion to the strength of the touch input according to the touch input habit.

전술한 바와 같이, 시작 페이지를 표시하고, 기 설정된 개수의 레이아웃을 프리로딩한 상태에서, 사용자가 다른 페이지를 탐색하기 위하여 터치 입력을 할 수 있다. 이에 따라, 표시제어모듈(133)은 S320 단계에서 터치센서모듈(111)을 통해 터치 입력을 감지할 수 있다. 그러면, 표시제어모듈(133)은 S330 단계에서 터치 입력의 방향 및 세기를 산출한다. As described above, in a state in which a start page is displayed and a predetermined number of layouts are preloaded, the user can touch input to search for another page. Accordingly, the display control module 133 can sense the touch input through the touch sensor module 111 in step S320. Then, the display control module 133 calculates the direction and intensity of the touch input in step S330.

그런 다음, 표시제어모듈(133)은 S340 단계에서 앞서 산출된 터치 입력의 방향 및 세기에 따라 스크롤될 중간 페이지 및 마지막으로 표시될 최종 페이지를 도출할 수 있다. 예컨대, 도 8을 참조하면, 시작 페이지가 제4 페이지일 때, 터치 입력의 방향 및 세기에 따라, 표시제어모듈(133)에 의해 중간 페이지로 제3 및 제2 페이지가 도출되었으며, 최종 페이지로 제1 페이지가 도출되었다고 가정한다. Then, in step S340, the display control module 133 may derive an intermediate page to be scrolled and a final page to be displayed last according to the direction and intensity of the touch input calculated in the step S340. For example, referring to FIG. 8, when the start page is the fourth page, the display control module 133 derives the third page and the second page as an intermediate page according to the direction and intensity of the touch input, Assume that the first page is derived.

이에 따라, 표시제어모듈(133)은 S350 단계에서 스크롤을 시작하여 버퍼모듈(131)에 프리로딩된 레이아웃으로만 이루어진 중간 페이지를 표시 모듈(113)로 출력되도록 제어한다. 이로써, 표시 모듈(113)을 통해 중간 페이지가 표시된다. 도 8의 (B) 및 (C)를 참조하면, 중간 페이지로 제3 페이지 및 제2 페이지가 표시되며, 이때, 표시되는 페이지는 각각 프리로딩된 제3 레이아웃(31) 및 제2 레이아웃(21)으로만 이루어진다. 이와 같이, 본 발명에 따르면 스크롤되는 중간에 있는 중간 페이지를 프리로딩된 레이아웃으로만 표시함으로써, 중간 페이지를 로딩하는 데에 드는 시간이 없어 응답 속도를 향상시킬 수 있다. Accordingly, the display control module 133 starts scrolling in step S350 and controls the buffer module 131 to output an intermediate page composed of the preloaded layout to the display module 113. [ As a result, the intermediate page is displayed through the display module 113. Referring to FIGS. 8B and 8C, a third page and a second page are displayed as an intermediate page, and the displayed page is a pre-loaded third layout 31 and a second layout 21 ). As described above, according to the present invention, since the intermediate page in the middle of scrolling is displayed only in the preloaded layout, the response time can be improved because there is no time to load the intermediate page.

다음으로, 표시제어모듈(133)은 S360 단계에서 스크롤을 완료하여 버퍼모듈(131)에 프리로딩된 레이아웃에 최종 페이지의 데이터를 포함시켜 표시 모듈(113)로 출력한다. 이에 따라, 최종 페이지가 표시모듈(113)을 통해 표시된다. Next, the display control module 133 completes scrolling in step S360, and includes the data of the final page in the layout preloaded in the buffer module 131, and outputs the final page data to the display module 113. [ Accordingly, the final page is displayed through the display module 113.

도 8의 (D)를 참조하면, 최종 페이지로 제1 페이지가 표시되며, 레이아웃으로 제6 레이아웃(61)을 이용하며, 제1 페이지의 데이터인 제1 데이터(12)를 제6 레이아웃(61)에 포함시켜 온전한 페이지를 표시한다. Referring to FIG. 8D, the first page is displayed as the final page, the sixth layout 61 is used as the layout, and the first data 12, which is the data of the first page, ) To display a complete page.

한편, 본 발명의 실시예에 따르면, 전술한 S340 단계 내지 S360 단계와 동시에 다른 스레드를 이용하여 다음과 같은 동작이 수행될 수 있다. 표시제어모듈(133)이 S340 단계에서 앞서 산출된 터치 입력의 방향 및 세기에 따라 마지막으로 표시될 최종 페이지로 도 8의 예와 같이, 제1 페이지를 도출하였다고 가정한다. 이와 같이, 표시제어모듈(133)이 S340 단계에서 최종 페이지로 제1 페이지를 도출한 후 S350 단계에서 중간 페이지를 스크롤하여 표시하는 동안 표시제어모듈(133)은 제1 데이터(12)를 저장부(120)로부터 로드하여 버퍼모듈(131)에 저장한다. 그런 다음, 표시제어모듈(133)은 S360 단계에서 제6 레이아웃에 제1 데이터(12)를 포함시켜 표시모듈(113)로 출력할 수 있다. 이러한 본 발명의 실시예에 따르면 Meanwhile, according to the embodiment of the present invention, the following operation can be performed by using another thread at the same time as the above-described steps S340 to S360. It is assumed that the display control module 133 derives the first page as shown in the example of FIG. 8 as the last page to be displayed last according to the direction and intensity of the touch input calculated in the step S340. After the display control module 133 derives the first page to the final page in step S340, the display control module 133 displays the first data 12 in the storage unit 133 while scrolling the intermediate page in step S350, (120) and stores the loaded data in the buffer module (131). Then, the display control module 133 may include the first data 12 in the sixth layout and output it to the display module 113 in step S360. According to this embodiment of the present invention

터치 입력의 방향 및 세기를 통해 스크롤 되는 페이지를 확인할 수 있으며 이에 대응하는 최종 페이지를 확인할 수 있다. 특히, 본 발명은 중간 페이지의 데이터가 필요한 것이 아니라, 최종 페이지의 데이터만 필요하다. 따라서, 본 발명은 터치 입력에 따라 최종 페이지가 확인되면, 그 즉시, 최종 페이지의 데이터에 대한 로딩을 시작하여 최종 페이지를 표시하기 이전에 완전히 데이터를 로딩할 수 있다. 따라서, 터치 이력에 대한 응답 속도를 향상시킬 수 있다. 이에 따라, 사용자에게는 페이지를 탐색할 때 안정적인 사용자 경험(UX)을 제공할 수 있다. The user can confirm the page to be scrolled through the direction and intensity of the touch input and confirm the corresponding final page. Particularly, the present invention does not require the data of the intermediate page but only the data of the final page. Accordingly, when the final page is confirmed according to the touch input, the present invention can immediately start loading the data of the final page and completely load the data before displaying the final page. Therefore, the response speed to the touch history can be improved. Accordingly, the user can provide a stable user experience (UX) when browsing the page.

상술한 바와 같은 본 발명의 실시 예에 따른 프리로딩을 이용한 화면 표시 방법은 컴퓨터 프로그램 명령어와 데이터를 저장하기에 적합한 컴퓨터로 판독 가능한 매체의 형태로 제공될 수도 있다. 이때, 컴퓨터 프로그램 명령어와 데이터를 저장하기에 적합한 컴퓨터로 판독 가능한 매체는, 예컨대 기록매체는 하드 디스크, 플로피 디스크 및 자기 테이프와 같은 자기 매체(Magnetic Media), CD-ROM(Compact Disk Read Only Memory), DVD(Digital Video Disk)와 같은 광 기록 매체(Optical Media), 플롭티컬 디스크(Floptical Disk)와 같은 자기-광 매체(Magneto-Optical Media), 및 롬(ROM, Read Only Memory), 램(RAM, Random Access Memory), 플래시 메모리, EPROM(Erasable Programmable ROM), EEPROM(Electrically Erasable Programmable ROM)과 같은 반도체 메모리를 포함한다. 프로세서와 메모리는 특수 목적의 논리 회로에 의해 보충되거나, 그것에 통합될 수 있다. 프로그램 명령의 예에는 컴파일러에 의해 만들어지는 것과 같은 기계어 코드뿐만 아니라 인터프리터 등을 사용해서 컴퓨터에 의해서 실행될 수 있는 고급 언어 코드를 포함할 수 있다. 이러한 하드웨어 장치는 본 발명의 동작을 수행하기 위해 하나 이상의 소프트웨어 모듈로서 작동하도록 구성될 수 있으며, 그 역도 마찬가지이다.The screen display method using preloading according to an embodiment of the present invention as described above may be provided in the form of a computer readable medium suitable for storing computer program instructions and data. At this time, a computer-readable medium suitable for storing computer program instructions and data includes, for example, a magnetic medium such as a hard disk, a floppy disk and a magnetic tape, a compact disk read only memory (CD-ROM) Optical media such as a DVD (Digital Video Disk), a magneto-optical medium such as a floppy disk, and a ROM (Read Only Memory), a RAM , Random Access Memory), flash memory, EPROM (Erasable Programmable ROM), and EEPROM (Electrically Erasable Programmable ROM). The processor and memory may be supplemented by, or incorporated in, special purpose logic circuits. Examples of program instructions may include machine language code such as those generated by a compiler, as well as high-level language code that may be executed by a computer using an interpreter or the like. Such a hardware device may be configured to operate as one or more software modules to perform the operations of the present invention, and vice versa.

본 명세서는 다수의 특정한 구현물의 세부사항들을 포함하지만, 이들은 어떠한 발명이나 청구 가능한 것의 범위에 대해서도 제한적인 것으로서 이해되어서는 안되며, 오히려 특정한 발명의 특정한 실시형태에 특유할 수 있는 특징들에 대한 설명으로서 이해되어야 한다. 개별적인 실시형태의 문맥에서 본 명세서에 기술된 특정한 특징들은 단일 실시형태에서 조합하여 구현될 수도 있다. 반대로, 단일 실시형태의 문맥에서 기술한 다양한 특징들 역시 개별적으로 혹은 어떠한 적절한 하위 조합으로도 복수의 실시형태에서 구현 가능하다. 나아가, 특징들이 특정한 조합으로 동작하고 초기에 그와 같이 청구된 바와 같이 묘사될 수 있지만, 청구된 조합으로부터의 하나 이상의 특징들은 일부 경우에 그 조합으로부터 배제될 수 있으며, 그 청구된 조합은 하위 조합이나 하위 조합의 변형물로 변경될 수 있다. While the specification contains a number of specific implementation details, it should be understood that they are not to be construed as limitations on the scope of any invention or claim, but rather on the description of features that may be specific to a particular embodiment of a particular invention Should be understood. Certain features described herein in the context of separate embodiments may be implemented in combination in a single embodiment. Conversely, various features described in the context of a single embodiment may also be implemented in multiple embodiments, either individually or in any suitable subcombination. Further, although the features may operate in a particular combination and may be initially described as so claimed, one or more features from the claimed combination may in some cases be excluded from the combination, Or a variant of a subcombination.

마찬가지로, 특정한 순서로 도면에서 동작들을 묘사하고 있지만, 이는 바람직한 결과를 얻기 위하여 도시된 그 특정한 순서나 순차적인 순서대로 그러한 동작들을 수행하여야 한다거나 모든 도시된 동작들이 수행되어야 하는 것으로 이해되어서는 안 된다. 특정한 경우, 멀티태스킹과 병렬 프로세싱이 유리할 수 있다. 또한, 상술한 실시형태의 다양한 시스템 컴포넌트의 분리는 그러한 분리를 모든 실시형태에서 요구하는 것으로 이해되어서는 안되며, 설명한 프로그램 컴포넌트와 시스템들은 일반적으로 단일의 소프트웨어 제품으로 함께 통합되거나 다중 소프트웨어 제품에 패키징 될 수 있다는 점을 이해하여야 한다.Likewise, although the operations are depicted in the drawings in a particular order, it should be understood that such operations must be performed in that particular order or sequential order shown to achieve the desired result, or that all illustrated operations should be performed. In certain cases, multitasking and parallel processing may be advantageous. Also, the separation of the various system components of the above-described embodiments should not be understood as requiring such separation in all embodiments, and the described program components and systems will generally be integrated together into a single software product or packaged into multiple software products It should be understood.

한편, 본 명세서와 도면에 개시된 본 발명의 실시 예들은 이해를 돕기 위해 특정 예를 제시한 것에 지나지 않으며, 본 발명의 범위를 한정하고자 하는 것은 아니다. 여기에 개시된 실시 예들 이외에도 본 발명의 기술적 사상에 바탕을 둔 다른 변형 예들이 실시 가능하다는 것은, 본 발명이 속하는 기술분야에서 통상의 지식을 가진 자에게 자명한 것이다. It should be noted that the embodiments of the present invention disclosed in the present specification and drawings are only illustrative of specific examples for the purpose of understanding and are not intended to limit the scope of the present invention. It will be apparent to those skilled in the art that other modifications based on the technical idea of the present invention are possible in addition to the embodiments disclosed herein.

본 발명은 프리로딩을 이용한 화면 표시를 위한 장치 및 이를 위한 방법이 기록된 컴퓨터 판독 가능한 기록 매체에 관한 것으로, 이러한 본 발명은 복수의 연속된 페이지들이 존재할 때, 터치 입력에 따라 이러한 복수의 연속된 페이지들을 스크롤하여 표시하되, 시작 페이지에서 스크롤이 종료되는 최종 페이지 사이의 중간 페이지들은 프리로딩된 레이아웃으로만 표시하며, 최종 페이지는 프리로딩된 레이아웃과 최종 페이지의 데이터를 포함시켜 표시한다. 이에 따라 터치 입력에 대한 응답 속도가 향상되어 자연스럽게 화면을 표시할 수 있다. 따라서 안정적인 사용자 경험(UX)을 제공할 수 있다. 이는 시판 또는 영업의 가능성이 충분할 뿐만 아니라 현실적으로 명백하게 실시할 수 있는 정도이므로 산업상 이용가능성이 있다. The present invention relates to a device for screen display using preloading and a computer readable recording medium on which the method is recorded. The present invention relates to a device for screen display using preloading, Intermediate pages between pages are scrolled and displayed, and between the end pages of the start page and the end of scrolling are displayed only in the preloaded layout, and the final page includes the data of the preloaded layout and the final page. As a result, the response speed to the touch input is improved, and the screen can be displayed naturally. Thus providing a stable user experience (UX). This is not only a possibility of commercialization or sales, but also a possibility of being industrially applicable since it is practically possible to carry out clearly.

100: 사용자 장치 110: 터치스크린부
111: 터치센서모듈 113: 표시모듈
120: 저장부 130: 제어부
131: 버퍼모듈 133: 표시제어모듈
100: user device 110: touch screen part
111: touch sensor module 113: display module
120: storage unit 130:
131: Buffer module 133: Display control module

Claims (10)

터치 입력을 감지하는 터치센서모듈;
화면을 표시하는 표시모듈;
복수의 연속된 페이지 중 어느 하나인 시작 페이지가 상기 표시모듈에 표시될 때, 상기 시작 페이지로부터 연속된 페이지의 레이아웃이 프리로딩되는 버퍼모듈; 및
상기 터치 입력이 있으면, 상기 표시모듈을 통해 상기 시작 페이지로부터 중간 페이지를 거쳐 최종 페이지까지 스크롤하여 표시하되, 상기 중간 페이지가 상기 프리로딩된 레이아웃으로 표시되도록 제어하는 표시제어모듈;을 포함하는 것을 특징으로 하는 프리로딩을 이용한 화면 표시를 위한 장치.
A touch sensor module for sensing a touch input;
A display module for displaying a screen;
A buffer module in which a layout of consecutive pages is preloaded from the start page when a start page which is one of a plurality of consecutive pages is displayed on the display module; And
And a display control module that scrolls and displays the intermediate page from the start page to the end page through the display module when the touch input is received, and controls the intermediate page to be displayed in the preloaded layout For displaying on a screen using preloading.
제1항에 있어서,
상기 표시제어모듈은
상기 프리로딩된 레이아웃에 상기 최종 페이지의 데이터를 포함시켜 상기 표시모듈을 통해 최종 페이지로 표시하는 것을 특징으로 하는 프리로딩을 이용한 화면 표시를 위한 장치.
The method according to claim 1,
The display control module
Wherein the data of the final page is included in the preloaded layout and displayed as a final page through the display module.
제1항에 있어서,
상기 표시제어모듈은
상기 터치 입력의 방향 및 세기에 따라 상기 최종 페이지로 표시될 페이지를 산출하고, 상기 중간 페이지의 스크롤이 완료되기 전, 상기 산출된 페이지에 대한 데이터의 로딩을 완료한 후, 상기 프리로딩된 레이아웃에 상기 로딩된 데이터를 포함시켜 상기 표시모듈을 통해 상기 최종 페이지로 표시하는 것을 특징으로 하는 프리로딩을 이용한 화면 표시를 위한 장치.
The method according to claim 1,
The display control module
A page to be displayed as the final page is calculated according to a direction and an intensity of the touch input, and after completion of loading data for the calculated page before the scrolling of the intermediate page is completed, And displays the final page including the loaded data through the display module as the final page.
제1항에 있어서,
상기 표시제어모듈은
사용자의 터치 입력의 세기를 누적하여 저장하고, 누적하여 저장된 터치 입력의 세기에 비례하여 프리로딩 되는 레이아웃의 개수를 결정하는 것을 특징으로 하는 프리로딩을 이용한 화면 표시를 위한 장치.
The method according to claim 1,
The display control module
Wherein the intensity of the touch input of the user is accumulated and stored, and the number of layouts to be preloaded is determined in proportion to the accumulated strength of the stored touch input.
제1항에 있어서,
상기 버퍼모듈은
상기 표시제어모듈의 제어에 따라 상기 중간 페이지가 표시될 때 상기 프리로딩된 레이아웃을 순환 큐(Circular Queue)의 형식으로 출력하는 것을 특징으로 하는 프리로딩을 이용한 화면 표시를 위한 장치.
The method according to claim 1,
The buffer module
And outputs the preloaded layout in the form of a circular queue when the intermediate page is displayed under the control of the display control module.
제1항에 있어서,
상기 프리로딩된 레이아웃은 상기 레이아웃을 표시하기 위한 소스 코드가 이진 코드로 변경되어 상기 버퍼모듈에 저장되는 것을 특징으로 하는 프리로딩을 이용한 화면 표시를 위한 장치.
The method according to claim 1,
Wherein the source code for displaying the layout is changed into a binary code and is stored in the buffer module in the preloaded layout.
복수의 연속된 페이지 중 어느 하나인 시작 페이지를 표시할 때, 상기 시작 페이지로부터 연속된 페이지의 레이아웃을 프리로딩 하는 단계; 및
터치 입력이 감지되면, 상기 시작 페이지로부터 연속되는 중간 페이지를 상기 프리로딩된 레이아웃으로 스크롤하여 표시하는 단계;를 포함하는 것을 특징으로 하는 프리로딩을 이용한 화면 표시를 위한 방법이 기록된 컴퓨터 판독 가능한 기록매체.
Preloading a layout of consecutive pages from the start page when displaying a start page which is one of a plurality of consecutive pages; And
And a step of scrolling and displaying a continuous intermediate page from the start page in the preloaded layout when a touch input is detected. The computer readable recording medium according to claim 1, media.
제7항에 있어서,
상기 표시하는 단계 후,
상기 프리로딩된 레이아웃에 데이터가 포함된 최종 페이지를 표시하는 단계;를 더 포함하는 것을 특징으로 하는 프리로딩을 이용한 화면 표시를 위한 방법이 기록된 컴퓨터 판독 가능한 기록매체.
8. The method of claim 7,
After the displaying step,
Further comprising: displaying a final page including data in the preloaded layout. ≪ Desc / Clms Page number 20 >
제7항에 있어서,
상기 표시하는 단계는
상기 터치 입력의 방향 및 세기에 따라 상기 최종 페이지로 표시될 페이지를 산출하고, 상기 중간 페이지의 스크롤이 완료되기 전, 상기 산출된 페이지에 대한 데이터의 로딩을 완료한 후, 상기 프리로딩된 레이아웃에 상기 로딩된 데이터를 포함시켜 상기 최종 페이지로 표시하는 것을 특징으로 하는 프리로딩을 이용한 화면 표시를 위한 방법이 기록된 컴퓨터 판독 가능한 기록매체.
8. The method of claim 7,
The step of displaying
A page to be displayed as the final page is calculated according to a direction and an intensity of the touch input, and after completion of loading data for the calculated page before the scrolling of the intermediate page is completed, And the final page including the loaded data is displayed on the display unit.
제7항에 있어서,
상기 프리로딩된 레이아웃의 개수는
사용자의 터치 입력의 세기를 누적하여 저장하고, 누적하여 저장된 터치 입력의 세기에 비례하여 결정되는 것을 특징으로 하는 프리로딩을 이용한 화면 표시를 위한 방법이 기록된 컴퓨터 판독 가능한 기록매체.
8. The method of claim 7,
The number of preloaded layouts
Wherein the strength of the touch input of the user is cumulatively stored and is determined in proportion to the accumulated strength of the stored touch input.
KR1020140011491A 2014-01-29 2014-01-29 Apparatus for displaying screen using preloading and computer recordable medium storing the method thereof KR20150090617A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020140011491A KR20150090617A (en) 2014-01-29 2014-01-29 Apparatus for displaying screen using preloading and computer recordable medium storing the method thereof

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020140011491A KR20150090617A (en) 2014-01-29 2014-01-29 Apparatus for displaying screen using preloading and computer recordable medium storing the method thereof

Publications (1)

Publication Number Publication Date
KR20150090617A true KR20150090617A (en) 2015-08-06

Family

ID=53885302

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020140011491A KR20150090617A (en) 2014-01-29 2014-01-29 Apparatus for displaying screen using preloading and computer recordable medium storing the method thereof

Country Status (1)

Country Link
KR (1) KR20150090617A (en)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109829077A (en) * 2017-08-29 2019-05-31 阿里巴巴集团控股有限公司 A kind of page display method, device and equipment
CN113076150A (en) * 2021-04-13 2021-07-06 北京同邦卓益科技有限公司 Interface theme switching method, device, equipment, storage medium and program product

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109829077A (en) * 2017-08-29 2019-05-31 阿里巴巴集团控股有限公司 A kind of page display method, device and equipment
CN109829077B (en) * 2017-08-29 2023-10-24 阿里巴巴集团控股有限公司 Page display method, device and equipment
CN113076150A (en) * 2021-04-13 2021-07-06 北京同邦卓益科技有限公司 Interface theme switching method, device, equipment, storage medium and program product

Similar Documents

Publication Publication Date Title
US20240094872A1 (en) Navigating through documents in a document viewing application
KR102238063B1 (en) Predictive contextual toolbar for productivity applications
US9582601B2 (en) Combining server-side and client-side user interface elements
AU2012231990B2 (en) Method and apparatus of managing items on clipboard of portable terminal
US8952912B1 (en) Selection of elements on paginated touch sensitive display
US20130145244A1 (en) Quick analysis tool for spreadsheet application programs
US20140111516A1 (en) Electronic document thinning
US9772978B2 (en) Touch input visualizations based on user interface context
CN107729304B (en) Interacting with a document as an application
KR20160138573A (en) Sliding surface
KR20140057174A (en) Method and system for deep links into application contexts
KR102343361B1 (en) Electronic Device and Method of Displaying Web Page Using the same
CN114117282B (en) Information display method, device, equipment and storage medium
KR102098815B1 (en) Electronic device for operating application
US9152712B2 (en) Method and system for performing a web search via a client-side module
US20190215563A1 (en) Method, apparatus, and computer readable recording medium for automatic grouping and management of content in real-time
US9619562B2 (en) Method and system for performing a web search
KR20150068672A (en) Method and apparatus for generating a user costumized menu interface
KR20150090617A (en) Apparatus for displaying screen using preloading and computer recordable medium storing the method thereof
CN113378084A (en) Page display method and device, electronic equipment and computer readable storage medium
US20190227682A1 (en) Navigational Aid for a Hinged Device via Semantic Abstraction
US20160203114A1 (en) Control of Access and Management of Browser Annotations
US20150347376A1 (en) Server-based platform for text proofreading
US20180046719A1 (en) Displaying Content Associated With a Previous Visit of a Current Asset
KR102094504B1 (en) Method and apparatus for improving readability of contents

Legal Events

Date Code Title Description
A201 Request for examination
E902 Notification of reason for refusal
AMND Amendment
E90F Notification of reason for final refusal
E601 Decision to refuse application
AMND Amendment