CN111033465A - 终端装置、ui扩展方法和ui扩展程序 - Google Patents

终端装置、ui扩展方法和ui扩展程序 Download PDF

Info

Publication number
CN111033465A
CN111033465A CN201880052510.XA CN201880052510A CN111033465A CN 111033465 A CN111033465 A CN 111033465A CN 201880052510 A CN201880052510 A CN 201880052510A CN 111033465 A CN111033465 A CN 111033465A
Authority
CN
China
Prior art keywords
terminal device
gui
web page
component
specifying
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Granted
Application number
CN201880052510.XA
Other languages
English (en)
Other versions
CN111033465B (zh
Inventor
增田健
西川健一
足立洋之
井上晃
八木佐也香
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Nippon Telegraph and Telephone Corp
Original Assignee
Nippon Telegraph and Telephone Corp
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Nippon Telegraph and Telephone Corp filed Critical Nippon Telegraph and Telephone Corp
Publication of CN111033465A publication Critical patent/CN111033465A/zh
Application granted granted Critical
Publication of CN111033465B publication Critical patent/CN111033465B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04LTRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L41/00Arrangements for maintenance, administration or management of data switching networks, e.g. of packet switching networks
    • H04L41/22Arrangements for maintenance, administration or management of data switching networks, e.g. of packet switching networks comprising specially adapted graphical user interfaces [GUI]
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/30Creation or generation of source code
    • G06F8/34Graphical or visual programming
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation
    • G06F16/9577Optimising the visualization of content, e.g. distillation of HTML documents
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/958Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04847Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/30Creation or generation of source code
    • G06F8/38Creation or generation of source code for implementing user interfaces
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04LTRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L67/00Network arrangements or protocols for supporting network services or applications
    • H04L67/01Protocols
    • H04L67/02Protocols based on web technology, e.g. hypertext transfer protocol [HTTP]

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • Databases & Information Systems (AREA)
  • Computer Networks & Wireless Communication (AREA)
  • Signal Processing (AREA)
  • Data Mining & Analysis (AREA)
  • User Interface Of Digital Computer (AREA)
  • Information Transfer Between Computers (AREA)
  • Stored Programmes (AREA)

Abstract

部件指定部(2211)使Web浏览器(22)显示能够指定与构成Web页的部件的显示方式相关的设定内容的部件指定GUI,并经由部件指定GUI受理与显示方式相关的设定内容的指定。此外,动作指定部(2212)使Web浏览器(22)显示能够指定与构成Web页的部件的动作相关的设定内容的动作指定GUI,并经由动作指定GUI受理与动作相关的设定内容的指定。此外,扩展部(222)根据由部件指定部(2211)受理到的与显示方式相关的设定内容和由动作指定部(2212)受理到的与动作相关的设定内容来扩展Web页,使Web浏览器(22)显示该扩展后的Web页。

Description

终端装置、UI扩展方法和UI扩展程序
技术领域
本发明涉及终端装置、UI扩展方法和UI扩展程序。
背景技术
系统开发需要诸如需求定义、设计、编码、测试的作业,各作业通常花费较大的开发成本、时间。因此,以往,特别已知有用于容易地进行与用户接口(UI:User Interface)的扩展相关的作业。
例如,已知有能够视觉上进行与UI的显示方式相关的设定和安装的综合开发环境(IDE:Integrated Development Environment)。此外,例如,已知有通过能够使用文本编辑等来編集的JSON形式、JavaScript(注册商标)语言记载扩展规则的方式(例如,参照非专利文献1)。
现有技术文献
非专利文献
非特許文献1:西川健一、増田健、足立洋之、土川公雄、井上晃、丸山勉、「Webベースの業務システムのユーザインタフェース拡張方式」信学技報,vol.116,no.124,ICM2016-19,pp.63-68,2016年7月
非特許文献2:Google Blockly、[online]、[平成29年7月5日検索]、インターネット(https://developers.google.com/blockly/)
非专利文献3:John Maloney,Mitchel Resnick,Natalie Rusk,BrianSilverman,and Evelyn Eastmond"The Scratch Programming Language andEnvironment",ACM Transactions on Computing Education,Vol.10,No.4,Article 16,Pub.date:November 2010.
非专利文献4:野末晴久、横瀬史拓、増田健、「クライアント自律操作エージェントにおけるGUI操作によるシナリオ生成手法」、2009年電子情報通信学会通信ソサイエティ大会B-14-16
非专利文献5:堀田健太郎、西川健一、増田健、「クライアント自律操作エージェントの適用事例」、2009年電子情報通信学会通信ソサイエティ大会B-14-17
发明内容
发明所要解决的课题
但是,在使用现有技术进行与UI的扩展相关的作业的情况下,需要与编程相关的技能和知识。因此,现有技术中存在有时对于不具有与编程相关的技能和知识的人来说难以进行与UI的扩展相关的作业的问题。
例如,在现有的IDE中,无法视觉上进行针对UI的事件的动作的安装,因此,在进行这样的动作的安装的情况下,需要基于通常的编程语言的记述。因此,对不具有编程技能的人来说,难以使用现有的IDE进行针对UI的事件的动作的安装。
此外,例如,在使用非专利文献1所记载的技术进行扩展规则的编辑的情况下,至少需要与JSON形式、JavaScript语言相关的知识。因此,对于不具有与JSON形式、JavaScript语言相关的知识的人来说,难以使用非专利文献1所记载的技术进行扩展规则的编辑。
用于解决问题的手段
为了解决上述的课题,达成目的,本发明的终端装置的特征在于,具有:部件指定部,其使终端装置显示能够指定与构成Web页的部件的显示方式相关的设定内容的第1GUI(Graphical User Interface:图形用户接口),并经由所述第1GUI受理与所述显示方式相关的设定内容的指定;动作指定部,其使终端装置显示能够指定与构成所述Web页的部件的动作相关的设定内容的第2GUI,并经由所述第2GUI受理与所述动作相关的设定内容的指定;扩展部,其根据由所述部件指定部受理到的与所述显示方式相关的设定内容和由所述动作指定部受理到的与所述动作相关的设定内容来扩展所述Web页,使终端装置显示该扩展后的Web页。
发明效果
根据本发明,不具有与编程相关的技能和知识的人也能够进行与UI的扩展相关的作业。
附图说明
图1是示出包含第1实施方式的终端装置的UI扩展系统的结构的一例的图。
图2是示出第1实施方式的规则DB的数据结构的一例的图。
图3是示出第1实施方式的部件指定GUI的一例的图。
图4是示出第1实施方式的动作指定GUI的一例的图。
图5是示出第1实施方式的扩展后的Web页的一例的图。
图6是示出第1实施方式的附加处理的流程的流程图。
图7是示出第1实施方式的部件指定装置的处理的流程的流程图。
图8是示出第1实施方式的动作指定装置的处理的流程的流程图。
图9是示出执行UI扩展程序的计算机的一例的图。
具体实施方式
以下,根据附图详细地说明本申请的终端装置、UI扩展方法和UI扩展程序的实施方式。另外,本发明不受以下说明的实施方式限定。
[第1实施方式的结构]
首先,使用图1,对第1实施方式的UI扩展系统和终端装置的结构进行说明。图1是示出包含第1实施方式的终端装置的UI扩展系统的结构的一例的图。如图1所示,UI扩展系统1具有Web服务器10和终端装置20。
此外,终端装置20具有附加部21、Web浏览器22、规则DB(数据库)23、代理部24、编辑部221、扩展部222、部件指定部2211和动作指定部2212。终端装置20向Web服务器10发送包含URL等的请求消息,根据针对该请求消息从Web服务器10发送的响应消息,使Web浏览器22显示Web页。
此外,附加部21、规则DB23和代理部24也可以设置于除了Web服务器10等的终端装置20以外的装置。特别是,附加部21和代理部24也可以设置于前向型或反向型代理服务器。此外,附加部21和代理部24也可以作为Web浏览器22的附加功能来安装。
附加部21针对从终端装置20发送到Web服务器10的请求消息取得从Web服务器10发送到终端装置20的响应消息,将使终端装置20执行部件指定部2211和动作指定部2212的功能的程序的代码附加于响应消息。
例如,附加部21将用能够在Web浏览器22中解释并执行的JavaScript等脚本语言记述的代码附加于所取得的响应消息的HTML的BODY部等,返回Web浏览器22。然后,Web浏览器22解释所附加的代码,执行编辑部221的功能。另外,编辑部221的功能中包含部件指定部2211和动作指定部2212的功能。
规则DB23存储由编辑部221的各部件受理到的设定内容。另外,之后叙述设定内容。图2是示出第1实施方式的规则DB的数据结构的一例的图。
如图2所示,规则DB23与URL相关联地存储各设定内容。此外,在规则DB23中,设定内容被划分为部件指定所包含的设定内容和动作指定所包含的设定内容。部件指定所包含的设定内容例如为元素、偏移、标签、背景颜色、前景颜色和注释。此外,动作指定所包含的设定内容例如为用脚本语言记述的程序的代码。这里,元素是指识别构成Web页的部件的信息。
在图2的例子中,规则DB23分别存储“(100,150)”、“客户姓名”、”白色”、“黑色”、“用全角输入”,作为URL“https://example.net/moshikomi”的元素“textbox_02”的偏移、标签、背景颜色、前景颜色和注释。此外,在图2的例子中,规则DB23存储“functioncheck_……”,作为表示URL“https://example.net/moshikomi”的元素“textbox_02”的动作的程序的代码。
此外,在图2的例子中,规则DB23分别存储“(250,400)”、”登记”、”白色”、“黑色”、,作为URL“https://example.net/moshikomi”的元素“button_01”的偏移、标签、背景颜色和前景颜色。此外,在图2的例子中,规则DB23存储“function click_……”,作为表示URL“https://example.net/moshikomi”的元素“button_01”的动作的程序的代码。
与附加部21同样,代理部24针对从终端装置20发送到Web服务器10的请求消息取得从Web服务器10发送到终端装置20的响应消息。而且,代理部24将使终端装置20执行扩展部222的功能的程序的代码附加于响应消息。此外,在请求消息所包含的URL与规则DB23所保存的URL一致的情况下,代理部24也可以将代码附加于响应消息。
部件指定部2211使Web浏览器22显示能够指定与构成Web页的部件的显示方式相关的设定内容的部件指定GUI 2211a,并经由部件指定GUI 2211a受理与显示方式相关的设定内容的指定。另外,部件指定GUI 2211a为第1GUI的一例。
图3是示出第1实施方式的部件指定GUI的一例的图。如图3所示,部件指定GUI2211a为能够指定与各用户接口部件的显示方式相关的设定内容的GUI。部件指定部2211以兼具部件指定GUI 2211a中的用户的交互式编辑操作的配置作业的背景信息的方式显示Web页或Web页的捕捉图像。例如,部件指定部2211也可以将部件指定GUI 2211a显示在重叠到Web页或Web页的捕捉图像上的层上。
具体而言,在图3的例子中,部件指定GUI 2211a的画面具有参考用面板2211b和设定用面板2211c。参考用面板2211b根据作为设定对象的已有的系统画面来生成。此外,设定用面板2211c为进行设定操作的编辑独自的设定用面板。在图3中,在参考用面板2211b上显示有将如“订单管理系统”的标题标签配置于上部的Web页。
用户接口部件为文本框、按钮、复选框、标签等构成Web页的对象。此外,在以下的说明中,有时将用户接口部件简称作部件。
部件指定部2211例如经由部件指定GUI 2211a受理与各部件的位置、颜色、标签和注释相关的设定内容的指定。如图3所示,能够从部件进行GUI 2211a执行按钮、文本、复选框这样的部件的种类的指定。此外,能够从部件指定GUI 2211a指定部件配置的原点、偏移的X和Y的数值、显示在标签上的文本、背景颜色、前景颜色等。
这里,例如,以通过对部件指定GUI 2211a进行操作来追加部件的情况为例,对各设定内容进行说明。首先,在选择了“已有部件”作为部件配置模式(部件配置的原点)的情况下,所追加的部件的位置的偏移以已经配置在Web页上的部件的位置为原点。
这里,“已有部件”的选择例如相当于在图3中突出显示有参考用面板2211b的“客户姓名”栏的文本字段的状态。该“已有部件”的选择能够通过如等处理方法来实现:在刚刚成为该状态之前,以用户直接点击Web页本身或该捕捉图像的该位置为契机,与在内部所保持的全部已有部件的矩形坐标进行比较。
另一方面,在选择了“窗口区域”作为部件配置模式的情况下,所追加的部件的位置的偏移以窗口的左上、左下、右上或右下的角部为原点。此外,偏移是用像素数表示所追加的部件的、从原点起的在X轴方向和Y轴方向上的位置的偏移。
部件指定部2211也可以使得能够指定已有部件或窗口框的中心点作为部件配置的原点。此外,部件指定部2211也可以使得能够指定已有部件或窗口框的边界矩形内的X方向和Y方向上的中心点作为部件配置的原点。并且,也可以使得能够指定按照规定比率的分割点,不仅指定中心点(例如,沿X方向的20%:80%的分割点等)。
此外,部件指定部2211将预先登记在程序库中的、能够用HTML表现的部件的一览作为可追加的部件的种类显示在部件指定GUI 2211a上。然后,当选择了所显示的可追加的部件的种类中的1个时,将所选择的种类的部件显示在部件指定GUI 2211a上。这时,显示部件的位置为基于所指定的原点和偏移的位置。
并且,当在设定用面板2211c上变更偏移设定时,立即反映到参考用面板2211b的显示中。此外,通过在参考用面板2211b上直接通过拖动鼠标移动并调整部件,将该偏移坐标值反映到设定用面板2211c的设定内容中。这样,通过提供双向的编辑单元,用户能够直观上/视觉上变更和确认配置。即,用户能够对部件指定GUI 2211a进行交互式编辑操作。这时,部件指定GUI 2211a中的Web页作为配置作业的背景信息来显示。
这里,在采用Web页不是捕捉图像而处理实际上进行动作的实体的结构的情况下,也能够进行原始的Web页原来的动作。由此,即使以动态的Web页结构即标签选择、链接选择为契机而是否存在已有部件、位置坐标发生变化的页,用户也无需重新掌握部件指定GUI2211a中的特殊的编辑操作。特殊的编辑操作例如是指重新捕捉的作业、保持有多个捕捉信息时的管理、从此处起作为编辑对象而可重新利用的捕捉的检索/选择等编辑操作。另一方面,当要实现这些特殊的编辑功能时,容易产生如下等技术上难以实现的问题:如果已有Web页的内部结构不是所预先设想的范围的内部结构,则无法准确地进行动作。通过以兼具配置作业的背景信息的方式显示实际的Web页,能够根本上避免这些技术问题。
而且,当指定了各设定内容时,部件指定部2211将所指定的设定内容保存到规则DB23中。这时,在未将Web页的与已有部件相关的设定内容保存到规则DB23中的情况下,部件指定部2211将与该已有部件相关的设定内容全部保存到规则DB23中。此外,在通过部件指定GUI 2211a的操作变更了规则DB23所保存的设定内容的情况下,部件指定部2211对规则DB23进行更新。
动作指定部2212使Web浏览器22显示能够指定与构成Web页的部件的动作相关的设定内容的动作指定GUI 2212a,并经由动作指定GUI 2212a受理与动作相关的设定内容的指定。另外,动作指定GUI 2212a为第2GUI的一例。
图4是示出第1实施方式的动作指定GUI的一例的图。如图4所示,动作指定部2212使能够通过组合与规定的逻辑对应的块来指定与动作相关的设定内容的GUI作为动作指定GUI 2212a显示。另外,动作指定GUI 2212a也可以通过已有的可视化程序库来实现(例如,参照非专利文献2)。
如图4所示,在动作指定GUI 2212a的项目显示面板2212b上显示有“分支/反复”、“数值”这样的表示逻辑的分类的项目。而且,当点击任意一个项目时,在动作指定GUI2212a上显示有与该点击的项目所包含的逻辑对应的块。用户能够从显示在动作指定GUI2212a上的块中选择任意的块,并配置于块配置面板2212c上。这时,用户能够通过鼠标的拖放进行块的配置。
这里,作为与块对应的逻辑,“在帧XXX加载时开始处理”、“在假设XXX=XXX的情况下,开始处理”、“结合字符串XXX与字符串XXX”、“将数值XXX与数值XXX相加”、“将字符串XXX输入到文本框XXX”等。另外,这里,XXX表示能够在配置块时设定任意的值。
此外,动作指定部2212根据用户对与块对应的逻辑和块的配置来生成代码,将所生成的代码显示在动作指定GUI 2212a的右侧的代码显示面板2212d上。
例如,动作指定部2212以在配置于下侧的块对应的逻辑之前执行与配置于上侧的块对应的逻辑的方式生成代码。此外,例如,在与规定的分支条件判定逻辑对应的块中存在以包含的方式配置的块的情况下,动作指定部2212以在满足分支条件的情况下执行与该以包含的方式配置的块对应的逻辑的方式生成代码。
在动作指定对象的Web页的URL与规则DB23所保存的URL一致的情况下,动作指定部2212从规则DB23取得与该URL对应的动作指定的设定内容、即用脚本语言记述的程序的代码。然后,将用块的组合表示所取得的程序的代码的块显示在动作指定GUI 2212a上。此外,在新生成的情况下,动作指定部2212将用块的组合表示空的代码或设定为默认的程序的代码的块显示在动作指定GUI 2212a上。
这里,当由用户进行块的组合时,动作指定部2212根据块的组合,生成例如用JavaScript记述的代码。然后,动作指定部2212将所生成的代码保存到规则DB23。
此外,这时,动作指定部2212也可以将表示块的组合的规定形式的数据与代码一起保存到规则DB23中。这里,动作指定部2212能够使用按照XML形式、JSON形式等已有的标准保持将块视作对象时的关联、属性作为信息的一般变换方法,作为以规定的形式表示块的组合的方法。
扩展部222根据由部件指定部2211受理到的与显示方式相关的设定内容和由动作指定部2212受理到的与动作相关的设定内容来扩展Web页,使Web浏览器22显示该扩展后的Web页。这里,扩展部222能够从规则DB23取得各设定内容。因此,在本实施方式中,能够在不对Web页的提供源即Web服务器10施加变更的情况下,进行UI的扩展。因此,根据本实施方式,消除在对已有的系统施加变更时产生的、无法使变更后的系统复原这样的问题。并且,可通过与已有系统的每个使用部门的期望对应的本地化、与使用用户的技能或要面对的工作场景等相对应的改善等,减轻在UI变化增大时产生的系统改造费用的上升和中长期的维持管理的负担。
图5是示出第1实施方式的扩展后的Web页的一例的图。扩展部222使Web浏览器22显示扩展后的Web页300。此外,扩展部222在扩展后的Web页300上显示标注有标签“客户代码”的文本框301和自动输入按钮302。
文本框301和自动输入按钮302为通过部件指定部2211追加并通过动作指定部2212设定了动作的部件。即,通过扩展部222在扩展后的Web页300的HTML的BODY部中附加有表示文本框301的元素、表示自动输入按钮302的元素和在对自动输入按钮302进行了操作时执行的程序的代码。
当在将值输入到文本框301的状态下点击了自动输入按钮302时,Web浏览器22根据所附加的代码,执行自动输入处理。这里,以客户代码为关键词的顾客信息存储到Web浏览器22可参考的规定的DB中。此外,顾客信息中包含汉字姓名、片假名、邮件住址、电话号码、邮政编码和住址等。
例如,在自动输入处理中,Web浏览器22从以客户代码“V001”为关键词的DB取得顾客信息,将所取得的顾客信息输入到各文本框。例如,Web浏览器22在标注有标签“客户姓名”的文本框中输入“電電太郎”,在标注有标签“客户姓名(注音假名)”的文本框中输入“デンデンタロウ”,在标注有标签“邮件住址”的文本框中输入“XXX@XXX”,在标注有标签“电话号码”的文本框中输入“XX-XXXX-XXXX”,在标注有标签“邮政编码”的文本框中输入“XXX―XXXX”,在标注有标签“住址”的文本框中输入“XX県XX市XXX”。
这里,假设准备有与如“当点击了按钮XXX时,开始处理”的逻辑对应的第1块和与如“将字符串XXX输入到文本框XXX”的逻辑对应的第2块,作为能够在动作指定GUI 2212a中使用的块。另外,假设能够在XXX中分别设定不同的任意的值。这时,用户通过经由动作指定GUI 2212a将指定了自动输入按钮的1个第1块与指定了各文本框的多个第2块进行组合,能够指定上述的自动输入处理。
此外,能够通过动作指定部2212设定的处理不限于上述的自动输入处理。例如,动作指定部2212也可以准备与如“调用可选择日期的下拉菜单”的逻辑或如“调用可选择日期的日历”的逻辑对应的块。在该情况下,用户能够设定经由动作指定GUI 2212a将所选择的日期输入到文本框的处理。
[第1实施方式的处理]
使用图6,对附加处理进行说明。图6是示出第1实施方式的附加处理的流程的流程图。如图6所示,首先,终端装置20在由用户指定了URL时(步骤S101),将针对指定URL的GET请求发送到Web服务器10(步骤S102)。这里,附加部21等待至来自Web服务器10的响应消息到达终端装置20(步骤S103:否)。
然后,当来自Web服务器10的响应消息到达终端装置20时(步骤S103:是),附加部21将编辑部221附加于响应消息(步骤S104),返还给用户(步骤S105)。具体而言,附加部21将使终端装置20执行部件指定部2211和动作指定部2212的功能的程序的代码附加于响应消息,返还给用户进行操作的Web浏览器22。
接着,使用图7,对部件指定处理进行说明。图7是示出第1实施方式的部件指定装置的处理的流程的流程图。如图7所示,首先,部件指定部2211经由部件指定GUI 2211a受理部件配置模式的选择(步骤S201)。例如,部件选择模式为“已有部件”或“窗口区域”。
接着,部件指定部2211经由部件指定GUI 2211a受理原点的指定(步骤S202)。然后,部件指定部2211经由部件指定GUI 2211a受理从原点起的偏移的指定(步骤S203)。然后,部件指定部2211经由部件指定GUI 2211a受理要追加的部件的选择(步骤S204)。并且,部件指定部2211经由部件指定GUI 2211a受理部件的参数的指定(步骤S205)。
这里,部件指定部2211将所追加的部件的各设定内容保存到规则DB23中(步骤S206)。并且,部件指定部2211将未保存的已有部件的设定内容保存到规则DB23中(步骤S207)。
接着,使用图8,对动作指定处理进行说明。图8是示出第1实施方式的动作指定装置的处理的流程的流程图。如图8所示,首先,在将针对对象的Web页的URL的动作指定规则保存到规则DB23中的情况下,动作指定部2212从规则DB23加载该动作指定规则(步骤S301)。另外,动作指定规则例如为用规定的形式表示用脚本语言记述的代码与动作指定GUI 2212a中的块的组合的数据。
这里,动作指定部2212经由动作指定GUI 2212a受理块的组合的指定(步骤S302)。然后,动作指定部2212根据受理到的块的组合,生成用脚本语言记述的程序的代码(步骤S303)。然后,将用规定的形式表示所生成的代码和块的组合的数据以URL为关键字保存到规则DB23中(步骤S304)。
[第1实施方式的效果]
部件指定部2211使Web浏览器22显示能够指定与构成Web页的部件的显示方式相关的设定内容的部件指定GUI 2211a,并经由部件指定GUI 2211a受理与显示方式相关的设定内容的指定。此外,动作指定部2212使Web浏览器22显示能够指定与构成Web页的部件的动作相关的设定内容的动作指定GUI 2212a,并经由动作指定GUI 2212a受理与动作相关的设定内容的指定。此外,扩展部222根据由部件指定部2211受理到的与显示方式相关的设定内容和由动作指定部2212受理到的与动作相关的设定内容来扩展Web页,使Web浏览器22显示该扩展后的Web页。这样,在本实施方式中,能够针对显示方式和动作双方,经由GUI进行UI的扩展。因此,根据本实施方式,即使是不具有与编程相关的技能和知识的人,也能够进行与UI的扩展相关的作业。
附加部21针对从终端装置20发送到Web服务器10的请求消息取得从Web服务器10发送到终端装置20的响应消息,将使终端装置20执行部件指定部2211和动作指定部2212的功能的程序的代码附加于响应消息。由此,能够在不变更提供Web页的系统的情况下,实现部件指定部2211和动作指定部2212的功能。此外,这时,能够无需用于使用编辑的新程序的安装。
部件指定部2211以兼具部件指定GUI 2211a中的用户的交互式编辑操作的配置作业的背景信息的方式显示Web页或Web页的捕捉图像。由此,用户能够参考扩展前的UI并预先指定部件的显示方式的设定内容,因此,使作业高效,并且,能够无不舒适感地使用扩展后的UI。
部件指定部2211受理与构成Web页的部件的位置、颜色、标签和注释相关的设定内容的指定。由此,如果是不伴随动作的追加、变更的UI的扩展,则用户能够使用部件指定GUI2211a而不使用动作指定GUI 2212a来进行,因此,对用户来说,UI的扩展进一步变得容易。
动作指定部2212使能够通过组合与规定的逻辑对应的块来指定与动作相关的设定内容的GUI作为动作指定GUI 2212a显示。由此,用户能够通过视觉的操作进行动作的追加、变更。此外,基于品质、安全性等观点,使得不将存在问题的逻辑预先作为块的功能提供,并且,假设在提供包含该存在问题的逻辑的功能的情况下,能够通过检查功能预先排除,以使无法输入如能够进行成为问题的使用方法的设定,因此,能够防止在扩展后的Web页中产生问题。
另外,通过如本实施例那样将设定UI扩展的内容的编辑功能划分为与显示方式相关的设定和与部件动作相关的设定的2个侧面,能够提供分别独立地进行动作的编辑程序,因此,基于实际的业务运用的观点,存在以下的好处。
例如,在进行使部件动作的设定专门用于特定的系统、业务区域的专用化、单独化的情况下,能够提供另一动作指定编辑程序,并根据需要改变与部件指定编辑的组合而区分使用。在实施例中,示出了对能够用JavaScript语言记述的内容直接进行成块化的形式的通用编辑,但是,通过提供能够记述专门用于业务区域(例如,设备管理系统、顾客管理系统等)的域名的语言(在UI扩展中提供的专用功能的设定)的编辑,能够实现用户容易理解的、高效的运用。作为已知的域名专用语言,存在机器人控制(参考URL:https://en.wikipedia.org/wiki/RoboBlockly)、3D建模(参考URL:https://makerscad.com/index.html#what)等,还已知多个其他事例。
此外,第1GUI和第2GUI无需在相同终端上使用,不同的用户还能够从不同终端的不同Web浏览器上进行作业。并且,也无需同时打开2个GUI画面来使用,技术技能不同的用户也能够以不同的定时、频度使用。例如,擅长生成动作指定的逻辑的样本的少数高技能用户与应用对象系统相对应地按照1个月左右的频率提供或公开必要的逻辑,如果从事实际业务的多个操作用户能够在识别出必要性的当场根据实际的业务画面来适当地进行适当的UI扩展的GUI配置、详细设定(利用样本对最终规则进行定义),则能够在现实的运用中获得较大的好处。
另外,本发明中作为目的的给用户带来的好处为UI扩展系统,但是,在实际的业务场景中,也存在想简单地作为注释系统使用的较多期望。针对这样的用户需求,还能够采用如下等结合运用的最小限度的结构:仅提供部件指定部且不使用动作指定部,或者另行安装仅默认地提供极其简单的动作的动作指定部。通过对部件指定和配置指定在功能上进行分离,将来,能够在进行了共用功能(部件配置功能)的软件质量提高、实现方式的高度化时,通过多个解决方案同时享受这些优点。
[其他实施方式]
在第1实施方式中,在规则DB23中保存URL本身,但是,例如,也可以在规则DB23中保存与URL的字符串匹配的正则表达式或经由GUI而由用户任意地与URL相关联的信息。由此,终端装置20能够将由编辑部221设定的设定内容用于类似的多个Web页的扩展。
[系统结构等]
此外,图示的各装置的各结构要素是功能概念性的各结构要素,不一定需要如物理上所图示地构成。即,各装置的分散/合并的具体方式不限于图示,能够根据各种负荷和使用状况等,以任意的单位在功能或物理上分散/合并构成其全部或一部分。例如,终端装置能够使客户端应用程序显示而不使Web浏览器显示第1GUI和第2GUI中的任意一个或双方。在该情况下,需要安装用于使用编辑的新程序,但是,由于不存在与用户的对话功能中的Web浏览器上的限制,所以能够提高易用性。并且,在各装置中进行的各处理功能的全部或一部分能够通过CPU和由该CPU分析执行的程序来实现,或者作为基于有线逻辑的硬件来实现。
此外,还能够手动地进行在本实施方式中所说明的各处理中的、作为自动地进行的处理而说明的处理的全部或一部分,或者,还能够通过公知的方法自动地进行作为手动地进行的处理而说明的处理的全部或一部分。此外,除非另外指定,否则可以任意地变更上述文档中、附图中所示的处理过程、控制过程、具体名称、包含各种数据或参数的信息。
[程序]
作为一个实施方式,终端装置20能够通过将执行上述的UI扩展的UI扩展程序作为封装软件、在线软件安装在期望的计算机中来安装。例如,通过使信息处理装置执行上述的UI扩展程序,能够使信息处理装置作为终端装置20发挥功能。这里所说的信息处理装置中包含台式机或笔记本型个人计算机。此外,除此以外,在信息处理装置的范畴中还包含智能手机、移动电话机、PHS(Personal Handyphone System:个人手机系统)等移动体通信终端、以及PDA(Personal Digital Assistant:个人数字助理)等平板终端等。
此外,终端装置20还能够作为设用户所使用的终端装置为客户端并向该客户端提供与上述的UI扩展相关的服务的UI扩展服务器装置来安装。例如,UI扩展服务器装置作为提供设请求消息为输入并设附加有编辑部的响应消息为输出的UI扩展服务的服务器装置来安装。该情况下,UI扩展服务器装置可以作为Web服务器来安装,也可以作为通过外包提供与上述的UI扩展相关的服务的云来安装。
图9是示出执行UI扩展程序的计算机的一例的图。计算机1000例如具有存储器1010、CPU 1020。此外,计算机1000具有硬盘驱动器接口1030、盘驱动器接口1040、串行端口接口1050、视频适配器1060和网络接口1070。这些各部件通过总线1080连接。
存储器1010包含ROM(Read Only Memory:随机存取存储器)1011和RAM(RandomAccess Memory:随机存取存储器)1012。ROM 1011存储例如BIOS(Basic Input OutputSystem:基本输入输出系统)等引导程序。硬盘驱动器接口1030与硬盘驱动器1090连接。盘驱动器接口1040与盘驱动器1100连接。例如,磁盘、光盘等可装卸的存储介质插入到盘驱动器1100中。串行端口接口1050例如与鼠标1110、键盘1120连接。视频适配器1060例如与显示器1130连接。
硬盘驱动器1090例如存储OS 1091、应用程序1092、程序模块1093和程序数据1094。即,规定终端装置20的各处理的程序被作为记述有可由计算机执行的代码的程序模块1093来安装。程序模块1093例如存储到硬盘驱动器1090中。例如,用于执行与终端装置20中的功能结构相同的处理的程序模块1093存储到硬盘驱动器1090中。另外,硬盘驱动器1090也可以通过SSD代替。
此外,在上述实施方式的处理中使用的设定数据作为程序数据1094存储到例如存储器1010、硬盘驱动器1090中。而且,CPU 1020根据需要将存储器1010、硬盘驱动器1090所存储的程序模块1093、程序数据1094读出到RAM 1012中并执行。
另外,程序模块1093、程序数据1094不限于存储到硬盘驱动器1090的情况,例如也可以存储到可装卸的存储介质中,经由盘驱动器1100等被CPU 1020读出。或者,程序模块1093和程序数据1094也可以存储到经由网络(LAN(Local Area Network:局域网)、WAN(Wide Area Network:广域网)等)而连接的其它计算机中。而且,程序模块1093和程序数据1094也可以从其它计算机中经由网络接口1070被CPU 1020读出。
标号说明
10:Web服务器;20:终端装置;21:附加部;22:Web浏览器;23:规则DB;24:代理部;221:编辑部;222:扩展部;2211:部件指定部;2211a:部件指定GUI;2212:动作指定部;2212a:动作指定GUI。

Claims (8)

1.一种终端装置,其特征在于,具有:
部件指定部,其使终端装置显示能够指定与构成Web页的部件的显示方式相关的设定内容的第1GUI,并经由所述第1GUI受理与所述显示方式相关的设定内容的指定,GUI为图形用户接口;
动作指定部,其使终端装置显示能够指定与构成所述Web页的部件的动作相关的设定内容的第2GUI,并经由所述第2GUI受理与所述动作相关的设定内容的指定;以及
扩展部,其根据由所述部件指定部受理到的与所述显示方式相关的设定内容和由所述动作指定部受理到的与所述动作相关的设定内容来扩展所述Web页,使终端装置显示该扩展后的Web页。
2.根据权利要求1所述的终端装置,其特征在于,
所述部件指定部使Web浏览器显示所述第1GUI,
所述动作指定部使Web浏览器显示所述第2GUI,
所述扩展部使Web浏览器显示所述Web页。
3.根据权利要求1所述的终端装置,其特征在于,
该终端装置还具有附加部,该附加部针对从所述终端装置向Web服务器发送的请求消息取得从所述Web服务器向所述终端装置发送的响应消息,将使所述终端装置执行所述部件指定部和所述动作指定部的功能的程序的代码附加于所述响应消息。
4.根据权利要求1所述的终端装置,其特征在于,
所述部件指定部以兼具所述第1GUI中的用户的交互式编辑操作的配置作业的背景信息的方式显示所述Web页或所述Web页的捕捉图像。
5.根据权利要求1所述的终端装置,其特征在于,
所述部件指定部受理与构成所述Web页的部件的位置、颜色、标签和注释相关的设定内容的指定。
6.根据权利要求1所述的终端装置,其特征在于,
所述动作指定部使能够通过组合与规定的逻辑对应的块来指定与所述动作相关的设定内容的GUI作为所述第2GUI显示。
7.一种UI扩展方法,通过终端装置执行,该UI为用户接口,该UI扩展方法的特征在于,包含以下工序:
部件指定工序,使终端装置显示能够指定与构成Web页的部件的显示方式相关的设定内容的第1GUI,并经由所述第1GUI受理与所述显示方式相关的设定内容的指定,GUI为图形用户接口;
动作指定工序,使终端装置显示能够指定与构成所述Web页的部件的动作相关的设定内容的第2GUI,并经由所述第2GUI受理与所述动作相关的设定内容的指定;以及
扩展工序,根据通过所述部件指定工序受理到的与所述显示方式相关的设定内容和通过所述动作指定工序受理到的与所述动作相关的设定内容来扩展所述Web页,使终端装置显示该扩展后的Web页。
8.一种UI扩展程序,其用于使计算机作为权利要求1~6中的任意一项所述的终端装置进行工作。
CN201880052510.XA 2017-08-23 2018-08-06 终端装置、ui扩展方法和记录介质 Active CN111033465B (zh)

Applications Claiming Priority (3)

Application Number Priority Date Filing Date Title
JP2017-160393 2017-08-23
JP2017160393 2017-08-23
PCT/JP2018/029466 WO2019039255A1 (ja) 2017-08-23 2018-08-06 端末装置、ui拡張方法及びui拡張プログラム

Publications (2)

Publication Number Publication Date
CN111033465A true CN111033465A (zh) 2020-04-17
CN111033465B CN111033465B (zh) 2024-03-29

Family

ID=65438741

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201880052510.XA Active CN111033465B (zh) 2017-08-23 2018-08-06 终端装置、ui扩展方法和记录介质

Country Status (5)

Country Link
US (1) US10951486B2 (zh)
EP (1) EP3654175A4 (zh)
JP (1) JP6750124B2 (zh)
CN (1) CN111033465B (zh)
WO (1) WO2019039255A1 (zh)

Families Citing this family (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP6750124B2 (ja) * 2017-08-23 2020-09-02 日本電信電話株式会社 端末装置、ui拡張方法及びui拡張プログラム
US11526350B2 (en) * 2020-03-18 2022-12-13 Red Hat, Inc. Providing code editor documentation pages using a lightweight text formatting language and platform-agnostic command links
US11657117B2 (en) * 2021-03-05 2023-05-23 International Business Machines Corporation Universal interface adapter
CN115379105B (zh) * 2021-05-20 2024-02-27 北京字跳网络技术有限公司 视频拍摄方法、装置、电子设备和存储介质

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101030139A (zh) * 2007-04-18 2007-09-05 杭州华为三康技术有限公司 一种Web界面扩展方法和装置
CN101652748A (zh) * 2007-04-06 2010-02-17 国际商业机器公司 生成服务程序的技术
US8549472B1 (en) * 2007-06-12 2013-10-01 Fair Isaac Corporation System and method for web design
US20170031877A1 (en) * 2015-07-27 2017-02-02 Adp, Llc Web Page Design System

Family Cites Families (22)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US7143339B2 (en) * 2000-09-20 2006-11-28 Sap Aktiengesellschaft Method and apparatus for dynamically formatting and displaying tabular data in real time
US7703009B2 (en) * 2001-04-09 2010-04-20 Huang Evan S Extensible stylesheet designs using meta-tag information
US7080083B2 (en) * 2001-12-21 2006-07-18 Kim Hong J Extensible stylesheet designs in visual graphic environments
US20050039108A1 (en) * 2003-08-15 2005-02-17 International Business Machines Corporation Fast tag entry in a multimodal markup language editor
US7934153B2 (en) * 2005-05-06 2011-04-26 Madcap Software, Inc. Visual document structure indicator system
US8543968B2 (en) * 2005-11-17 2013-09-24 Target Health, Inc. System and method for creating, managing, deploying and archiving data-intensive applications and projects
JP4185159B1 (ja) * 2008-01-30 2008-11-26 株式会社三菱東京Ufj銀行 アプリケーション開発支援装置及びプログラム
US8205169B1 (en) * 2008-06-10 2012-06-19 Pixar Multiple editor user interface
US9760381B2 (en) * 2009-01-30 2017-09-12 Oracle International Corporation Configurable toolbar
US9123002B2 (en) * 2011-05-27 2015-09-01 Abbott Informatics Corporation Graphically based method for developing rules for managing a laboratory workflow
US8760674B2 (en) * 2011-07-28 2014-06-24 Xerox Corporation Multiple setting user interface with visual icons for customized usability
CN105324763A (zh) * 2013-06-24 2016-02-10 西姆普雷斯瑞士有限公司 用于从移动设备设计可定制产品的系统、方法和用户界面
US10157046B2 (en) * 2013-11-25 2018-12-18 Infragistics, Inc. Method and apparatus for generating an explorer for user interface prototyping
US10075140B1 (en) * 2014-06-25 2018-09-11 Amazon Technologies, Inc. Adaptive user interface configuration
US9977422B2 (en) * 2014-07-28 2018-05-22 Computational Systems, Inc. Intelligent configuration of a user interface of a machinery health monitoring system
US10565293B2 (en) * 2014-08-26 2020-02-18 Adobe Inc. Synchronizing DOM element references
JP2016110206A (ja) * 2014-12-02 2016-06-20 株式会社野村総合研究所 Web画面開発支援システム
US10908928B2 (en) * 2015-06-26 2021-02-02 Adobe Inc. Rules-based workflow messaging
US9984051B2 (en) * 2016-02-25 2018-05-29 Ca, Inc. Hierarchical identifiers for HTML elements
US20170308278A1 (en) * 2016-04-21 2017-10-26 Schneider Electric Software, Llc Automated graphical user interface configuration
DK179555B1 (en) * 2017-05-16 2019-02-13 Apple Inc. USER INTERFACE FOR A FLASHLIGHT MODE ON AN ELECTRONIC DEVICE
JP6750124B2 (ja) * 2017-08-23 2020-09-02 日本電信電話株式会社 端末装置、ui拡張方法及びui拡張プログラム

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101652748A (zh) * 2007-04-06 2010-02-17 国际商业机器公司 生成服务程序的技术
CN101030139A (zh) * 2007-04-18 2007-09-05 杭州华为三康技术有限公司 一种Web界面扩展方法和装置
US8549472B1 (en) * 2007-06-12 2013-10-01 Fair Isaac Corporation System and method for web design
US20170031877A1 (en) * 2015-07-27 2017-02-02 Adp, Llc Web Page Design System

Also Published As

Publication number Publication date
EP3654175A1 (en) 2020-05-20
US10951486B2 (en) 2021-03-16
CN111033465B (zh) 2024-03-29
US20200204458A1 (en) 2020-06-25
JP6750124B2 (ja) 2020-09-02
JPWO2019039255A1 (ja) 2020-01-16
EP3654175A4 (en) 2021-04-21
WO2019039255A1 (ja) 2019-02-28

Similar Documents

Publication Publication Date Title
US20230236805A1 (en) Systems and Methods for Development and Deployment of Software Platforms Having Advanced Workflow and Event Processing Components
AU2016201889B2 (en) Methods and apparatus for translating forms to native mobile applications
US10346560B2 (en) Electronic blueprint system and method
CN111033465B (zh) 终端装置、ui扩展方法和记录介质
EP2958061A1 (en) Method of developing an application for execution in a workflow management system and apparatus to assist with generation of an application for execution in a workflow management system
CN107092589B (zh) Web服务器系统、画面控件显示方法以及演示应用生成方法
CN107832052B (zh) 展示预览页面的方法、装置和存储介质以及电子设备
CN108369514B (zh) 用于可执行内容和可执行内容流创建的系统和方法
US11204690B1 (en) Systems and methods for software development and deployment platforms having advanced workflow and event processing capabilities and graphical version controls
US11385772B2 (en) Attribute-based rules for displaying additional information
CN109101294B (zh) 数据采集方法及插件、电子设备及存储介质
EP3196783A1 (en) Open collaboration board with multiple integrated services
CN114036443A (zh) 页面生成方法及装置
CN115309470A (zh) 微件的加载方法、装置、设备以及存储介质
US11314530B2 (en) User-based extension setting devices, methods, and programs
EP2924565A1 (en) Web-application-launch application programming interface
CN103902727A (zh) 网络搜索方法和装置
CN116719456A (zh) 图标样式切换方法、装置、电子设备及存储介质
JP2013120201A (ja) 情報処理装置及び方法
Chang et al. A study on the development of one source multi use cross-platform based on zero coding
US20220066818A1 (en) Multiple task execution
WO2023105696A1 (ja) 情報付与装置、情報付与方法及び情報付与プログラム
US20230222420A1 (en) Operation support device, operation support method and operation support program
CN112764721A (zh) 数据处理方法、装置、系统及计算机可读存储介质
CN116643825A (zh) 虚拟桌面的配置方法、装置、设备及存储介质

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant