JP2002032299A - Multimedia file management method, web page production method and recording medium - Google Patents

Multimedia file management method, web page production method and recording medium

Info

Publication number
JP2002032299A
JP2002032299A JP2000215080A JP2000215080A JP2002032299A JP 2002032299 A JP2002032299 A JP 2002032299A JP 2000215080 A JP2000215080 A JP 2000215080A JP 2000215080 A JP2000215080 A JP 2000215080A JP 2002032299 A JP2002032299 A JP 2002032299A
Authority
JP
Japan
Prior art keywords
web page
server
multimedia file
file
client terminal
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.)
Pending
Application number
JP2000215080A
Other languages
Japanese (ja)
Inventor
Kohei Takada
康平 高田
Hiroshi Uji
宏志 宇治
Keiko Katayama
慶子 片山
Masakazu Akita
雅一 秋田
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
Nippon Telegraph and Telephone West Corp
Original Assignee
Nippon Telegraph and Telephone Corp
Nippon Telegraph and Telephone West 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, Nippon Telegraph and Telephone West Corp filed Critical Nippon Telegraph and Telephone Corp
Priority to JP2000215080A priority Critical patent/JP2002032299A/en
Publication of JP2002032299A publication Critical patent/JP2002032299A/en
Pending legal-status Critical Current

Links

Landscapes

  • Information Transfer Between Computers (AREA)
  • Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
  • Management, Administration, Business Operations System, And Electronic Commerce (AREA)

Abstract

PROBLEM TO BE SOLVED: To easily manage the multimedia file which is placed on a Web page and also to easily produce the Web page. SOLUTION: When a multimedia file is dragged and dropped onto a prescribed homepage at a client terminal 10, the multimedia file is transferred to a data base 21 of a server 20 and stored there. When the homepage is produced, the multimedia file stored in the data base 21 is dragged and dropped onto the homepage. The information on the homepage are stored in a data base 22 of the server 20 as editing data. The editing data are called out for editing the homepage again. The editing data can be read by an external browser and then converted into the HTML data which are stored in a data base 23 of the server 20.

Description

【発明の詳細な説明】DETAILED DESCRIPTION OF THE INVENTION

【0001】[0001]

【発明の属する技術分野】本発明は、Webページ上に
貼り付けるマルチメディアファイルを一括管理するのに
用いて好適な、また、Webページを作成するのに用い
て好適なマルチメディアファイル管理方法、Webペー
ジ作成方法および記録媒体に関する。
BACKGROUND OF THE INVENTION 1. Field of the Invention The present invention relates to a multimedia file management method suitable for collectively managing multimedia files to be pasted on a web page and suitable for creating a web page. The present invention relates to a web page creation method and a recording medium.

【0002】[0002]

【従来の技術】図13は、従来技術による、ブラウザ上
で動作するHTML編集ツールを用いてホームページを
作成する動作を示す概念図である。クライアント端末1
において、ブラウザ2上で動作するHTML編集ツール
を用いて、HTML文を直接記述する。HTMLタグの
FORMを利用し、ユーザのコーディングしたHTML
文を文字列として、イントラネットおよびインターネッ
ト3を介して転送し、サーバ4上にHTMLファイル5
として保存する。また、ホームページにリンクされたマ
ルチメディアファイル(画像・音声・動画等)6も、ユ
ーザが個別にサーバ4に転送して保存する。例えば、イ
ンターネット(ホ−ムページ)上の素材(マルチメディ
アファイル)をホームページ作成に利用する場合、クラ
イアント端末1にファイルを一旦保存した後、サーバ4
にファイル転送する必要があった。
2. Description of the Related Art FIG. 13 is a conceptual diagram showing an operation of creating a homepage by using an HTML editing tool operating on a browser according to the prior art. Client terminal 1
, An HTML sentence is directly described using an HTML editing tool operating on the browser 2. HTML coded by user using HTML tag FORM
The sentence is transferred as a character string via the intranet and the Internet 3, and the HTML file 5 is stored on the server 4.
Save as The user also transfers and saves the multimedia files (images, sounds, moving images, etc.) 6 linked to the home page to the server 4 individually. For example, when a material (multimedia file) on the Internet (home page) is used for creating a home page, the file is temporarily stored in the client terminal 1 and then stored in the server 4.
Had to be transferred to a file.

【0003】次に、図14は、従来技術による、ブラウ
ザ上で動作するHTML編集ツール(GUIを実現)を
用いてホームページを作成する動作を示す概念図であ
る。クライアント端末1では、ブラウザ2をアプリケー
ションコンテナ(プログラムが稼動するプログラム。O
Sやミドルウェア等)として利用する。すなわち、クラ
イアント端末(ローカル)1には、図示しないサーバか
らダウンロードされたアプリケーション(ActiveX;マ
イクロソフト社製、DHTML Editing Component等)7が
インストールされており、該アプリケーション内にHT
MLファイル8が記述される。また、ツールバー9など
のGUIも、アプリケーション(ActiveX)7によって
提供される。作成されたHTMLファイル8は、一旦、
クライアント端末1に保存された後、サーバへ転送され
る。
[0004] FIG. 14 is a conceptual diagram showing an operation of creating a homepage using an HTML editing tool (realizing a GUI) operating on a browser according to the prior art. In the client terminal 1, the browser 2 is used as an application container (a program on which a program runs.
S and middleware). That is, an application (ActiveX; DHTML Editing Component, manufactured by Microsoft Corporation) 7 downloaded from a server (not shown) is installed in the client terminal (local) 1, and the HT is installed in the application.
The ML file 8 is described. A GUI such as a toolbar 9 is also provided by the application (ActiveX) 7. Once the HTML file 8 is created,
After being stored in the client terminal 1, it is transferred to the server.

【0004】[0004]

【発明が解決しようとする課題】しかしながら、従来技
術では、イントラネット・インターネット上に散在する
素材(マルチメディアファイル)をホームページ作成に
供するために収集・利用する場合、ファイルのロケーシ
ョンを意識しなければならず、また、サーバ上で蓄積・
管理するために、ファイル転送手続きを取る必要があ
り、手続きが煩雑になるという問題があった。
However, in the prior art, when materials (multimedia files) scattered on the intranet and the Internet are collected and used for providing a homepage, the location of the files must be considered. Not stored on the server
In order to perform the management, it is necessary to take a file transfer procedure, and there is a problem that the procedure becomes complicated.

【0005】また、ホームページ作成においては、操作
を容易にするために、クライアント端末上でWYSIW
YG(What You See Is What You Get)を実現する方法
はあるものの、クライアント端末に個人のデータを保存
もしくは保存後にサーバへファイル転送する必要がある
ため、学校等の、個人がクライアント端末を占有しない
環境および初・中等教育を受けている児童・学童等のコ
ンピュータの知識が不十分なユーザが利用する環境に適
さないという問題があった。
In creating a home page, WYSIW on a client terminal is used to facilitate operation.
Although there is a method of realizing YG (What You See Is What You Get), it is necessary to save personal data on the client terminal or transfer the file to the server after saving, so that individuals such as schools do not occupy the client terminal There is a problem that the environment and the environment in which a user who has not enough computer knowledge, such as children and school children who have received primary and secondary education, use the computer are unsuitable.

【0006】さらに、従来の方法では、サーバに一旦保
存したHTMLファイルを再編集する場合、HTMLを
編集しなければならず、ホームページ上に配置された個
々のオブジェクトに対する直接操作(オブジェクトを右
クリックすることによるコンテキストメニュー操作等)
が困難であるという問題があった。
Further, in the conventional method, when re-editing an HTML file once stored in the server, the HTML must be edited, and direct operation (right-clicking on the object) on each object placed on the homepage must be performed. Context menu operation, etc.)
There was a problem that was difficult.

【0007】この発明は上述した事情に鑑みてなされた
もので、Webページに配置するマルチメディアファイ
ルを容易に管理することができ、また、Webページを
容易に作成することができるマルチメディアファイル管
理方法、Webページ作成方法および記録媒体を提供す
ることを目的とする。
[0007] The present invention has been made in view of the above-described circumstances, and enables a multimedia file to be arranged on a Web page to be easily managed and a multimedia file management to be able to easily create a Web page. It is an object to provide a method, a Web page creation method, and a recording medium.

【0008】[0008]

【課題を解決するための手段】上述した問題点を解決す
るために、請求項1記載の発明では、クライアント端末
上のマルチメディアファイルを所定のWebページ上に
ドラッグ&ドロップすることにより、ドラッグ&ドロッ
プされたマルチメディアファイルを、ネットワークを介
してサーバに転送し、サーバ上の記憶手段に蓄積するこ
とを特徴とする。
According to the first aspect of the present invention, a multimedia file on a client terminal is dragged and dropped on a predetermined Web page to solve the problem. The dropped multimedia file is transferred to a server via a network and stored in a storage unit on the server.

【0009】また、請求項2記載の発明では、請求項1
記載のマルチメディアファイル管理方法において、前記
サーバ上の記憶手段に蓄積されたマルチメディアファイ
ルは、前記クライアント端末で閲覧されることを特徴と
する。
Further, according to the invention described in claim 2, according to claim 1,
In the multimedia file management method described above, the multimedia file stored in the storage unit on the server is browsed on the client terminal.

【0010】また、請求項3記載の発明では、請求項1
記載のマルチメディアファイル管理方法において、前記
サーバ上の記憶手段に蓄積されたマルチメディアファイ
ルは、前記クライアント端末上のWebページ上へドラ
ッグ&ドロップすることにより、Webページ上へ配置
されることを特徴とする。
[0010] According to the third aspect of the present invention, the first aspect is provided.
In the multimedia file management method described above, the multimedia file stored in the storage means on the server is arranged on the Web page by dragging and dropping the multimedia file on the Web page on the client terminal. And

【0011】また、上述した問題点を解決するために、
請求項4記載の発明では、クライアント端末に表示され
ているWebページ上にドラッグ&ドロップされたオブ
ジェクトを、Webページ上へ配置し、前記Webペー
ジ上に配置された全てのオブジェクトの固有データと固
有メソッドとを、前記Webページの再編集時に用いる
編集データファイルとしてネットワークを介してサーバ
に転送し、サーバ上の記憶手段に蓄積することを特徴と
する。
In order to solve the above-mentioned problems,
According to the fourth aspect of the present invention, the object dragged and dropped on the Web page displayed on the client terminal is arranged on the Web page, and the unique data and the unique data of all the objects arranged on the Web page are arranged. The method is transferred to a server via a network as an edit data file used when re-editing the Web page, and stored in a storage unit on the server.

【0012】また、請求項5記載の発明では、請求項4
記載のWebページ作成方法において、前記編集データ
ファイルを、外部の閲覧手段により閲覧可能なWebペ
ージ記述言語ファイルに変換することを特徴とする。
According to the invention described in claim 5, according to claim 4,
In the Web page creation method described above, the edited data file is converted into a Web page description language file that can be viewed by an external viewing unit.

【0013】また、請求項6記載の発明では、請求項4
記載のWebページ作成方法において、前記Webペー
ジ上にドラッグ&ドロップされるオブジェクトは、前記
サーバ上に蓄積されたマルチメディアファイルであるこ
とを特徴とする。
According to the invention described in claim 6, according to claim 4,
In the Web page creation method described above, the object to be dragged and dropped on the Web page is a multimedia file stored on the server.

【0014】また、上述した問題点を解決するために、
請求項7記載の発明では、クライアント端末上のマルチ
メディアファイルが所定のWebページ上にドラッグ&
ドロップされると、該ドラッグ&ドロップされたマルチ
メディアファイルを、サーバ上の記憶手段に蓄積すべ
く、ネットワークを介してサーバに転送するステップを
コンピュータに実行させる転送プログラムを記録したこ
とを特徴とする。
In order to solve the above-mentioned problems,
According to the seventh aspect of the present invention, the multimedia file on the client terminal is dragged and dropped onto a predetermined Web page.
A transfer program for causing a computer to execute a step of transferring the dragged and dropped multimedia file to a server via a network so as to store the dragged and dropped multimedia file in a storage means on the server, is recorded. .

【0015】また、上述した問題点を解決するために、
請求項8記載の発明では、クライアント端末に表示され
ているWebページ上にドラッグ&ドロップされたオブ
ジェクトを、Webページ上へ配置するステップと、前
記Webページ上に配置された全てのオブジェクトの固
有データと固有メソッドとを取得するステップと、前記
全てのオブジェクトの固有データと固有メソッドとを、
前記Webページの再編集時に用いる編集データファイ
ルとしてサーバ上の記憶手段に蓄積すべく、ネットワー
クを介してサーバに転送するステップとをコンピュータ
に実行させるWebページ作成プログラムを記録したこ
とを特徴とする。
In order to solve the above-mentioned problems,
In the invention according to claim 8, the step of arranging the object dragged and dropped on the Web page displayed on the client terminal on the Web page, and the unique data of all the objects arranged on the Web page And obtaining a unique method, and unique data and a unique method of all the objects,
A Web page creation program for causing a computer to execute a step of transferring the edited data file to the server via a network in order to store the edited data file in the storage means on the server as an edit data file used when re-editing the Web page.

【0016】また、請求項9記載の発明では、請求項8
記載のコンピュータ読み取り可能な記録媒体において、
前記編集データファイルを、外部の閲覧手段により閲覧
可能なWebページ記述言語ファイルに変換するステッ
プをコンピュータに実行させるWebページ作成プログ
ラムを記録したことを特徴とする。
According to the ninth aspect of the present invention, the eighth aspect of the present invention is provided.
The computer-readable recording medium according to the above,
A Web page creation program for causing a computer to execute a step of converting the edited data file into a Web page description language file that can be browsed by an external browsing unit is recorded.

【0017】この発明では、クライアント端末上のマル
チメディアファイルを所定のWebページ上にドラッグ
&ドロップすることにより、ドラッグ&ドロップされた
マルチメディアファイルを、ネットワークを介してサー
バに転送し、サーバ上の記憶手段に蓄積する。したがっ
て、クライアント端末に依存したデータ管理が不要とな
り、また、マルチメディアファイルのロケーションおよ
びハイパーリンクの設定をユーザが意識することなくフ
ァイルを再利用することができ、Webページに配置す
るマルチメディアファイルを容易に管理することが可能
となる。また、クライアント端末に表示されているWe
bページ上にドラッグ&ドロップされたオブジェクト
を、Webページ上へ配置し、前記Webページ上に配
置された全てのオブジェクトの固有データと固有メソッ
ドとを、前記Webページの再編集時に用いる編集デー
タファイルとしてネットワークを介してサーバに転送
し、サーバ上の記憶手段に蓄積する。したがって、HT
ML文の編集作業が不要となり、オブジェクトを直接編
集することができるため、Webページを容易に作成す
ることが可能となる。
According to the present invention, the multimedia file on the client terminal is dragged and dropped onto a predetermined Web page, whereby the dragged and dropped multimedia file is transferred to the server via the network, and Store in storage means. Therefore, the data management depending on the client terminal is not required, and the file can be reused without the user being aware of the location of the multimedia file and the setting of the hyperlink, and the multimedia file to be arranged on the Web page can be used. It can be easily managed. Also, the We displayed on the client terminal
an object dragged and dropped on page b, placed on the web page, and edit data file used when re-editing the web page, using unique data and unique methods of all objects placed on the web page Is transferred to the server via the network and stored in the storage means on the server. Therefore, HT
Since the editing operation of the ML sentence becomes unnecessary and the object can be edited directly, it is possible to easily create a Web page.

【0018】[0018]

【発明の実施の形態】以下、図面を用いて本発明の実施
の形態を説明する。 A−1.実施形態の構成 図1は、本発明の実施形態による全体の構成を示すブロ
ック図である。図において、クライアント端末10は、
ファイル抽出部11、マルチメディア入出力部12およ
びオブジェクト操作処理部13からなる。ファイル抽出
部11は、ユーザに操作によりドラッグ&ドロップされ
た、WWWページ15のURLショートカットに従っ
て、WWWページ15に表示されている画像・音声・動
画等のマルチメディアファイルのうち、予め登録してお
いた特定ファイル情報に一致したファイルだけを抽出
し、マルチメディアファイル入出力部12へ供給する。
Embodiments of the present invention will be described below with reference to the drawings. A-1. Configuration of Embodiment FIG. 1 is a block diagram showing an overall configuration according to an embodiment of the present invention. In the figure, a client terminal 10
It comprises a file extracting unit 11, a multimedia input / output unit 12, and an object operation processing unit 13. The file extracting unit 11 pre-registers, among the multimedia files such as images, sounds, and moving images displayed on the WWW page 15, in accordance with the URL shortcut of the WWW page 15 which is dragged and dropped by the user. Only files matching the specified file information are extracted and supplied to the multimedia file input / output unit 12.

【0019】マルチメディアファイル入出力部12は、
上記ファイル抽出部11によりWWWページ15から抽
出されたマルチメディアファイル、WWWページ上から
ドラッグ&ドロップにより選択されたマルチメディアフ
ァイル、クライアント端末上の記憶装置に記憶され、ド
ラッグ&ドロップにより選択されたマルチメディアファ
イル、およびLAN(ローカルエリアネットワーク)上
に記憶され、ドラッグ&ドロップにより選択されたマル
チメディアファイル(以下、総称してマルチメディアフ
ァイル16)を、イントラネットやインターネットなど
のネットワーク(図示略)を介して自動的にサーバ20
に転送する。また、マルチメディアファイル入出力部1
2は、ホームページにマルチメディアファイルを用いる
場合、サーバ20上に蓄積された上記マルチメディアフ
ァイル16を受信し、オブジェクト操作処理部13へ供
給する。
The multimedia file input / output unit 12
The multimedia file extracted from the WWW page 15 by the file extracting unit 11, the multimedia file selected by drag and drop from the WWW page, the multimedia file stored in the storage device on the client terminal and selected by drag and drop Media files and multimedia files (hereinafter collectively referred to as multimedia files 16) stored on a LAN (local area network) and selected by drag and drop via a network (not shown) such as an intranet or the Internet. Automatically server 20
Transfer to Also, a multimedia file input / output unit 1
2 uses the multimedia file 16 stored on the server 20 when the multimedia file is used for the homepage, and supplies the multimedia file 16 to the object operation processing unit 13.

【0020】オブジェクト操作処理部13は、ユーザに
ホームページ作成・編集機能を提供し、ユーザのマウス
操作(マウスによるオブジェクトの移動・右クリックメ
ニューからのオブジェクトに対する各種操作)に従っ
て、マルチメディアファイル入出力部12を介して供給
されるマルチメディアファイル16の一覧、すなわちス
クラップブック(後述)からユーザによりドラッグ&ド
ロップされたマルチメディアファイルを空白のホームペ
ージ(以下、キャンパス)上に配置したり、配置された
全てのオブジェクト(画像等のマルチメディアファイ
ル、文字列・表等)をユーザ操作に応じて編集したりす
る。また、オブジェクト操作処理部13は、ユーザのキ
ーボード操作(テキストの直接入力・編集)に従って、
入力された文章をキャンパス上に配置する。また、オブ
ジェクト操作処理部13は、ホームページエディタ機能
を用いてユーザにより作成されたホームページに対し
て、ユーザのメニュー操作(作成されたデータの保存
等)保存が指示されると、ホームページ上に配置された
全てのオブジェクト(画像等のマルチメディアファイ
ル、文字列・表等)の種類・位置情報・設定情報などの
固有データと、クリック、ドラッグ、ダブりクリック、
コンテキストメニュー等に対する反応を示す固有メソッ
ドとを、編集データとしてネットワークを介して自動的
にサーバ20に転送する。上記ホームページは、DHT
ML(Dynamic HTML)により記述され、スクリプト言語
(例えば、JavaScript)を埋め込むことが可能となって
いる。
The object operation processing unit 13 provides a user with a homepage creation / editing function, and performs a multimedia file input / output unit according to a user's mouse operation (movement of an object with a mouse, various operations on an object from a right-click menu). A list of multimedia files 16 supplied via the Internet 12, that is, a multimedia file dragged and dropped by a user from a scrapbook (described later) is placed on a blank homepage (hereinafter referred to as a campus), or all the placed files are placed. (Multimedia files such as images, character strings and tables, etc.) according to user operations. Further, the object operation processing unit 13 responds to a user's keyboard operation (direct input / edit of text).
Place the input text on campus. The object operation processing unit 13 is arranged on the homepage created by the user using the homepage editor function when the user instructs to save a menu operation (such as saving created data). Unique data such as type, position information, and setting information of all objects (multimedia files such as images, character strings, tables, etc.), clicks, drags, double clicks,
A unique method indicating a response to the context menu or the like is automatically transferred to the server 20 as edit data via the network. The above website is DHT
It is described in ML (Dynamic HTML) and can embed a script language (for example, JavaScript).

【0021】上述したファイル抽出部11、マルチメデ
ィア入出力部12およびオブジェクト操作処理部13に
よる処理は、図示しない記憶部に記憶されたプログラム
を実行することによって実現している。記憶部は、ハー
ドディスク装置や光磁気ディスク装置、フラッシュメモ
リ、CD−ROM等の不揮発性メモリやRAM(Random
Access Memory)のような揮発性のメモリ、あるいはこ
れらの組み合わせにより構成されるものとする。また、
上記記憶部とは、インターネット等のネットワークや電
話回線等の通信回線を介してプログラムが送信された場
合のサーバやクライアントとなるコンピュータシステム
内部の揮発性メモリ(RAM)のように、一定時間プロ
グラムを保持しているものも含む。
The processes performed by the file extracting unit 11, the multimedia input / output unit 12, and the object operation processing unit 13 are realized by executing a program stored in a storage unit (not shown). The storage unit is a hard disk device, a magneto-optical disk device, a flash memory, a nonvolatile memory such as a CD-ROM, or a RAM (Random
Access Memory), or a combination thereof. Also,
The storage unit stores a program for a certain period of time, such as a volatile memory (RAM) in a computer system serving as a server or a client when the program is transmitted through a network such as the Internet or a communication line such as a telephone line. Includes what is being held.

【0022】また、上記プログラムは、このプログラム
を記憶装置等に格納したコンピュータシステムから、伝
送媒体を介して、あるいは、伝送媒体中の伝送波により
他のコンピュータシステムに伝送されてもよい。ここ
で、プログラムを伝送する「伝送媒体」は、インターネ
ット等のネットワークや電話回線等の通信回線のように
情報を伝送する機能を有する媒体のことをいう。また、
上記プログラムは、上述した処理の一部を実現するため
のものであってもよい。さらに、上述した処理を情報セ
ンタ1に既に記録されているプログラムとの組み合わせ
で実現できるもの、いわゆる差分ファイル(差分プログ
ラム)であってもよい。
Further, the above program may be transmitted from a computer system storing the program in a storage device or the like to another computer system via a transmission medium or by a transmission wave in the transmission medium. Here, the “transmission medium” for transmitting a program refers to a medium having a function of transmitting information, such as a network such as the Internet or a communication line such as a telephone line. Also,
The program may be for realizing a part of the processing described above. Furthermore, what can implement | achieve the process mentioned above in combination with the program already recorded on the information center 1, what is called a difference file (difference program) may be sufficient.

【0023】サーバ20は、上記マルチメディアファイ
ル入出力部12からのマルチメディアファイル16を分
類し、データベース21上に蓄積する。また、サーバ2
0は、データベース21上に蓄積したマルチメディアフ
ァイル16を、クライアント端末10のブラウザにより
閲覧可能なホームページ上の一覧(スクラップブック)
としてネットワークを介してクライアント端末10に提
供する。該スクラップブック上のマルチメディアファイ
ルは、クライアント端末10上のキャンパス上にドラッ
グ&ドロップすることが可能であるとともに、キャンパ
ス上で編集することが可能である。
The server 20 classifies the multimedia files 16 from the multimedia file input / output unit 12 and stores them on a database 21. Server 2
0 is a list (scrapbook) on the homepage which can browse the multimedia files 16 stored in the database 21 by the browser of the client terminal 10.
Is provided to the client terminal 10 via the network. The multimedia file on the scrapbook can be dragged and dropped on the campus on the client terminal 10 and can be edited on the campus.

【0024】また、サーバ20は、上記オブジェクト操
作処理部13からの編集データをデータベース22に蓄
積する。また、サーバ20は、クライアント端末10に
おいてホームページを再編集する際に、データベース2
2上に蓄積した編集データを、ネットワークを介してク
ライアント端末10に転送する。また、サーバ20は、
編集データを変換し、HTMLデータを生成し、データ
ベース23に蓄積する。該HTMLデータは、ネットワ
ークを介してアクセスしてきた端末のブラウザにより閲
覧される。
The server 20 stores the edited data from the object operation processing unit 13 in the database 22. When the server 20 re-edits the home page on the client terminal 10, the server 20
2 to transfer the edited data stored on the client terminal 10 to the client terminal 10 via the network. In addition, the server 20
The editing data is converted, HTML data is generated, and stored in the database 23. The HTML data is browsed by a browser of a terminal accessed via a network.

【0025】B.実施形態の動作 次に、本実施形態の動作について詳細に説明する。 B−1.マルチメディアファイルの管理 まず、上述した構成によるマルチメディアファイルの管
理の動作について説明する。ここで、図2は、本実施形
態によるマルチメディアファイルの管理の動作を説明す
るためのフローチャートである。まず、クライアント端
末10では、ブラウザによりサーバ20が提供するホー
ムページを閲覧し(S10)、該ホームページの所定の
箇所へ、マルチメディアファイルのショートカットアイ
コンを、ドラッグ&ドロップすると(S11)、HTM
Lのソースを解析する(S12)。このとき、マルチメ
ディアファイル管理テーブルを参照する(S13)。そ
して、解析結果に従って、マルチメディアファイルを抽
出する(S14)。次に、HTMLを作成し、マルチメ
ディアファイルを一覧表示する(S15)。次に、一覧
から目的のマルチメディアファイルだけを表示する(S
16)。そして、ホームページ上で保存が指示される
と、上記マルチメディアファイルを、ネットワークを介
してサーバ20にFTP転送する(S17)。このと
き、サーバ20では、上記マルチメディアファイルに対
する、ファイルID、ファイルパス、プレビューパス、
日付、登録者ID、分類ID、コメントをデータベース
へ登録する(S18)。ファイルID、ファイルパス、
プレビューパス、日付は、サーバ自身から取得され、登
録者IDはログインIDから取得される。また、分類I
Dは、後述するスクラップブックから取得され、コメン
トは、ダイアログから取得される。
B. Next, the operation of the present embodiment will be described in detail. B-1. Management of Multimedia File First, the operation of managing a multimedia file with the above configuration will be described. Here, FIG. 2 is a flowchart for explaining the operation of managing the multimedia file according to the present embodiment. First, the client terminal 10 browses a homepage provided by the server 20 with a browser (S10), and drags and drops a shortcut icon of a multimedia file to a predetermined portion of the homepage (S11).
The source of L is analyzed (S12). At this time, a multimedia file management table is referred to (S13). Then, a multimedia file is extracted according to the analysis result (S14). Next, an HTML is created, and a list of multimedia files is displayed (S15). Next, only the target multimedia file is displayed from the list (S
16). When an instruction to save the multimedia file is given on the homepage, the multimedia file is FTP-transferred to the server 20 via the network (S17). At this time, in the server 20, a file ID, a file path, a preview path,
The date, registrant ID, classification ID, and comment are registered in the database (S18). File ID, file path,
The preview path and date are obtained from the server itself, and the registrant ID is obtained from the login ID. Class I
D is obtained from a scrapbook described later, and the comment is obtained from a dialog.

【0026】B−1−1.具体的な動作例 (a)スクラップブックへの登録(基本) 図3は、スクラップブックへの登録動作(基本)を示す
模式図である。クライアント端末10は、ネットワーク
を介してサーバ20にアクセスし、該サーバ20が提供
するホームページ30から、スクラップブック31をブ
ラウザにより表示する。該スクラップブック31には、
サーバ20のデータベース21に蓄積されたマルチメデ
ィアファイルの一覧32がサムネイルで表示されるとと
もに、クライアント端末10でドラッグ&ドロップされ
たマルチメディアファイルを該スクラップブック31上
に登録するための箇所(アイコン)33が設定されてい
る。
B-1-1. Specific Operation Example (a) Registration in Scrapbook (Basic) FIG. 3 is a schematic diagram showing a registration operation (basic) in a scrapbook. The client terminal 10 accesses the server 20 via a network, and displays a scrapbook 31 from a homepage 30 provided by the server 20 using a browser. In the scrapbook 31,
A list 32 of multimedia files stored in the database 21 of the server 20 is displayed as a thumbnail, and a location (icon) for registering the multimedia file dragged and dropped by the client terminal 10 on the scrapbook 31. 33 are set.

【0027】クライアント端末10では、クライアント
端末10上の記憶装置やLAN(ローカルエリアネット
ワーク)上などに記憶されている、マルチメディアファ
イル16のショートカットアイコンを、WWWページに
よるスクラップブック31上の所定の箇所(図示の破線
部分)33にドラッグ&ドロップする。ドラッグ&ドロ
ップされたマルチメディアファイル16は、ネットワー
クを介して自動的にサーバ20に転送される。登録され
たマルチメディアファイル16には、タイトルとコメン
トを記入することが可能である。また、サーバ20で
は、上記マルチメディアファイル16に対して、ファイ
ルID、ファイルパス、プレビューパス、日付、登録者
ID、分類ID、コメントをデータベース21へ登録す
る。
In the client terminal 10, a shortcut icon of the multimedia file 16 stored in a storage device on the client terminal 10 or on a LAN (local area network) is displayed at a predetermined location on the scrapbook 31 on the WWW page. (Dashed portion in the figure) 33 is dragged and dropped. The dragged and dropped multimedia file 16 is automatically transferred to the server 20 via the network. In the registered multimedia file 16, a title and a comment can be entered. Further, the server 20 registers a file ID, a file path, a preview path, a date, a registrant ID, a classification ID, and a comment in the database 21 for the multimedia file 16.

【0028】(b)スクラップブックへの登録例(その
1) 図4は、本第1の実施形態によるスクラップブックへの
登録例(その1)を示す模式図である。クライアント端
末10では、ユーザが、ローカルのマルチメディアファ
イル16を、スクラップブック31上の所定の箇所(図
示の破線部分)33にドラッグ&ドロップする。また、
クライアント端末10で閲覧しているWWWページ35
上に表示されているマルチメディアファイル16も、同
様に、スクラップブック31上の所定の箇所33にドラ
ッグ&ドロップする。マルチメディアファイル入出力部
12では、ドロップされたマルチメディアファイル16
の種類およびロケーションを解析し、目的のマルチメデ
ィアファイルのロケーションを取得する。マルチメディ
アファイルおよびロケーションは、図示のウィンドウ4
0でユーザに確認させる。そして、ユーザにより保存ボ
タン41が押下されると、マルチメディアファイル入出
力部12は、マルチメディアファイル16を、ネットワ
ーク50を介して自動的にサーバ20に転送する。サー
バ20では、マルチメディアファイル16をデータベー
ス21に蓄積する。
(B) Example of Registration in Scrapbook (No. 1) FIG. 4 is a schematic diagram showing an example of registration in a scrapbook (No. 1) according to the first embodiment. At the client terminal 10, the user drags and drops the local multimedia file 16 to a predetermined location (broken line portion in the drawing) 33 on the scrapbook 31. Also,
WWW page 35 being browsed on client terminal 10
Similarly, the multimedia file 16 displayed above is dragged and dropped to a predetermined location 33 on the scrapbook 31. In the multimedia file input / output unit 12, the dropped multimedia file 16
The location and location of the desired multimedia file. The multimedia file and location are shown in window 4
0 prompts the user to confirm. When the save button 41 is pressed by the user, the multimedia file input / output unit 12 automatically transfers the multimedia file 16 to the server 20 via the network 50. The server 20 stores the multimedia file 16 in the database 21.

【0029】(c)スクラップブックへの登録例(その
2) 図5は、本第1の実施形態によるスクラップブックへの
登録例(その2)を示す模式図である。クライアント端
末10では、ユーザにより、WWWページ60にハイパ
ーリンクが設定されている場合、URLショートカット
61をスクラップブック31上の所定の箇所(図示の破
線部分)33にドラッグ&ドロップする。マルチメディ
アファイル入出力部12では、URLに基づいて、目的
のファイルを含むマルチメディアファイルのリスト65
を生成する。ユーザが、生成されたリスト65から、目
的のファイルを選択すると、図示のウィンドウ40で、
目的のファイルおよびロケーションをユーザに確認させ
る。そして、ユーザにより保存ボタン41が押下される
と、マルチメディアファイル入出力部12は、マルチメ
ディアファイル16を、ネットワーク50を介して自動
的にサーバ20に転送する。サーバ20では、マルチメ
ディアファイル16をデータベース21に蓄積する。
(C) Example of Registration in Scrapbook (No. 2) FIG. 5 is a schematic diagram showing an example of registration in a scrapbook (No. 2) according to the first embodiment. In the client terminal 10, when a hyperlink is set on the WWW page 60 by the user, the user drags and drops the URL shortcut 61 to a predetermined location (the broken line in the drawing) 33 on the scrapbook 31. In the multimedia file input / output unit 12, based on the URL, a list 65 of multimedia files including the target file is displayed.
Generate When the user selects a target file from the generated list 65, a window 40 shown in FIG.
Ask the user for the desired file and location. When the save button 41 is pressed by the user, the multimedia file input / output unit 12 automatically transfers the multimedia file 16 to the server 20 via the network 50. The server 20 stores the multimedia file 16 in the database 21.

【0030】B−2.ホームページ作成ツールの動作 次に、上述した構成によるホームページ作成ツールの動
作について説明する。図6は、本実施形態によるクライ
アント端末におけるホームページ作成ツールとサーバ上
のデータとを説明するための概念図である。クライアン
ト端末10上には、スクリプト言語(JavaScript)が埋
め込まれたDHTMLで記述されるホームページ(キャ
ンパス)70が表示されている。該キャンパス70上に
は、画像データ71,72やテキスト73などのオブジ
ェクト75が配置されている。画像データ71,72
は、予めサーバ20上に登録したマルチメディアファイ
ルを、ドラッグ&ドロップで配置したものである。ま
た、テキスト73は、キーボードなどから入力されたも
のである18。上記オブジェクトは、各々、固有データ
(位置情報、サイズ、各種設定情報等)と、固有メソッ
ド(クリック、ドラッグ、ダブりクリック、コンテキス
トメニュー等に対する反応)を有する。全てのオブジェ
クトは、ユーザが操作するマウスによるドラッグ&ドロ
ップ等により配置可能で、WYSIWYG環境を実現し
ている。
B-2. Operation of Homepage Creation Tool Next, the operation of the homepage creation tool having the above configuration will be described. FIG. 6 is a conceptual diagram illustrating a homepage creation tool in the client terminal and data on the server according to the present embodiment. On the client terminal 10, a homepage (campus) 70 described in DHTML in which a script language (JavaScript) is embedded is displayed. On the campus 70, objects 75 such as image data 71 and 72 and text 73 are arranged. Image data 71, 72
Is a file in which multimedia files registered in advance on the server 20 are arranged by drag and drop. The text 73 is input from a keyboard or the like 18. Each of the above objects has unique data (position information, size, various setting information, etc.) and unique methods (click, drag, double click, response to context menu, etc.). All objects can be arranged by dragging and dropping with a mouse operated by a user, thereby realizing a WYSIWYG environment.

【0031】上記キャンパス70上に配置された、全て
のオブジェクトの固有データおよび固有メソッドは、編
集データファイル75としてネットワーク50を介して
サーバ20に保存される。また、クライアント端末10
で、ホームページを編集する際には、サーバ20に保存
された上記編集データファイル75を呼び出して編集作
業を行う。このとき、各オブジェクトは、固有データと
固有メソッドとを有しているので、オブジェクトに対す
る直接操作が可能となっている。また、サーバ20上で
は、上記編集データファイル75がHTMLファイル7
6に変換される。該HTMLファイル76は、ネットワ
ーク50を介してアクセスしてきた端末のブラウザで閲
覧される。
The unique data and unique methods of all objects arranged on the campus 70 are stored in the server 20 via the network 50 as an edited data file 75. In addition, the client terminal 10
When the homepage is edited, the editing data file 75 stored in the server 20 is called to perform an editing operation. At this time, since each object has unique data and a unique method, direct operation on the object is possible. On the server 20, the edited data file 75 is stored in the HTML file 7
6 is converted. The HTML file 76 is browsed by a browser of a terminal accessed via the network 50.

【0032】また、図7は、上記ホームページ作成ツー
ルとサーバ上のファイル構成とを説明するための概念図
である。クライアント端末10上のブラウザ80で表示
されるキャンパス70上では、DHTMLに埋め込まれ
たスクリプト言語(JavaScriptなど)により、ページ内
部の変数としてHTMLデータ81が構成される。該H
TMLデータ81は、ネットワーク50を介してサーバ
20に転送され、HTMLファイル82として保存され
る。ホームページ上に配置された、画像等のマルチメデ
ィアファイルには、サーバ20上にあるもの、もしくは
ユーザが予めサーバに登録したものが用いられる。すな
わち、マルチメディアファイル83は、クライアント端
末10からサーバ20へ個別に転送されることはない。
また、GUIに関しても、DHTMLに埋め込まれたス
クリプト言語(JavaScriptなど)により動的に生成され
るレイヤとハイパーリンクにより実現することができ
る。
FIG. 7 is a conceptual diagram for explaining the homepage creation tool and the file configuration on the server. On the campus 70 displayed by the browser 80 on the client terminal 10, HTML data 81 is configured as a variable inside the page by a script language (such as JavaScript) embedded in DHTML. The H
The TML data 81 is transferred to the server 20 via the network 50 and stored as an HTML file 82. As the multimedia file such as an image arranged on the homepage, a file on the server 20 or a file registered in the server in advance by the user is used. That is, the multimedia file 83 is not individually transferred from the client terminal 10 to the server 20.
Also, the GUI can be realized by layers and hyperlinks dynamically generated by a script language (such as JavaScript) embedded in DHTML.

【0033】B−2−1.ホームページ作成動作の概念 図8は、実施形態によるホームページ作成動作を説明す
るためのフローチャートである。ユーザがホームページ
作成ツールを起動すると、空白のホームページ(キャン
パス)が表示される。ここで、ユーザが、例えば、マウ
スの右ボタンをクリックすると、コンテキストメニュー
を表示する(S20)。コンテキストメニューとは、ホ
ームページ作成に際し、どのような動作を行うかを指示
するためのメニューである。次に、ユーザは、コンテキ
ストメニューから所望の選択肢を選択する(S21)。
例えば、ユーザがコンテキストメニューの「絵」以外
(文字、表、アイコン、その他)を選択すると、オブジ
ェクト操作処理部13は、オブジェクトの固有メソッド
情報を作成する(S22)。すなわち、キャンパスへオ
ブジェクトが貼り付けられると、オブジェクトの位置
(表示)情報を取得した後、オブジェクトのフォント・
サイズ・色・リンクの情報を取得する。次に、オブジェ
クト編集用管理情報(固有データ情報)を作成する(S
23)。以下、ステップS22,S23を繰り返し、キ
ャンパスにオブジェクト(絵以外)が貼り付けられる度
に、該オブジェクトの固有データ情報を作成する。
B-2-1. Concept of Homepage Creation Operation FIG. 8 is a flowchart for explaining a homepage creation operation according to the embodiment. When the user starts the homepage creation tool, a blank homepage (campus) is displayed. Here, for example, when the user clicks the right mouse button, a context menu is displayed (S20). The context menu is a menu for instructing what kind of operation should be performed when creating a homepage. Next, the user selects a desired option from the context menu (S21).
For example, when the user selects anything other than "picture" (text, table, icon, etc.) in the context menu, the object operation processing unit 13 creates unique method information of the object (S22). That is, when the object is pasted on the campus, the position (display) information of the object is obtained, and then the font and
Get size / color / link information. Next, object editing management information (unique data information) is created (S
23). Thereafter, steps S22 and S23 are repeated, and each time an object (other than a picture) is pasted on the campus, unique data information of the object is created.

【0034】一方、ユーザがコンテキストメニューの
「絵」を選択すると、オブジェクトの固有メソッド情報
を作成する(S24)。すなわち、キャンパスへオブジ
ェクトが貼り付けられると、オブジェクトの位置(表
示)情報を取得した後、サイズ・リンクの情報を取得
し、次いで、ファイルの格納パス情報(ロケーション)
を取得する。次に、オブジェクト編集用管理情報(固有
データ情報)を作成する(S25)。以下、ステップS
24,S25を繰り返し、キャンパスにオブジェクト
(絵)が貼り付けられる度に、該オブジェクトの固有デ
ータ情報を作成する。
On the other hand, when the user selects "picture" in the context menu, the unique method information of the object is created (S24). That is, when the object is pasted on the campus, the position (display) information of the object is obtained, the size / link information is obtained, and then the storage path information (location) of the file is obtained.
To get. Next, object editing management information (unique data information) is created (S25). Hereinafter, step S
24 and S25 are repeated, and each time an object (picture) is pasted on the campus, unique data information of the object is created.

【0035】なお、上述した絵以外のオブジェクトと、
絵のオブジェクトとは、それぞれ異なるレイヤに貼り付
けられる。
Note that objects other than the above-described pictures are
The picture objects are pasted on different layers.

【0036】そして、上述したいずれの場合であって
も、ユーザがコンテキストメニューの「保存」を選択す
ると、オブジェクト操作処理部13は、ホームページ上
に配置された全てのオブジェクト(画像等のマルチメデ
ィアファイル、文字列・表等)の種類・位置情報・設定
情報およびオブジェクト固有データを、編集データとし
てネットワークを介して自動的にサーバに転送する。サ
ーバ20では、上記各レイヤを結合し(S26)、各オ
ブジェクトの固有データ情報を編集用データファイル
(テキスト、拡張子:.txt)として結合・作成する(S
27)。また、各オブジェクトの固有メソッド情報を結
合し、タグを付加してHTMLファイル(拡張子:.htm
l)を作成する(S28)。
In any of the above cases, when the user selects "save" in the context menu, the object operation processing unit 13 executes all the objects (multimedia files such as images) arranged on the homepage. , Character strings, tables, etc.), position information, setting information, and object-specific data are automatically transferred to the server as edit data via a network. The server 20 combines the above layers (S26), combines and creates unique data information of each object as an editing data file (text, extension: .txt) (S26).
27). Also, the unique method information of each object is combined, and a tag is added to the HTML file (extension: .htm).
l) is created (S28).

【0037】B−3.ホームページ作成の具体的な動作
例 (a)ホームページ作成(基本) 図9は、本実施形態によるホームページ作成動作(基
本)を示す模式図である。クライアント端末10では、
ユーザがホームページ作成ツールを起動すると、空白の
ホームページ(キャンパス)70が表示される。また、
マウスの右ボタンクリックによりコンテキストメニュー
85が表示される。ユーザがコンテキストメニュー85
の「絵」を選択すると、サーバ20に登録されている、
マルチメディアファイルの一覧を閲覧するためのスクラ
ップブック31が起動する。ユーザは、スクラップブッ
ク31から所望する画像を、マウスによりドラッグ&ド
ロップによりキャンパス70上の任意の位置に配置す
る。また、キーボードなどから文字を入力し、キャンパ
ス70上の任意の位置に配置する。各オブジェクトは、
前述したように、固有データと固有メソッドを有するの
で、直接、編集操作が可能である。
B-3. Specific Operation Example of Homepage Creation (a) Homepage Creation (Basic) FIG. 9 is a schematic diagram showing a homepage creation operation (basic) according to the present embodiment. At the client terminal 10,
When the user starts the homepage creation tool, a blank homepage (campus) 70 is displayed. Also,
By clicking the right button of the mouse, a context menu 85 is displayed. The user selects the context menu 85
Is selected in the server 20,
A scrapbook 31 for browsing a list of multimedia files is activated. The user arranges a desired image from the scrapbook 31 at an arbitrary position on the campus 70 by dragging and dropping with the mouse. In addition, characters are input from a keyboard or the like, and are arranged at an arbitrary position on the campus 70. Each object is
As described above, since it has unique data and a unique method, an editing operation can be directly performed.

【0038】(b)ホームページ作成例(その1) 図10は、本実施形態によるホームページ作成動作(そ
の1)を示す模式図である。クライアント端末10で
は、ユーザが空白のホームページ(キャンパス)70の
任意の位置に文字や画像などのオブジェクトをレイアウ
トする。画像は、サーバ20から提供されるスクラップ
ブックからドラッグ&ドロップにより配置されたもので
ある。ユーザが、作成したホームページの保存を選択す
ると、サーバ20上で、編集データファイル(固有デー
タおよび固有メソッドを含む)は、データベース22に
蓄積され、さらに、HTMLファイル(オブジェクトの
配置によって可視化された純粋なHTML)に変換さ
れ、データベース23に蓄積される。クライアント端末
10で、ユーザがホームページを再編集する場合、サー
バ20のデータベース22から編集データファイルを呼
び出し、各オブジェクトに対して、サイズ・位置・フォ
ント・カラー等を直接、編集操作する。図示の例では、
テキストのフォントが斜体に編集され、画像データの位
置が編集されている。
(B) Example of Homepage Creation (Part 1) FIG. 10 is a schematic diagram showing a homepage creation operation (part 1) according to the present embodiment. In the client terminal 10, a user lays out objects such as characters and images at an arbitrary position on a blank homepage (campus) 70. The images are arranged by drag and drop from a scrapbook provided from the server 20. When the user selects to save the created homepage, on the server 20, the edited data file (including the unique data and the unique method) is accumulated in the database 22, and furthermore, the HTML file (the pure data visualized by the arrangement of the objects). HTML) and stored in the database 23. When the user reedits the home page at the client terminal 10, the editing data file is called from the database 22 of the server 20, and the size, position, font, color, etc. are directly edited for each object. In the example shown,
The font of the text is edited in italics, and the position of the image data is edited.

【0039】(c)ホームページ作成例(その2) 図11は、本実施形態によるホームページ作成動作(そ
の2)を示す模式図である。クライアント端末10で
は、ユーザが空白のホームページ(キャンパス)70の
任意の位置に文字や画像をレイアウトする。画像は、サ
ーバ20から提供されるスクラップブックからドラッグ
&ドロップにより配置されたものである。ユーザが、作
成したホームページの保存を選択すると、サーバ20上
で、編集データファイル(固有データおよび固有メソッ
ドを含む)は、データベース22に蓄積され、さらに、
HTMLファイル(オブジェクトの配置によって可視化
された純粋なHTML)に変換され、データベース23
に蓄積される。クライアント端末10で、ユーザがホー
ムページを再編集する場合、サーバ20のデータベース
22から編集データファイルを呼び出し、各オブジェク
トに対して、サイズ・位置・フォント・カラー等を直
接、編集する。また、クライアント端末10において、
作成したホームページを閲覧する場合には、サーバ20
のデータベース23からHTMLファイルを読み出すこ
とで、ブラウザ80で表示することができる。
(C) Example of Homepage Creation (Part 2) FIG. 11 is a schematic diagram showing a homepage creation operation (part 2) according to the present embodiment. In the client terminal 10, a user lays out characters and images at an arbitrary position on a blank homepage (campus) 70. The images are arranged by drag and drop from a scrapbook provided from the server 20. When the user selects to save the created homepage, on the server 20, the edited data file (including the unique data and the unique method) is stored in the database 22.
Converted to HTML file (pure HTML visualized by object arrangement)
Is accumulated in When the user re-edits the home page at the client terminal 10, the editing data file is called from the database 22 of the server 20, and the size, position, font, color, and the like are directly edited for each object. In the client terminal 10,
When browsing the created homepage, the server 20
By reading the HTML file from the database 23, the HTML file can be displayed on the browser 80.

【0040】(d)ホームページ作成例(その3) 図12は、本実施形態によるホームページ作成動作(そ
の3)を示す模式図である。クライアント端末では、ユ
ーザがホームページ作成ツールを起動すると、空白のホ
ームページ(キャンパス)70が表示される。また、コ
ンテキストメニュー85から「絵」を選択すると、サー
バ20に登録されている、マルチメディアファイルの一
覧を閲覧するためのスクラップブック31が起動する。
ユーザは、スクラップブック31から所望する画像を、
マウスによりドラッグ&ドロップによりキャンパス70
上の任意の位置に配置する。スクラップブック31から
貼り付けたオブジェクトは、前述したように、固有デー
タと固有メソッドを有するので、サイズ・位置・フォン
ト・カラー等を、直接、編集することができる。図示の
例では、画像データが拡大されている。
(D) Example of Homepage Creation (Part 3) FIG. 12 is a schematic diagram showing a homepage creation operation (part 3) according to the present embodiment. In the client terminal, when the user starts the homepage creation tool, a blank homepage (campus) 70 is displayed. When "picture" is selected from the context menu 85, a scrapbook 31 for browsing a list of multimedia files registered in the server 20 is activated.
The user can select a desired image from the scrapbook 31,
Campus 70 by drag & drop with mouse
Arrange at any position above. Since the object pasted from the scrapbook 31 has the unique data and the unique method as described above, the size, position, font, color, and the like can be directly edited. In the illustrated example, the image data is enlarged.

【0041】上述した実施形態によれば、HTML文の
編集作業が不要となるため、対象ユーザと考えられる初
・中等教育を受けている児童・生徒において、教育の本
来の目的である創造と表現の過程に専念することができ
る。また、クライアント端末に依存したデータ管理が不
要となり、学校等の、個人がクライアント端末を占有し
ない環境における利用に供することができる。さらに、
マルチメディアファイルのロケーションおよびハイパー
リンクの設定をユーザが意識することなくファイルの再
利用が可能となり、初等教育現場等における簡易なホー
ムページ作成環境を提供することができる。
According to the above-described embodiment, since the editing work of the HTML sentence is not required, the creation and expression, which is the original purpose of the education, is performed in the pupils who are considered to be the target users and are in primary and secondary education. You can concentrate on the process. Further, data management depending on the client terminal is not required, and the device can be used in an environment such as a school where an individual does not occupy the client terminal. further,
The file can be reused without the user being aware of the location of the multimedia file and the setting of the hyperlink, and a simple homepage creation environment in a primary education setting or the like can be provided.

【0042】[0042]

【発明の効果】以上説明したように、本発明によれば、
クライアント端末上のマルチメディアファイルを所定の
Webページ上にドラッグ&ドロップすることにより、
ドラッグ&ドロップされたマルチメディアファイルを、
ネットワークを介してサーバに転送し、サーバ上の記憶
手段に蓄積するようにしたので、クライアント端末に依
存したデータ管理が不要となり、また、マルチメディア
ファイルのロケーションおよびハイパーリンクの設定を
ユーザが意識することなくマルチメディアファイルを再
利用することができ、ホームページを容易に作成するこ
とができるという利点が得られる。
As described above, according to the present invention,
By dragging and dropping a multimedia file on the client terminal onto a predetermined Web page,
Drag and drop multimedia files.
Since the data is transferred to the server via the network and stored in the storage means on the server, data management depending on the client terminal becomes unnecessary, and the user is aware of the location of the multimedia file and the setting of the hyperlink. The advantage is that the multimedia file can be reused without the need to create a homepage easily.

【0043】また、クライアント端末に表示されている
Webページ上にドラッグ&ドロップされたオブジェク
トを、Webページ上へ配置し、前記Webページ上に
配置された全てのオブジェクトの固有データと固有メソ
ッドとを、前記Webページの再編集時に用いる編集デ
ータファイルとしてネットワークを介してサーバに転送
し、サーバ上の記憶手段に蓄積するようにしたので、H
TML文の編集作業が不要となり、オブジェクトを直接
編集することができ、Webページを容易に作成するこ
とができるという利点が得られる。
Also, the object dragged and dropped on the Web page displayed on the client terminal is arranged on the Web page, and the unique data and the unique method of all the objects arranged on the Web page are stored. Since the data is transferred to a server via a network as an edit data file used when re-editing the Web page, and is stored in storage means on the server,
This eliminates the need to edit the TML sentence, allows direct editing of the object, and has the advantage that a Web page can be easily created.

【図面の簡単な説明】[Brief description of the drawings]

【図1】 本発明の実施形態による全体の構成を示すブ
ロック図である。
FIG. 1 is a block diagram showing an overall configuration according to an embodiment of the present invention.

【図2】 本実施形態によるマルチメディアファイルの
管理の動作を説明するためのフローチャートである。
FIG. 2 is a flowchart illustrating an operation of managing a multimedia file according to the embodiment.

【図3】 本実施形態によるスクラップブックへの登録
動作(基本)を示す模式図である。
FIG. 3 is a schematic diagram showing a registration operation (basic) in a scrapbook according to the embodiment.

【図4】 本実施形態によるスクラップブックへの登録
例(その1)を示す模式図である。
FIG. 4 is a schematic diagram showing an example of registration to a scrapbook (part 1) according to the embodiment.

【図5】 本実施形態によるスクラップブックへの登録
例(その2)を示す模式図である。
FIG. 5 is a schematic diagram showing an example of registration in a scrapbook (part 2) according to the embodiment.

【図6】 本実施形態によるクライアント端末における
ホームページ作成ツールとサーバ上のデータとを説明す
るための概念図である。
FIG. 6 is a conceptual diagram for explaining a homepage creation tool in a client terminal and data on a server according to the present embodiment.

【図7】 上記ホームページ作成ツールとサーバ上のフ
ァイル構成とを説明するための概念図である。
FIG. 7 is a conceptual diagram for explaining the homepage creation tool and a file configuration on a server.

【図8】 本実施形態のホームページ作成ツールの動作
を説明するためのフローチャートである。
FIG. 8 is a flowchart for explaining the operation of the homepage creation tool of the embodiment.

【図9】 本実施形態によるホームページ作成動作(基
本)を示す模式図である。
FIG. 9 is a schematic diagram showing a homepage creation operation (basic) according to the present embodiment.

【図10】 本実施形態によるホームページ作成動作
(その1)を示す模式図である。
FIG. 10 is a schematic diagram showing a homepage creation operation (part 1) according to the present embodiment.

【図11】 本実施形態によるホームページ作成動作
(その2)を示す模式図である。
FIG. 11 is a schematic diagram showing a homepage creation operation (part 2) according to the present embodiment.

【図12】 本実施形態によるホームページ作成動作
(その3)を示す模式図である。
FIG. 12 is a schematic diagram showing a homepage creation operation (part 3) according to the present embodiment.

【図13】 従来技術による、ブラウザ上で動作するH
TML編集ツールを用いてホームページを作成する動作
を示す概念図である。
FIG. 13 shows H operating on a browser according to the prior art.
It is a conceptual diagram showing operation which creates a homepage using a TML editing tool.

【図14】 従来技術による、ブラウザ上で動作するH
TML編集ツール(GUIを実現)を用いてホームペー
ジを作成する動作を示す概念図である。
FIG. 14 shows H operating on a browser according to the prior art.
FIG. 9 is a conceptual diagram illustrating an operation of creating a homepage using a TML editing tool (realizing a GUI).

【符号の説明】[Explanation of symbols]

10 クライアント端末 11 ファイル抽出部 12 マルチメディア入出力部 13 オブジェクト操作処理部 16 マルチメディアファイル 20 サーバ 21 データベース 22 データベース 23 データベース 31 スクラップブック 50 ネットワーク 61 URLショットカット 70 キャンパス 85 コンテキストメニュー Reference Signs List 10 client terminal 11 file extraction unit 12 multimedia input / output unit 13 object operation processing unit 16 multimedia file 20 server 21 database 22 database 23 database 31 scrapbook 50 network 61 URL shot cut 70 campus 85 context menu

フロントページの続き (51)Int.Cl.7 識別記号 FI テーマコート゛(参考) G06F 19/00 140 G06F 19/00 140 (72)発明者 片山 慶子 大阪府大阪市中央区馬場町3番15号 西日 本電信電話株式会社内 (72)発明者 秋田 雅一 大阪府大阪市中央区馬場町3番15号 西日 本電信電話株式会社内 Fターム(参考) 5B049 DD01 DD05 EE01 EE07 FF03 FF04 FF06 FF09 GG04 GG07 5B082 AA01 BA09 GA07 GC04 GC05 HA05 Continued on the front page (51) Int.Cl. 7 Identification symbol FI Theme coat II (Reference) G06F 19/00 140 G06F 19/00 140 (72) Inventor Keiko Katayama 3-15 Babacho, Chuo-ku, Osaka-shi, Osaka Nishi Nippon Telegraph and Telephone Corporation (72) Masakazu Akita 3-15, Babacho, Chuo-ku, Osaka City, Osaka Prefecture F-term (reference) in Nippon Telegraph and Telephone Corporation (B) GG07 5B082 AA01 BA09 GA07 GC04 GC05 HA05

Claims (9)

【特許請求の範囲】[Claims] 【請求項1】 クライアント端末上のマルチメディアフ
ァイルを所定のWebページ上にドラッグ&ドロップす
ることにより、ドラッグ&ドロップされたマルチメディ
アファイルを、ネットワークを介してサーバに転送し、
サーバ上の記憶手段に蓄積することを特徴とするマルチ
メディアファイル管理方法。
1. Dragging and dropping a multimedia file on a client terminal onto a predetermined Web page, transferring the dragged and dropped multimedia file to a server via a network,
A multimedia file management method, wherein the multimedia file is stored in storage means on a server.
【請求項2】 前記サーバ上の記憶手段に蓄積されたマ
ルチメディアファイルは、前記クライアント端末で閲覧
されることを特徴とする請求項1記載のマルチメディア
ファイル管理方法。
2. The multimedia file management method according to claim 1, wherein the multimedia file stored in the storage unit on the server is browsed by the client terminal.
【請求項3】 前記サーバ上の記憶手段に蓄積されたマ
ルチメディアファイルは、前記クライアント端末上のW
ebページ上へドラッグ&ドロップすることにより、W
ebページ上へ配置されることを特徴とする請求項1記
載のマルチメディアファイル管理方法。
3. The multimedia file stored in the storage unit on the server is stored in a W file on the client terminal.
By dragging and dropping on the eb page, W
2. The multimedia file management method according to claim 1, wherein the multimedia file is arranged on an eb page.
【請求項4】 クライアント端末に表示されているWe
bページ上にドラッグ&ドロップされたオブジェクト
を、Webページ上へ配置し、 前記Webページ上に配置された全てのオブジェクトの
固有データと固有メソッドとを、前記Webページの再
編集時に用いる編集データファイルとしてネットワーク
を介してサーバに転送し、サーバ上の記憶手段に蓄積す
ることを特徴とするWebページ作成方法。
4. We displayed on the client terminal
an object dragged and dropped on page b, placed on a web page, and edit data file used when re-editing the web page, using unique data and unique methods of all objects placed on the web page A web page creation method, wherein the web page is created by transferring to a server via a network and storing the data in a storage unit on the server.
【請求項5】 前記編集データファイルを、外部の閲覧
手段により閲覧可能なWebページ記述言語ファイルに
変換することを特徴とする請求項4記載のWebページ
作成方法。
5. The Web page creation method according to claim 4, wherein the editing data file is converted into a Web page description language file that can be browsed by an external browsing unit.
【請求項6】 前記Webページ上にドラッグ&ドロッ
プされるオブジェクトは、前記サーバ上に蓄積されたマ
ルチメディアファイルであることを特徴とする請求項4
記載のWebページ作成方法。
6. The object dragged and dropped on the Web page is a multimedia file stored on the server.
Web page creation method described.
【請求項7】 クライアント端末上のマルチメディアフ
ァイルが所定のWebページ上にドラッグ&ドロップさ
れると、該ドラッグ&ドロップされたマルチメディアフ
ァイルを、サーバ上の記憶手段に蓄積すべく、ネットワ
ークを介してサーバに転送するステップをコンピュータ
に実行させる転送プログラムを記録したコンピュータ読
み取り可能な記録媒体。
7. When a multimedia file on a client terminal is dragged and dropped on a predetermined Web page, the multimedia file dragged and dropped is stored in a storage means on a server via a network. Computer-readable recording medium recording a transfer program for causing a computer to execute a step of transferring to a server.
【請求項8】 クライアント端末に表示されているWe
bページ上にドラッグ&ドロップされたオブジェクト
を、Webページ上へ配置するステップと、 前記Webページ上に配置された全てのオブジェクトの
固有データと固有メソッドとを取得するステップと、 前記全てのオブジェクトの固有データと固有メソッドと
を、前記Webページの再編集時に用いる編集データフ
ァイルとしてサーバ上の記憶手段に蓄積すべく、ネット
ワークを介してサーバに転送するステップとをコンピュ
ータに実行させるWebページ作成プログラムを記録し
たコンピュータ読み取り可能な記録媒体。
8. We displayed on the client terminal
placing an object dragged and dropped on page b on a web page; acquiring unique data and unique methods of all the objects placed on the web page; Transferring a unique data and a unique method to a server via a network in order to store the unique data and the unique method in a storage unit on the server as an edited data file used when re-editing the Web page. A computer-readable recording medium that has been recorded.
【請求項9】 前記編集データファイルを、外部の閲覧
手段により閲覧可能なWebページ記述言語ファイルに
変換するステップをコンピュータに実行させるWebペ
ージ作成プログラムを記録した請求項8記載のコンピュ
ータ読み取り可能な記録媒体。
9. The computer-readable recording according to claim 8, wherein a Web page creation program for causing a computer to execute a step of converting the edited data file into a Web page description language file that can be browsed by an external browsing unit is recorded. Medium.
JP2000215080A 2000-07-14 2000-07-14 Multimedia file management method, web page production method and recording medium Pending JP2002032299A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
JP2000215080A JP2002032299A (en) 2000-07-14 2000-07-14 Multimedia file management method, web page production method and recording medium

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
JP2000215080A JP2002032299A (en) 2000-07-14 2000-07-14 Multimedia file management method, web page production method and recording medium

Publications (1)

Publication Number Publication Date
JP2002032299A true JP2002032299A (en) 2002-01-31

Family

ID=18710560

Family Applications (1)

Application Number Title Priority Date Filing Date
JP2000215080A Pending JP2002032299A (en) 2000-07-14 2000-07-14 Multimedia file management method, web page production method and recording medium

Country Status (1)

Country Link
JP (1) JP2002032299A (en)

Cited By (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2004017213A1 (en) * 2002-08-06 2004-02-26 Tdk Corporation Web page upload system, computer program, and recording medium
JP2011524030A (en) * 2008-04-28 2011-08-25 セールスフォース ドット コム インコーポレイティッド An object-oriented system for creating and managing websites and their content
JP2011253497A (en) * 2010-06-04 2011-12-15 Ricoh Co Ltd Document management system, information processor, registration method for document file and file registration program
US10212209B2 (en) 2010-12-03 2019-02-19 Salesforce.Com, Inc. Techniques for metadata-driven dynamic content serving
JP2020194567A (en) * 2014-05-14 2020-12-03 ページクラウド インコーポレイテッドPagecloud Inc. Methods and systems for web content generation
US20220132715A1 (en) * 2018-12-10 2022-04-28 Panasonic Intellectual Property Management Co., Ltd. Component mounting device and component mounting method

Cited By (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2004017213A1 (en) * 2002-08-06 2004-02-26 Tdk Corporation Web page upload system, computer program, and recording medium
JP2011524030A (en) * 2008-04-28 2011-08-25 セールスフォース ドット コム インコーポレイティッド An object-oriented system for creating and managing websites and their content
US9811506B2 (en) 2008-04-28 2017-11-07 Salesforce.Com, Inc. Object-oriented system for creating and managing websites and their content
US10489486B2 (en) 2008-04-28 2019-11-26 Salesforce.Com, Inc. Object-oriented system for creating and managing websites and their content
JP2011253497A (en) * 2010-06-04 2011-12-15 Ricoh Co Ltd Document management system, information processor, registration method for document file and file registration program
US10212209B2 (en) 2010-12-03 2019-02-19 Salesforce.Com, Inc. Techniques for metadata-driven dynamic content serving
US10911516B2 (en) 2010-12-03 2021-02-02 Salesforce.Com, Inc. Techniques for metadata-driven dynamic content serving
JP2020194567A (en) * 2014-05-14 2020-12-03 ページクラウド インコーポレイテッドPagecloud Inc. Methods and systems for web content generation
US20220132715A1 (en) * 2018-12-10 2022-04-28 Panasonic Intellectual Property Management Co., Ltd. Component mounting device and component mounting method

Similar Documents

Publication Publication Date Title
US6697838B1 (en) Method and system for annotating information resources in connection with browsing, in both connected and disconnected states
US7360166B1 (en) System, method and apparatus for selecting, displaying, managing, tracking and transferring access to content of web pages and other sources
US7562287B1 (en) System, method and apparatus for selecting, displaying, managing, tracking and transferring access to content of web pages and other sources
US20180131680A1 (en) System, method and apparatus for selecting content from web sources and posting content to web logs
US7278092B2 (en) System, method and apparatus for selecting, displaying, managing, tracking and transferring access to content of web pages and other sources
US6493733B1 (en) Method for inserting interactive HTML objects into an electronic file
US7840648B1 (en) Web-page authoring tool for automatic enrollment in advertising program
JP4543119B2 (en) Method and system to assist in document creation
US8984390B2 (en) One-click sharing for screenshots and related documents
US8407576B1 (en) Situational web-based dashboard
US7216290B2 (en) System, method and apparatus for selecting, displaying, managing, tracking and transferring access to content of web pages and other sources
CN1750001B (en) Metadata is added to stock content item
US7770122B1 (en) Codeless dynamic websites including general facilities
US20050227218A1 (en) Learning system based on metadata framework and indexed, distributed and fragmented content
US20060218245A1 (en) Method, system, and computer program product for distributing a stored URL and web document set
JP2005525628A (en) Method and system for tracking pattern of reading e-book
CN105518662A (en) Access and management of entity-augmented content
JP2003150542A (en) Method for sharing annotation information to be added to digital content, program and computer system
US20080228777A1 (en) Capture And Transfer Of Rich Media Content
TW200842608A (en) System and method for related information search and presentation from user interface content
US20030177202A1 (en) Method and apparatus for executing an instruction in a web page
JP2021124914A (en) Information processing system and information processing method
JP2001084212A (en) Method for preparing homepage
US6988249B1 (en) Presentation service architectures for netcentric computing systems
JP2008112446A (en) Method for providing network resource information, and user apparatus and network apparatus thereof

Legal Events

Date Code Title Description
A621 Written request for application examination

Free format text: JAPANESE INTERMEDIATE CODE: A621

Effective date: 20061225

A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20080930

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20081128

A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20090908

A02 Decision of refusal

Free format text: JAPANESE INTERMEDIATE CODE: A02

Effective date: 20100112