信息处理装置及其控制方法和存储介质

技术领域

本发明涉及信息处理装置、其控制方法和存储介质。

背景技术

在诸如图像形成装置之类的设备中，设备中的消耗品的管理、当发生故障时做出的询问等由管理设备的用户(管理者)执行。为此目的，可以为使用设备的客户提供供管理者管理设备的网站(website)。这样的网站例如由提供网站的公司(下文中称为“站点管理公司”)管理的客户信息和由制造设备的制造商管理的设备信息构成。在这种情况下，站点管理公司与例如由制造商管理的外部服务器连接，以访问外部服务器并且取得设备信息。

例如，日本专利公开No.2018-66811描述了一种技术，其中，WWW服务器在管理设备信息的管理服务器中运行，并且由管理服务器管理的设备信息被从WWW服务器提供给销售公司的用户PC中的web浏览器。

利用上述的常规技术，站点管理公司必须取得并且处理从由设备制造商管理的服务器取得的设备信息，并且将处理后的设备信息显示在网站上。为了实现网站，这给站点管理公司带来了沉重的负担。另外，为了提高用户的便利度，必须能够在网站的画面中更有效地显示由站点管理公司的服务器管理的客户信息和从由制造商管理的服务器取得的设备信息。

发明内容

因此，本公开提供了使得能够有效地显示从多个服务器取得的信息同时减轻实现用于管理设备的网站的负担的技术。

根据本公开的一方面，提供了一种信息处理装置，其能够与提供用于管理特定设备的网站的服务器通信，并且能够与用于提供通过监控包括特定设备的多个设备而取得的信息的系统通信，该信息处理装置包括：第一显示单元，被配置成在信息处理装置的显示单元中显示由服务器提供的网站；第一取得单元，被配置成从系统取得用于在网站上显示由系统提供的信息的显示程序；第二取得单元，被配置成由显示程序使用如下数据从系统取得关于特定设备的信息，所述数据是用于访问关于设备的信息的数据并且是与登录到网站中的用户对应的数据；以及第二显示单元，被配置成由显示程序在作为网站的一部分的预定画面中显示关于特定设备的信息。

根据本公开的另一方面，提供了一种信息处理装置的控制方法，该信息处理装置能够与提供用于管理特定设备的网站的服务器通信，并且能够与用于提供通过监控包括特定设备的多个设备而取得的信息的系统通信，该控制方法包括：在信息处理装置的显示单元中显示由服务器提供的网站；从系统取得用于在网站上显示由系统提供的信息的显示程序；由显示程序使用如下数据从系统取得关于特定设备的信息，所述数据是用于访问关于设备的信息的数据并且是与登录到网站中的用户对应的数据；以及由显示程序在作为网站的一部分的预定画面中显示关于特定设备的信息。

根据本公开的又一方面，提供了一种存储有用于使计算机执行信息处理装置的控制方法的程序的计算机可读存储介质，该信息处理装置能够与提供用于管理特定设备的网站的服务器通信，并且能够与用于提供通过监控包括特定设备的多个设备而取得的信息的系统通信，该控制方法包括：在信息处理装置的显示单元中显示由服务器提供的网站；从系统取得用于在网站上显示由系统提供的信息的显示程序；由显示程序使用如下数据从系统取得关于特定设备的信息，所述数据是用于访问关于设备的信息的数据并且是与登录到网站中的用户对应的数据；以及由显示程序在作为网站的一部分的预定画面中显示关于特定设备的信息。

根据(参考附图)对示例性实施例的以下描述，本发明的其他特征将变得清楚。

附图说明

图1是图示出系统的整体配置示例的示图。

图2是图示出信息处理装置的硬件配置示例的框图。

图3是图示出系统的功能配置示例的框图。

图4是图示出系统的功能配置示例的框图。

图5是图示出用于在信息终端中显示由客户信息管理服务器提供的网站的UI画面的处理的序列示例的序列图。

图6是图示出用于确定UI对象的显示信息的处理(步骤S515)的序列示例的流程图。

图7A和图7B图示出作为网站中的UI画面示例的设备列表画面。

图8是图示出用于确定UI对象的显示信息的处理(步骤S515)的序列示例的流程图。

图9图示出作为网站中的UI画面示例的设备详情画面。

图10是图示出用于确定UI对象的显示信息的处理(步骤S515)的序列示例的流程图。

图11图示出作为网站中的UI画面示例的指示出设备检查历史的设备详情画面。

具体实施方式

下文中，将参考附图来详细地描述实施例。注意的是，以下实施例不旨在限制要求保护的本发明的范围。在实施例中描述了多个特征，但并不限制需要所有这样的特征的发明，而是可以适当地组合多个这样的特征。此外，在附图中，相同的附图标记被赋予相同或相似的配置，并且省略其冗余描述。

第一实施例

<系统配置>

图1是图示出根据本公开的第一实施例的系统的整体配置示例。此系统包括UI组件管理服务器101、设备信息管理服务器102、客户信息管理服务器103和104、信息终端105和设备106。注意的是，除了图1中图示的服务器101至104之外，系统还可以包括提供其他功能的其他服务器(未示出)。

UI组件管理服务器101是提供UI组件并且在逐个应用的基础上管理用于在网站上生成UI组件的源代码的服务器。注意的是，网站是从用HTML、级联样式表(CSS)、

设备信息管理服务器102是这样的服务器，其提供通过监控要管理的至少一个设备106的状态而取得的信息，并且接收和管理来自至少一个设备106的设备信息。在本实施例中，设备信息包括诸如例如关于设备的基本信息(产品名称和序列号)、操作信息(诸如调色剂剩余量信息之类的消耗品信息、警报信息和安全信息)等之类的信息。设备信息管理服务器102接受来自在网站上操作的UI组件的请求，并且响应于接受的请求而提供设备信息。如上所述，基于由UI组件管理服务器101提供的源代码来在网站上生成UI组件。注意的是，如果根据要提供的信息的类型(例如，基本信息、操作信息、手册信息等)由不同的服务器管理信息，那么设备信息管理服务器102可以被配置成响应于来自UI组件的请求而提供由至少一个服务器管理的信息。

客户信息管理服务器103是提供用于管理至少一个设备106的网站的服务器。客户信息管理服务器103管理被提供给信息终端105的客户信息。在本实施例中，客户信息包括例如用户认证信息和每个设备的管理信息(例如，设备名称、安装位置和序列号)。客户信息管理服务器103还管理为使用设备106的客户提供的并且可以用于管理设备106的网站。客户信息管理服务器103响应于来自信息终端105(在其上运行的web浏览器)的请求而向信息终端105提供网站。提供给信息终端105的网站在信息终端105中提供的web浏览器上运行。网站向UI组件管理服务器101做出对于用于生成要在网站上运行的UI组件的源代码的请求。可以采用由客户信息管理服务器103管理的客户信息和网站被不同的服务器管理的配置。

客户信息管理服务器104具有与客户信息管理服务器103相同的配置，但管理与由客户信息管理服务器103管理的客户不同的客户。因此，客户信息管理服务器104独立于客户信息管理服务器103管理客户信息和网站。客户信息管理服务器103和104可以被配置成管理使用共用UI组件的网站。

信息终端105是由用户操作的终端设备，并且例如由个人计算机(PC)或智能手机构成。信息终端105具有可以被用户用来操作网站的web浏览器。信息终端105通过web浏览器做出用以取得由客户信息管理服务器103和104管理的网站的请求。web浏览器从客户信息管理服务器103和104取得网站的源代码，并且基于所取得的源代码来生成网站。通过在web浏览器上运行，所生成的网站可以被用户操作。注意的是，图1中图示的系统可以具有由客户信息管理服务器103和104管理的每个客户的至少两个信息终端。

设备106是由使用信息终端105的用户管理的设备。设备106由诸如PC、智能手机、多功能外围设备、传真(FAX)机、打印机、相机等之类的设备构成，并且具有连接到网络107的功能。信息终端105主动地向设备信息管理服务器102发送与设备106相关的信息。设备信息管理服务器102存储和管理从信息终端105接收的信息。注意的是，图1中图示的系统可以具有由客户信息管理服务器103和104管理的每个客户的至少两个设备。

UI组件管理服务器101、设备信息管理服务器102、客户信息管理服务器103和104、信息终端105和设备106通过网络107彼此可通信地连接。例如，网络107包括诸如因特网、广域网(WAN)、局域网(LAN)等之类的通信网络。除了以上之外，网络107可以包括电话线路、专用数字线路、异步传输模式(ATM)或帧中继线路、有线电视线路、用于数据广播的无线线路等中的至少一个。网络107还可以包括支持诸如长期演进(LTE)和第5代(5G)NR(新无线电)之类的移动通信标准的移动网络。

在本实施例中，信息终端105是能够与客户信息管理服务器103或104(第一服务器)、设备信息管理服务器102(第二服务器)和UI组件管理服务器101(第三服务器)通信的信息处理装置的示例。客户信息管理服务器103或104是提供用于管理至少一个设备106的网站的第一服务器的示例。设备信息管理服务器102是提供通过监控至少一个设备106的状态而取得的信息的第二服务器的示例。UI组件管理服务器101是提供UI组件的第三服务器的示例。

<信息处理装置的硬件配置>

图2是图示出信息处理装置的硬件配置示例的框图。图1中图示的服务器101至105和设备106中的每一个可以被配置成图2中图示的信息处理装置。信息处理装置包括中央处理单元(CPU)201、存储器202、硬盘驱动器(HDD)203、输入控制单元205、输入设备206、显示控制单元207、显示设备208和网络控制单元209。虽然信息处理装置包括作为非易失性存储设备的HDD 203，但作为HDD 203的替代或HDD 203的补充可以包括其他类型的存储设备(例如，固态驱动器(SSD))。

CPU 201通过读取并执行存储在HDD 203中的程序(软件)来控制连接到系统总线204的每个硬件设备。存储器202是用作CPU 201的主存储器和工作区的易失性存储设备。各种程序和各种数据被存储在HDD 203中。

输入控制单元205控制来自输入设备206的输入。例如，输入设备206由键盘和触摸面板构成。显示控制单元207控制由显示设备208进行的显示。例如，显示控制单元207由液晶显示器构成。根据信息处理装置的作用，可以存在其中不存在输入控制单元205和输入设备206的配置。另外，根据信息处理装置的作用，可以存在其中不存在显示控制单元207和显示设备208的配置。网络控制单元209是用于通过网络107与外部设备通信的通信接口。

在本实施例中，UI组件管理服务器101和设备信息管理服务器102由作为云计算服务而提供的信息处理装置来实现。云计算包括无服务器的计算、虚拟机等。尽管在图2中图示出单个硬件资源，但在云计算中可以使用多个硬件资源。UI组件管理服务器101和设备信息管理服务器102可以各自由单个物理机器或多个物理机器来实现。

<功能配置>

图3和图4是图示出根据本实施例的系统的功能配置示例的框图。首先，将参考图3描述与信息终端105的从用于登录到由客户信息管理服务器103提供的网站中的处理到用于生成UI组件的处理的一系列处理相关的功能配置的示例。

信息终端105

信息终端105包括作为在此信息终端上运行的一个应用的web浏览器304。web浏览器304包括登录信息发送单元305和网站接收单元306。

登录信息发送单元305通过网络107向客户信息管理服务器103或104发送用于访问网站的登录信息。网站接收单元306从客户信息管理服务器103或104接收用于生成在web浏览器304上运行的网站的源代码。基于接收到的源代码，网站接收单元306生成在web浏览器304上运行的网站307。所生成的网站307包括UI组件请求单元308和UI组件接收单元309。

UI组件请求单元308通过网络107向UI组件管理服务器101请求具有网站307所需要的应用功能的UI组件。例如，通过在网站307的源代码(HTML代码)中提供用于加载UI组件的源代码(JavaScript代码)的描述来实现对UI组件的请求。以下是HTML代码的一部分的内容示例，在该示例中使用脚本标签来编写用于加载UI组件的JavaScript代码并且指示出UI组件的源代码被保存在何处的URL。

在以上的示例中，“https://ui-parts.server”是指示出UI组件管理服务器101的URL。“https://ui-parts.server/bundle.js”指示出UI组件的源代码(JavaScript代码)被编写在其中的JavaScript文件。UI组件请求单元308根据网站307的源代码中的上述描述向UI组件管理服务器101做出对UI组件(UI组件的源代码)的请求。

UI组件接收单元309响应于来自UI组件请求单元308的请求而接收从UI组件管理服务器101发送的UI组件的源代码，并且使用接收到的源代码生成UI组件。例如，通过在网站307的源代码(HTML代码)中提供使用指示出UI组件的生成的原始HTML标签(专有HTML标签)的描述来实现UI组件的生成。以下是HTML代码的一部分的描述示例，并且是指示出UI组件的生成的原始HTML标签的示例。

即使由客户信息管理服务器103提供的网站307与由客户信息管理服务器104提供的网站307不同，UI组件管理服务器101也向每个网站提供共用的UI组件。

客户信息管理服务器103和104

客户信息管理服务器103包括登录信息接收单元310、网站管理单元311和网站发送单元312。客户信息管理服务器104具有与客户信息管理服务器103相同的配置。

登录信息接收单元310从web浏览器304的登录信息发送单元305接收登录信息，并且基于接收到的登录信息来执行用户认证(关于用户是否可以访问网站的认证)。如果用户认证成功(即，用户可以访问网站)，那么登录信息接收单元310向网站管理单元311通知指示出使用户能够访问网站的访问信息。

网站管理单元311管理用于为使用设备106的客户生成网站的源代码。在从登录信息接收单元310接收到访问信息后，网站管理单元311向网站发送单元312通知用于生成与访问信息对应的客户的网站的源代码。在从网站管理单元311接收到源代码的通知后，网站发送单元312将针对其做出通知的源代码分发(发送)到从其发送登录信息的web浏览器304的网站接收单元306。网站的源代码是通过内容分发网络(CDN)从用于分发的URL分发的。

UI组件管理服务器101包括请求接收单元301、UI组件管理单元302和UI组件发送单元303。请求接收单元301从web浏览器304(信息终端105)接收对UI组件的请求。基于接收到的请求，请求接收单元301向UI组件管理单元302通知指示出所请求的UI组件的组件信息。

UI组件管理单元302管理用于针对每个应用生成UI组件的源代码。在从请求接收单元301接收到通知后，UI组件管理单元302向UI组件发送单元303通知与针对其做出通知的组件信息对应的源代码(用于生成由组件信息指示出的UI组件的源代码)。UI组件的源代码是用JavaScript编写并且使用Web组件创建的。Web组件是可以在任何网站构建环境中使用的技术，并且被用于创建可以嵌入web页面或web应用中并且可以被重新使用的定制组件。

在从UI组件管理单元302接收到源代码的通知后，UI组件发送单元303将针对其做出通知的源代码分发(发送)到请求UI组件的网站307。UI组件的源代码是通过CDN从用于分发的URL分发的。

接下来，将参考图4描述与由信息终端105执行的、从用于生成在web浏览器上运行的网站上的UI组件的处理到用于显示从设备信息管理服务器102取得的信息的处理的一系列处理相关的功能配置的示例。

信息终端105

在此配置示例中，使用由客户信息管理服务器103或104提供的源代码在信息终端105的web浏览器304中生成网站307。在所生成的网站307中，基于由UI组件管理服务器101提供的源代码来生成UI组件401。所生成的网站307包括UI组件401、客户信息请求单元402、客户信息接收单元403和第二信息发送单元404。UI组件401包括第二信息接收单元405、第一信息请求单元406、第一信息接收单元407、显示信息确定单元408和UI显示单元409。所生成的网站307的UI画面通过web浏览器304被显示在显示设备208中。

客户信息请求单元402通过网络107向客户信息管理服务器103或104请求登录到网站307中的用户的客户信息。客户信息接收单元403从客户信息管理服务器103或104接收客户信息，并且将接收到的客户信息通知给第二信息发送单元404。在从客户信息接收单元403接收到客户信息的通知后，第二信息发送单元404将针对做出通知的客户信息当中的使用UI组件401所需要的客户信息(必要信息)通知给UI组件401(第二信息接收单元405)。使用UI组件所需要的客户信息包括例如用户认证信息(例如，访问令牌)、每个设备的管理信息(例如，设备名称、安装位置和序列号)等。UI组件401可以使用认证信息来从设备信息管理服务器102取得设备信息。

例如，使用指示出UI组件的生成的原始HTML标签的属性来实现将来自第二信息发送单元404的客户信息通知(输入)给UI组件401(第二信息接收单元405)。以下是对HTML代码的一部分的描述示例，在此示例中名称属性、序列属性和令牌属性被编写为指示出UI组件的生成的原始HTML标签的属性。

在以上示例中，名称属性、序列属性和令牌属性分别被赋予作为属性值(参数值)的设备名称、序列号和认证信息。以这种方式，通过将客户信息编写为被并入到指示出UI组件的生成的原始HTML标签的属性中的属性值(参数值)，能够从网站307向UI组件401通知客户信息。

在从第二信息发送单元404接收到客户信息后，UI组件401的第二信息接收单元405确定接收到的客户信息是否是具有在UI组件401中预定义的结构的信息。这里，第二信息接收单元405确定被编写在网站307的源代码(HTML代码)中的、被并入到指示出UI组件的生成的原始HTML标签的属性中的信息是否是具有预定义的结构的信息。如果接收到的客户信息具有预定义的结构，那么第二信息接收单元405将包含在客户信息中的信息当中的认证信息通知给第一信息请求单元406，并且将其余信息通知给显示信息确定单元408。

第一信息请求单元406从第二信息接收单元405接收认证信息。此认证信息被用于确定是否可以从设备信息管理服务器102取得设备信息，并且例如由访问令牌构成。第一信息请求单元406向设备信息管理服务器102做出对设备信息的请求。具体地，第一信息请求单元406通过网络107向设备信息管理服务器102发送包括接收到的认证信息的对设备信息的请求。使用应用编程接口(API)来发送设备信息请求。

第一信息接收单元407从设备信息管理服务器102(设备信息发送单元415)接收由第一信息请求单元406向设备信息管理服务器102请求的设备信息。第一信息接收单元407将接收到的设备信息通知给显示信息确定单元408。

显示信息确定单元408接收来自第二信息接收单元405的客户信息，以及来自第一信息接收单元407的设备信息。显示信息确定单元408基于接收到的客户信息和设备信息来执行确定要在与UI组件401对应的UI对象中显示的显示信息的确定处理。显示信息确定单元408将所确定的显示信息通知给UI显示单元409。

例如，显示信息确定单元408通过将客户信息中包含的每个设备的信息与设备信息中包含的每个设备的信息进行比较并且识别包含相同序列号的信息来识别与同一设备对应的信息。显示信息确定单元408还通过将分别包含在客户信息和设备信息中的与同一设备对应的信息相关联来确定要在与UI组件401对应的UI对象上显示的显示信息，并且将此显示信息通知给UI显示单元409。另一方面，显示信息确定单元408不将包含在设备信息中的与客户信息没有关联的信息作为显示信息通知给UI显示单元409。

根据此显示信息确定处理，由UI组件401显示从设备信息管理服务器102取得的设备信息当中的仅与从网站307通知给UI组件401的客户信息相关联的信息。因此，例如，网站307向UI组件401(第二信息接收单元405)通知使用特定设备名称过滤后的客户信息，这使得UI组件401能够缩减要在UI对象上显示的设备信息。

UI显示单元409将显示信息确定单元408针对做出通知的显示信息显示在与UI组件401对应的UI对象上。注意的是，在网站307的UI画面上显示与UI组件401对应的UI对象。

客户信息管理服务器103和104

客户信息管理服务器103和104包括请求接收单元410、客户信息管理单元411和客户信息发送单元412。

请求接收单元410从在信息终端105的web浏览器304上运行的网站307(客户信息请求单元402)接收对客户信息的请求，并且将接收到的请求通知给客户信息管理单元411。客户信息管理单元411管理被提供给网站307的客户信息。在从请求接收单元410接收到对客户信息的请求后，客户信息管理单元411基于接收到的请求从所管理的客户信息中收集供在网站307上使用的客户信息。客户信息管理单元411将收集到的信息通知给客户信息发送单元412。客户信息发送单元412通过网络107将客户信息管理单元411针对其做出通知的客户信息作为对客户信息请求的响应发送给网站307(客户信息接收单元403)。

设备信息管理服务器102

设备信息管理服务器102包括设备信息接收单元413、设备信息管理单元414和设备信息发送单元415。

设备信息接收单元413接收从设备106发送的设备信息，并且将接收到的设备信息通知给设备信息管理单元414。从设备106发送的设备信息包括例如关于设备的基本信息(产品名称和序列号)、操作信息(诸如调色剂剩余量信息之类的消耗品信息、警报信息和安全信息)等。

设备信息管理单元414从设备信息接收单元413接收设备信息，并且将接收到的设备信息与用户认证信息相关联地进行管理。在从UI组件401(第一信息请求单元406)接收到对设备信息的请求后，设备信息管理单元414在所管理的设备信息当中识别与被包括在接收到的请求中的认证信息相关联的设备信息。设备信息管理单元414将所识别的设备信息发送给设备信息发送单元415。

设备信息发送单元415通过网络107将从设备信息管理单元414接收的设备信息作为对设备信息请求的响应发送给UI组件401(第一信息接收单元407)。使用API来发送设备信息。

<处理序列>

图5是图示出在根据本实施例的系统中用于在信息终端105中显示由客户信息管理服务器103提供的网站307的UI画面的处理的序列示例的序列图。信息终端105中的每个处理被实现为通过CPU 201读出并执行存储在信息终端105的存储器202或HDD 203中的程序而由CPU 201执行的处理。

在此处理中，信息终端105将由UI组件管理服务器101提供的UI组件401并入到由客户信息管理服务器103提供的网站307中。信息终端105还基于分别从客户信息管理服务器103和设备信息管理服务器102取得的客户信息和设备信息来控制与UI组件401对应的UI对象在网站307的UI画面中的显示。

以下将描述响应于通过web浏览器304做出的用户操作而将示出客户所拥有的设备106的列表(设备列表)的设备列表画面作为网站307的UI画面进行显示的示例。这里，将描述将设备列表作为与UI组件401对应的UI对象显示在此设备列表画面中的显示控制的示例。此示例将描述在客户信息管理服务器103和104中使用客户信息管理服务器103的情况，但使用客户信息管理服务器104的情况与此相同。

在步骤S501中，信息终端105通过web浏览器304接受用于指示登录到由客户信息管理服务器103提供的网站307的用户操作。例如，通过由web浏览器304显示在显示设备208中的登录画面，使用信息终端105的输入设备206做出登录指示。登录画面被配置成接受作为登录信息的用户ID和密码的输入。

当做出用于登录指示的用户操作时，在步骤S502中，信息终端105(web浏览器304)将由用户通过登录画面输入的登录信息发送给客户信息管理服务器103以进行用户认证。客户信息管理服务器103基于从信息终端105接收的登录信息来执行用户认证，并且如果用户认证成功，那么将用于已被认证的客户的网站307的源代码发送给信息终端105。

结果，在步骤S503中，信息终端105(web浏览器304)从客户信息管理服务器103取得网站307的源代码。在步骤S504中，信息终端105使用在步骤S503中取得的源代码生成网站307，并且将网站307的UI画面(网站画面)显示在web浏览器304的浏览器画面中。以这种方式，web浏览器304基于对由客户信息管理服务器103提供的网站307的登录，将网站307的UI画面显示在信息终端105的显示设备208(显示单元)中。

然后，在步骤S505中，信息终端105(web浏览器304)通过在信息终端105中显示的网站画面，接受指示将特定画面显示为网站307的UI画面(将画面转变为特定画面)的用户操作。如上所述，此示例描述由用户做出将画面转变为如图7A和图7B中图示的设备列表画面的指示的情况。(注意的是，第二实施例将描述由用户做出将画面转变为如图10中图示的设备详情画面的指示的情况。)

响应于用于指示将画面转变为设备列表画面的用户操作，在步骤S506中，信息终端105(web浏览器304)向UI组件管理服务器101做出对于用于显示设备列表的UI组件的请求。在从web浏览器304接收到对UI组件的请求后，UI组件管理服务器101将所管理的UI组件当中的已被请求的UI组件的源代码作为对接收到的请求的响应发送给web浏览器304。

结果，在步骤S507中，信息终端105(web浏览器304)从UI组件管理服务器101取得用于显示设备列表的UI组件的源代码。以这种方式，响应于指示将设备列表画面(第一画面)显示为网站307的UI画面的用户操作，web浏览器304向UI组件管理服务器101做出对于将UI对象显示在设备列表画面中的UI组件的请求。web浏览器304从UI组件管理服务器101取得作为对此请求的响应的UI组件。

接下来，在步骤S508中，信息终端105(web浏览器304)使用在步骤S507中取得的源代码来生成用于显示设备列表的UI组件401。如上所述，UI组件401的生成是根据网站307的源代码中的指示出UI组件的生成的原始HTML标签(例如，...)来执行的。所生成的UI组件401在web浏览器304(网站307)中运行。

当UI组件401的生成完成时，在步骤S509中，信息终端105(web浏览器304)向客户信息管理服务器103做出对登录到由客户信息管理服务器103管理的网站307中的用户的客户信息的请求。在从web浏览器304接收到对客户信息的请求后，客户信息管理服务器103将所请求的客户信息(登录到网站307中的用户的客户信息)作为对接收到的请求的响应发送给web浏览器304。

结果，在步骤S510中，信息终端105(web浏览器304)从用于通知(输入)UI组件401的客户信息管理服务器103取得与登录到网站307中的用户对应的客户信息。从客户信息管理服务器103取得的客户信息包括用户的认证信息(在此示例中，访问令牌)和每个设备的管理信息(在此示例中，设备名称、安装位置和序列号)。

当客户信息的取得完成时，在步骤S511中，信息终端105(web浏览器304)将所取得的客户信息当中的使用UI组件401所需要的客户信息(必要信息)通知(输入)给UI组件401。如上所述，例如通过将必要信息并入到网站307的源代码中的指示出UI组件的生成的原始HTML标签(例如，...)的属性(例如，名称属性、序列属性和令牌属性)中来实现将必要信息通知给UI组件401(输入必要信息)。例如，从网站307向UI组件401通知用户的认证信息(访问令牌)和每个设备的管理信息(设备名称、安装位置和序列号)。

接下来，在步骤S512至步骤S515中，web浏览器304将包括由UI组件401显示的UI对象的设备列表画面(第一画面)显示在显示设备208(显示单元)中。从步骤S512到步骤S515的处理由信息终端105中的web浏览器304(网站307)上运行的UI组件401执行。

在步骤S512中，UI组件401响应于将必要信息通知(输入)给UI组件401，向设备信息管理服务器102发送对设备信息的请求。对设备信息的请求包括由网站307通知给UI组件401的访问令牌。使用访问令牌使得能够在没有接受用户的登录信息(用户ID和密码)的输入的情况下从设备信息管理服务器102取得设备信息。

在接收到对设备信息的请求后，设备信息管理服务器102将所管理的设备信息当中的与在接收到的请求中包括的认证信息(访问令牌)相关联的设备信息作为对请求的响应发送。结果，在步骤S513中，UI组件401从设备信息管理服务器102取得设备信息。注意的是，从设备信息管理服务器102发送的设备信息包括例如关于设备的基本信息(产品名称和序列号)和操作信息(诸如调色剂剩余量信息之类的消耗品信息、警报信息和安全信息)。以这种方式，UI组件401被配置成向设备信息管理服务器102做出对于由设备信息管理服务器102提供的设备信息的请求，并且从设备信息管理服务器102取得此设备信息。

然后，在步骤S514中，UI组件401对要在网站307的UI画面(网站画面)中显示的与UI组件401对应的UI对象执行显示信息确定处理。具体地，UI组件401基于从网站307通知(输入)的客户信息和从设备信息管理服务器102取得的设备信息来确定要在UI对象上显示的信息。注意的是，在本实施例中，根据图6(稍后描述)中的过程来执行步骤S514的处理。然后，在步骤S515中，UI组件401将包括所确定的显示信息的UI对象显示在网站307的UI画面(网站画面)中。以这种方式，UI组件401被配置成基于从客户信息管理服务器103取得的客户信息(第一信息)和从设备信息管理服务器102(第二服务器)取得的设备信息(第二信息)当中的一个信息来控制另一个信息在对应的UI对象中的显示。

<显示信息确定处理(步骤S515)>

图6是图示出本实施例中的用于确定UI对象的显示信息的处理(步骤S515)的序列示例的流程图。此序列中的处理是由在信息终端105中的web浏览器304(网站307)上运行的用于显示设备列表的UI组件401来执行的。UI组件401(显示信息确定单元408)基于从网站307通知(输入)的客户信息和从设备信息管理服务器102取得的设备信息来执行显示信息确定处理。

在步骤S601中，UI组件401生成用于存储要显示在对应UI对象上的信息(显示信息)的空的设备列表数据。作为示例，设备列表数据被生成为用于存储设备名称、安装位置、产品名称、序列号、警报信息、消耗品信息(例如，调色剂剩余量信息)和安全信息的每个设备的列表格式的数据。以这种方式，设备列表数据被配置成能够存储从客户信息和设备信息取得的信息。

接下来，在步骤S602中，UI组件401逐个地取得客户信息中包含的序列号，之后序列移动到步骤S603。在此示例中，客户信息包括认证信息(访问令牌)和由客户管理的每个设备的管理信息。每个设备的管理信息由存储有每个设备的设备名称、安装位置和序列号的列表格式的数据构成。UI组件401从客户信息逐个地取得至少一个设备的序列号。

在步骤S603至步骤S607中，UI组件401逐个地参考设备信息中包含的序列号，并且基于与在步骤S602中从客户信息取得的序列号的比较结果，将客户信息与设备信息相关联。

首先，在步骤S603中，UI组件401逐个地取得设备信息中包含的序列号，之后序列移动到步骤S604。在此示例中，设备信息由包括已经在设备信息管理服务器102中登记的每个设备的产品名称、序列号、警报信息、消耗品信息(例如，调色剂剩余量信息)和安全信息的列表格式的数据构成。UI组件401从设备信息逐个地取得至少一个设备的序列号。

在步骤S604中，UI组件401将从客户信息取得的序列号与从设备信息取得的序列号进行比较，并且确定这些序列号是否匹配。如果序列号不匹配，那么UI组件401将序列移动到步骤S605，如果序列号匹配，那么将序列移动到步骤S607。

在步骤S607中，UI组件401基于相匹配的序列号，将对应的客户信息(设备名称和安装位置)和设备信息(产品名称、警报信息、消耗品信息和安全信息)相关联，并且将此信息存储在设备列表数据中。即，UI组件401存储与具有相同序列号的设备相关联的客户信息和设备信息。然后，UI组件401将序列移动到步骤S608。

在步骤S605中，UI组件401确定是否已参考设备信息中包括的所有序列号。如果在设备信息中包括的序列号当中仍有尚未被参考的序列号(即，尚未与从客户信息取得的序列号进行比较的序列号)，那么UI组件401将序列返回到步骤S603。通过这样做，UI组件401依次取得设备信息中包括的序列号(步骤S603)，并且将这些序列号与从客户信息取得的序列号进行比较(步骤S604)。

另一方面，如果在步骤S605中已参考设备信息中的所有序列号(即，在设备信息中不存在与从客户信息取得的序列号相匹配的序列号)，那么UI组件401将序列移动到步骤S606。在步骤S606中，UI组件401将与在步骤S602中取得的序列号对应的设备的客户信息存储在设备列表数据中，之后序列移动到步骤S608。

以这种方式，对于在步骤S602中取得的客户信息中包括的每个序列号，评估在设备信息中是否包括相同的序列号(步骤S604)。如果在设备信息中包括相同的序列号，那么将与该相同序列号对应的客户信息和设备信息相关联并且将其作为要显示在与UI组件401对应的UI对象上的显示信息存储在设备列表数据中。

在步骤S608中，UI组件401确定是否已参考客户信息中包括的所有序列号。如果已参考客户信息中包括的所有序列号，那么UI组件401结束显示信息确定处理。另一方面，如果在客户信息中包括的序列号当中有尚未被参考的序列号(即，仍有对于其而言在设备信息中是否包括相同序列号的评估尚未完成的序列号)，那么UI组件401将序列返回到步骤S602。通过这样做，UI组件401依次取得客户信息中包括的序列号(步骤S602)，并且将这些序列号与设备信息中包括的每个序列号进行比较(步骤S604至步骤S606)。

通过上述处理，UI组件401确定UI对象的显示信息，并且生成包括所确定的显示信息的设备列表数据(步骤S514)。UI组件401基于所生成的设备列表数据，将设备列表显示在与UI组件401对应的UI对象上(步骤S515)。以这种方式，UI组件401将客户信息和设备信息二者中包括的对应于作为设备序列号的相同序列号的信息相关联。UI组件401根据所阐述的关联，进一步控制针对每个设备是在设备列表中仅显示客户信息还是显示客户信息和设备信息二者。

根据此处理，对于设备信息，仅与客户信息相关联的设备信息被显示在与UI组件401对应的UI对象(设备列表)中。因此，例如，通过在步骤S511中仅将特定序列号作为客户信息通知给UI组件401，可以在与UI组件401对应的UI对象上仅显示与此序列号对应的设备信息。换句话说，基于由网站307通知给UI组件401的客户信息，可以过滤UI组件401在UI对象上显示的设备信息(即，可以缩减要在UI对象上显示的设备信息)。

<设备列表画面的显示示例>

图7A和图7B图示出作为由信息终端105中的web浏览器304显示的网站307的UI画面示例的设备列表画面701。设备列表画面701被显示在web浏览器304的浏览器画面700中。

web浏览器304通过例如网站307的UI画面(例如，选单画面)从用户接受显示设备列表画面的指示(转变为设备列表画面的指示)。web浏览器304根据显示设备列表画面的指示，将包括指示出设备列表的UI对象702的设备列表画面701显示在浏览器画面700中。

UI对象702是由UI组件401显示的用于显示设备列表的显示对象。基于从UI组件管理服务器101取得的源代码来生成要在网站307中实现的UI组件401，并且由所生成的UI组件401来显示指示出设备列表的UI对象702。

UI组件401基于由web浏览器304(网站307)针对其做出通知的客户信息，通过如以上参考图6描述的那样将客户信息与设备信息相关联来控制UI对象702的显示。作为UI对象702显示的设备列表显示已通知UI组件401的客户信息和与客户信息相关联的设备信息。换句话说，基于针对其做出通知的客户信息，在UI组件401从设备信息管理服务器102取得的设备信息当中的在设备列表中显示的信息是缩减得到的。

图7A图示出当由web浏览器304(网站307)将包括与具有设备名称“设备A”至“设备D”的四个设备对应的管理信息的客户信息通知给UI组件401时UI对象702的显示示例。如图7A中图示的，在设备列表画面701中作为UI对象702显示的设备列表包括项目703和704。项目703是与客户信息对应的项目，并且包括设备的名称(设备名称)、安装位置和序列号。项目704是与设备信息对应的项目，并且包括设备的产品名称、序列号、状态信息(警告信息)、消耗品信息(调色剂剩余量信息)和安全信息。

在区域705中示出的具有设备名称“设备A”、“设备B”和“设备C”的设备是在设备信息管理服务器102中登记的设备。在这种情况下，UI组件401保存从设备信息管理服务器102取得并且与客户信息相关联的这些设备的设备信息。因此，如区域705中所示，对于每个设备，在UI对象702上显示客户信息和与此客户信息相关联的设备信息。

另一方面，在区域706中示出的具有设备名称“设备D”的设备是没有在设备信息管理服务器102中登记的设备。在这种情况下，对于此设备，UI组件401没有保存与客户信息相关联的设备信息。因此，如区域706中所示，设备信息没有显示在具有设备名称“设备D”的设备的UI对象702上，并且仅显示客户信息。

图7B图示出当由web浏览器304(网站307)将包括与具有安装位置“建筑物A/二楼”的设备对应的管理信息的客户信息通知给UI组件401时UI对象702的显示示例。在此示例中，UI组件401被通知的客户信息比图7A中的示例更受限制。结果，与所通知的客户信息相关联并且显示在UI对象702上的设备信息比在图7A中的示例中缩减得更多。以这种方式，基于由网站307通知给UI组件401的客户信息，可以过滤由UI组件401在UI对象702上显示的设备信息(即，可以缩减要在UI对象上显示的设备信息)。

如上所述，在本实施例的信息终端105中，web浏览器304基于对由客户信息管理服务器103提供的网站307的登录，将网站307的UI画面显示在显示设备208中。响应于指示将设备列表画面(第一画面)显示为网站307的UI画面的用户操作，web浏览器304向UI组件管理服务器101做出对于将UI对象显示在设备列表画面中的UI组件的请求。web浏览器304从UI组件管理服务器101取得作为对此请求的响应的UI组件。web浏览器304还从客户信息管理服务器103取得要输入到UI组件401的与登录到网站307中的用户对应的客户信息。然后，web浏览器304将包括由UI组件401显示的UI对象的设备列表画面(第一画面)显示在显示设备208中。UI组件401被配置成向设备信息管理服务器102请求由设备信息管理服务器102提供的设备信息，并且从设备信息管理服务器102取得此设备信息。此外，基于从客户信息管理服务器103取得的客户信息(第一信息)和从设备信息管理服务器102(第二服务器)取得的设备信息(第二信息)当中的一个信息，UI组件401被配置成控制另一个信息在UI对象上的显示。

以这种方式，在本实施例中，信息终端105从UI组件管理服务器101取得UI组件，并且将UI组件并入到由客户信息管理服务器103提供的网站中。信息终端105使用此UI组件从设备信息管理服务器102取得设备信息，并且将UI对象显示在设备列表画面(第一画面)中。以这种方式使用UI组件使得可以减轻在客户信息管理服务器103中实现用于设备管理的网站的负担。另外，基于从客户信息管理服务器103取得的客户信息和从设备信息管理服务器102(第二服务器)取得的设备信息当中的一个信息，UI组件控制另一个信息在UI对象上的显示。客户信息的显示和设备信息的显示以这种方式彼此链接。这使得可以有效地显示从客户信息管理服务器103取得的客户信息(第一信息)和从设备信息管理服务器102(第二服务器)取得的设备信息(第二信息)。

如此，根据本实施例，可以有效地显示从多个服务器取得的信息，同时减轻实现用于管理设备的网站的负担。

第二实施例

第一实施例描述了UI组件401基于客户信息(第一信息)来控制设备信息(第二信息)的显示的示例。相反，第二实施例将描述UI组件401基于设备信息(第二信息)来控制客户信息(第一信息)的显示的示例。以下将省略与第一实施例中的部件相同的部件的描述。

<处理序列>

如在第一实施例中那样，在根据本实施例的系统中，根据图5中图示的序列来执行处理。本实施例将描述以下示例：在对网站307的登录完成之后，在步骤S505中，用户做出转变为诸如图9中图示的设备详情画面之类的设备详情画面的指示。信息终端105(web浏览器304)通过在信息终端105中显示的网站画面接受指示将画面转变为设备详情画面的用户操作。

响应于用于指示将画面转变为设备详情画面的用户操作，在步骤S506中，信息终端105(web浏览器304)向UI组件管理服务器101做出对于用于显示设备详情信息的UI组件的请求。在从web浏览器304接收到对UI组件的请求后，UI组件管理服务器101将所管理的UI组件当中的已被请求的UI组件的源代码作为对接收到的请求的响应发送给web浏览器304。

结果，在步骤S507中，信息终端105(web浏览器304)从UI组件管理服务器101取得用于显示设备详情信息的UI组件的源代码。在步骤S508中，信息终端105(web浏览器304)使用在步骤S507中取得的源代码生成用于显示设备详情信息的UI组件401。所生成的UI组件401在web浏览器304(网站307)中运行。

然后，当客户信息的取得(步骤S509和S510)完成时，在步骤S511中，信息终端105(web浏览器304)将所取得的客户信息当中的使用UI组件401所需要的客户信息(必要信息)通知(输入)给UI组件401。以下将描述在此示例中向UI组件401通知(输入)客户信息的HTML代码的一部分的示例。

在上述示例中，如在第一实施例中那样，分别用原始HTML标签(例如，...)的名称属性、序列属性和令牌属性来编写被作为客户信息通知给UI组件401的设备名称、序列号和认证信息。在此示例中，用使用原始HTML标签的元素的子元素来编写指示出要显示在与UI组件401对应的UI对象上的附加UI对象的信息(附加UI信息)。每个子元素具有一插槽(slot)属性，并且在UI组件401侧预先定义的插槽名称被编写在插槽属性的属性值中。插槽名称与作为对应于UI组件401的UI对象的一部分的区域相关联，并且其中基于编写在子元素(插槽区域)中的信息来显示附加UI对象。以这种方式，通过将在UI组件401侧预先定义的插槽名称编写在插槽属性中，可以在与UI组件401对应的UI对象上针对UI组件401指定其中显示感兴趣的附加UI对象的区域(插槽区域)。还可以通过上述子元素中的描述将附加UI信息通知给UI组件401。

然后，当通过UI组件401取得设备信息(步骤S512和S513)完成时，在步骤S514中，UI组件401对与此UI组件对应的UI对象执行显示信息确定处理。UI组件401基于从网站307侧通知(输入)的客户信息和从设备信息管理服务器102取得的设备信息，确定要在UI对象上显示的信息。

在此示例中，UI组件401确定这样的显示信息：基于针对其做出通知的附加UI信息的附加UI对象被布置在对应UI对象上的如上所述地指定的插槽区域中。使用插槽名称“cyanToner”、“magentaToner”、“yellowToner”和“blackToner”指定的插槽区域被用于基于附加UI信息来显示作为附加UI对象的、供用户用来订购调色剂容器、处理盒等的订购按钮。UI组件401基于由UI组件401从设备信息管理服务器102取得的设备信息来控制订购按钮(附加UI对象)的显示。例如，当设备信息包括指示出调色剂剩余量低的警报信息时，UI组件401针对由警报信息指示的调色剂颜色，控制在UI对象上的插槽区域中的作为附加UI对象的订购按钮的显示。

<显示信息确定处理(步骤S515)>

图8是图示出本实施例中的用于确定UI对象的显示信息的处理(步骤S515)的序列示例的流程图。此序列中的处理由在信息终端105中的web浏览器304(网站307)上运行的用于显示设备详情信息的UI组件401来执行。UI组件401(显示信息确定单元408)基于从网站307通知(输入)的包括附加UI信息的客户信息和从设备信息管理服务器102取得的设备信息来执行显示信息确定处理。

在步骤S801中，UI组件401通过由网站307做出的通知(输入)取得指示出要在与UI组件401对应的UI对象上显示的附加UI对象的附加UI信息。如上所述，附加UI信息被编写为例如在网站307的源代码中的使用指示出UI组件的生成的原始HTML标签的元素的子元素。每个子元素是使用具有预先针对每个调色剂颜色定义的插槽属性(cyanToner、magentaToner、yellowToner和blackToner)的标签来编写的，并且包括用于基于设备信息在对应的插槽区域中显示如上所述的订购按钮的信息。

在步骤S802中，UI组件401取得被包括在从设备信息管理服务器102取得的设备信息中的调色剂剩余量信息。如果调色剂剩余量信息包括指示出在感兴趣的设备中的多个调色剂颜色(青色、品红色、黄色和黑色)的调色剂剩余量的信息，那么UI组件401一次一种颜色地取得多种调色剂颜色中的每一种的调色剂剩余量信息，并且执行后续处理。

接下来，在步骤S803中，UI组件401确定在设备信息中是否存在感兴趣的颜色的调色剂相关警报信息。这里，警报信息是针对每个设备的诸如卡纸相关警报信息(卡纸的发生)、调色剂相关警报信息(调色剂剩余量低或没有调色剂)等之类的指示出警报发生的信息。

如果存在目标颜色的调色剂相关警报信息，那么UI组件401将序列移动到步骤S804，在该步骤中指示出调色剂剩余量信息的调色剂剩余量显示和订购按钮被布置为与UI组件401对应的UI对象上的显示信息。调色剂剩余量显示被布置在UI组件401侧预先定义的显示区域中。订购按钮在UI组件401侧预先定义的显示区域(以上提到的插槽区域)中被生成，并且被布置在此显示区域中。结果，显示感兴趣的颜色的订购按钮。另一方面，如果在步骤S803中不存在目标颜色的调色剂相关警报信息，那么UI组件401将序列移动到步骤S805，在该步骤中调色剂剩余量显示被布置为与UI组件401对应的UI对象上的显示信息。在这种情况下，用于显示订购按钮的显示区域(如上所述的插槽区域)不被生成，因此对于感兴趣的颜色而言，不显示订购按钮。

在步骤S804或步骤S805中的处理完成之后，在步骤S806中，UI组件401确定针对多个调色剂颜色中的全部的处理是否完成。当针对所有的多种调色剂颜色的处理完成时，UI组件401根据图8中图示的序列而结束处理，并且如果存在针对其的处理尚未完成的任何余下的调色剂颜色，那么返回到步骤S802。

以这种方式，基于设备信息(第二信息)，UI组件401基于附加UI信息来控制是否在UI对象上显示附加UI对象(订购按钮)。结果，用户可以确认哪些调色剂容器、处理盒等需要被更换，并且可以立即下订单。

<设备详情画面的显示示例>

图9图示出作为由信息终端105中的web浏览器304显示的网站307的UI画面示例的设备详情画面901。设备详情画面901被显示在网络浏览器304的浏览器画面700中。

web浏览器304通过例如网站307的UI画面接受来自用户的显示设备详情画面的指示(转变为设备详情画面的指示)。web浏览器304根据显示设备详情画面的指令，在浏览器画面700中显示包括指示出设备详情信息的UI对象902的设备详情画面901。

UI对象902是由UI组件401显示的用于显示设备详情信息的显示对象。基于从UI组件管理服务器101取得的源代码来生成要在网站307中实现的UI组件401，并且由所生成的UI组件401显示指示出设备列表的UI对象902。

图9图示出示出了关于具有设备名称“设备A”的设备的详情信息的UI对象902的显示示例。UI对象902包括将设备名称和设备安装位置作为客户信息显示的区域903和显示设备信息的区域904。基于设备信息中包括的调色剂剩余量信息，在区域904中显示多种调色剂颜色(青色、品红色、黄色和黑色)中的每一种的调色剂剩余量和直到调色剂用完为止的剩余天数。

UI对象902还包括与设置在UI对象902上并且其中显示有附加UI对象的插槽区域对应的区域905和906。区域906被布置在区域904内。基于由web浏览器304(网站307)通知给UI组件401的客户信息(附加UI信息)来显示附加UI对象。

区域905对应于设置在UI对象902上的插槽区域当中的具有插槽名称“deviceInformation”的插槽区域。区域905被配置成显示诸如客户合约信息等之类的没有在UI组件401侧预先定义的附加客户信息。区域906对应于设置在UI对象902上的插槽区域当中的具有插槽名称“cyanToner”、“magentaToner”、“yellowToner”和“blackToner”的插槽区域。根据通过图8中图示的序列执行的处理，基于与调色剂剩余量有关并且被包括在设备信息中的警报信息，在区域906中设置作为附加UI对象的订购按钮。在图9中的显示示例中，基于指示出品红色调色剂剩余量低的警报信息，在区域906中显示用于订购品红色调色剂的订购按钮。

如上所述，在本实施例的信息终端105中，UI组件401基于设备信息(第二信息)来控制客户信息(第一信息)的显示。客户信息的显示和设备信息的显示以这种方式彼此链接。这使得可以有效地显示从客户信息管理服务器103取得的客户信息(第一信息)和从设备信息管理服务器102(第二服务器)取得的设备信息(第二信息)。

第三实施例

在第一实施例和第二实施例中，客户信息和设备信息被布置在由UI组件401显示的UI对象上的不同区域中。第三实施例将描述以下示例：UI组件401针对在对应UI对象上显示的图形或表格中的每个区域，基于客户信息(第一信息)和设备信息(第二信息)来控制显示客户信息或设备信息中的哪一个。以下将描述如下示例：在被显示为指示出目标设备的详情信息的UI对象的日历上的每一天的区域中，基于客户信息和设备信息中的每个中包括的历史信息，显示此设备的检查历史。

<显示信息确定处理(步骤S515)>

图10是图示出本实施例中的用于确定UI对象的显示信息的处理(步骤S515)的序列示例的流程图。此序列中的处理是由在信息终端105中的web浏览器304(网站307)上运行的用于显示设备详情信息的UI组件401来执行的。

在此示例中，UI组件401通过生成日历历史数据来确定UI对象的显示信息，日历历史数据被用于将示出目标设备的检查历史的日历作为UI对象显示在设备详情画面中。UI组件401(显示信息确定单元408)基于从网站307通知的客户信息(现场检查和电话支持的历史)和从设备信息管理服务器102取得的设备信息(操作状况的历史)来执行显示信息确定处理。

在步骤S1001中，UI组件401生成用于存储要在对应UI对象上显示的信息(显示信息)的日历历史数据。作为示例，日历历史数据被生成为用于存储目标设备的每天的操作状况、现场检查和电话支持的历史的列表格式的数据。

接下来，在步骤S1002中，UI组件401从客户信息取得在指定时段(在此示例中，日历显示时段)期间的目标设备的现场检查和电话支持的历史信息。历史信息被配置成保存针对设备提供现场检查或电话支持的日期和时间的列表格式的数据。此外，在步骤S1003中，UI组件401从设备信息取得关于指定时段(在此示例中，日历显示时段)内目标设备的操作状况的历史信息。历史信息被配置成保存指示出在目标设备中发生的警报的详情以及日期和时间的警报信息的列表格式的数据。

然后，在步骤S1004至步骤S1009中，UI组件401执行如下处理：针对指定时段(在此示例中，日历显示时段)中的每天，确定作为处理目标(目标日期)的日历上的每天的显示信息，并且将显示信息存储在日历历史数据中。

在步骤S1004中，UI组件401确定在目标日期出现的警报信息是否作为操作状况历史存在于从设备信息管理服务器102取得的设备信息中。如果存在操作状况历史，那么UI组件401将序列移动到步骤S1005，将操作状况历史作为目标日期的数据存储在日历历史数据中，然后将序列移动到步骤S1007。另一方面，如果不存在操作状况历史，那么UI组件401将序列移动到步骤S1006，将指示出不存在设备异常的数据作为目标日期的数据存储在日历历史数据中，然后将序列移动到步骤S1007。

在步骤S1007中，UI组件401确定在目标日期执行的现场检查或电话支持的历史是否存在于web浏览器304(网站307)针对其做出通知的客户信息中。如果不存在在目标日期执行的现场检查或电话支持的历史，那么UI组件401将序列移动到步骤S1009，而如果存在在目标日期执行的现场检查或电话支持的历史，那么序列移动到步骤S1008。

在步骤S1008中，UI组件401将在目标日期执行的现场检查或电话支持的历史作为目标日期的数据存储在日历历史数据中，并且将序列移动到步骤S1009。在步骤S1008中，UI组件401重写在步骤S1005或步骤S1006中存储在日历历史数据中的目标日期的数据。通过这样做，如果在客户信息中不存在在目标日期执行的现场检查或电话支持的历史，那么信息将基于设备信息而显示在日历上的目标日期的区域中。另一方面，如果在客户信息中存在在目标日期执行的现场检查或电话支持的历史，那么信息将基于客户信息而显示在日历上的目标日期的区域中。

在步骤S1009中，UI组件401确定对于指定时段(在此示例中，日历显示时段)中的所有天，处理是否完成。如果处理没有完成，那么UI组件401将序列返回到步骤S1004，并且从步骤S1004向前继续处理，将指定时段中的下一天设置为要处理的日期(目标日期)。另一方面，如果处理完成，那么图10中图示的序列的处理结束。

通过上述处理，UI组件401生成包括针对UI对象确定的显示信息的日历历史数据(步骤S514)。基于所生成的日历历史数据，UI组件401将与目标设备有关的历史信息以日历格式显示在与UI组件401对应的UI对象上(步骤S515)。

<设备详情画面(检查历史)的显示示例>

图11图示出作为由信息终端105中的web浏览器304显示的网站307的UI画面示例的、指示出设备检查历史的设备详情画面1101。设备详情画面1101被显示在网络浏览器304的浏览器画面700中。

web浏览器304通过例如网站307的UI画面接受来自用户的显示设备详情画面的指示(转变为设备详情画面的指示)。web浏览器304响应于显示设备详情画面的指示，将包括示出设备详情信息的UI对象1102的设备详情画面1101显示在浏览器画面700中。

UI对象1102是由UI组件401显示的用于显示设备详情信息的显示对象。基于从UI组件管理服务器101取得的源代码来生成要在网站307中实现的UI组件401，并且由所生成的UI组件401来显示指示出设备列表的UI对象1102。

图11图示出示出关于具有设备名称“设备A”的设备的详情信息的UI对象1102的显示示例。UI对象1102包括示出与目标设备有关的历史信息(目标设备的检查历史)的日历显示1103。基于客户信息(现场检查和电话支持的历史)或设备信息(操作状况的历史)的图标被显示在UI对象1102上的日历显示1103中的用于每天的区域中。

当基于设备信息、设备正在正常操作并且在目标日期在设备中没有异常时，显示圆圈图标。当基于设备信息、在目标日期由于设备故障而有警报时，显示×图标。当基于客户信息、在目标日期执行电话支持时，显示图标1104。当基于客户信息、在目标日期执行现场检查时，显示图标1105。

在图11中的示例中，UI组件401基于客户信息和设备信息来控制在日历显示1103中的用于每天的区域中显示客户信息(现场检查和电话支持的历史)和设备信息(操作状况的历史)中的哪一个。具体地，根据图10中图示的序列，如果在客户信息中不存在在目标日期执行的现场检查或电话支持的历史，那么基于设备信息(操作状况的历史)的图标将被显示在日历上的目标日期的区域中。另一方面，如果在客户信息中存在在目标日期执行的现场检查或电话支持的历史，那么基于此客户信息的图标将被显示在日历上的目标日期的区域中。

以这种方式，设备信息和客户信息可以一起显示在UI对象1102上显示的图形或表格(在此示例中，日历显示1103)中。这样的显示使得可以向用户提供诸如(例如)设备有故障并且后续通过现场检查或者通过电话支持解决了故障之类的关于设备的更详细的历史信息。

如上所述，在本实施例中，UI组件401针对在对应UI对象上显示的图形或表格中的每个区域，控制显示客户信息(第一信息)或设备信息(第二信息)中的哪一个。这使得可以向用户提供与设备有关的更详细的历史信息。

其他实施例

本发明的(一个或多个)实施例也可以由系统或装置的计算机实现，其中计算机读出并执行记录在存储介质(其也可以被更完整地称为“非暂态计算机可读存储介质”)上的计算机可执行指令(例如，一个或多个程序)以执行一个或多个上述实施例的功能，和/或计算机包括用于执行一个或多个上述实施例的功能的一个或多个电路(例如，专用集成电路(ASIC))，并且由系统或装置的计算机通过例如从存储介质中读出并执行计算机可执行指令以便执行一个或多个上述实施例的功能和/或控制一个或多个电路执行一个或多个上述实施例的功能所执行的方法来实现。计算机可以包括一个或多个处理器(例如，中央处理单元(CPU)、微处理单元(MPU))并且可以包括独立计算机或独立处理器的网络来读出和执行计算机可执行指令。计算机可执行指令可以从例如网络或存储介质中提供给计算机。存储介质可以包括例如硬盘、随机存取存储器(RAM)、只读存储器(ROM)、分布式计算系统的存储装置、光盘(诸如压缩盘(CD)、数字多样化盘(DVD)或蓝光盘(BD)

其他实施例

本发明的实施例还可以通过如下的方法来实现，即，通过网络或者各种存储介质将执行上述实施例的功能的软件(程序)提供给系统或装置，该系统或装置的计算机或是中央处理单元(CPU)、微处理单元(MPU)读出并执行程序的方法。

虽然已参考示例性实施例描述了本发明，但要理解，本发明不限于所公开的示例性实施例。随附权利要求书的范围将被赋予最宽泛的解释，以包含所有这样的修改形式以及等同的结构和功能。