WO2014084461A1 - 모바일 단말기 화면 구성 장치 및 그 방법 - Google Patents

모바일 단말기 화면 구성 장치 및 그 방법 Download PDF

Info

Publication number
WO2014084461A1
WO2014084461A1 PCT/KR2013/003266 KR2013003266W WO2014084461A1 WO 2014084461 A1 WO2014084461 A1 WO 2014084461A1 KR 2013003266 W KR2013003266 W KR 2013003266W WO 2014084461 A1 WO2014084461 A1 WO 2014084461A1
Authority
WO
WIPO (PCT)
Prior art keywords
internal
screen
content
scroll
mobile terminal
Prior art date
Application number
PCT/KR2013/003266
Other languages
English (en)
French (fr)
Inventor
김욱래
박웅
Original Assignee
(주)인스웨이브시스템즈
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by (주)인스웨이브시스템즈 filed Critical (주)인스웨이브시스템즈
Publication of WO2014084461A1 publication Critical patent/WO2014084461A1/ko

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • 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
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04B—TRANSMISSION
    • H04B1/00—Details of transmission systems, not covered by a single one of groups H04B3/00 - H04B13/00; Details of transmission systems not characterised by the medium used for transmission
    • H04B1/38—Transceivers, i.e. devices in which transmitter and receiver form a structural unit and in which at least one part is used for functions of transmitting and receiving
    • H04B1/40—Circuits
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G5/00—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators
    • G09G5/34—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators for rolling or scrolling
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04M—TELEPHONIC COMMUNICATION
    • H04M1/00—Substation equipment, e.g. for use by subscribers
    • H04M1/72—Mobile telephones; Cordless telephones, i.e. devices for establishing wireless links to base stations without route selection
    • H04M1/724—User interfaces specially adapted for cordless or mobile telephones
    • H04M1/72403—User interfaces specially adapted for cordless or mobile telephones with means for local support of applications that increase the functionality
    • H04M1/72445—User interfaces specially adapted for cordless or mobile telephones with means for local support of applications that increase the functionality for supporting Internet browser applications

Definitions

  • the present invention relates to a mobile terminal screen composition apparatus and method thereof.
  • the mobile phone has a lower data processing capacity and memory performance than a computer generally used by a user, so that a web screen takes longer than a computer.
  • Conventional techniques generally provide a method for implementing a web in a mobile phone with low speed and performance.
  • the prior art such as Korean Patent Laid-Open Publication No. 2008-0101485, provides information so that a user may know information about accessibility and speed even without clicking a web page link area.
  • This prior art allows a user to efficiently use a web page in a mobile communication terminal by determining in advance whether the user can access the information.
  • the prior art does not propose a technique for configuring another screen inside the web page of the mobile phone. Since the web page of the mobile phone provides more information, the internal screen of the entire screen needs to be implemented appropriately for the mobile phone.
  • the background art described above is technical information possessed by the inventors for the derivation of the present invention or acquired during the derivation process of the present invention, and is not necessarily a publicly known technique disclosed to the general public before the application of the present invention.
  • the present invention provides a mobile terminal screen configuration device and method that can be handled by a user more conveniently even in a mobile terminal having a lower performance than a general computer by implementing another screen inside the screen output from the mobile terminal do.
  • an external screen configuration unit constituting a full screen displayed on the display unit of the mobile terminal, and displays the entire content by using an external scroll when the total content to be displayed is larger than the full screen;
  • an internal screen component configured to configure an internal screen positioned inside the full screen, and to display the internal content by using an internal scroll when the internal content to be displayed is larger than the internal screen.
  • the full screen and the internal screen may be a web page.
  • the internal screen configuration unit may include an internal image processing unit that renders content specified by a bar position of the internal scroll among the internal content when the internal content to be displayed is larger than the internal screen.
  • the internal screen configuration unit may further include a setting image processor configured to further render a corresponding area of the internal content which is specified in advance by the speed or acceleration of the bar of the internal scroll operated by a user.
  • the bar of the internal scroll may have a different distance moving according to the speed or acceleration pushed by the user in the stopped state.
  • the unimaged area of the internal content corresponding to the movement state of the bar of the internal scroll may maintain the unimaged state.
  • the unimaged area of the internal content corresponding to the intermediate movement path of the bar of the internal scroll may maintain an unimaged state.
  • the internal scroll may include a vertical scroll and a left and right scroll.
  • the internal image processor may specify the content specified by the position of the bar of the internal scroll, the previous page content and the subsequent page content to be displayed according to the movement of the bar of the internal scroll. Can be rendered.
  • the internal screen component may further include an image generator that renders the internal content to be rendered as an image.
  • the internal screen component may further include a function activator configured to dynamically generate a component rendered as the image when the user clicks to activate a function of the component.
  • the image generator may be a canvas tag, and the internal content displayed on the internal screen may include a grid.
  • the present embodiment includes a basic FPS setting unit for setting a basic FPS (frame per second) to operate the internal screen for each OS of the mobile terminal; A maximum FPS measurement unit measuring a current maximum FPS of the mobile terminal; An FPS comparison unit comparing the basic FPS and the maximum FPS with each other; And a use FPS setting unit configured to set a smaller FPS among the basic FPS and the maximum FPS as an FPS to be used.
  • a basic FPS setting unit for setting a basic FPS (frame per second) to operate the internal screen for each OS of the mobile terminal
  • a maximum FPS measurement unit measuring a current maximum FPS of the mobile terminal
  • An FPS comparison unit comparing the basic FPS and the maximum FPS with each other
  • a use FPS setting unit configured to set a smaller FPS among the basic FPS and the maximum FPS as an FPS to be used.
  • the mobile terminal screen composition device when the entire screen to be displayed on the display unit of the mobile terminal, when the entire content to be displayed is larger than the full screen, the external scroll Presenting the entire contents using; And displaying the inside content by using an internal scroll when the inside content to be displayed is larger than the inside screen when the inside screen configured to be located inside the full screen is provided.
  • the present embodiment may further include rendering the content specified by the position of the bar of the internal scroll among the internal content on the internal screen when the internal content to be displayed is larger than the internal screen.
  • the present embodiment may further include rendering a corresponding area of the internal content which is specified in advance by the speed or acceleration of the bar of the internal scroll operated by the user.
  • the bar of the internal scroll may have a different distance moving according to the speed or acceleration pushed by the user in the stopped state.
  • the unimaged area of the internal content corresponding to the movement state of the bar of the internal scroll may maintain the unimaged state.
  • the unimaged area of the internal content corresponding to the movement state of the bar of the internal scroll may maintain an unimaged state.
  • the internal content to be displayed is larger than the internal screen
  • the content specified by the position of the bar of the internal scroll, the previous page content to be displayed according to the movement of the internal scroll, and the subsequent page content may be rendered.
  • the present embodiment may further include rendering the internal content to be rendered as an image.
  • the present embodiment may further include dynamically generating a component rendered as the image when the user clicks to activate a function of the component.
  • the mobile terminal screen configuration apparatus and method according to the present invention implements another screen inside the screen output from the mobile terminal, so that the user can handle a lot of information more conveniently even in a mobile terminal having a lower performance than a general computer. It works.
  • FIG. 1 is a block diagram of a mobile terminal screen configuration device according to an embodiment of the present invention.
  • FIG. 2 is a block diagram of an internal screen configuration unit of the mobile terminal screen configuration device according to an embodiment of the present invention.
  • FIG. 3 is a block diagram illustrating a configuration of an image processor of a screen configuration device of a mobile terminal according to an embodiment of the present invention.
  • FIG. 4 is a flowchart of a mobile terminal screen configuration method according to an embodiment of the present invention.
  • FIG. 5 is a flowchart illustrating a method of configuring a mobile terminal screen according to another embodiment of the present invention.
  • 6 to 11 are screens sequentially output according to the mobile terminal screen configuration method according to an embodiment of the present invention.
  • ⁇ unit means a unit for processing at least one function or operation, which may be implemented by hardware or software or a combination of hardware and software. Can be.
  • the mobile terminal 100 may include an external screen configuration unit 110, an internal screen configuration unit 120, a network connection unit 130, a touch information processing unit 140, and a display control unit 150. Can be.
  • the present embodiment has a feature that a user can handle a lot of information more conveniently in a mobile terminal having a lower performance than a general computer by implementing another screen inside the screen output from the mobile terminal. That is, the present embodiment is characterized in that various forms of output of content are implemented by implementing a scroll view in a mobile terminal web.
  • the external screen configuration unit 110 and the internal screen configuration unit 120 may be a screen configuration device.
  • Each screen to be described below may be a screen of a program output from a mobile terminal, a screen of a web page, etc.
  • a web page output screen of the mobile terminal will be described.
  • the external screen configuration unit 110 configures the entire screen displayed on the display unit of the mobile terminal, and is a screen configuration unit that displays the entire contents by using an external scroll when the entire contents to be displayed are larger than the entire screen.
  • a mobile terminal is a small digital device with portability, which includes a personal digital cellular (PDC) phone, a personal communication service (PCS) phone, a personal handyphone system (PHS) phone, a CDMA-2000 (1X, 3X) phone, and a WCDMA phone.
  • PDC personal digital cellular
  • PCS personal communication service
  • PHS personal handyphone system
  • CDMA-2000 (1X, 3X) phone CDMA-2000 (1X, 3X) phone
  • WCDMA Wideband CDMA
  • Wideband CDMA Dual Band / Dual Mode phone
  • GSM Global Standard for Mobile
  • MBS Mobile Broadband System
  • DMB Digital Multimedia Broadcasting
  • Smart phone Smart phone
  • an apparatus having a communication function such as an orthogonal frequency division multiplexing (OFDM) terminal, an orthogonal frequency division multiplexing access (OFDMA) terminal, and the like.
  • OFDM orthogonal frequency division multiplexing
  • OFDMA orthogonal frequency division multiplexing access
  • the mobile terminal is a general-purpose or specialized computing device such as a hand-held PC, a notebook computer, a laptop computer, a pad, and the like, and is equipped with a microprocessor capable of performing multimedia playback functions. It may also include a terminal capable of performing.
  • the mobile terminal may be a terminal that is basically installed to operate an application that provides a screen configuration method according to the present embodiment or a program module having a corresponding function.
  • the display unit of the mobile terminal may be a device capable of outputting an image according to various implementation methods such as a liquid crystal display (LCD), an organic light emitting diode (OLED), a 3D display, and another flexible display.
  • LCD liquid crystal display
  • OLED organic light emitting diode
  • 3D display 3D display
  • another flexible display another flexible display
  • the display unit of the mobile terminal according to the present embodiment may include functions such as screen zoom in, zoom out, screen movement, and scrolling.
  • the content to be output on the screen of the mobile terminal may be data downloaded from the Internet by the network connection unit 130.
  • the display unit of the mobile terminal may be implemented as a touch screen.
  • the touch information processing unit 140 may sense the touch point on the screen to process event information generated at the corresponding position.
  • the internal screen configuration unit 120 configures an internal screen located inside the entire screen represented by the external screen configuration unit 110. If the internal content to be displayed is larger than the internal screen, the screen indicating the internal content using the internal scrolling is displayed. It is a component.
  • the internal screen may be a screen, for example, a window, which is located inside the entire screen as described above, and the external screen is a name expressed relative to the internal screen.
  • the display control unit 150 may be configured such that the external screen configuration unit 110, the internal screen configuration unit 120, the network connection unit 130, and the touch information processing unit 140 may perform their own functions while interoperating with each other. Control the function.
  • the internal screen configuration unit 120 may include an internal image processor 210, a set image processor 220, an image generator 230, and a function activator 240.
  • the internal image processor 210 When the internal content to be displayed is larger than the internal screen, the internal image processor 210 renders only the content specified by the bar position of the internal scroll among the internal content.
  • the internal screen may be a screen whose size and position are fixed among the entire screens.
  • the internal content may include various contents such as text, an image, a component, and the like.
  • the internal image processor 210 does not render the entire content to be output on the internal screen, but renders only the internal content corresponding to the current position indicated by the internal scroll bar on the internal screen in consideration of the data processing capability of the mobile terminal.
  • the setting image processor 220 further renders a corresponding area of the internal content specified in advance by the speed or acceleration of the internal scroll bar operated by the user. For example, when the internal image processing unit 210 images only some internal content on the internal screen, when the user moves the internal scroll bar implemented on the internal screen, the set image processing unit 220 corresponds to all the paths through which the scroll bar moves. Instead of rendering all of the internal image, only a specific area corresponding to the position where the scroll bar will stop may be rendered.
  • the internal scroll may have a scroll bar length corresponding to the length of the entire internal content to be output on the internal screen, and the center of the scroll bar may be determined according to the position of the internal content currently output from the entire internal content.
  • the distance that the internal scroll bar moves according to the speed or acceleration in which the user pushes in the stationary state is formed correspondingly. That is, the internal scroll bar that pushes hard as the user bounces increases in speed and acceleration, and thus the stopping position may vary according to the user's operation state.
  • the unimaged region among the internal contents corresponding to the movement state of the internal scroll bar may maintain the unimaged state. That is, when the internal scroll bar is moved by the user's manipulation, the internal content corresponding to the position during the movement does not need to be rendered, so that the unimaged state can be maintained as it is.
  • This method is also a method for more efficiently implementing the performance of the mobile terminal.
  • the internal scroll bar can be moved by touching the finger directly by the user, by using the cursor of the mouse, or by using the wheel connected to the mouse. In each case, the speed and acceleration of the internal scroll bar can be changed depending on how the user operates. Can vary.
  • whether to maintain the unimaged area may be determined by referring to the state of the internal scroll bar. That is, when the speed or acceleration of the internal scroll bar manipulated by the user is greater than a preset threshold, the unimaged area of the internal content corresponding to the intermediate moving path of the internal scroll bar may maintain the unimaged state.
  • the internal image when the internal scroll bar moves slowly, the internal image needs to be shown to the user even if the internal scroll bar moves, so that the internal image corresponding to the internal scroll bar position may be output on the internal screen. Therefore, if a specific threshold is set with respect to the speed or acceleration of the moving internal scroll bar, the internal image may not be visualized when the internal scroll bar moves larger than the corresponding threshold, and the internal image may be visualized when the internal scroll bar moves below it.
  • the above-described internal scroll may include an up and down scroll for moving the internal image up and down and a left and right scroll for moving the left and right.
  • the region to be rendered may be formed larger than the above-described range. Since the user often moves from the page he is currently viewing to the page immediately above and the page immediately below, the user may image the page immediately above and below as well.
  • the internal image processing unit 210 determines the content specified by the position of the bar of the internal scroll and the content of the previous page and the subsequent page to be displayed according to the movement of the bar of the internal scroll. You can also render them all together.
  • the image generator 230 may render internal content to be rendered as an image.
  • the image generator 230 may be a canvas tag.
  • the image generator 230 may be a canvas for creating an image in HTML5.
  • the function activator 240 dynamically generates a specific component rendered as an image when the user clicks to activate a function of the component. For example, when a component such as a button or a check box is imaged by the image generator 230, when a user clicks a button, the function activator 240 activates a component corresponding to the clicked position. The button can raise an event to be clicked.
  • the set image processor 220 may include a movement information measuring unit 221, a position matching unit 222, and a corresponding position rendering unit 223.
  • the exemplary embodiment provides a specific function unit for rendering the content specified in advance by the speed or acceleration of the internal scroll bar operated by the user.
  • the movement information measuring unit 221 measures a position where the internal scroll bar stops.
  • the position of the internal scroll bar may be specified when the user touches the scroll bar to move it to a specific position, or may be specified when the scroll bar is moved by accelerating acceleration from the initial position.
  • the position at which the scroll bar will stop may be specified by calculating using the speed and acceleration of the initial scroll bar.
  • the movement of the scroll bar has a predetermined resistance in a direction opposite to the movement direction, and the position where the scroll bar stops may be determined by using the resistance, the current speed, and the acceleration.
  • the internal content corresponding to the stop position of the pre-calculated scroll bar may be output on the internal screen.
  • the position counter 222 specifies the internal content to be output corresponding to the stop position of the internal scroll bar. For example, by calculating the ratio of the position at which the internal scroll bar stops with respect to the length of the entire internal scroll, the ratio may be applied to the length of the internal content, and the length of the internal content to be imaged may be specified according to the size of the internal screen.
  • the corresponding position rendering unit 223 may image the internal content specified by the position matching unit 222 and output the image on the internal screen.
  • FIG. 4 is a flowchart illustrating a mobile terminal screen configuration method according to an embodiment of the present invention.
  • Each step to be described below may be performed by the mobile terminal 100 as a subject.
  • the processes described in each step are not necessarily performed in a time-series order, and even if the execution order of each step is changed, the process may be included in the scope of the present invention if the gist of the present invention is met.
  • step S410 the entire screen to be an external screen is constructed.
  • the entire screen to be displayed on the display unit of the mobile terminal is configured to be larger than the entire screen, the entire contents are displayed by using the scroll.
  • the scroll used herein may be referred to as an external scroll to be distinguished from the scroll used for the internal screen.
  • step S420 an internal screen is constructed.
  • the internal screen when the internal screen is configured, when the internal content to be displayed is larger than the internal screen, the internal content is represented by using the internal scrolling without rendering the internal content as a whole.
  • step S421 when the internal content to be displayed is larger than the internal screen, only the content specified by the position of the internal scroll bar in the internal content is rendered on the internal screen.
  • the mobile terminal can image the contents to be output quickly by rendering only the contents to be viewed without rendering the entire contents even at a relatively low performance.
  • the internal content may be selectively imaged in correspondence with a user operation. Specifically, the corresponding region of the internal content which is specified in advance by the speed or acceleration of the internal scroll bar may be further rendered.
  • FIG. 5 is a flowchart illustrating a mobile terminal screen configuration method according to another embodiment of the present invention.
  • the present embodiment shows a method of smoothly scrolling without a break by calculating an optimal frame per second (FPS) when driving an internal screen that is a scroll view.
  • FPS frame per second
  • the basic FPS setting unit sets a basic FPS for operating the scroll view for each OS of the mobile terminal.
  • iOS can be set to 60Hz and Android to 60Hz.
  • the default FPS can be a processing speed that sets the scroll view, the internal screen on the web, to work seamlessly.
  • step S520 the maximum FPS measuring unit measures the current maximum FPS of the mobile terminal, and in step S530, the FPS comparator compares the basic FPS and the maximum FPS with each other. If the maximum FPS is greater than or equal to the basic FPS, there is no problem even when the scroll view is operated with the basic FPS.
  • step S540 the use FPS setting unit sets the FPS to use the basic FPS.
  • step S550 the use FPS setting unit sets the maximum FPS to the FPS to be used.
  • step S560 the screen configuration unit operates the scroll view at the set FPS.
  • Each screen can be generated as an image by an HTML5 canvas on the web, and can be a full screen or an internal screen of the web.
  • the canvas draws a screen consisting of images every frame.
  • a plurality of images, labels, edit boxes, and buttons are output as images by the canvas.
  • the scroll bar stops at a specific position by the user.
  • the position at which the scroll bar is to be moved may be calculated in advance, and an output content corresponding to the position may be generated as an image and quickly output to the user.
  • the corresponding component when a user clicks on a specific component output as an image, the corresponding component may be activated and re-rendered as a component that performs its original function. For example, if a user clicks an edit box (a component with an input text here) created as an image, the edit box may be re-rendered and the cursor may be in a state where text is input.
  • an edit box a component with an input text here
  • the screen configuration method of the mobile terminal according to the present invention may be implemented in the form of program instructions that can be executed by various computer means and recorded in a computer readable medium.
  • the recording medium may be a computer-readable recording medium having recorded thereon a program for causing the computer to execute the above-described steps.
  • the computer readable medium may include a program command, a data file, a data structure, etc. alone or in combination.
  • Program instructions recorded on the media may be those specially designed and constructed for the purposes of the present invention, or they may be of the kind well-known and available to those having skill in the computer software arts.
  • Examples of computer readable recording media include magnetic media such as hard disks, floppy disks, and magnetic tape, optical media such as CD-ROMs, DVDs, and magnetic disks such as floppy disks.

Abstract

모바일 단말기 화면 구성 장치 및 그 방법이 개시된다. 모바일 단말기의 디스플레이부에 표시되는 전체 화면을 구성하며, 표시할 전체 내용이 상기 전체 화면 보다 큰 경우 외부 스크롤을 이용하여 상기 전체 내용을 나타내는 외부 화면 구성부; 및 상기 전체 화면의 내부에 위치하는 내부 화면을 구성하며, 표시할 내부 내용이 상기 내부 화면 보다 큰 경우 내부 스크롤을 이용하여 상기 내부 내용을 나타내는 내부 화면 구성부를 포함하는 모바일 단말기 화면 구성 장치는 모바일 단말기에서 출력되는 화면의 내부에 또 다른 화면을 구현하여 일반 컴퓨터에 비해 성능이 낮은 모바일 단말기에서도 사용자가 보다 편리하게 많은 정보를 취급할 수 있는 효과가 있다.

Description

모바일 단말기 화면 구성 장치 및 그 방법
본 발명은 모바일 단말기 화면 구성 장치 및 그 방법에 관한 것이다.
현재 이동통신 기술이 발전하면서 사용자는 핸드폰을 이용하여 인터넷에 접속하고 웹을 이용할 수 있다. 이 경우 핸드폰은 사용자가 일반적으로 사용하는 컴퓨터에 비해 데이터 처리 능력 및 메모리 등의 성능이 낮으므로, 웹 화면을 구성할 때 컴퓨터에 비해 시간이 오래 걸린다.
종래 기술들은 일반적으로 속도 및 성능이 낮은 핸드폰에서 웹을 구현하기 위한 방법을 제공한다. 예를 들면, 대한민국 공개특허 제2008-0101485호와 같은 선행기술은 사용자가 웹페이지 링크 영역을 클릭하지 않아도 액세스 가부 및 속도에 관한 정보를 알도록 정보를 제공한다. 이러한 선행기술은 사용자가 해당 정보에 대한 엑세스 가능 여부를 미리 판단함으로써 이동통신 단말기에서 웹페이지를 효율적으로 사용하도록 하였다.
하지만, 종래 기술들에서는 핸드폰의 웹 페이지 내부에 또 다른 화면을 구성하기 위한 기술은 제시하지 않고 있다. 핸드폰의 웹 페이지에서도 보다 다양한 정보를 제공하고 있으므로, 전체 화면 속의 내부 화면이 핸드폰에 적합하게 구현될 필요가 있다.
전술한 배경기술은 발명자가 본 발명의 도출을 위해 보유하고 있었거나, 본 발명의 도출 과정에서 습득한 기술 정보로서, 반드시 본 발명의 출원 전에 일반 공중에게 공개된 공지기술이라 할 수는 없다.
본 발명은 모바일 단말기에서 출력되는 화면의 내부에 또 다른 화면을 구현하여 일반 컴퓨터에 비해 성능이 낮은 모바일 단말기에서도 사용자가 보다 편리하게 많은 정보를 취급할 수 있는 모바일 단말기 화면 구성 장치 및 그 방법을 제공한다.
본 발명이 제시하는 이외의 기술적 과제들은 하기의 설명을 통해 쉽게 이해될 수 있을 것이다.
본 발명의 일 측면에 따르면, 모바일 단말기의 디스플레이부에 표시되는 전체 화면을 구성하며, 표시할 전체 내용이 상기 전체 화면 보다 큰 경우 외부 스크롤을 이용하여 상기 전체 내용을 나타내는 외부 화면 구성부; 및 상기 전체 화면의 내부에 위치하는 내부 화면을 구성하며, 표시할 내부 내용이 상기 내부 화면 보다 큰 경우 내부 스크롤을 이용하여 상기 내부 내용을 나타내는 내부 화면 구성부를 포함하는 모바일 단말기 화면 구성 장치가 제공된다.
여기서, 상기 전체 화면 및 상기 내부 화면은 웹페이지가 될 수 있다.
또한, 상기 내부 화면 구성부는, 상기 표시할 내부 내용이 상기 내부 화면 보다 큰 경우 상기 내부 내용 중 상기 내부 스크롤의 바 위치에 의해 특정되는 내용을 렌더링하는 내부 영상 처리부를 포함할 수 있다.
또한, 상기 내부 화면 구성부는, 사용자에 의해 조작되는 상기 내부 스크롤의 바의 속도 또는 가속도에 의해 미리 특정되는 상기 내부 내용의 대응 영역을 더 렌더링하는 설정 영상 처리부를 포함할 수 있다.
여기서, 상기 내부 스크롤의 바는 정지한 상태에서 상기 사용자가 미는 속도 또는 가속도에 따라 이동하는 거리가 다를 수 있다.
또한, 상기 내부 스크롤의 바의 이동 상태에 상응하는 상기 내부 내용 중 미영상화 영역은 미영상화 상태를 유지할 수 있다.
여기서, 상기 사용자에 의해 조작되는 상기 내부 스크롤의 바의 속도 또는 가속도가 미리 설정된 임계치보다 큰 경우 상기 내부 스크롤의 바의 중간 이동 경로에 상응하는 상기 내부 내용 중 미영상화 영역은 미영상화 상태를 유지할 수 있다.
또한, 상기 내부 스크롤은 상하 스크롤 및 좌우 스크롤을 포함할 수 있다.
여기서, 상기 내부 영상 처리부는 상기 표시할 내부 내용이 상기 내부 화면 보다 큰 경우 상기 내부 스크롤의 바의 위치에 의해 특정되는 내용, 상기 내부 스크롤의 바의 이동에 따라 표시될 이전 페이지 내용 및 이후 페이지 내용을 렌더링할 수 있다.
또한, 상기 내부 화면 구성부는 렌더링하는 상기 내부 내용을 이미지로 렌더링하는 이미지 생성부를 더 포함할 수 있다.
또한, 상기 내부 화면 구성부는 상기 이미지로 렌더링된 컴포넌트를 사용자가 클릭시 동적으로 생성하여 상기 컴포넌트의 기능을 활성화하는 기능 활성화부를 더 포함할 수 있다.
여기서, 상기 이미지 생성부는 캔버스(canvas) 태그가 될 수 있으며, 상기 내부 화면에 표시되는 내부 내용은 그리드(grid)를 포함할 수 있다.
또한, 본 실시예는 상기 모바일 단말기의 OS별로 내부 화면을 동작시킬 기본 FPS(frame per second)를 설정하는 기본 FPS 설정부; 상기 모바일 단말기의 현재 최대 FPS를 측정하는 최대 FPS 측정부; 상기 기본 FPS와 상기 최대 FPS를 서로 비교하는 FPS 비교부; 및 상기 기본 FPS와 상기 최대 FPS 중 작은 FPS를 사용할 FPS로 설정하는 사용 FPS 설정부를 포함할 수 있다.
본 발명의 다른 측면에 따르면, 모바일 단말기 화면 구성 장치가 수행하는 화면 구성 방법에 있어서, 상기 모바일 단말기의 디스플레이부에 표시되는 전체 화면 구성 시, 표시할 전체 내용이 상기 전체 화면 보다 큰 경우 외부 스크롤을 이용하여 상기 전체 내용을 나타내는 단계; 및 상기 전체 화면의 내부에 위치하는 내부 화면 구성 시, 표시할 내부 내용이 상기 내부 화면 보다 큰 경우 내부 스크롤을 이용하여 상기 내부 내용을 나타내는 단계를 포함하는 모바일 단말기 화면 구성 방법이 제공된다.
본 실시예는 상기 표시할 내부 내용이 상기 내부 화면 보다 큰 경우 상기 내부 내용 중 상기 내부 스크롤의 바의 위치에 의해 특정되는 내용을 상기 내부 화면에 렌더링하는 단계를 더 포함할 수 있다.
또한, 본 실시예는 사용자에 의해 조작되는 상기 내부 스크롤의 바의 속도 또는 가속도에 의해 미리 특정되는 상기 내부 내용의 대응 영역을 더 렌더링하는 단계를 포함할 수 있다.
여기서, 상기 내부 스크롤의 바는 정지한 상태에서 상기 사용자가 미는 속도 또는 가속도에 따라 이동하는 거리가 다를 수 있다.
또한, 상기 내부 스크롤의 바의 이동 상태에 상응하는 상기 내부 내용 중 미영상화 영역은 미영상화 상태를 유지할 수 있다.
여기서, 상기 사용자에 의해 조작되는 상기 내부 스크롤의 바의 속도 또는 가속도가 미리 설정된 임계치보다 큰 경우 상기 내부 스크롤의 바의 이동 상태에 상응하는 상기 내부 내용 중 미영상화 영역은 미영상화 상태를 유지할 수 있다.
또한, 상기 표시할 내부 내용이 상기 내부 화면 보다 큰 경우 상기 내부 스크롤의 바의 위치에 의해 특정되는 내용, 상기 내부 스크롤의 이동에 따라 표시될 이전 페이지 내용 및 이후 페이지 내용을 렌더링할 수 있다.
또한, 본 실시예는 렌더링하는 상기 내부 내용을 이미지로 렌더링하는 단계를 더 포함할 수 있다.
또한, 본 실시예는 상기 이미지로 렌더링된 컴포넌트를 사용자가 클릭시 동적으로 생성하여 상기 컴포넌트의 기능을 활성화하는 단계를 더 포함할 수 있다.
전술한 것 외의 다른 측면, 특징, 이점이 이하의 도면, 특허청구범위 및 발명의 상세한 설명으로부터 명확해질 것이다.
본 발명에 따른 모바일 단말기 화면 구성 장치 및 그 방법은 모바일 단말기에서 출력되는 화면의 내부에 또 다른 화면을 구현하여 일반 컴퓨터에 비해 성능이 낮은 모바일 단말기에서도 사용자가 보다 편리하게 많은 정보를 취급할 수 있는 효과가 있다.
도 1은 본 발명의 실시예에 따른 모바일 단말기 화면 구성 장치의 블록 구성도.
도 2는 본 발명의 실시예에 따른 모바일 단말기 화면 구성 장치 중 내부 화면 구성부의 블록 구성도.
도 3은 본 발명의 실시예에 따른 모바일 단말기 화면 구성 장치 중 설정 영상 처리부의 블록 구성도.
도 4는 본 발명의 실시예에 따른 모바일 단말기 화면 구성 방법의 흐름도.
도 5는 본 발명의 다른 실시예에 따른 모바일 단말기 화면 구성 방법의 흐름도.
도 6 내지 도 11은 본 발명의 실시예에 따른 모바일 단말기 화면 구성 방법에 따라 순차적으로 출력된 화면.
본 발명은 다양한 변경을 가할 수 있고 여러 가지 실시예를 가질 수 있는 바, 특정 실시예들을 도면에 예시하고 상세한 설명에 상세하게 설명하고자 한다. 그러나 이는 본 발명을 특정한 실시 형태에 대해 한정하려는 것이 아니며, 본 발명의 사상 및 기술 범위에 포함되는 모든 변경, 균등물 내지 대체물을 포함하는 것으로 이해되어야 한다.
제1, 제2 등과 같이 서수를 포함하는 용어는 다양한 구성요소들을 설명하는데 사용될 수 있지만, 상기 구성요소들은 상기 용어들에 의해 한정되지는 않는다. 상기 용어들은 하나의 구성요소를 다른 구성요소로부터 구별하는 목적으로만 사용된다.
어떤 구성요소가 다른 구성요소에 "연결되어" 있다거나 "접속되어" 있다고 언급된 때에는, 그 다른 구성요소에 직접적으로 연결되어 있거나 또는 접속되어 있을 수도 있지만, 중간에 다른 구성요소가 존재할 수도 있다고 이해되어야 할 것이다.
본 명세서에서 사용한 용어는 단지 특정한 실시예를 설명하기 위해 사용된 것으로, 본 발명을 한정하려는 의도가 아니다. 단수의 표현은 문맥상 명백하게 다르게 뜻하지 않는 한, 복수의 표현을 포함한다. 본 명세서에서, "포함하다" 또는 "가지다" 등의 용어는 명세서상에 기재된 특징, 숫자, 단계, 동작, 구성요소, 부품 또는 이들을 조합한 것이 존재함을 지정하려는 것이지, 하나 또는 그 이상의 다른 특징들이나 숫자, 단계, 동작, 구성요소, 부품 또는 이들을 조합한 것들의 존재 또는 부가 가능성을 미리 배제하지 않는 것으로 이해되어야 한다.
또한, 명세서에 기재된 "~부", "~모듈", "~수단" 등의 용어는 적어도 하나의 기능이나 동작을 처리하는 단위를 의미하며, 이는 하드웨어나 소프트웨어 또는 하드웨어 및 소프트웨어의 결합으로 구현될 수 있다.
또한, 첨부 도면을 참조하여 설명함에 있어, 도면 부호에 관계없이 동일한 구성 요소는 동일한 참조부호를 부여하고 이에 대한 중복되는 설명은 생략하기로 한다. 본 발명을 설명함에 있어서 관련된 공지 기술에 대한 구체적인 설명이 본 발명의 요지를 불필요하게 흐릴 수 있다고 판단되는 경우 그 상세한 설명을 생략한다.
도 1은 본 발명의 실시예에 따른 모바일 단말기 화면 구성 장치의 블록 구성도이다. 도 1을 참조하면, 모바일 단말기(100)는 외부 화면 구성부(110), 내부 화면 구성부(120), 네트워크 연결부(130), 터치 정보 처리부(140), 디스플레이 제어 유닛(150)을 포함할 수 있다.
본 실시예는 모바일 단말기에서 출력되는 화면의 내부에 또 다른 화면을 구현하여 일반 컴퓨터에 비해 성능이 낮은 모바일 단말기에서도 사용자가 보다 편리하게 많은 정보를 취급할 수 있는 특징이 있다. 즉, 본 실시예는 모바일 단말기 웹에서 스크롤 뷰를 구현하여 콘텐츠의 출력 형태를 다양하게 구현하는 특징이 있다.
여기서, 외부 화면 구성부(110) 및 내부 화면 구성부(120)는 화면 구성 장치가 될 수 있다.
이하에서 설명할 각 화면은 모바일 단말기에서 출력되는 프로그램의 화면, 웹페이지 등의 화면이 될 수 있으며, 이하에서는 설명의 편의상 모바일 단말기의 웹페이지 출력 화면을 중점적으로 설명한다.
외부 화면 구성부(110)는 모바일 단말기의 디스플레이부에 표시되는 전체 화면을 구성하며, 표시할 전체 내용이 전체 화면 보다 큰 경우 외부 스크롤을 이용하여 전체 내용을 나타내는 화면 구성부이다.
모바일 단말기는 휴대성(portability)을 가진 소형 디지털 기기로서, PDC(Personal Digital Cellular)폰, PCS(Personal Communication Service)폰, PHS(Personal Handyphone System)폰, CDMA-2000(1X, 3X)폰, WCDMA(Wideband CDMA)폰, 듀얼 밴드/듀얼 모드(Dual Band/Dual Mode)폰, GSM(Global Standard for Mobile)폰, MBS(Mobile Broadband System)폰, DMB(Digital Multimedia Broadcasting) 단말, 스마트(Smart) 폰, OFDM(Orthogonal Frequency Division Multiplexing) 단말, OFDMA(Orthogonal Frequency Division Multiplexing Access) 단말 등과 같이 통신 기능을 구비한 기기를 포함한다.
또한, 모바일 단말기는 핸드 헬드 PC(Hand-Held PC), 노트북 컴퓨터, 랩탑 컴퓨터, 패드 등과 같이 범용의 또는 특화된 용도의 컴퓨팅 장치로서, 멀티미디어 재생 기능을 수행할 수 있는 마이크로프로세서를 탑재함으로써 일정한 연산 동작을 수행할 수 있는 단말기를 포함할 수도 있다.
또한, 모바일 단말기는 본 실시예에 따른 화면 구성 방법을 제공하는 애플리케이션 혹은 이에 상응하는 기능의 프로그램 모듈이 동작 가능하도록 기본 탑재된 단말기가 될 수 있다.
모바일 단말기의 디스플레이부는 LCD(Liquid Crystal Display), OLED(Organic Light Emitting Diode), 3D 디스플레이, 기타 플렉서블 디스플레이(Flexible Display) 등 다양한 구현 방식에 따라 이미지를 출력할 수 있는 장치가 될 수 있다.
본 실시예에 따른 모바일 단말기의 디스플레이부는 화면 줌인, 줌아웃, 화면 이동, 스크롤 등의 기능을 포함할 수 있다.
모바일 단말기의 화면에 출력될 내용은 네트워크 연결부(130)에 의해서 인터넷으로부터 다운로드 받은 데이터가 될 수 있다. 또한, 모바일 단말기의 디스플레이부는 터치스크린으로 구현될 수 있으며, 이 경우 터치 정보 처리부(140)가 화면 중 터치 지점을 센싱하여 해당 위치에서 발생하는 이벤트 정보를 처리할 수 있다.
내부 화면 구성부(120)는 외부 화면 구성부(110)가 나타내는 전체 화면의 내부에 위치하는 내부 화면을 구성하며, 표시할 내부 내용이 내부 화면 보다 큰 경우 내부 스크롤을 이용하여 내부 내용을 나타내는 화면 구성부이다.
내부 화면은 상술한 전체 화면의 내부에 위치하는 화면, 예를 들면, 창(window)이 될 수 있으며, 외부 화면은 내부 화면에 대해 상대적으로 표현된 명칭이다.
디스플레이 제어 유닛(150)은 상술한 외부 화면 구성부(110), 내부 화면 구성부(120), 네트워크 연결부(130), 터치 정보 처리부(140)가 서로 연동하면서 자신의 고유한 기능을 수행하도록 각 기능부를 제어한다.
도 2는 본 발명의 실시예에 따른 모바일 단말기 화면 구성 장치 중 내부 화면 구성부의 블록 구성도이다. 도 2를 참조하면, 내부 화면 구성부(120)는 내부 영상 처리부(210), 설정 영상 처리부(220), 이미지 생성부(230), 기능 활성화부(240)를 포함할 수 있다.
내부 영상 처리부(210)는 표시할 내부 내용이 내부 화면 보다 큰 경우 내부 내용 중 내부 스크롤의 바 위치에 의해 특정되는 내용만을 렌더링한다. 여기서, 내부 화면은 전체 화면 중 그 크기 및 위치가 고정된 화면이 될 수 있다. 내부 내용은 텍스트, 이미지, 컴포넌트 등의 다양한 컨텐츠를 포함할 수 있다.
내부 영상 처리부(210)는 내부 화면에 출력될 전체 내용을 렌더링하는게 아니라, 모바일 단말기의 데이터 처리 성능을 고려하여 내부 화면에서 내부 스크롤바가 나타내는 현재 위치에 해당하는 내부 내용만을 렌더링한다.
설정 영상 처리부(220)는 사용자에 의해 조작되는 내부 스크롤바(scroll bar)의 속도 또는 가속도에 의해 미리 특정되는 내부 내용의 대응 영역을 더 렌더링한다. 예를 들면, 내부 영상 처리부(210)가 내부 화면에 일부 내부 내용만을 영상화할 때, 사용자가 내부 화면에 구현된 내부 스크롤바를 움직이는 경우, 설정 영상 처리부(220)는 스크롤바가 움직이는 모든 경로에 해당하는 내부 영상을 모두 렌더링하는게 아니라, 스크롤바가 정지할 위치에 해당하는 특정 영역만을 렌더링할 수 있다.
내부 스크롤은 내부 화면에 출력될 전체 내부 내용의 길이에 상응하여 이동하는 스크롤바 길이가 결정될 수 있으며, 스크롤바의 중심은 전체 내부 내용에서 현재 출력되는 내부 내용의 위치에 상응하여 정해질 수 있다.
여기서, 내부 스크롤바는 정지한 상태에서 사용자가 미는 상태가 상응하여 형성되는 속도 또는 가속도에 따라 이동하는 거리가 다를 수 있다. 즉, 사용자가 튕기듯이 세게 미는 내부 스크롤바는 속도 및 가속도가 커지고 이에 따라 멈추는 위치가 사용자의 조작 상태에 따라 달라질 수 있다.
또한, 내부 스크롤바의 이동 상태에 상응하는 내부 내용 중 미영상화 영역은 미영상화 상태를 유지할 수 있다. 즉, 내부 스크롤바가 사용자의 조작에 의해 이동하는 경우 이동하는 동안의 위치에 상응하는 내부 내용은 렌더링될 필요가 없으므로, 미영상화 상태를 그대로 유지될 수 있다. 이러한 방법도 모바일 단말기의 성능을 보다 효율적으로 구현하기 위한 방법이다.
내부 스크롤바는 사용자가 직접 손가락으로 터치하여 움직이거나 마우스의 커서를 이용하여 움직이거나 마우스에 결합한 휠을 이용하여 움직일 수 있으며, 각각의 경우 모두 사용자가 조작하는 방식에 따라 내부 스크롤바가 움직이는 속도 및 가속도가 달라질 수 있다.
또한, 다른 실시예에 따르면, 미영상화되는 영역의 유지 여부는 내부 스크롤바의 상태를 참조하여 결정될 수 있다. 즉, 사용자에 의해 조작되는 내부 스크롤바의 속도 또는 가속도가 미리 설정된 임계치보다 큰 경우 내부 스크롤바의 중간 이동 경로에 상응하는 내부 내용 중 미영상화 영역은 미영상화 상태를 유지할 수 있다.
예를 들면, 내부 스크롤바가 느리게 움직이는 경우에는, 내부 스크롤바가 움직이더라도 내부 영상을 사용자에게 보여줄 필요가 있으므로 내부 스크롤바 위치에 해당하는 내부 영상을 내부 화면에 출력할 수 있다. 따라서 이동하는 내부 스크롤바의 속도 또는 가속도에 관해서 특정 임계치를 정하여 내부 스크롤바가 해당 임계치보다 크게 움직이는 경우에는 내부 영상을 시각화하지 않고, 그 이하로 움직이는 경우에는 내부 영상을 시각화할 수 있다.
상술한 내부 스크롤은 내부 영상을 상하로 위치 이동시키는 상하 스크롤 및 좌우로 위치 이동시키는 좌우 스크롤을 포함할 수 있다.
또한, 다른 실시예에 따르면, 렌더링되는 영역은 상술한 범위보다 크게 형성될 수 있다. 사용자는 자신이 현재 보는 페이지에서 바로 위 페이지 및 바로 아래 페이지로 이동하는 경우가 많기 때문에 현재 보는 페이지를 영상화하는 경우 바로 위 및 아래 페이지도 같이 영상화할 수 있다.
즉, 내부 영상 처리부(210)는 표시할 내부 내용이 내부 화면 보다 큰 경우 내부 스크롤의 바의 위치에 의해 특정되는 내용과, 내부 스크롤의 바의 이동에 따라 표시될 이전 페이지 내용 및 이후 페이지 내용을 모두 함께 렌더링할 수도 있다.
이미지 생성부(230)는 렌더링하는 내부 내용을 이미지로 렌더링할 수 있다. 여기서, 이미지 생성부(230)는 캔버스(canvas) 태그가 될 수 있다. 예를 들면, 이미지 생성부(230)는 HTML5에서 이미지를 작성하는 캔버스가 될 수 있다.
이 경우 출력 대상인 이미지, 텍스트, 그리드(grid), 컴포넌트 등을 모두 이미지로 출력함으로써 해당 내용을 보다 빠르게 출력할 수 있다.
기능 활성화부(240)는 이미지로 렌더링된 특정 컴포넌트를 사용자가 클릭시 동적으로 생성하여 컴포넌트의 기능을 활성화시킨다. 예를 들면, 버튼, 체크 박스 등과 같은 컴포넌트가 이미지 생성부(230)에 의해 이미지로 영상화된 경우 사용자가 버튼을 클릭하는 경우 기능 활성화부(240)는 클릭된 위치에 상응하는 컴포넌트를 활성화하여 해당 버튼은 클릭되도록 이벤트를 발생시킬 수 있다.
도 3은 본 발명의 실시예에 따른 모바일 단말기 화면 구성 장치 중 설정 영상 처리부의 블록 구성도이다. 도 3을 참조하면, 설정 영상 처리부(220)는 이동 정보 측정부(221), 위치 대응부(222), 대응 위치 렌더링부(223)를 포함할 수 있다.
본 실시예는 상술한 바와 같이 설정 영상 처리부(220)가 사용자에 의해 조작되는 내부 스크롤바(scroll bar)의 속도 또는 가속도에 의해 미리 특정되는 내용을 렌더링하기 위한 구체적인 기능부를 제공한다.
이동 정보 측정부(221)는 내부 스크롤바가 멈출 위치를 측정한다. 내부 스크롤바의 위치는 사용자가 스크롤바를 터치해서 특정 위치로 옮겨 놓는 경우 특정되거나 또는 최초 위치에서 사용자가 튕기듯이 가속도를 부여하여 스크롤바를 움직이는 경우 특정될 수 있다.
여기서, 스크롤바가 정지할 위치는 최초 스크롤바의 속도 및 가속도를 이용하여 계산함으로써 특정될 수 있다. 예를 들면, 스크롤바의 움직임은 이동 방향과 반대방향으로 소정의 저항력이 있으며, 해당 저항력, 현재 속도 및 가속도를 이용하면 스크롤바가 멈출 위치가 결정될 수 있다. 내부 화면에는 미리 계산된 스크롤바의 멈출 위치에 대응하는 내부 내용이 출력될 수 있다.
위치 대응부(222)는 내부 스크롤바의 멈출 위치에 해당하여 출력될 내부 내용을 특정한다. 예를 들면, 전체 내부 스크롤의 길이에 대해 내부 스크롤바가 멈출 위치의 비율을 계산하여, 해당 비율을 내부 내용의 길이에 적용하고 내부 화면의 크기에 맞게 내부 내용의 영상화될 길이를 특정할 수 있다.
대응 위치 렌더링부(223)는 위치 대응부(222)에 의해 특정된 내부 내용을 영상화하여 내부 화면에 출력할 수 있다.
도 4는 본 발명의 실시예에 따른 모바일 단말기 화면 구성 방법의 흐름도이다. 이하에서 서술할 각 단계는 상술한 모바일 단말기(100)가 주체가 되어 수행할 수 있다. 각 단계별로 기술되는 과정은 반드시 시계열적인 순서대로 수행될 필요는 없으며, 각 단계의 수행 순서가 바뀌어도 본 발명의 요지를 충족한다면 이러한 과정은 본 발명의 권리범위에 속할 수 있음은 물론이다.
단계 S410에서, 외부 화면이 되는 전체 화면을 구성한다. 여기서, 모바일 단말기의 디스플레이부에 표시되는 전체 화면 구성 시, 표시할 전체 내용이 전체 화면 보다 큰 경우 스크롤을 이용하여 전체 내용을 나타낸다. 여기서 이용되는 스크롤은 내부 화면에 이용되는 스크롤과 구분되기 위해 외부 스크롤이라고 지칭될 수 있다.
단계 S420에서, 내부 화면을 구성한다. 여기서, 내부 화면 구성 시, 표시할 내부 내용이 내부 화면 보다 큰 경우 그 내부 내용을 전체적으로 렌더링하지 않고 내부 스크롤을 이용하여 내부 내용을 나타낸다.
단계 S421에서, 표시할 내부 내용이 내부 화면 보다 큰 경우 내부 내용에서 내부 스크롤바의 위치에 의해 특정되는 내용만을 내부 화면에 렌더링한다. 모바일 단말기는 이러한 단계에 의하여 비교적 낮은 성능에서도 전체 내용을 렌더링하지 않고 보일 내용만 렌더링함으로써 빠르게 출력될 내용을 영상화할 수 있다.
단계 S422에서, 내부 내용은 사용자 조작에 상응하여 선택적으로 영상화될 수 있다. 구체적으로, 내부 스크롤바의 속도 또는 가속도에 의해 미리 특정되는 내부 내용의 대응 영역을 더 렌더링할 수 있다.
도 5는 본 발명의 다른 실시예에 따른 모바일 단말기 화면 구성 방법의 흐름도이다. 본 실시예는 스크롤 뷰(scroll view)인 내부 화면 구동시 최적의 FPS(frame per second)를 계산하여 끊김 없이 부드럽게 스크롤 할 수 있는 방법을 나타낸다.
단계 S510에서, 기본 FPS 설정부는 모바일 단말기의 OS별로 스크롤 뷰를 동작시킬 기본 FPS를 설정한다. 예를 들면, iOS는 60Hz, Android도 60Hz롤 설정될 수 있다. 기본 FPS는 웹에서 내부 화면인 스크롤 뷰가 끊김 없이 동작될 수 있도록 설정하는 처리 속도가 될 수 있다.
단계 S520에서, 최대 FPS 측정부는 모바일 단말기의 현재 최대 FPS를 측정하고, 단계 S530에서, FPS 비교부는 기본 FPS와 최대 FPS를 서로 비교한다. 만약, 최대 FPS가 기본 FPS 이상인 경우에는 기본 FPS로 스크롤 뷰를 동작하여도 무리가 없으므로, 단계 S540에서, 사용 FPS 설정부는 기본 FPS를 사용할 FPS로 설정한다.
하지만, 최대 FPS가 기본 FPS 보다 작은 경우에는 기본 FPS로 스크롤 뷰를 동작하면 모바일 단말기에 무리가 될 수 있으므로, 단계 S550에서, 사용 FPS 설정부는 최대 FPS를 사용할 FPS로 설정한다.
단계 S560에서, 화면 구성부는 설정된 FPS로 스크롤 뷰를 동작한다.
이상에서 모바일 단말기 화면 구성 장치 및 그 방법을 일반적으로 도시한 블록 구성도 및 흐름도를 설명하였으며, 이하에서는 첨부 도면을 참조하여, 본 발명에 따른 모바일 단말기 화면 구성의 구체적인 실시예를 설명한다. 본 실시예는 상술한 이미지 생성부(230)가 화면을 빠르게 출력하는 기술과 관련되며, 본 발명이 이러한 실시예에 한정되지 않음은 물론이다.
도 6 내지 도 11은 본 발명의 실시예에 따른 모바일 단말기 화면 구성 방법에 따라 순차적으로 출력된 화면이다. 각 화면은 웹에서 HTML5의 캔버스(canvas)에 의해 이미지로 생성될 수 있으며, 웹의 전체 화면 또는 내부 화면이 될 수 있다. 자바스크립트의 캔버스 함수로 특정 코드를 생성하면 캔버스는 프레임마다 이미지로 구성된 화면을 그린다.
도 6을 참조하면, 최초 상태에서 복수의 이미지, 라벨, 에디트 박스, 버튼이 캔버스에 의해 이미지로 출력된다.
도 7 내지 도 9를 참조하면, 사용자가 상하 스크롤바를 아래로 내릴 때 변화하는 화면이 순차적으로 도시된다. 이미지3(image_3)이 없어지면서 출력될 내용의 다음 페이지에 있던 이미지4(image_4)와 라벨이 캔버스에 의해 이미지로 새로 그려진다.
도 10을 참조하면, 스크롤바는 사용자가 특정한 위치에 멈춘다. 상술한 바와 같이 본 실시예는 스크롤바가 이동할 위치를 미리 계산하여 해당 위치에 대응되는 출력 내용을 이미지로 생성하여 빠르게 사용자에게 출력할 수 있다.
도 11을 참조하면, 사용자가 이미지로 출력된 특정 컴포넌트를 클릭하는 경우 해당 컴포넌트는 활성화되어 본연의 기능을 수행하는 컴포넌트로 다시 렌더링될 수 있다. 예를 들면, 사용자가 이미지로 생성된 에디트 박스(input text here 라는 문구가 기재된 컴포넌트)를 클릭하는 경우 해당 에디트 박스는 다시 렌더링되고 커서가 내부에 있어서 텍스트를 입력받는 상태가 될 수 있다.
그 외 본 발명의 실시예에 따른 모바일 단말기 화면 구성 장치에 대한 구체적인 시스템 구성, 임베디드 시스템, O/S 등의 공통 플랫폼 기술과 통신 프로토콜, I/O 인터페이스 등 인터페이스 표준화 기술에 대한 구체적인 설명은 본 발명이 속하는 기술 분야의 통상의 지식을 가진자에게 자명한 사항이므로 생략하기로 한다.
본 발명에 따른 모바일 단말기 화면 구성 방법은 다양한 컴퓨터 수단을 통하여 수행될 수 있는 프로그램 명령 형태로 구현되어 컴퓨터 판독 가능 매체에 기록될 수 있다. 즉, 기록 매체는 컴퓨터에 상술한 각 단계를 실행시키기 위한 프로그램을 기록한 컴퓨터로 읽을 수 있는 기록매체가 될 수 있다.
상기 컴퓨터 판독 가능 매체는 프로그램 명령, 데이터 파일, 데이터 구조 등을 단독으로 또는 조합한 형태로 포함할 수 있다. 상기 매체에 기록되는 프로그램 명령은 본 발명을 위하여 특별히 설계되고 구성된 것들이거나 컴퓨터 소프트웨어 당업자에게 공지되어 사용 가능한 것일 수도 있다. 컴퓨터 판독 가능 기록 매체의 예에는 하드 디스크, 플로피 디스크 및 자기 테이프와 같은 자기 매체(Magnetic Media), CD-ROM, DVD와 같은 광기록 매체(Optical Media), 플롭티컬 디스크(Floptical Disk)와 같은 자기-광 매체(Magneto-Optical Media), 및 롬(ROM), 램(RAM), 플래시 메모리 등과 같은 프로그램 명령을 저장하고 수행하도록 특별히 구성된 하드웨어 장치가 포함된다.
상기한 바에서, 각 실시예에서 설명한 각 구성요소 및/또는 기능은 서로 복합적으로 결합하여 구현될 수 있으며, 해당 기술 분야에서 통상의 지식을 가진 자라면 하기의 특허 청구의 범위에 기재된 본 발명의 사상 및 영역으로부터 벗어나지 않는 범위 내에서 본 발명을 다양하게 수정 및 변경시킬 수 있음을 이해할 수 있을 것이다.

Claims (15)

  1. 모바일 단말기의 디스플레이부에 표시되는 전체 화면을 구성하며, 표시할 전체 내용이 상기 전체 화면 보다 큰 경우 외부 스크롤을 이용하여 상기 전체 내용을 나타내는 외부 화면 구성부; 및
    상기 전체 화면의 내부에 위치하는 내부 화면을 구성하며, 표시할 내부 내용이 상기 내부 화면 보다 큰 경우 내부 스크롤을 이용하여 상기 내부 내용을 나타내는 내부 화면 구성부를 포함하는 모바일 단말기 화면 구성 장치.
  2. 청구항 1에 있어서,
    상기 전체 화면 및 상기 내부 화면은 웹페이지인 것을 특징으로 하는 모바일 단말기 화면 구성 장치.
  3. 청구항 1에 있어서,
    상기 내부 화면 구성부는,
    상기 표시할 내부 내용이 상기 내부 화면 보다 큰 경우 상기 내부 내용 중 상기 내부 스크롤의 바 위치에 의해 특정되는 내용을 렌더링하는 내부 영상 처리부를 포함하는 모바일 단말기 화면 구성 장치.
  4. 청구항 3에 있어서,
    상기 내부 화면 구성부는,
    사용자에 의해 조작되는 상기 내부 스크롤의 바의 속도 또는 가속도에 의해 미리 특정되는 상기 내부 내용의 대응 영역을 더 렌더링하는 설정 영상 처리부를 포함하는 모바일 단말기 화면 구성 장치.
  5. 청구항 4에 있어서,
    상기 내부 스크롤의 바는 정지한 상태에서 상기 사용자가 미는 속도 또는 가속도에 따라 이동하는 거리가 다른 것을 특징으로 하는 모바일 단말기 화면 구성 장치.
  6. 청구항 5에 있어서,
    상기 내부 스크롤의 바의 이동 상태에 상응하는 상기 내부 내용 중 미영상화 영역은 미영상화 상태를 유지하는 것을 특징으로 하는 모바일 단말기 화면 구성 장치.
  7. 청구항 4에 있어서,
    상기 사용자에 의해 조작되는 상기 내부 스크롤의 바의 속도 또는 가속도가 미리 설정된 임계치보다 큰 경우 상기 내부 스크롤의 바의 중간 이동 경로에 상응하는 상기 내부 내용 중 미영상화 영역은 미영상화 상태를 유지하는 것을 특징으로 하는 모바일 단말기 화면 구성 장치.
  8. 청구항 1에 있어서,
    상기 내부 스크롤은 상하 스크롤 및 좌우 스크롤을 포함하는 것을 특징으로 하는 모바일 단말기 화면 구성 장치.
  9. 청구항 3에 있어서,
    상기 내부 영상 처리부는 상기 표시할 내부 내용이 상기 내부 화면 보다 큰 경우 상기 내부 스크롤의 바의 위치에 의해 특정되는 내용, 상기 내부 스크롤의 바의 이동에 따라 표시될 이전 페이지 내용 및 이후 페이지 내용을 렌더링하는 것을 특징으로 하는 모바일 단말기 화면 구성 장치.
  10. 청구항 3에 있어서,
    상기 내부 화면 구성부는 렌더링하는 상기 내부 내용을 이미지로 렌더링하는 이미지 생성부를 더 포함하는 모바일 단말기 화면 구성 장치.
  11. 청구항 10에 있어서,
    상기 내부 화면 구성부는 상기 이미지로 렌더링된 컴포넌트를 사용자가 클릭시 동적으로 생성하여 상기 컴포넌트의 기능을 활성화하는 기능 활성화부를 더 포함하는 모바일 단말기 화면 구성 장치.
  12. 청구항 10에 있어서,
    상기 이미지 생성부는 캔버스(canvas) 태그인 것을 특징으로 하는 모바일 단말기 화면 구성 장치.
  13. 청구항 10에 있어서,
    상기 내부 화면에 표시되는 내부 내용은 그리드(grid)를 포함하는 것을 특징으로 하는 모바일 단말기 화면 구성 장치.
  14. 청구항 1에 있어서,
    상기 모바일 단말기의 OS별로 내부 화면을 동작시킬 기본 FPS(frame per second)를 설정하는 기본 FPS 설정부;
    상기 모바일 단말기의 현재 최대 FPS를 측정하는 최대 FPS 측정부;
    상기 기본 FPS와 상기 최대 FPS를 서로 비교하는 FPS 비교부; 및
    상기 기본 FPS와 상기 최대 FPS 중 작은 FPS를 사용할 FPS로 설정하는 사용 FPS 설정부를 포함하는 모바일 단말기 화면 구성 장치.
  15. 모바일 단말기 화면 구성 장치가 수행하는 화면 구성 방법에 있어서,
    상기 모바일 단말기의 디스플레이부에 표시되는 전체 화면 구성 시, 표시할 전체 내용이 상기 전체 화면 보다 큰 경우 외부 스크롤을 이용하여 상기 전체 내용을 나타내는 단계; 및
    상기 전체 화면의 내부에 위치하는 내부 화면 구성 시, 표시할 내부 내용이 상기 내부 화면 보다 큰 경우 내부 스크롤을 이용하여 상기 내부 내용을 나타내는 단계를 포함하는 모바일 단말기 화면 구성 방법.
PCT/KR2013/003266 2012-11-30 2013-04-18 모바일 단말기 화면 구성 장치 및 그 방법 WO2014084461A1 (ko)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
KR10-2012-0137892 2012-11-30
KR1020120137892A KR101272865B1 (ko) 2012-11-30 2012-11-30 모바일 단말기 화면 구성 장치 및 그 방법

Publications (1)

Publication Number Publication Date
WO2014084461A1 true WO2014084461A1 (ko) 2014-06-05

Family

ID=48866614

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/KR2013/003266 WO2014084461A1 (ko) 2012-11-30 2013-04-18 모바일 단말기 화면 구성 장치 및 그 방법

Country Status (2)

Country Link
KR (1) KR101272865B1 (ko)
WO (1) WO2014084461A1 (ko)

Families Citing this family (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR101544009B1 (ko) 2013-10-25 2015-08-12 (주)투비소프트 모바일 기기의 그리드 출력 제어 장치 및 이를 이용한 그리드의 출력 제어 방법
KR101549685B1 (ko) * 2014-05-30 2015-09-11 주식회사 포워드벤처스 아이템 디스플레이 시스템 및 아이템 디스플레이 방법

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2008085744A1 (en) * 2007-01-07 2008-07-17 Apple Inc. Portable multifunction device,method, and graphical user interface for translating displayed content
KR20110021755A (ko) * 2008-05-12 2011-03-04 마이크로소프트 코포레이션 가상 데스크톱 뷰 스크롤

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2008085744A1 (en) * 2007-01-07 2008-07-17 Apple Inc. Portable multifunction device,method, and graphical user interface for translating displayed content
KR20110021755A (ko) * 2008-05-12 2011-03-04 마이크로소프트 코포레이션 가상 데스크톱 뷰 스크롤

Also Published As

Publication number Publication date
KR101272865B1 (ko) 2013-06-10

Similar Documents

Publication Publication Date Title
WO2013191450A1 (en) Information display apparatus and method of user device
WO2012128548A2 (en) Method and apparatus of managing items on clipboard of portable terminal
WO2014157855A1 (en) Display method and apparatus for diversely displaying an object according to scroll speed
WO2012018212A2 (en) Touch-sensitive device and touch-based folder control method thereof
WO2014077530A1 (en) Method for arranging for list in flexible display and electronic device thereof
WO2015119485A1 (en) User terminal device and displaying method thereof
WO2014204048A1 (en) Portable device and method for controlling the same
WO2017135797A2 (en) Method and electronic device for managing operation of applications
WO2013125804A1 (en) Method and apparatus for moving contents in terminal
WO2014017790A1 (en) Display device and control method thereof
WO2012169784A2 (en) Apparatus and method for providing web browser interface using gesture in device
WO2011083975A2 (en) Mobile device and method for operating content displayed on transparent display panel
WO2014027773A1 (ko) 반응형 사용자 인터페이스 제공 장치, 방법, 및 그에 대한 전자장치에서 판독 가능한 기록매체
WO2014119975A1 (en) Method and system for sharing part of web page
WO2012153914A1 (en) Method and apparatus for providing graphic user interface having item deleting function
EP3105649A1 (en) User terminal device and displaying method thereof
WO2016072678A1 (en) User terminal device and method for controlling user terminal device thereof
KR101272867B1 (ko) 모바일 단말기의 그리드 출력 장치 및 그 방법
WO2014119878A1 (en) Scrolling method and electronic device thereof
WO2021096110A1 (en) Display apparatus and control method thereof
WO2014042348A1 (ko) 페이지 전환 성능 조정을 위한 시스템 및 방법
WO2015020288A1 (en) Display apparatus and the method thereof
WO2017018665A1 (ko) 번역 서비스를 제공하는 사용자 단말 장치 및 그 제어 방법
WO2014126331A1 (en) Display apparatus and control method thereof
WO2016111514A1 (en) Method of displaying content and electronic device implementing same

Legal Events

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

Ref document number: 13858828

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 13858828

Country of ref document: EP

Kind code of ref document: A1