SYSTEM, METHOD AND COMPUTER PROGRAM PRODUCT FOR GENERATING A MOBILE APPLICATION BASED ON PAGE METADATA

• US 20150370459A1
• Filed: 10/08/2014
• Published: 12/24/2015
• Est. Priority Date: 06/18/2014
• Status: Abandoned Application

• Current Assignee: Institute For Information Industry
• Original Assignee: Institute For Information Industry
• Inventors: CHOU, Shih-Chun, LIU, Bo-Fu, LIN, Jih-Yiing, CHU, Peng-Hua, HSIEH, Yi-Chun, LIN, Yu-Hung
• Application Number:
  US14/509,135
• Publication Number:
  US 20150370459A1
• Time in Patent Office: Days
• US Class Current: 1/1
• CPC Class Codes: G06F 16/958 Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
• CPC Class Codes: G06F 9/451 Execution arrangements for user interfaces

Abstract

In a system and method for generating a mobile application, a static picture constructing a static object, and first and second pictures associated with an interactive element are defined from multiple digital pictures based on page metadata corresponding to the digital pictures. Transformed static, first and second pictures are generated based on the static, first and second pictures and on their original and corrected specifications. The page metadata, a preview page generated based on the transformed static and first pictures, a background page generated based on the transformed static picture, and the transformed first and second pictures are packaged to generate the mobile application.

Claims

1. A system for generating a mobile application based on page metadata, said system comprising:

a storage module for storing the page metadata, and a plurality of digital pictures that correspond to the page metadata and that are associated with at least one static object and at least one interactive element; and

a processing unit coupled to said storage module, said processing unit including

an editor module for defining, based on the page metadata, at least one static picture and at least one element picture set, which includes a first picture and a second picture, from the digital pictures stored in said storage module, the static picture serving as the static object, the element picture set being associated with the interactive element, each of the static picture and the first and second pictures having an original specification,

a picture transformation module for transforming the original specifications of the static picture and the first and second pictures respectively into corrected specifications in accordance with a specification transformation rule, and for generating a transformed static picture based on the static picture with reference to the original and corrected specifications associated with the static picture, a transformed first picture based on the first picture with reference to the original and corrected specifications associated with the first picture, and a transformed second picture based on the second picture with reference to the original and corrected specifications associated with the second picture,

a page generation module for generating a preview page based on the transformed static picture and the transformed first picture, and for generating, based on the transformed static picture, a background page that corresponds to the preview page, and

a packaging module for packaging the page metadata, the preview page, the background page, the transformed first picture and the transformed second picture to generate the mobile application;

wherein, after the mobile application is loaded into and executed by a mobile device, the mobile application enables the mobile device to be operable in one of a preview mode and a view mode,

the preview page is capable of being displayed on the mobile device when the mobile device is in the preview mode,

the background page is capable of being displayed on the mobile device together with the transformed first picture by superimposing the transformed first picture on the background page when the mobile device is in the view mode while the interactive element has not yet been triggered, and

the background page is displayed on the mobile device together with the transformed second picture by superimposing the transformed second picture on the background page when the mobile device is in the view mode while the interactive element has already been triggered.

2. The system as claimed in claim 1, wherein the corrected specifications serve respectively as specifications of the transformed static picture, the transformed first picture and the transformed second picture, and each of the corrected specifications includes two integer corrected dimension values, and a corrected main positioning point that has a two-dimensional coordinate of two integer coordinate components.

3. The system as claimed in claim 2, wherein each of the static picture, the first and second pictures, the transformed static picture, the transformed first picture and the transformed second picture is a rectangular image block, the rectangular image block for each of the transformed static picture, the transformed first picture and the transformed second picture having an integer corrected width value and an integer corrected length value that serve as the integer corrected dimension values of the corresponding corrected specification.

4. The system as claimed in claim 2, wherein:

each of the static picture and the first and second pictures is a rectangular image block, and the original specification for each of the static picture and the first and second pictures includes an original width value (W), an original length value (L), a main positioning point located at an upper left corner of the rectangular image block, and an auxiliary positioning point located at a lower right corner of the rectangular image block;

the corrected specification for each of the transformed static picture, the transformed first picture and the transformed second picture includes a corrected width value (W′

) and a corrected length value (L′

), which serve as the corrected dimension values, the corrected ma in positioning point located at an upper left corner of the rectangular image block, and a corrected auxiliary positioning point located at a lower right corner of the rectangular image block; and

the two-dimensional coordinates of the main and auxiliary positioning points are represented respectively as (Left, Top) and (Right, Bottom), where Right=Left+W and Bottom=Top+L, and the two-dimensional coordinates of the corrected main and auxiliary positioning points are represented respectively as (Left′

, Top′

) and (Right′

, Bottom′

),

according to the specification transformation rule, Top′

is an integer smaller than and closest to Top if Top is not an integer, Left′

is an integer smaller than and closest to Left if Left is not an integer, Bottom′

is an integer greater than and closest to Bottom if Bottom is not an integer, and Right′

is an integer greater than and closest to Right if Right is not an integer;

or Top′

is an integer greater than and closest to Top if Top is not an integer, Left′

is an integer greater than and closest to Left if Left is not an integer, Bottom′

is an integer smaller than and closest to Bottom if Bottom is not an integer, and Right′

is an integer smaller than and closest to Right if Right is not an integer, and

W′

=Right ‘

−

Left’

, and L′

=Bottom′

−

Top′

.

5. The system as claimed in claim 1, wherein:

the element picture set further includes a third picture, the third picture having an original specification;

said picture transformation module further generates a corrected specification from the original specification of the third picture in accordance with the specification transformation rule, and generates a transformed third picture based on the third picture, with reference to the original and corrected specifications associated with the third picture;

said packaging module further packages the transformed third picture into the mobile application together with the page metadata, the preview page, the background page, the transformed first picture and the transformed second picture; and

when the mobile device is in the view mode while the interactive element is being triggered, the background page is displayed on the mobile device together with the transformed third picture by superimposing the transformed third picture on the background page.

6. The system as claimed in claim 5, wherein the corrected specification for each of the transformed static picture, the transformed first picture, the transformed second picture and the transformed third picture includes two integer corrected dimension values, and a corrected main positioning point that has a two-dimensional coordinate of two integer coordinate components.

7. The system as claimed in claim 1, wherein:

the element picture set further includes a resultant picture;

said packaging module further packages the resultant picture into the mobile application; and

when the mobile device is in the view mode while the interactive element has already been triggered, the background page and the transformed second picture are displayed on the mobile device together with the resultant picture by superimposing the resultant picture on the transformed second picture and on the background page.

8. A method for generating a mobile application based on page metadata, the page metadata corresponding to a plurality of digital pictures that are associated with at least one static object and at least one interactive element, said method being to be implemented by a system including an editor module, a picture transformation module, a page generation module and a packaging module, said method comprising the steps of:

a) defining, by the editor module, at least one static picture, and at least one element picture set, which includes a first picture and a second picture, from among the digital pictures based on the page metadata, the static picture serving as the static object, the element picture set being associated with the interactive element, each of the static picture and the first and second pictures having an original specification;

b) by the picture transformation module, generating corrected specifications respectively from the original specifications respectively of the static picture and the first and second pictures in accordance with a specification transformation rule, and generating a transformed static picture based on the static picture with reference to the original and corrected specifications associated with the static picture, a transformed first picture based on the first picture with reference to the original and corrected specifications associated with the first picture, and a transformed second picture based on the second picture with reference to the original and corrected specifications associated with the second picture;

c) by the page generation module, generating a preview page based on the transformed static picture and the transformed first picture, and generating, based on the transformed static picture, a background page that corresponds to the preview page; and

d) packaging, by the packaging module, the page metadata, the preview page, the background page, the transformed first picture and the transformed second picture to generate the mobile application;

wherein, after the mobile application is loaded into and executed by a mobile device, the mobile application enables the mobile device to operate in one of a preview mode and a view mode,

the preview page is capable of being displayed on the mobile device when the mobile device is in the preview mode,

the background page is capable of being displayed on the mobile device together with the transformed first picture by superimposing the transformed first picture on the background page when the mobile device is in the view mode while the interactive element has not yet been triggered, and

the background page is displayed on the mobile device together with the transformed second picture by superimposing the transformed second picture on the background page when the mobile device is in the view mode while the interactive element has already been triggered.

9. The method as claimed in claim 8, wherein, in step b), the corrected specifications serve respectively as specifications of the transformed static picture, the transformed first picture and the transformed second picture, and each of the corrected specifications includes two integer corrected dimension values, and a corrected main positioning point that has a two-dimensional coordinate of two integer coordinate components.

10. The method as claimed in claim 9, wherein each of the static picture, the first and second pictures, the transformed static picture, the transformed first picture and the transformed second picture is a rectangular image block, the rectangular image block for each of the transformed static picture, the transformed first picture and the transformed second picture having an integer corrected width value and an integer corrected length value that serve as the integer corrected dimension values of the corresponding corrected specification.

11. The method as claimed in claim 9, wherein:

each of the static picture and the first and second pictures is a rectangular image block, and the original specification for each of the static picture and the first and second pictures includes an original width value (W), an original length value (L), a main positioning point located at an upper left corner of the rectangular image block, and an auxiliary positioning point located at a lower right corner of the rectangular image block;

the corrected specification for each of the transformed static picture, the transformed first picture and the transformed second picture includes a corrected width value (W′

) and a corrected length value (L′

), which serve as the corrected dimension values, the corrected main positioning point located at an upper left corner of the rectangular image block, and a corrected auxiliary positioning point located at a lower right corner of the rectangular image block; and

the two-dimensional coordinates of the main and auxiliary positioning points are represented respectively as (Left, Top) and (Right, Bottom), where Right=Left+W and Bottom=Top+L, and the two-dimensional coordinates of the corrected main and auxiliary positioning points are represented respectively as (Left′

, Top′

) and (Right′

, Bottom′

),

according to the specification transformation rule,

Top′

is an integer smaller than and closest to Top if Top is not an integer, and Left′

is an integer smaller than and closest to Left if Left is not an integer, Bottom′

is an integer greater than and closest to Bottom if Bottom is not an integer, and Right′

is an integer greater than and closest to Right if Right is not an integer;

or Top′

is an integer greater than and closest to Top if Top is not an integer, and Left′

is an integer greater than and closest to Left if Left is not an integer, Bottom′

is an integer smaller than and closest to Bottom if Bottom is not an integer, and Right′

is an integer smaller than and closest to Right if Right is not an integer, and

W′

=Right′

−

Left′

, and L′

=Bottom′

−

Top′

.

12. The method as claimed in claim 8, wherein:

instep a), the element picture set further includes a third picture, the third picture having an original specification;

in step b), the picture transformation module further generates a corrected specification from the original specification of the third picture in accordance with the specification transformation rule, and generates a transformed third picture based on the third picture with reference to the original and corrected specifications associated with the third picture;

in step d), the packaging module further packages the transformed third picture into the mobile application together with the page metadata, the preview page, the background page, the transformed first picture and the transformed second picture; and

when the mobile device is in the view mode while the interactive element is being triggered, the background page is displayed on the mobile device together with the transformed third picture by superimposing the transformed third picture on the background page.

13. The method as claimed in claim 12, wherein the corrected specification for each of the transformed static picture, the transformed first picture, the transformed second picture and the transformed third picture includes two integer corrected dimension values, and a corrected main positioning point that has a two-dimensional coordinate of two integer coordinate components.

14. The method as claimed in claim 8, wherein:

instep a), the element picture set further includes a resultant picture;

in step d), the packaging module further packages the resultant picture into the mobile application; and

when the mobile device is in the view mode while the interactive element has already been triggered, the background page and the transformed second picture are displayed on the mobile device together with the resultant picture by superimposing the resultant picture on the transformed second picture and on the background page.

15. A computer program product, stored on a non-transitory computer readable medium, for generating a mobile application based on page metadata, the page metadata corresponding to a plurality of digital pictures that are associated with at least one static object and at least one interactive element, said computer program product comprising program instructions for causing a computer to:

define at least one static picture, and at least one element picture set, which includes a first picture and a second picture, from among the digital pictures based on the page metadata, the static picture constructing the static object, the element picture set being associated with the interactive element, each of the static picture and the first and second pictures having an original specification;

generate corrected specifications respectively from the original specifications respectively of the static picture and the first and second pictures in accordance with a specification transformation rule, and generate a transformed static picture based on the static picture with reference to the original and corrected specifications associated with the static picture, a transformed first picture based on the first picture with reference to the original and corrected specifications associated with the first picture, and a transformed second picture based on the second picture with reference to the original and corrected specifications associated with the second picture;

generate a preview page based on the transformed static picture and the transformed first picture, and generate, based on the transformed static picture, a background page that corresponds to the preview page; and

package the page metadata, the preview page, the background page, the transformed first picture and the transformed second picture to generate the mobile application;

wherein, after the application is loaded into and executed by a mobile device, the mobile application enables the mobile device to operate in one of a preview mode and a view mode,

the preview page is capable of being displayed on the mobile device when the mobile device is in the preview mode,

the background page is capable of being displayed on the mobile device together with the transformed first picture by superimposing the transformed first picture on the background page when the mobile device is in the view mode while the interactive element has not yet been triggered, and

the background page is displayed on the mobile device together with the transformed second picture by superimposing the transformed second picture on the background page when the mobile device is in the view mode while the interactive element has already been triggered.