CN103176993A - Content presentation device and content presentation method - Google Patents
Content presentation device and content presentation method Download PDFInfo
- Publication number
- CN103176993A CN103176993A CN2011104323323A CN201110432332A CN103176993A CN 103176993 A CN103176993 A CN 103176993A CN 2011104323323 A CN2011104323323 A CN 2011104323323A CN 201110432332 A CN201110432332 A CN 201110432332A CN 103176993 A CN103176993 A CN 103176993A
- Authority
- CN
- China
- Prior art keywords
- annexation
- content presenting
- institute
- zone
- defined range
- 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
Links
Images
Abstract
The invention discloses a content presentation device which is suitable for presenting a topological structure of an object in a graphical mode. The content presentation device comprises a page layout component, a position determination component and a graph drawing component. The page layout component is suitable for defining an area for graphical presentation. The position determination component is used for determining the positions of corresponding objects in the defined area according to attributes of each object and determining the positions of starting points and terminal points of one or a plurality of connection relations in the defined area according to the position of each object. The graph drawing component is used for drawing and connecting a connection line between the starting point and the terminal point of each connection relation in the defined area according to the positions of the starting points and the terminal points of the connection relations, and drawing each object in the defined area. The objects are overlaid on the connection lines. The invention further relates to a corresponding content presentation method.
Description
Technical field
The present invention relates to Web content and show the field, relate in particular to the content presenting device and the corresponding rendering method that present Web content at the subscriber equipment place.
Background technology
Along with the application of Internet-based more and more extensively, the network bandwidth constantly increases and the handling property of subscriber equipment is all the more powerful.Increasing use transfer to application based on browser from traditional desktop application on.Network management-application is also like this, traditional network management-application adopts user terminal/server framework usually, traditional network management-application client is installed at the place at terminal device, this client and the network management-application server end that is arranged on the server place communicate, and the keeper can manage a plurality of network equipments by the operation at the client place.At present, along with the application of web browser is more and more extensive, various subscriber equipmenies, such as traditional desktop computer, laptop computer and present personal digital assistant, digital flat panel, mobile terminal and smart mobile phone etc. all built-in web browser.Can adopt various subscriber equipmenies to carry out network management for the ease of the keeper, the network management-application that multiple browser Network Based occurred at present is so that the system manager can just can manage a plurality of network equipments by the web browser that moves on various subscriber equipmenies.
In network management-application, an important aspect is exactly that the network topology between the network equipment is managed.Usually, in order to give the keeper direct feel to topological relation, generally with graphics mode, this topological relation is shown in graphical user interface, i.e. topological diagram is so that the keeper can check easily topological diagram and carry out corresponding bookkeeping.When network management-application browser Network Based, how show topological diagram in web browser so that the keeper watches and is operable to for aspect key.
At present, the known means that realize that show topological diagram that can adopt in web browser comprise Flash, SVG and VML etc.Although yet these modes all have corresponding advantage, also have obvious defective.For example, SVG can be with XML form of presentation drawing topological graph on browser, and owing to being that SVG is vector graphics, image is undistorted when the topological diagram zoom in/out.But SVG has following shortcoming, and for example the SVG figure is supported by most main flow browsers, causes showing on browser that the SVG figure need to install plug-in unit; And in order to reach the electrodeless convergent-divergent of SVG figure fully, require on topological diagram all elements all need to describe in the XML mode, and therefore the appliance icon on topological diagram need to be become polar plot from common bitmap-converted, the difficulty of doing like this is larger; The interactivity of SVG and Javascript is relatively poor in addition, can't realize dynamic effect (as dynamic creation, network node etc. is hidden in deletion).Use Flash to present network topological diagram to have advantages of abundant expression forms, can realize most functions that desktop application has, but Flash has following shortcoming, for example Flash exploitation deflection art designing's role, need special developer to be competent at and special-purpose developing instrument need to be arranged; In addition, Flash can not get supporting on the IOS of Apple series operating platform.Use VML to present network topological diagram and can draw various figures in browser page, but VML only supported by the browser of IE kernel, therefore exist obvious range of application to limit.
This shows, currently used in web browser mode Shortcomings part all of display network topological diagram.Should find out, other need to show in web browser that there are the problems referred to above equally in the application that is similar to figure topological diagram and so on, that have the annexation between object and object.Desired is a kind ofly can support most of main flow web browsers, is convenient to develop and carry out mutual graphical display device and mode.
Summary of the invention
In view of the above problems, the present invention has been proposed in order to a kind of content presenting device and corresponding content presenting method that overcomes the problems referred to above or solve at least in part or slow down the problems referred to above is provided.
According to an aspect of the present invention, provide a kind of content presenting device, be suitable for presenting graphically the annexation between one or more object and one or more these objects.This content presenting device comprises the page layout parts, so that definition is for the zone that graphically presents in this content presenting device.This content presenting device also comprises position determining component, is used for determining that according to each attribute this object is in the position of institute's defined range.Because the annexation of object generally can be defined by related object, so position determining component can be determined according to the position of each object starting point and the position of terminal point in institute's defined range of one or more annexation.In this content presenting device, the graphic plotting parts are connected the position according to the starting point of each annexation draw the starting point that connects each annexation and the line of terminal point in institute's defined ranges with terminal point, and draw each object in institute's defined range, wherein object is superimposed upon on line.
According to content presenting device of the present invention, when presenting object and annexation thereof, consider the size of object and the centre of figure that the position obtains object, the annexation of object is depicted as simple line, then object is superimposed upon on line.Like this, can a kind of mode easily present graphically object and annexation thereof.
Alternatively, herein in disclosed content presenting device, when the object that presents or its annexation change, position determining component can redefine the position of each object and starting point and the final position of each annexation, and graphic plotting parts rendered object and corresponding to the line of annexation in institute's defined range again.
Alternatively, herein disclosed content presenting device can adopt HTML5 or with the presentation mode of HTML5 compatibility, the page layout parts can adopt the Canvas unit in HTML usually to define to present the zone, and the graphic plotting parts can adopt the Div unit defining objects usually in HTML.For example, for each object, the graphic plotting parts utilize a Div unit usually size and the position of defining objects, utilize the 2nd Div element definition corresponding to the icon of this object, and utilize the 3rd Div element definition corresponding to the object factory of this object, wherein the 2nd Div element and element are included in a Div element.
HTML5 is W3C in the standard of appointment in the recent period, and HTML5 is suitable for presenting webpage in diverse network browser in various subscriber equipmenies (comprise traditional computing machine and fast-developing mobile terminal) at present.Therefore adopt the HTML5 can be so that content presenting device can be widely used in various device.
According to another aspect of the present invention, provide a kind of content presenting method, be suitable for presenting graphically one or more object and one or more object annexation.This content presenting method is included in and defines in the content display device for the zone that graphically presents; Determine the position of corresponding object in institute's defined range according to each attribute, determine starting point and the position of terminal point in institute's defined range of annexation according to the position of each object; And be connected the position with terminal point according to the starting point of each annexation draw the starting point that connects each annexation and the line of terminal point in institute's defined range, and draw each object in institute's defined range, wherein said each object is superimposed upon on described line.
According to content presenting method of the present invention, when presenting object and annexation thereof, consider the size of object and the centre of figure that the position obtains object, the annexation of object is depicted as simple line, then object is superimposed upon on line.Like this, can a kind of mode easily present graphically object and annexation thereof.
Content presenting device disclosed herein and method are particularly suited for being applied in web browser, and are particularly useful for the application of display network topological structure.
Description of drawings
By reading hereinafter detailed description of the preferred embodiment, various other advantage and benefits will become cheer and bright for those of ordinary skills.Accompanying drawing only is used for the purpose of preferred implementation is shown, and does not think limitation of the present invention.And in whole accompanying drawing, represent identical parts with identical reference symbol.In the accompanying drawings:
Fig. 1 shows the schematic block diagram of content presenting device according to an embodiment of the invention;
Fig. 2 shows the schematic diagram of the object relationship that content presenting device according to an embodiment of the invention presents;
Fig. 3 shows object that content presenting device according to an embodiment of the invention presents and the schematic diagram of object relationship;
Fig. 4 A-4C shows relevant according to an embodiment of the invention object and presents the schematic diagram that convergent-divergent is carried out in the zone;
Fig. 5 shows the schematic diagram of object definition according to an embodiment of the invention; And
Fig. 6 schematically shows the process flow diagram of content presenting method according to an embodiment of the invention.
Embodiment
The invention will be further described below in conjunction with accompanying drawing and concrete embodiment.
Fig. 1 shows the schematic block diagram of content presenting device 100 according to an embodiment of the invention.Content presenting device 100 can be the web browser that is suitable for presenting Webpage.Along with the hardware and software technical development of internet and mobile device, occurred various be not web browser, but adopted the client application of diverse network browser kernel (such as, IE kernel etc.).Content presenting device 100 can be contained these application, and all can present the client application of Webpage all within protection scope of the present invention.
The content that content presenting device 100 can present regional 110 rendering content display devices 100 and receives.Content presenting device 100 for example outside the web page contents of html format, also is suitable for presenting graphically the annexation between one or more object and one or more these objects except presenting general content.The structure that much is suitable for presenting can be expressed as the annexation between object and object.For example, in the webmaster field, network topology structure can be expressed as the annexation between each network element and network element; In database field, the association in database between form can be expressed as the incidence relation between each tables of data and these tables of data equally.Therefore, the annexation that how presents between this object and object in mode easily in content presenting device has very general application.
Content presenting device 100 comprises page layout parts 120, be suitable for content presenting device 100 present the zone 110 in the definition be specifically designed to the object that graphically presents the annexation between these objects and object present the zone 112.Alternatively, object presents zone 112 and can be stretched, compress and move in 100 presenting the zone, and can follow and present the zone and move.In general, when object presented 112 position, zone or size and changes, object presented the content that presents in zone 112 and also should correspondingly change, and this will be described in detail hereinafter.
Content presenting device 100 also comprises position determining component 130, is used for determining that according to the object relationship between defined one or more object and one or more these objects these objects and object relationship present the position in zone 112 at object.Particularly, each object can be defined by one or more attribute.Alternatively, these attributes comprise the initial size (such as length and width) of object and the initial position of object etc.For example, an object can have following attribute:
top:10px;left:10px;width:50px;height:80px;ID:object1
Above-mentioned attribute specification ID be that the object of object1 has the width of 50 pixels and the width of 80 pixels, and its upper left corner has coordinate (10,10) in object presents the coordinate system in zone 112.In the client display device such as web browser, will comprise that generally presenting the initial point that zone 110 and object present 112 various zones, zone is arranged on the upper left corner, the right extension of X axis and Y-axis downward-extension.
Should be noted that, these sizes of top object and dimension definitions present zone 110 definition with respect to object, because object presents zone 112 only for presenting the part in zone 110, object finally will present in presenting zone 110, therefore in order to present suitably object in presenting zone 110, must come according to the relative initial position of the relative initial size of object and object absolute size and the position of calculating object in subject area 110.
Alternatively, the initial position of object utilizes the relative scale coordinate to define.Ratio is sat target value, and to be object present at object the ratio that absolute value in zone 102 and object present area size.For example, supposing that it is W pixel that object presents regional width, is highly H pixel, presents regional coboundary distance with respect to object and is Y pixel, and From Left circle is that the ratio coordinate (Xp, Yp) of the node of X pixel can be defined as:
Xp?=?X?*?100?/?W
Yp?=?Y?*?100?/?H
Wherein, value 100 means that the ratio coordinate figure is with percentage calculation.
Subsequently, when presenting this node in presenting the zone, can be converted into respect to the absolute coordinates (Xa, Yp) that presents the zone according to the ratio coordinate (Xp, Yp) of following formula with object
Xa?=?(Xp?*?W?/?100)?+?Xc
Ya?=?(Yp?*?H?/?100)?+?Yc，
Wherein Xc and Yc are respectively the absolute coordinate of the upper left corner in presenting the zone that object presents zone 112.
<relation?name=relation1?from=object1?to=object2?/>
Wherein define this object relationship relation1 and pointed to object2 from object object1.Object relationship can be by explaining from the line of another object of objects point.Perhaps, when object relationship relates to over a plurality of object, can come the indicated object relation by the star line that connects these objects.
Therefore, position determining component 130 need to be determined for each object relationship starting point and the terminal point of these lines.Alternatively, can be the starting point of object relationship and evaluation of end point the center of the related object of object relationship.For example, be (Xa, Ya) at the upper left corner of object coordinate, when its width and length were respectively Wa and La, the coordinate of object centers position was (Xa+Wa/2, Ya+La/2).
Content presenting device 100 also comprises graphic plotting parts 140.Graphic plotting parts 140 receive the absolute coordinates of each object of being determined by position determining component 130 and starting point and the terminal point coordinate of the corresponding line of each object relationship, then present at object and draw these objects and object relationship in zone 112.At first graphic plotting parts 140 present rendered object relation in zone 112 at object, and when object relationship related to two objects, object relationship can be plotted as the line from an object centers to another object centers.And when object relationship related to three or more objects, this can draw the astroid of the object centers that connects related object.For example, can at first determine the center of star according to the coordinate of these object centers, then draw from the star center to the line of each object centers.Should be noted in the discussion above that the present invention is not limited to these astroid connected modes, so the mode that a plurality of object centers can be linked together is all within protection scope of the present invention.
Fig. 2 shows the schematic diagram after having drawn object relationship by graphic plotting parts 140.As shown in Figure 2, in presenting regional 112, object drawn various lines this moment.Subsequently, graphic plotting parts 140 present at object and draw each object in zone 112 according to the absolute position by determined each object of position determining component.What connect due to line is all the position of object centers, and therefore when rendered object, object just is superimposed upon on line.Fig. 3 shows by graphic plotting parts 140 and has drawn object and object relationship schematic diagram afterwards.As shown in Figure 3, object is superimposed upon on line.Although should be noted in the discussion above that to have described in the above-described embodiments and first draw the process that connects rear rendered object, as long as object is superimposed upon on connection, order both is can be arbitrarily.
Alternatively, graphic plotting parts 140 can be before rendered object and object relationship, and at first rendered object presents zone 112 in presenting zone 110.
In content presenting device shown in Figure 1 100, at first define by page layout parts 120 object that presents specially object and object relationship and present the zone, then determined to present the absolute coordinates of object according to the relative coordinate of object predefined by position determining component 130, and object relationship is defined as the line that join dependency joins object centers, draw respectively these lines and object by graphic plotting parts 140 at last, so that object is superimposed upon on line, thereby present these objects and corresponding object relationship with patterned way.Content presenting device 100 provides a kind of and has presented graphically the object topological structure in mode comparatively easily.
Alternatively, object presents zone 112 and can move and (for example carry out convergent-divergent in present zone 110, user's that can content-based display device 100 indication is carried out), that is to say that upper left corner coordinate, width and length that object presents zone 112 can change.And when object presents 112 position, zone or size and changes, position determining component 130 is for each object and object relationship recomputate the absolute position, and then graphic plotting parts 140 present each object and object relationship again according to the new positional value that calculates.Therefore, the object that presents and object relationship thereof can adapt to different page sizes automatically.Even these objects and object relationship thereof perhaps in use change having the display of different resolution (resolution of display has determined to present the size in zone) demonstration the size that object presents the zone, also can obtain identical effect.
Fig. 4 A-4C shows relevant according to an embodiment of the invention object and presents the schematic diagram that convergent-divergent is carried out in the zone.Fig. 4 A shows according to one embodiment of the invention, presents at object the schematic diagram that the zone has presented each object and object relationship.Fig. 4 A is with the relation between network node and network node, and namely network topology structure is that example is illustrated.Fig. 4 B shows when object presents regional broad ways and increases by 1.5 times, if the diagram when object not being presented network topology in the zone and upgrades.Fig. 4 C shows according to one embodiment of present invention, when object presents regional broad ways and increases by 1.5 times, tackles mutually the diagram after object presents network topology structure in the zone and upgrades.
As shown in Fig. 4 A-4C, change has occured if object presents size or the position in zone, if upgating object does not present the content that presents in the zone, can make display effect not good enough.And adopted relative ratio coordinate to come defining objects and object relationship in content presenting device 100 of the present invention, therefore can present regional coordinate according to object easily comes the coordinate of upgating object and object relationship, and again presents.
Alternatively, the user of content presenting device 100 can operate object and/or the object relationship that presents.For example, the user can revise attribute, mobile object location, modification object relationship, to add new related or deletion between object relevant etc.For this reason, content presenting device 100 can also comprise user interface 150, is suitable for receiving the operation of subscriber-related these objects and/or object relationship.And it is similar above-mentioned, after the user carries out aforesaid operations, position determining component 130 can operate to redefine the position of each object and starting point and the final position of each annexation based on the user, and graphic plotting parts 140 can again present at object and present these objects in the zone.
In addition, as previously mentioned, each object has corresponding attribute.Each object can also comprise the attribute of the description of object and icon of object etc. and so on except corresponding position and size attribute.When graphic plotting parts 140 rendered object, can consider to present simultaneously the description of object and the object icon of representative object.
Alternatively, content presenting device 100 can adopt HTML5 to present the topological structure of object.HTML5 presents standard by the up-to-date webpage that W3C formulates, and can dynamically present in web browser easily.Certainly, content presenting device 100 can not only be subject to and adopt HTML5, may occur in the future, with the form of HTML5 compatibility all within protection scope of the present invention.Be now when content presenting device 100 adopts HTML5 to carry out topological structure, page layout parts 120 can adopt in HTML 5 canvas unit usually defining objects present regional 112.140 of graphic plotting parts can utilize the related function in javascript (for example, to include but not limited to moveTo(x, y), lineTo (x, y), stroke () etc.) draw line in canvas element defined zone and come annexation between representative object.In addition, the graphic plotting parts utilize div unit in HTML usually to define and present object.
Fig. 5 shows the schematic diagram that utilizes the defined object of div element.As shown in Figure 5, an object can utilize one or more div to define, wherein the outside solid line part of object is defined by a div, this div element is except the size and position of defining objects, also have attribute z-index and define the layer of this object in canvas, and be an abstract concept in the html middle level, when the location overlap of two elements, the element that the z-index attribute is large can cover the little element of z-index.Therefore, by for the attribute z-index in the div of object gives a larger value, can guarantee that this object covers on the line of object relationship.
Alternatively, in each contents of object, can for example be defined in the dotted portion of inner and upper that solid line is marked with another div, in this part, div has defined the icon of object.In addition, the dotted portion below solid line marks part can define with div, in this part, has defined the description of this object.
Object shown in Figure 5 can utilize following div unit usually to define:
<div?id="node1"?style="position:absolute;top:100px;left:100px;z-index:100">
<div?id="node1_icon"?style="text-align:center;?width：100%">
<img?src="icons/switcher.png"?id="node1_icon_img"?width='64'?height='64'/>
</div>
<div?id="node1_label"?style="text-align:center;?width:100%">
Router
</div>
</div>
Above-mentioned div has defined an object, and its icon is file icons/switcher.png, and name is called router.
Should be noted that, outer DIV due to the position that has determined object and size, is therefore the key of defining objects, but is used for the defining objects icon and describes inner div to adopt according to actual needs other structure object is inner, such as icon only being arranged without word, word is perhaps only arranged without icon; Also can hold icon and word without DIV, directly icon or word are placed in outside DIV inside etc.
Fig. 6 schematically shows the process flow diagram of content presenting method 600 according to an embodiment of the invention.Method shown in Figure 6 is suitable in above-mentioned content presenting device 100 carrying out in order to present annexation (hereinafter, it being referred to as the object topological structure) between object and object in content presenting device 100.Method 600 starts from step S610, and wherein definition presents the zone for the object that graphically presents the object topological structure in content presenting device.This step S610 can be carried out by page layout parts 120.Subsequently, in step S620, determine that according to each attribute that will present this object presents position in the zone at object.After the position of having determined object, the starting point of also determining one or more annexation according to position and the related object of object annexation of each object and terminal point present position in the zone at object.Step S620 is suitable for carrying out in position determining component 130.As mentioned above, the initial position of object can utilize the relative scale coordinate to define, and in step S620, need to be absolute coordinate with the relative scale coordinate conversion of each object.In addition, because object relationship can be defined by related object.For example, when object relationship relates to over a plurality of object, can come the indicated object relation by the star line that connects these objects.In step S620, need to determine for each object relationship starting point and the terminal point of these lines.Alternatively, can be the starting point of object relationship and evaluation of end point the center of the related object of object relationship as mentioned above.
After step S620 has determined the position of object and annexation thereof, in step S630, be connected the position with terminal point according to the starting point of each annexation and present in the zone at object and draw the starting point that connects each annexation and the line of terminal point.After the line of having drawn the representative object annexation, in step S630, present at object and draw each object in the zone, should be noted that object is superimposed upon on line usually.Step S630 can be carried out by graphic plotting parts 140.
Alternatively, because presenting the zone, can move and convergent-divergent object, therefore, the object rendering method also comprises, when object presents that the zone is moved and/or during convergent-divergent, redefine the position of each object and starting point and the final position of each annexation, and again present in the zone at object and draw described object and corresponding to the processing of the line of annexation.
In addition, alternatively, the user of content presenting device 100 can operate object and/or the object relationship that presents.For example, the user can revise attribute, mobile object location, modification object relationship, to add new related or deletion between object relevant etc.For this reason, content presenting method also comprises the step of the various operations that receive the user, and when the user operates, operate to redefine the position of each object and starting point and the final position of each annexation based on the user, and again present rendered object in the zone and corresponding to the step of the line of annexation at object.
In addition, as previously mentioned, each object has corresponding attribute.Each object can also comprise the attribute of the description of object and icon of object etc. and so on except corresponding position and size attribute.When rendered object, can consider to present simultaneously the description of object and the object icon of representative object.
Alternatively, content presenting method 100 can adopt HTML5 to present the topological structure of object.For example, object presents the zone and can usually define with the canvas unit in HTML 5.The line of the annexation between representative object can utilize the related function (for example, including but not limited to moveTo(x, y) in javascript, lineTo (x, y), stroke () etc.) draw in canvas element defined zone.In addition, the graphic plotting parts utilize div unit in HTML usually to define and present object.
Alternatively, as mentioned above, when adopting div to come defining objects, at first content presenting method 100 can utilize a Div unit usually to define size and the position of this object; Subsequently, utilize respectively the 2nd Div element definition corresponding to the icon of this object and utilize the 3rd Div element definition corresponding to the object factory of this object, and described the 2nd Div element and element are included in a Div element.
The scheme of being convenient to present graphically on such as the terminal device within web browser the object topological structure is provided according to content presenting device of the present invention and content presenting method, and this scheme has and realizes simply, easily is developed the advantage that personnel grasp.
In addition, owing to can utilize HTML 5 to carry out, so it supports various main flow browsers according to the solution of the present invention, makes developer's browser compatibility problem of need not worrying.
Should be noted that, in all parts of content presenting device of the present invention, according to its function that will realize and wherein parts have been carried out logical partitioning, but, the present invention is not subject to this, can repartition or make up all parts as required, for example, can be single parts with some component combinations, perhaps some parts further can be decomposed into more subassembly.
All parts embodiment of the present invention can realize with hardware, perhaps realizes with the software module of moving on one or more processor, and perhaps the combination with them realizes.It will be understood by those of skill in the art that and to use in practice microprocessor or digital signal processor (DSP) to realize according to some or all some or repertoire of parts in the content presenting device of the embodiment of the present invention.The present invention can also be embodied as be used to part or all equipment or the device program (for example, computer program and computer program) of carrying out method as described herein.The program of the present invention that realizes like this can be stored on computer-readable medium.
It should be noted above-described embodiment the present invention will be described rather than limit the invention, and those skilled in the art can design alternative embodiment in the situation that do not break away from the scope of claims.In the claims, any reference symbol between bracket should be configured to limitations on claims.Word " comprises " not to be got rid of existence and is not listed in element or step in claim.Being positioned at word " " before element or " one " does not get rid of and has a plurality of such elements.The present invention can realize by means of the hardware that includes some different elements and by means of the computing machine of suitably programming.In having enumerated the unit claim of some devices, several in these devices can be to come imbody by same hardware branch.The use of word first, second and C grade does not represent any order.Can be title with these word explanations.
Claims (12)
1. a content presenting device, be suitable for presenting graphically the annexation between one or more object and one or more these objects, and this content presenting device comprises:
The page layout parts are suitable for defining in described content presenting device for the zone that graphically presents;
Position determining component, be suitable for determining the position of corresponding object in institute's defined range according to each attribute in one or more object, determine starting point and the position of terminal point in institute's defined range of one or more annexation according to the position of each object; And
The graphic plotting parts, be suitable for being connected the position with terminal point according to the starting point of each annexation and draw the starting point that connects each annexation and the line of terminal point in institute's defined range, and draw each object in institute's defined range, wherein said object is superimposed upon on described line.
2. content presenting device as claimed in claim 1, each attribute in wherein said one or more object comprises one or more in the size of object, the icon of initial position, object factory and the object of object in institute's defined range etc., and each annexation in described one or more annexation is defined by the related object of annexation.
3. as claim 1 or 2 described content presenting devices, wherein said page layout parts defined zones can be moved or convergent-divergent in described content presenting device, and
When the movement of defined zone or convergent-divergent, described position determining component redefines the position of each object and starting point and the final position of each annexation, and described graphic plotting parts are drawn described object again in institute's defined range and corresponding to the line of annexation.
4. content presenting device as described in any in claim 1-3, also comprise user interface, is suitable for receiving the user to the operation of described one or more object and one or more annexation, and
Described position determining component operates to redefine the position of each object and starting point and the final position of each annexation based on described user, and described graphic plotting parts are drawn described object again in institute's defined range and corresponding to the line of annexation.
5. content presenting device as described in any in claim 1-4, wherein said content presenting device is suitable for adopting the presentation mode with the HTML5 compatibility, the page layout parts are suitable for adopting the Canvas unit in HTML usually to define described zone, and described graphic plotting parts are suitable for adopting the Div unit in HTML usually to define described one or more object and present described object in institute's defined range.
6. content presenting device as claimed in claim 5, wherein for each object, described graphic plotting parts utilize a Div unit usually to define size and the position of this object, utilize the 2nd Div element definition corresponding to the icon of this object, and utilizing the 3rd Div element definition corresponding to the object factory of this object, wherein said the 2nd Div element and element are included in a Div element.
7. a content presenting method, be suitable for presenting graphically the annexation between one or more object and one or more these objects, and the method comprises:
Definition is for the zone that graphically presents in content presenting device;
Determine the position of corresponding object in institute's defined range according to each attribute in one or more object, determine starting point and the position of terminal point in institute's defined range of one or more annexation according to the position of each object; And
Be connected the position with terminal point according to the starting point of each annexation and draw the starting point that connects each annexation and the line of terminal point in institute's defined range, and draw each object in institute's defined range, wherein said each object is superimposed upon on described line.
8. content presenting method as claimed in claim 7, each attribute in wherein said one or more object comprises the size of object, one or more in initial position, object factory and the object icon etc. of object in institute's defined range, and each annexation in described one or more annexation is defined by the related object of annexation.
9. as claim 7 or 8 described content presenting methods, wherein defined zone can be moved or convergent-divergent in described content presenting device, and the method also comprises:
During mobile or convergent-divergent, redefine the position of each object and starting point and the final position of each annexation when defined zone, and again draw described object and corresponding to the line of annexation in institute's defined range.
10. content presenting method as described in any in claim 7-9 also comprises: receive the user to the operation of described one or more object and one or more annexation, and
Operate to redefine the position of each object and starting point and the final position of each annexation based on described user, and again draw described object and corresponding to the line of annexation in institute's defined range.
11. content presenting method as described in any in claim 7-10, wherein the presentation mode of employing and HTML5 compatibility presents the annexation between one or more object and one or more these objects graphically, adopt the Canvas unit in HTML usually to define described zone, and adopt the Div unit in HTML usually to define described one or more object and present described object in institute's defined range.
12. content presenting method as claimed in claim 11 wherein adopts Div unit in HTML usually to define described one or more object and comprises:
For each object,
Utilize a Div unit usually to define size and the position of this object;
Utilize the 2nd Div element definition corresponding to the icon of this object; And
Utilize the 3rd Div element definition corresponding to the object factory of this object,
Wherein said the 2nd Div element and element are included in a Div element.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201110432332.3A CN103176993B (en) | 2011-12-21 | 2011-12-21 | A kind of content presenting device and method |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201110432332.3A CN103176993B (en) | 2011-12-21 | 2011-12-21 | A kind of content presenting device and method |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN103176993A true CN103176993A (en) | 2013-06-26 |
| CN103176993B CN103176993B (en) | 2016-08-24 |
Family
ID=48636874
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201110432332.3A Active CN103176993B (en) | 2011-12-21 | 2011-12-21 | A kind of content presenting device and method |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN103176993B (en) |
Cited By (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104346170A (en) * | 2014-10-15 | 2015-02-11 | 浪潮(北京)电子信息产业有限公司 | Canvas-based topological graph generating method and device |
| CN104573158A (en) * | 2013-10-24 | 2015-04-29 | 中兴通讯股份有限公司 | Pattern amplifying method and device in topological graph |
| CN105095593A (en) * | 2015-08-13 | 2015-11-25 | 浪潮(北京)电子信息产业有限公司 | Patterned topology generating method and system |
| CN105094838A (en) * | 2015-08-13 | 2015-11-25 | 浪潮(北京)电子信息产业有限公司 | Generating method and system of responsive graphics |
| CN106547419A (en) * | 2015-09-23 | 2017-03-29 | 阿里巴巴集团控股有限公司 | A kind of object rendering method and equipment |
| CN106652041A (en) * | 2016-12-21 | 2017-05-10 | 武汉大学 | HTML5-based three-dimensional virtual wiring method |
| CN109445778A (en) * | 2018-09-13 | 2019-03-08 | 珠海豆饭科技有限公司 | A kind of method and apparatus that the interface auxiliary based on SVG file generates |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2000042739A1 (en) * | 1999-01-16 | 2000-07-20 | New Access Communications | System and method of simulating a star network topology |
| US20050185599A1 (en) * | 2004-02-19 | 2005-08-25 | Intel Corporation | Generating topology information identifying devices in a network topology |
| CN101729353A (en) * | 2008-11-03 | 2010-06-09 | 华为技术有限公司 | Method, device and system of network topology layout |
| CN101751383A (en) * | 2009-12-30 | 2010-06-23 | 北京天融信科技有限公司 | Method for describing network topology by using SVG |
| CN102185706A (en) * | 2011-04-13 | 2011-09-14 | 北京航空航天大学 | Method for generating IEEE1394 (Institute of Electrical and Electronics Engineers 1394) network topological graph |
-
2011
- 2011-12-21 CN CN201110432332.3A patent/CN103176993B/en active Active
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2000042739A1 (en) * | 1999-01-16 | 2000-07-20 | New Access Communications | System and method of simulating a star network topology |
| US20050185599A1 (en) * | 2004-02-19 | 2005-08-25 | Intel Corporation | Generating topology information identifying devices in a network topology |
| CN101729353A (en) * | 2008-11-03 | 2010-06-09 | 华为技术有限公司 | Method, device and system of network topology layout |
| CN101751383A (en) * | 2009-12-30 | 2010-06-23 | 北京天融信科技有限公司 | Method for describing network topology by using SVG |
| CN102185706A (en) * | 2011-04-13 | 2011-09-14 | 北京航空航天大学 | Method for generating IEEE1394 (Institute of Electrical and Electronics Engineers 1394) network topological graph |
Non-Patent Citations (1)
| Title |
|---|
| 鲁成茂: "基于Web的网络管理中拓扑发现及显示算法的研究与实现", 《中国优秀硕士学位论文全文数据库 信息科技辑》 * |
Cited By (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104573158A (en) * | 2013-10-24 | 2015-04-29 | 中兴通讯股份有限公司 | Pattern amplifying method and device in topological graph |
| CN104346170A (en) * | 2014-10-15 | 2015-02-11 | 浪潮(北京)电子信息产业有限公司 | Canvas-based topological graph generating method and device |
| CN105095593A (en) * | 2015-08-13 | 2015-11-25 | 浪潮(北京)电子信息产业有限公司 | Patterned topology generating method and system |
| CN105094838A (en) * | 2015-08-13 | 2015-11-25 | 浪潮(北京)电子信息产业有限公司 | Generating method and system of responsive graphics |
| CN105094838B (en) * | 2015-08-13 | 2019-01-18 | 浪潮(北京)电子信息产业有限公司 | A kind of patterned generation method of response type and system |
| CN106547419A (en) * | 2015-09-23 | 2017-03-29 | 阿里巴巴集团控股有限公司 | A kind of object rendering method and equipment |
| CN106652041A (en) * | 2016-12-21 | 2017-05-10 | 武汉大学 | HTML5-based three-dimensional virtual wiring method |
| CN109445778A (en) * | 2018-09-13 | 2019-03-08 | 珠海豆饭科技有限公司 | A kind of method and apparatus that the interface auxiliary based on SVG file generates |
Also Published As
| Publication number | Publication date |
|---|---|
| CN103176993B (en) | 2016-08-24 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US8194075B2 (en) | Method and system for generating and displaying an interactive dynamic list view of multiply connected objects | |
| CN103176993A (en) | Content presentation device and content presentation method | |
| US8711147B2 (en) | Method and system for generating and displaying an interactive dynamic graph view of multiply connected objects | |
| US9552129B2 (en) | Interactive visual representation of points of interest data | |
| US8711148B2 (en) | Method and system for generating and displaying an interactive dynamic selective view of multiply connected objects | |
| CN108664296A (en) | A kind of page rendering method and apparatus, a kind of page processing method and device | |
| US8726189B2 (en) | Multiple tab stack user interface | |
| WO2014190821A1 (en) | Application creation method and device | |
| JP2011040034A (en) | Website browsing system, server, and client terminal | |
| CN104050238A (en) | Map labeling method and map labeling device | |
| CN103744995A (en) | Thematic map building method and mobile terminal applying same | |
| CN103034710B (en) | Page rendering method and device for browser | |
| CN113536173B (en) | Page processing method and device, electronic equipment and readable storage medium | |
| CN103648043B (en) | Search control method and control device to intelligent television | |
| CA2983248A1 (en) | Rendering graphical assets natively on multiple screens of electronic devices | |
| CN204791004U (en) | Medical treatment image inquiry system | |
| US20140201658A1 (en) | Rendering maps with canvas elements | |
| CN104731817A (en) | Webpage display method and device | |
| EP3008697B1 (en) | Coalescing graphics operations | |
| US20170270218A1 (en) | Mapping of Defined Regions Within a Webpage | |
| US9024954B2 (en) | Displaying partial logos | |
| US20100251087A1 (en) | Information browse apparatus | |
| CN113722031B (en) | Dynamic display method, equipment, medium and product of electronic signature | |
| WO2016111882A1 (en) | Control of access and management of browser annotations | |
| CN102955648B (en) | Terminal equipment, content merging method and display method |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| C14 | Grant of patent or utility model | ||
| GR01 | Patent grant | ||
| CP01 | Change in the name or title of a patent holder |
Address after: 100089 Beijing city Haidian District Road No. 4 North wa Yitai five storey building Patentee after: NSFOCUS Technologies Group Co.,Ltd. Address before: 100089 Beijing city Haidian District Road No. 4 North wa Yitai five storey building Patentee before: NSFOCUS INFORMATION TECHNOLOGY Co.,Ltd. |
|
| CP01 | Change in the name or title of a patent holder |