CREATING AND EDITING DYNAMIC GRAPHICS VIA A WEB INTERFACE

Abstract

Technologies are described herein for creating and editing dynamic graphics via a World Wide Web (“Web”) interface. A Web service is provided for generating dynamic graphics in response to requests received from client computers. In response to requests from client computers, the Web service generates requested dynamic graphics and returns the generated dynamic graphics to the client computers in response to the requests. Parameters may be provided to the Web service indicating a list of text items, a layout type, a visual style, a color, and other aspects of a dynamic graphic. A user interface is also provided for creating and editing a dynamic graphic within a Web browser application.

Description

BACKGROUND

Desktop productivity software applications allow users to create word processing documents, spreadsheet documents, presentation documents, and other kinds of documents. These types of productivity software applications often also provide advanced functionality for creating sophisticated graphics. For example, through the use of certain desktop presentation application programs, a user can create presentation documents that include dynamic graphics (also referred to as SmartArt™ graphics).

Dynamic graphics include a potentially infinite number of shapes that are dynamically added, positioned, and sized to accommodate specified text data. For example, one type of dynamic graphic is a flow chart diagram in which new shapes are dynamically added, sized, and positioned each time a new data element is added to the flowchart. Dynamic graphics allow users to easily create sophisticated and highly polished graphic diagrams that include textual or numeric data.

Unfortunately, the capability for creating dynamic graphics has previously been limited to desktop productivity software applications. If a user does not have a locally installed software application program capable of creating dynamic graphics, it may be a very difficult and arduous process for a user to create a professional looking graphic with text. It may be similarly difficult for a user to modify the graphic to change the content, layout, style, color, or other visual characteristics of the graphic.

It is with respect to these considerations and others that the disclosure made herein is presented.

SUMMARY

Technologies are described herein for creating and editing dynamic graphics via a World Wide Web (“Web”) interface. In particular, through the use of the embodiments presented herein, dynamic graphics can be created and edited within a Web browser application rather than through the use of a desktop productivity software application. This allows users to create and edit dynamic graphics even when a full-featured desktop productivity software application capable of creating dynamic graphics is unavailable.

According to one aspect presented herein, a Web service is provided and exposed for generating dynamic graphics in response to Web service requests received from Web-based clients. In particular, the Web service is configured to receive a request for a dynamic graphic from a client computer. In response to such a request, the Web service generates the requested dynamic graphic and returns the graphic to the client computer.

According to other aspects, the request received by the Web service includes parameters specifying how the dynamic graphic is to be generated. For instance, in one implementation the request includes a list of text items along with data identifying a layout type for the dynamic graphic. The Web service utilizes the list of text items and data identifying the layout type to generate the requested dynamic graphic. For instance, a dynamic graphic may be generated that has shapes corresponding to the text items that are arranged according to the specified layout type. According to other aspects, the request may further include parameters that identify a visual style and a set of colors for the dynamic graphic. The Web service may utilize these parameters to generate the dynamic graphic in the visual style and colors specified by the request. A visual style is a collection of properties that define visual aspects of the dynamic graphic. For instance, a style may define a set of colors, visual effects, typefaces, and other properties for a dynamic graphic.

According to other aspects presented herein, a Web interface is provided for creating a dynamic graphic. In one implementation, a user interface is provided by way of a Web browser application program for specifying a list of text items and a layout type for a dynamic graphic. A request to generate the dynamic graphic may also be received through the user interface. In response to receiving such a request, a request for the dynamic graphic is transmitted to the Web service. The request may include parameters identifying the list of text items and the layout type. The requested dynamic graphic is then received from the Web service and displayed by way of the Web browser. The user interface may also provide functionality for specifying a visual style and color for the dynamic graphic. The dynamic graphic may also be modified through the use of the user interface.

It should be appreciated that the above-described subject matter may also be implemented as a computer-controlled apparatus, a computer process, a computing system, or as an article of manufacture such as a computer-readable medium. These and various other features will be apparent from a reading of the following Detailed Description and a review of the associated drawings.

This Summary is provided to introduce a selection of concepts in a simplified form that are further described below in the Detailed Description. This Summary is not intended to identify key features or essential features of the claimed subject matter, nor is it intended that this Summary be used to limit the scope of the claimed subject matter. Furthermore, the claimed subject matter is not limited to implementations that solve any or all disadvantages noted in any part of this disclosure.

BRIEF DESCRIPTION OF THE DRAWINGS

FIG. 1 is a network and computer architecture diagram showing aspects of an illustrative operating environment and several software components provided by the embodiments presented herein;

FIGS. 2-9 are screen diagrams showing illustrative screen displays generated by a Web browser application for creating and editing dynamic graphics;

FIGS. 10A-10B are flow diagrams showing aspects of one illustrative process provided herein for creating and editing dynamic graphics via a Web interface; and

FIG. 11 is a computer architecture diagram showing an illustrative computer hardware and software architecture for a computing system capable of implementing aspects of the embodiments presented herein.

DETAILED DESCRIPTION

The following detailed description is directed to technologies for creating and editing dynamic graphics via a Web interface. In the following detailed description, references are made to the accompanying drawings that form a part hereof, and which are shown by way of illustration specific embodiments or examples. Referring now to the drawings, in which like numerals represent like elements throughout the several figures, technologies for creating and editing dynamic graphics via a Web interface will be described.

While the subject matter described herein is presented in the general context of program modules that execute in conjunction with the execution of an operating system and application programs on a computer system, those skilled in the art will recognize that other implementations may be performed in combination with other types of program modules. Generally, program modules include routines, programs, components, data structures, and other types of structures that perform particular tasks or implement particular abstract data types. Moreover, those skilled in the art will appreciate that the subject matter described herein may be practiced with other computer system configurations, including hand-held devices, multiprocessor systems, microprocessor-based or programmable consumer electronics, minicomputers, mainframe computers, and the like.

Turning now to FIG. 1, details will be provided regarding an illustrative operating environment and several software components provided by the embodiments presented herein. In particular, FIG. 1 shows aspects of a system 100 capable of providing functionality for creating and editing dynamic graphics via a Web interface. The system 100 includes a client computer 102 and a server computer 104. As illustrated in FIG. 1, the client computer 102 and the server computer 104 are interconnected through one or more local and wide area networks, such as the network 106. It should be appreciated that many more network connections may be utilized than illustrated in FIG. 1.

In one embodiment, the client computer 102 illustrated in FIG. 1 comprises a standard desktop or laptop computer system capable of executing an operating system and one or more application programs. It should be appreciated, however, that in other embodiments the client computer 102 comprises another type of computing device. For instance, according to embodiments, the client computer 102 may comprise a mobile computing device such as a mobile telephone, a smart phone, an ultra-mobile personal computer, a tablet personal computer, or another type of mobile computing device. Other devices may also be utilized in a similar manner.

According to embodiments the client computer 102 is operative to execute a presentation application 108. The presentation application 108 comprises a desktop productivity software application for creating presentation documents. For instance, in one implementation the presentation application 108 comprises the POWERPOINT presentation application from MICROSOFT CORPORATION of Redmond, Wash. The presentation application 108 also provides functionality for creating dynamic graphics for inclusion in a presentation document. As discussed briefly above, dynamic graphics are graphics that include a potentially infinite number of shapes that are dynamically added, positioned, and sized to accommodate specified textual or numeric data. Any number of text items (0 . . . N) may appear in each shape.

If the client computer 102 is not configured with the presentation application 108, it may be difficult or impossible for a user of the client computer 102 to create presentation documents that include dynamic graphics. In order to address this difficulty, the embodiments presented herein provide a presentation application companion Web site 116 (the “Web site”). The Web site 116 is a server-based application that provides companion functionality to the presentation application 108. In particular, the application provided by the Web site 116 includes functionality for creating presentation documents through the use of a standard Web browser application program 110 (“Web browser”) executing on the client computer 102. It should be appreciated that although the Web site 116 is described herein as being accessible through the public Internet, the Web site 116 may also be made available on a private internal Web site. Moreover, the Web site 116 may be accessible through a Web browser 110 as described herein or through the use of another client application capable of requesting and rendering the Web site 116.

The Web site 116 also provides functionality for creating and editing dynamic graphics within a presentation document via a Web interface. It should be appreciated that although the embodiments presented herein are discussed in the context of a Web site 116 that provides functionality for creating and editing presentation documents, the concepts and technologies presented herein for generating dynamic graphics are not limited to such an environment. Rather, the concepts and technologies presented herein for generating dynamic graphics may be utilized with any type of Web site configured for virtually any purpose or with other types of applications.

A server computer 104 provides the Web site 116 described herein. The server computer 104 comprises a standard server computer system capable of executing an operating system and one or more other programs. In particular, in the embodiments presented herein the server computer 104 executes a Web server application 114 that is configured to receive and respond to requests for the Web site 116 and its component resources. A Web service 118 also executes on the server computer 104 in conjunction with the provision of the Web site 116. As will be described in greater detail below, the Web service 118 provides functionality for generating dynamic graphics in response to requests received from the Web browser 110. In this regard, the Web browser 110 may execute client-side code 112. The client-side code 112 operates in conjunction with the Web site 116 and the Web service 118 to provide the user interface functionality described herein. The client-side code 112 may comprise JAVASCRIPT or another suitable technology for executing client-side code in conjunction with the display of a Web page. Additional details regarding the functionality provided by the Web site 116 and the Web service 118 are provided below with respect to FIGS. 2-10B.

FIGS. 2-9 are screen diagrams showing illustrative screen displays provided by the Web browser 110 in various embodiments presented herein. Referring now to FIG. 2, additional details regarding the functionality provided by the Web site 116 in one embodiment will be presented. The screen display 200A shown in FIG. 2 illustrates a rendering of the Web site 116 generated by the Web browser 110. In particular, the screen display 200A generated by the Web browser 110 includes user interfaces for creating and editing a presentation slide 202 (a “slide”). In one implementation, thumbnail images (“thumbnails”) 204A-204C are shown that correspond to slides created using the Web site 116. For instance, the thumbnail 204A corresponds to the displayed slide 202. The thumbnails 204B-204C correspond to slides not shown by the Web browser 110.

The slide 202 may contain virtually any type of content including, but not limited to, text, static graphics, tables, video, sound, animation, and other types of multimedia content. The user interface buttons 206A, 206B, and 206D may be selected using an appropriate user input device to insert a table, a picture, or a text box, respectively. A placeholder 210 is provided in one embodiment to define the location on the slide 202 at which a newly inserted object will be placed. According to other embodiments, new objects may be freely inserted at any location on the slide 202 without the use of the placeholder 210. The Web site 116 may also provide other suitable user interfaces not illustrated or described further herein for designing, editing, reviewing, and sharing presentation slides.

According to embodiments, the presentation slide 202 may also include dynamic graphics. In this regard, a user interface button 206C is provided which, when selected, will initiate a process for placing a new dynamic graphic at the location of the placeholder 210. For example, as shown in FIG. 2, a user may select the user interface button 206C using a mouse cursor 212 or other suitable user input device to begin this process. Upon receiving such a selection, a request is transmitted to the Web service 118 for data identifying available layout types for the new dynamic graphic. The available layout types are then displayed and a user is permitted to select one of the available layout types for the new dynamic graphic. Additional details regarding this process are provided below with respect to FIG. 3.

Referring now to FIG. 3, additional details regarding one process for inserting a new dynamic graphic onto the slide 202 will be described. In particular, FIG. 3 shows a screen display 200B generated by the Web browser 110 following the selection of the user interface button 206C. As mentioned briefly above, selection of the user interface button 206C will cause a request to be transmitted to the Web service 118 for data identifying the available layout types for a new dynamic graphic. A layout defines the manner in which the shapes within the dynamic graphic will be laid out. For instance, available diagram types may include process diagrams, list diagrams, hierarchy diagrams, relationship diagrams, matrix diagrams, pyramid diagrams, and others.

In response to receiving a request for the available layout types, the Web service 118 returns thumbnails 302A-302F corresponding to the available layouts in one embodiment. The thumbnails 302A-302F are displayed by the Web browser 110 in a dialog box 300 and made available for user selection. The thumbnail 302A corresponds to a pyramid diagram, the thumbnails 302B-302D correspond to cycle diagrams, the thumbnail 302C corresponds to a process diagram, the thumbnail 302E corresponds to a hierarchy diagram, and the thumbnail 302F corresponds to a list diagram. Other types of layouts may also be provided.

In order to insert a dynamic graphic corresponding to one of the available layout types onto the slide 202, a user may utilize an appropriate user input device to select one of the thumbnails 302A-302F. For instance, as shown in FIG. 3, the thumbnail 302C may be selected using the mouse cursor 212. This causes a dynamic graphic having a process diagram layout to be inserted onto the slide 202. A user may select the user interface button 206E to complete the insertion of the new dynamic graphic or may select the user interface button 206F to cancel the insertion process and return to the screen display 200A shown in FIG. 2. Once the new dynamic graphic has been placed onto the slide 202, user interfaces are provided for editing and otherwise modifying the dynamic graphic. Details in this regard are provided below with respect to FIGS. 4-9.

Referring now to FIG. 4, additional details regarding the user interfaces provided herein for editing a newly inserted dynamic graphic 402 will be described. In particular, FIG. 4 shows a screen display 200C generated by the Web browser 110 following the insertion of a new dynamic graphic 402 onto the slide 202. The dynamic graphic 402 was generated by the Web service 118 following the selection by a user of a desired layout type, as discussed above with respect to FIG. 3. Details regarding the communication between the Web browser 110 and the Web service 118 for generating the dynamic graphic 402 are provided below with respect to FIGS. 10A-10B.

The exemplary dynamic graphic 402 shown in FIG. 4 is a process diagram that includes the shapes 404A-404C. Text items 406A-406C are also provided within each of the shapes 404A-404C, respectively. Default placeholder text is inserted into each of the shapes 404A-404C when a new dynamic graphic is created. In one embodiment, a user may edit the text items 406A-406C directly by selecting the text with an appropriate user input device and typing new text. Alternatively, another user interface may be provided for editing the text, adding new shapes, arranging the order of the shapes, and performing other functions. Such an interface may be displayed in response to the selection of the user interface tab 408B or the user interface button 206G using an appropriate user input mechanism, such as the mouse cursor 212. One such user interface is described in detail below with respect to FIGS. 5-6. Following the editing of the dynamic graphic 402 using the user interface shown in FIGS. 5-6 and described below, a user may return to the user interface shown in FIG. 4 by selecting the user interface tab 408A.

According to embodiments, user interfaces may also be provided for modifying the layout of the dynamic graphic 402, for changing the colors of the dynamic graphic 402, and for modifying the visual style of the dynamic graphic 402. For instance, in one embodiment, the user interface buttons 302A-302C may be utilized to display thumbnails of the available layout types. Selection of one of the user interface buttons 302A-302C will cause the dynamic graphic 402 to be reformatted according to the layout type corresponding to the selected user interface button. A call to the Web service 118 returns the modified dynamic graphic 402.

According to other embodiments, the client-side code 112 may monitor the location of the mouse cursor 212. If the mouse cursor 212 “hovers” over one of the user interface buttons 302A-302C, a call is made to the Web service 118 for an updated dynamic graphic 402. The dynamic graphic 402 may then be displayed to the user to provide a live preview of the layouts corresponding to the user interface buttons 302A-302C. Additional details regarding modification of the layout type of the dynamic graphic 402 will be provided below with respect to FIG. 8.

The user interface buttons 410A-410C may be utilized in a similar manner to the buttons 302A-302C to modify the visual style of the dynamic graphic 402. For instance, styles may be applied through the selection of the buttons 410A-410C for modifying the material, three-dimensional properties, outline properties, fill properties, and shadow of the dynamic graphic 402. Other visual aspects may be modified in a similar manner. A live preview of the available styles may also be provided in the manner described above. It should be appreciated that other user interface controls may also be provided to show the user a large number of available layout types and styles. A user interface button 2061 may also be provided which, when selected, will reset the dynamic graphic 402 to its original visual state. Additional details regarding modification of the visual style of the dynamic graphic 402 will be provided below with respect to FIG. 9.

Turning now to FIG. 5, additional details will be provided regarding one user interface provided herein for editing the dynamic graphic 402, including editing the text items 406A-406C, adding new shapes, arranging the order of the shapes, and performing other functions. In particular, FIG. 5 shows a screen diagram 200D generated by the Web browser 110 following the selection by a user of the user interface tab 408B using an appropriate user input device, such as the mouse cursor 212.

The user interface illustrated in FIG. 5 includes a list 504 showing all of the text items 406A-406C corresponding to the shapes 404A-404C in the dynamic graphic 402. The content of the list 504 is utilized by the Web service 118 to layout and render the appropriate dynamic graphic 402. For instance, the illustrative list 504 shown in FIG. 5 includes three text items 406A-406C. As a result, the dynamic graphic 402 generated based upon the list 504 will include three shapes 404A-404C, with each shape containing one of the text items 406A-406C, respectively.

Addition of a new text item to the list 504 will cause an additional shape to be added to the dynamic graphic 402 in a visually appropriate fashion. Removal of one of the text items 406A-406C from the list 504 will cause the layout of the shapes corresponding to the remaining text items to be adjusted appropriately. Once mechanism for laying out shapes in a dynamic graphic in this manner is described in U.S. Patent Publication No. US2006/0209093A1, entitled “METHOD AND COMPUTER-READABLE MEDIUM FOR GENERATING GRAPHICS HAVING A FINITE NUMBER OF DYNAMICALLY SIZED AND POSITIONED SHAPES”, published on Sep. 21, 2006, which is assigned to the assignee of the instant patent application and expressly incorporated by reference herein in its entirety.

According to embodiments, the text items 406A-406C may be selected and edited directly to change their content. For instance, in one example illustrated in FIG. 6, the default text has been replaced for the text items 406A-406C with the custom text “DEPLOY”, “SERVICE”, and “UPGRADE”, respectively. When a user selects the user interface tab 408A to return to the view of the dynamic graphic 402, the customized text items 406A-406C are reflected on the dynamic graphic 402 as illustrated in FIG. 7. According to embodiments, a user interface button 206N may also be provided which, when selected, will cause the modifications to the list 504 to be applied to the dynamic graphic. The user interface button 206P may be selected to cancel any modifications to the list 504. As will be described in greater detail below, a Web service call is performed to the Web service 118 with the modified text items 406A-406C to generate the updated dynamic graphic 402 shown in FIG. 7. In another embodiment, the Web service 118 is called to process modifications to the list 504 in real-time as the modifications are made. In this manner, the list 504 and the dynamic graphic 402 are updated in real-time. Because the modifications to the list 504 are processed as they are made, the user interface button 206N is not utilized in this embodiment.

According to other aspects, the user interface illustrated in FIG. 5 also provides functionality for modifying the order of the text items 406A-406C in the list 504. For instance, in one embodiment the user interface button 206J may be selected to promote a selected text item 406 in the list 504. The user interface button 206K may be similarly selected to demote a selected text item 206 in the list 504. Modifications to the order of the text items 406A-406C will be reflected in the dynamic graphic 402.

According to embodiments, the user interface button 206L may also be selected to add a new text item to the list 504, and the user interface button 206M may be selected to remove a text item from the list 504. As discussed above, these modifications are reflected in the dynamic graphic 402 through a Web service call to the Web service 118. In response to such a call, the Web service 118 generates a new dynamic graphic 402. Additional details regarding this process are provided below with respect to FIGS. 10A-10B.

Referring now to FIG. 8, additional details will be provided regarding one user interface disclosed herein for modifying the layout type of the dynamic graphic 402. In particular, FIG. 8 is a screen display 200G generated by the Web browser 110 that illustrates functionality provided herein for modifying the layout type of the dynamic graphic 402. As discussed briefly above, the user interface buttons 302A-302C may be utilized to display thumbnails of the available layout types. Selection of one of the user interface buttons 302A-302C will cause the dynamic graphic 402 to be reformatted according to the layout type corresponding to the selected user interface button.

In one example shown in FIG. 8, the user interface button 302B has been selected using the mouse cursor 212. In response to such a selection, a Web service call is made to the Web service 118 to regenerate the dynamic graphic 402 in a layout type corresponding to the thumbnail shown on the user interface button 302B. In this example, the layout type for the dynamic graphic 402 has been changed from the process diagram shown previously to a cycle diagram as shown in FIG. 8. As a result, the shapes 406A-406C have been changed to circles, resized, and re-positioned. The text items 404A-404C within each of the shapes 406A-406C remain the same. This modification is accomplished through a call to the Web service 118 following the selection of the user interface button 302B. Additional details regarding this process will be provided below with respect to FIGS. 10A-10B.

Turning now to FIG. 9, additional details will be provided regarding one user interface provided herein for modifying the visual style of the dynamic graphic 402. In particular, FIG. 9 is a screen display 200H generated by the Web browser 110 that illustrates functionality provided herein for modifying the visual style of the dynamic graphic 402. As discussed briefly above, the user interface buttons 410A-410C may be utilized to display thumbnails corresponding to different visual styles for the dynamic graphic 402. Selection of one of the user interface buttons 410A-410C will cause the dynamic graphic 402 to be reformatted according to the visual style corresponding to the selected user interface button.

In the example shown in FIG. 9, the user interface button 410A has been selected using the mouse cursor 212. In response to such a selection, a Web service call is made to the Web service 118 to regenerate the dynamic graphic 402 in a visual style corresponding to the thumbnail shown on the user interface button 410A. In this example, the visual style for each of the shapes 404A-404C has been modified. It should be appreciated that the color of all of the shapes in the dynamic graphic, or one shape individually, may be modified in a similar manner. Additional details regarding the communication with the Web service 118 for modifying the visual style of the dynamic graphic 402 will be provided below with respect to FIGS. 10A-10B.

Referring now to FIGS. 10A-10B, additional details will be provided regarding the embodiments presented herein for creating and editing a dynamic graphic via a Web interface. In particular, FIGS. 10A-10B are flow diagrams showing a routine 1000 and a routine 1050 that together illustrate aspects of the operation of the client computer 102 and the server computer 104 for providing the functionality described herein for creating and editing a dynamic graphic via a Web interface. The routine 1000 illustrates the operation of the client computer 102 in this regard while the routine 1050 illustrates the operation of the server computer 104. The routines 1000 and 1050 are discussed together herein.

It should be appreciated that the logical operations described herein are implemented (1) as a sequence of computer implemented acts or program modules running on a computing system and/or (2) as interconnected machine logic circuits or circuit modules within the computing system. The implementation is a matter of choice dependent on the performance and other requirements of the computing system. Accordingly, the logical operations described herein are referred to variously as states operations, structural devices, acts, or modules. These operations, structural devices, acts and modules may be implemented in software, in firmware, in special purpose digital logic, and any combination thereof. It should also be appreciated that more or fewer operations may be performed than shown in the figures and described herein. These operations may also be performed in a different order than those described herein.

The routine 1000 begins at operation 1002, where the Web browser 110 executing on the client computer 102 requests a page of the Web site 116 from the server computer 104. The server computer 104 receives the request at operation 1052 of the routine 1050. The server computer 104 returns the requested page to the Web browser 110 at operation 1054 of the routine 1050. The client computer 102 receives the page of the Web site 116 at operation 1004 and renders the page. The screen display provided by the Web browser 110 following the rendering of the page may appear similar to the screen display 200A described above with respect to FIG. 2.

From operation 1004, the routine 1000 continues to operation 1006, where the Web browser 110 receives a request to insert a new dynamic graphic 402 into the slide 202. As discussed above with respect to FIGS. 2-3, such a request may come in the form of a user selection of the user interface button 206C. In response to receiving such a request, the Web browser 110 transmits a request to the Web service 118 for data identifying the available layout types for a new dynamic graphic 402. As discussed above, in one implementation the Web service 118 provides thumbnails 302A-302F that graphically illustrate the available layout types for a new dynamic graphic 402 in response to such a request. The Web service 118 receives this request and returns the thumbnails at operations 1056 and 1058 of the routine 1050, respectively. Each of the thumbnails 302A-302F may be associated with a parameter that uniquely identifies a corresponding layout type.

At operation 1010, the Web browser 110 receives the thumbnails 302A-302F and displays the dialog box 300 discussed above with reference to FIG. 3. A selection is then received from a user at operation 1012 of one of the available layout types. For instance, a user may utilize the mouse cursor 212 to select a thumbnail 302A-302F corresponding to the desired layout type. This process is discussed in detail above with respect to FIG. 3. From operation 1012, the routine 1000 continues to operation 1014, illustrated in FIG. 10B.

At operation 1014, the Web browser 110 transmits a request to the Web service 118 for the dynamic graphic 402. According to embodiments, several parameters are included with the request. For instance, the request may include the list 502 of text items 406A-406C that are utilized to generate the dynamic graphic 402. Data identifying the selected layout type for the dynamic graphic may also be transmitted in the request. As discussed above, the Web service 118 utilizes this data to layout and render the dynamic graphic 1014 in the specified layout type, including shapes corresponding to each of the text items 406A-406C in the list 502. According to other embodiments, additional parameters may also be included with the request, including data identifying a style and a color for the dynamic graphic 402. The Web service 118 likewise uses these parameters to generate the dynamic graphic 402 in the desired visual style and color.

The Web service 118 receives the request for a dynamic graphic 402 at operation 1060 of the routine 1050. In response to receiving the request, the Web service 118 lays out and renders the dynamic graphic 402 at operation 1062 in the manner described above. The rendered dynamic graphic 402 is returned to the Web browser 110 in response to the request at operation 1064 of the routine 1050. It should be appreciated that the dynamic graphic 402 may be rendered using a standard graphic file format suitable for transmission on the Web, such as the Portable Network Graphics (“PNG”) format.

The Web browser 110 receives the dynamic graphic 402 at operation 1016 and displays the dynamic graphic 402 as described above with respect to FIGS. 2-9. The routine 1000 then continues to operation 1020, where the client-side code 112 determines whether a request has been made to modify the dynamic graphic, such as the modification of the text items contained in the graphic or a modification to the layout, style, or color of the dynamic graphic 402. User interfaces for modifying these aspects of the dynamic graphic 402 are described above with reference to FIGS. 4-9.

If, at operation 1020, it is determined that the dynamic graphic 402 has been modified, the routine 1000 continues to operation 1022 where a second request is transmitted to the Web service 118 for a dynamic graphic 402. The second request includes parameters corresponding to the modifications to the dynamic graphic 402. For instance, if the layout of the dynamic graphic 402 was modified, the request transmitted at operation 1022 would include data identifying the modified layout type for the dynamic graphic 402. Similarly, if the list 504 of text items 406A-406C, the style, or the color of the dynamic graphic 402 were modified, the request transmitted at operation 1022 would include a modified list of text items, data identifying the modified style, and/or data identifying the modified color, respectively. Such a request may be transmitted to the Web service 118 each time a modification to the dynamic graphic 402 is made. Alternatively, a sequence of modifications may be recorded and transmitted to the Web service 118 all at once to conserve network bandwidth.

The Web service 118 receives the second request for a dynamic graphic 402 at operation 1066 of the routine 1050. In response to receiving the request, the Web service 118 lays out and renders the modified dynamic graphic 402 at operation 1068 in the manner described above. The Web service 118 then returns the rendered dynamic graphic 402 to the Web browser 110 in response to the request at operation 1070 of the routine 1050. From operation 1070, the routine 1050 continues to operation 1072, where it ends.

At operation 1024 of the routine 1000, the Web browser 110 receives and displays the modified dynamic graphic. The routine 1000 then continues to operation 1026, where a determination is made as to whether additional modifications have been made to the dynamic graphic 402. If so, the routine 1000 returns to operation 1022, described above, where the modifications are processed by sending additional requests to the Web service 118 for the dynamic graphic 402. If no additional modifications have been made, the routine 1000 continues to operation 1028, where it ends.

It should be appreciated that, according to embodiments, the Web service 118 operates in a stateless mode of operation. In this mode of operation, the Web service 118 does not maintain any information regarding the state of the dynamic graphic 402. Each time the Web browser 110 transmits a request for a dynamic graphic 402, all of the parameters are provided. In this manner, the Web service 118 can remain stateless with respect to the Web browser 110.

According to other implementations, the Web service 118 operates in a stateful mode of operation wherein it maintains the state of the dynamic graphic 402. For instance, the Web service 118 may maintain data identifying the layout type, list 504 of text items 406, style, and color, for the dynamic graphic 402. In this manner, the Web browser 110 only needs to transmit changed parameters to the Web service 118 rather than all of the parameters, thereby saving network bandwidth. This mode of operation may be useful when multiple users are concurrently permitted to edit the presentation slide 202 and the dynamic graphic 402.

FIG. 11 shows an illustrative computer architecture for a computer 1100 capable of executing the software components described herein for creating and editing dynamic graphics via a Web interface in the manner presented above. The computer architecture shown in FIG. 11 illustrates a conventional desktop, laptop, or server computer and may be utilized to execute any aspects of the software components presented herein described as executing on the client computer 102 or the server computer 104.

The computer architecture shown in FIG. 11 includes a central processing unit 1102 (“CPU”), a system memory 1108, including a random access memory 1114 (“RAM”) and a read-only memory (“ROM”) 1116, and a system bus 1104 that couples the memory to the CPU 1102. A basic input/output system containing the basic routines that help to transfer information between elements within the computer 1100, such as during startup, is stored in the ROM 1116. The computer 1100 further includes a mass storage device 1110 for storing an operating system 1118, application programs, and other program modules, which are described in greater detail herein.

The mass storage device 1110 is connected to the CPU 1102 through a mass storage controller (not shown) connected to the bus 1104. The mass storage device 1110 and its associated computer-readable media provide non-volatile storage for the computer 1100. Although the description of computer-readable media contained herein refers to a mass storage device, such as a hard disk or CD-ROM drive, it should be appreciated by those skilled in the art that computer-readable media can be any available computer storage media that can be accessed by the computer 1100.

By way of example, and not limitation, computer-readable media may include volatile and non-volatile, removable and non-removable media implemented in any method or technology for storage of information such as computer-readable instructions, data structures, program modules or other data. For example, computer-readable media includes, but is not limited to, RAM, ROM, EPROM, EEPROM, flash memory or other solid state memory technology, CD-ROM, digital versatile disks (“DVD”), HD-DVD, BLU-RAY, or other optical storage, magnetic cassettes, magnetic tape, magnetic disk storage or other magnetic storage devices, or any other medium which can be used to store the desired information and which can be accessed by the computer 1100.

According to various embodiments, the computer 1100 may operate in a networked environment using logical connections to remote computers through a network such as the network 106. The computer 1100 may connect to the network 106 through a network interface unit 1106 connected to the bus 1104. It should be appreciated that the network interface unit 1106 may also be utilized to connect to other types of networks and remote computer systems. The computer 1100 may also include an input/output controller 1112 for receiving and processing input from a number of other devices, including a keyboard, mouse, or electronic stylus (not shown in FIG. 11). Similarly, an input/output controller may provide output to a display screen, a printer, or other type of output device (also not shown in FIG. 11).

As mentioned briefly above, a number of program modules and data files may be stored in the mass storage device 1110 and RAM 1114 of the computer 1100, including an operating system 1118 suitable for controlling the operation of a networked desktop, laptop, or server computer. The mass storage device 1110 and RAM 1114 may also store one or more program modules. In particular, the mass storage device 1110 and the RAM 1114 may store the Web browser 110, client-side code 112, and the Web service 118, each of which was described in detail above with respect to FIGS. 1-10B. The mass storage device 1110 and the RAM 1114 may also store other types of program modules.

Based on the foregoing, it should be appreciated that technologies for creating and editing a dynamic graphic via a Web user interface are provided herein. It should be appreciated that the user interface controls shown in the FIGURES and described herein are merely illustrative and that any suitable user interface control or screen layout may be utilized. It should also be appreciated that other client- or server-side applications, scripts, or other program components may utilize the Web service 118 provided herein programmatically without the provision of a user interface for creating or editing the dynamic graphic. In these embodiments, a program component may call the Web service 118 in the manner described herein to generate a dynamic graphic. The program component may then utilize the dynamic graphic for any suitable purpose. Additional calls may be made to modify the dynamic graphic as presented herein. It should also be appreciated that other properties of a dynamic graphic, including properties unrelated to the visual appearance of a dynamic graphic, may be modified using the technologies and concepts presented herein.

It should also be appreciated that although the subject matter presented herein has been described in language specific to computer structural features, methodological acts, and computer readable media, the invention defined in the appended claims is not necessarily limited to the specific features, acts, or media described herein. Rather, the specific features, acts and mediums are disclosed as example forms of implementing the claims.

The subject matter described above is provided by way of illustration only and should not be construed as limiting. Various modifications and changes may be made to the subject matter described herein without following the example embodiments and applications illustrated and described, and without departing from the true spirit and scope of the present invention, which is set forth in the following claims.

Claims

1-20. (canceled)

21. A system comprising: a processor; anda memory communicatively coupled to the processor, the memory having computer-executable instructions that when executed by the processor, provides a method for creating a dynamic graphic, the method comprising: receiving a first request for a first dynamic graphic, the first request including a first layout for a first set of shape elements and a list of text elements, wherein each shape element of the first set of shape elements is associated with a text element in the list of text elements;generating the first dynamic graphic based upon the first request, wherein the first dynamic graphic comprises the first set of shape elements in the first layout, wherein each shape element of the first set of shape elements includes the text element with which the shape element is associated;returning the first dynamic graphic in response to the first request;receiving an indication to change the first dynamic graphic to a second layout, wherein the second layout includes a second set of shape elements;generating a second dynamic graphic based on the indication, wherein the second dynamic graphic includes the second set of shape elements and wherein each shape element of the second set of shape elements is associated with a text element in the list of text elements; andreturning the second dynamic graphic in response to the second request.

22. The system of claim 21, wherein the list of text elements comprises at least two text elements.

23. The system of claim 22, wherein the first text element is associated with a first shape element in the first set of shape elements and wherein the second text element is associated with a second shape element in the first set of shape element.

24. The system of claim 23, further comprising receiving an indication to reorder the list of text elements, wherein the indication orders the second text element before the first text element.

25. The system of claim 24, further comprising updating the dynamic graphic so that the second text element is associated with the first shape element and the first text element is associated with the second shape element.

26. The system of claim 21, wherein the first layout is selected from a set of layout types, the layout types comprising a process diagram, a list diagram, a hierarchy diagram, a relationship diagram, a matrix diagram, and a pyramid diagram.

27. The system of claim 26, wherein the second layout is selected from the set of layout types, and wherein the second layout comprises a different layout type than the first layout.

28. A method for creating a dynamic graphic, the method comprising: receiving a first request for a first dynamic graphic, the first request including a first layout for a first set of shape elements and a list of text elements, wherein each shape element of the first set of shape elements is associated with a text element in the list of text elements;generating the first dynamic graphic based upon the first request, wherein the first dynamic graphic comprises the first set of shape elements in the first layout, wherein each shape element of the first set of shape elements includes the text element with which the shape element is associated;returning the first dynamic graphic in response to the first request;receiving an indication to change the first dynamic graphic to a second layout, wherein the second layout includes a second set of shape elements;generating a second dynamic graphic based on the indication, wherein the second dynamic graphic includes the second set of shape elements and wherein each shape element of the second set of shape elements is associated with a text element in the list of text elements; andreturning the second dynamic graphic in response to the second request.

29. The method of claim 28, wherein the list of text elements comprises at least two text elements.

30. The method of claim 29, wherein the first text element is associated with a first shape element in the first set of shape elements and wherein the second text element is associated with a second shape element in the first set of shape element.

31. The method of claim 30, further comprising receiving an indication to reorder the list of text elements, wherein the indication orders the second text element before the first text element.

32. The method of claim 31, further comprising updating the dynamic graphic so that the second text element is associated with the first shape element and the first text element is associated with the second shape element.

33. The method of claim 28, wherein the first layout is selected from a set of layout types, the layout types comprising a process diagram, a list diagram, a hierarchy diagram, a relationship diagram, a matrix diagram, and a pyramid diagram.

34. The method of claim 33, wherein the second layout is selected from the set of layout types, and wherein the second layout comprises a different layout type than the first layout.

35. One or more computer storage media having computer-executable components that upon execution perform a method for creating a dynamic graphic, the method comprising: receiving a first request for a first dynamic graphic, the first request including a first layout for a first set of shape elements and a list of text elements, wherein each shape element of the first set of shape elements is associated with a text element in the list of text elements;generating the first dynamic graphic based upon the first request, wherein the first dynamic graphic comprises the first set of shape elements in the first layout, wherein each shape element of the first set of shape elements includes the text element with which the shape element is associated;returning the first dynamic graphic in response to the first request;receiving an indication to change the first dynamic graphic to a second layout, wherein the second layout includes a second set of shape elements;generating a second dynamic graphic based on the indication, wherein the second dynamic graphic includes the second set of shape elements and wherein each shape element of the second set of shape elements is associated with a text element in the list of text elements; andreturning the second dynamic graphic in response to the second request.

36. The one or more computer storage media of claim 35, wherein the list of text elements comprises at least two text elements.

37. The one or more computer storage media of claim 36, wherein the first text element is associated with a first shape element in the first set of shape elements and wherein the second text element is associated with a second shape element in the first set of shape element.

38. The one or more computer storage media of claim 37, further comprising receiving an indication to reorder the list of text elements, wherein the indication orders the second text element before the first text element.

39. The one or more computer storage media of claim 38, further comprising updating the dynamic graphic so that the second text element is associated with the first shape element and the first text element is associated with the second shape element.

40. The one or more computer storage media of claim 35, wherein the first layout is selected from a set of layout types, the layout types comprising a process diagram, a list diagram, a hierarchy diagram, a relationship diagram, a matrix diagram, and a pyramid diagram.