CN104536656A - Method and system used for generating operation detail page of intelligent equipment - Google Patents

Method and system used for generating operation detail page of intelligent equipment Download PDF

Info

Publication number
CN104536656A
CN104536656A CN201410782448.3A CN201410782448A CN104536656A CN 104536656 A CN104536656 A CN 104536656A CN 201410782448 A CN201410782448 A CN 201410782448A CN 104536656 A CN104536656 A CN 104536656A
Authority
CN
China
Prior art keywords
color
dominant hue
common controls
colour
tone
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Granted
Application number
CN201410782448.3A
Other languages
Chinese (zh)
Other versions
CN104536656B (en
Inventor
刘志刚
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Jingdong Zhenshi Information Technology Co Ltd
Original Assignee
Beijing Jingdong Century Trading Co Ltd
Beijing Jingdong Shangke Information Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Beijing Jingdong Century Trading Co Ltd, Beijing Jingdong Shangke Information Technology Co Ltd filed Critical Beijing Jingdong Century Trading Co Ltd
Priority to CN201410782448.3A priority Critical patent/CN104536656B/en
Publication of CN104536656A publication Critical patent/CN104536656A/en
Application granted granted Critical
Publication of CN104536656B publication Critical patent/CN104536656B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/04817Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04845Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour

Abstract

The invention discloses a method and system used for generating an operation detail page of intelligent equipment. The method comprises the steps of customizing a general control having various functions, extracting the dominant hue of an equipment promotion image by utilizing an image feature extraction algorithm, automatically adjusting the hue of the general control on the basis of the extracted dominant hue, and generating the equipment operation detail page with unique colors.

Description

For generating the method and system of the smart machine operation detail page
Technical field
The present invention relates to smart machine, more specifically, the present invention relates to the method and system for generating the smart machine operation detail page.
Background technology
Along with the development of Smart Home, the intelligent domestic system platform based on electric business's cloud is centered by electric business, the supporting platform set up based on consumer.This platform can set up two-way communicative channel between consumer and enterprise, more has the benign development utilizing Smart Home market.
Presenting in intelligent home device, needing for intelligent home device provides " skin "." skin " is the style information on application control.These style informations are included in skin file, for defining the outward appearance of control in the page.In the prior art, consider the experience of user, many cover skin usually can be provided to select for user.But changing skin is a hard work, because often switch a skin, all need to change the tiny element such as corresponding picture, font, webpage pattern at the page.
In practice, in order to present Smart Home to user better on intelligent domestic system platform, the details of the device customizing different-style of the different intelligent household for electric business's cloud are needed to control the page.But, adopt existing scheme to need, for each equipment of Smart Home at least customizes a set of skin, to make both to waste time and energy, make again loaded down with trivial details.
Therefore, needing a kind of can be the method and system that intelligent home device generates suitable equipment operating details page efficiently.
Summary of the invention
According to one embodiment of present invention, providing a kind of method for generating the smart machine operation detail page, comprising: custom pack is containing the common controls of various function; Image characteristics extraction algorithm is utilized to carry out the dominant hue of extraction equipment publicity pictures; Automatically the tone of common controls is adjusted based on extracted dominant hue; And generate the equipment operating details page with unique color.
Preferably, the step utilizing image characteristics extraction algorithm to carry out the dominant hue of extraction equipment publicity pictures comprises further: traversal picture pixel, calculates the colour that color is maximum; According to occurring that the colour that color is maximum calculates immediate color value; And according to the color value calculated, calculate and can provide the color that can distinguish with described background color under particular color background.
Preferably, the step automatically adjusting the tone of common controls based on extracted dominant hue comprises further: the general icon in common controls is made icon font, to call and to adjust size, color; Dominant hue is obtained according to the picture uploaded; According to the picture uploaded, generate head common segment layout and the operational zone background of the manipulation page; And the colour at icon font in described common controls, word, highlighted place is adjusted according to the dominant hue extracted.
Preferably, described common controls comprise following at least one: button, input frame, drop-down choice box, radio button, multifunctional button, slide switch, player module, slide bar control and knob control.
According to another embodiment of the invention, providing a kind of system for generating the smart machine operation detail page, comprising: customized module, for customizing a set of common controls comprising various function; Tone extraction module, for the dominant hue utilizing image characteristics extraction algorithm to carry out extraction equipment publicity pictures; Tone adjusting section, for automatically adjusting the tone of common controls based on extracted dominant hue; And page generation module, for generating the equipment operating details page with unique color.
Preferably, described tone extraction module is configured to further: traversal picture pixel, calculates the colour that color is maximum; According to occurring that the colour that color is maximum calculates immediate color value; And according to the color value calculated, calculate and can provide the color that can distinguish with described background color under particular color background.
Preferably, described tone adjusting section is configured to further: the general icon in common controls is made icon font, to call and to adjust size, color; Dominant hue is obtained according to the picture uploaded; According to the picture uploaded, generate head common segment layout and the operational zone background of the manipulation page; And the colour at icon font in described common controls, word, highlighted place is adjusted according to the dominant hue extracted.
According to the detailed description below the disclosure and accompanying drawing, other object, feature and advantage will be apparent to those skilled in the art.
Accompanying drawing explanation
Accompanying drawing illustrates embodiments of the invention, and is used from instructions one and explains principle of the present invention.In the accompanying drawings:
Fig. 1 is according to an embodiment of the invention for generating the block diagram of the system of smart machine operation detail page.
Fig. 2 is according to an embodiment of the invention for generating the process flow diagram of the method for smart machine operation detail page.
Embodiment
A kind of method and system for generating smart machine operation detail page is disclosed according to embodiments of the invention.In the following description, for illustrative purposes, multiple detail has been set forth to provide the complete understanding to embodiments of the invention.But it is evident that for those skilled in the art, embodiments of the invention can realize when not having these details.
According to technical scheme of the present invention, the equipment operating details page of publicity pictures oneself product style applicable for businessman customizes rapidly using businessman to provide simply.The publicity pictures that businessman provides is all colored usually, and be therefore applicable in the equipment operating details page of oneself product style for businessman's customization, choosing appropriate color for product is very important program.
As is known to persons skilled in the art, color is the key character of coloured image, in content-based image management and retrieval, have important effect.At present, the method for Description Image color mainly contains color histogram, colour consistency vector, color correlogram and color moment etc.These describing methods are all the statisticss to color of image feature, colour vision concept or the color semantic feature of image can not be reflected, and when people observe image, often first feel the dominant hue of image, namely which image has plant main color, then just observes the color detail of image.Therefore, the dominant hue of color of image is extracted and describes most important.
The dominant hue of image refers to the main color of coloured image and important color, by extracting the dominant hue of image, can realize the semantic tagger to color of image, significant to image retrieval, classification etc. based on semanteme.Therefore, technical scheme of the present invention carries out suitable colouring information extraction and extracted colouring information is applied to the corresponding device operation detail page realizing generating equipment operating details page fast by the publicity pictures provided businessman.
Fig. 1 is according to an embodiment of the invention for generating the block diagram of the system 100 of smart machine operation detail page.In FIG, system 100 comprises customized module 102, for the common controls of custom pack containing various function; Tone extraction module 104, for the dominant hue utilizing image characteristics extraction algorithm to carry out extraction equipment publicity pictures; Tone adjusting section 106, for automatically adjusting the tone of common controls based on extracted dominant hue; And page generation module 108, for being generated the equipment operating details page with unique color by simple layout.
Fig. 2 is according to an embodiment of the invention for generating the process flow diagram of the method 200 of smart machine operation detail page.The method 200 starts in step 202 place.In step 204, customize a set of common controls comprising various function.Such as, common controls can comprise button (comprising word button and icon), clicks this button and can trigger certain class event (such as, machine open/close); Input frame, for input characters; Drop-down choice box, for selecting the option that will select in the option ejected; Radio button, for showing option in groups and the item chosen of highlighted display; Multifunctional button, this multifunctional button is made up of two buttons of contrary operation of the same type, and the different piece clicking this multifunctional button has different event responses (increase of such as volume and reduction); Slide switch, for realizing switching manipulation by slip; Player module, for the multimedia file such as audio plays, video, its sub-component that can comprise F.F., retrogressing, volume increase or reduce; Slide bar control, for the progression of display file, and can by the progress of slide selectivity control documents; And knob control, this knob control can be controlled by rotary knob.
Then, in step 206, according to the dominant hue of the equipment publicity pictures extraction picture that businessman uploads.Various image characteristics extraction algorithm well known by persons skilled in the art can be adopted to carry out the dominant hue of extraction equipment publicity pictures.Such as, clustering algorithm etc.According to one embodiment of present invention, following algorithm is adopted to carry out the dominant hue of extraction equipment publicity pictures:
1. travel through picture pixel, calculate the colour that color is maximum;
2. according to occurring that the colour that color is maximum calculates immediate color value;
3. calculate according to the color value calculated the color that good reading experience can be provided under the particular color background of such as white background again, the color of described good reading experience is the color that can distinguish with background color, such as, for white background, color can not be too shallow, in order to avoid cause identification difficulty under white background.
Special processing mode is had, in order to avoid the interface generated cannot use in identification for some color (such as, white, black) in above step 2 and 3.Because the current background colour of button is white, or some dominant hue directly can on the background colour generated, so color can not be too shallow, or too dark, may cause and be beyond recognition close to background colour very much.
For the color that some calculates, may too close to the background colour of such as white or black.Such as, light border is fixed tentatively as rgb (221,221,221), and dark border is fixed tentatively as rgb (51,51,51); When colour is too high (color is too shallow): when two looks of rg or gb of the rgb of the color value calculated can not exceed the border of light color simultaneously, if exceeded, all colours can be deducted the difference of most high color value and boundary value.Such as rgb (255,230,204), the difference of mxm. and boundary value is 44, and last colour can be processed into rgb (211,186,160).
When three colours of the rgb of the color value calculated can not exceed dark border simultaneously, now all colours can be added the difference of upper boundary values and minimum colour.Such as rgb (12,34,52), the difference of minimum and boundary value is 39, and colour finally can be treated as rgb (51,73,91).
Then, in step 208, the tone of common controls is automatically adjusted based on extracted dominant hue.Concrete operation step is as follows:
1. the general icon in common controls is made icon font, size, color are called and adjusted to convenient future;
2., according to the picture (such as, the background picture of an ocean) uploaded, obtain dominant hue, such as, be numbered #4499DD;
3., according to the picture uploaded, generate head common segment layout and the operational zone background (generating mode is generated by a set of create-rule provided according to picture, has certain size dimension restriction to the picture uploaded) of the manipulation page;
4. according to the colour at icon font, word, highlighted place in the dominant hue adjustment common controls extracted, such as, common controls tone when dominant hue is orange, blue, green after adjustment.
In step 210, generated the equipment operating details page with unique color by simple layout, such as, can by simply arranging (arranging size, word, icon etc.) to common controls, pulling the operation interface generating oneself satisfaction.Afterwards, the method 200 terminates.
According to technical scheme of the present invention, it can be the equipment operating details page that different home equipments generates different-style rapidly.Businessman can upload according to the dominant hue of the color of Products, corporate culture or logo, company's propagating poster the picture oneself liked, system can according to the picture automatic acquisition dominant hue (can allow manual fine-tuning after acquisition) uploaded, and the tone of common controls is automatically adjusted based on extracted dominant hue, the dominant hue obtained due to different pictures is also different, so each operation pages finally generated can have its color, thus it can be the equipment operating details page that businessman customizes oneself product style applicable rapidly.
Above-described embodiment is only the preferred embodiments of the present invention, is not limited to the present invention.It will be apparent for a person skilled in the art that without departing from the spirit and scope of the present invention, various amendment and change can be carried out to embodiments of the invention.Therefore, the invention is intended to contain all amendments within the scope of the present invention as defined by the appended claims of falling into or modification.

Claims (8)

1., for generating a method for the smart machine operation detail page, comprising:
Custom pack is containing the common controls of various function;
Image characteristics extraction algorithm is utilized to carry out the dominant hue of extraction equipment publicity pictures;
Automatically the tone of common controls is adjusted based on extracted dominant hue; And
Generate the equipment operating details page with unique color.
2. method according to claim 1, wherein, the step utilizing image characteristics extraction algorithm to carry out the dominant hue of extraction equipment publicity pictures comprises further:
Traversal picture pixel, calculates the colour that color is maximum;
According to occurring that the colour that color is maximum calculates immediate color value; And
According to the color value calculated, calculate and can provide the color that can distinguish with described background color under particular color background.
3. method according to claim 1, wherein, the step automatically adjusting the tone of common controls based on extracted dominant hue comprises further:
General icon in common controls is made icon font, to call and to adjust size, color;
Dominant hue is obtained according to the picture uploaded;
According to the picture uploaded, generate head common segment layout and the operational zone background of the manipulation page; And
The colour at icon font in described common controls, word, highlighted place is adjusted according to the dominant hue extracted.
4. method according to claim 1, wherein, described common controls comprise following at least one: button, input frame, drop-down choice box, radio button, multifunctional button, slide switch, player module, slide bar control and knob control.
5., for generating a system for the smart machine operation detail page, comprising:
Customized module, for the common controls of custom pack containing various function;
Tone extraction module, for the dominant hue utilizing image characteristics extraction algorithm to carry out extraction equipment publicity pictures;
Tone adjusting section, for automatically adjusting the tone of common controls based on extracted dominant hue; And
Page generation module, for generating the equipment operating details page with unique color.
6. system according to claim 5, wherein, described tone extraction module is configured to further:
Traversal picture pixel, calculates the colour that color is maximum;
According to occurring that the colour that color is maximum calculates immediate color value; And
According to the color value calculated, calculate and can provide the color that can distinguish with described background color under particular color background.
7. system according to claim 5, wherein, described tone adjusting section is configured to further:
General icon in common controls is made icon font, to call and to adjust size, color;
Dominant hue is obtained according to the picture uploaded;
According to the picture uploaded, generate head common segment layout and the operational zone background of the manipulation page; And
The colour at icon font in described common controls, word, highlighted place is adjusted according to the dominant hue extracted.
8. system according to claim 5, wherein, described common controls comprise following at least one: button, input frame, drop-down choice box, radio button, multifunctional button, slide switch, player module, slide bar control and knob control.
CN201410782448.3A 2014-12-16 2014-12-16 For generating the method and system of the smart machine operation detail page Active CN104536656B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201410782448.3A CN104536656B (en) 2014-12-16 2014-12-16 For generating the method and system of the smart machine operation detail page

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201410782448.3A CN104536656B (en) 2014-12-16 2014-12-16 For generating the method and system of the smart machine operation detail page

Publications (2)

Publication Number Publication Date
CN104536656A true CN104536656A (en) 2015-04-22
CN104536656B CN104536656B (en) 2018-06-01

Family

ID=52852195

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201410782448.3A Active CN104536656B (en) 2014-12-16 2014-12-16 For generating the method and system of the smart machine operation detail page

Country Status (1)

Country Link
CN (1) CN104536656B (en)

Cited By (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104808998A (en) * 2015-05-15 2015-07-29 深圳市欧珀通信软件有限公司 Method, device and mobile terminal for showing global control
CN104867021A (en) * 2015-05-19 2015-08-26 腾讯科技(深圳)有限公司 Goods homepage processing method and related apparatus
CN105426347A (en) * 2015-10-29 2016-03-23 北京京东尚科信息技术有限公司 Method for providing object information, display terminal and server
CN106295659A (en) * 2016-08-15 2017-01-04 惠州Tcl移动通信有限公司 Taking pictures of a kind of smart machine takes color application process and system
CN106598629A (en) * 2016-12-28 2017-04-26 北京数字天域科技有限责任公司 Coloring method and device based on Andriod system
CN115237305A (en) * 2022-07-18 2022-10-25 北京达佳互联信息技术有限公司 Shooting interface display method and device, electronic equipment and storage medium

Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP4107812B2 (en) * 2001-06-11 2008-06-25 株式会社リコー Image processing apparatus, image processing method, and recording medium
CN101226728A (en) * 2007-01-16 2008-07-23 乐金电子(中国)研究开发中心有限公司 Apparatus and method for dynamically setting color theme
CN101414258A (en) * 2008-12-03 2009-04-22 腾讯科技(深圳)有限公司 Method and apparatus for changing color of skin picture
CN102568010A (en) * 2010-12-14 2012-07-11 上海三旗通信科技股份有限公司 Method for extracting color and changing theme coloring by utilizing traditional camera
JP2012208748A (en) * 2011-03-30 2012-10-25 Casio Comput Co Ltd Image conversion apparatus, image conversion program and image conversion method
CN102929617A (en) * 2012-10-18 2013-02-13 广东威创视讯科技股份有限公司 Skin exchanging method for Web software UI (User Interface)
CN103413301A (en) * 2013-07-27 2013-11-27 信阳师范学院 Color image cutting method based on spherical particle calculation

Patent Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP4107812B2 (en) * 2001-06-11 2008-06-25 株式会社リコー Image processing apparatus, image processing method, and recording medium
CN101226728A (en) * 2007-01-16 2008-07-23 乐金电子(中国)研究开发中心有限公司 Apparatus and method for dynamically setting color theme
CN101414258A (en) * 2008-12-03 2009-04-22 腾讯科技(深圳)有限公司 Method and apparatus for changing color of skin picture
CN102568010A (en) * 2010-12-14 2012-07-11 上海三旗通信科技股份有限公司 Method for extracting color and changing theme coloring by utilizing traditional camera
JP2012208748A (en) * 2011-03-30 2012-10-25 Casio Comput Co Ltd Image conversion apparatus, image conversion program and image conversion method
CN102929617A (en) * 2012-10-18 2013-02-13 广东威创视讯科技股份有限公司 Skin exchanging method for Web software UI (User Interface)
CN103413301A (en) * 2013-07-27 2013-11-27 信阳师范学院 Color image cutting method based on spherical particle calculation

Cited By (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104808998A (en) * 2015-05-15 2015-07-29 深圳市欧珀通信软件有限公司 Method, device and mobile terminal for showing global control
CN104808998B (en) * 2015-05-15 2018-06-19 广东欧珀移动通信有限公司 The method, device and mobile terminal of the global control of display
CN104867021A (en) * 2015-05-19 2015-08-26 腾讯科技(深圳)有限公司 Goods homepage processing method and related apparatus
CN104867021B (en) * 2015-05-19 2018-11-06 腾讯科技(深圳)有限公司 The processing method and relevant apparatus of commodity homepage
CN105426347A (en) * 2015-10-29 2016-03-23 北京京东尚科信息技术有限公司 Method for providing object information, display terminal and server
CN106295659A (en) * 2016-08-15 2017-01-04 惠州Tcl移动通信有限公司 Taking pictures of a kind of smart machine takes color application process and system
CN106598629A (en) * 2016-12-28 2017-04-26 北京数字天域科技有限责任公司 Coloring method and device based on Andriod system
CN115237305A (en) * 2022-07-18 2022-10-25 北京达佳互联信息技术有限公司 Shooting interface display method and device, electronic equipment and storage medium

Also Published As

Publication number Publication date
CN104536656B (en) 2018-06-01

Similar Documents

Publication Publication Date Title
CN104536656B (en) For generating the method and system of the smart machine operation detail page
RU2693303C2 (en) Method and device for changing background colour of tool panel according to dominant colour of image
CN107862018B (en) Recommendation method and device for food cooking method
CN105849685B (en) editing options for image regions
CN107621966B (en) Graphical user interface display method and device and terminal equipment
CN109345612B (en) Image generation method, device, equipment and storage medium
CN110198437B (en) Image processing method and device, storage medium and electronic device
CN108933892A (en) Portable electronic device and its control method
US10078436B2 (en) User interface adjusting method and apparatus using the same
CN105892839B (en) A kind of screenshot processing method and device based on instant messaging tools
CN106844659A (en) A kind of multimedia data processing method and device
CN106484396A (en) Night changing method, device and terminal unit
CN104537612A (en) Method for automatically beautifying skin of facial image
CN104461614B (en) The processing method and electronic equipment of a kind of subject resource
CN106406900A (en) Wallpaper display method and device
CN110084871B (en) Image typesetting method and device and electronic terminal
CN107004285A (en) Method and graphics processor for the color of managing user interface
KR20200091614A (en) Terminal and apparatus for providing search information based on color information
CN102637236A (en) Intelligent color matching method for textile patterns
CN103488390B (en) A kind of menu
CN102446097B (en) Method for changing user interface skins
CN101976194A (en) Method and device for setting user interface
CN107180453A (en) The edit methods and device of character face's model
CN104346225A (en) Mode adaptation method and mode adaptation system for user interface
CN115063800B (en) Text recognition method and electronic equipment

Legal Events

Date Code Title Description
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant
TR01 Transfer of patent right

Effective date of registration: 20210224

Address after: 101, 1st floor, building 2, yard 20, Suzhou street, Haidian District, Beijing 100080

Patentee after: Beijing Jingbangda Trading Co.,Ltd.

Address before: 100080 Beijing Haidian Xingshikou Road 65 West Cedar Creative Park District Four 11C Building East Section 1-4 Floor West Section 1-4 Floor

Patentee before: BEIJING JINGDONG SHANGKE INFORMATION TECHNOLOGY Co.,Ltd.

Patentee before: BEIJING JINGDONG CENTURY TRADING Co.,Ltd.

Effective date of registration: 20210224

Address after: 6 / F, 76 Zhichun Road, Haidian District, Beijing 100086

Patentee after: Beijing Jingdong Zhenshi Information Technology Co.,Ltd.

Address before: 101, 1st floor, building 2, yard 20, Suzhou street, Haidian District, Beijing 100080

Patentee before: Beijing Jingbangda Trading Co.,Ltd.

TR01 Transfer of patent right