专利名称：用于设计图形用户接口外观的方法和装置的制作方法
背景技术：
发明领域本发明涉及一种用于设计图形用户接口的方法和装置。
相关技术讨论访问因特网的个人计算机用户可以使用诸如Microsoft internet Explorer或Netscape Navigator之类的网站浏览器来访问具有图形内容的网页的服务器。为指定一个网站，用户进入一个不但指定服务器而且指定所需要的具体数据(“网页”)的通用资源定位器(URL)。URL可以指定超文本传送协议(HTTP)或用于服务器和浏览器之间通信的另一个传送协议。在因特网，将URL发送到存储对应于URL的信息的主机服务器。
在接收一个URL位置内容的请求之后，主机服务器以超文本链接标记语言(HTML)格式提供包括到浏览器的具体处理指令的网页。除图形和文本之外网页可以包括视频和音频流。然而，浏览器显示至此处于显示窗口内的网页的内容。通过将网页定制仅限定到窗口内容，限制了网页设计者与浏览者通信的自由。这样需要一种使网页设计者定制图形网页外观而不受浏览器所施加的限制的影响的方式。
发明概述本发明的第一实施例包括一种用于设计图形用户接口外观的方法，包括步骤(1)识别要设计外观的图形用户接口；(2)提供外观数据和图形用户接口的控制；和(3)根据该数据设计图形用户接口。图形接口包括图形网站浏览器。
本发明的第一实施例还包括一种用于设计图形用户接口外观的装置，包括(1)识别要设计外观的图形用户接口的逻辑电路；(2)提供外观数据和图形用户接口的控制的逻辑电路；和(3)根据该数据设计图形用户接口的逻辑电路。图形接口包括图形网站浏览器。
本发明的第二实施例还包括一种用于提供指定所设计的图形用户接口的外观的信息的方法，包括步骤(1)提供所述图形用户接口的背景图象；(2)提供该图象和图形用户接口位置控制；(3)提供用于显示在图形用户接口内的数据的区域；和(4)提供指定背景图象，位置和外观控制以及显示在图形用户接口内的数据的区域的所述信息。图形接口包括图形网站浏览器。
本发明的第二实施例还包括一种用于提供指定所设计的图形用户接口的外观的信息的装置，包括用于提供所述图形用户接口的背景图象的逻辑电路；用于提供该图象和图形用户接口位置控制的逻辑电路；用于提供用于显示在图形用户接口内的数据的位置的逻辑电路；和用于提供指定背景图象，位置和外观控制和显示在图形用户接口内的数据的区域的所述信息的逻辑电路。图形接口包括图形网站浏览器。
参照下面的详细描述和附图将能更好地理解本发明。
附图的简要描述
图1示出用于实现本发明一个实施例的连接到主机服务器的一个计算机系统。
图2示出图1的主机服务器150的简单操作的流程图200。
图3示出用于作为本发明一个实施例的定制网站浏览器的网页代码的操作的流程图300。
图4示出作为本发明一个实施例的目标x2Install的流程图400。
图5示出作为本发明一个实施例的程序x2client.exe的流程图500。
图6示出根据本发明第一实施例定制一个网站浏览器的处理流程图600。
图7示出根据本发明第一实施例的一个定制网站浏览器的示例。
图8示出进入后续URL位置的用户个人计算机的操作的流程图800。
详细描述本发明的第一实施例允许一个个人计算机用户使用显示图形的定制网站浏览器(下文被称为“网站浏览器”)进行“网上冲浪”并处理MicrosoftActiveX控制，例如，具有来自N个周围实验室的“ScriptActive”插入程序的Microsoft internet Explorer4.0或Netscape Navigator 3.0。
图1示出一个诸如商业可用IBM PS/2个人计算机，Apple Macintosh计算机，或基于UNIX的工作站之类的个人计算机100的方框图。显示器100可以是诸如超VGA类型或其他可视显示器设备之类的计算机监视器。特别是，图1示出具有输入/输出适配器102，中央处理单元104(例如，微处理器)，和存储器106的一般个人计算机100的硬件配置。个人计算机100可以通过一个企业网或因特网或其他通信信道连接到主机服务器150。类似地，主机服务器150包括输入/输出适配器152，诸如微处理器之类的中央处理单元154，和存储器156。在该实施例，主机服务器150可以是，例如从运行Microsoft NT 4.0的SUN微系统可得的各种系统，Microsoft InternetInformation server(IIS)，或UNIX操作系统。在该实施例，主机服务器150使用用于经因特网或例如企业网通信数据的超文本传送协议(HTTP)，尽管该通信也可以通过其他技术。
个人计算机100一般具有驻留其内的诸如Microsoft Windows NTM或Microsoft Windows 95TM操作系统(OS)，IBMOS/2，苹果MAC OS，或诸如HP-UXOS之类的UNIX OS这样的操作系统。本领域公知技术人员应该认识到还可以在平台上实施本发明并且操作系统可以是上述之外的操作系统。
用户提供用于所请求的网页的网页URL。当浏览网页(“定制的网页“)时，根据本发明一个实施例定制(“定制网站浏览器”)网站浏览器的外观。一个定制的网站站点一般为多个链接的定制网页的宿主。一个为定制网站站点的宿主的主机服务器以例如超文本标记语言(HTML)提供网页。
主机服务器150的功能包括响应数据请求，发送数据，并提供允许构造定制的网站浏览器的所必须的定制文件的适当版本。在该实施例，主机服务器150执行以Visual C++5.0编写的软件程序x2adminn并且主机服务器150使用Microsoft NT 4.0和IIS操作系统以及UNIX操作系统。主机服务器150的其他功能或其软件可以包括监控定制网站站点的访问数，或接收和处理来自定制网站站点的金融交易。
主机服务器150维护定制网站站点的文件，这些文件包括配置文件(config.xtl)，网页代码(默认.htm)，客户安装文件(x2inst.cab，x2inst.inf)，客户操作文件(x2cilient.exe)，网站浏览器定制数据文件(默认.xtc，默认.xtd，edge.pol，back.bmp，main.bmp等)。在附录A提供一个配置文件的示例。在附录B提供一个以具有可视图象BASIC脚本的HTML编写的网页代码示例。在附录C包括一个客户安装文件x2inst.inf的示例。在附录D包括一个网站浏览器定制数据文件的示例。
图2示出主机服务器150的简单操作。在步骤201，主机服务器150接收访问一个定制网页的请求。在步骤202，服务器将网页代码(即，程序default.htm)发送到用户的个人计算机100。以后主机服务器150等待来自用户的进一步的请求。在步骤203，接收一个下载目标x2Installer1的请求。在步骤204，发送该请求的目标。在步骤205，接收一个下载可执行程序x2client的请求。在步骤206，将请求的可执行程序发送到用户的个人计算机100。在步骤207，接收配置文件的最新版本的请求。在步骤208，请求的配置文件的最新版本被发送到用户的个人计算机100。在步骤209，接收网站浏览器定制数据的最新版本的请求。在步骤210，将定制数据发送到用户的个人计算机100。
图3示出在接收到示例的网页代码(即，文件default.htm)时的网页浏览器的操作。在该实施例在用户的计算机100处理网页代码，尽管其可以在主机服务器被处理。在步骤301，用户的个人计算机100处理网页代码(即，程序default.htm)。附录B的程序default.htm包括HTML以及微软可视图象BASIC脚本指令。该程序引用一个启动X目标“x2Installer1”。在步骤302，用户的个人计算机100确定启动X目标“x2Installer1”是否是用户的个人计算机100的“本机的”程序。本机的意味着由用户的操作系统或浏览器中识别并安装语句CLASSID所规定的目标的识别码。如果是本机的，则进入步骤205。如果不是本机的，则在步骤303，由程序default.htm内的命令CODEBASE命令用户的个人计算机100以从URL“http//host_server_address/cab/”下载名称为“x2inst.cab”的文件。一旦该文件被下载，则在步骤304，解压缩“x2inst.cab”文件并将其在用户的个人计算机100上安装为“x2inst.dll”。根据由“x2inst.cab”提供的文件x2inst.inf(附录C)的参数安装文件x2inst.dll。
在文件x2inst.inf，命令“file-win-x86＝thiscab”导致文件“x2inst.cab”内包括的x2inst.dll的安装，并规定文件运行在微软视窗并使用x86计算机。由Microsoft Windows95提供的其他文件，msvcrt.dll以及cabinet.dll用于辅助安装。以后由用户操作系统或由CLASSID语句识别的网站浏览器识别Active X目标“x2Installer1”。
图3还示出由程序default.htm包括的微软可视图象BASIC脚本命令的操作。在事件“装载”(即，加载程序default.htm时)之后执行微软可视图象BASIC脚本。在步骤305，程序default.htm的语句“x2Installer1.version＝10”规定程序x2client.exe的版本，该程序为改变用户的网站浏览器的程序。在步骤306，语句“x2Installer1.DownloadLocation＝http//host_sever_address/install/”规定所要求的x2client.exe的版本的位置。在步骤307，语句“x2Installer1.ServerLocation＝host_sever_address/cola”规定由x2client.exe所使用的数据的位置。在步骤308，语句“x2Installer1.QueryServer＝/x2web/x2query.dll”规定名称为x2query.dll的文件定位在主机服务器上的目录x2web。文件x2query.dll的功能包括管理配置文件config.xtl的版本，下面更为详细地描述该文件。在该实施例，已经写入文件x2query.dll以用于Microsoft IIS服务器操作系统。在步骤309，命令“callx2Installer1.Startx2Web()”指示用户的个人计算机100开始目标x2Installer1的操作。
图4示出目标x2Installer1的操作。目标x2Installer1调用动态链接库文件x2inst.dll内的例行程序。在步骤401，目标x2Installer1检查图3步骤305所规定的用于定制网页的可执行程序的版本是否与安装在用户个人计算机100上的版本相同。如果该版本与安装在用户个人计算机100上的版本不相同或者可执行程序不出现在用户的个人计算机100，则在步骤402，从图3的步骤306规定的位置接着下载的是在x2client.cab内打包的可执行程序。文件x2client.cab被扩展到安装在用户的个人计算机100上的文件x2client.exe和文件x2client.exe。在安装x2client.exe之后，通过命令ShellExecute在步骤403装入x2client.exe。
图5示出由个人计算机100执行的程序x2client.exe的步骤的示例。在步骤501，用户的个人计算机100确定存储在用户的个人计算机100上的配置文件config.xtl的版本是否与从主机服务器150可得到的版本相同。命令“http//host_sever_address/x2query.dll？Get & XTLVersion”规定该检查由主机服务器150维护的config.xtl的版本执行。主机服务器150调用动态链接库文件x2query.dll内的例行程序。文件x2query.dll管理与用户个人计算机100的通信以确定是否需要执行文件config.xtl的更新。将文件config.xtl的版本提供给主机服务器150。如果主机服务器150返回值0，则不必执行存储在用户个人计算机100上的文件config.xtl的更新并且接着进入步骤503。如果由主机服务器150发送返回值1，则在步骤502，下载一个新的版本。文件config.xtl包括一个由主机服务器存储的全部定制网站站点的列表。在附录A提供文件config.xtl的示例。
在文件config.xtl语句“VERSION＝18”规定配置文件的版本。语句“NUMBER＝1”规定在主机服务器150仅存在一个定制网页。可以增加其他的定制网页。对于每个定制网页，文件config.xtl包括与定制数据文件相关的可访问的目录，以及链接到所访问的网页的定制网页数。例如语句“DIR＝/COLA/”规定主机服务器150上的包括一个定制网页的目录。语句“NAME＝DEFAULT”规定定制数据文件的名称，default.xtd。文件default.xtd规定要显示解码HTML的屏幕坐标并包括用于定制网页浏览器的显示的图象文件。语句“size＝3”规定被链接到所访问的定制网页的页数。
在步骤503，确定是否定制所访问的网页。如果对应于所访问的网页的目录不出现在config.xtl，则在步骤504处理结束。然而，程序设计人员可以改变该处理，以便如果对应于所访问网页的目录不出现在config.xtl，则下一步是步骤501。文件config.xtl作为一种程序设计人员控制被定制的网页的方式。如果对应于当前网页的目录被包括在文件config.xtl，则在步骤505确定是否存在存储在用户个人计算机100上的网站浏览器定制数据。如果存储所述数据，则进入步骤506，否则进入步骤507。
在步骤506，确定存储在用户个人计算机100上的网站浏览器定制数据是否是最新版本。如果网站浏览器定制数据未存储在用户的个人计算机100或不是最新版本，则在步骤507从主机服务器150下载该数据的最新版本。在步骤508，根据网站浏览器定制数据定制网站浏览器。
图6更为详细地示出图5的步骤508的操作。可执行的x2client.exe访问网站浏览器定制数据文件default.xtc(附录D)，default.xtd，edge.pol。文件default.xtd包括用于定制网站浏览器的显示的压缩图形文件。在该实施例，这些图形文件可以由参照第二实施例更为详细描述的一个编辑工具程序产生。在步骤601在用户的显示器110最小化用户的网站浏览器(图1)同时仍然保留与URL规定的位置的连接并允许使用网站浏览器的功能。Windows操作系统内的最小化意味着网站浏览器是激活的并在显示器110上被表示为一个图标。在步骤602，访问文件default.xtc。在文件default.xtc，命令“BACKGROUD＝Main.bmp”规定定制网站浏览器用作存储在文件Main.bmp内的一个图象的背景。例如，文件Main.bmp包括一个红的外形形状。语句X＝0，Y＝0，CX＝640，以及CY＝655提供背景图象起始屏幕位置(0，0)并终止在(640，655)。语句“EDGETYPE＝POLYGON”指示定位Main.bmp内的图象的边缘线的文件类型。语句“EDGE＝edge.pol”规定边缘线文件的名称。边缘线表示背景图象，Main.bmp的外部边界。在步骤603，命令URLEDITLOCATION规定用于放置允许显示的图形区并编辑URL地址项的一个位置在显示器110上的(X，Y)像素位置。在步骤604，定位定制控制按钮。命令BTNNUMBER＝5指示控制按钮数。例如，对于“到前一页”(向后)按钮，语句LOCATION规定按钮的屏幕位置。语句BMP规定包含背景按钮的图象的文件的名称。命令FUNCTION＝Back规定按钮的功能。这样存储为文件back.bmp的图象出现在屏幕坐标(740，91)和(806，125)的角落。还提供向前，刷新，停止，以及主页按钮的位置和功能。在步骤605，在文件default.xtd规定范围内的具体区域显示所处理的HTML文本和图象。
在第一实施例，定制的网站浏览器访问用户最小化的网站浏览器的功能程序，例如用于处理HTML并显示所处理的HTML文本和图象。例如，在用户的网站浏览器是Microsoft Internet Explorer4.0的情况下，可执行的x2client.exe访问动态连接库(*.dll)文件URLMON.DLL，SHLAPI.DLL，WININET.DLL，SHDOCVW.DLL，VBSCRIPT.DLL，MSHTML.DLL。
图7示出具有形状为soda外形的背景图象702的定制网站浏览器700的可能的外观，该网站浏览器具有包括向前704，反向706，刷新708，以及主页710，URL项定位712，以及显示HTML的区域714的按钮。
可以改变定制网站浏览器以显示一个改变的背景或图象。例如，一个网站浏览器可以示出波动的帧。使用所增加的诸如Real Audio之类的插件程序，通过将定制网站浏览器设计为协同音乐和/或事件视频数据流进行改变可以加强通过因特网的音频-视频多媒体感受。
定制的网站浏览器可以具有比常规的网站浏览器多的功能性。例如，定制浏览器可以包括特定于一个用户的内部网的特定功能性。
图8示出用户的个人计算机100的操作，其中输入后续的网页位置的URL。在步骤801，使用所要求的诸如文件传送协议(FTP)或超文本传送协议(HTTP)之类的数据传送协议将一个URL请求放置在因特网。在步骤802，根据本发明的第一实施例用户的个人计算机100读取例如以HTML编写的下载网页代码并确定其是否是一个定制网页。存在多种方法以确定是否定制网页。例如，ActiveX控制语言被包括在该网页，则其不是一个定制的网页。如果该网页包括参照图3所述的微软可视图象BASIC脚本命令，则如上所述执行图3的305开始的步骤。如果该网页未被定制(例如，因为其不引用ActiveX目标)，在步骤803选项包括保留用于显示非定制网页的定制网站浏览器(步骤806)，在步骤804“恢复”用户的网站浏览器(前面在步骤601被最小化)，或询问用户是否“恢复”用户的网站浏览器(步骤805)。在参照图6所述的数据文件default.xtc，语句POLICY规定步骤803之后的步骤，即，步骤804，805，或806。
存在多种用于实现本发明第一实施例的技术，对本领域的技术人员来说，这是显而易见的。例如，可以使用JavaApplets而不使用ActiveX控制。在Sun Java Script可以进行微软可视图象BASIC脚本内的编码。
本发明第一实施例所述的技术还可以用于修改任何图形用户接口窗口。
在本发明第二实施例，提供名称为x2edit的编辑工具程序以允许用户创建包括default.xtc和default.xtd，用于创建第一实施例所述的定制网站浏览器的上述定制网站浏览器数据文件。以Visual C++5.0编写的程序x2 edit适用于运行Windows 95操作系统的用户的个人计算机100，该程序是编辑工具程序。使用x2edit，一个用户可以规定定制网站浏览器700的背景702(图7)的外观，将显示HTML的区域714，按钮704-710的外观和位置，以及URL项位置712的位置。x2edit程序还创建表示背景702的外形的图形文件，由通过背景702的所有的外边缘像素的线表示的文件edge.pol。
程序x2edit创建包括背景702，按钮704-710，以及URL定位器712，以及图象文件背景702和按钮704-710的名称。程序x2edit还创建包括背景702的图象文件和按钮704-710的文件default.xtd。文件default.xtd还包括区域714范围上的信息。在该实施例背景702的图象和按钮704-710是可以使用JPEG转换被压缩的位图文件。
后面在本发明的第一实施例显示一个定制网站浏览器所必须的全部文件都是可用的。根据第一实施例，主机服务器使用一个定制网站浏览器存储与一个定制网页有关的信息。例如，在主机服务器150上创建一个被称为NEW的新的目录。将包括default.xtc和default.xtd的数据文件存储在新的目录。更新文件config.xtl以指示一个定制网站站点包括一个定制网站浏览器。以后，对该定制网页的访问将使用户的网站浏览器根据通过使用本发明第二实施例所创建的文件改变外观。
已经给出了本发明实施例的上面描述以用于示意性和描述的目的。上述描述不具有穷举性或将本发明限定到所公开的精确形式。通过上述教导多种修改或变化是可能的。选择并描述该实施例以提供对本发明原理及其实际应用的最好解释，从而使本领域技术人员可以以各种实施例以及适用于所希望的实际应用的各种修改来实现本发明。
权利要求
1.一种用于设计图形用户接口外观的方法，包括步骤识别要设计其外观的图形用户接口；提供外观数据和图形用户接口的控制；根据该数据设计该图形用户接口。
2.如权利要求1所述的方法，其中图形用户接口包括一个图形网站浏览器。
3.一种用于设计图形用户接口外观的装置，包括识别要设计其外观的图形用户接口的逻辑电路；提供外观数据和图形用户接口的控制的逻辑电路；根据该数据设计该图形用户接口的逻辑电路。
4.如权利要求3所述的装置，其中图形用户接口包括一个图形网站浏览器。
5.一种用于提供规定所设计的图形用户接口外观的信息的方法，包括步骤提供所述图形用户接口的背景图象；提供图形用户接口控制的图象和位置；提供用于显示在图形用户接口内的数据的区域；和提供规定背景图象，控制的位置和外观以及显示在图形用户接口内的数据所在的区域的所述信息。
6.如权利要求5所述的方法，其中图形用户接口包括一个网站浏览器。
7.一种用于提供规定所设计的图形用户接口外观的信息的装置，包括提供所述图形用户接口的背景图象的逻辑电路；提供图形用户接口控制的图象和位置的逻辑电路；提供用于显示在图形用户接口内的数据的区域的逻辑电路；和提供规定背景图象，控制的位置和外观以及显示在图形用户接口内的数据所在的区域的所述信息的逻辑电路。
8.如权利要求7所述的装置，其中图形用户接口包括一个网站浏览器。
全文摘要
一种用于设计图形用户接口，特别是一种因特网网站浏览器的外观的方法和装置。主机服务器经因特网或企业网接收一个网页的请求。主机服务器提供用户个人计算机的必须数据和可执行文件。在个人计算机上执行的计算机程序通过存取数据文件改变用户的图形网站浏览器的外观。使用提供用于设计一个网站浏览器的外观的数据文件的编辑程序可以设计一个网站浏览器的外观。
文档编号G06F9/44GK1520566SQ99807446
公开日2004年8月11日 申请日期1999年4月26日 优先权日1998年4月27日
发明者高凤秀, 金财炫, 君硕皓 申请人:株式会社C.C.R.