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 PDFInfo
- 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
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0485—Scrolling or panning
- G06F3/04855—Interaction 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
Description
본 발명은 화면 표시 기술에 관한 것으로, 더욱 상세하게는, 프리로딩을 이용하여 연속된 복수의 페이지를 화면으로 표시하기 위한 장치 및 이를 위한 방법이 기록된 컴퓨터 판독 가능한 기록 매체에 관한 것이다. BACKGROUND OF THE
스마트폰(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.
본 발명의 목적은 연속된 복수의 페이지를 스크롤 하여 표시할 때 로딩에 시간에 걸리는 문제를 감안하여, 스크롤되는 중간에 표시되는 일부 페이지는 프리로딩된 레이아웃만으로 표시하는 화면 표시를 위한 장치 및 이를 위한 방법이 기록된 컴퓨터 판독 가능한 기록 매체를 제공함에 있다. 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
상술한 바와 같이 복수의 연속된 페이지들이 존재할 때, 사용자 장치는 터치 입력에 따라 이러한 복수의 연속된 페이지들을 페이지 단위로 스크롤하여 표시할 수 있다. 이때, 사용자 장치는 소정 개수의 레이아웃을 프리로딩 한 후, 시작 페이지에서 스크롤이 종료되는 최종 페이지 사이의 중간 페이지들은 프리로딩된 레이아웃으로만 표시하며, 최종 페이지는 프리로딩된 레이아웃과 최종 페이지의 데이터를 포함시켜 표시할 수 있다. 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
터치스크린부(110)는 터치센서모듈(111) 및 표시모듈(113)을 포함한다. The
터치센서모듈(111)은 사용자의 터치 입력을 감지한다. 터치센서모듈(111)은 정전용량 방식(capacitive overlay), 압력식 저항막 방식(resistive overlay), 적외선 감지 방식(infrared beam) 등의 터치 감지 센서로 구성되거나, 압력 센서(pressure sensor)로 구성될 수도 있다. 상기 센서들 이외에도 물체의 접촉 또는 압력을 감지할 수 있는 모든 종류의 센서 기기가 본 발명의 터치센서모듈(111)로 구성될 수 있다. 터치센서모듈(111)은 사용자의 터치 입력을 감지하고 감지 신호를 발생시켜 제어부(130)에 전달한다. 이러한 터치 입력은 예컨대, 스윕 동작(Swipe Action), 플릭(flick), 드래그(drag) 등을 예시할 수 있다. 또한, 감지 신호에는 사용자가 터치를 입력한 좌표, 터치 입력이 종료된 좌표, 방향 및 세기 등이 포함될 수 있다. The
표시모듈(113)은 액정표시장치(LCD, Liquid Crystal Display), 유기 발광 다이오드(OLED, Organic Light Emitting Diodes), 능동형 유기 발광 다이오드(AMOLED, Active Matrix Organic Light Emitting Diodes) 등으로 형성될 수 있으며, 사용자 장치(100)의 메뉴, 입력된 데이터, 기능 설정 정보 및 기타 다양한 정보를 사용자에게 시각적으로 제공한다. 표시모듈(113)은 사용자 장치(100)의 부팅 화면, 대기 화면, 메뉴 화면, 통화 화면, 어플리케이션 화면을 출력하는 기능을 수행한다. The
저장부(120)는 사용자 장치(100)의 동작에 필요한 프로그램 및 데이터를 저장하는 역할을 수행하며, 프로그램 영역과 데이터 영역으로 구분될 수 있다. 프로그램 영역은 운영체제(OS, Operating System), 어플리케이션 등을 저장할 수 있다. 데이터 영역은 사용자 장치(100)의 사용에 따라 발생하는 사용자 데이터가 저장되는 영역이다. 저장부(120)에 저장되는 각 종 데이터는 사용자의 조작에 따라, 삭제, 변경, 추가될 수 있다. The
제어부(130)는 사용자 장치(100)의 전반적인 동작 및 사용자 장치(100)의 내부 블록들 간 신호 흐름을 제어하고, 데이터를 처리하는 데이터 처리 기능을 수행할 수 있다. 이러한 제어부(130)는 중앙 처리 장치(CPU, Central Processing Unit), 어플리케이션 프로세서(AP, Application Processor) 등이 될 수 있다. 제어부(130)는 사용자 장치(100)의 전원이 켜지면, 저장부(120)로부터 운영 체제(OS, Operation System)를 로드하여 이를 구동하는 부팅(booting)을 수행한다. The
본 발명에서 제어부(130)는 버퍼모듈(131) 및 표시제어모듈(133)을 포함한다. 버퍼모듈(131)은 표시모듈(113)로 출력하기 전 데이터를 임시 저장하는 버퍼이다. 그리고 버퍼모듈(131)은 표시제어모듈(133)의 제어에 따라 임시 저장된 데이터를 표시모듈(113)로 출력한다. In the present invention, the
표시제어모듈(133)은 터치센서모듈(111)을 통해 터치 입력을 감지하면, 터치 입력에 따라 본 발명의 실시예에 따른 페이지를 표시모듈(113)로 출력하여, 표시모듈(113)이 페이지를 표시하도록 한다. 이때, 표시제어모듈(133)은 페이지의 일부 또는 전부를 버퍼모듈(131)에 임시 저장하고, 버퍼모듈(131)을 제어하여, 페이지의 일부 또는 전부를 표시모듈(113)로 출력할 수 있다. The
표시제어모듈(133)은 사용자의 입력에 따라, 복수의 페이지 중 어느 하나의 페이지를 저장부(120)로부터 로드하여 표시모듈(113)을 통해 표시할 수 있다. 이러한 페이지를 “시작 페이지”라고 칭하기로 한다. 시작 페이지를 표시할 때, 시작 페이지와 연속된 적어도 하나의 페이지의 레이아웃을 프리로딩하여 버퍼모듈(131)에 저장한다. The
그리고, 표시제어모듈(133)은 터치센서모듈(111)을 통해 스윕 동작(Swipe Action)과 같은 터치 입력이 있으면, 감지된 터치 입력에 따라 터치 입력의 방향 및 세기를 산출한다. If there is a touch input such as a sweep action through the
그런 다음, 표시제어모듈(133)은 산출된 터치 입력의 방향 및 세기에 따라 시작 페이지로부터 복수의 페이지를 스크롤하여 표시모듈(113)을 통해 표시한다. 이때, 시작 페이지로부터 스크롤되는 적어도 하나의 페이지를 “중간 페이지”라고 칭하기로 한다. 그리고, 스크롤이 종료되어 마지막으로 표시되는 페이지를 “최종 페이지”라고 칭하기로 한다. Then, the
표시제어모듈(133)은 중간 페이지를 표시할 때, 앞서 프리로딩된 레이아웃으로 페이지를 표시한다. 즉, 해당 페이지에 대한 데이터는 표시하지 않는다. 그리고 표시제어모듈(133)은 최종 페이지를 표시할 때, 앞서 프리로딩된 레이아웃에 해당 페이지에 대한 데이터를 포함시켜 최종 페이지를 표시한다. 즉, 해당 페이지에 대한 레이아웃 및 데이터를 모두 표시한다. When the
이와 같이, 본 발명의 실시예에 따르면, 데이터가 최종 페이지에 비해 비교적 중요하지 않은 중간 페이지를 표시할 때, 레이아웃만으로 표시하기 때문에, 터치 입력에 대한 빠른 응답 속도를 제공할 수 있다. 또한, 데이터가 중요한 최종 페이지를 표시할 때, 레이아웃과 데이터를 모두 표시함으로써, 사용자가 원하는 정보를 제공할 수 있다. 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
그 밖에 도시되지는 않았지만, 사용자 장치(100)는 사용자 장치(100)의 무선 통신을 위한 무선 통신부, 음성 신호를 입력 받고 오디오 신호를 출력하기 위한 오디오 처리부, 적어도 하나의 기능 키를 포함하는 키 입력부, 카메라 촬영을 위한 카메라부, 사용자 장치(100)의 속도, 가속도, 위치, 고도, 방위 등을 감지하기 위한 각 종 센서 등과 같은 부가 모듈을 추가로 더 포함할 수 있다. The
보다 상세하게 본 발명의 실시예에 따른 프리로딩을 이용한 화면 표시 방법에 대해서 설명하기로 한다. 먼저, 본 발명의 실시예에 따른 프리로딩의 개념에 대해서 설명하기로 한다. 도 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
여기서, 마크업 언어(220)는 HTML(Hypertext Markup Language), XHTML(extensible Hypertext Markup Language), XML(Extensible Markup Language) 등을 예시할 수 있으며, 이러한 마크업 언어(220)는 다수의 태그(tag)와 각 태그의 속성(attribute) 및 일반적인 텍스트로 이루어 질 수 있다. Here, the
스타일시트(230)는 그 스타일시트(230)에 기술된 디자인 속성에 따라 레이아웃을 표현하기 위한 언어이다. 이러한 스타일시트(230)를 사용한 페이지(200)는 다른 화면 해상도를 가지는 표시 장치와 다른 종류의 브라우저에서도 스타일시트에 기술한 바에 따라 동일하게 보여진다. 이 스타일시트는 대표적으로 CSS(Cascading Style Sheets)를 예시할 수 있다. 스크립트 언어는 프로그래밍 언어로서 웹 어플리케이션을 동적으로 제어하기 위한 언어이다. 대표적으로, 자바 스크립트(Java Script)를 예시할 수 있다. The
또한, 페이지(200)가 표시되기 위해서 소스 파일(210) 외로 리소스 파일을 더 필요할 수 있다. 리소스 파일은 페이지(200)에 삽입되는 각종의 파일이다. 이 리소스 파일은 소스 파일(210)을 기술하는 링크 태그를 이용하여 페이지(200)에 삽입될 수 있다. 이러한 리소스 파일은 장면 기술(scene description), 비디오(video), 오디오(audio), 이미지(image), 폰트(font), 텍스트(text), 메타데이터(meta-data) 및 스크립트(script) 파일 등을 예시할 수 있다. 그 밖에 리소스 파일은 각 리소스 파일의 형식에 맞는 형태로 링크를 통해 어플리케이션의 페이지(200)에 삽입되는 개별 파일을 모두 포함하는 의미이다. Further, in order for the
정리하면, 전술한 소스 파일(210)을 구성하는 요소 중 스타일시트(230)는 페이지에서 레이아웃을 표시하기 위한 것이며, 나머지는 페이지의 데이터를 제공하기 위한 것이다. 본 발명의 실시예에서 전술한 소스 파일(210)은 저장부(120)에 저장된다. 그리고 표시제어모듈(133)은 저장부(120)에 저장된 소스 파일(210)을 로드하여 다음과 같은 절차에 따라 페이지를 표시하거나, 레이아웃을 버퍼모듈(131)에 프리로딩 할 수 있다. In summary, among the elements constituting the above-described
도 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
그런 다음, 표시제어모듈(133)은 S120 단계에서 DOM 트리(221) 및 스타일 트리(231)를 결합하여 랜더러 트리(240)를 구성한다. 이어서, 표시제어모듈(133)은 S130 단계에서 랜더러 트리(240)의 해석을 통해 레이아웃을 설정하고, 각 속성의 값, 즉, 데이터를 해당 레이아웃에 배치하여 페이지 데이터(241)를 생성한다. 이때, 도시되지는 않았지만, 리소스 파일 및 스크립트 언어는 각각의 개별적인 해석 과정을 거쳐 속성의 값, 즉, 데이터로 삽입될 수 있다. Then, in step S120, the
다음으로, 표시제어모듈(133)은 S140 단계에서 페이지 데이터(241)의 구조를 변경(serialization)하여 바이너리 형태로 버퍼모듈(131)에 저장한다. 이와 같이, 바이너리 형태로 저장된 페이지 데이터를 바이너리 페이지 데이터(242)라고 칭하기로 한다. 이와 같은 상태에서 사용자가 해당 페이지(200)에 대한 실행 요청이 있으면, 표시제어모듈(133)은 S150 단계에서 버퍼모듈(131)에 저장된 바이너리 페이지 데이터(242)를 표시모듈(113)로 출력하도록 제어한다. 이에 따라, 표시모듈(113)에 페이지(200)가 표시된다. Next, in step S140, the
한편, 도 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
다음으로, 표시제어모듈(133)은 S180 단계에서 레이아웃 데이터(251)의 구조를 바이너리 형태로 변경(serialization)하여 바이너리 레이아웃 데이터(252)를 생성한 후, 버퍼모듈(131)에 저장한다. 여기서, 바이너리 레이아웃 데이터(252)는 레이아웃을 표현하기 위한 소스 코드가 이진 코드로 변경된 상태이다. 이와 같이, 본 발명의 실시예에 따르면, 레이아웃을 표시하기 위한 소스 코드를 이진 코드로 변경하여 표시 모듈(113)에 입력되기 전 버퍼, 즉, 버퍼모듈(131)에 저장시킨 상태를 프리로딩이라고 한다. 그리고 이러한 S180 단계는 페이지(200)를 구성하는 레이아웃 및 데이터에서 레이아웃만을 프리로딩한 상태이다. Next, the
본 발명의 실시예에 따르면 이러한 프리로딩 상태에서 사용자가의 터치 입력이 있으면, 표시제어모듈(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
전술한 바와 같이, 본 발명의 실시예에 따른 페이지는 레이아웃에 데이터가 표시된 형태이며, 레이아웃을 개별적으로 분리하여 해석 및 출력할 수 있다. 특히, 레이아웃을 프리로딩한다는 것의 의미는 레이아웃만을 화면으로 출력할 수 있도록 레이아웃을 바이너리 형태까지 변환한 상태임을 의미한다. 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
도 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
이에 따라, 표시제어모듈(133)은 터치센서모듈(111)이 감지한 정보를 통해 터치 입력의 방향 및 세기를 도출할 수 있다. 즉, 표시제어모듈(133)은 터치센서모듈(111)이 감지한 자취(403)의 이동 방향을 통해 터치 입력의 방향을 도출할 수 있다. 그리고 표시제어모듈(133)은 터치센서모듈(111)이 감지한 자취(403)의 길이 및 이동 속도를 통해 터치 입력의 세기를 도출할 수 있다. Accordingly, the
본 발명은 연속된 복수의 페이지가 스크롤 되도록 표시하며, 전술한 터치 입력의 방향에 따라 스크롤되는 방향이 결정되며, 터치 입력의 세기에 따라 스크롤 길이가 결정된다. 즉, 표시제어모듈(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
예컨대, 도 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
예컨대, 제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.
다른 예로, 제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
도 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
표시제어모듈(133)은 S240 단계에서 앞서 저장부(120)에 누적하여 저장된 터치 입력 세기에 대해 평균 값을 도출한다. The
그런 다음, 표시제어모듈(133)은 S250 단계에서 터치 입력 세기의 평균 값과 그 터치 입력 세기에 따른 스크롤 길이를 고려하여 레이아웃을 프리로딩할 페이지의 개수를 결정한다. 예컨대, 터치 입력의 세기의 평균 값이 앞서 도 5에서 설명된 제1 터치 입력의 세기와 같다고 가정하면, 제1 터치 입력의 세기에 따라 2개의 페이지가 중간 페이지가 될 것이다. 따라서 레이아웃을 프리로딩할 페이지의 개수는 빠른 응답 속도를 위해 2개 이상이 되는 것이 바람직하다. 또한, 터치 입력 세기의 평균 값이 앞서 도 5에서 설명된 제2 터치 입력의 세기와 같다고 가정하면, 제2 터치 입력의 세기에 따라 1개의 페이지가 중간 페이지가 될 것이다. 따라서 레이아웃을 프리로딩할 페이지의 개수는 1개 이상이 되는 것이 바람직하다. Then, in step S250, the
한편, 앞서 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
도 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
일 실시예에 따르면, 사용자에 의해 터치 입력(예컨대, 스윕 동작)이 이루어졌다고 가정한다. 터치 입력의 방향 및 세기에 따라 중간 페이지는 제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
이와 같이, 본 발명의 실시예에 따르면, 터치 입력의 방향 및 세기에 따라 중간 페이지들은 프리로딩 된 레이아웃을 이용하여 표시하며, 최종 페이지는 프리로딩 된 레이아웃에 해당 페이지의 데이터를 포함시켜 표시한다. 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
이때, 표시제어모듈(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
만약, 전술한 바와 반대로 오른쪽의 페이지들을 표시하도록 하는 터치 입력이 감지되면, 표시제어모듈(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
다음으로, 본 발명의 실시예에서 최종 페이지를 표시하는 방법에 대해서 설명하기로 한다. 도 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
도 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
그러면, 표시제어모듈(131)은 도 10의 (나) 및 (다)에 보인 바와 같이, 버퍼모듈(131)에 프리로딩된 제4 레이아웃(41) 및 제3 레이아웃을 표시모듈(113)로 출력한다. 이에 따라, 표시모듈(113)을 통해 중간 페이지인 제4 페이지 및 제3 페이지는 레이아웃만으로 표시된다. Then, the
그리고 표시제어모듈(131)은 도 10의 (라)에 보인 바와 같이, 최종 페이지인 제2 페이지를 표시할 때, 제2 페이지에 대한 데이터인 제2 데이터(22)를 저장부(120)에서 로드하여 프리로딩된 제2 레이아웃(21)에 포함시켜 표시한다. 10, the
특히, 표시제어모듈(131)은 터치 입력을 감지한 후, 최종 페이지가 제2 페이지임을 확인하자마자, 즉시, 저장부(120)로부터 제2 데이터(22)를 로딩하기 시작한다. 그리고, 제2 페이지를 표시하기 전, 도 10의 (다)에 보인 바와 같이, 제3 레이아웃(31)을 표시할 때 제2 데이터(22)에 대한 로딩을 완료한 후, 도 10의 (라)에 보인 바와 같이, 프리로딩된 제2 레이아웃(21)에 포함시켜 표시한다. In particular, after detecting the touch input, the
이와 같이, 본 발명의 실시예에 따르면, 터치 입력에 따라 최종 페이지를 미리 도출하고, 최종 페이지를 표시하기 전, 최종 페이지의 데이터를 미리 로딩하기 때문에, 응답 속도의 향상을 가져올 수 있으며, 사용자에게는 안정적인 사용자 경험(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
여기서, 레이아웃을 프리로딩하는 것은 앞서 도 3b를 통해 설명된 바와 같이, 저장부(120)에 저장된 레이아웃을 표시하기 위한 소스 코드를 이진 코드 형태로 변경하여 버퍼모듈(131)에 저장시킨 상태를 말한다. 또한, 프리로딩되는 레이아웃의 개수는 앞서 도 6 및 도 7을 참조로 설명된 바와 같이, 사용자의 터치 입력의 세기를 누적하여 저장하고, 그 터치 입력 세기에 따른 스크롤 길이를 고려하여 설정된다. 본 발명은 서로 다른 사용자들이 서로 다른 터치 입력 습관을 가지는 것을 상정한다. 따라서, 이러한 사용자들의 터치 입력 습관을 누적하여 저장하면, 각 사용자들의 터치 입력의 세기의 통계치를 얻을 수 있다. 또한, 터치 이력의 세기에 비례하여 스크롤되는 중간 페이지의 개수가 결정되기 때문에, 터치 입력 습관에 따라 터치 입력의 세기에 비례하여 프리로딩할 레이아웃의 개수를 결정한다. 3B, the source code for displaying the layout stored in the
전술한 바와 같이, 시작 페이지를 표시하고, 기 설정된 개수의 레이아웃을 프리로딩한 상태에서, 사용자가 다른 페이지를 탐색하기 위하여 터치 입력을 할 수 있다. 이에 따라, 표시제어모듈(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
그런 다음, 표시제어모듈(133)은 S340 단계에서 앞서 산출된 터치 입력의 방향 및 세기에 따라 스크롤될 중간 페이지 및 마지막으로 표시될 최종 페이지를 도출할 수 있다. 예컨대, 도 8을 참조하면, 시작 페이지가 제4 페이지일 때, 터치 입력의 방향 및 세기에 따라, 표시제어모듈(133)에 의해 중간 페이지로 제3 및 제2 페이지가 도출되었으며, 최종 페이지로 제1 페이지가 도출되었다고 가정한다. Then, in step S340, the
이에 따라, 표시제어모듈(133)은 S350 단계에서 스크롤을 시작하여 버퍼모듈(131)에 프리로딩된 레이아웃으로만 이루어진 중간 페이지를 표시 모듈(113)로 출력되도록 제어한다. 이로써, 표시 모듈(113)을 통해 중간 페이지가 표시된다. 도 8의 (B) 및 (C)를 참조하면, 중간 페이지로 제3 페이지 및 제2 페이지가 표시되며, 이때, 표시되는 페이지는 각각 프리로딩된 제3 레이아웃(31) 및 제2 레이아웃(21)으로만 이루어진다. 이와 같이, 본 발명에 따르면 스크롤되는 중간에 있는 중간 페이지를 프리로딩된 레이아웃으로만 표시함으로써, 중간 페이지를 로딩하는 데에 드는 시간이 없어 응답 속도를 향상시킬 수 있다. Accordingly, the
다음으로, 표시제어모듈(133)은 S360 단계에서 스크롤을 완료하여 버퍼모듈(131)에 프리로딩된 레이아웃에 최종 페이지의 데이터를 포함시켜 표시 모듈(113)로 출력한다. 이에 따라, 최종 페이지가 표시모듈(113)을 통해 표시된다. Next, the
도 8의 (D)를 참조하면, 최종 페이지로 제1 페이지가 표시되며, 레이아웃으로 제6 레이아웃(61)을 이용하며, 제1 페이지의 데이터인 제1 데이터(12)를 제6 레이아웃(61)에 포함시켜 온전한 페이지를 표시한다. Referring to FIG. 8D, the first page is displayed as the final page, the
한편, 본 발명의 실시예에 따르면, 전술한 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
터치 입력의 방향 및 세기를 통해 스크롤 되는 페이지를 확인할 수 있으며 이에 대응하는 최종 페이지를 확인할 수 있다. 특히, 본 발명은 중간 페이지의 데이터가 필요한 것이 아니라, 최종 페이지의 데이터만 필요하다. 따라서, 본 발명은 터치 입력에 따라 최종 페이지가 확인되면, 그 즉시, 최종 페이지의 데이터에 대한 로딩을 시작하여 최종 페이지를 표시하기 이전에 완전히 데이터를 로딩할 수 있다. 따라서, 터치 이력에 대한 응답 속도를 향상시킬 수 있다. 이에 따라, 사용자에게는 페이지를 탐색할 때 안정적인 사용자 경험(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.
상기 표시제어모듈은
상기 프리로딩된 레이아웃에 상기 최종 페이지의 데이터를 포함시켜 상기 표시모듈을 통해 최종 페이지로 표시하는 것을 특징으로 하는 프리로딩을 이용한 화면 표시를 위한 장치. 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.
상기 표시제어모듈은
상기 터치 입력의 방향 및 세기에 따라 상기 최종 페이지로 표시될 페이지를 산출하고, 상기 중간 페이지의 스크롤이 완료되기 전, 상기 산출된 페이지에 대한 데이터의 로딩을 완료한 후, 상기 프리로딩된 레이아웃에 상기 로딩된 데이터를 포함시켜 상기 표시모듈을 통해 상기 최종 페이지로 표시하는 것을 특징으로 하는 프리로딩을 이용한 화면 표시를 위한 장치. 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.
상기 표시제어모듈은
사용자의 터치 입력의 세기를 누적하여 저장하고, 누적하여 저장된 터치 입력의 세기에 비례하여 프리로딩 되는 레이아웃의 개수를 결정하는 것을 특징으로 하는 프리로딩을 이용한 화면 표시를 위한 장치. 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.
상기 버퍼모듈은
상기 표시제어모듈의 제어에 따라 상기 중간 페이지가 표시될 때 상기 프리로딩된 레이아웃을 순환 큐(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.
상기 프리로딩된 레이아웃은 상기 레이아웃을 표시하기 위한 소스 코드가 이진 코드로 변경되어 상기 버퍼모듈에 저장되는 것을 특징으로 하는 프리로딩을 이용한 화면 표시를 위한 장치. 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.
상기 표시하는 단계 후,
상기 프리로딩된 레이아웃에 데이터가 포함된 최종 페이지를 표시하는 단계;를 더 포함하는 것을 특징으로 하는 프리로딩을 이용한 화면 표시를 위한 방법이 기록된 컴퓨터 판독 가능한 기록매체. 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 >
상기 표시하는 단계는
상기 터치 입력의 방향 및 세기에 따라 상기 최종 페이지로 표시될 페이지를 산출하고, 상기 중간 페이지의 스크롤이 완료되기 전, 상기 산출된 페이지에 대한 데이터의 로딩을 완료한 후, 상기 프리로딩된 레이아웃에 상기 로딩된 데이터를 포함시켜 상기 최종 페이지로 표시하는 것을 특징으로 하는 프리로딩을 이용한 화면 표시를 위한 방법이 기록된 컴퓨터 판독 가능한 기록매체. 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.
상기 프리로딩된 레이아웃의 개수는
사용자의 터치 입력의 세기를 누적하여 저장하고, 누적하여 저장된 터치 입력의 세기에 비례하여 결정되는 것을 특징으로 하는 프리로딩을 이용한 화면 표시를 위한 방법이 기록된 컴퓨터 판독 가능한 기록매체. 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.
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)
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 |
-
2014
- 2014-01-29 KR KR1020140011491A patent/KR20150090617A/en active Search and Examination
Cited By (3)
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 |