用于提供用户界面的方法和装置制造方法
【专利摘要】本公开涉及用于提供用户界面的方法和装置。一种用于在设备上呈现用户界面的计算机实现的方法包括以下步骤：在设备上加载用户界面，所述用户界面具有至少一个媒体元素；读取包括多个对象元素的媒体元素；基于所述设备的平台信息来选择所述媒体元素内的至少一个对象元素；以及使用所述至少一个对象元素中的参数集来呈现所述媒体元素的媒体内容。
【专利说明】用于提供用户界面的方法和装置
【技术领域】
[0001]本发明总地涉及计算机用户界面，更具体地涉及在多个平台上提供用户界面。
【背景技术】
[0002]用户界面通常被设计为促进人机之间的交互，以允许对机器进行操作和控制并且从该机器提供帮助操作者进行操作决策的反馈。计算机用户界面的设计是许多计算机应用程序的重要组成部分，并且可影响用户对应用程序的总体体验。
【发明内容】
[0003]在一个实施例中，本发明可被表征为用于在设备上呈现用户界面的计算机实现的方法。该方法包括以下步骤:在设备上加载用户界面，所述用户界面具有至少一个媒体元素；读取包括多个对象元素的媒体元素；基于所述设备的平台信息来选择所述媒体元素内的至少一个对象元素；并且使用所述至少一个对象元素中的参数集来呈现所述媒体元素的媒体内容。
[0004]在另一实施例中，本发明可被表征为存储程序的存储介质。该程序适于使基于处理器的设备执行包括以下步骤的步骤:在所述设备上加载用户界面，所述用户界面具有至少一个媒体元素；读取包括多个对象元素的媒体元素；基于所述设备的平台信息来选择所述媒体元素内的至少一个对象元素；并且使用所述至少一个对象元素中的参数集来呈现所述媒体元素的媒体内容。
[0005]在另一实施例中，本发明可被表征为用于提供用户界面的计算机实现的方法。该方法包括以下步骤:构造具有一个或多个媒体元素的用户界面；为所述一个或多个媒体元素中的至少一个媒体元素定义多个对象元素，每个对象元素与平台类相关联；并且将媒体元素参数集分配给所述多个对象元素中的每个对象元素。
【专利附图】
【附图说明】
[0006]从以下结合附图呈现的对本发明的更具体的描述，本发明的几个实施例的以上和其他方面、特征和优点将更清楚。
[0007]图1是根据本发明的一些实施例的系统的简化框图。
[0008]图2是显示根据本发明的一些实施例提供用户界面的方法的过程图。
[0009]图3是显示根据本发明的一些实施例呈现用户界面的方法的过程图。
[0010]技术人员将意识到，附图中的元素是为了简单和清晰而示出的，不一定按比例绘制。例如，附图中的一些元素的尺寸可相对于其他元素扩大以帮助增进对本发明的各种实施例的理解。此外，通常不对在商业上可行的实施例中的有用的或必要的常见且被充分理解的元素进行描述，以便便于较少地妨碍对本发明的这些各种实施例的见解。
【具体实施方式】[0011]以下描述不要从限制意义上来看待，而是仅出于描述示例性实施例的概括原理的目的而进行的。应当参照权利要求书来确定本发明的范围。
[0012]在整个本说明书中对“一个实施例”、“实施例”或类似语言的论述意指与实施例结合描述的特定的特征、结构或特性包括在本发明的至少一个实施例中。因此，短语“在一个实施例中”、“在实施例中”和类似语言在整个本说明书中的出现可以，但不一定，全都指的
是同一实施例。
[0013]此外，所描述的本发明的特征、结构或特性可在一个或多个实施例中以任何合适的方式组合。在以下描述中，提供了许多特定细节(诸如编程、软件模块、用户选择、网络事务、数据库查询、数据库结构、硬件模块、硬件电路、硬件芯片等的例子)，以提供对本发明的实施例的透彻理解。然而，相关领域的技术人员将认识到，可以在没有这些特定细节中的一个或多个的情况下或者用其他方法、组件、材料等实施本发明。在其他情况下，没有详细显示或描述公知的结构、材料或操作，以避免模糊本发明的各方面。
[0014]HTML5已发展为用于显示网页的web标记语言。在HTML5中添加了几个新的句法特征，包括〈video〉、〈audio〉和〈canvas〉元素。这些元素被开发来降低在HTML的早期版本中常用的插件的依赖性和开销。然而，只有这些媒体元素中的可定义参数通常不足以提供对平台特定的用户界面设计的支持。结果，针对一些平台编写的并且在这些平台上进行测试的用户界面可能显得非常不同，或者完全无法在其他平台上运行。这可能是由设备的操作系统或web浏览器的硬件差异和/或软件支持差异而引起的。为了适应平台差异，通常针对不同的平台设计单独的网站或用户界面。在一些实现中，服务器将根据服务器从设备接收的平台信息来将该设备重定向到不同的界面或网页。
[0015]首先参照图1，显示了用于根据一些实施例将用户界面提供给多个平台的系统。该系统包括应用服务器110、内容服务器120和122、以及通过网络150通信的用户设备130和140。用户设备130还包括处理器132、存储介质134、显示器136和输入设备138。尽管显示了系统的几个组件，但是要理解并非所有组件在所有实施例中都是必要的。
[0016]在一些实施例中，应用程序服务器110托管应用程序。应用程序可以是指可下载的应用程序、基于云的应用程序、基于web的应用程序、本地和云混合的应用程序、和/或网页。在一些实施例中，用户设备130和140之一从应用程序服务器110下载应用程序。在一些实施例中，用户设备130和140之一通过浏览器或接入网络150的其他途径来访问存储在应用程序服务器110上的基于web的应用程序或网站。在一些实施例中，应用程序提供允许用户与该应用程序通信的远程用户界面(RUI)。在一些实施例中，用户设备可从另一用户设备或另一服务器获得应用程序或用户界面。
[0017]应用程序的用户界面可包括一个或多个媒体元素。媒体元素可包括视频、音频、画布、矢量动画元素等。在一些实施例中，媒体元素可以是交互式的。在一些实施例中，媒体元素包括存储在一个或多个内容服务器120和122上的媒体内容。例如，媒体内容可以是流媒体或非流媒体形式的视频、音频、动画、图像。当用户设备130运行来自应用程序服务器110的应用程序或者通过RUI访问应用程序服务器110上的应用程序时，该应用程序中的媒体元素可从内容服务器120检索媒体内容，并将其呈现在用户设备130上。
[0018]尽管内容服务器120和122被显示为与应用程序服务器110分开，但是在一些实施例中，应用程序服务器110与内容服务器120和122之一或两者可在同一物理设备上实现，和/或共享相同的物理储存器。在一些实施例中，媒体元素的内容可由应用程序服务器110提供，或者可从用户设备130的本地存储介质134提供。
[0019]网络150可以是互联网、或区域网、局域网、专用网和/或限制网。
[0020]用户设备130和140可以是台式计算机、膝上型计算机、智能电话(诸如基于安卓的电话或iPhone)、平板计算机、电视机、游戏机、电视机顶盒或任何基于处理器的设备。在一些实施例中，用户设备130可包括web浏览器应用程序。
[0021]处理器132可以是CPU，并且可以适于执行从应用程序服务器110接收的应用程序或RUI和/或存储在存储介质134上的其他应用程序。储存器134可以是硬盘驱动器、RAM、ROM和/或用于存储一个或多个应用程序和/或媒体内容的其他非暂时性存储介质。显不器136可以是IXD、LED、等尚子体、电子墨水、OLED等。显不器可适于显不应用程序的用户界面。输入38可包括与用户设备130集成或分离的触摸屏、键盘、鼠标、跟踪板、麦克风、照相机、运动传感器等中的一个或多个。
[0022]尽管用户设备130被显示为包括处理器132、存储介质134、显示器136和输入设备138，但是在一些实施例中，这些元件中的一些或全部可在分离的设备中实现。例如，储存器134可以是内部驱动器、外部驱动器、网络驱动器、云存储驱动器或以上驱动器中的至少两个的组合。显示器136可以是集成的，可拆卸的，或者可以是远程访问用户设备130的另一设备的显示器。输入设备138可以是与显示器136集成的触摸屏。输入设备138还可与设备130集成，或者为远程设备，诸如远程控制器或者有线或无线键盘、鼠标、或麦克风。
[0023]在一些实施例中，用户设备140可以是类似于用户设备130的设备。在一些实施例中，用户设备130和140可以是不同类型的设备，或者可具有不同的屏幕大小、屏幕分辨率、处理能力、输入方法、网络接入能力、RAM容量、操作系统、浏览器和/或用户定义的设置。在一些实施例中，用户设备130和140可以是不同类型的平台上的设备。在此以及在整个申请中，根据实现，平台可以是指设备的硬件和软件规格中的一些或全部。如果两个设备的选定的硬件和软件规格中的一些或全部不同，则可以说它们在不同平台上。如果两个设备的选定的硬件和软件规格的一些或全部相同或类似，则可以说它们在同一平台类中。
[0024]尽管在图1中应用程序服务器110、内容服务器120和122以及用户设备130和140被显示为各自地与网络150连接，但是这些元件中的两个或更多个可通过共享的连接来共享与网络的连接。例如，设备130和140可通过共享的局域网连接与网络连接。在一些实施例中，一旦应用程序被加载到用户设备130和140上，该设备就无需与网络连接。而在一些实施例中，用户设备130加载在应用程序服务器110运行的应用程序的RUI，并通过网络150与应用程序服务器110交互。在一些实施例中，用户设备130和140在用户界面操作期间仅与内容服务器120和122之一通信。
[0025]接着参考图2，显示了用于提供用户界面的方法。在步骤201中，定义具有一个或多个媒体元素的用户界面。用户界面可以是可下载的应用程序、本地应用程序、基于云的应用程序、基于web的应用程序、局域和云混合的应用程序、浏览器可访问的应用程序和/或网页的一部分。用户界面可以是应用程序服务器上的应用程序的RUI。在一些实施例中，使用HTML5来定义用户界面。在一些实施例中，可用与HTML5标准兼容或者与HTML5标准向后兼容的另一标记或编程语言来定义用户界面。在一些实施例中，使用在HTML5之后开发的、但是包括使用与HTML5的媒体和对象元素类似的原理的元素的语言来定义界面。[0026]媒体元素可以是标记语言的音频、视频、画布或其他元素。在例如HTML5中，通过使用<video>、〈audio>和〈canvas〉标签来定义这些元素。通过这些标签,可将用户界面设计为显示嵌入的视频、播放音频文件和/或显示画布元素。在其他标记或编程语言中，媒体元素可以是用于定义媒体内容并在用户界面上呈现媒体内容的元素。在一些实施例中，媒体元素可包括诸如流媒体视频和流媒体音频的流媒体内容。在一些实施例中，媒体元素可包括视频和/或音频的播放列表。
[0027]在步骤203中，为用户界面中的至少一个媒体元素定义两个或更多个对象元素。对象元素通常用于将对象包括在由类型属性指定的类型的页面中。这可以是用户代理所理解的任何MME类型，诸如嵌入的HTML页面、将被诸如Flash的插件处理的文件、Javaapplet、声音文件等。在HTML5中，例如，用〈object〉标签定义对象元素。在其他语言中，具有类似属性的其他标签可用于执行类似的功能。
[0028]在一些实施例中，对象元素可被定义为由设备类或平台类识别。例如，第一对象可被定义为在包括Sony Xperia S，Xperia ion和XperiaP的平台类上运行,第二对象可被定义为在包括Sony Bravia KDL-46E520的平台类上运行，第三对象可被定义为在包括iPhone4和iPhone4S等的平台类上运行。在一些实施例中，向用户界面提供将设备与平台类相关联的查找表。设备可用其型号名称、型号ID、系统规格等标识。下面在表1中提供根据本发明的一些实施例的查找表的例子。
[0029]
【权利要求】
1.一种用于呈现用户界面的计算机实现的方法，包括: 在设备上加载用户界面，所述用户界面具有至少一个媒体元素； 读取包括多个对象元素的媒体元素； 基于所述设备的平台信息来选择所述媒体元素内的至少一个对象元素；和 使用所述至少一个对象元素中的参数集来呈现所述媒体元素的媒体内容。
2.根据权利要求1所述的方法，其中，所述媒体元素包括视频、音频或画布元素。
3.根据权利要求1所述的方法，其中，所述用户界面用兼容HTML5的标记语言来定义。
4.根据权利要求1所述的方法，其中，所述多个对象元素中的每一个对应于至少一个设备平台类。
5.根据权利要求1所述的方法，其中，所述平台信息包括所述设备的至少一个硬件或软件规格。
6.根据权利要求1所述的方法，其中，所述参数集包括所述媒体元素的宽度、高度、控制或源参数中的至少一个。
7.根据权利要求1所述的方法，其中，所述平台信息是使用将多个设备型号与多个平台类相关联的查找表确定的平台类。
8.根据权利要求7所述的方法，其中，所述查找表被存储在所述设备的内部储存器上。
9. 根据权利要求1所述的方法，其中，所述多个对象元素包括当所述设备的平台信息与所定义的平台信息不匹配时所选择的默认参数集。
10.根据权利要求1所述的方法，其中，所述多个对象元素被配置为使所述用户界面在具有不同硬件和/或软件规格的多个设备上具有基本一致的外观。
11.一种用于呈现用户界面的装置，包括: 用于在设备上加载用户界面的单元，所述用户界面具有至少一个媒体元素； 用于读取包括多个对象元素的媒体元素的单元； 用于基于所述设备的平台信息来选择所述媒体元素内的至少一个对象元素的单元；和 用于使用所述至少一个对象元素中的参数集来呈现所述媒体元素的媒体内容的单元。
12.根据权利要求11所述的装置，其中，所述媒体元素包括视频、音频或画布元素。
13.根据权利要求11所述的装置，其中，所述用户界面用兼容HTML5的标记语言来定义。
14.根据权利要求11所述的装置，其中，所述多个对象元素中的每一个对应于至少一个设备平台类。
15.根据权利要求11所述的装置，其中，所述平台信息包括所述设备的至少一个硬件或软件规格。
16.根据权利要求11所述的装置，其中，所述参数集包括所述媒体元素的宽度、高度、控制或源参数中的至少一个。
17.根据权利要求11所述的装置，其中，所述平台信息是使用将多个设备型号与多个平台类相关联的查找表确定的平台类。
18.根据权利要求17所述的装置，其中，所述查找表被存储在所述设备的内部储存器上。
19.根据权利要求11所述的装置，其中，所述多个对象元素包括当所述设备的平台信息与所定义的平台信息不匹配时所选择的默认参数集。
20.一种用于提供用户界面的计算机实现的方法，所述方法包括: 构造具有一个或多个媒体元素的用户界面； 为所述一个或多个媒体元素中的至少一个媒体元素定义多个对象元素，每个对象元素与平台类相关联；和 将媒体元素参数集·分配给所述多个对象元素中的每一个。
【文档编号】G06F9/44GK103713830SQ201310460099
【公开日】2014年4月9日 申请日期:2013年9月30日 优先权日:2012年10月4日
【发明者】吴珍珂 申请人:索尼公司