KR20120042296A - System and method for rendering automatically mobile web page generated by cross platform solution - Google Patents

Abstract

PURPOSE: A system capable of automatically creating mobile web-pages developed by using a cross platform solution and method thereof are provided to improve the convenience of a mobile terminal by providing respectively optimized CPMS(Cross Platform Mobile Source) to the mobile terminals. CONSTITUTION: A mobile apparatus analysis unit(330) analyzes terminal information of a mobile terminal for access requests related to a mobile webpage. The mobile apparatus analysis unit analyzes the terminal information of the mobile terminal. A CPMS database(310) stores the changed information by changing the webpage into a CPMS program language. An library database(320) stores state information which is able to provide the mobile web-pages through each mobile terminal and information related to each mobile terminal. A combination unit(340) combines the state information with the CPMS program language.

Description

SYSTEM AND METHOD FOR RENDERING AUTOMATICALLY MOBILE WEB PAGE GENERATED BY CROSS PLATFORM SOLUTION}

The present invention relates to a system and method for automatically generating a mobile webpage developed using a cross-platform solution, and more particularly, when a request for a webpage from a heterogeneous mobile terminal is requested by one design tool This article is about the technology of automatically generating mobile web pages that optimizes the generated cross-platform mobile source for each mobile.

In recent years, with the rapid development of electronic and communication, computer and internet technologies are rapidly evolving, and portable telephones, such as mobile phones, continue to evolve into portable computers with various functions beyond simple telephone functions.

In particular, a smart phone is an intelligent mobile terminal that adds computer-assisted functions such as Internet communication and information retrieval, as well as a function of a mobile phone, so that various services can be installed by installing an application desired by a user.

Since the introduction of smart phones, the development of new technologies for smart phones continues to be rapid, and their speed of spread is incomparably faster than that of existing mobile terminals.

As such, the smart phone can not only use the functions of the existing computer in real time while moving, but also provide various services that could not be provided due to the limitation that the existing computer is not mobile, and various services that can be applied to the smart phone are provided. Is being developed.

Apart from developing a new service suitable for a mobile terminal such as a smart phone, a variety of new technologies are being developed to enable a service provided through an existing computer to be used in real time even in a mobile mobile terminal.

In particular, development of mobile web pages is being actively conducted so that web pages provided through existing computers can be freely used in mobile terminals.

However, even in the case of a mobile terminal, an operating system (OS), which is a program that allows a user to use a mobile terminal by controlling hardware and software of the mobile terminal like a conventional computer, is basically equipped with a camera and a GPS. It is equipped with various functions, such as these.

However, a variety of operating systems are used in the case of recently released mobile terminals. For example, there are a variety of operating systems, including Apple-developed iOS, Google's Android, Nokia's Symbian and RIM (Research In Motion) operating systems, and Samsung's ocean operating systems.

Therefore, in order to be able to use the existing web page in a variety of mobile, there is a problem that must separately develop a mobile web page that meets the specifications of each operating system and each mobile terminal.

In order to solve the above problems, the present invention provides a mobile platform that optimizes and provides a cross-platform mobile source automatically generated by one design tool when there is a request for a web page from a heterogeneous mobile terminal. An object of the present invention is to provide an automatic web page generation system.

In order to achieve the above object, the system for automatically generating a mobile web page according to the first embodiment of the present invention is a mobile device analysis for analyzing the terminal information of the mobile terminal requesting the connection to the connection request for the mobile web page part; A CPMS DB for inputting components output on a portion of the screen by dragging and dropping them into a webpage area to convert each webpage into a cross-platform mobile source program language and storing the same; A LIB DB for storing information about each mobile terminal and state information for providing a mobile web page through each mobile terminal; Using the terminal information analyzed by the mobile device analyzer, the status information of the terminal is read from the LIB DB, and cross-platform mobile source information of the web page requested to be accessed is searched in the CPMS DB to search the status information of the terminal and the web. A combination unit for combining a cross-platform mobile source program language of the page; And a mobile web page generation unit for generating a cross-platform mobile source program language of the web page as mobile web page information corresponding to the state information of the terminal.

In this case, the mobile device analyzer includes operating system information, web browser information, and device information regarding a camera, a GPS, and a sensor as the mobile terminal information.

The cross-platform mobile source program language of the CPMS DB stores the layout of the components constituting the mobile webpage, the size, position and color of each component in CSS, and the content information of the component in the HTML TAG, and the component Event information of the is characterized in that stored in JAVA Script.

On the other hand, the state information of the LIB DB is characterized by storing information about CSS, Java Script, Controll API and Device API for providing a web page corresponding to the operating system and device information of each mobile terminal.

The combination unit may specify a portion of the cross-platform mobile source information of the web page that needs to be converted using the state information read according to the terminal information requested for access.

The mobile web page generation unit may generate web page information after converting the cross-platform mobile source information that is specified as the portion requiring conversion.

The mobile terminal may further include a transmission unit for transmitting the generated web page to the mobile terminal that requested the access.

In order to achieve the above object, a method for automatically generating a mobile web page according to a second embodiment of the present invention comprises the steps of receiving a connection request for a mobile web page; Analyzing terminal information of the mobile terminal requesting access; Read the state information of the corresponding terminal from the LIB DB using the analyzed terminal information, and retrieve the cross-platform mobile source information of the webpage requested to access from the CPMS DB by using the cross-platform mobile of the webpage and the state information of the terminal. Combining three source program languages; And generating, by the mobile webpage information, the cross-platform mobile source program language of the webpage corresponding to the state information of the terminal.

At this time, the CPMS DB is

Drag and drop the components output on some areas of the screen into the webpage area to convert each webpage into the cross-platform mobile source program language and save it.

The LIB DB is

And information on each mobile terminal and state information for providing a mobile web page through each mobile terminal.

On the other hand, the step 3 is characterized in that by using the state information read in accordance with the terminal information requested to access the specific part of the cross-platform mobile source information of the web page needs to be converted and combined.

According to the present invention, a system and method for automatically generating a mobile web page is adapted to suit each mobile cross-platform mobile source automatically generated by one design tool when there is a request for a web page from a heterogeneous mobile terminal. Since it provides an optimized, there is an effect that can eliminate the hassle of developing a separate web page for heterogeneous mobile terminal.

1 is a diagram illustrating the concept of automatically generating a mobile web page according to the present invention.
2 is a diagram showing the configuration of a design tool for generating a cross-platform mobile source to automatically generate a mobile web page according to the present invention.
3 is a diagram illustrating a method for generating a cross-platform mobile source to automatically generate a mobile webpage according to the present invention.
4 is a diagram illustrating a system for automatically generating a mobile web page using a cross platform mobile source in accordance with the present invention.
5 is a diagram illustrating a method for automatically generating a mobile webpage using a cross platform mobile source according to the present invention.

Hereinafter, exemplary embodiments of the present invention will be described in detail with reference to the accompanying drawings. In describing the present invention, if it is determined that detailed descriptions of related known functions or configurations may unnecessarily obscure the subject matter of the present invention, the detailed description thereof will be omitted.

1 is a diagram illustrating the concept of automatically generating a mobile web page according to the present invention.

As shown, the system for automatically generating a mobile webpage according to the present invention stores a cross-platform mobile source for each webpage generated using the design tool 20,

When there is a request for access to a web page from the mobile terminal 50, the mobile webpage system 30 analyzes the information of the mobile terminal, and cross-platform mobile source of the web page stored in advance corresponding to the terminal information of the mobile terminal. Convert the best mobile web page to the mobile terminal.

Hereinafter, each structure is demonstrated concretely.

2 is a diagram showing the configuration of a design tool for generating a cross-platform mobile source to automatically generate a mobile web page according to the present invention.

As shown, the cross-platform mobile source generation system includes a storage unit 10 for storing component-related information, a component output unit 210 for outputting a component image through a screen, and the component output unit 210. The input unit 220 to select a component required by the user from among the components output through the input to the desired state, the processor 230 for setting the information about the input component so, the mobile web to the component set through the processor 230 A conversion unit 240 for converting into a program language that can be converted into a page and a transmission unit 250 for transmitting the converted information.

In detail, the storage unit 10 includes a contents DB 110 and a design resource DB 120.

The content storage unit 110 stores the content of each component constituting the mobile web page.

For example, when the component is a button component, the content of a button function corresponding to the button component is stored. In addition, in the case of an input component, the component stores content for performing an input function.

As such, the content storage unit 110 stores contents contents of all components provided through the design tool, and maps them to each component to perform a corresponding function.

The design resource storage unit 120 stores information about properties and events of each component.

The properties of each component include various properties such as the size, position, and color of the component.

An event of a component contains information about all events required for that component. For example, it includes various event information related to key, tab, time, and the like.

The component output unit 210 outputs a component necessary to compose a mobile web page as an image.

The component output unit 210 may output a component stored in the component DB 211 in various ways.

For example, images of the components may be arranged in a certain order on a portion of the screen, and similar components may be output for each screen. However, it is preferable to output the output component in an area not overlapping with the screen of the web page to be newly configured.

In other words, when a developer can easily recognize a component and place the output component on a specific position of a web page screen to be newly configured by drag & drop, the component can be output in various ways. Can be.

The input unit 220 inputs a component to be newly configured in the web page.

In detail, a component to be configured on a web page is selected from the components output through the component output unit 210, and the component is input by drag and drop to a specific position of the output web page screen.

That is, the developer inputs a component by selecting an image of the component output on the screen and moving the image to a desired position of a newly constructed web page.

The input unit 220 inputs property and event information of a corresponding component separately from inputting a component image by drag and drop. The property and event information may first be outputted with necessary property and event information, and various methods may be applied such as a method selected by a developer or a method of inputting as a separate task.

The processor 230 processes information about the component in order to perform a normal function when the component input in the configuration of the webpage through the input unit 220 is provided as a webpage through the mobile terminal.

The processing unit 230 includes a first setting unit 231, a second setting unit 232, and a mapping unit 233.

In detail, the first setting unit 231 sets a property of an input component.

For example, set information about the position, size, color, etc. of components in a web page. The position may be set by the drag and drop method of the coordinate value of the selected web page screen, the size may be set to a predetermined size by the developer adjusts the size of the component screen on the web page screen.

The second setting unit 232 performs a function of setting event information of the input component.

Event information of a component may be set various event information stored in the design resource DB (120) according to the component.

When the component is input, the event information may be set according to a method of outputting event information stored in the design resource DB 120 of the corresponding component and selecting a desired event from the output event information.

The mapping unit 233 performs a function of mapping the input component with the content of the corresponding component. The mapping unit 233 enables the component to perform a corresponding function in the web page through the content content of the component.

The processor 230 sets an attribute and an event regarding the input component, and transmits the corresponding information to the converter 240 when the corresponding content is mapped.

The conversion unit 240 converts the information about each component set in the configuration of the web page by the processing unit 230 into a program necessary for converting the information for optimization according to the type of each mobile terminal.

In detail, the conversion unit 240 may convert information about properties such as the size, position, and color of the component into CSS, the content information of the component into HTML TAG, and the event information of the component into JAVA Script. have.

 The transmission unit 250 transmits the web page information converted by the conversion unit to the mobile web page automatic generation system so as to convert the web page information according to the type of the mobile terminal.

However, if necessary, it may be stored separately from the transmission through the transmitter 250.

3 is a diagram illustrating a method for generating a cross-platform mobile source to automatically generate a mobile webpage according to the present invention.

As shown, the method for generating a cross-platform mobile source is configured in the following order.

First, at least one component is output to a part of a screen, and a web page screen to be configured is output to another part of the screen (S310).

The creation of the cross-platform mobile source basically moves the component image displayed on the screen to the area displayed on the web page screen so that the web page can be composed without performing work by a separate program language. Display screens about components and web pages in the area.

When the screen is output, the output component is selected and moved to a specific position of the web page screen by drag and drop to input the component (S320).

When a component is input to a specific screen of a web page, property and event information about the input component is set and content information corresponding to the component is mapped (S330).

When the configuration of one component on the web page is completed, it is determined whether the input on the additional component (S340), and if the input of the additional component is required, the process of inputting the component by drag and drop again.

On the other hand, when the input of the additional component is not necessary, the newly configured webpage information is converted into a program language that can be automatically generated as a mobile webpage (S350).

Then, the converted webpage information is stored or transmitted (S360) to complete the operation.

4 is a diagram illustrating a system for automatically generating a mobile web page using a cross platform mobile source in accordance with the present invention.

As shown, the mobile web page automatic generation system is a Cross Platform Mobile Source DB (CPMS DB) 310 that stores a cross-platform mobile source generated using the design tool 20, the optimum web through each mobile terminal LIB DB 320 for managing optimal information about the OS of each mobile terminal so that a page can be provided, and a mobile device analyzer 330 analyzing device information of the mobile terminal in response to a web page access request of the mobile terminal. A combination unit 340 for combining the LIB DB 320 and the CPMS DB 310 using the analyzed mobile device information, and a mobile web page generation unit for generating a mobile web page requested to be accessed based on the combined information ( 350).

In detail, the mobile webpage automatic generation system may generate a CPMS DB 310 storing a cross-platform source to generate an optimal webpage according to a mobile device, and generate an optimal webpage on an existing mobile device. And a LIB DB 320 for storing optimal state information about the mobile terminal.

The DPMS DB 310 stores information about a web page to provide a mobile web page through a mobile web page automatic generation system.

Each web page stored in the DPMS DB 310 stores web page information configured through the cross platform mobile source generation system shown in FIG. 2.

Specifically, it is created by the design tool, and each component is converted into a required programming language and stored. That is, the components constituting each mobile web page are stored information such as size, position, color, etc. as CSS, the content information of the component is stored as HTML TAG, and the event information of the component is stored as JAVA Script. Can be. In addition, when necessary, component information about a web page may be stored in various ways.

The LIB DB 320 stores information about each mobile terminal and state information for providing an optimal mobile web page through each mobile terminal.

Specifically, first, the respective information about CSS, Java Script, Controll API and Device API for providing the best web page for the operating system (OS) of each mobile terminal can be stored.

For example, I-Phone, Android, Rim, etc. may exist as the OS of the mobile terminal, and the state information capable of providing the best web page for each OS may be stored in a table.

In other words, even when the same web page is provided according to the type of OS, there is a difference in how the web page is expressed in a programming language, and a difference may also occur in the services provided by the mobile terminal. Status information can be managed in a table.

The OS of the mobile terminal preferably stores information about all OSs that are currently used as the operating system of the mobile terminal.

When the mobile terminal 50 requests access to a web page, the mobile device analyzer 330 analyzes terminal information of the mobile terminal that requested the access.

The terminal information includes specific specification information of the mobile terminal, and includes all of the specific information of the mobile terminal, including device information on the operating system (OS), web browser information, mounted camera, GPS, sensor device, and the like of the terminal. .

The combination unit 340 reads the best state information of the corresponding terminal from the LIB DB 320 by using the terminal information analyzed by the mobile device analyzer 340, and provides the cross-platform mobile source information of the web page requested to be accessed. CPMS DB 310 retrieves and combines.

That is, the combination unit 340 reads out each piece of information about CSS, Java Script, Controll API, and Device API corresponding to the terminal information of the mobile terminal that requested the connection. As such, the method of expressing the properties, events, and contents of all the components constituting the webpage may vary depending on the terminal information of the mobile terminal, so that all components constituting the webpage may be provided to provide an optimal mobile webpage. It is necessary to adjust the information related to the terminal information of each mobile terminal.

In addition, the combination unit 340 retrieves the stored cross-platform mobile source information from the CPMS DB 310 so that the webpage information including each component information can be easily converted according to the terminal information of the mobile terminal for the requested homepage. The optimum state information regarding the terminal information is combined with the web page information.

On the other hand, the combination unit 340 may be provided with at least one adapter (Adapter) to perform a back office connection function.

Therefore, the combination unit 340 selects an adapter (Adapter) required according to the terminal information of the mobile terminal requested to be connected, and the adapter (Adapter) has a function of selecting and extracting cross-platform mobile source information together with a back office connection function. Can be done.

The mobile webpage generation unit 350 converts the connection requested webpage information combined with the optimal state information regarding the terminal information by the combination unit 340 to generate final webpage information, and generates the generated webpage information. The mobile terminal 50 transmits a request for connection.

5 is a diagram illustrating a method for automatically generating a mobile webpage using a cross platform mobile source according to the present invention.

As shown, a method for automatically generating a mobile web page using a cross-platform mobile source proceeds as follows.

First, an access request for a mobile web page is received from the mobile terminal (S510). If there is an access request for a mobile webpage from the mobile terminal, terminal information of the mobile terminal that requested the access is analyzed.

When the terminal information of the mobile terminal is analyzed, the state information of the corresponding terminal is retrieved from the LIB DB using the analyzed terminal information (S540), and the cross-platform mobile source information of the web page requested to be accessed is retrieved from the CPMS DB. (S530)

Next, by combining the state information of the terminal and the cross-platform mobile source program language of the web page, the portion of the cross-platform mobile source information of the web page that needs to be converted is used by using the state information read according to the terminal information requested for access. It is specified. (S550)

Finally, the cross-platform mobile source program language of the web page is generated as mobile web page information corresponding to the state information of the terminal (S560).

The present invention described above is capable of various substitutions, modifications, and changes without departing from the technical spirit of the present invention for those skilled in the art to which the present invention pertains. It is not limited by the drawings.

Claims (10)

A mobile device analyzer configured to analyze terminal information of a mobile terminal that has requested access to a connection request regarding a mobile web page;
A CPMS DB for inputting components output on a portion of the screen by dragging and dropping them into a webpage area to convert each webpage into a cross-platform mobile source program language and storing the same;
A LIB DB for storing information about each mobile terminal and state information for providing a mobile web page through each mobile terminal;
Using the terminal information analyzed by the mobile device analyzer, the status information of the terminal is read from the LIB DB, and cross-platform mobile source information of the web page requested to be accessed is searched in the CPMS DB to search the status information of the terminal and the web. A combination unit for combining a cross-platform mobile source program language of the page; And
A system for automatically generating a mobile web page developed using a cross-platform solution comprising a mobile web page generating unit for generating a cross-platform mobile source program language of the web page as mobile web page information corresponding to the state information of the terminal.
The method of claim 1, wherein the mobile device analysis unit
A system for automatically generating a mobile web page developed using a cross-platform solution, characterized in that the mobile terminal information, including operating system information, web browser information and device information on the camera, GPS, sensors.
The method of claim 1, wherein the cross platform mobile source programming language of the CPMS DB is
The layout of the components constituting the mobile web page, the size, position and color of each component is stored in CSS, the content information of the component is stored in HTML TAG, the event information of the component is stored in JAVA Script A system that automatically generates mobile web pages developed using cross platform solutions.
According to claim 2 or 3, wherein the status information of the LIB DB
Automated mobile web pages developed using cross-platform solutions, which store information about CSS, Java Script, Controll API and Device API for providing web pages corresponding to operating system and device information of each mobile terminal. Generated by the system.
The method of claim 4, wherein the combination portion
Automatically generating a mobile web page developed using a cross platform solution, characterized in that to specify the portion of the cross-platform mobile source information of the web page using the state information read according to the terminal information requested to access system.
The method of claim 5, wherein the mobile web page generation unit
And generating web page information after converting the cross-platform mobile source information specified as the part requiring the conversion, and automatically generating a mobile web page developed using a cross platform solution.
The method according to claim 6,
The system for automatically generating a mobile web page developed using a cross-platform solution, characterized in that it further comprises a transmission unit for transmitting the generated web page to the mobile terminal requesting the connection.
1 step of receiving a connection request for a mobile web page;
Analyzing terminal information of the mobile terminal requesting access;
Read the state information of the corresponding terminal from the LIB DB using the analyzed terminal information, and retrieve the cross-platform mobile source information of the webpage requested to access from the CPMS DB by using the cross-platform mobile of the webpage and the state information of the terminal. Combining three source program languages;
4. A method of automatically generating a mobile webpage developed using a cross-platform solution, comprising: generating a cross-platform mobile source program language of the webpage as mobile webpage information corresponding to state information of the terminal.
The method of claim 8, wherein the CPMS DB
Drag and drop the components output on some areas of the screen into the webpage area to convert each webpage into the cross-platform mobile source program language and save it.
The LIB DB is
A method for automatically generating a mobile web page developed using a cross-platform solution, characterized by storing information about each mobile terminal and state information for providing a mobile web page through each mobile terminal.
The method of claim 9, wherein the three steps
The mobile webpage developed using the cross platform solution is characterized by using the state information read out according to the terminal information requested for access to the web platform. How to produce.

Images