Specific embodiment
Below in conjunction with the attached drawing in the embodiment of the present application, technical solutions in the embodiments of the present application carries out clear, completeSite preparation description, it is clear that described embodiments are only a part of embodiments of the present application, instead of all the embodiments.It is based onEmbodiment in the application, it is obtained by those of ordinary skill in the art without making creative efforts every otherEmbodiment shall fall in the protection scope of this application.
It should also be noted that similar label and letter indicate similar terms in following attached drawing, therefore, once a certain Xiang YiIt is defined in a attached drawing, does not then need that it is further defined and explained in subsequent attached drawing.Meanwhile the application'sIn description, term " first ", " second " etc. are only used for distinguishing description, are not understood to indicate or imply relative importance.
With being widely popularized for html5 standard, the dynamic web front end display technique based on javascript develops moreCome more mature.In the page of html5 standard, javascript dynamic can be used and draw SVG (Scalable VectorGraphics, scalable vector graphics) polar plot, it is simple direct.SVG polar plot is that the text of figure is retouched when transmissionIt states, data volume is small, and transmission speed is fast, adaptively can ensure that quality is lossless by page size stepless zooming.Javascript can be withDynamic queries update latest result, show on chart.
With the fast development of smart home industry, more and more smart homes equipment enters the family of consumer.WithIncreasing for smart home device, a problem is but become to the management of the state of smart home device.Consumer is comeIt says, it, can be by cell phone application or webpage client to intelligent family when using a small amount of (such as 1 to 3) smart home deviceEquipment is occupied to be controlled；However when equipment is more than certain amount, is such as more than 5, more than ten, tens or up to a hundred a, needThe situation for checking smart home device one by one enters to choose target device with the data reported, tree-like directory point from level to levelThen the state of smart home device is checked and is controlled, greatly reduce the user experience of smart home device.
Inventor has found that using dynamic web front end display technique, using the compiling based on javascriptDevice, the simple configuration script write by parsing user according to regulation grammer, can inquire smart home device in big dataState, and then the mode user-friendly, configurable with one kind, in real time come out the status display of smart home device.CauseThis, inventors herein proposes equipment state display methods, device, terminal and storage medium provided by the present application.
To first it be situated between below to the data interaction process in equipment state display methods involved in the embodiment of the present applicationIt continues.
As an implementation, as shown in Figure 1, the data of equipment and state are uploaded to number by smart home device 11According to equipment or system 12 is acquired, data acquisition equipment or system 12 are uploaded to database 13 after combining data, database 13 is logicalData access interface 14 is crossed to show the data of smart home device 11 in terminal (Web client) 15.Wherein, smart home is setStandby 11 may include entity smart machine, such as ammeter, door status sensor, human body sensor, door and window sensor, temperature and humidity sensingDevice, water sensor, the natural gas reports to the police machine, smoke alarm, switch on wall, wall socket, intelligent socket, wireless switching, nothingLine wall pastes the smart machines such as switch, magic square controller, curtain motor, Multifunctional gateway, air-conditioning companion, camera, is also possible toVirtual-sensor equipment is not limited thereto such as virtual human body sensor device.Data acquisition equipment or the characterization service of system 12It is set in device (including network access server, Cloud Server or database server etc.) for being acquired the network insertion of dataThe data collection system of standby or network access equipment configuration, such as gateway or it is configured at systems used to gather data in gateway.
As a kind of mode, data acquisition equipment or system 12, database 13 and data access interface 14 can be comeFrom same server, optionally, different servers can be from.
It should be noted that the terminal in the embodiment of the present application can be mobile phone, tablet computer, PC computer or other toolsThere is the terminal device of mobile communication function, the client application for being managed to smart home device 11 is configured in terminalProgram, optionally, the client can be cell phone application, be also possible to web browser, be not limited thereto.
Present embodiments are specifically described below in conjunction with attached drawing.
Referring to Fig. 2, being a kind of flow chart of equipment state display methods provided by the embodiments of the present application, the present embodiment is mentionedFor a kind of equipment state display methods, it is applied to terminal, which comprises
Step S110, the terminal obtain the corresponding text information generated based on preset format of equipment.
It should be noted that being mounted with the client being managed to smart home device in the terminal of the embodiment of the present applicationEnd, the client can be application client (such as cell phone application), be also possible to webpage client, be not limited thereto.ItsIn, as an implementation, smart home device is connect with gateway, and gateway connect with terminal and then receives the control for carrying out self terminalSystem instruction, as a kind of mode, when there is equipment access gateway, terminal can identify the equipment connecting with gateway, then terminalLogin account can be with apparatus bound, to control equipment, such as the login account of terminal can control and set with what it was boundThe display and control of standby state.
Wherein, content defined in preset format it is expected the content for allowing equipment to show in terminal interface, the exhibition by userThe content shown includes the corresponding display location of title, equipment and the corresponding displaying representative icon of equipment of the equipment shown etc..Optionally, preset format can be figure (such as png or gif etc.), table or any other user expectation device end interface instituteThe vector bitmap-format of displaying.User can according to personal habits (if any user be accustomed to the absolute directions such as all directions describeThe position of equipment, and some users are accustomed to describing the position etc. of equipment with the relative directions such as all around) by the state letter of equipmentIt is customized to cease (title, position and the representative icon of such as equipment) progress, and according to specific grammer (such as JavaScriptGrammer) it is written as configuration text script corresponding with equipment；User can also write corresponding match according to the placement position of equipmentSet text script.
In conclusion user or trade company only need to define equipment display content (in the embodiment of the present application, the display of equipmentContent refers mainly to the state of equipment, and different equipment is corresponding with different state parameters, therefore different equipment has different showShow state) display rule, and the format text of the display content according to the rule programming apparatus, then terminal calling text connectsResolver in one embodiment carries out text as text resolver using the Open-Source Tools jison of JavaScriptThe drawing tool of SVG image is then called in parsing, in one embodiment, carries out SVG figure using Open-Source Tools snap.svgThe drafting of picture, it can realize and svg vectorgraph charting is carried out to the content of text information.
As a kind of mode, the configuration text script corresponding with equipment write is pre-stored within the number of first serverAccording in library, the configuration text script can be called directly by JavaScript interface, can also be to the configuration text writeScript carries out real time modifying as needed.Optionally, first server can be local server, and first server is by equipmentConfiguration text script is corresponding with the type identification of equipment to be stored in tables of data, and device type mark can be used for unique identification and setIt is standby.It, can be first corresponding with equipment based on default to first server request in the case where terminal will show the state of equipmentThe text information that format generates.Obtain the acquisition process of the text information based on preset format to first server to terminal belowIt is described as follows:
Referring to Fig. 3, as a kind of mode, step S110 may include:
Step S111: the text information acquisition that terminal sends the device type mark for carrying equipment to first server is askedIt asks.
As a kind of implementation, text information from terminal to first server request equipment when, can send to carry and setThe text information acquisition request of standby device type mark, so that first server is looked into tables of data according to device type markFind the data being associated.
Step S112: receive the equipment corresponding with the acquisition request that the first server returns based on pre-If the text information that format generates.
Terminal receives the raw based on preset format of the equipment corresponding with above-mentioned acquisition request returned from first serverAt text information, text information is identified.
Step S120: the terminal parses the text information, obtains property parameters corresponding with the equipment and displayInformation.
For the ease of getting data relevant to the displaying of the state of equipment, so can intuitive presentation device shapeState, terminal need to parse text information, and as a kind of mode, terminal can call JavaScript compiler to text envelopeBreath is parsed, and terminal obtains property parameters corresponding with the associated equipment of svg polar plot to text information parsing later and showsShow information.Wherein, property parameters include equipment name attribute (device name of such as multiple equipment) and functional attributes it is (such as multipleThe function of each of equipment equipment), display information include equipment the display mode representative of such as equipment (show icon) andIt shows content (display position, direction, symbol and the parameter of such as equipment).
Step S130: the terminal obtains the corresponding data value of the property parameters using dynamic script.
Wherein, what first server stored is the static data of equipment, the dynamic of the operating status to draw out equipmentPolar plot, it is also necessary to the corresponding variable information of second server request attribute parameter, the i.e. corresponding data value of property parameters, needIt is noted that different equipment possesses different property parameters data values, i.e., the data value of property parameters is according to equipment itselfThe case where it is set.For example, property parameters are the temperature of air-conditioning for air-conditioning, then the temperature degree of air-conditioning is skyThe data value of the property parameters of tune, and the temperature degree of air-conditioning can according to need adjustment and change；And for switch, belong toProperty parameter be switch state, then switch opens or closes the data value of state for switch, in such cases, the category of switchThe data value of property parameter only exists two kinds of situations of "ON" or "Off", therefore, different equipment have different property parameters and with categoryThe property corresponding data value of parameter.Wherein, second server can be Cloud Server or third-party server etc., noticeableIt is that first server and second server can be same server, is also possible to different servers.
Wherein, dynamic script can be JavaScript script, be also possible to jQuery and coffeescript etc. otherDynamic script is also possible to flash, but considers for second server operational capability angle is saved, and can useJavaScript script is realized.Obtain the acquisition process of the corresponding data value of property parameters using dynamic script to terminal belowIt is illustrated:
Referring to Fig. 4, as a kind of mode, step S130 may include:
Step S131: the terminal sends data acquisition request to second server using JavaScript script, describedThe device type mark is carried in data acquisition request.
Wherein, the data value of the property parameters of equipment and device type mark correspondence are stored in tables of data by second serverIn, to check or controlling the state of equipment, terminal needs to request the corresponding number of property parameters of equipment to second serverAccording to value, then in this case, as a kind of mode, terminal can use JavaScript script, second server is calledApi interface, to second server send carry device type identify data acquisition request.
Step S132: the property parameters corresponding with device type mark that the second server returns are receivedCorresponding data value.
After second server receives the data acquisition request that terminal is sent, it is associated according to device type identifier lookupThe key sentence information relevant to data value found is returned to terminal and set by the corresponding data value of the property parameters of equipmentIt is standby.Optionally, if further including the attribute type mark of equipment in data acquisition request, the lookup of second server can be acceleratedSpeed.Terminal receives the key sentence information that second server returns, and extraction obtains corresponding with the device type of equipment markThe corresponding data value of the property parameters of equipment.
Step S140: the terminal is based on the display information, by the corresponding data value of the property parameters with polar plotMode shown.
Referring to Fig. 5, as a kind of mode, step S140 may include:
Step S141: display content of the terminal based on the equipment identifies the value of the functional attributes of the equipment.
Terminal calls JavaScript interface, and display content based on equipment identifies the value of the functional attributes of equipment.It canChoosing, when equipment includes multiple equipment, terminal can identify each of multiple equipment based on the display content of multiple equipmentThe value of the functional attributes of equipment.
Step S142: the display mode based on the equipment, the value for dynamically drawing the functional attributes of the equipment are correspondingPolar plot.
Optionally, terminal can be based on the display mode of each equipment of multiple equipment, and dynamic draws multiple equipmentThe corresponding svg polar plot of the value of the functional attributes of each equipment.Wherein, increase in the software systems of terminal for generatingThe correspondence input interface of web page can obtain svg vector graphical element according to the text script write based on preset format automatically,By defining the associated response event of svg event, data are called using JavaScript script, terminal display interface may be implementedThe automatic of svg polar plot draw and the status data of equipment automatically updates.
Optionally, terminal can also respond touch control operation, obtain the interaction corresponding with touch control operation for acting on polar plotOperational order instructs control equipment according to interactive operation.As user needs to carry out the corresponding data value of the property parameters of equipmentWhen modification, the equipment can be chosen by modes such as clicks with the corresponding display icon of touch control device, it then should be by the figure of touch-controlA list box can be popped up at mark modifies data value for user.For example, if detecting, the icon of user's touch-control is the figure of air-conditioningMark, the then control button that the corresponding temperature that air-conditioning is raised and lowered can be popped up at the icon select touch-control (such as Fig. 6 for userIt is shown).Or user can touch when needing to modify to the working condition (such as switch state of electric heater socket) of equipmentControl shows icon, such as click or trailing equipment icon, and one control choice box of pop-up can modify electric heater at appliance iconThe working condition of the switch of socket, for example, the icon of user's touch-control is the icon of the switch of electric heater socket if detecting,The selection control button that the on or off including electric heater socket can be popped up at the icon is triggered for user, to change electric hot waterThe switch state (as shown in Figure 7) of device socket.
It should be noted that before the display status information to equipment is modified, terminal can be first to modifyingThe user of operation carries out authentication.Wherein, carry out authentication mode can there are many, can for example, as a kind of modeBe arranged user modify equipment display status information after save when need to input the password of login account verify, short message is testedCard or oauth verifying etc., are not limited thereto.
As an implementation, the method in above-described embodiment is illustratively illustrated by taking Fig. 8 as an example below:
Referring to Fig. 8, providing the description of one section of equipment and the text information of methods of exhibiting by user or developer, whereinThe text needs to write out according to certain rules, and need to meet can be parsed into svg pel by JavaScript language, text letterBreath includes that the representative icon of equipment shows the information such as shape and position, and optionally, text information is stored in local server.For the ease of the operating status (temperature, the mode of such as air-conditioning) and equipment of the state of intuitive presentation device, such as equipmentWorking condition (as switch on or off lamp), user log in browser after, can using JavaScript script parse and setStandby corresponding text information, and then extract the equipment being related in text and methods of exhibiting corresponding with equipment.
Optionally, the equipment being related in text information can be inquired by the state interface of access cloud serverThe state of equipment is depicted as svg image then in conjunction with the methods of exhibiting of the equipment in text information by the state of equipment, thusThe state with control equipment is checked convenient for user.It should be noted that the method for description and the displaying of equipment can there are many kinds ofMode is below illustrated the method for the embodiment of the present application with two specific examples.
Referring to Fig. 9, the schematic diagram of one specific example of equipment state display methods of the embodiment of the present application is shown,In, the size of terminal display interface can be scaled freely, not influence the essence display of equipment state.The corresponding text information of Fig. 9Compiling form rule be " [device location]: [device name]；(parameter, [Property Name])；(icon, [icon type]) ".Wherein, it is the design parameter variable filled in " [] ", default parameter can be used if not filling out for the optional content filled out in " () "Variable.
If user has write one group of text information in advance are as follows:
" upper left: bedroom air-conditioning companion；Parameter, temperature；Icon, it is round.
Upper right: electric heater socket；Parameter, switch；Icon, water heater.
Center: parlor wireless switching；Parameter, last time use the time.
Lower-left: gate door sensor；Parameter, switch；Icon, door.
Bottom right: door lock；Parameter, last time enabling people；Icon, door."
So, can be parsed out using JavaScript script the equipment in text information device name and with setStandby corresponding functional attributes parameter is respectively as follows: bedroom air-conditioning companion (temperature), electric heater socket (switch), parlor wireless switching(last time uses the time), gate door sensor (switch), door lock (last time enabling people).Parse device name and corresponding functionAfter property parameters, terminal initiates inquiry request to Cloud Server api interface, and the inquiry for then obtaining Cloud Server return obtainsEquipment state.
Optionally, the data value of the functional attributes parameter of the state or equipment for the equipment that terminal receives respectively indicate asUnder: bedroom air-conditioning companion (25 degree of temperature), electric heater socket (switch: closing), parlor wireless switching (last time uses the time: 18:38), gate door sensor (switch: opening), door lock (last time enabling people: Ziwen).Wherein, the corresponding implementor name of content representation outside bracketClaim, the content in bracket represents data value corresponding with functional attributes parameter, and for different equipment, data value is different, dataValue can be numerical value, be also possible to nonumeric (on or off of such as wireless switching is non-data value).Then terminal combinesThe position (upper left, upper right, center, lower-left, bottom right) and the corresponding display representative icon of equipment (circle that JavaScript is resolved toShape, water heater, default (no setting), door, door), it is as shown in Figure 9 to draw SVG image.
It should be noted that above-mentioned one write group text information is only to facilitate explanation enumerate one group is simpleText information may include the state exhibition method pair of more complicated or number of devices more often equipment in actual implementationThe text information answered.For example, if the appliance icon for the text information that user writes has been more than the model that current screen can be shownIt encloses, the corresponding text information of appliance icon can be grouped and be shown, page turning, multilayer mesh can be used when specifically showingThe modes such as the form of record tree grouping page turning are shown, and are specifically not construed as limiting.
Illustratively, above content is illustrated in a manner of paging arrangement.It is raw based on preset format in terminal parsingAt text information after, detect that the quantity of the icon of equipment defined in it is more than the quantity that current interface can at most arrangeIn the case where, the icon of selected section equipment is shown in the first page of paging in the equipment that terminal can analytically go out, and will remainThe icon of remaining equipment is arranged in later several pages.
Wherein, terminal can determine the icon for being arranged in the equipment of first page according to various ways.As a kind of mode,Terminal can be based on the icon for the commonly used equipment that big data counts, and then will belong to commonly used equipment in the equipment parsedIcon is arranged in first page (i.e. homepage), so that user can quickly find the icon of the equipment of operation required for oneself.ThisOutside, alternatively mode, terminal can also select the icon for the equipment for being arranged in homepage according to the event of some settings.For example, terminal can detect the equipment for being currently in working condition by the gateway connected, it is timely for the ease of userThe equipment being currently operating is controlled, selection is currently in working condition in the equipment that terminal can analytically go outThe icon of equipment be shown in homepage, and then timely the equipment for being currently at working condition can be controlled convenient for userSystem.
It should be noted that others grouping display form can also use mode above-mentioned other than paging is shownTo determine that each is grouped shown iconic content.
Furthermore for the text information that one group writes, in the feelings for being particularly shown position for having specified that appliance iconUnder condition, for the display interface of terminal, the content of configuration text information and terminal it can be shown when writing text informationThe function that interface relocates automatically.It is corresponding for the text information of the equipment write so after the screen rotation of terminalAppliance icon, also can be according to the corresponding display position of the text information write, after rearrangement to terminal display screen rotatesDisplay interface.
For example, can be configured with the sensor of the acquisition terminals postures such as gyroscope, when sensor detects terminal in terminalScreen rotation after, can control current interface and the direction of rotation of terminal followed to rotate, so as to guarantee to show on interfaceThe relative position of icon is always maintained at inconvenience, so as to user's operation.
Referring to Fig. 10, the schematic diagram of another specific example of equipment state display methods of the embodiment of the present application is shown,Specific derivation process can refer to Fig. 9, and details are not described herein again.Unlike Fig. 9, Figure 10 changes the Status icons of equipmentDisplay position, the mode of being particularly shown can need real time modifying according to user.In addition, if user will modify as sleeping in Figure 10The temperature of room air-conditioning companion or by the status modifier of gate door sensor be close when, can be corresponding with equipment by clicking or pullingIcon modifies corresponding information.
It is corresponding based on preset format to obtain equipment by terminal for a kind of equipment state display methods that the present embodiment proposesThe text information of generation；Text information is parsed again, obtains property parameters corresponding with equipment and display information；Then using dynamicScript obtains the corresponding data value of property parameters；Then based on display information, by the corresponding data value of property parameters with polar plotMode shown.This method is shown in a manner of polar plot by the state of smart home device, may be implemented intelligenceCan the status information of home equipment be plotted in polar plot with configurable format dynamic, so as to so that smart home deviceState more intuitively shows user, and then promotes the user experience of smart home device.
Figure 11 is please referred to, is a kind of structural block diagram of equipment state display device provided by the embodiments of the present application, this implementationExample provides a kind of equipment state display device 300, runs on terminal, described device 300 include: text information acquiring unit 310,Text information resolution unit 320, data capture unit 330 and data display unit 340.
Text information acquiring unit 310 obtains the corresponding text generated based on preset format of equipment for the terminalInformation.
Text information resolution unit 320 parses the text information for the terminal, obtains corresponding with the equipmentProperty parameters and display information.
Data capture unit 330 obtains the corresponding data value of the property parameters using dynamic script for the terminal.
Data display unit 340 is based on the display information for the terminal, by the corresponding data of the property parametersValue is shown in a manner of polar plot.
Described device 300 further includes device control cell, for responding touch control operation, obtain act on polar plot with touchingControl operates corresponding interactive operation instruction, instructs control equipment according to interactive operation.
It is corresponding based on preset format to obtain equipment by terminal for a kind of equipment state display device that the present embodiment proposesThe text information of generation；Text information is parsed again, obtains property parameters corresponding with equipment and display information；Then using dynamicScript obtains the corresponding data value of property parameters；Then based on display information, by the corresponding data value of property parameters with polar plotMode shown.This method is shown in a manner of polar plot by the state of smart home device, may be implemented intelligenceCan the status information of home equipment be plotted in polar plot with configurable format dynamic, so as to so that smart home deviceState more intuitively shows user, and then promotes the user experience of smart home device.
It should be noted that it is apparent to those skilled in the art that, for convenience and simplicity of description, onThe specific work process for stating description device and module, can refer to corresponding processes in the foregoing method embodiment, no longer superfluous hereinIt states.In several embodiments provided herein, the mutual coupling of module can be electrical property, mechanical or other formsCoupling.In addition, can integrate in a processing module in each functional module in each embodiment of the application, it is also possible to eachA module physically exists alone, and can also be integrated in a module with two or more modules.Above-mentioned integrated module was bothIt can take the form of hardware realization, can also be realized in the form of software function module.
A kind of terminal provided by the present application is illustrated below in conjunction with Figure 12.
Figure 12 is please referred to, based on above-mentioned equipment state display methods, device, the embodiment of the present application also provides another kindsThe terminal 15 of aforementioned device state display method can be executed.Terminal 15 include memory 151 and intercouple one orMultiple (one is only shown in figure) processors 153, communication line connects between memory 151 and processor 153.MemoryThe program that can execute content in previous embodiment is stored in 151, and processor 153 can be executed and be stored in memory 151Program.
Wherein, processor 153 may include one or more processing core.Processor 153 utilizes various interfaces and routeThe various pieces in entire terminal 15 are connected, by running or executing the instruction being stored in memory 151, program, code setOr instruction set, and the data being stored in memory 151 are called, execute the various functions and processing data of terminal 15.It is optionalGround, processor 153 can use Digital Signal Processing (Digital Signal Processing, DSP), field programmable gateArray (Field-Programmable Gate Array, FPGA), programmable logic array (Programmable LogicArray, PLA) at least one of example, in hardware realize.Processor 153 can integrating central processor (CentralProcessing Unit, CPU), in image processor (Graphics Processing Unit, GPU) and modem etc.One or more of combinations.Wherein, the main processing operation system of CPU, user interface and application program etc.；GPU is for being responsible forShow the rendering and drafting of content；Modem is for handling wireless communication.It is understood that above-mentioned modemIt can not be integrated into processor 153, be realized separately through one piece of communication chip.
Memory 151 may include random access memory (Random Access Memory, RAM), also may include read-onlyMemory (Read-Only Memory).Memory 151 can be used for store instruction, program, code, code set or instruction set.It depositsReservoir 151 may include storing program area and storage data area, wherein the finger that storing program area can store for realizing operating systemEnable, for realizing at least one function instruction (such as touch function, sound-playing function, image player function etc.), be used forRealize the instruction etc. of foregoing individual embodiments.Storage data area can also store the data (ratio that terminal 15 is created in useSuch as phone directory, audio, video data, chat record data).
Figure 13 is please referred to, it illustrates a kind of structural frames of computer readable storage medium provided by the embodiments of the present applicationFigure.Program code is stored in the computer readable storage medium 400, said program code can call execution above-mentioned by processorMethod described in embodiment of the method.
Computer readable storage medium 400 can be such as flash memory, EEPROM (electrically erasable programmable read-only memory),The electronic memory of EPROM, hard disk or ROM etc.Optionally, computer readable storage medium 400 includes non-transient meterCalculation machine readable medium (non-transitory computer-readable storage medium).Computer-readable storageMedium 400 has the memory space for the program code 410 for executing any method and step in the above method.These program codes canWith from reading or be written in one or more computer program product in this one or more computer program product.Program code 410 can for example be compressed in a suitable form.
Finally, it should be noted that above embodiments are only to illustrate the technical solution of the application, rather than its limitations；AlthoughThe application is described in detail with reference to the foregoing embodiments, those skilled in the art are when understanding: it still can be withIt modifies the technical solutions described in the foregoing embodiments or equivalent replacement of some of the technical features；AndThese are modified or replaceed, do not drive corresponding technical solution essence be detached from each embodiment technical solution of the application spirit andRange.