WO2014088399A1

WO2014088399A1 - Automatic website template and 3d skin generation based on images

Info

Publication number: WO2014088399A1
Application number: PCT/MY2013/000219
Authority: WO
Inventors: Yusrin Amruddin Amru; Helmy Abdul Shuko Muhammad; Azam Mohammad Ali Mohammad; Ishak Errazudin; Ann Michael Benzi Mary
Original assignee: Mimos Berhad
Priority date: 2012-12-04
Filing date: 2013-11-29
Publication date: 2014-06-12
Also published as: MY164092A

Abstract

Automatic website template and 3D skin generation based on an image comprises at least one colour coder (101) for colour coding said images; at least one image analyser (102) for analysing said images and generating image metadata; and at least one automatic website template and 3D skin generator (103). Website template and 3D skin is generated by colour coding said image (204); analysing said image and generating image metadata (206) and analysing said colour coding and said image metadata based on website template and skin ontology (210), thereby generating a website template and 3D skin based on said image (212).

Description

AUTOMATIC WEBSITE TEMPLATE AND 3D SKIN GENERATION BASED ON

IMAGES

FIELD OF INVENTION

The present invention relates to a system and method for website template and 3D skin generation based on images. In particular, the invention relates to systems and methods that automatically generate website templates and 3D object skins based on colour code, shape and object metadata generated from an image.

BACKGROUND ART

The automatic generation of website templates is generally known in the art. For example, United States Patent Application No. 12/016200, published under publication no. 20080189320 provides a website generator capable of creating a dynamic website at an offline status that is said to eliminate the inconvenience associated with creating dynamic webpages online. The website generator disconnects with a web server, which is used for publishing the dynamic website on the internet, during the offline status. The website generator includes a database and a webpage generator. The database is used for classifying a data source according to predetermined serial numbers and categories. The webpage generator includes a plurality of templates, and is used for importing the database and generating web pages of the dynamic website according to the database and the plurality of templates. Various other online applications are available for colour scheme design and the like, as will be appreciated by those in the art.

The systems and methods that are currently available generally suffer from some problems. Firstly, there is generally a need for numerous demonstrations, presentations and proof of concepts (POCs), which renders the process time consuming and, generally, costly. Secondly, limited resources, designers and developers are available, particularly when development is under time constraints or is urgently required. Thirdly, there is generally a need for a system or method that will create website templates or pages for more than one client or event.

The subject matter claimed herein is not limited to embodiments that solve any disadvantages or that operate only in environments such as those described above. Rather, this background is only provided to illustrate one exemplary technology area where some embodiments described herein may be practice.

SUMMARY OF INVENTION

The present invention relates to a system and method for website template and 3D skin generation based on images, in particular based on colour code, shape and object metadata generated from an image.

One aspect of the present invention provides a system (100) for website template and 3D skin generation based on an image comprising at least one colour coder (101) for colour coding the image; at least one image analyser (102) for analysing the image and generating image metadata; and at least one automatic website template and 3D skin generator (103). The automatic website template and 3D skin generator (103) includes means for analysing the colour coding and the image metadata based on website template and skin ontology and thereby generating a website template and 3D skin based on the image. The colour coder (101) is provided with means for determining colours with the highest percentage within the image.

Another aspect of the invention provides a system wherein the image analyser (102) comprises a real time vision engine for detecting shape and objects of the image while another aspect of the invention provides a system wherein the image analyser (102) is provided with means for comparing the shape and objects of the image with shape and object ontology of the system in order to obtain the image metadata.

Another aspect of the invention provides a method (200) for automatic generation of website template and 3D skin generation based on an image (204). The method comprising steps of receiving at least one image from a file location (202); extracting colour code from said image (204); analysing said image and generating image metadata (206); and forwarding combination of colour code of said image together with said image to automatic website template and 3D skin generator (208) wherein analysing said image and generating image meta data further comprises analysing colour coding and said image metadata based on website template and skin ontology (210) and thereby generating a website template and 3D skin based on the image (212). A further aspect of the invention provides a method (200 for extracting colour code from said image which further comprises of determining colours with the highest percentage within said image. The method (300) for determining colours with the highest percentage within the image comprises detecting the dimension of the image (301); collecting pixelated colour information and inserting the colour information into an array based on the dimension of the image (302); and sorting colour of the image based on highest percentage (303a, 303b).

Another aspect of the invention provides a method (400) for analysing the image and generating image metadata (202a) which comprises of detecting shape and objects of the image (401); and comparing the shape and objects of the image with shape and object ontology (402) in order to obtain the image metadata (403).

Yet another aspect of the invention provides a method for forwarding combination of colour code of said image together with said image to automatic website template and 3D skin generator. The said method further comprises steps of combining shape and objects of said metadata with colour code information which results in obtaining design metadata (501); querying ontology of website template and 3D skin generator (502); and obtaining website template from website template and 3D skin generator (503).

A further aspect of the present invention provides a method for querying ontology of website template and 3D skin generator. The said method further comprises steps of receiving shape information (701); generating a set of shape information based on shape information from said ontology (702); creating at least one matrix of shapes from said ontology and comparing each element in the set of shape information with each element created in said matrix (703, 704); marking matched shape inside said matrix to provide an indication of website template and 3D skin (705,706); combining marked matrix and colour scheme to generate website template and 3D skin (707). The present invention consists of features and a combination of parts hereinafter fully described and illustrated in the accompanying drawings, it being understood that various changes in the details may be made without departing from the scope of the invention or sacrificing any of the advantages of the present invention. BRIEF DESCRIPTION OF ACCOMPANYING DRAWINGS

To further clarify various aspects of some embodiments of the present invention, a more particular description of the invention will be rendered by references to specific embodiments thereof, which are illustrated in the appended drawings. It is appreciated that these drawings depict only typical embodiments of the invention and are therefore not to be considered limiting of its scope. The invention will be described and explained with additional specificity and detail through the accompanying drawings in which:

FIG. 1.0 illustrates the system of an embodiment of the invention.

FIG. 2.0 illustrates a method of an embodiment of the invention. FIG. 3.0 illustrates colour coding of an image. FIG. 4.0 illustrates analysis of an image to generate image metadata. FIG. 5.0 illustrates the combination of colour code and image metadata. FIG. 6.0 illustrates a chart of shape ontology.

FIG. 7.0 illustrates a method of an embodiment of the invention. FIG. 8.0 illustrates a chart of template and 3D skin ontology.

DETAILED DESCRIPTION OF THE PREFERRED EMBODIMENTS

The present invention provides a system and method for automatic generation of website template and 3D skin based on images, in particular based on colour code, shape and object metadata generated from an image. Hereinafter, this specification will describe the present invention according to the preferred embodiments. It is to be understood that limiting the description to the preferred embodiments of the invention is merely to facilitate discussion of the present invention and it is envisioned without departing from the scope of the appended claims.

Referring to Figure 1.0, a system (100) of an embodiment of the invention includes a colour coder (101), and image analyser (102) and a website template and 3D skin generator (103). The colour coder (101) receives an image, such as a business logo for example, from a scanner or other imager, or directly from a file location. In that sense, the system (100) may also include an imager for generating the image and/or file storage for storage of images.

The colour coder (101) is provided with means for determining colours with the highest percentage within the image. This will be discussed in more detail with reference to Figure 3.0 below.

An image analyser (102) is provided for analysing the image and generating image metadata. As will be discussed below in more detail, the image metadata is generated with reference to website template and 3D skin ontology of the system (100). The colour coder (101) and image analyser (102) are associated with the website template and 3D skin generator (103) such that colour code and image metadata generated by the colour coder (101) and image analyser (102) respectively may be combined and sent for processing and website template and 3D skin generation. Turning to Figure 2.0, a method (200) according to an embodiment of the invention is illustrated. Complementary to the system (100) described above, according to the illustrated method, an image, in this case a logo is received from a scanning machine or file location (202) and the colour code extracted from the said image (204) is sent to a colour coder. The colour used in the logo is extracted and sorted (204) to generate a list of colours in order of most prolific in the mark down. In particular, percentages are generated for each major colour of the logo and the list created. The highest percentage within the image is determined from the colour code extracted from the image. It should be noted here that colour coding (204) need not consider and sort every colour used in the logo. The most commonly used colours are of relevance in this process.

The logo is also analysed to generate image metadata (206), which will be described in more detail below with reference to Figure 4.0. Briefly, though, the logo is analysed and its shape compared with shape ontology of the method to generate the image metadata.

Once the colour code and image metadata are generated, they are combined (208) and sent to the website template and 3D skin generator (103) for processing. The website template and 3D skin generator (103) analyses the combination based on website template and 3D skin ontology and at least one website template and 3D skin is automatically generated (212) for review.

Referring to Figure 3.0, a more detailed outline of a method of colour coding (300) is provided. During colour coding (300), the dimension of the image is initially determined (301). Pixelated colour information is then collected and inserted into an array based on the dimension of the image (302). The colours identified are then ranked (303a, 303b). In this instance the top 4 colours, in terms of percentage, are identified (303a) and then sorted based on percentages (303b).

Analysis of the image (400) is illustrated in more detail in Figure 4.0. Initially, a real time vision engine detects shape and objects of the image (401). The shapes and objects detected are then compared with the shape ontology (402) and full metadata for the image generated (403).

As mentioned previously, colour code and image metadata may be combined. As illustrated in Figure 5.0 such a combination may be considered to generate design metadata (501), which may be compared with template and 3D skin designer ontology (502) to generate at least one website template and 3D skin (503). For exemplification only, Figure 6.0 illustrates shape ontology applicable to the system and method of embodiments of the invention. As will be appreciated from this chart, shape ontology according to the method and system of the invention is provided with categories and subcategories that the shape and objects obtained through analysis of the image may be compared with (402) to generate the image metadata (403).

A method (700) of an embodiment of the invention is also illustrated in Figure 7. Shape information (701) relating to the image is used to generate a set of shape information (702). The set of shape information is sorted by layer, generally the outermost layer being recited first (i.e. on the left hand side of the set). The example provided indicates that the logo includes round, cross and triangle shapes, these respectively being from outermost to innermost in the logo.

A matrix of shapes is then created (703) from the shape ontology and each element inside the set of shape information is compared with each element inside the matrix created (704). Matched shapes are marked inside the matrix (705) so that, in effect, the marked matrix provides an indication of the website template and 3D skin (706). Thereby, the combination of the marked matrix and colour codes can be used to generate the website template and 3D skin (707).

Again, for exemplification only, Figure 8 illustrates template and 3D skin ontology on an embodiment of the invention. In this example, shape representation is broken down into shape and object and then also colour. Unless the context requires otherwise or specifically stated to the contrary, integers, steps or elements of the invention recited herein as singular integers, steps or elements clearly encompass both singular and plural forms of the recited integers, steps or elements.

Throughout this specification, unless the context requires otherwise, the word "comprise", or variations such as "comprises" or "comprising", will be understood to imply the inclusion of a stated step or element or integer or group of steps or elements or integers, but not the exclusion of any other step or element or integer or group of steps, elements or integers. Thus, in the context of this specification, the term "comprising" is used in an inclusive sense and thus should be understood as meaning "including principally, but not necessarily solely".

It will be appreciated that the foregoing description has been given by way of illustrative example of the invention and that all such modifications and variations thereto as would be apparent to persons of skill in the art are deemed to fall within the broad scope and ambit of the invention as herein set forth.

Claims

A system (100) for automatic generation of website template and 3D skin based on images, the system comprising.

at least one colour coder (101) for colour coding said images; at least one image analyser (102) for analysing said images and generating image metadata; and

at least one automatic website template and 3D skin generator (103);

wherein said automatic website template and 3D skin generator (103) includes means for analysing said colour coding and said image metadata based on website template and skin ontology and thereby generating a website template and 3D skin based on said image.

A system according to claim 1 , wherein said colour coder (101) is provided with means for determining colours with the highest percentage within said image.

A system according to claim 1 , wherein said the at least one image analyser (102) further comprises a real time vision engine for detecting shape and objects of said image.

A system according to claim 3, wherein said image analyser (102) is further provided with means for comparing said shape and objects of said image with shape and object ontology of said system in order to obtain said image metadata.

A method (200) for automatic generation of website template and 3D skin based on images , the method comprising steps of:

receiving at least one image from a file location (202);

extracting colour code from said image (204);

analysing said image and generating image metadata (206); and forwarding combination of colour code of said image together with said image to automatic website template and 3D skin generator (208) wherein analysing said image and generating image meta data further comprises analysing colour coding and said image metadata based on website template and skin ontology (210) and thereby generating a website template and 3D skin based on said image (212).

6. A method (200) according to claim 5, wherein extracting colour code from said image (201) further comprises determining colours with the highest percentage within said image.

7. A method (300) according to claim 6, wherein determining colours with the highest percentage within said image further comprises steps of:

detecting dimension of said image (301);

collecting pixelated colour information and inserting said colour information into an array based on said dimension of said image (302) ; and sorting colour of said image based on highest percentage (303a, 303b).

8. A method (400) according to claim 5, wherein analysing said image and generating image metadata (202a) further comprises steps of:

detecting shape and objects of said image (401); and

comparing said shape and objects of said image with shape and object ontology (402) in order to obtain said image metadata (403).

9. A method (500) according to claim 5, wherein forwarding combination of colour code of said image together with said image to automatic website template and 3D skin generator further comprises steps of:

combining shape and objects of said metadata with colour code information which results in obtaining design metadata (501); querying ontology of website template and 3D skin generator (502); and

obtaining website template from website template and 3D skin generator (503).

10. A method (700) according to claim 9, wherein querying ontology of website template and 3D skin generator further comprises steps of: receiving shape information (701);

generating a set of shape information based on shape

information from said ontology (702);

creating at least one matrix of shapes from said ontology and comparing each element in the set of shape information with each element created in said matrix (703, 704);

marking matched shape inside said matrix to provide an indication of website template and 3D skin (705,706);

combining marked matrix and colour scheme to generate website template and 3D skin (707).