KR101072349B1 - Web application platform and mobile terminal for executing the same - Google Patents

Abstract

The present invention relates to a web application platform and a mobile terminal executing a web application.

The mobile terminal executing the web application according to the present invention, the user interface implemented in native code or user interface screen change user interface logic for processing the screen change and the user interface logic implemented in the native code A storage unit for storing a web application including a syntax of a calling web code; And a web application execution unit for interpreting and executing the web code of the web application, and calling and processing user interface logic implemented in the native code from the storage when a call event occurs according to the syntax.

Native, web, user interface

Description

WEB APPLICATION PLATFORM AND MOBILE TERMINAL FOR EXECUTING THE SAME}

The present invention relates to a web application platform and a mobile terminal for executing a web application to improve the execution speed when the web application is executed in the mobile terminal.

As the Internet becomes available and popularized in mobile terminals, various web-based web content industries and web-based web application industries are being activated.

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

A native application is a piece of software logic (including user interface logic corresponding to a user interface (UI)) written in native code such as C or C ++, data, and the like. It is an application that is included in an application and runs immediately based on the platform when executed.

A web application is an application written in web code such as Web-based HyperText Markup Language (HTML), JavaScript, or Cascading Style Sheets (CSS), and is a browser engine when executed on a mobile terminal. It means an application that can be interpreted and executed through.

Here, the analysis process of the browser engine is similar to the process of interpreting and showing a web page of a web code transmitted from a web server by an internet browser for surfing the web.

In addition, during execution of the web application, it is also possible to receive data, such as an image or data, which is created in the necessary web code according to the definition of the web code, by receiving it from the web server and interpreting the data.

Native application refers to an application that can develop software logic and data suitable for a mobile terminal, compile for each platform of the terminal, and then store and execute the terminal. The application is limited depending on the platform of the terminal. Due to the difficulty of expansion (expansion), many platforms have been developed in recent years that can execute web applications on mobile terminals.

The advantages of web applications are that they are easier to develop, implement at a lower cost, easier to manage, and more scalable than native applications.

However, web applications have a disadvantage in that they are slower than native applications operated by compiled software logic because they are string-based.

Particularly, when the UI change or UI effect, which is the effect of changing the display screen by the user interface or the user interface, is implemented as a web application written in web code, the execution speed is considerably higher than that of the native application. There is a problem of deterioration.

Accordingly, an object of the present invention is to include a user interface logic for handling a user interface or a user interface change that can be called as web code and implemented in native code, thereby including the web application in a middleware layer of the web application platform. A mobile application that runs a web application platform and a web application that can improve the execution speed of a web application by processing user interface or user interface screen changes with logic implemented in native code without violating the technology implemented by the code. To provide.

Accordingly, the web application platform according to the present invention comprises: a native-based UI framework for storing user interface logic for handling user interface or user interface change implemented in native code; And interpreting and executing a web application including syntax of web code for calling user interface logic implemented in the native code, and when a call event occurs according to the syntax, the native code is implemented as the native code from the native UI framework. Contains a browser engine that invokes and processes user interface logic.

The native code may correspond to one of OPEN VG, C, and C ++, and the web code may correspond to one of HyperText Markup Language (HTML), Javascript, and Cascading Style Sheets (CSS).

The user interface or the user interface screen change may be commonly used in one or more web applications, and the user interface may include a menu bar, a scroll bar, a radio box, and a text box. testbox, label, check box, combobox, or one of a list of pop-ups, and the user interface changes are faded in and faded in. It may correspond to one of Fade Out, Elastic, and Flicking.

In addition, the web application platform may further include a web-based UI framework for storing user interface logic for processing a user interface or a user interface screen change implemented in the web code.

On the other hand, a mobile terminal executing a web application according to the present invention, calling the user interface logic for processing the user interface or the user interface screen change implemented in the native code and the user interface logic implemented in the native code A storage unit for storing a web application including syntax of web code; And a web application execution unit for interpreting and executing the web code of the web application, and calling and processing user interface logic implemented in the native code from the storage when a call event occurs according to the syntax.

The native code may correspond to one of OPEN VG, C, and C ++, and the web code may correspond to one of HyperText Markup Language (HTML), Javascript, and Cascading Style Sheets (CSS).

The user interface or the user interface screen change may be a user interface or a user interface screen change commonly used in one or more web applications, and the user interface may include a menu bar, a scroll bar, and a radio box. (radiobox), textbox (testbox), label (label), check box (combobox), one of the pop-up (list), the user interface change fades It may correspond to one of Fade In, Fade Out, Elastic, and Flicking.

According to the present invention, by including the syntax that can call the logic of the native code corresponding to the user interface or the user interface screen change commonly used in the web application as the web code of the web application, the change of the user interface or user interface screen change The call is web-based, and the processing of user interface or user interface change is implemented by native-based logic. As a result, the execution speed is increased compared to the user interface or user interface change implemented only on the web. As a result, it is easier to develop, implement at a lower cost than the native application, is easy to manage, and scalable, but is implemented in web code to compensate for the disadvantages of the conventional web application, which is slow in processing logic. Will be.

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

However, in describing the present invention, when it is determined that a detailed description of a related known function or configuration may unnecessarily obscure the subject matter of the present invention, a detailed description thereof will be omitted.

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

Referring to FIG. 1, the web application platform 100 used to execute the first to third web applications 131, 133, and 135 in the mobile terminal may include the mobile platform layer 110 and the middleware layer 120. Include. Here, the first to third web applications are an example, and in other embodiments, may include one or more applications.

The mobile platform layer 110 includes at least one mobile platform, which varies by country, carrier, or mobile device manufacturer. For example, it can be classified into a Java script language, a CIP or a 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 in which the first to third web applications 131, 133, and 135 can be executed. A mobile platform corresponding to one or more web applications may be included in the mobile platform layer 110.

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

The browser engine 121 renders and parses the software logic and data of the web-based web application. The software logic and data of the web-based web application is a mark such as HTML (HyperText Markup Language). It refers to user interface logic created using web code such as mark-up language, script, and cascading style sheets (CSS).

That is, the browser engine 121 interprets the first to third web applications 131, 133, and 135 implemented by web code such as HyperText Markup Language (HTML), JavaScript, and Cascading Style Sheets (CSS). And the user interface logic or UI framework 123 of web code included in the first to third web applications when the user interface is processed according to the contents of the first to third web applications 131, 133, and 135. Renders and parses user interface logic stored in the web-based UI framework 123-1, and controls to execute by calling user interface logic stored in the native-based UI framework 123-2.

Here, the user interface logic refers to software logic for processing a user interface screen change, which is a change effect of a display screen by a visually visible user interface or a user interface.

The UI framework 123 includes a web based UI framework 123-1 and a native based UI framework 123-2 to execute the first to third web applications 131, 133, and 135. Store user interface logic in a library to handle the required user interface or user interface changes.

The web-based UI framework 123-1 stores user interface logic implemented in a scripting language (web code) such as Perl, VBScript, and JavaScript.

Here, the user interface logic stored in the web-based UI framework 123-1 may be executed by being interpreted (parsed and rendered) by the browser engine 121.

In addition, the native-based UI framework 123-2 according to the present invention is implemented in native code such as OPEN VG, C or C ++, and compiled to be executable on the mobile platform of the mobile platform layer 110 provided in the terminal in advance. Stored user interface logic.

Here, the user interface logic stored in the native-based UI framework 123-2 may be called and executed by the syntax of web code included in the web application by the browser engine 121.

For example, the user interface logic stored in the native-based UI framework 123-2 may include menubars, scrollbars, radioboxes, textboxes, testboxes, labels, It may be for processing a user interface commonly used by the first to third web applications, such as a check box, a combo box, a list, and a pop up.

In addition, the user interface logic stored in the native-based UI framework 123-2 may include first to first agents such as fade in, fade out, elastic, or flicking. 3 may be used to process a user interface change for a screen change to a currently executed web application display screen commonly used by web applications.

In addition, the web-based UI framework 123-1 has user interface logic for processing individual user interfaces or user interface screen changes that are not commonly used in the first to third web applications. desirable.

The plug-in interface 125 supports extension functions of the first to third web applications 131, 133, and 135.

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 showing a configuration of a mobile terminal for executing a web application according to the present invention.

Referring to FIG. 2, the mobile terminal 200 includes a wireless communication unit 210, an analog voice processing unit 220, a storage unit 230, a web application execution unit 240, a display unit 250, and a control unit ( 260).

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 it into a predetermined intermediate frequency signal and outputs it.

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 storage unit 230 stores a web application platform mounted on the mobile terminal 200. In particular, in one embodiment of the present invention, a user interface implemented as a native code in a web application platform is commonly used. Or, it stores user interface logic to handle user interface changes.

In addition, at the request of the user stores a web application downloaded through a separate web application providing server (not shown), the web application includes a syntax of the web code for calling the user interface logic implemented in the native code have.

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

When the browser engine 121 executes one of the first to third web applications 131, 133, and 135, the browser engine 121 interprets the logic implemented in the web code of the executed web application, and interprets the web code as the native code. If a syntax such as a command (Command) for calling the implemented user interface logic exists, the user interface logic implemented in the corresponding native code is executed from the storage when the call event occurs according to the syntax.

In more detail, the browser engine 121 (in FIG. 1) may include a mark-up such as HyperText Markup Language (HTML) included in a selected web application among the first to third web applications 131, 133, and 135. Interprets (renders and parses) web-based logic such as languages, scripts, and CSS to execute the web application. If a syntax for calling user interface logic implemented in web code exists in the selected web application, the syntax When the corresponding call event occurs, the user interface logic stored in the web-based UI framework 123-1 of the UI framework 123 is called and interpreted (rendered and parsed) and executed, and the user is implemented in native code in the selected web application. If a syntax for calling interface logic exists, the native-based UI framework 123-2 when a corresponding call event occurs according to the syntax. It executes a call to the stored user interface logic.

The user interface logic implemented in the called native code is precompiled executable logic, which is executed based on the mobile platform 110 of FIG. 1 without interpretation of the browser engine, and returns a result value after execution.

As the application execution unit 240 is executed, the display unit 250 executes an application including a user interface or a user interface screen change of the corresponding application (one of the first to third web applications 131, 133, and 135). Is displayed on the screen.

The controller 260 controls each unit.

3 is a flowchart illustrating a web application execution method of a mobile terminal according to the present invention, which 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 (S301), the controller 260 of the mobile terminal 200 operates the web application execution unit 240. Let's do it.

Accordingly, the web application executor 240 operates to execute the web application, and the browser engine 121 interprets one web code selected from the first to third web applications 131, 133, and 135 ( S303).

And, while analyzing the web code of the web application, it is determined whether the syntax of the web code that calls the user interface logic implemented in the native code is included in the web application (S305), the syntax of the web code is included In this case, the browser engine 121 of the mobile terminal 200 calls user interface logic implemented with the corresponding native code.

In response to the call, the web application execution unit 240 of the mobile terminal 200 calls the user interface logic implemented in the corresponding native code from the native-based UI framework 123-2 so as not to interpret the browser engine. 110, and the execution result is returned (S307).

In addition, the web application execution unit 240 of the mobile terminal 200 executes the web application at the same time as the analysis of the logic implemented by the web code is completed through the browser engine 121 and includes a user interface or a user interface screen change. The execution result of the application to be displayed is displayed on the display unit 270 (S309).

The user interface may include a menu bar, a scroll bar, a radio box, a text box, a label, a check box, a combo box, and a list. ) And a pop-up, etc., may be a user interface commonly used by the first to third web applications, and the user interface screen change may include fade in, fade out, and elastic ( It may include a user interface screen change commonly used by the first to third web applications, such as Elastic or Flicking. Of course, the user interface implemented in native code while interpreting the web code of the web application. If the syntax of the web code for calling logic is not included in the web application, the web application execution unit 240 of the mobile terminal 200 after completion of the web code interpretation The execution result of the application including the user interface that executes the web application is displayed on the display unit 270 (S309).

On the other hand, the user interface and the change of the user interface screen to which the present invention is applied will be described with reference to the drawings.

4A to 4H illustrate examples of a user interface of a mobile terminal executing a web application according to the present invention, and FIGS. 5, 6 and 7 illustrate a user of a mobile terminal executing a web application according to the present invention. It is a figure which shows the example of interface screen change.

As shown in FIG. 4A, a menu bar which is a user interface is a screen displaying a plurality of menus, and a user may select one of a plurality of menus of the menu bar by clicking or the like.

As shown in FIG. 4B, a list, which is a user interface, is a screen for sequentially displaying a plurality of options, and a scroll bar is a screen for moving the list up, down, left, or right. At least one of the plurality of options in the list may be selected by clicking.

As shown in FIG. 4C, a radio box, which is a user interface, is a screen displaying a plurality of options and a selection display corresponding thereto, and a user may select only one of a plurality of options of a radio box by clicking or the like. Also called).

As shown in FIG. 4D, a text box, which is a user interface, is a screen displaying a space for inputting a single line of text, and a user may input text such as a name or address using the text box, and a text field ( textfield).

As shown in FIG. 4E, a label, which is a user interface, is a screen for selectively displaying names of a plurality of options, and a user selects one of a plurality of options by clicking the name of the option instead of a check box or a selection display of a radio box. Can be. That is, a label can help a user select one of a plurality of options more easily in a check box or a radio box, and can be displayed as a dotted rectangle around the name of the option.

As shown in FIG. 4F, a check box, which is a user interface, is a screen displaying a plurality of options and a selection display unit, and a user may select one or more of the plurality of options of the check box by clicking.

As shown in FIG. 4G, a combo box which is a user interface is a screen combining a text box and a pull down list, and a user inputs text corresponding to a selection option using the text box, or clicks a pull down list. You can choose from a number of options.

As shown in FIG. 4H, a pop-up window, which is a user interface, is a screen that is suddenly generated to display a specific content, and a user may grasp a progress state of an operation currently being executed or input another command through the pop-up window. Such a popup window may be classified as a user interface screen change in that it may be automatically generated while performing another command.

Meanwhile, as shown in FIG. 5, fade in and fade out, which are user interface screen changes, are one of screen switching methods, meaning that the screen is switched while the current screen gradually disappears and the next screen gradually appears.

That is, when the menu bar of Menu 2 is clicked on the first screen corresponding to Menu 1, the first screen gradually disappears and the second screen corresponding to Menu 2 is gradually displayed.

As shown in FIG. 6, the elastic, which is a change of the user interface screen, is also called an elastic list. As one of methods for displaying detailed contents of the list, the detailed contents are displayed by extending the display area of the specific list. It means to reduce the display area of the specific list and restore it.

That is, when List 2 is clicked on the display screen for the list, the display area of List 2 is expanded and the details of List 2 are displayed in the extended display area. After that, the expanded display area of list 2 is reduced to return to the display screen of the first list.

In addition, as illustrated in FIG. 7, flicking, which is a change of a user interface screen, is one of screen moving methods, and means that the screen is moved left, right, or up and down. FIG. 7 illustrates left and right flicking as an example.

That is, when a user touches and drags a specific display screen, it moves to the top, bottom, left, and right screens of the corresponding display screen. For example, when the left and right flickering shows a left and right list, the left and right hidden screens can be predicted. The screen may be moved at the same acceleration time, and at the end of the hidden screen, some elasticity may be given to the screen movement.

An example of calling logic implemented in native code of the present invention with web code is as follows.

Conventionally, when a "click" fades out when the Onclick event occurs, the screen is implemented in JavaScript. A user interface screen change such as "fade out" is scripted as follows. It should be defined as. In addition, the defined script should be called by a call syntax and interpreted and executed by a browser engine.

var fade_out = dojo.graphics.htmlEffects.fadeOut (elem, 1000);

fade_out.play ();

But. In the present invention, a separate native-based UI framework 123-2 in advance in the middleware layer 120 of the web application platform 100 to store user interface logic implemented in native code for "fade out" In order to implement a "fade out" when an Onclick event occurs, the web application includes the syntax of JavaScript (web code) as follows:

If Event = “Onclick” then dojo.aaa.bbb (fade out)

In other words, the calling command is implemented in JavaScript like dojo.aaa.bbb (fade out), but the actual user interface processing is based on the mobile platform based on user interface logic implemented in native code for "fade out" without interpretation by the browser engine. And the result is returned to dojo.aaa.bbb ().

As a result, according to the method for executing a web application of a mobile terminal and a mobile terminal therefor according to the present invention, user interface logic implemented in a native language corresponding to a user interface commonly used in a plurality of web applications may be called in a web language. If the web application creator creates and distributes a web application including the corresponding syntax written in a web language, the user interface processing can be performed quickly when the web application is executed in the web application platform of the mobile terminal of the present invention. Faster web application execution.

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 defined by the claims below and equivalents thereof.

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

Figure 2 is a block diagram showing the configuration of a mobile terminal for running a web application according to the present invention.

3 is a flowchart illustrating a web application execution method of a mobile terminal according to the present invention;

4A-4H illustrate an example of a user interface of a mobile terminal executing a web application according to the present invention.

5 illustrates a fade in and fade out as an example of a change in a user interface screen of a mobile terminal executing a web application according to the present invention.

FIG. 6 is a diagram illustrating an example of changing the user interface screen of a mobile terminal executing a web application according to the present invention. FIG.

7 is a diagram illustrating an example of flicking of a user interface screen change of a mobile terminal executing a web application according to the present invention.

Claims (11)

In a web application platform that provides an environment for running a web application implemented in web code, A native based UI framework implemented in native code and storing user interface logic for handling user interface or user interface change; And If the web application includes a call syntax implemented in the web code that invokes the user interface logic when the web application is executed to execute the web application, the call event is generated from the native-based UI framework. A browser engine that calls and processes the user interface logic implemented in the native code Web application platform comprising a. The method of claim 1, The native code is a web application platform, characterized in that corresponding to one of OPEN VG, C and C ++. The method of claim 1, The web code is a web application platform, characterized in that one of a HyperText Markup Language (HTML), JavaScript (Javascript), Cascading Style Sheets (CSS). The method of claim 1, The user interface or the user interface screen change is a web application platform, characterized in that commonly used in one or more web applications. The method of claim 4, wherein The user interface, Pop up menubar, scrollbar, radiobox, textbox, testbox, label, checkbox, combobox, list ), User interface change is a web application platform characterized in that one of the fade in (Fade In), Fade Out (Fade Out), Elastic (Fastic) and Flicking (Flicking). The method of claim 1, The web application platform further comprises a web-based UI framework for storing user interface logic for processing a user interface or a user interface screen implemented in the web code. In the mobile terminal running a web application implemented in the web code, The web application, which is implemented in native code and includes a user interface logic for handling a user interface or a user interface change, and a call syntax implemented in the web code for calling the user interface logic implemented in the native code. A storage unit for storing; And When interpreting the web code and executing the web application, when a call event according to the call syntax implemented in the web code occurs, the web application to call and process the user interface logic implemented in the native code from the storage unit Executive Mobile terminal running a web application comprising a. The method of claim 7, wherein The native code is a mobile terminal for executing a web application, characterized in that corresponding to one of OPEN VG, C and C ++. The method of claim 7, wherein The web code is a mobile terminal for executing a web application, characterized in that corresponding to one of the HyperText Markup Language (HTML), Javascript, Cascading Style Sheets (CSS). The method of claim 7, wherein The user interface or the user interface screen change is a mobile terminal for executing a web application, characterized in that the user interface or user interface screen change commonly used in one or more web applications. The method of claim 10, The user interface, Pop up menubar, scrollbar, radiobox, textbox, testbox, label, checkbox, combobox, list ), The user interface screen change corresponds to one of Fade In, Fade Out, Elastic and Flicking.

Images