KR101383056B1 - Method for providing web application linkaging whith netive menu using script and the smart terminal thereof - Google Patents

Abstract

The present application relates to a web application providing technology of a smart terminal, the web application providing method according to an embodiment of the disclosed technology is driven in a smart terminal environment. The web application providing method includes (a) generating a new document in a web application, generating a menu object that matches the document 1: 1, and (b) providing the generated menu object to an operating system. (c) dynamically associating and configuring the menu object with a basic menu function provided by the operating system; and (d) when a predetermined event occurs for the menu object, the event is associated with the dynamically associated basic menu. Providing to the function. According to the disclosed technology of the present application, by providing a menu object of the web application in conjunction with the basic menu function provided by the operating system, to provide a user with the same interface and uniform UX (User eXprience) provided by the operating system By doing so, the user's convenience can be improved.

Description

TECHNICAL FOR PROVIDING WEB APPLICATION LINKAGING WHITH NETIVE MENU USING SCRIPT AND THE SMART TERMINAL THEREOF}

The present application relates to a web application providing technology of a smart terminal, and more particularly, by applying the basic menu items provided by the operating system of the smart terminal to a new document of the web application to provide a uniform interface to the uniform UX ( The present invention relates to a linked web application providing method capable of providing user eXprience and a smart terminal using the same.

With the development of computing technologies and network environments, the Internet has become possible in various computing environments, and thus, web browsing environments are supported in portable terminals.

In particular, various smart terminals, such as smart phones and tablet PCs, which are portable and can be connected to various networks and have the same performance as PCs, have become popular.

However, in the conventional smart terminal environment, there are limitations in providing different interfaces depending on the type of web browser, development environment of the device, and the like. In other words, even though a smart terminal using the same operating system, there are elements that are developed differently for each product model, and these elements have a limitation in that they do not provide a common feeling overall.

In particular, the menu interface is the most widely used among these interfaces, so that it is consistently implemented as one of the major measures for the smart terminal. However, since the menu of the currently provided web application is provided differently from that of the operating system of the smart terminal, there is a limitation in that there is no overall uniformity, no intuition, and no uniform UX (User eXprience).

The present application provides a menu object of a web application in conjunction with a basic menu function provided by an operating system, thereby providing a user with the same interface as a basic menu provided by the operating system and a uniform user eXprience (UX). To provide a web application providing technology of the smart terminal that can be improved.

Among the embodiments, the web application providing method is run in a smart terminal environment. The web application providing method includes (a) generating a new document in a web application, generating a menu object that matches the document 1: 1, and (b) providing the generated menu object to an operating system. (c) dynamically associating and configuring the menu object with a basic menu function provided by the operating system; and (d) when a predetermined event occurs for the menu object, the event is associated with the dynamically associated basic menu. Providing to the function.

In one embodiment, the menu object may be set in association with at least one of text or an image for each menu object independently.

In an embodiment, the step (a) may include generating a menu object using a script in the Body area of the HyperText Markup Language (HTML) of the new document.

In one embodiment, step (b) may include providing the created menu object to the operating system using a script extension.

In an embodiment, the step (c) may include defining a basic menu function in the operating system, determining a configuration of the menu object in association with the basic menu function, and for the basic menu function in the menu object. The method may include binding in one direction by using a call-back function.

In an embodiment, the step (c) may include defining a menu function used in a native application provided by the operating system as the basic menu function and a callback for the basic menu function in the menu object. The method may include binding in one direction by using a (Call-Back) function.

In an embodiment, the step (d) may include providing a corresponding event to the basic menu function according to execution of the call-back function when a predetermined event for the menu object occurs. Can be.

Among the embodiments, the smart terminal may run a web application. The smart terminal includes an operating system module and a web framework module. The operating system provides at least one native application that provides a module common basic menu function, and allows binding using script to the basic menu function. When the web framework module constructs a new document in a web application, the web framework module generates a menu object that matches the document 1: 1, and associates the generated menu object with the basic menu function by interworking with the operating system module. Configure dynamically.

In one embodiment, when a predetermined event occurs for the generated menu object, the web framework module may provide the event to the basic menu function using a script.

In one embodiment, the operating system module defines a menu function provided by a native application provided by the operating system as the basic menu function, and the web framework module adds the basic menu function to the menu object. It can be associated with the basic menu function by applying a call-back function for and binding in one direction.

Among the embodiments, the recording medium records a program for executing the web application providing method. The program is a program for providing a web application running in a smart terminal environment. (A) When a new document is configured in the web application, a function of generating a menu object that is 1: 1 matched with the document, (b) Providing the generated menu object to an operating system, (c) dynamically configuring the menu object in association with a basic menu function provided by the operating system, and (d) a predetermined event for the menu object. When such, it includes a function to provide the event to the dynamically associated basic menu function.

According to the disclosed technology of the present application, by providing a menu object of the web application in conjunction with the basic menu function provided by the operating system, to provide a user with the same interface and uniform UX (User eXprience) provided by the operating system By doing so, the user's convenience can be improved.

1 is a block diagram illustrating an embodiment of a smart terminal according to the disclosed technology.
2 is a reference code illustrating an example of a script for registering a menu.
FIG. 3 is a reference diagram illustrating an example of a general web view screen and FIG. 4 is a web screen configured with a menu object according to the disclosed technology.
5 is a flowchart illustrating an embodiment of a web application providing method according to the disclosed technology.

The description of the disclosed technique is merely an example for structural or functional explanation and the scope of the disclosed technology should not be construed as being limited by the embodiments described in the text. That is, the embodiments are to be construed as being variously embodied and having various forms, so that the scope of the disclosed technology should be understood to include equivalents capable of realizing technical ideas.

Meanwhile, the meaning of the terms described in the present application should be understood as follows.

The terms "first "," second ", and the like are intended to distinguish one element from another, and the scope of the right should not be limited by these terms. For example, the first component may be referred to as a second component, and similarly, the second component may also be referred to as a first component.

It is to be understood that when an element is referred to as being "connected" to another element, it may be directly connected to the other element, but there may be other elements in between. On the other hand, when an element is referred to as being "directly connected" to another element, it should be understood that there are no other elements in between. On the other hand, other expressions that describe the relationship between components, such as "between" and "between" or "neighboring to" and "directly adjacent to" should be interpreted as well.

It should be understood that the singular " include "or" have "are to be construed as including a stated feature, number, step, operation, component, It is to be understood that the combination is intended to specify that it does not preclude the presence or addition of one or more other features, integers, steps, operations, elements, components, or combinations thereof.

In each step, the identification code (e.g., a, b, c, etc.) is used for convenience of explanation, the identification code does not describe the order of each step, Unless otherwise stated, it may occur differently from the stated order. That is, each step may occur in the same order as described, may be performed substantially concurrently, or may be performed in reverse order.

The disclosed technology can be embodied as computer readable code on a computer readable recording medium, and the computer readable recording medium includes all kinds of recording devices in which data can be read by a computer device. . Examples of the computer-readable recording medium include a ROM, a RAM, a CD-ROM, a magnetic tape, a floppy disk, an optical data storage device, and the like, and also implemented in the form of a carrier wave (for example, transmission over the Internet) . The computer readable recording medium can also be distributed over network coupled computer devices so that the computer readable code is stored and executed in a distributed fashion.

All terms used herein have the same meaning as commonly understood by one of ordinary skill in the art to which the disclosed technology belongs, unless otherwise defined. Commonly used predefined terms should be interpreted to be consistent with the meanings in the context of the related art and can not be interpreted as having ideal or overly formal meaning unless explicitly defined in the present application.

In the case of the conventional smart terminal, a terminal using Android as an operating system will be described as an example. In Android applications, menu functions are frequently used in applications. In the browser, a menu is usually used that contains tools such as page navigation (back and front), refresh page, and preferences. However, in the conventional web application, in order to configure a menu function including such a complex object, the page should be divided into <div> sections and configured using a plurality of image resources and complex JavaScript. Therefore, the implementation is complicated and the unity of the interface is not recognized as compared to the native application provided by Android itself, and thus there is a limit in that it is not possible to provide the user with the overall UX (User eXperience).

The disclosed technology generates a menu (Native Menu, hereinafter referred to as a 'basic menu') provided by an operating system based on a script technology corresponding to a web application, thereby unifying a web application that provides the same interface as the operating system of a smart terminal. Provide UX and pursue convenience.

Hereinafter, a method for providing a web application performed in a smart terminal and a logical configuration of the smart terminal therefor will be described with reference to FIGS. 1 to 6.

1 is a block diagram illustrating an embodiment of a smart terminal according to the disclosed technology.

Referring to FIG. 1, the smart terminal 100 may include an operating system module 110 and a web framework module 120.

The operating system module 110 is an operating system that controls and operates the smart terminal 100. Although the operating system module 110 has various functions as an operating system, the operating system module 110 will be described here based on the features required in the disclosed technology.

The operating system module 110 may provide at least one native application that provides a common basic menu function provided through the corresponding operating system.

The operating system module 110 may allow binding using script to the basic menu functions. For example, when the web framework module 120 receives a request for associating with a basic menu function using a script for a predetermined object, the script is allowed to be linked to or in conjunction with the web framework module 120. This can be done.

In one embodiment, the operating system module 110 may include a basic menu manager 111 and a script layer 112.

The basic menu manager 111 may define or manage a basic menu function that is commonly applied to at least one native application provided by the operating system module 110.

In one embodiment, the basic menu manager 111 may define a menu function provided by a native application provided by the operating system 110 as a basic menu function.

In one embodiment, the basic menu manager 111 may add, delete or change an object included in the basic menu. For example, an image or multimedia data associated with a Forward object included in a menu may be changed.

In one embodiment, when the addition, deletion, or change of an object included in the main menu occurs, the basic menu manager 111 provides the script layer 112 with information about the changed object and the change, thereby changing the script. If changes are required, they can be reflected.

The script layer 112 may perform application or management of a script. For example, if generation of a script is requested by another module or the like, the script may be managed to generate or change a script.

In one embodiment, script layer 112 may associate a menu object provided from web framework module 120 with basic menu functionality. For example, the association with the basic menu function may be set as the configuration of the menu object provided from the web framework module 120.

The web framework module 120 may provide a frame for performing, providing, developing, and executing a web application.

In one embodiment, when the web framework module 120 constructs a new document (eg, a web page) in a web application, the web framework module 120 may generate a menu object that matches the document 1: 1. In other words, when a new document is created, a menu object matching 1: 1 may be generated when the document is handled like one application.

In one embodiment, the web framework module 120 may dynamically configure a menu object created for a new document in association with the basic system function in conjunction with the operating system module 110.

In one embodiment, the web framework module 120 applies the call-back function for the basic menu function to the menu object and binds it in one direction (ie, from the menu object to the main menu function) to bind the main menu. Can be associated with a function. This embodiment has the effect of making the processing of data simpler and faster with less resources by associating in one direction rather than bilateral association.

In one embodiment, when a predetermined event occurs for the generated menu object, the web framework module 120 may deliver the event to the basic menu function using a script.

In one embodiment, the web framework module 120 may include a web browsing unit 121 and a menu manager 122.

The web browsing unit 121 may manage a web browser. For example, the web browsing unit 121 may be implemented as a web application.

In one embodiment, when the web browsing unit 121 configures a new document, the web browsing unit 121 may generate a menu object that matches the document 1: 1. Here, the generated menu object may have a specific configuration in an undefined state. That is, the object is created as an object, but details of a specific operation or configuration may be in an undefined state.

The menu object may be set in association with at least one of text or an image for each menu object independently.

In one embodiment, the web browsing unit 121 may generate a menu object using a script in the Body area of the HyperText Markup Language (HTML) of the new document.

The menu manager 122 may manage a menu object generated by the web browsing unit 121.

In one embodiment, the menu manager 122 may deliver the menu object generated to the script layer 112 when the menu object is generated by the web browsing unit 121. For example, the menu manager 122 may deliver the generated menu object to the script layer 112 using the script extension.

In one embodiment, the menu manager 122 may associate a menu object with a basic menu function in cooperation with the script layer 112. For example, the menu manager 122 may apply a call-back function for a basic menu function to a menu object in cooperation with the script layer 112. The call-back function applied in this way may serve to bind in one direction.

In one embodiment, the menu manager 122 may manage the processing of the predetermined event when the menu object occurs. For example, when a click event for a Back element of a menu object occurs, the menu manager 122 performs a script such as a call-back function to provide information about the event to the script layer 112. can do.

2 is a reference code illustrating an example of a script for registering a menu.

As described above, according to the exemplary embodiment, the menu object may be registered using a script as shown in the example code illustrated in cooperation with the script layer 112 or the menu manager 122.

FIG. 3 is a reference diagram illustrating an example of a general web view screen and FIG. 4 is a web screen configured with a menu object according to the disclosed technology.

Since the example disclosed in FIG. 4 is an example of a smartphone using Android, it can be seen that the applied menu object is configured in the same way as a general basic menu (same as a native application) of the Android device.

5 is a flowchart illustrating an embodiment of a web application providing method according to the disclosed technology. Since the method for providing a web application disclosed in FIG. 5 may be performed in the smart terminal described with reference to FIGS. 1 to 4, the same or equivalent description as the above description will be omitted below, but those skilled in the art will appreciate that the web disclosed in the above description. You will clearly understand how to provide the application.

Referring to FIG. 5, when the smart terminal 100 configures a new document in the web application (step S510, YES), the smart terminal 100 may generate a menu object matching 1: 1 with the document (step S520).

The smart terminal 100 may deliver the menu object generated to the operating system (step S530).

The smart terminal 100 dynamically configures the menu object in association with the basic menu function provided by the operating system (step S540), and if a predetermined event occurs for the menu object (step S550, yes), the corresponding event is configured. It can be passed to the dynamically associated basic menu function (step S560).

Here, the menu object may be set in association with at least one of text or an image for each menu object independently.

In an embodiment of steps S510 to S520, the smart terminal 100 may generate a menu object using a script in a body area of a hypertext markup language (HTML) of a new document.

In one embodiment for step S530, the smart terminal 100 may deliver a menu object created to the operating system using a script extension.

In an embodiment for step S540, the smart terminal 100 may define a basic menu function in the operating system and determine a configuration of a menu object in association with the basic menu function. The smart terminal 100 may bind to a menu object in one direction by using a call-back function for a basic menu function.

In another embodiment of step S540, the smart terminal 100 may define a menu function used in a native application provided by the operating system as a basic menu function. The smart terminal 100 may bind to a menu object in one direction by using a call-back function for a basic menu function.

In an embodiment of steps S550 to S560, when a predetermined event for a menu object occurs, the smart terminal 100 may deliver the event to the basic menu function according to execution of a call-back function. have.

6 is a detailed sequential block flow diagram in accordance with an example of the disclosed technique. The example shown in FIG. 6 explains the case of the example of the smart terminal which uses Javascript as a scripting language, and uses Android as an operating system. 6 is only an example of the disclosed technology, it is obvious that the disclosed technology may be applied to an operating environment other than Android and a script language environment other than Java.

Referring to FIG. 6, when a web application is executed, Index.html, which is a basic document, is loaded. The body of Index.html has a menu configured through the script, so a menu can be created when the body area is loaded. The web core (web framework module) uses scripts to provide (deliver) menus to the Android Java layer (script layer) of the operating system. The Android Java layer uses the delivered menu to form a native (default menu) type menu, and when this is done, loading of Index.html is completed.

When an event for a menu is generated by a user, a basic menu and a dynamically configured menu are displayed on a screen (see FIG. 4) by using JavaScript, and when one function of the output menu is selected, a web core module (web framework module) is selected. ) Can pass the contents to a script and let Android perform the functions of its associated default menu.

It will be apparent to those skilled in the art that various modifications and variations can be made to the present invention without departing from the spirit and scope of the present invention as set forth in the following claims It can be understood that

Smart terminal 100
Operating system module 110
Basic Menu Manager (111) Script Layer (112)
Web framework module (120)
Web browsing unit 121, menu management unit 122

Claims (11)

In the web application providing method running in a smart terminal environment,
(a) creating a new document in the web application, creating a menu object that matches the document 1: 1;
(b) providing the generated menu object to an operating system;
(c) dynamically associating the menu object with a basic menu function provided by the operating system; And
(d) when a predetermined event for the menu object occurs, providing the event to the dynamically associated basic menu function;
Web application providing method comprising a.
The method of claim 1, wherein the menu object
In which at least one of text or an image can be associated and set independently for each menu object
Web application providing method characterized in that.
The method of claim 1, wherein step (a)
Creating a menu object using a script in a body region of a hypertext markup language (HTML) of the new document;
Web application providing method comprising a.
4. The method of claim 3, wherein step (b)
Providing the created menu object to the operating system using a script extension;
Web application providing method comprising a.
4. The method of claim 3, wherein step (c)
Defining a basic menu function in the operating system;
Determining a configuration of the menu object in association with the basic menu function; And
Binding to the menu object in one direction by using a call-back function for the basic menu function;
Web application providing method comprising a.
4. The method of claim 3, wherein step (c)
Defining a menu function used in a native application provided by the operating system as the basic menu function; And
Binding to the menu object in one direction by using a call-back function for the basic menu function;
Web application providing method comprising a.
The method of claim 5 or 6, wherein step (d)
If a predetermined event for the menu object occurs, providing the event to the basic menu function according to execution of the call-back function;
Web application providing method comprising a.
In a smart terminal capable of running a web application,
An operating system module for providing at least one native application providing a common basic menu function and allowing binding using a script to the basic menu function; And
When constructing a new document in a web application, a web frame is created that matches a 1: 1 document with the document and dynamically associates the generated menu object with the basic menu function by interworking with the operating system module. Work module;
Smart terminal comprising a.
The method of claim 8, wherein the web framework module
When a predetermined event occurs for the generated menu object, providing the event to the basic menu function using a script.
Smart terminal characterized in that.
10. The system of claim 9, wherein the operating system module is
Define a menu function provided by a native application provided by the operating system as the basic menu function,
The web framework module
Associating with the basic menu function by applying a call-back function for the basic menu function to the menu object and binding in one direction.
Smart terminal characterized in that.
In the recording medium recording a program for executing the web application providing method,
The program is a program for providing a web application running in a smart terminal environment,
(a) creating a new document in the web application, creating a menu object that matches the document 1: 1;
(b) providing said generated menu object to an operating system;
(c) a function of dynamically associating the menu object with a basic menu function provided by the operating system; And
(d) providing a predetermined event to the dynamically associated basic menu function when a predetermined event for the menu object occurs;
Record medium comprising a.

Images