经由web界面创建并编辑动态图的制作方法

专利名称：经由web界面创建并编辑动态图的制作方法
经由web界面创建并编辑动态图背景桌面生产力软件应用程序允许用户创建文字处理文档、电子表格文档、演示文档 以及其他种类的文档。这些类型的生产力软件应用程序通常还提供用于创建复杂图形的 高级功能。例如，通过使用特定桌面演示应用程序，用户可以创建包括动态图(也被称为 SmartArt 图)的演示文档。动态图包括被动态地添加、定位、并调整大小以适应指定文本数据的可能无限数 量的形状。例如，一种类型的动态图是流程图，其中在每次向流程图添加新数据元素时动态 地添加、调整大小、以及定位新形状。动态图允许用户容易地创建包括文本或数字数据的复 杂且高度抛光的图表。不幸的是，用于创建动态图的能力先前被限于桌面生产力软件应用程序。如果用 户不具有本地安装的能够创建动态图的软件应用程序，则对用户而言，创建带有文本的具 有专业外观的图形是困难和艰苦的过程。对用户而言，修改图形以改变该图形的内容、布 局、样式、色彩、或其他视觉特征同样是困难的。此处所做出的本发明正是对于这些和其他考虑事项而提出的。概述本文描述了用于经由万维网(“web”)界面创建和编辑动态图的技术。具体而言， 通过使用此处呈现的各实施例，可以在web浏览器应用程序内而非通过使用桌面生产力软 件应用程序来创建和编辑动态图。这允许用户即使在能够创建动态图的全特征桌面生产力 软件应用程序不可用时也可创建和编辑动态图。根据此处呈现的一个方面，提供并展示用于响应于从基于web的客户机接收到的 web服务请求来生成动态图的web服务。具体而言，该web服务被配置成接收来自客户计算 机的对动态图的请求。响应于这样的请求，该web服务生成所请求的动态图并将该图返回 给客户计算机。根据其他方面，该web服务接收到的请求包括指定要如何生成该动态图的参数。 例如，在一个实现中，该请求包括文本项列表连同标识动态图的布局类型的数据。该web服 务利用该文本项列表和标识布局类型的数据来生成所请求的动态图。例如，可以生成具有 与根据指定布局类型安排的文本项相对应的形状的动态图。根据其他方面，该请求还可包 括标识该动态图的视觉样式和一组色彩的参数。该web服务可以利用这些参数以该请求所 指定的视觉样式和色彩来生成动态图。视觉样式是定义动态图的视觉方面的属性的集合。 例如，一种样式可定义动态图的一组色彩、视觉效果、字体、以及其他属性。根据此处呈现的其他方面，提供了用于创建动态图的web界面。在一个实现中，用 户界面经由用于指定文本项列表和动态图的布局类型的web浏览器应用程序来提供。生成 动态图的请求也可以通过该用户界面来接收。响应于接收到这样的请求，将该对动态图的 请求传送到web服务。该请求可包括标识文本项列表和布局类型的参数。随后经由web浏 览器从该web服务接收并显示所请求的动态图。该用户界面还可提供用于指定动态图的视 觉样式和色彩的功能。也可以通过使用该用户界面来修改动态图。
4
应当理解，上述主题也可被实现为计算机控制的装置、计算机进程、计算系统或诸 如计算机可读介质等制品。通过阅读下面的详细描述并审阅相关联的附图，这些及各种其 他特征将变得显而易见。提供本概述是为了以简化的形式介绍将在以下详细描述中进一步描述的一些概 念。本概述并不旨在标识所要求保护的主题的关键特征或必要特征，也不旨在将本概述用 来限制所要求保护的主题的范围。此外，所要求保护的主题不限于解决在本发明的任一部 分中提及的任何或所有缺点的实现方式。附图简述

图1是示出由此处所呈现的各实施例提供的说明性操作环境和若干软件组件的 各方面的网络和计算机体系结构图；图2-9是示出用于创建和编辑动态图的web浏览器应用程序所生成的说明性屏幕 显示的屏幕截图；图10A-10B是示出此处提供的用于经由web界面创建和编辑动态图的一个说明性 过程的各方面的流程图；以及图11是示出能够实现此处呈现的实施例的各方面的计算系统的说明性计算机硬 件和软件体系结构的计算机体系结构图。详细描述以下详细描述针对用于经由web界面创建和编辑动态图的技术。在下面的详细描 述中，将参考构成本发明的一部分的附图，并且在附图中作为说明示出了各具体实施例或 示例。现在参考附图，全部附图中相同的标号标识相同的元素，将描述用于经由web界面创 建和编辑动态图的技术。尽管在结合计算机系统上的操作系统和应用程序的执行而执行的程序模块的一 般上下文中呈现了此处描述的主题，但是本领域技术人员将认识到，其他实现可以结合其 他类型的程序模块来执行。一般而言，程序模块包括执行特定任务或实现特定抽象数据类 型的例程、程序、组件、数据结构和其他类型的结构。此外，本领域技术人员将明白，可以利 用其他计算机系统配置来实施此处描述的主题，这些计算机系统配置包括手持式设备、多 处理器系统，基于微处理器的或可编程消费电子产品、小型计算机、大型计算机等等。现在转向图1，将提供关于由此处呈现的各实施例所提供的说明性操作环境和若 干软件组件的细节。具体而言，图1示出能够提供用于经由web界面创建和编辑动态图的 功能的系统100的各方面。系统100包括客户计算机102和服务器计算机104。如图1所 示，客户计算机102以及服务器计算机104通过诸如网络106等一个或多个局域网和广域 网互连。应该理解，可利用比图1中示出的多得多的网络连接。在一个实施例中，图1中示出的客户计算机102包括能够执行操作系统和一个或 多个应用程序的标准台式或膝上型计算机系统。然而，应当明白，在其他实施例中，客户计 算机102包括另一类型的计算设备。例如，根据各实施例，客户计算机102可包括移动计算 设备，如移动电话、智能电话、超移动个人计算机、平板个人计算机、或另一类型的移动计算 设备。也可以用类似的方式利用其他设备。根据各实施例，客户计算机102可用于执行演示应用程序108。演示应用程序108 包括用于创建演示文档的桌面生产力软件应用程序。例如，在一个实现中，演示应用程序108包括来自华盛顿州雷蒙德市的微软公司的POWERPOINT演示应用程序。演示应用程序 108还提供用于创建供包括在演示文档中的动态图的功能。如上简要地讨论的，动态图是包 括被动态地添加、定位、以及调整大小来适应指定文本和数字数据的可能无限数量的形状 的图形。每一形状中可以出现任何数量的文本项(0…N)。如果客户计算机102未配备有演示应用程序108，则对客户计算机102的用户而 言，创建包括动态图的演示文档是困难或不可能的。为解决这一困难，此处呈现的各实施例 提供演示应用程序同伴网站116(“网站”)。网站116是向演示应用程序108提供同伴功能 的基于服务器的应用程序。具体而言，网站116所提供的应用程序包括用于通过使用在客 户计算机102上执行的标准web浏览器应用程序110( "web浏览器”)来创建演示文档的 功能。应当明白，虽然网站116在此被描述为可通过公共因特网来访问，但也能使网站116 可在专用内部网站上获得。此外，网站116可以通过此处描述的web浏览器来访问或通过 使用能够请求和呈现网站116的另一客户机应用程序来访问。网站116还提供用于经由web界面在演示文档内创建和编辑动态图的功能。应当 明白，虽然在提供用于创建和编辑演示文档的功能的网站116的上下文中讨论了此处呈现 的各实施例，但此处呈现的用于生成动态图的概念和技术不限于这样的环境。相反，可以与 实际上出于任何目的来配置的任何类型的网站并与其他类型的应用程序一起利用此处呈 现的用于生成动态图的概念和技术。服务器计算机104提供此处描述的网站116。服务器计算机104包括能够执行操 作系统和一个或多个其他程序的标准服务器计算机系统。具体而言，在此处呈现的各实施 例中，服务器计算机104执行被配置成接收并响应对网站116及其各组成资源的请求的web 服务器应用程序114。web服务118还结合供应网站116来在服务器计算机114上执行。如 以下更详细地描述地，web服务118提供用于响应于从web浏览器110接收到的请求来生 成动态图的功能。就此，web浏览器110可以执行客户机侧代码112。客户机侧代码112结 合网站116和web服务118来操作以提供此处描述的用户界面功能。客户机侧代码112可 包括用于结合网页的显示来执行客户机侧代码的JAVASCRIPT或另一合适技术。关于网站 116和web服务118所提供的功能的附加细节在以下参考图2-10B来提供。图2-9是示出此处呈现的各实施例中的web浏览器110所提供的说明性屏幕显示 的屏幕截图。现在参考图2，将呈现关于在一个实施例中的网站116所提供的功能的附加细 节。图2所示的屏幕显示200A示出web浏览器110所生成的网站116的呈现。具体而言， web浏览器110所生成的屏幕显示200A包括用于创建和编辑演示幻灯片202 ( “幻灯片”) 的用户界面。在一个实现中，示出了与使用网站116创建的幻灯片相对应的缩略图像(“缩 略图”)204A-204C。例如，缩略图204A与所显示的幻灯片202相对应。缩略图204B-204C 与web浏览器110未示出的幻灯片相对应。幻灯片202实际上可包含任何类型的内容，包括但不限于文本、静态图、表、视频、 声音、动画、以及其他类型的多媒体内容。可以使用适当的用户输入设备来选择用户界面按 钮206A、206B和206D以分别插入表、图片、或文本框。在一个实施例中，提供占位符210以 定义幻灯片202上将放置新插入对象的位置。根据其他实现，可以在不使用占位符210的 情况下在幻灯片202上的任何位置自由地插入新对象。网站116还可以提供在此未示出和 进一步描述的用于设计、编辑、审阅以及共享演示幻灯片的其他合适的用户界面。
6
根据各实施例，演示幻灯片202还可包括动态图。就此，提供用户界面按钮206C， 其在被选择时将启动用于在占位符210的位置处放置新动态图的过程。例如，如图2所示， 用户可以使用鼠标光标212或其他合适的用户输入设备选择用户界面按钮206C以开始这 一过程。在接收到这样的选择后，将对于标识新动态图的可用布局类型的数据的请求传送 到web服务118。随后显示可用布局类型并准许用户为新动态图选择可用布局类型之一。 以下参考图3来提供关于这一过程的附加细节。现在参考图3，将描述关于用于在幻灯片202上插入新动态图的一个过程的附加 细节。具体而言，图3示出在选择用户界面按钮206C之后，web浏览器110所生成的屏幕 显示200B。如上简要所述，选择用户界面按钮206C将使得向web服务118传送对标识新动 态图的可用布局类型的数据的请求。布局定义布置动态图内的各个形状的方式。例如，可 用图表类型可包括流程图、列表图、分层结构图、关系图、矩阵图、金字塔图、以及其他。在一个实施例中，响应于接收到对可用布局类型的请求，web服务118返回与可用 布局相对应的缩略图302A-302F。Web浏览器110在对话框300中显示缩略图302A-302F并 使其可供用户选择。缩略图302A与金字塔图相对应，缩略图302B-302D与循环图相对应， 缩略图302C与流程图相对应，缩略图302E与分层结构图相对应，并且缩略图302F与列表 图相对应。还可以提供其他类型的布局。为在幻灯片202上插入与可用布局类型之一相对应的动态图，用户可以利用适当 的用户输入设备来选择缩略图302A-302F之一。例如，如图3所示，可以使用鼠标光标212 选择缩略图302C。这使得将具有流程图布局的动态图插入到幻灯片202。用户可以选择用 户界面按钮206E来完成新动态图的插入或可以选择用户界面按钮206F来取消插入过程并 返回到图2所示的屏幕显示200A。一旦将新动态图置于幻灯片202上，则提供用户界面以 用于编辑或以其他方式修改该动态图。以下参考图4-9提供关于这一点的细节。现在参考图4，将描述关于此处提供的用于编辑新插入动态图402的用户界面的 附加细节。具体而言，图4示出在将新动态图402插入在幻灯片202上之后，web浏览器110 所生成的屏幕显示200C。如以上参考图3所讨论地，在用户选择了所需布局类型后，web服 务118生成动态图402。以下参考图10A-10B提供关于web浏览器110与web服务118之 间用于生成动态图402的通信的细节。图4所示的示例性动态图402是包括形状404A-404C的流程图。还分别在形状 404A-404C中的每一个内提供文本项406A-406C。在创建新动态图时将默认占位符文本插 入到形状404A-404C中的每一个内。在一个实施例中，用户可以通过使用适当的用户输入 设备选择该文本并键入新文本来直接编辑文本项406A-406C。或者，可以提供用于编辑文 本、添加新形状、安排各形状的次序、以及执行其他功能的另一用户界面。可以响应于使用 诸如鼠标光标212等适当的用户输入机制对用户界面选项卡408B或用户界面按钮206G的 选择来显示这样的界面。以下参考图5-6详细地描述一个这样的用户界面。在使用图5-6所 示并在以下描述的用户界面编辑了动态图402后，用户可以通过选择用户界面选项卡408A 来返回到图4所示的用户界面。根据各实施例，还可以提供用于修改动态图402的布局、用于改变动态图402的色 彩、以及用于修改动态图402的视觉样式的用户界面。例如，在一个实施例中，可以利用用 户界面按钮302A-302C来显示可用布局类型的缩略图。对用户界面按钮302A-302C之一的选择将使得根据与所选用户界面按钮相对应的布局类型重新格式化动态图402。对web服 务118的调用返回经修改的动态图402。根据其他实施例，客户机侧代码112可以监视鼠标光标212的位置。如果鼠标光 标212 “悬停”在用户界面按钮302A-302C之一的上方，则针对经更新动态图402对web服 务118进行调用。随后可以向用户显示动态图402以提供与用户界面按钮302A-302C相对 应的布局的实况预览。将在以下参考图8提供关于动态图402的布局类型的修改的附加细 节。可以用与按钮302A-302C相类似的方式利用用户界面按钮410A-410C来修改动 态图402的视觉样式。例如，可以通过选择按钮410A-410C来应用样式以用于修改动态图 402的材质、三维属性、轮廓属性、填充属性、以及阴影。也可以用类似的方式修改其他视觉 方面。还可以用上述类似方式提供可用样式的实况预览。应当明白，还可以提供其他用户 界面控件以向用户示出大量可用布局类型和样式。还可以提供用户界面按钮2061，其在被 选择时将动态图402复位成其原始视觉状态。将在以下参考图9提供关于动态图402的视 觉样式的修改的附加细节。现在转向图5，将提供关于此处提供的用于编辑动态图402的一个用户界面的附 加细节，编辑动态图包括编辑文本项406A-406C、添加新形状、安排各形状的次序、以及执行 其他功能。具体而言，图5示出在用户使用诸如鼠标光标212等适当的用户输入设备选择 用户界面选项卡408B后，web浏览器110所生成的屏幕截图200D。图5所示的用户界面包括示出与动态图402中的形状404A-404C相对应的所有文 本项406A-406C的列表504。列表504的内容由web服务118用来布置并呈现适当的动态 图402。例如，图5所示的说明性列表504包括三个文本项406A-406C。结果，基于列表504 生成的动态图402将包括三个形状404A-404C，每一形状分别包含文本项406A-406C之一。将新文本项添加到列表504将使得以视觉上适当的方式将附加形状添加到动态 图402。从列表504移除文本项406A-406C之一将使得适当地调整与剩余文本项相对应 的形状的布局。一种用于以此方式布置动态图中的形状的机制在2006年9月21日公 布的题为"METHOD ANDCOMPUTER-READABLE MEDIUM FOR GENERATING GRAPHICSHAVING A FINITE NUMBER OF DYNAMICALLY SIZED ANDP0SITI0NED SHAPES(用于生成具有有限数 量的动态调整的大小和定位的形状的图形的方法和计算机可读介质)”的美国专利公布 US2006/0209093A1中描述，其被转让给本专利申请的受让人并且其整体明确地通过引用结 合于此。 根据各实施例，可以直接选择并编辑文本项406A-406C来改变它们的内容。例如， 在图6所示的一个示例中，分别用自定义文本“部署”、“服务”、以及“升级”来替换了文本 项406A-406C的默认文本。如图7所示，在用户选择用户界面选项卡408A以返回到动态图 402的视图时，在动态图402上反映定制的文本项406A-406C。根据各实施例，还可以提供 用户界面按钮206N，其在被选择时将使得对列表504的修改被应用于动态图。可以选择用 户界面按钮206P来取消对列表504的任何修改。如将在以下更详细地描述的，使用经修改 的文本项406A-406C执行对web服务118的web服务调用以生成图7所示的经更新的动态 图402。在另一实施例中，调用web服务118以在对列表504作出修改时实时地处理这些修 改。以此方式，实时地更新列表504和动态图402。在该实施例中，因为在对列表504作出
8修改时处理了这些修改，所以不使用用户界面按钮206N。根据其他方面，图5所示的用户界面还提供用于修改文本项406A-406C在列表504 中的次序的功能。例如，在一个实施例中，可以选择用户界面按钮206J来在列表504中提 升所选文本项406。可以类似地选择用户界面按钮206K来在列表504中降级所选文本项 206。对文本项406A-406C的次序的修改将在动态图402中反映。根据各实施例，还可以选择用户界面按钮206L来向列表504添加新文本项，并且 可以选择用户界面按钮206M来从列表504移除文本项。如上所述，通过对web服务118的 web服务调用来在动态图402中反映这些修改。响应于这样的调用，web服务118生成新动 态图402。关于该过程的附加细节在以下参考图10A-10B来提供。现在参考图8，将提供关于此处公开的用于修改动态图402的布局类型的一个用 户界面的附加细节。具体而言，图8是web浏览器110所生成的示出此处所提供的用于修 改动态图402的布局类型的功能的屏幕截图200G。如以上简要讨论地，可以利用用户界面 按钮302A-302C来显示可用布局类型的缩略图。对用户界面按钮302A-302C之一的选择将 使得根据与所选用户界面按钮相对应的布局类型重新格式化动态图402。在图8所示的一个示例中，使用鼠标光标212选择了用户界面按钮302B。响应于 这样的选择，对web服务118进行web服务调用来以与在用户界面按钮302B上示出的缩略 图相对应的布局类型重新生成动态图402。在该示例中，动态图402的布局类型从先前所示 的流程图改变成图8所示的循环图。结果，形状406A-406C被改变成圆圈、重新确定大小、 并重新定位。形状406A-406C中的每一个内的文本项404A-404C保持不变。这一修改通过 在选择用户界面按钮302B之后调用web服务118来实现。将在以下参考图10A-10B提供 关于该过程的附加细节。现在转向图9，将提供关于此处提供的用于修改动态图402的视觉样式的一个用 户界面的附加细节。具体而言，图9是web浏览器110所生成的示出此处所提供的用于 修改动态图402的视觉样式的功能的屏幕截图200H。如以上简要讨论地，用户界面按钮 410A-410C可用来显示与动态图402的不同视觉样式相对应的缩略图。对用户界面按钮 410A-410C之一的选择将使得根据与所选用户界面按钮相对应的视觉样式重新格式化动态 图 402。在图9所示的示例中，使用鼠标光标212选择了用户界面按钮410A。响应于这样 的选择，对web服务118进行web服务调用来以与在用户界面按钮410A上示出的缩略图相 对应的视觉样式重新生成动态图402。在该示例中，修改形状404A-404C中的每一个的视觉 样式。应当明白，可以用类似的方式修改动态图中所有形状的色彩或一个单独形状的色彩。 以下将参考图10A-10B提供关于与web服务118的用于修改动态图402的视觉样式的通信 的附加细节。现在参考图10A-10B，将提供关于此处呈现的用于经由web界面创建和编辑动态 图的各实施例的附加细节。具体而言，图10A-10B是示出例程1000和例程1050的流程图， 这两个例程一起示出客户计算机102和用于提供此处描述的用于经由web界面创建和编辑 动态图的功能的服务器计算机104的操作的各方面。就此，例程1000示出客户计算机102 的操作，而例程1050示出服务器计算机104的操作。在此一起讨论例程1000和1050。应理解，此处所述的逻辑操作被实现为(1) 一系列计算机实现的动作或运行于计算系统上的程序模块，和/或(2)计算系统内的互连的机器逻辑电路或电路模块。取决于 计算系统的性能及其他要求，可以选择不同的实现。因此，此处描述的逻辑操作被不同地称 为状态操作、结构设备、动作或模块。这些操作、结构设备、动作和模块可用软件、固件、专用 数字逻辑以及它们的任何组合来实现。还应该明白，可以执行比附图中示出并在此处描述 的操作更多或更少的操作。这些操作还可以按与此处所描述的不同的次序来执行。例程1000在操作1002开始，其中在客户计算机102上执行的web浏览器110从 服务器计算机104请求网站116的页面。在例程1050的操作1052，服务器计算机104接收 该请求。在例程1050的操作1054，服务器计算机104将所请求的页面返回给web浏览器 110。在操作1004，客户计算机102接收网站116的页面并呈现该页面。在呈现该页面后， web浏览器110所提供的屏幕显示可以显现为与以上参考图2描述的屏幕显示200A类似。从操作1004，例程1000继续至操作1006，在那里web浏览器110接收将新动态图 402插入幻灯片202的请求。如以上参考图2-3所讨论的，这样的请求能以用户选择用户界 面按钮206C的形式出现。响应于接收到这样的请求，web浏览器110将对标识新动态图402 的可用布局类型的数据的请求传送到web服务118。如上所述，在一个实现中，响应于这样 的请求，web服务118提供图形地示出新动态图402的可用布局类型的缩略图302A-302F。 在例程1050从操作1056和1058，web服务118分别接收该请求并返回缩略图。可以将缩 略图302A-302F中的每一个与唯一地标识对应的布局类型的参数相关联。在操作1010，web浏览器110接收缩略图302A-302F并显示以上参考图3讨论的 对话框300。在操作1012，随后从用户接收对可用布局类型之一的选择。例如，用户可以利 用鼠标光标212来选择与所需布局类型相对应的缩略图302A-302F。以上参考图3详细地 讨论了这一过程。从操作1012，例程1000继续至图IOB所示的操作1014。在操作1014，web浏览器110将对动态图402的请求传送到web服务118。根 据各实施例，该请求包括若干参数。例如，该请求可包括被用来生成动态图402的文本项 406A-406C的列表502。也可以在该请求中传送标识动态图的所选布局类型的数据。如上所 述，web服务118利用这一数据来以指定布局类型布置并呈现动态图1014，包括与列表502 中的文本项406A-406C中的每一个相对应的形状。根据其他实施例，该请求还可包括附加 参数，包括标识动态图402的样式和色彩的数据。web服务118同样使用这些参数来以所需 视觉样式和色彩生成动态图402。在例程1050的操作1060，web服务118接收对动态图402的请求。在操作1062， 响应于接收到该请求，web服务118以上述方式布置并呈现动态图402。在例程1050的操 作1064，响应于该请求将所呈现的动态图402返回给web浏览器110。应当明白，可以使用 适用于在web上传输的标准图形文件格式来呈现动态图402，如可移植网络图形(“PNG”) 格式。在操作1016，如以上参考图2-9所描述的，web浏览器110接收动态图402并显示 动态图402。例程1000随后继续至操作1020，在那里客户机侧代码112确定是否作出修改 动态图的请求，如修改图形中包含的文本项或修改动态图402的布局、样式、或色彩。以上 参考图4-9描述了用于修改动态图402的这些方面的用户界面。在操作1020，如果确定动态图402已被修改，则例程1000继续至操作1022，在那 里将对动态图402的第二请求传送到web服务118。该第二请求包括与对动态图402的修改相对应的参数。例如，如果修改了动态图402的布局，则在操作1022传送的请求将包括标识 动态图402的经修改布局类型的数据。类似地，如果修改了动态图402的文本项406A-406C 列表504、样式、或色彩，则在操作1022传送的请求将分别包括经修改的文本项列表、标识 经修改样式的数据、和/或标识经修改色彩的数据。这样的请求可在每次作出对动态图402 的修改时传送到web服务118。或者，可以记录一系列修改并将其全部一次传送到web服务 118以节省网络带宽。在例程1050的操作1066，web服务118接收对动态图402的第二请求。在操作 1068，响应于接收到该请求，web服务118以上述方式布置并呈现经修改的动态图402。在 例程1050的操作1070，web服务118随后响应于该请求将所呈现的动态图402返回给web 浏览器110。从操作1070，例程1050继续至操作1072并在那里结束。在例程1000的操作1024，web浏览器110接收并显示经修改的动态图。例程1000 随后继续至操作1026，在那里作出关于是否对动态图402进行了附加修改的判定。如果是， 则例程1000返回到上述操作1022，在那里通过将对动态图402的请求发送到web服务118 来处理这些修改。如果未进行附加修改，则例程1000继续至操作1028并在那里结束。应当明白，根据各实施例，web服务118以无状态操作模式来操作。这一操作模式 中，web服务118不维护关于动态图402的状态的任何信息。每次web浏览器110传送对 动态图402的请求，都提供所有参数。以此方式，web服务118可以相对于web浏览器110 保持无状态。根据其他实现，web服务118以有状态操作模式来操作，其中它维护对等体402的 状态。例如，web服务118可以维护标识动态图402的布局类型、文本项406的列表504、样 式、以及色彩的数据。以此方式，web浏览器110只需要将改变的参数传送到web服务118 而非所有参数，从而节省网络带宽。这一操作模式在并发准许多个用户编辑演示幻灯片202 和动态图402时是有用的。图11示出用于能够执行此处所描述的用于以上述方式经由web界面创建和编辑 动态图的软件组件的计算机1100的说明性计算机体系结构。图11所示的计算机体系结构 示出常规台式、膝上型或服务器计算机，并可以用来执行此处呈现的被描述为在客户计算 机102或服务器计算机104上执行的软件组件的任何方面。图11所示的计算机体系结构包括中央处理单元1102 ( “CPU”)、包括随机存取存 储器1114( “RAM”)和只读存储器(“R0M”)1116的系统存储器1108、以及将存储器耦合至 CPU 1102的系统总线1104。基本输入/输出系统被存储在ROM 1116中，该系统包含帮助 诸如在启动期间在计算机1100中的元件之间传递信息的基本例程。计算机1100还包括用 于存储操作系统1118、应用程序和其他程序模块的大容量存储设备1110，这将在本文中更 为详尽地描述。大容量存储设备1110通过连接至总线1104的大容量存储控制器(未示出)连接 到CPU 1102。大容量存储设备1110及其相关联的计算机可读介质为计算机1100提供非易 失性存储。虽然对这里包含的计算机可读介质的描述引用了诸如硬盘或CD-ROM驱动器之 类的大容量存储设备，但是本领域的技术人员应该明白，计算机可读介质可以是可由计算 机1100访问的任何可用计算机存储介质。作为示例而非限制，计算机可读介质可以包括以用于存储诸如计算机可读指令、
11数据结构、程序模块之类的信息或其他数据的任何方法或技术实现的易失性和非易失性、 可移动和不可移动介质。例如，计算机可读介质包括但不限于，RAM、R0M、EPR0M、EEPR0M、闪 存或其他固态存储器技术、⑶-ROM、数字多功能盘(“DVD”)、HD-DVD、蓝光(BLU-RAY)或其 他光学存储、磁带盒、磁带、磁盘存储或其他磁性存储设备、或能用于存储所需信息且可以 由计算机1100访问的任何其他介质。根据各实施例，计算机1100可以使用通过诸如网络106之类的网络到远程计算机 的逻辑连接来在联网环境中操作。计算机1100可以通过连接至总线1104的网络接口单元 1106来连接到网络106。应该明白，网络接口单元1106还可以被用来连接到其他类型的网 络和远程计算机系统。计算机1100还可以包括用于接收和处理来自多个其它设备的输入 的输入/输出控制器1112，这些设备包括键盘、鼠标或者电子指示笔(未在图11中示出)。 类似地，输入/输出控制器可以提供至显示屏、打印机或其他类型的输出设备(也未在图11 中示出)的输出。如前简述的那样，多个程序模块和数据文件可以存储在计算机1100的大容量存 储设备1110和RAM 1114内，包括适于控制联网的台式计算机、膝上型计算机或服务器计算 机的操作的操作系统1118。大容量存储设备1110和RAM 1114还可以存储一个或多个程序 模块。具体而言，大容量存储设备1110和RAM 1114可存储web浏览器110、客户机侧代码 112、以及web服务118，其每一个都在上文参考图1-10B详细描述。大容量存储设备1110 和RAM 1114还可存储其他类型的程序模块。基于上述内容，应当明白，此处提供了用于经由web界面创建和编辑动态图的技 术。应当明白，在各附图中示出并在此处描述的用户界面控件仅仅是说明性的并且可以利 用任何合适的用户界面控件或屏幕布局。还应当明白，其他客户机侧或服务器侧应用程序、 脚本、或其他程序组件可以在程序上利用此处提供的web服务118而不提供用于创建或编 辑动态图非用户界面。在这些实施例中，程序组件能以此处描述的方式调用web服务118 来生成动态图。程序组件随后可以出于任何合适的目的来利用动态图。如此处所呈现地， 可以进行附加调用以修改动态图。还可以明白，可以使用此处提出的技术和概念来修改动 态图的其他属性，包括与动态图的视觉外观不相关的属性。还应当明白，虽然用对计算机结构特征、方法动作和计算机可读介质专用的语言 描述了此处提出的主题，但所附权利要求书中定义的本发明不必限于此处所描述具体特 征、动作或介质。相反，这些具体特征、动作和介质是作为实现权利要求的示例形式来公开 的。上述主题仅作为说明提供，并且不应被解释为限制。可对此处所述的主题作出各 种修改和改变，而不必遵循所示和所述的示例实施例和应用，且不背离所附权利要求书中 所述的本发明的真正精神和范围。
权利要求
一种用于经由万维网(web)界面创建动态图(402)的方法，所述方法包括在服务器计算机(104)展示web服务(118)在所述web服务(118)接收对动态图(402)的请求；响应于接收到所述请求，基于所述请求生成所述动态图(402)以及响应于所述请求返回所述动态图(402)。
2.如权利要求1所述的方法，其特征在于，所述请求包括所述动态图的文本项列表和 标识所述动态图的布局类型的数据。
3.如权利要求2所述的方法，其特征在于，生成所述动态图包括生成具有与所述布局 类型相对应的类型并包括与在所述请求中标识的所述文本项相对应的形状的动态图。
4.如权利要求3所述的方法，其特征在于，所述请求还包括标识所述动态图的视觉样 式的数据。
5.如权利要求4所述的方法，其特征在于，生成所述动态图包括生成具有与在所述请 求中标识的所述视觉样式相对应的样式的动态图。
6.如权利要求5所述的方法，其特征在于，所述请求还包括标识所述动态图的一组色 彩的数据。
7.如权利要求6所述的方法，其特征在于，生成所述动态图包括以在所述请求中标识 的所述一组色彩来生成所述动态图。
8.一种用于经由万维网(web)界面创建动态图(402)的方法，所述方法包括经由web浏览器(110)提供用于指定所述动态图(402)的文本项列表(504)和所述动 态图(402)的布局类型的用户界面；在所述web服务(110)接收对生成所述动态图(402)的请求； 响应于接收到生成所述动态图(402)的所述请求，将对所述动态图(402)的请求传送 到web服务(118)，对所述动态图(402)的所述请求包括文本项列表(504)和标识所述动态 图(402)的布局类型的数据；从所述web服务(118)接收所述动态图(402)以及 经由所述web浏览器(110)显示接收到的动态图(402)。
9.如权利要求8所述的方法，其特征在于，还包括 确定所述动态图是否有属性被修改；响应于确定所述动态图的属性已被修改，将对所述动态图的第二请求传送到所述web 服务，对所述动态图的所述第二请求包括所述经修改的属性； 从所述web服务接收经修改的动态图；以及 经由所述web浏览器显示经修改的动态图。
10.如权利要求8所述的方法，其特征在于，还包括 确定所述文本项是否被修改；响应于确定所述文本项已被修改，将对所述动态图的第二请求传送到所述web服务， 对所述动态图的所述第二请求包括经修改的文本项列表； 从所述web服务接收经修改的动态图；以及 经由所述web浏览器显示经修改的动态图。
11.如权利要求8所述的方法，其特征在于，还包括确定所述布局类型是否被修改；响应于确定所述布局类型已被修改，将对所述动态图的第二请求传送到所述web服 务，对所述动态图的所述第二请求包括标识所述动态图的经修改的布局类型的数据； 从所述web服务接收经修改的动态图；以及 经由所述web浏览器显示经修改的动态图。
12.如权利要求8所述的方法，其特征在于，还包括在所述web浏览器内提供用于指定 所述动态图的样式的用户界面，并且其中传送到所述web服务的对所述动态图的请求还包 括标识所述样式的数据。
13.如权利要求12所述的方法，其特征在于，还包括 确定所述动态图的样式是否被修改；响应于确定所述样式已被修改，将对所述动态图的第二请求传送到所述web服务，对 所述动态图的所述第二请求包括标识所述动态图的经修改的样式的数据； 从所述web服务接收经修改的动态图；以及 经由所述web浏览器显示经修改的动态图。
14.如权利要求8所述的方法，其特征在于，还包括在所述web浏览器内提供用于指定 所述动态图的色彩的用户界面，并且其中传送到所述web服务的对所述动态图的请求还包 括标识所述色彩的数据。
15.如权利要求14所述的方法，其特征在于，还包括 确定所述动态图的色彩是否被修改；响应于确定所述色彩已被修改，将对所述动态图的第二请求传送到所述web服务，对 所述动态图的所述第二请求包括标识所述动态图的经修改的色彩的数据； 从所述web服务接收经修改的动态图；以及 经由所述web浏览器显示经修改的动态图。
16.一种其上存储有计算机可执行指令的计算机存储介质，所述指令在由计算机执行 时使得所述计算机展示用于基于所提供的一个或多个参数来生成动态图(402)的万维网(web)服务 (118)在所述web服务(118)接收对动态图(402)的请求，所述请求提供所述参数；响应于所述请求基于所述参数生成动态图(402)以及作为对于针对动态图(402)的请求的响应返回所述动态图(402)。
17.如权利要求15所述的计算机存储介质，其特征在于，所述参数指定所述动态图的 布局类型和文本项列表。
18.如权利要求16所述的计算机存储介质，其特征在于，所述参数还指定所述动态图 的样式。
19.如权利要求17所述的计算机存储介质，其特征在于，所述参数指定所述动态图的 色彩。
20.如权利要求18所述的计算机存储介质，其特征在于，所述web服务以无状态操作模 式或有状态操作模式来操作，其中在以所述有状态操作模式操作时，所述web服务维护标 识所述动态图的布局类型、文本项列表、样式、以及色彩的状态。
全文摘要
本文描述了用于经由万维网(“web”)界面创建和编辑动态图的技术。提供了用于响应于从客户计算机接收到的请求来生成动态图的web服务。响应于来自客户计算机的请求，web服务生成所请求的动态图并响应于该请求将所生成的动态图返回客户计算机。可以向web服务提供指示动态图的文本项的列表、布局类型、视觉样式、色彩、以及其他方面的参数。还提供用于在web浏览器应用程序内创建和编辑动态图的用户界面。
文档编号G06F3/048GK101910990SQ200880123232
公开日2010年12月8日 申请日期2008年11月27日 优先权日2007年12月28日
发明者L·沃尔德曼, R·E·小科尔鲍, S·H·道格拉斯, T·C·昂德希尔 申请人:微软公司