CN101578576B - 在网页的创作中用于支持对象选择的方法和系统 - Google Patents

在网页的创作中用于支持对象选择的方法和系统 Download PDF

Info

Publication number
CN101578576B
CN101578576B CN200780048397XA CN200780048397A CN101578576B CN 101578576 B CN101578576 B CN 101578576B CN 200780048397X A CN200780048397X A CN 200780048397XA CN 200780048397 A CN200780048397 A CN 200780048397A CN 101578576 B CN101578576 B CN 101578576B
Authority
CN
China
Prior art keywords
browsing
benchmark
rectangle
reference point
browse
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.)
Active
Application number
CN200780048397XA
Other languages
English (en)
Other versions
CN101578576A (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.)
International Business Machines Corp
Original Assignee
International Business Machines 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 International Business Machines Corp filed Critical International Business Machines Corp
Publication of CN101578576A publication Critical patent/CN101578576A/zh
Application granted granted Critical
Publication of CN101578576B publication Critical patent/CN101578576B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
    • G06F16/972—Access to data in other repository systems, e.g. legacy data or dynamic Web page generation
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
    • G06F16/986—Document structures and storage, e.g. HTML extensions
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction 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/04842—Selection of displayed objects or displayed text elements
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction 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/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00—Handling natural language data
    • G06F40/10—Text processing
    • G06F40/103—Formatting, i.e. changing of presentation of documents
    • G06F40/106—Display of layout of documents; Previewing
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/00—2D [Two Dimensional] image generation
    • G06T11/60—Editing figures and text; Combining figures or text
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
    • G06F2203/048—Indexing scheme relating to G06F3/048
    • G06F2203/04803—Split screen, i.e. subdividing the display area or the window area into separate subareas
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09B—EDUCATIONAL OR DEMONSTRATION APPLIANCES; APPLIANCES FOR TEACHING, OR COMMUNICATING WITH, THE BLIND, DEAF OR MUTE; MODELS; PLANETARIA; GLOBES; MAPS; DIAGRAMS
    • G09B7/00—Electrically-operated teaching apparatus or devices working with questions and answers

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Databases & Information Systems (AREA)
  • Human Computer Interaction (AREA)
  • Software Systems (AREA)
  • Data Mining & Analysis (AREA)
  • Health & Medical Sciences (AREA)
  • Audiology, Speech & Language Pathology (AREA)
  • Computational Linguistics (AREA)
  • General Health & Medical Sciences (AREA)
  • Artificial Intelligence (AREA)
  • User Interface Of Digital Computer (AREA)
  • Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
  • Document Processing Apparatus (AREA)
  • Processing Or Creating Images (AREA)

Abstract

本发明的课题是，在网页的创作中，容易进行标识符选择而不损害编辑画面的WYSIWYG性。本发明在网页的创作中支持对象选择，根据网页的编辑画面中的用户行为，决定用于对象选择的基准点；设定包围基准点的基准区域；在基准区域所包含的浏览对象中，选择距基准点最近的浏览对象作为基准浏览对象；在基准区域所包含的浏览对象中，选择与基准浏览对象相关联的浏览对象；以及使表示基准浏览对象的第一矩形和表示关联的浏览对象的第二矩形之间隔开用于对象选择的空间，分别绘制基准浏览对象和关联的浏览对象。

Description

在网页的创作中用于支持对象选择的方法和系统
技术领域
本发明涉及网页的创作，特别涉及在网页的创作中用于支持对象选择的方法、系统和程序。 
背景技术
网页用基于标识符(tag base)的置标(markup)语言(HTML、XML、JSP等)记述。在网页的编辑中，标识符的插入或删除、标识符的特性(property)操作等编辑作业基本上通过选择标识符基础即编辑对象的标识符来进行。多数工具提供与用浏览器看到标识符同等地进行了可视化的编辑画面(以下称为WYSIWYG编辑画面)，提高方便性。但是，近来的网页非常复杂，并且为了在视觉上无缝紧密地配置标识符来生成，在WYSIWYG编辑画面中难以选择作为编辑对象的标识符。如果标识符的区域完全重叠，则对于用户来说，极难得知在点击了某个地点时是否选择了该标识符。 
例如，即使在图1所示的简单的编辑画面中，该HTML的源文件为图2所示的嵌套结构，有时在仅点击了编辑画面的一部分时不能选择希望的标识符。因此，以往的网页创作工具，例如本申请人的Page designer(参照非专利文献1)具有分级显示HTML的标识符的特别的用户界面(UI)。但是，该UI是通常的树，而不是反映了WYSIWYG编辑画面的布局(layout)的界面。 
如果直接显示图2那样的源代码，标识符的选择变得简单，但是源代码显示与WYSIWYG编辑画面相差甚远，因此，不能仅看一下就得知选择的标识符的区域位于实际网页的哪个位置。而且，虽然还知道在编辑画面上显示用于打开/关闭标识符的图标，提高在编辑画面内选择标识符的方便性的方法，但这是将网页全体的WYSIWYG性置之度外的方法。 
非专利文献1：“Page Designer”，http://www-06.ibm.com/jp/software/websphere/developer/wsad/workshop/pdf/8.pdf 
发明内容
如前所述，以往的标识符选择或者损害网页编辑画面的WYSIWYG性，或者忽略WYSIWYG性来进行。 
因此，本发明的目的是，在网页的创作中，容易地进行标识符选择而不损害编辑画面的WYSIWYG性。 
用于解决课题的手段 
本发明用于解决在WYSIWYG编辑画面上如何选择网页的标识符的课题。在网页的创作中选择标识符是指实际上选择由该标识符所指定的浏览对象作为编辑对象，所以在本说明书中，标识符的选择和浏览对象(有时也简称为对象)的选择为同义词。 
按照本发明的第一方案，提供一种方法，用于在网页的创作中支持对象选择，该方法包括：根据网页的编辑画面中的用户行为(user action)，决定用于对象选择的基准点的步骤；设定包围所述基准点的基准区域的步骤；在所述基准区域所包含的浏览对象中，选择距所述基准点最近的浏览对象作为基准浏览对象的步骤；在所述基准区域所包含的浏览对象中，选择与所述基准浏览对象相关联的浏览对象的步骤；以及使表示所述基准浏览对象的第一矩形和表示所述关联的浏览对象的第二矩形之间隔开用于对象选择的空间，分别绘制所述基准浏览对象和所述关联的浏览对象的步骤。 
按照本发明的第二方案，提供一种装置，用于在网页的创作中支持对象选择，该装置包括：基准点决定单元，根据网页的编辑画面中的用户行为，决定用于对象选择的基准点；基准区域设定单元，设定包围所述基准点的基准区域；基准浏览对象选择单元，在所述基准区域所包含的浏览对象中，选择距所述基准点最近的浏览对象作为基准浏览对象；关联浏览对象选择单元，在所述基准区域所包含的浏览对象中，选择与所述基准浏览对象相关联的浏览对象；以及绘制单元，使表示所述基准浏览对象的第一矩形和表示所述关联的浏览对象的第二矩形之间隔开用于对象选择的空间，分别绘制所述基准浏览对象和所述关联的浏览对象。 
按照本发明的第三方案，提供一种用于在网页的创作中支持对象选择的程序，该程序使计算机执行：根据网页的编辑画面中的用户行为，决定用于对象选择的基准点的步骤；设定包围所述基准点的基准区域的步骤；在所述基准区域所包含的浏览对象中，选择距所述基准点最近的浏览对象作为基准 浏览对象的步骤；在所述基准区域所包含的浏览对象中，选择与所述基准浏览对象相关联的浏览对象的步骤；以及使表示所述基准浏览对象的第一矩形和表示所述关联的浏览对象的第二矩形之间隔开用于对象选择的空间，分别绘制所述基准浏览对象和所述关联的浏览对象的步骤。 
本发明是在网页的创作中，支持在该WYSIWYG编辑画面下的对象选择的发明，而在网页的创作中，编辑对象始终是WYSIWYG编辑画面，所以，本发明可以将编辑工作中自始至终与结果物同等的画面作为编辑对象。 
附图说明
图1是表示本发明的支持对象的网页的简单的例子的图。 
图2是表示图1所示的网页的HTML源文件的图。 
图3是表示本发明的一例实施环境的图。 
图4是表示按照本发明的客户端的功能结构例的方框图。 
图5是表示按照本发明的客户端的动作的流程图。 
图6是表示同时显示图1所示的网页和标识符结构的图。 
图7是表示在图1所示的网页中设定基准区域时的状况的图。 
图8是以树形式表示图2所示的HTML源文件的图。 
图9是表示按照本发明的客户端的绘制单元进行的选择对象以及关联图标的绘制的基本概念的图。 
图10是表示按照本发明的客户端的绘制单元进行的一例实际的绘制结果的图。 
图11是作为按照本发明的客户端表示一例可安装的数据处理系统的方框图。 
具体实施方式
图3表示本发明的一例实施环境。图示的系统10包括与网络12连接的服务器14和客户端16，存储在服务器14中的网页在客户端16中进行编辑。网络12可以是因特网、局域网(LAN)、广域网(WAN)等任意的网络。能够在网络上连接多个客户端(client)，以共同的方式编辑网页。这样的编辑方式被称为网络协同(Web collaboration)或者简单称为协同，其不限于网页的创作，还灵活应用于各个领域。不言而喻，本发明的实施不仅在图3那样 的网络环境中，还可以在孤立(stand alone)的客户端中进行。 
图4表示按照本发明进行网页的创作的客户端16的功能结构例。客户端16具有：存储单元20、基准点决定单元22、基准区域设定单元24、基准浏览对象选择单元26、关联浏览对象选择单元28、以及绘制单元30。存储单元20存储经由网络12从服务器14获得的网页的数据(例如HTML源文件)。基准点决定单元22根据网页的编辑画面中的用户行为，决定用于选择对象的基准点。基准区域设定单元24设定包围了由基准点决定单元22决定的基准点的基准区域。在由基准区域设定单元设定的基准区域中包含的浏览对象中，基准浏览对象选择单元26选择距基准点最近的浏览对象作为基准浏览对象。在由基准区域设定单元设定的基准区域中包含的浏览对象中，关联浏览对象选择单元28选择与基准浏览对象相关联的浏览对象。绘制单元30使表示基准浏览对象的第一矩形和表示关联的浏览对象的第二矩形之间保持用于选择对象的空间，分别绘制基准浏览对象和关联的浏览对象，并将绘制结果输出到客户端16的显示器(未图示)。 
接着，参照图5的流程图，说明在客户端16中执行的网页的创作中的对象选择动作的细节。作为前提，假设在客户端16的显示器上，图1所示的网页被显示为WYSIWYG编辑画面，图2的源代码被存储在客户端16的存储单元20中。这里，图中源代码中的从1至62的行号是为了说明而适当附加的，在实际的源代码中并不包含。 
在转移到动作的细节之前，参照图6简单地说明图1的网页的标识符结构。图6是用矩形表示从图2的源代码中的打开标识符到对应的关闭标识符为止的区域的图。构成网页的表50包括：具有“菜单”和“内容”两个标题52A、52B的第一行54A(与图2的源代码的第8～11行对应)、不包含标题的第二行54B(与图2的源代码的第12～58行对应)。行54B包括：在内部包含了六个字符串的第一数据单元(cell)(与图2的源代码的第13～44行对应)、在内部包含三个图形(image)的第二数据单元(表)56B(与图2的源代码的第45～57行对应)。而且，表50虽然实际上在其内部包含tbody的区域，但是这里加以省略。其它的表也一样。 
第一数据单元56A包含表58(与图2的源代码的第14～43行对应)，表58包含四个行，即60A(与图2的源代码的第16～32行对应)、60B(与图2的源代码的第33～35行对应)、60C(与图2的源代码的第36～38行对应)、 和60D(与图2的源代码的第39～41行对应)。行60A在其内部包含：数据单元61(与图2的源代码的第17～31行对应)、以及表63(与图2的源代码的第18～30行对应)，表63包含：分别包含“Sun(太阳)”、“Cloud(云)”、和“Moon(月亮)”的数据单元的三个行。行60B包含“Item1”的数据单元(图2的源代码第34行)，行60C包含“Item2”的数据单元(图2的源代码第37行)，行60D包含“Item3”的数据单元(图2的源代码第40行)。 
第二数据单元56B包含表62(与图2的源代码的行46～56对应)，表62包含两个行，即64A(与图2的源代码的行48～51对应)和64B(与图2的源代码的行52～54对应)。行64A包含数据单元66A和数据单元66B，数据单元66A包含Sun的图形(与图2的源代码的行49对应)，数据单元66B包含Cloud的图形(与图2的源代码的行50对应)，行64B包含了包含有Moon的图形的数据单元68(与图2的源代码的行53对应)。 
返回到图5，在最初的步骤S1中，客户端16检查是否有用于在图1的编辑画面上进行对象(标识符)选择的用户行为。该用户行为在事前被定义，例如，可以将在点击了鼠标的右按钮的状态下按压Ctrl键的动作作为对象选择的触发。当然，也可以预先定义其它的鼠标/键操作作为对象选择的触发。 
在有用户行为时，在步骤S2中，基准点决定单元22决定用于进行对象选择的基准点。基准点决定单元22例如可以将脱字符号或者鼠标指针的位置决定为基准点。若决定了基准点时，则在以下的步骤S3中，基准区域设定单元24设定包围基准点的基准区域。该基准区域被设定为能够选择基准区域附近的几个对象的规定的大小。例如，可以设定为以基准点为中心，编辑画面的纵横三分之一的大小。图7表示其一例。在图7中，在编辑画面70上光标74位于图示的位置时，设定以粗线76表示的基准区域。在图7的例子中，基准区域76是矩形，也可以不一定是矩形。 
返回到图5，若设定了基准区域时，则在下一个步骤S4中，基准浏览对象选择单元26在基准区域所包含的浏览对象中，选择距基准点最近的对象作为基准浏览对象。所谓离基准点最近的对象，相当于包含基准点的对象、在基准点的旁边存在边界线的对象等，通过考虑图2那样的树结构来选择。用图6和图7的例子说明时，由于通过光标74的位置所表示的基准点位于包含字符串“Sun”的数据单元58A的位置，所以基准浏览对象选择单元26也可以将数据单元58A选择为基准浏览对象。 
若选择了基准浏览对象时，则在下一步的步骤S5中，关联浏览对象选择单元28从基准区域中包含的浏览对象中，选择与由基准浏览对象选择单元26选择的基准浏览对象相关联的浏览对象。该关联浏览对象是基准浏览对象的兄弟对象、父对象、子对象中的至少一个。以下，一边参照图8所示的树结构，一边说明关联浏览对象的选择。 
图8以树形式表示了图2的源代码，存储单元20也存储有该树结构。树的各个节点和源代码的行号的关系如下所示。 
body82(根节点)          ：行5～61 
table84                 ：行6～60 
tr86A                   ：行8～11 
tr86B                   ：行12～58 
th88A                   ：行9 
th88B                   ：行10 
td90A                   ：行13～44 
td90B                   ：行45～57 
Menu91                  ：行9 
Contents92              ：行10 
table93                 ：行14～43 
table94                 ：行46～56 
tr96A                   ：行16～32 
tr96B                   ：行33～35 
tr96C                   ：行36～38 
tr96D                   ：行39～41 
tr98A                   ：行48～51 
tr98B                   ：行52～54 
td99                    ：行17～31 
td101                   ：行34 
td102                   ：行37 
td103                   ：行40 
td105A                  ：行49 
td105B                  ：行50 
td104            ：行53 
table100         ：行18～30 
Item1 108        ：行34 
Item1 110        ：行37 
Item1 112        ：行40 
Sun的图形114     ：行49 
Cloud的图形116   ：行50 
Moon的图形118    ：行53 
tr106A           ：行20～22 
tr106B           ：行23～25 
tr106C           ：行26～28 
td120            ：行21 
td122            ：行24 
td124            ：行27 
Sun126           ：行21 
Cloud128         ：行24 
Moon130          ：行27 
关联浏览对象选择单元28从存储单元20中存储的源代码的树结构，在基准区域中包含的多个浏览对象中依次搜索基准浏览对象的兄弟对象、父对象和子对象，在发现父对象或者子对象时，依次搜索该兄弟对象、父对象和子对象，以下重复同样的步骤，直至不再发现对象为止。 
若以具体例进行说明，则在图6和图7的例子中，包含字符串“Sun”的数据单元58A被选择为基准浏览对象，所以关联浏览对象选择单元28首先从图7的基准区域76所包含的对象中，搜索数据单元58A的兄弟对象。数据单元58A在图8中与节点120对应，但是由于节点120没有兄弟，所以关联浏览对象选择单元28接着搜索节点120的父和子。节点120将节点106A和节点126分别作为父和子，它们都包含在基准区域76中，所以关联浏览对象选择单元28选择它们作为关联浏览对象。 
接着，关联浏览对象选择单元28搜索父节点106A的兄弟节点。在图8的例子中，节点106A将节点106B和106C作为兄弟节点，并且它们包含在基准区域76中，所以关联浏览对象选择单元28选择它们作为关联浏览对象。 进而，关联浏览对象选择单元28搜索节点106A、106B和106C的父、节点106B和106C的子，选择100、122、124、128和130。以下相同，关联浏览对象选择单元28继续搜索兄弟、父和子，直到基准区域中包含的关联浏览对象已没有为止。而且，在本发明中，也可以以任意的顺序进行兄弟、父和子的搜索，不一定必须在最初搜索兄弟。 
在搜索结束时，关联浏览对象选择单元28将选择出的对象以图8所示的树结构的形式存储在存储单元20中，还将表示哪个是基准浏览对象的指针提供给绘制单元30。 
在关联浏览对象的选择结束时，在最后的步骤S6中，绘制单元30使表示基准浏览对象的第一矩形和表示关联浏览对象的第二矩形之间具有用于选择对象的空间，将基准浏览对象和关联的浏览对象例如分别绘制为弹出(popup)UI。或者，也可以暂时改写WYSIWYG编辑画面的关联部分。在图9表示绘制的一例。绘制单元30首先在最初利用原来的基准浏览对象的布局结果，绘制用于表示由指针指定的基准浏览对象的第一矩形200。矩形200的大小考虑网页编辑画面的大小、基准浏览对象和关联浏览对象的位置而适当决定即可。例如在字符串“AAAAAAABBBBBBBBCCCC”通过折叠而被分为“AAAAAAABBBBB”和“BBBCCCC”的情况下，矩形200成为两个矩形，但是本发明也包含这样的矩形的组合。 
接着，在关联浏览对象为父对象的情况下，绘制单元30空出用于选择对象的空间(在图9中用斜线表示)而绘制表示该关联浏览对象的第二矩形202。用户例如可以通过点击矩形202的边界线，虚拟选择关联浏览对象，从而选择希望的标识符。因此，最好以某种程度的粗度来绘制边界线。空间的宽度适当决定即可。例如，可以将网页的默认字体的高度决定为基准。由于通过向上追溯关联浏览对象选择单元28作成的树结构而得到的父的数目较多，所以在弹出UI过大的情况下，在中途停止父的绘制，取而代之，例如在左上显示表示还有父的事实的图标204。 
在子对象的情况下，在基准浏览对象的矩形200内部绘制第二矩形，但是这时也在其与矩形200之间空出规定的空间来绘制。同样，由于通过向下追溯关联浏览对象选择单元28作成的树结构而得到的子(子孙)的数目较多，所以在不能在矩形200内部绘制完的情况下，例如在矩形200内部显示用于表示还有子的事实的图标206。在用户点击图标204或者206时，绘制单元 30将被省略的父对象或者子对象作为新的基准浏览对象，再绘制全部。而且，如果矩形200内部有余量，则也可以在最终的子对象中绘制对应的字符或者图形。而且，基准浏览对象具有分别为兄弟的多个子对象，而它们具有了多个子孙节点，所以在矩形200内部不能绘制完的情况下，在各个子的矩形的内部显示图标206。 
在兄弟对象的情况下，由于不与基准浏览对象重合，所以不需要上述那样的考虑，但是基准浏览对象的矩形和兄弟对象的矩形之间的空间如上所述那样决定即可。 
图10表示绘制单元30绘制的最终的弹出UI的例子。图示的弹出UI250可以显示在与包含图1的编辑画面的窗口不同的位置，还可以在不与基准区域重叠的范围内一部分重叠来显示。弹出UI250包含：绘制了基准浏览对象和关联浏览对象的矩形的标识符窗口、和表示被选择的标识符的状况的领域(field)254和256。领域254包含当前正由用户虚拟选择的标识符的名称，领域256是表示被虚拟选择的标识符的预览区域。在图10的例子中，以强调显示用的粗线252表示的标识符被虚拟选择。用户通过点击被显示在标识符窗口中的特定的矩形，或者以在领域254的右端显示的向上或者向下的三角的形式向高位方向或者低位方向追溯选择标识符，可以虚拟选择特定的标识符。用户在达到了希望的标识符的情况下，例如通过按压Enter键，可以确定选择。这时，如果在图1的编辑画面中，以某种形式强调显示与确定了选择的标识符对应的区域，则用户可以容易地得知选择了实际的画面的哪个部分。 
图11表示作为客户端16可安装的数据处理系统的结构例。数据处理系统300采用PCI局域(local)总线结构。在图示的例子中，虽然采用PCI总线，但是也可以采用AGP或ISA等其它的总线结构。处理器302和主存储器304经由PCI桥接电路308与PCI局域总线306连接。PCI桥接电路308也可以包含处理器302用的综合存储器控制器和高速缓冲存储器。对PCI局域总线306追加的连接可以通过组件的直接连接或者通过扩展端口来进行。在图示的例子中，LAN适配器310、SCSI主机(host)总线适配器312以及扩展总线接口314以组件的直接连接方式连接到PCI局域总线306。与此相反，音频适配器316、图像适配器318以及音频/视频适配器319通过被插入到扩展槽的扩展端口而连接到PCI局域总线306。扩展总线接口314提供用于键盘兼鼠标适配器320、调制解调器322以及追加的存储器324的连接。SCSI 主机总线适配器312提供用于硬盘驱动器326、磁带驱动器328以及CD-ROM驱动器330的连接。在典型的PCI局域总线的实际安装中，具有三个或者四个PCI扩展用端口或者扩展用连接器。 
操作系统通过处理器302进行动作，控制图3的数据处理系统300中的各种组件。操作系统也可以是可从微软公司买到的Windows(R)XP的市面销售的操作系统。按照本发明的程序，基于操作系统而运行，实现前述的各种功能。操作系统和本发明的程序被存储在硬盘驱动器326等存储装置中，在通过处理器302执行时被装载到主存储器304中。 
本技术领域的技术人员可以充分理解，图11的硬件可以由安装而改变。闪存ROM(或者同等的非易失性存储器)或光盘驱动器等其它内部硬件或外围装置可以增加到或取代图11所示的硬盘来使用。 
以上，参照附图详细地说明了本发明的实施方式，但是上述说明的实施方式不过是例示，并不限定权利要求范围中记载的本发明的范围。本技术领域的技术人员容易理解，在不脱离本发明的精神的情况下，可以对前述的实施方式进行各种修正和变更。 

Claims (12)

1.一种用于在网页的创作中支持对象选择的方法，该方法包括：
根据所述网页的编辑画面中的用户行为，决定用于对象选择的基准点的步骤；
设定包围所述基准点的基准区域的步骤；
在所述基准区域所包含的浏览对象中，选择距所述基准点最近的浏览对象作为基准浏览对象的步骤；
在所述基准区域所包含的浏览对象中，选择与所述基准浏览对象相关联的浏览对象的步骤；以及
使表示所述基准浏览对象的第一矩形和表示所述关联的浏览对象的第二矩形之间隔开用于对象选择的空间，分别绘制所述基准浏览对象和所述关联的浏览对象的步骤。
2.如权利要求1所述的方法，
决定所述基准点的步骤决定脱字符号或者鼠标指针的位置作为基准点。
3.如权利要求1所述的方法，
设定所述基准区域的步骤设定以所述基准点为中心的规定的大小的区域。
4.如权利要求1至3的任意一项所述的方法，
选择所述关联的浏览对象的步骤选择所述基准浏览对象的兄弟对象、父对象和子对象中的至少一个。
5.如权利要求4所述的方法，
在与选择出的关联浏览对象相关联的浏览对象被包含在所述基准区域中的情况下，选择所述关联的浏览对象的步骤还选择该相关联的浏览对象。
6.如权利要求1至3的任意一项所述的方法，其中，所述网页的数据是以树结构形式存储的。
7.如权利要求6所述的方法，
选择所述关联的浏览对象的步骤通过搜索所述树结构来选择关联的浏览对象。
8.如权利要求1至3的任意一项所述的方法，
在所述关联的浏览对象为所述基准浏览对象的父对象的情况下，所述进行绘制的步骤在所述第一矩形的外侧绘制所述第二矩形。
9.如权利要求1至3的任意一项所述的方法，
在所述关联的浏览对象为所述基准浏览对象的子对象的情况下，所述进行绘制的步骤在所述第一矩形的内侧绘制所述第二矩形。
10.如权利要求1至3的任意一项所述的方法，
所述进行绘制的步骤绘制包含了所述第一矩形和所述第二矩形的弹出UI。
11.如权利要求10所述的方法，
所述弹出UI除了所述第一矩形和所述第二矩形，还有表示所选择的浏览对象的领域。
12.一种用于在网页的创作中支持对象选择的装置，该装置包括：
基准点决定单元，根据所述网页的编辑画面中的用户行为，决定用于对象选择的基准点；
基准区域设定单元，设定包围所述基准点的基准区域；
基准浏览对象选择单元，在所述基准区域所包含的浏览对象中，选择距所述基准点最近的浏览对象作为基准浏览对象；
关联浏览对象选择单元，在所述基准区域所包含的浏览对象中，选择与所述基准浏览对象相关联的浏览对象；以及
绘制单元，使表示所述基准浏览对象的第一矩形和表示所述关联的浏览对象的第二矩形之间隔开用于对象选择的空间，分别绘制所述基准浏览对象和所述关联的浏览对象。
CN200780048397XA 2006-12-28 2007-12-20 在网页的创作中用于支持对象选择的方法和系统 Active CN101578576B (zh)

Applications Claiming Priority (3)

Application Number Priority Date Filing Date Title
JP355575/2006 2006-12-28
JP2006355575 2006-12-28
PCT/JP2007/074530 WO2008081733A1 (ja) 2006-12-28 2007-12-20 ウェブページのオーサリングにおいてオブジェクト選択を支援するための方法、システムおよびプログラム

Publications (2)

Publication Number Publication Date
CN101578576A CN101578576A (zh) 2009-11-11
CN101578576B true CN101578576B (zh) 2011-06-15

Family

ID=39585840

Family Applications (1)

Application Number Title Priority Date Filing Date
CN200780048397XA Active CN101578576B (zh) 2006-12-28 2007-12-20 在网页的创作中用于支持对象选择的方法和系统

Country Status (7)

Country Link
US (2) US8850332B2 (zh)
EP (1) EP2116925B1 (zh)
JP (1) JP4959722B2 (zh)
KR (1) KR101115497B1 (zh)
CN (1) CN101578576B (zh)
CA (1) CA2666305C (zh)
WO (1) WO2008081733A1 (zh)

Families Citing this family (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US8239749B2 (en) 2004-06-25 2012-08-07 Apple Inc. Procedurally expressing graphic objects for web pages
US20070130514A1 (en) * 2005-12-05 2007-06-07 Matthee Stephan D Dynamic data presentation
US8850332B2 (en) 2006-12-28 2014-09-30 International Business Machines Corporation Object selection in web page authoring
US9436927B2 (en) * 2008-03-14 2016-09-06 Microsoft Technology Licensing, Llc Web-based multiuser collaboration
AU2019214550B2 (en) * 2018-02-04 2023-02-02 Wix.Com Ltd. System and method for handling overlapping objects in visual editing systems
JP7302244B2 (ja) * 2019-04-05 2023-07-04 コベルコ建機株式会社 スキル情報提示システム及びスキル情報提示方法
US20220237362A1 (en) * 2021-01-25 2022-07-28 Beijing Zhuoyue Lexiang Network Technology Co., Ltd. Information display method, device, apparatus, medium, and program product for page element

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1519713A (zh) * 2003-01-23 2004-08-11 光宝科技股份有限公司 输入图像画面色彩处理预览方法
CN1828597A (zh) * 2005-03-03 2006-09-06 微软公司 用于丰富用户界面设计的样式机制

Family Cites Families (20)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2958927B2 (ja) 1990-08-31 1999-10-06 富士ゼロックス株式会社 文書処理装置
US5442788A (en) * 1992-11-10 1995-08-15 Xerox Corporation Method and apparatus for interfacing a plurality of users to a plurality of applications on a common display device
US5530865A (en) * 1993-03-03 1996-06-25 Apple Computer, Inc. Method and apparatus for improved application program switching on a computer-controlled display system
JP3359401B2 (ja) * 1993-12-02 2002-12-24 富士通株式会社 図形編集装置およびその方法
US6178432B1 (en) * 1996-09-30 2001-01-23 Informative Graphics Corp. Method and apparatus for creating interactive web page objects
JPH10222503A (ja) 1997-02-03 1998-08-21 Sadao Ikeda 日本語入力フロントエンド・プロセッサ
JPH10222506A (ja) 1997-02-12 1998-08-21 Fuji Xerox Co Ltd 文書作成支援装置
US6785865B1 (en) 1997-03-06 2004-08-31 Microsoft Corporation Discoverability and navigation of hyperlinks via tabs
US6278991B1 (en) * 1997-08-22 2001-08-21 Sap Aktiengesellschaft Browser for hierarchical structures
JP2000035961A (ja) 1998-07-21 2000-02-02 Hitachi Ltd Ｓｇｍｌエディタおよびその使用方法
JP2001027924A (ja) 1999-07-14 2001-01-30 Sharp Corp 表示画面を用いる入力装置
US7519573B2 (en) * 2004-08-23 2009-04-14 Fuji Xerox Co., Ltd. System and method for clipping, repurposing, and augmenting document content
US7890871B2 (en) * 2004-08-26 2011-02-15 Redlands Technology, Llc System and method for dynamically generating, maintaining, and growing an online social network
US20060080622A1 (en) * 2004-10-12 2006-04-13 International Business Machines Corporation Container metaphor for visualization of complex hierarchical data types
US7809722B2 (en) * 2005-05-09 2010-10-05 Like.Com System and method for enabling search and retrieval from image files based on recognized information
US7945653B2 (en) * 2006-10-11 2011-05-17 Facebook, Inc. Tagging digital media
JP2008165033A (ja) 2006-12-28 2008-07-17 Pioneer Electronic Corp 地図情報提供装置及び地図情報提供プログラム
US8850332B2 (en) 2006-12-28 2014-09-30 International Business Machines Corporation Object selection in web page authoring
US20080307308A1 (en) * 2007-06-08 2008-12-11 Apple Inc. Creating Web Clips
US8078979B2 (en) * 2007-11-27 2011-12-13 Microsoft Corporation Web page editor with element selection mechanism

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1519713A (zh) * 2003-01-23 2004-08-11 光宝科技股份有限公司 输入图像画面色彩处理预览方法
CN1828597A (zh) * 2005-03-03 2006-09-06 微软公司 用于丰富用户界面设计的样式机制

Non-Patent Citations (2)

* Cited by examiner, † Cited by third party
Title
JP特开2000-35961A 2000.02.02
JP特开平10-222506A 1998.08.21

Also Published As

Publication number Publication date
JP4959722B2 (ja) 2012-06-27
CA2666305C (en) 2015-05-26
EP2116925A1 (en) 2009-11-11
CA2666305A1 (en) 2008-07-10
EP2116925A4 (en) 2012-01-18
WO2008081733A1 (ja) 2008-07-10
KR101115497B1 (ko) 2012-02-27
KR20090087451A (ko) 2009-08-17
US11288337B2 (en) 2022-03-29
CN101578576A (zh) 2009-11-11
US20150019977A1 (en) 2015-01-15
EP2116925B1 (en) 2016-02-17
US20080163102A1 (en) 2008-07-03
JPWO2008081733A1 (ja) 2010-04-30
US8850332B2 (en) 2014-09-30

Similar Documents

Publication Publication Date Title
US10706091B2 (en) User driven computerized selection, categorization, and layout of live content components
US8359550B2 (en) Method for dynamically generating a “table of contents” view of the HTML-based information system
US7685514B1 (en) Method and system for incorporation of graphical print techniques in a web browser
JP4814575B2 (ja) 小型スクリーンコンピューティング装置にコンテンツを表示するシステムと方法
CN101578576B (zh) 在网页的创作中用于支持对象选择的方法和系统
KR101546732B1 (ko) 미리 정의된 레이아웃들을 이용한, 이미지들 및 관련 텍스트의 동적 레이아웃
KR100919738B1 (ko) 콘텐츠 작성 시스템, 콘텐츠 작성 방법, 이 콘텐츠 작성방법을 실행시키기 위한 컴퓨터 실행 가능한 프로그램, 이프로그램이 기록된 컴퓨터 판독 가능한 기억 매체,그래피컬 유저 인터페이스 시스템 및 표시 제어 방법
US20150339375A1 (en) Web application for debate maps
US7213202B1 (en) Simplified design for HTML
US10635855B1 (en) Code comment markup
US11126787B2 (en) Generating responsive content from an electronic document
KR100326425B1 (ko) 홈페이지 제작 방법
US20230105356A1 (en) Methods and systems for creating and managing micro content from an electronic document
JP2007011513A (ja) 文書表示装置、文書表示方法並びにプログラムおよび記録媒体
KR100261265B1 (ko) 웹 문서 저작을 위한 장치 및 그 운용 방법
KR100243385B1 (ko) 멀티미디어 프리젠테이션 문서 작성 방법
KR100577611B1 (ko) 멀티미디어 저작방법
CN116679848A (zh) 媒体内容的生成方法、装置、设备及可读存储介质
Negrino et al. Dreamweaver CS4 for Windows and Macintosh: Visual QuickStart Guide
JPH03216762A (ja) Ｃａｄシステムにおける文字探索方式

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
C14 Grant of patent or utility model
GR01 Patent grant