KR20230160461A - Method and Computer-readable Medium for Adding Native Function to a Mobile Webpage Performed on a Mobile Device - Google Patents

Abstract

The present invention relates to a method and computer-readable medium for adding native functions to a mobile web page executed on a mobile device, and more specifically, to execute an application corresponding to a computer program installed on a user terminal, Address information of a web page for adding a function is input, a virtual application is created based on the web page address information, and for the created virtual application, one or more native functions selected by the user among one or more native functions that can be operated on the user terminal are added. A method for adding native functions to a mobile web page run on a mobile device, which allows users to easily create a hybrid web application that is a mixture of conventional native applications and web applications by adding functions to the virtual application, and It relates to computer-readable media.

Description

{Method and Computer-readable Medium for Adding Native Function to a Mobile Webpage Performed on a Mobile Device}

The present invention relates to a method and computer-readable medium for adding native functions to a mobile web page executed on a mobile device, and more specifically, to execute an application corresponding to a computer program installed on a user terminal, Address information of a web page for adding a function is input, a virtual application is created based on the web page address information, and for the created virtual application, one or more native functions selected by the user among one or more native functions that can be operated on the user terminal are added. A method for adding native functions to a mobile web page run on a mobile device, which allows users to easily create a hybrid web application that is a mixture of conventional native applications and web applications by adding functions to the virtual application, and It relates to computer-readable media.

Mobile applications, which are a type of computer program running on mobile devices such as smartphones and tablet PCs, can be broadly divided into native applications, mobile web applications, and hybrid applications. A native application refers to an application that runs natively on a platform based on the operating system that runs the smart device, for example, Android or iOS. Therefore, in the case of native applications, APIs for various native functions provided by the platform can be used, so execution speed is fast and there is an advantage of providing various interactive environments to users by utilizing various native functions. On the other hand, since it was developed to run natively on the platform, it has the disadvantage of having to create a separate application suitable for that platform in order to port it to another platform.

Meanwhile, a mobile web application refers to an application written based on HTML and executed by a web browser installed on a mobile device. Therefore, there is no need to install the application separately on the mobile device, and it has the advantage of being able to run regardless of the type of platform of the mobile device. On the other hand, because it is written based on HTML and CSS, it has the disadvantage of not being able to use native functions provided by the mobile device platform (for example, camera operation, contact access, location information collection through GPS, etc.).

Lastly, in the case of a hybrid application, it is a fusion of the native application and mobile web application described above and is executed by calling a web page within the application, so it can be relatively easily created through HTML, CSS, and JavaScript. Since APIs for native functions provided by mobile devices can be utilized, there is an advantage in that native functions that can be implemented in native applications can also be used.

However, the hybrid application itself is relatively easy to write because it is based on HTML, CSS, and JavaScript. However, in order to utilize the native functions provided by the mobile device platform in the hybrid application, an additional understanding of the platform (operating system) and API are required. Knowledge that can be utilized is required, and since methods for implementing native functions are different for each mobile device platform (for example, Android and iOS), there is a problem that requires specialized knowledge for each platform.

Therefore, in utilizing the native functions of the mobile device in a hybrid application, there is a need to develop a new method that allows even users without relevant knowledge to easily use the native functions.

The present invention relates to a method and computer-readable medium for adding native functions to a mobile web page executed on a mobile device, and more specifically, to execute an application corresponding to a computer program installed on a user terminal, Address information of a web page for adding a function is input, a virtual application is created based on the web page address information, and for the created virtual application, one or more native functions selected by the user among one or more native functions that can be operated on the user terminal are added. A method for adding native functions to a mobile web page run on a mobile device, which allows users to easily create a hybrid web application that is a mixture of conventional native applications and web applications by adding functions to the virtual application, and The purpose is to provide computer-readable media.

In order to solve the above problems, an embodiment of the present invention is a method for adding native functions to a mobile web page executed on the user terminal by executing an application installed on the user terminal, wherein the application is executed. A virtual application creation step of receiving web page address information from a user on a user terminal and creating a virtual application for a web page corresponding to the web page address information; A virtual application execution step of executing the virtual application and displaying it on the user terminal according to a selection input for one virtual application among one or more virtual applications received from the user; According to the call input received from the user, a native input interface is displayed for adding one or more native functions that can be directly executed in the operating system installed on the user terminal, and one or more native functions input from the user on the native input interface A native application step of applying the one or more native functions to a web page corresponding to the corresponding virtual application according to the selection input for; And when a specific native function needs to be executed as a virtual application to which one or more native functions are applied through the native application step is executed, the specific native function is activated from the operating system of the user terminal according to a preset command corresponding to the specific native function. Provides a method for adding a native function to a mobile web page, including a native execution step of receiving and displaying result information about the function.

According to one embodiment of the present invention, the application installed on the user terminal includes a command conversion module, and the native execution step includes transmitting a preset command corresponding to the specific native function to the command conversion module; Converting the preset command received from the command conversion module into native code corresponding to the command; And transmitting the converted native code to the user terminal to an operating system, and receiving execution result information for the native code from the operating system.

According to one embodiment of the present invention, a method for adding native functions to the mobile web page includes a list interface that displays a list of one or more virtual applications created through the virtual application creation step according to the user's selection input. Further comprising: displaying; wherein the list interface is configured to display the two or more virtual applications as one list element when the domain information included in the web page address information corresponding to each of the two or more virtual applications is the same. It can be characterized as:

According to one embodiment of the present invention, the native input interface includes one or more graphic elements for each of one or more native functions that can be implemented in an operating system installed on the user terminal, and the native application step is performed on the native input interface. By receiving a user's selection input for a specific graphic element among one or more included graphic elements, a preset command for a native function corresponding to the specific graphic element can be applied to the web page.

In order to solve the above problem, one embodiment of the present invention is a user terminal that executes an application and performs a method for adding native functions to a mobile web page, where the user receives information from the user terminal on which the application is executed. A virtual application creation step of receiving web page address information and creating a virtual application for a web page corresponding to the web page address information; A virtual application execution step of executing the virtual application and displaying it on the user terminal according to a selection input for one virtual application among one or more virtual applications received from the user; According to the call input received from the user, a native input interface is displayed for adding one or more native functions that can be directly executed in the operating system installed on the user terminal, and one or more native functions input from the user on the native input interface A native application step of applying the one or more native functions to a web page corresponding to the corresponding virtual application according to the selection input for; And when a specific native function needs to be executed as a virtual application to which one or more native functions are applied through the native application step is executed, the specific native function is activated from the operating system of the user terminal according to a preset command corresponding to the specific native function. A user terminal is provided that performs a native execution step of receiving and displaying result information for a function.

In order to solve the above problems, an embodiment of the present invention is a computer-readable method for implementing a method for adding native functions to a mobile web page executed on the user terminal by executing a computer program on the user terminal. As an enabling medium, the computer-readable medium stores instructions for causing the user terminal to perform the following steps, the following steps being: receiving web page address information from the user on the user terminal on which the application is executed; A virtual application creation step of receiving input and generating a virtual application for a web page corresponding to the web page address information; A virtual application execution step of executing the virtual application and displaying it on the user terminal according to a selection input for one virtual application among one or more virtual applications received from the user; According to the call input received from the user, a native input interface is displayed for adding one or more native functions that can be directly executed in the operating system installed on the user terminal, and one or more native functions input from the user on the native input interface A native application step of applying the one or more native functions to a web page corresponding to the corresponding virtual application according to the selection input for; And when a specific native function needs to be executed as a virtual application to which one or more native functions are applied through the native application step is executed, the specific native function is activated from the operating system of the user terminal according to a preset command corresponding to the specific native function. A computer-readable medium comprising a native execution step of receiving and displaying result information about a function is provided.

According to one embodiment of the present invention, the user of the mobile device selects one or more native functions to be added using a native input interface capable of granting one or more native functions to a virtual application created corresponding to the entered web page address information. By selecting a graphic element for a function, one or more native functions can be added to the web page, which has the effect of allowing users to add native functions even if they do not have knowledge of the mobile device operating system.

According to one embodiment of the present invention, when part of the web page address information corresponding to each of the plurality of virtual applications created by the user is the same, the list interface that displays the list of the plurality of virtual applications displays the web page address information. Since two or more virtual applications, some of which are identical, are displayed in the form of a single list element, it is possible to visually simplify and display numerous virtual applications without any additional input from the user.

Figure 1 schematically shows components for performing a method for adding native functions to a mobile web page according to an embodiment of the present invention.
Figure 2 schematically shows detailed steps of a method for adding native functions to a mobile web page according to an embodiment of the present invention.
Figure 3 schematically shows the process in which the native execution step is performed according to an embodiment of the present invention.
Figure 4 schematically shows a screen displayed on the user terminal when an application installed on the user terminal is first executed according to an embodiment of the present invention.
Figure 5 schematically shows a screen displayed on the user terminal as the virtual application creation step is performed by user input according to an embodiment of the present invention.
Figure 6 schematically shows a screen displayed on a user terminal as a virtual application is additionally created by a user's input according to an embodiment of the present invention.
Figure 7 schematically shows the process of applying a command to a web page according to a user's input on a native input interface according to an embodiment of the present invention.
Figure 8 schematically shows screens on which a settings list interface and a push settings interface are displayed on a user terminal according to an embodiment of the present invention.
Figure 9 schematically shows the internal configuration of a computing device according to an embodiment of the present invention.

BRIEF DESCRIPTION OF THE DRAWINGS Various embodiments and/or aspects are now disclosed with reference to the drawings. In the following description, for purposes of explanation, numerous specific details are set forth to facilitate a general understanding of one or more aspects. However, it will also be appreciated by those skilled in the art that this aspect(s) may be practiced without these specific details. The following description and accompanying drawings set forth in detail certain example aspects of one or more aspects. However, these aspects are illustrative and some of the various methods in the principles of the various aspects may be utilized, and the written description is intended to encompass all such aspects and their equivalents.

Additionally, various aspects and features may be presented by a system that may include multiple devices, components and/or modules, etc. It is also understood that various systems may include additional devices, components and/or modules, etc. and/or may not include all of the devices, components, modules, etc. discussed in connection with the drawings. It must be understood and recognized.

As used herein, “embodiments,” “examples,” “aspects,” “examples,” etc. may not be construed to mean that any aspect or design described is better or advantageous over other aspects or designs. . The terms '~part', 'component', 'module', 'system', 'interface', etc. used below generally refer to computer-related entities, such as hardware, hardware, etc. A combination of and software, it can mean software.

Additionally, the terms “comprise” and/or “comprising” mean that the feature and/or element is present, but exclude the presence or addition of one or more other features, elements and/or groups thereof. It should be understood as not doing so.

Additionally, terms including ordinal numbers, such as first, second, etc., may be used to describe various components, but the components are not limited by the terms. The above terms are used only for the purpose of distinguishing one component from another. For example, a first component may be named a second component, and similarly, the second component may also be named a first component without departing from the scope of the present invention. The term and/or includes any of a plurality of related stated items or a combination of a plurality of related stated items.

In addition, in the embodiments of the present invention, unless otherwise defined, all terms used herein, including technical or scientific terms, are generally understood by those skilled in the art to which the present invention pertains. It has the same meaning as Terms defined in commonly used dictionaries should be interpreted as having a meaning consistent with the meaning in the context of the related technology, and unless clearly defined in the embodiments of the present invention, have an ideal or excessively formal meaning. It is not interpreted as

Figure 1 schematically shows components for performing a method for adding native functions to a mobile web page according to an embodiment of the present invention.

As shown in Figure 1, the method for adding native functions to a mobile web page of the present invention is a computer program installed on the user terminal 1000, preferably a separate application for performing a method of debugging a mobile web page. It can be performed through (1100).

The application 1100 includes a browser 1110 and a command conversion module 1120, and additionally, when one or more virtual applications 1130 are created by user input, each of the one or more virtual applications 1130 is further configured. It can be included. The browser 1110 communicates with the web server 2000 to display a web page to be created as a virtual application 1130, or as the virtual application 1130 is executed, the browser 1110 displays a web page corresponding to the virtual application 1130. You can load a web page. The command conversion module 1120 performs functions that allow the user to easily add one or more native functions 1300 to the web page corresponding to the virtual application 1130.

Meanwhile, the user terminal 1000 of the present invention is a computing device including one or more processors and one or more memories. Preferably, the user terminal 1000 is mobile, unlike a PC or desktop, such as a smartphone or tablet PC. It can refer to a high-level computing device.

The method for adding a native function to a mobile web page of the present invention is performed in the application 1100 installed on the user terminal 1000, but the user connects the mobile web page to which the native function 1300 is added to the user terminal. In order to output to (1000), the user terminal (1000) communicates with the web server (2000) corresponding to the mobile web page, and outputs the mobile web page from the web server (2000), For example, an HTML-based file can be received and output through a display module provided in the user terminal 1000.

In addition, the user terminal 1000 includes one or more processors, one or more memories, and additionally provided hardware modules, such as a GPS module, a camera module, and an NFC module. , Additionally, it includes an operating system 1200 for controlling one or more processors, one or more memories, and hardware modules.

The operating system 1200 not only controls the hardware components of the user terminal 1000 described above, for example, GPS module control 1310, camera module control 1320, and NFC module control 1330. Control of software-based components implemented based on the operating system 1200, for example, contact access management, photo album access management 1340, etc. can be performed.

In this way, functions implemented through one or more hardware modules or software-based components in the operating system 1200 are called native functions 1300, and the operating system 1200 implements each of the native functions 1300 through native code. You can.

Figure 2 schematically shows detailed steps of a method for adding native functions to a mobile web page according to an embodiment of the present invention.

As shown in FIG. 2, a method for adding native functions to a mobile web page executed on the user terminal 1000 by executing an application 1100 installed on the user terminal 1000, wherein the application 1100 A virtual application creation step (S100) of receiving web page address information from the user on the executed user terminal 1000 and creating a virtual application 1130 for the web page corresponding to the web page address information; According to the selection input for one virtual application (1130) among one or more virtual applications (1130) received from the user, executing the corresponding virtual application (1130) and displaying the virtual application on the user terminal (1000). Step (S110); According to the call input received from the user, a native input interface (L7) is displayed for adding one or more native functions (1300) that can be directly executed in the operating system (1200) installed on the user terminal (1000), and the native input interface (L7) is displayed. Native application of applying one or more native functions (1300) to a web page corresponding to the virtual application (1130) according to the selection input of one or more native functions (1300) received from the user on the input interface (L7). Step (S120); And when the virtual application 1130 to which one or more native functions 1300 are applied through the native application step (S120) is executed, a specific native function 1300 must be executed, corresponding to the specific native function 1300. It may include a native execution step (S130) of receiving and displaying result information for the specific native function 1300 from the operating system 1200 of the user terminal 1000 according to a preset command.

Specifically, the virtual application creation step (S100), the virtual application execution step (S110), the native application step (S120), and the native execution step (S130) shown in FIG. 2 are installed in the user terminal (1000). It may be performed by the application 1100.

In the virtual application creation step (S100), the user adds one or more native functions 1300 to a specific mobile web page, that is, to create the specific mobile web page in the form of the hybrid application 1100 described above. A virtual application 1130 for a mobile web page can be created.

More specifically, in the virtual application creation step (S100), a specific interface is displayed on the user terminal 1000, and the web page address information for the mobile web page entered by the user on the specific interface is used to display the web page. A virtual application (1130) corresponding to the page address information is created. In this way, like the hybrid application 1100, one or more native functions 1300 may be added to the virtual application 1130 created through the virtual application creation step (S100) by the user.

The virtual application execution step (S110) is performed according to the user's selection input for any one virtual application (1130) among the one or more virtual applications (1130) created through the virtual application creation step (S100). Run the virtual application (1130).

In one embodiment of the present invention, in the virtual application creation step (S100), a local-based HTML file stored in the user terminal 1000 is generated according to the web page address information for the mobile web page entered by the user to create the virtual application. (1130) can be created, and in the virtual application execution step (S110), a local HTML file for one virtual application (1130) selected by the user may be loaded through the browser (1110).

The native application step (S120) may add one or more native functions (1300) to the virtual application (1130) executed through the virtual application execution step (S110) according to the user's input. More specifically, the native application step (S120) displays a native input interface (L7) on the user terminal 1000 according to the user's call input, and selects one or more selections entered by the user on the native input interface (L7). Depending on the input, one or more native functions 1300 corresponding to each of the one or more selection inputs may be added to the virtual application 1130.

Meanwhile, graphic elements (E7) corresponding to each of the one or more native functions (1300) are displayed on the native input interface (L7), and the user can use the native function (1300) simply by selecting a specific graphic element (E7). Since can be added to the virtual application 1130, the user can easily add the native function 1300 even without knowledge of native code.

The native execution step (S130) is performed when the virtual application (1130) to which one or more native functions (1300) are added through the native application step (S120) is executed through the virtual application execution step (S110). When one or more native functions (1300) added to the application (1130) need to operate, communicate with the operating system (1200) to enable the operating system (1200) to perform one or more native functions (1300), The result information can be received from the operating system 1200 and displayed on the user terminal 1000.

Meanwhile, the operation processes of the native application step (S120) and the native execution step (S130) described above will be described in more detail in FIG. 3.

Figure 3 schematically shows the process in which the native execution step (S130) is performed according to an embodiment of the present invention.

As shown in FIG. 3, the application 1100 installed on the user terminal 1000 includes a command conversion module 1120, and the native execution step (S130) corresponds to the specific native function 1300. Transmitting a preset command to the command conversion module 1120; Converting the preset command received from the command conversion module 1120 into native code corresponding to the command; and transmitting the converted native code to the user terminal 1000 to the operating system 1200 and receiving execution result information for the native code from the operating system 1200.

Specifically, when the user selects a graphic element (E7) for a specific native function (1300) on the native input interface (L7) displayed on the user terminal (1000) in the native application step (S120), the native In the application step (S120), the command corresponding to the selected graphic element (E7) is applied to the web page of the corresponding virtual application (1130). At this time, the command may not be a native code for performing a specific native function 1300 in the operating system 1200, but may correspond to a preset command code in a simplified form that is mapped to the native code.

Through this configuration, in another embodiment of the present invention, the user selects the graphic element (E7) displayed on the native input interface (L7), which is separate from adding the native function (1300) to the virtual application (1130). Thus, the native function 1300 for the virtual application 1130 can be added by the user directly entering a preset command.

In addition, in another embodiment of the present invention, when the virtual application 1130 is created through a local-based HTML file in the virtual application creation step (S100), the native application step (S120) is performed on the virtual application (1130). The native function 1300 can also be added by inserting a preset command corresponding to the graphic element (E7) selected by the user in the local HTML file of ).

Meanwhile, the native execution step (S130) includes the steps of transmitting to the command conversion module 1120, converting to native code, and receiving execution result information, as described above.

The step of transmitting to the command conversion module 1120 sequentially executes the code for the virtual application 1130 loaded through the browser 1110, thereby sequentially executing one or more preset codes added in the native application step (S120). When a command needs to be executed, the command is transmitted to the command conversion module 1120 included in the application 1100.

The command conversion module 1120 includes one or more functions corresponding to each of the one or more native functions 1300 that can be implemented in the platform (operating system 1200) of the user terminal 1000. Native code for actually implementing the set instructions and the corresponding native function 1300 in the operating system 1200 is mapped. Accordingly, the step of converting to native code performed by the command conversion module 1120 converts the received command into native code corresponding to the command.

Accordingly, the step of receiving the execution result information includes transmitting the converted native code to the operating system 1200 of the user terminal 1000 to enable the operating system 1200 to perform a native function 1300 corresponding to the native code. is implemented, and execution result information according to the implementation of the native function 1300 is received from the operating system 1200 and displayed on the user terminal 1000.

In the present invention, even if a preset command in a simplified form that is not recognized by the operating system 1200 is added to the virtual application 1130 through this process, the native function (1300) intended by the user is maintained through the configuration of the command conversion module (1120). ) can be implemented normally.

Figure 4 schematically shows a screen displayed on the user terminal 1000 when the application 1100 installed on the user terminal 1000 according to an embodiment of the present invention is first executed.

Figure 4 (A) schematically shows a screen displayed on the user terminal 1000 as the application 1100, which performs the method for adding a native function to a mobile web page of the present invention, is executed.

As shown in (A) of FIG. 4, the user can input specific web page address information through the first address input area (A1) displayed on the screen displayed on the user terminal 1000, and through this, the web page A web page corresponding to the input web page address information may be displayed in the display area (A2).

Meanwhile, the web page display area (A2) not only displays web pages corresponding to the web page address information, but also displays previously displayed web pages based on the currently displayed web page, as shown in (A) of FIG. 4. A moving element (E2) that displays a page or displays a subsequently displayed web page and a menu expansion element (E1) that can call various functions performed by the application 1100 are overlaid on the web page to add additional can be displayed.

Meanwhile, the moving element (E2) and the menu expansion element (E1) are not fixed only at preset positions in the web page display area (A2), but are overlaid and displayed, preventing some elements of the web page from being obscured. To prevent this, the moving element (E2) and the menu expansion element (E1) may be placed at arbitrary positions on the web page display area (A2) according to the user's drag input.

Figure 4 (B) schematically shows a screen displayed on the user terminal 1000 when the user selects the menu expansion element (E1) in Figure 4 (A) described above.

As shown in (B) of FIG. 4, when the user selects the menu expansion element (E1), the web page displayed in the web page display area (A2) is displayed visually differently (darker), and is displayed differently than the existing menu expansion element (E1). The moving element (E2) and the menu expansion element (E1) displayed in are not displayed, and one or more detailed menu elements (E3) that can call one or more functions that can be performed in the application 1100 are displayed. It can be. Accordingly, when the user selects one detailed menu element (E3) among one or more displayed detailed menu elements (E3), the application 1100 can implement the function corresponding to the selected detailed menu element (E3). .

Figure 5 schematically shows a screen displayed on the user terminal 1000 as the virtual application creation step (S100) is performed by a user's input according to an embodiment of the present invention.

Specifically, the diagram shown in (A) of FIG. 5 shows that the user selects the detailed menu element (E3) indicated as 'AddMyApp' among one or more detailed menu elements (E3) shown in (B) of FIG. 4 above. The screen displayed on the user terminal 1000 in this case is schematically shown.

As shown in (A) of FIG. 5, the address information input interface (L1) is displayed on the user terminal 1000. Through the second address input area (A3) included in the address information input interface (L1), the user directly inputs address information, preferably URL information, of the web page to be created with the virtual application (1130), or By selecting the current page addition element (E4) further included in the information input interface (L1), the address information of the web page displayed in the web page display area (A2) is automatically added to the second address input area (A3). It may also be displayed as .

In this way, after the address information of the web page to be created by the virtual application 1130 is directly input by the user or indirectly displayed in the second address input area (A3), the user enters the address information input interface (L1) When selecting the app additional element (E5) included in , a separate interface for creating a virtual application 1130 may be displayed on the user terminal 1000, as shown in (B) of FIG. .

As shown in (B) of FIG. 5, when the user selects the app addition element (E5), a virtual app setting interface (L2) may be displayed on the user terminal (1000). Through the app information input area (A4) included in the virtual app setting interface (L2), the user sets the name for the virtual application (1130) to be created, or the name entered in the second address input area (A3). Web page address information can be changed arbitrarily.

Meanwhile, when the user selects the app creation element (E6) included in the virtual app setting interface (L2), a virtual application (1130) is created based on the information entered on the app information input area (A4). As shown in (C) of FIG. 5, a list of one or more virtual applications 1130 created by the user may be displayed on the list interface L3.

The diagram shown in FIG. 5 (C) shows that when the user selects the detailed menu element (E3) displayed as 'MyApp' among one or more detailed menu elements (E3) shown in (B) of FIG. 4 above. The list interface L3 schematically shows a screen displayed on the user terminal 1000.

In the list interface (L3), one or more virtual applications (1130) created by the user may be displayed as one or more list elements (A5) corresponding to visual elements. Specifically, the list element (A5) corresponds to a graphic element that can visually distinguish the web page for the corresponding virtual application 1130, and more specifically, the visual element (icon) of the list element (A5) corresponds to the corresponding It corresponds to a favorites icon (favicon) for a web page, and when creating a virtual application (1130) in the virtual application creation step (S100), you can enjoy the favorites on the web page corresponding to the virtual application (1130). You can collect find icons.

Figure 6 schematically shows a screen displayed on the user terminal 1000 as a virtual application 1130 is additionally created by a user's input according to an embodiment of the present invention.

As shown in FIG. 6, the method for adding native functions to the mobile web page includes a list of one or more virtual applications 1130 created through the virtual application creation step (S100) according to the user's selection input. Further comprising: displaying a list interface that displays, wherein the list interface (L5) is configured to, when the domain information included in the web page address information corresponding to each of the two or more virtual applications (1130) is the same, the two The above virtual application 1130 may be displayed as a single list element (A7).

Specifically, in the present invention, a plurality of virtual applications 1130 are created through the virtual application creation step (S100), and web page address information corresponding to each of two or more virtual applications 1130 among the plurality of virtual applications 1130 In the case where parts of are the same, the list interface (L5) groups and displays two or more virtual applications (1130) with the same part of the web page address information, thereby creating a large number of virtual applications (1130) on the list interface (L5). This ensures that it can be displayed efficiently.

More specifically, in Figure 6 (A), similar to what is described in Figure 4 (B), the user selects the menu expansion element (E1) overlaid on another web page displayed on the web page display area (A2). Thus, one or more detailed menu elements (E3) schematically show a screen displayed on the web page display area (A2).

In (B) of FIG. 6, a detailed menu element (E3) indicated as 'AddMyApp' is selected among one or more detailed menu elements (E3) shown in (A) of FIG. 6, and the corresponding web page is generated as a virtual application (1130). The screen on which the virtual app settings interface (L4) is displayed is schematically shown. Referring to the app information input area (A6) displayed on the virtual app settings interface (L4) shown in (B) of Figure 6, the address information (URL information) of the web page is displayed, and the address information of the web page is It can be confirmed that part of the address information (URL information) of the web page displayed in the app information input area (A4) shown in (B) of FIG. 5 is identical.

In this way, when part of the web page address information corresponding to each of the two or more virtual applications 1130 is the same, preferably when the main domain information included in the URL information is the same, the two or more virtual applications 1130 are They can be grouped and displayed on the list interface (L5).

Figure 6 (C) schematically shows a list interface (L5) in which a list of a plurality of virtual applications 1130 is displayed. As shown in (C) of FIG. 6, a first list element (A7) and a second list element (A8) can be displayed in the list interface (L5), and the first list element (A7) is displayed on a web page. It corresponds to an element displayed when two or more virtual applications 1130 with the same part of address information are grouped, and the second list element A8 is one virtual application 1130, that is, an ungrouped virtual application ( 1130).

That is, the list element (A5) can be divided into a first list element (A7) and a second list element (A8), and the list element (A5) includes a virtual application (1130) grouped in the corresponding list element (A5). Quantity information may be additionally displayed. For example, the number information '2' is displayed in the first list element A7 shown in (C) of FIG. 6, which means that two virtual applications 1130 are grouped. On the other hand, the second list element (A8) displays the number information of '1', which means that the list element (A5) is not grouped and displays a single virtual application (1130).

Meanwhile, Figure 6 (D) shows that when the user selects the first list element (A7) displayed on the list interface (L5) shown in Figure 6 (C), the virtual app selection interface (L6) is displayed at the user terminal ( 1000) schematically shows the screen displayed.

The virtual app selection interface (L6) can be displayed on the user terminal (1000) only when the user selects the first list element (A7), which visually indicates that two or more virtual applications (1130) are grouped. When the user selects the second list element (A8), the virtual app selection interface (L6) is not displayed on the user terminal (1000), and the virtual application (1130) corresponding to the second list element (A8) can be immediately executed. .

In the virtual app display area (A9) included in the virtual app selection interface (L6), information about two or more virtual applications (1130) grouped by the corresponding first list element (A7) is displayed, and the user can use two or more virtual applications (1130). When information about one virtual application 1130 is selected among the information about the virtual application 1130, the selected virtual application 1130 may be executed and displayed on the user terminal 1000.

Figure 7 schematically shows the process of applying a command to a web page according to a user's input on the native input interface (L7) according to an embodiment of the present invention.

As shown in FIG. 7, the native input interface (L7) includes one or more graphic elements (E7) for each of one or more native functions (1300) that can be implemented in the operating system (1200) installed on the user terminal (1000). It includes, and the native application step (S120) receives a user's selection input for a specific graphic element (E7) among one or more graphic elements (E7) included in the native input interface (L7), and selects the specific graphic element (E7). A preset command for the native function 1300 corresponding to (E7) can be applied to the web page.

Specifically, while the web page corresponding to the virtual application 1130 is displayed on the user terminal 1000 through the virtual application execution step (S110), the user selects the menu expansion element (E1) overlaid on the web page. In the case of selection, as described above, one or more detailed menu elements (E3) are displayed on the user terminal 1000, and at this time, the user selects the detailed menu element (E3) for performing the native application step (S120). In this case, as shown in FIG. 7, the native input interface (L7) may be displayed on the user terminal 1000.

The native input interface (L7) displays graphic elements (E7) for each of one or more native functions (1300) that can be performed by the user terminal (1000). For example, as shown in FIG. 7, each graphic element (E7) has a native function (1300) for executing a camera module provided in the user terminal (1000) and an operating system (1200) of the user terminal (1000). ) refers to each native function (1300), such as the native function (1300) of accessing one or more image files by accessing a photo album implemented in ).

Meanwhile, when the user selects one graphic element (E7) among the plurality of graphic elements (E7) displayed on the native input interface (L7), the native application step (S120) is performed on the selected graphic element (E7). A preset command corresponding to the corresponding native function 1300 is applied to the web page of the virtual application 1130.

In another embodiment of the present invention, when the virtual application 1130 is created through a local HTML-based file, the preset command may be included in the local HTML-based file.

As such, in the present invention, it is possible to easily insert instructions (code) that can implement the native function 1300 based on the user interface, and through this, as described above, based on the instructions preset in the native execution step (S130) It allows the operating system 1200 of the user terminal 1000 to perform the native function 1300.

Figure 8 schematically shows screens on which the settings list interface (L8) and the push settings interface (L9) are displayed on the user terminal 1000 according to an embodiment of the present invention.

The diagram shown in (A) of FIG. 8 shows the application 1100 and the user among a plurality of detailed menu elements (E3) displayed on the user terminal 1000 according to the user's selection input for the menu expansion element (E1). As a specific detailed menu element (E3) corresponding to the function of setting one or more virtual applications (1130) created by input is selected, the settings list interface (L8) schematically shows the screen displayed on the user terminal (1000). It shows. Through the settings list interface (L8), the user can input settings related to the application 1100 and one or more created virtual applications 1130.

Meanwhile, when selecting the area described as 'Push by service' in the settings list interface (L8) (L3) shown in (A) of FIG. 8, that is, the virtual app push setting area, in (B) of FIG. 8 As shown, a push setting interface (L9) may be displayed on the user terminal (1000).

Through the push setting interface (L9), the user can set up a push for one or more created virtual applications (1130). For example, the operating system 1200 receives information from the web server 2000 that performs communication through the virtual application 1130, or substantially performs the native function 1300 added to the virtual application 1130. When receiving performance result information, the virtual application 1130 configured for push may display the received information in various forms, for example, as a pop-up message.

Figure 9 schematically shows the internal configuration of a computing device according to an embodiment of the present invention.

The user terminal 1000 shown in FIG. 1 described above may include components of the computing device 11000 shown in FIG. 9 .

As shown in FIG. 9, the computing device 11000 includes at least one processor 11100, a memory 11200, a peripheral interface 11300, and an input/output subsystem ( It may include at least an I/O subsystem (11400), a power circuit (11500), and a communication circuit (11600). At this time, the computing device 11000 may correspond to the user terminal 1000 shown in FIG. 1.

The memory 11200 may include, for example, high-speed random access memory, magnetic disk, SRAM, DRAM, ROM, flash memory, or non-volatile memory. . The memory 11200 may include software modules, instruction sets, or other various data necessary for the operation of the computing device 11000.

At this time, access to the memory 11200 from other components such as the processor 11100 or the peripheral device interface 11300 may be controlled by the processor 11100.

The peripheral interface 11300 may couple input and/or output peripherals of the computing device 11000 to the processor 11100 and the memory 11200. The processor 11100 may execute a software module or set of instructions stored in the memory 11200 to perform various functions for the computing device 11000 and process data.

The input/output subsystem can couple various input/output peripherals to the peripheral interface 11300. For example, the input/output subsystem may include a controller for coupling peripheral devices such as a monitor, keyboard, mouse, printer, or, if necessary, a touch screen or sensor to the peripheral device interface 11300. According to another aspect, input/output peripherals may be coupled to the peripheral interface 11300 without going through the input/output subsystem.

Power circuit 11500 may supply power to all or some of the terminal's components. For example, power circuit 11500 may include a power management system, one or more power sources such as batteries or alternating current (AC), a charging system, a power failure detection circuit, a power converter or inverter, a power status indicator, or a power source. It may contain arbitrary other components for creation, management, and distribution.

The communication circuit 11600 may enable communication with another computing device using at least one external port.

Alternatively, as described above, if necessary, the communication circuit 11600 may include an RF circuit to transmit and receive RF signals, also known as electromagnetic signals, to enable communication with other computing devices.

This embodiment of FIG. 9 is only an example of the computing device 11000, and the computing device 11000 omits some components shown in FIG. 9, further includes additional components not shown in FIG. 9, or 2 It may have a configuration or arrangement that combines more than one component. For example, a computing device for a communication terminal in a mobile environment may further include a touch screen or a sensor in addition to the components shown in FIG. 9, and the communication circuit 11600 may be equipped with various communication methods (WiFi, 3G, LTE). , Bluetooth, NFC, Zigbee, etc.) may also include a circuit for RF communication. Components that can be included in the computing device 11000 may be implemented as hardware, software, or a combination of both hardware and software, including one or more signal processing or application-specific integrated circuits.

Methods according to embodiments of the present invention may be implemented in the form of program instructions that can be executed through various computing devices and recorded on a computer-readable medium. In particular, the program according to this embodiment may be composed of a PC-based program or a mobile terminal-specific application. The application to which the present invention is applied can be installed on the computing device 11000 through a file provided by a file distribution system. As an example, the file distribution system may include a file transmission unit (not shown) that transmits the file according to a request from the computing device 11000.

The device described above may be implemented with hardware components, software components, and/or a combination of hardware components and software components. For example, devices and components described in embodiments may include, for example, a processor, a controller, an arithmetic logic unit (ALU), a digital signal processor, a microcomputer, a field programmable gate array (FPGA), etc. , may be implemented using one or more general-purpose or special-purpose computers, such as a programmable logic unit (PLU), microprocessor, or any other device capable of executing and responding to instructions. A processing device may execute an operating system (OS) and one or more software applications that run on the operating system. Additionally, a processing device may access, store, manipulate, process, and generate data in response to the execution of software. For ease of understanding, a single processing device may be described as being used; however, those skilled in the art will understand that a processing device includes multiple processing elements and/or multiple types of processing elements. It can be seen that it may include. For example, a processing device may include a plurality of processors or one processor and one controller. Additionally, other processing configurations, such as parallel processors, are possible.

Software may include a computer program, code, instructions, or a combination of one or more of these, which may configure a processing unit to operate as desired, or may be processed independently or collectively. You can command the device. Software and/or data may be used by any type of machine, component, physical device, virtual equipment, computer storage medium or device to be interpreted by or to provide instructions or data to a processing device. , or may be permanently or temporarily embodied in a transmitted signal wave. Software may be distributed over networked computing devices and stored or executed in a distributed manner. Software and data may be stored on one or more computer-readable recording media.

The method according to the embodiment may be implemented in the form of program instructions that can be executed through various computer means and recorded on a computer-readable medium. The computer-readable medium may include program instructions, data files, data structures, etc., singly or in combination. Program instructions recorded on the medium may be specially designed and configured for the embodiment or may be known and available to those skilled in the art of computer software. Examples of computer-readable recording media include magnetic media such as hard disks, floppy disks, and magnetic tapes, optical media such as CD-ROMs and DVDs, and magnetic media such as floptical disks. -Includes optical media (magneto-optical media) and hardware devices specifically configured to store and execute program instructions, such as ROM, RAM, flash memory, etc. Examples of program instructions include machine language code, such as that produced by a compiler, as well as high-level language code that can be executed by a computer using an interpreter, etc. The hardware devices described above may be configured to operate as one or more software modules to perform the operations of the embodiments, and vice versa.

According to one embodiment of the present invention, the user of the mobile device selects one or more native functions to be added using a native input interface capable of granting one or more native functions to a virtual application created corresponding to the entered web page address information. By selecting a graphic element for a function, one or more native functions can be added to the web page, which has the effect of allowing users to add native functions even if they do not have knowledge of the mobile device operating system.

According to one embodiment of the present invention, when part of the web page address information corresponding to each of the plurality of virtual applications created by the user is the same, the list interface that displays the list of the plurality of virtual applications displays the web page address information. Since two or more virtual applications, some of which are identical, are displayed in the form of a single list element, it is possible to visually simplify and display numerous virtual applications without any additional input from the user.

As described above, although the embodiments have been described with limited examples and drawings, various modifications and variations can be made by those skilled in the art from the above description. For example, the described techniques are performed in a different order than the described method, and/or components of the described system, structure, device, circuit, etc. are combined or combined in a different form than the described method, or other components are used. Alternatively, appropriate results may be achieved even if substituted or substituted by an equivalent.

Therefore, other implementations, other embodiments, and equivalents of the claims also fall within the scope of the claims described below.

Claims (6)

A method for adding native functions to a mobile web page performed on the user terminal by executing an application installed on the user terminal,
A virtual application creation step of receiving web page address information from the user on the user terminal on which the application is executed and creating a virtual application for a web page corresponding to the web page address information;
A virtual application execution step of executing the virtual application and displaying it on the user terminal according to a selection input for one virtual application among one or more virtual applications received from the user;
According to the call input received from the user, a native input interface is displayed for adding one or more native functions that can be directly executed in the operating system installed on the user terminal, and one or more native functions input from the user on the native input interface A native application step of applying the one or more native functions to a web page corresponding to the corresponding virtual application according to the selection input for; and
When a specific native function must be executed as a virtual application to which one or more native functions are applied through the native application step is executed, the specific native function is activated from the operating system of the user terminal according to a preset command corresponding to the specific native function. A method for adding a native function to a mobile web page, including a native execution step of receiving and displaying result information. In claim 1,
The application installed on the user terminal includes a command conversion module,
The native execution step is,
transmitting a preset command corresponding to the specific native function to the command conversion module;
Converting the preset command received from the command conversion module into native code corresponding to the command; and
A method for adding a native function to a mobile web page, comprising: transmitting the converted native code to the user terminal to an operating system and receiving execution result information for the native code from the operating system.
In claim 1,
The method for adding native functions to the mobile web page is:
It further includes: displaying a list interface that displays a list of one or more virtual applications created through the virtual application creation step according to the user's selection input,
The list interface is,
When the domain information included in the web page address information corresponding to each of two or more virtual applications is the same, the two or more virtual applications are displayed as a single list element for adding native functions to a mobile web page. method.
In claim 1,
The native input interface is,
Contains one or more graphic elements for each of one or more native functions that can be implemented in the operating system installed on the user terminal,
The native application step is,
A mobile web page that receives a user's selection input for a specific graphic element among one or more graphic elements included in the native input interface and applies a preset command for a native function corresponding to the specific graphic element to the web page. How to add native features to .
As a user terminal that executes an application and performs a method for adding native functions to a mobile web page,
A virtual application creation step of receiving web page address information from the user on the user terminal on which the application is executed and creating a virtual application for a web page corresponding to the web page address information;
A virtual application execution step of executing the virtual application and displaying it on the user terminal according to a selection input for one virtual application among one or more virtual applications received from the user;
According to the call input received from the user, a native input interface is displayed for adding one or more native functions that can be directly executed in the operating system installed on the user terminal, and one or more native functions input from the user on the native input interface A native application step of applying the one or more native functions to a web page corresponding to the corresponding virtual application according to the selection input for; and
When a specific native function must be executed as a virtual application to which one or more native functions are applied through the native application step is executed, the specific native function is activated from the operating system of the user terminal according to a preset command corresponding to the specific native function. A user terminal that performs a native execution step of receiving and displaying result information.
A computer-readable medium for executing a computer program on a user terminal to implement a method for adding native functions to a mobile web page executed on the user terminal, wherein the computer-readable medium allows the user terminal to Stores instructions to perform the following steps, which include:
A virtual application creation step of receiving web page address information from the user on the user terminal on which the application is executed and creating a virtual application for a web page corresponding to the web page address information;
A virtual application execution step of executing the virtual application and displaying it on the user terminal according to a selection input for one virtual application among one or more virtual applications received from the user;
According to the call input received from the user, a native input interface is displayed for adding one or more native functions that can be directly executed in the operating system installed on the user terminal, and one or more native functions input from the user on the native input interface A native application step of applying the one or more native functions to a web page corresponding to the corresponding virtual application according to the selection input for; and
When a specific native function must be executed as a virtual application to which one or more native functions are applied through the native application step is executed, the specific native function is activated from the operating system of the user terminal according to a preset command corresponding to the specific native function. A computer-readable medium comprising a native execution step of receiving and displaying result information.