JP2001043166A

JP2001043166A - オブジェクト処理方法、オブジェクトリンク表示方法、オブジェクト管理方法および記録媒体

Info

Publication number: JP2001043166A
Application number: JP21343199A
Authority: JP
Inventors: Takaaki Hirai; 卓見平井
Original assignee: Ricoh Co Ltd
Current assignee: Ricoh Co Ltd
Priority date: 1999-07-28
Filing date: 1999-07-28
Publication date: 2001-02-16

Abstract

(57)【要約】【課題】リンク関係を視覚的に見易くする。【解決手段】ユーザ指示部１からの指示で、オブジェ
クト作成部２はオブジェクトを作成する。リンク制御部
３は、オブジェクト間にリンクを張ると共に、リンク関
係と色情報を持つリンクマップを作成して、オブジェク
ト保存部４に保存する。色制御部５は、ユーザ指示部１
からの指示によりリンクの色を決め、オブジェクト保存
部に保存する。リンク状態表示制御部６は、リンク関係
を色付きのリンク線で表示する。

Description

【発明の詳細な説明】

【０００１】

【発明の属する技術分野】本発明は、ホームページやフ
ローチャートの作成時に、他のオブジェクト（ページの
データや処理など）とのリンク関係を視覚的に見やすく
するオブジェクト処理方法、オブジェクトリンク表示方
法、オブジェクト管理方法および記録媒体に関する。

【０００２】

【従来の技術】従来、コンテンツをデザインする場合、
まず対象となるソフトの全体構成を考えながらフローチ
ャートを作成し、次いで各ページにアイコンとなるシン
ボルや文字、図、画像などを挿入し、作成したコンテン
ツを実行して確認する。

【０００３】ホームページや電子掲示板などを作成する
場合でも、前処理として、ユーザはその全体構成を考え
る。そして、できるだけシンプルな構成が望ましいが、
充実したものを作成しようとすれば、その構成は複雑に
なる。

【０００４】そこで、コンテンツ作成のためのツールな
どが種々提案されている。例えば、コンテンツ内の素材
のリンク定義と更新をビジュアルに行うコンテンツ作成
支援システムがある（特開平９−２１２３４９号公報を
参照）。また、使用するブラウザに応じて使用可能な機
能のみを選択してユーザーに提供するＨＴＭＬファイル
作成方法（特開平１０−３２０３８４号公報を参照）、
ハイパーメディア文書のリンク先ファイルおよび埋め込
みファイルがリンクリストとしてリスト状に階層表示す
る情報検索支援方法（特開平９−１８５６３４号公報を
参照）、リンクが張られている文字を集約して表示する
と共に、ホームページの階層関係を分かり易い構造図で
表示する装置（特開平１１−２５１２０号公報を参照）
などがある。

【０００５】この他にホームページ作成ツールとして、
Ｍａｃｒｏｍｅｄｉａ社のＤｉｒｅｃｔｏｒやＡｕｔｈ
ｏｒｗａｒｅなどのツールなどが同じような機能を持っ
ている。さらに、Ｍｉｃｒｏｓｏｆｔ社のＦｒｏｎｔＰ
ａｇｅのハイパーリンクの表示機能が類似した機能を備
えている。

【０００６】

【発明が解決しようとする課題】ところで、一般的に
は、オブジェクト（例えば、ページのデータや処理）の
リンク関係（状態）を表すために矢印線などを用いるこ
とが多い。ホームページでは１つのオブジェクトから色
々な箇所へリンクが張られる。

【０００７】このような複雑なホームページを作成する
場合、どのようなリンク関係（状態）になっているかが
分からなくなり、作成効率が落ちる原因ともなる。そこ
で、ＣＲＴなどに多くのオブジェクトのリンク関係（状
態）を表示することが考えられるが、単一色の矢印線な
どで表示する場合にはリンク線が複雑に交差して非常に
見難くなる。

【０００８】本発明の目的は、リンク関係を視覚的に見
易くしたオブジェクト処理方法、オブジェクトリンク表
示方法、オブジェクト管理方法および記録媒体を提供す
ることにある。

【０００９】

【課題を解決するための手段】本発明では、リンク関係
を色情報で識別処理することにより視覚的に見やすくす
る。色情報はユーザによる指定あるいはシステムで自動
的に決められる。また、リンク関係をリンクマップで管
理する。

【００１０】

【発明の実施の形態】以下、本発明の一実施例を図面を
用いて具体的に説明する。図１は、本発明の実施例の構
成を示す。図において、１はキーボード、マウスなどの
ユーザ指示部、２はオブジェクト作成部、３はリンク制
御部、４はオブジェクト保存部、５は色制御部、６はリ
ンク状態表示制御部、７は表示装置、８はプリンタであ
る。

【００１１】ここで、オブジェクト（例えば、ページの
データや処理）について説明する。オブジェクトにはデ
ータと手続きがある。例えば、ホームページの場合で
は、そのオブジェクトが持っている表示データを表示し
て、ユーザに何かを入力させるとき、この表示と入力手
続き処理がオブジェクトに該当する。処理としては、そ
の他に、サウンドを鳴らす、動画を再生するなどがあ
る。

【００１２】図２は、本発明の処理フローチャートであ
る。図２を参照しながら本発明の処理動作を説明する。
ユーザ指示部１の要求がオブジェクト作成であるとき
（ステップ１０１）、オブジェクト作成部２は、１個の
オブジェクトを作成する（ステップ１０２）。再度、ユ
ーザ指示部１の要求で２個目のオブジェクトを作成す
る。リンクがあるときには（ステップ１０３）、ユーザ
指示部１とリンク制御部３は、既に作成されているオブ
ジェクトに対してリンクの設定を行い、オブジェクト間
にリンクを張る。図４は、階層１に作成されたオブジェ
クト１０と、階層２に作成されたオブジェクト１２との
間にリンク１１が張られた図を示す。ここで、リンクは
矢印線で表されている。

【００１３】また、リンク制御部３は、リンクマップを
作成して、これらをオブジェクトのデータとしてオブジ
ェクト保存部４に保存する（ステップ１０４）。図３
は、リンクマップの構成例を示す。リンクマップには、
少なくともオブジェクトのリンク関係（状態）と、色情
報が格納されている。

【００１４】色制御部５は、ユーザ指示部１からの要求
により色が自動色であるか否かを判定し（ステップ１０
５）、手動のときはユーザから色情報を取得し（ステッ
プ１０６）、自動のときはシステムで決めた色を自動配
色し（ステップ１０７）、オブジェクトのリンク色とし
てオブジェクト保存部４に保存する（ステップ１０
８）。

【００１５】リンク状態表示制御部６は、上記したよう
に作成された２個のオブジェクトと色付きのリンク線を
表示装置７へ表示する（ステップ１０９）。また、必要
に応じてカラープリンタで印字する。

【００１６】上記したようにして、オブジェクトとリン
クの設定を実行すると、例えば図５に示すようになる。
また、図５に示すように、１つのオブジェクトから複数
のリンク線が張られる。そして、本発明では、図５の矢
印線がユーザ指定色または自動色に設定される。

【００１７】図５のオブジェクト１２を自身のオブジェ
クトＮＯとしたとき、リンクマップ（図３）は、次のよ
うになる。すなわち、リンク元オブジェクトＮＯとして
１０が記録され、オブジェクト１２から張られるリンク
数として３が記録され、リンク先オブジェクトＮＯとし
て１４、１５、１８、オブジェクト間（オブジェクト１
２とオブジェクト１４間、１２と１５間、１２と１８
間）のリンクの色、自動色か手動色かの区別、位置（オ
ブジェクトの論理的な位置）などが記録される。

【００１８】また、オブジェクトが削除されたり、リン
ク関係が変更された場合には、上記したリンクリストが
書き換えられる。さらに、このような変更に伴って、リ
ンクの色を変更することもできる。

【００１９】ユーザがリンク関係を確認したい場合は
（ステップ１０１）、ユーザ指示部１から図５のリンク
線の１本、例えば１１を選択すると、選択された線色だ
け（またはオブジェクト１０，１２を含む）が強調表示
（例えばブリンク）する（ステップ１１１）。つまり、
リンク１１，１３，１６が同一色のとき、これらがブリ
ンクする。または、他の線（リンク関係にないオブジェ
クト）が薄い色などで表示される。この例では、リンク
１９やオブジェクト１８などが薄い色などで表示され
る。

【００２０】オブジェクト作成、リンク設定の他の実施
例について説明する。図６は、オブジェクト作成の他の
方法を説明する図である。既にあるオブジェクト（ペー
ジ）２１をドラッグして離すことにより、新規のオブジ
ェクト（ページ）２２が作成され、自動的にリンクされ
る。リンクシンボルは、元のオブジェクト内に自動的に
決めたシンボルデザインで埋め込まれる。ユーザはこれ
を後で適宜変更する。

【００２１】図７は、逆方向のリンクを自動設定する方
法を説明する図である。オブジェクト（ページ）３３を
ドラッグしてオブジェクト（ページ）３１，３４上で離
すと、逆方向のリンクが自動的に設定される。このと
き、逆方向リンクを線で表すと線の数が多くなり、見に
くくなる可能性があるので、図８に示すように、オブジ
ェクト（ページ）３３の外、例えば右あるいは下に、リ
ンクされる相手の番号（システムで決めたシリアル番号
など）を表示する。上記説明した色付き線を適用する
と、逆方向リンクも色付き線で表すことができる。

【００２２】リンク関係が設定された図５を、ページの
フローチャートと呼ぶことにする。このフローチャート
の各ページにコンテンツを作成する場合の実施例を以下
説明する。

【００２３】図９は、コンテンツ編集画面を示す。画面
は、ページウインドと、オブジェクトウインドと、作業
エリアウインドからなる。図の画面ではページ１が選択
されている。オブジェクトウインドには、機能素材のア
イコン（例えば１１種類）が用意されている。図１０
は、機能素材のアイコンとその機能を説明する図であ
る。

【００２４】コンテンツの作成は次のようにして行う。
ページを選択し、機能アイコンをドラッグ＆ドロップで
作業エリアに配置する。次いで、表示や機能に必要な設
定（進み先ページ、素材ファイルの名前など）を行う。
最後に、素材の大きさ（素材の四隅をクリックしドラッ
グすることによりサイズを変更する）や位置（素材をク
リックしドラッグすることで移動する）などを調整す
る。上記したコンテンツ作成処理を全てのページについ
て行い、ページのフローチャートが作成される。

【００２５】なお、本発明はソフトウェアよっても実現
できる。図１１は、本発明をソフトウェアよって実現す
る場合のシステム構成例を示す。ＣＤ−ＲＯＭなどの記
録媒体には、本発明のオブジェクトリンク処理プログラ
ムが記録されていて、これをシステムにインストールす
る。上記プログラムは、モニタ上のユーザ指示に従って
オブジェクトを作成し、オブジェクト間にリンクを張
り、リンク関係を色で識別して表示出力する。

【００２６】また、本発明は上記した例に限らず、フロ
ーチャート作成、ＣＡＤ作成のユーザーインターフェー
スにも適用することができる。

【００２７】

【発明の効果】以上、説明したように、本発明によれ
ば、ホームページや電子掲示板などを作成するとき、リ
ンク関係が直感的に把握できるように表示されるので、
ホームページなどの作成時に、その全体構成が視覚的に
明確になり、これにより作業効率が一層向上する。

【図面の簡単な説明】

【図１】本発明の実施例の構成を示す。

【図２】本発明の処理フローチャートを示す。

【図３】リンクマップの構成例を示す。

【図４】２つのオブジェクト間にリンクが張られた図で
ある。

【図５】本発明によって設定されたリンク関係を説明す
る図である。

【図６】オブジェクト作成の他の方法を説明する図であ
る。

【図７】逆方向リンクを自動設定する方法を説明する図
である。

【図８】逆方向リンクの表示例を示す。

【図９】コンテンツ編集画面を示す。

【図１０】機能素材のアイコンとその機能を説明する図
である。

【図１１】本発明をソフトウェアによって実現する場合
の構成例を示す。

【符号の説明】

１ユーザ指示部２オブジェクト作成部３リンク制御部４オブジェクト保存部５色制御部６リンク状態表示制御部７表示装置８プリンタ

───────────────────────────────────────────────────── フロントページの続きＦターム(参考） 5B082 EA00 GC03 5B089 JA23 JB02 KA02 LB01 LB04 LB07 LB12 LB14 5E501 AB15 AB17 AC34 BA03 BA05 BA09 CA02 CB02 CB09 CC17 DA06 EA08 EA11 FA04 FA06 FB28 FB30 FB44

Claims

【特許請求の範囲】

【請求項１】オブジェクトの作成、追加、削除を行
い、複数のオブジェクト間にリンクを設定するオブジェ
クト処理方法であって、リンク関係にあるオブジェクト
間を識別処理することを特徴とするオブジェクト処理方
法。
【請求項２】前記識別処理は、色情報で行うことを特
徴とする請求項１記載のオブジェクト処理方法。
【請求項３】複数のオブジェクト間がリンクされてい
るとき、オブジェクト間のリンク関係をそれぞれ異なる
色で表示することを特徴とするオブジェクトリンク表示
方法。
【請求項４】前記異なる色は、ユーザによって指定さ
れることを特徴とする請求項３記載のオブジェクトリン
ク表示方法。
【請求項５】前記異なる色は、自動的に決められるこ
とを特徴とする請求項３記載のオブジェクトリンク表示
方法。
【請求項６】請求項３記載の方法によってリンク関係
が表示されていて、所定のリンク関係が選択されたと
き、該選択されたリンク関係と他のリンク関係とを識別
表示することを特徴とするオブジェクトリンク表示方
法。
【請求項７】前記選択されたリンク関係にあるオブジ
ェクトのみを強調表示させることを特徴とする請求項６
記載のオブジェクトリンク表示方法。
【請求項８】前記選択されたリンク関係とそのオブジ
ェクトの表示色は、他のリンク関係の表示色よりも強調
することを特徴とする請求項６記載のオブジェクトリン
ク表示方法。
【請求項９】リンクされているオブジェクトを管理す
るオブジェクト管理方法であって、オブジェクト間のリ
ンク関係を、オブジェクト毎に、当該オブジェクトのリ
ンク元のオブジェクトと、当該オブジェクトのリンク数
と、リンク先のオブジェクトと、リンクの色情報を含む
リンクマップで管理することを特徴とするオブジェクト
管理方法。
【請求項１０】オブジェクトを作成する機能と、オブ
ジェクト間にリンクを設定する機能と、リンク関係にあ
るオブジェクト間を識別処理する機能をコンピュータに
実現させるためのプログラムを記録したコンピュータ読
み取り可能な記録媒体。