KR20110041802A - Mobile terminal for executing web application and method of operating the same - Google Patents

Abstract

PURPOSE: A mobile terminal and operation method thereof are provided to display a fixing area and a variant area on a display screen by processing the areas separately. CONSTITUTION: A web application execution unit(230) generates an updated display screen and independently processes a fixing area and a variant area according to a screen moving command. A storing unit(240) includes a first and second buffers. A display unit(250) displays the display screen after executing the web application.

Description

Mobile terminal running web application and its operation method {MOBILE TERMINAL FOR EXECUTING WEB APPLICATION AND METHOD OF OPERATING THE SAME}

The present invention relates to a mobile terminal, and more particularly, to a mobile terminal and a method of operating the mobile terminal for executing a web application with improved screen processing speed such as scrolling and flicking.

Recently, web surfing is widely used to search for information by visiting a website of the Internet network using a browser of a personal computer or a browser of a mobile terminal.

When a user visits a website and wants to search for a webpage, the browser parses the webpage containing pictures, photos, text, etc. to create a display screen sized for the display of a personal computer or mobile terminal. This process is called rendering.

Originally, rendering refers to the process of creating an image from a model using a computer program. The model to be rendered refers to the description of a data structure or a three-dimensional object woven in a strongly defined language. It may include information about the viewpoint, texture mapping, lighting, and shading.

For example, a web page containing pictures, photos, text, etc. may be made of Mark-Up Languages such as Standard Generalized Markup Language (SGML), HyperText Markup Language (HTML), and TeX. When the page is to be searched, the browser may generate a display screen corresponding to a part of the web page in which pictures, photos, and text are arranged at appropriate positions by analyzing the markup language of the web page through rendering.

The generated display screen may be displayed by being stored in a display screen buffer of the storage unit and transferred to the display unit.

However, when searching for another part of the web page while searching for a display screen corresponding to a part of the web page, the display screen is moved by a command such as scrolling or flicking.

While performing scrolling commands such as scrolling or flicking, the browser generates a constantly changing display screen through rendering and stores it in the display buffer, which results in slowing the scrolling speed. .

In order to overcome this drawback, a method of displaying a display screen without performing a rendering during the screen movement has been proposed by defining an area larger than the display screen in the web page as an extended screen and storing it in a separate extended screen buffer.

That is, during the screen movement, the moving display screen is displayed without rendering by storing the area corresponding to the screen movement of the extended screen stored in the extended screen buffer in the display screen buffer, and after the screen is completed, the rendering is performed to generate the final display screen. The final display screen is displayed by storing this in the display screen buffer.

In this method, since the rendering is not performed during the scrolling, the scrolling speed is improved.

However, the method of using the extended screen buffer is difficult to apply to the web application of the mobile terminal, which is widely used in recent years.

Various applications are mounted in the mobile terminal, and the applications may be classified into a native application and a web application according to an implementation method.

A native application includes software logic (including user interface logic corresponding to a user interface (UI)) and data written in native code such as C or C ++, and data. When executed, it means an application that is executed immediately based on the platform.

A web application is an application written in web code such as web-based HTML, JavaScript (JS), cascading style sheets (CSS), etc., and interprets a browser engine when executed on a mobile terminal. It means an application that can be run through. The interpretation process of the browser engine is similar to the process in which an internet browser for web surfing interprets a web page in web code received from a web server. A native application stores software logic and data in a mobile terminal. Since the user interface is limited to the user and is difficult to be modified (expanded) by the user's will, recently, a mobile terminal platform capable of executing a web application implemented in a web-based language has been developed. Web applications have the advantages of being easier to develop, implement at a lower cost, easier to manage, and more scalable than native applications.

The display screen of such a web application is disposed above and / or under the fixed area such as a title, a menu, a control box, and the center to assist the user in controlling the web application. And a variable area indicating the execution result of the web application or the like.

That is, there is a fixed area on the display screen of the web application that does not move or change even when a screen moving command is input, and there is also a variable area moving or changing according to the screen moving command.

As described above, since the display screen of the web application includes a fixed area that does not move or change, it is difficult to apply a method of using the extended screen buffer to move the display screen.

That is, it is difficult to define an enlarged screen larger than the display screen because of the existence of the fixed area, and even if defined, there is a problem that the fixed area may be excluded from the display screen by moving the screen.

Accordingly, an object of the present invention is to improve the screen moving speed by dividing the display screen of the web application into a fixed area and a variable area when the screen moving command is executed during execution of the web application and displaying the display screen by separately processing the display screen. The present invention provides a mobile terminal and a method of operating the same.

Accordingly, the present invention executes a web application to generate a display screen corresponding to an execution result, and divides the display screen into a fixed area and a variable area, and independently defines the fixed area and the variable area according to a screen moving command. A web application executing unit for processing to generate an updated display screen; A storage unit including first and second buffers in which the fixed area and the variable area are respectively stored; And a display unit for displaying the display screen after executing the web application, and a display unit for displaying the updated display screen during the execution of the screen moving command.

The fixed area may be at least one of a title, a menu, and a control box for controlling the web application, and the variable area may be part of the execution result of the web application.

The web application execution unit may include a browser engine, and the browser engine may generate the display screen by parsing and rendering the software logic and data of the web application.

Here, the browser engine may generate an extended variation region defined by the sum of the variation region and the peripheral region of the variation region, and the display screen including the fixed region and the variation region is stored in the first buffer. The extended variation area may be stored in the form of image data in the second buffer.

Further, the browser engine calculates a shifted variation area corresponding to the screen moving command from the expanded variation area stored in the second buffer, and converts the shifted variation area of the display screen stored in the first buffer. The updated display screen may be inserted into the variable area to generate the updated display screen. The browser engine may generate the fixed area, and the storage unit may further include a third buffer in which the fixed area is stored in the form of image data. have.

The browser engine calculates a shifted variation region corresponding to the screen moving command from the expanded variation region stored in the second buffer, and converts the shifted variation region into the fixed region stored in the third buffer. The updated display screen may be generated by combining and storing in the first buffer.

In addition, the scroll command may be scrolling or flicking, and the web application execution unit parses and renders software logic and data of the web application after completion of the scroll command. (rendering) to create the final display screen.

On the other hand, the present invention, the mobile terminal executes a web application; A second step of generating and displaying a display screen corresponding to an execution result of the web application, and defining the display screen into a fixed area and a variable area; And a third step of generating and displaying an updated display screen by independently processing the fixed area and the variable area according to a screen moving command.

The fixed area may be at least one of a title, a menu, and a control box for controlling the web application, and the variable area may be part of the execution result of the web application.

Here, the second step may include a step of generating, by the browser engine of the mobile terminal, the display screen by parsing and rendering the software logic and data of the web application.

The method of operating a mobile terminal for executing the web application may further include generating, by the browser engine, an extended variation region defined by a sum of the variation region and a peripheral region of the variation region. And storing the display screen including the fixed area and the variable area in the form of image data in a first buffer of the mobile terminal, and the extended variable area in the form of image data in a second buffer of the mobile terminal. It may further comprise the step.

The third step may include: calculating, by the browser engine, a moved variation area corresponding to the screen moving command from the extended variation area stored in the second buffer; And generating the updated display screen by inserting the data into the variable area of the display screen stored in the buffer.

The generating of the extended variation area defined by the sum of the variation area and the peripheral area of the variation area may include generating the fixed area by the browser engine. The storing in the form may include storing the fixed area in the form of image data in the third buffer of the mobile terminal.

The third step may include the step of the browser engine calculating a moved variation region corresponding to the screen moving command from the expanded variation region stored in the second buffer; And generating the updated display screen by storing in the first buffer in combination with the fixed area stored in the third buffer.

In addition, the scroll command may be scrolling or flicking, and a method of operating a mobile terminal for executing the web application includes, after the third step, software logic and data of the web application. Parsing and rendering may further include generating a final display screen.

According to the present invention, when a screen movement command is executed in a web application of a mobile terminal, the display screen is divided into fixed areas that do not move or change, and moving or changing fluctuation areas, and the display screen and the extended fluctuation area are separately defined. By storing and processing in the buffer of, it is possible to display the display screen during screen movement without rendering, and as a result, the screen speed is improved.

Hereinafter, the present invention will be described in detail with reference to the accompanying drawings.

1 is a structural diagram showing a web application platform of a mobile terminal according to an embodiment of the present invention.

As shown in FIG. 1, the web application platform 100 used to execute the first to third web applications 131, 133, and 135 in the mobile terminal includes the mobile platform layer 110 and the middleware layer 120. ).

Here, the first to third web applications 131, 133, and 135 are examples, and in another embodiment, may include at least one application.

The mobile platform layer 110 includes at least one mobile platform, which varies by country, carrier, or mobile terminal manufacturer.

For example, it can be classified into a Java script language, a CIP or C ++ language-based Wireless Internet Platform for Interoperability (WIPI) platform, a Windows-based Windows Mobile platform, and a Linux-based LiMo or Android platform.

Such a mobile platform provides an environment for executing the first to third web applications 131, 133, and 135, and one or more web applications may be included in the mobile platform layer 110.

The middleware layer 120 is a portion for providing software logic and data including a user interface (UI) required for executing the first to third web applications 131, 133, and 135 in the mobile terminal. A browser engine 121, a UI framework 123, and a plug-in interface 125.

The browser engine 121 may include software logic such as mark-up language such as HyperText Markup Language (HTML), user interface logic such as user interface logic produced in a web language such as script language, and cascading style sheets (CSS), and the like. An engine that renders and parses data. Renders and parses the logic and data of a web application in a web language.

Here, the user interface logic refers to software logic for processing a visually visible user interface.

The UI framework 123 stores the user interface logic required for the execution of the first to third web applications 131, 133, and 135 as a library, which is implemented in a scripting language (web language) such as Perl, VBScript, or JavaScript. Store user interface logic, or user interface logic implemented in a native language such as OPEN VG, C, or C ++ that can be called in a web language. The plug-in interface 125 supports extension functions of the first to third web applications 131, 133, and 135.

Here, the browser engine 121 of the mobile terminal according to an embodiment of the present invention performs a screen moving command such as scrolling and flicking while executing a web application, and displays a display screen displayed on a display unit of the mobile terminal. It defines the fixed area that does not move or changes, and the moving area that changes or changes, and stores and processes the fixed area and the variable area in a separate buffer, thereby creating a display screen without performing rendering during screen movement.

A mobile terminal having the web application platform 100 as described above will be described with reference to FIG. 2.

2 is a block diagram illustrating a configuration of a mobile terminal for executing a web application according to an embodiment of the present invention.

As shown in FIG. 2, the mobile terminal 200 includes a wireless communication unit 210, an analog voice processing unit 220, a web application execution unit 230, a storage unit 240, a display unit 250, and a controller 260. It includes.

The wireless communication unit 210 is a unit that transmits and receives a signal wirelessly. Although not shown in the drawing, the wireless communication unit 210 includes a duplexer, a transmitter, and a receiver. Specifically, the duplexer separates a signal transmitted and received wirelessly through an antenna, a transmitter converts a predetermined intermediate frequency signal into a radio frequency and outputs the duplexer, and a receiver outputs a radio signal received through the antenna to the duplexer. It receives through the input and converts the signal into a predetermined intermediate frequency signal.

The analog voice processing unit 220 converts and amplifies a digital voice signal into an analog voice signal and outputs the result to the speaker (SPK) 224, or amplifies the analog voice signal input from the microphone (MIC) 222 to the digital voice signal. To convert.

The web application execution unit 230 is operated based on the web application platform (100 of FIG. 1), and executes a web application in which an execution command is input by a user among the first to third web applications 131, 133, and 135. It runs through the engine 121.

When the browser engine 121 executes one of the first to third web applications 131, 133, and 135, the browser engine 121 renders and parses software logic and data corresponding to the result of the executed web application. Create a display of the web application.

In particular, the browser engine 121 stores, when a scrolling command such as scrolling, flicking, or the like on a display screen of a web application displayed on the display unit 250 of the mobile terminal 200 is input. This is performed using the image data of the unit 240.

That is, the browser engine 121 divides and defines the display screen of the display unit 250 into a fixed area and a variable area, and stores and processes them independently.

The display screen of the web application is disposed above and / or under the fixed area such as a title, menu, control box, etc. to assist the user in controlling the web application. It includes a variable area indicating the execution result of the web application, etc., the browser engine 121 stores and processes the fixed area and the expanded variable area separately, thereby generating an updated display screen corresponding to the screen movement without rendering.

The storage unit 240 includes first and second buffers 242 and 244. The first buffer 242 includes a display screen corresponding to the display unit 250 and including a fixed area and a variable area in the form of image data. The extended buffered area including the variable area and its peripheral area is stored in the form of image data in the second buffer 242.

The display unit 250 displays a display screen of the corresponding application (one of the first to third web applications 131, 133, and 135) executed by the application execution unit 230.

The controller 260 controls the wireless communication unit 210, the analog voice processing unit 220, the web application execution unit 230, the storage unit 240, and the display unit 250, respectively.

3 is a flowchart illustrating a method of operating a mobile terminal according to an embodiment of the present invention, and FIG. 4 is a diagram illustrating a movement of a display screen of a mobile terminal according to an embodiment of the present invention. The movement of the display screen corresponding to the case where the king command is input is illustrated as an example. For convenience, the present invention will be described with reference to FIGS. 1 and 2.

When a web application execution command for one of the first to third web applications 131, 133, and 135 is input, the controller 260 of the mobile terminal 200 operates the web application execution unit 230 to select the selected web. The application is executed (S301), and the execution result 410 including the picture 412, the picture 414, the text 416, and the like is calculated.

Accordingly, the browser engine 121 of the web application execution unit 230 parses and renders software logic and data of the selected web application to generate a display screen 420 to be displayed on the display unit 250 of the mobile terminal 200. (S303).

That is, the browser engine 121 generates a display screen 420 including a title, a menu, a control box, etc. for controlling the web application, and a part of the execution result 410 of the web application. do.

The browser engine 121 may include a title, a menu, a control box, and the like for controlling a web application disposed on and / or under the display screen 420, and the display screen 420. A portion of the web application execution result 410 disposed in the center of the subfield is defined as a fixed area 422 and a variable area 424, respectively (S305).

Here, the browser engine 121 generates a larger area that combines a part of the web application execution result 410 corresponding to the variable area 424 and its peripheral area and defines the extended variable area 424a. For example, the variable area 424 may be defined as an extended variable area 424a by adding up, down, left, and right of the variable area 424, and a peripheral area of about 30% of the horizontal and vertical sides, respectively.

In addition, the browser engine 121 may display the display screen 420 including the fixed area 422 and the variable area 424 in the form of image data in the first buffer 242 of the storage 240. , An image file, and the expanded variation area 424a is stored in the form of image data in the second buffer 244 of the storage unit 240 (S307).

In this case, the fixed area 422 and the variable area 424 of the display screen 420 stored in the first buffer 242 may be stored in different forms, for example, the fixed area 422 may have different images. The data may be stored so as not to be changed, and the variation area 424 may be stored to be inserted by changing other image data.

If a scroll command such as scrolling or flicking of the variable area 424 of the display screen 420 is input during the execution of the web application (s309), the browser engine 121 performs the second buffer 244 without performing rendering. Calculates the shifted variation region 434 corresponding to the display screen during movement from the expanded variation region 424a stored in the step Ss311, and displays the shifted variation region 434 stored in the first buffer 242. By inserting the variable region 424 into the variable region 424, an updated display screen 430 including the fixed region 422 and the shifted variable region 434 is generated (S313).

In this case, the fixed area 422 of the display screen 420 is used as it is and does not change.

The updated display screen 430 is transmitted to the display unit 250 and displayed as the screen during the screen moving command (S315).

Thereafter, when the screen movement is completed, the browser engine 121 performs rendering again to generate the final display screen 440 and display it on the display unit 250 (S317).

Of course, the browser engine 121 divides the final display screen 440 into the fixed area 422 and the variable area 444, stores the final display screen 440 in the first buffer 242, and newly defines the final display screen 440. An extended variation region (not shown) for the changed variation region 444 is calculated and stored in the second buffer 244, thereby preparing for the next screen moving command.

On the other hand, in another embodiment, the storage unit 240 may be configured to further include a separate third buffer (not shown) for storing the fixed area 422, in this case, the display screen 420 during the execution of the web application When a scroll command such as scrolling or flicking is inputted to the variable area 424 of the), the browser engine 121 displays the moving part from the expanded variable area 424a stored in the second buffer 244 without performing rendering. The shifted variation region 434 corresponding to the screen is calculated (s311), and the fixed region 422 and the shifted variation region 434 stored in the third buffer are combined and stored in the first buffer 242. An updated display screen 430 including 422 and the moved variation area 434 may be generated.

As described above, in the mobile terminal according to the embodiment of the present invention, when a screen moving command is input during execution of a web application, the display screen is defined as a fixed area and a variable area, and the display screen is defined as a display screen and an extended variable area. By storing and processing in a separate buffer, the display screen can be displayed without performing rendering during the screen movement.

Therefore, the scrolling speed in the web application can be improved.

While the invention has been shown and described with reference to certain preferred embodiments, it will be apparent to those skilled in the art that various modifications may be made without departing from the scope of the invention with respect to the embodiments described above. And can be varied. Therefore, the scope of the present invention should not be limited to the described embodiments, but should be determined not only by the claims below but also by the equivalents of the claims.

1 is a structural diagram showing a web application platform of a mobile terminal according to an embodiment of the present invention.

2 is a block diagram showing a configuration of a mobile terminal for executing a web application according to an embodiment of the present invention.

3 is a flowchart illustrating a method of operating a mobile terminal according to an embodiment of the present invention.

4 is a diagram illustrating a movement of a display screen of a mobile terminal according to an embodiment of the present invention.

Claims (20)

Create a display screen corresponding to the execution result by executing a web application, define the display screen into a fixed area and a variable area, and independently update the fixed and variable areas according to a screen moving command to update the display screen. Web application execution unit for generating a; A storage unit including first and second buffers in which the fixed area and the variable area are respectively stored; And A display unit which displays the display screen after executing the web application, and displays the updated display screen while the screen shift command is being executed; Mobile terminal for executing a web application comprising a. The method of claim 1, The fixed area is at least one of a title, a menu, a control box for controlling the web application, and the change area is a part of the execution result of the web application. The method of claim 1, The web application execution unit includes a browser engine, and the browser engine generates the display screen by parsing and rendering the software logic and data of the web application. The method of claim 3, wherein And the browser engine generates an extended variation region defined by the sum of the variation region and the peripheral region of the variation region. The method of claim 4, wherein The display screen including the fixed area and the variation area is stored in the form of image data in the first buffer, and the extended variation region is stored in the form of image data in the second buffer. The method of claim 5, The browser engine calculates a shifted variation region corresponding to the screen moving command from the expanded variation region stored in the second buffer, and converts the shifted variation region into the display screen stored in the first buffer. And a mobile terminal which is inserted into an area to generate the updated display screen. The method of claim 5 The browser engine generates the fixed area, The storage unit further includes a third buffer in which the fixed area is stored in the form of image data. The method of claim 7, wherein The browser engine calculates a shifted variation region corresponding to the screen moving command from the expanded variation region stored in the second buffer, and combines the shifted variation region with the fixed region stored in the third buffer. A mobile terminal for generating the updated display screen by storing in the first buffer. The method of claim 1, The scroll command is scrolling or flicking. The method of claim 1, The web application executing unit generates a final display screen by parsing and rendering the software logic and data of the web application after completion of the moving screen command. A first step of the mobile terminal executing a web application; A second step of generating and displaying a display screen corresponding to an execution result of the web application, and defining the display screen into a fixed area and a variable area; And A third step of generating and displaying an updated display screen by independently processing the fixed area and the variable area according to a screen moving command; Method of operating a mobile terminal for executing a web application comprising a. The method of claim 11, And the fixed area is at least one of a title, a menu, and a control box for controlling the web application, and the variable area is a part of the execution result of the web application. The method of claim 11, The second step may include generating, by the browser engine of the mobile terminal, the display screen by parsing and rendering software logic and data of the web application. How to operate. The method of claim 13, And generating, by the browser engine, an extended variation region defined by the sum of the variation region and the peripheral region of the variation region. The method of claim 14, Storing the display screen including the fixed area and the variable area in the form of image data in a first buffer of the mobile terminal, and the extended variable area in the form of image data in a second buffer of the mobile terminal. A method of operating a mobile terminal for executing a web application further comprising the step. The method of claim 15, The third step may include: calculating, by the browser engine, a moved variation area corresponding to the screen moving command from the expanded variation area stored in the second buffer; and converting the moved variation area into the first buffer. And generating the updated display screen by inserting the data into the variable area of the display screen stored in the mobile terminal. The method of claim 15 The generating of the extended variation region defined by the browser engine as the sum of the variation region and the peripheral region of the variation region includes: generating the fixed region by the browser engine. The storing of the image data in the form of the image data may include storing the fixed area in the form of image data in a third buffer of the mobile terminal. The method of claim 17, In the third step, the browser engine calculates a shifted variation area corresponding to the screen moving command from the expanded variation area stored in the second buffer, and converts the shifted variation area into the third buffer. And generating the updated display screen by storing the updated display screen in combination with the fixed area stored in the first buffer. The method of claim 11, And the scrolling command is scrolling or flicking. The method of claim 11, And after the third step, parsing and rendering the software logic and data of the web application to generate a final display screen.

Images