JP2005196504A - クライアントコンピュータに付箋機能を与えて、付箋によるコミュニケーションを可能にするシステム - Google Patents
クライアントコンピュータに付箋機能を与えて、付箋によるコミュニケーションを可能にするシステム Download PDFInfo
- Publication number
- JP2005196504A JP2005196504A JP2004002525A JP2004002525A JP2005196504A JP 2005196504 A JP2005196504 A JP 2005196504A JP 2004002525 A JP2004002525 A JP 2004002525A JP 2004002525 A JP2004002525 A JP 2004002525A JP 2005196504 A JP2005196504 A JP 2005196504A
- Authority
- JP
- Japan
- Prior art keywords
- sticky note
- information
- tag
- document
- web browser
- 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
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/955—Retrieval from the web using information identifiers, e.g. uniform resource locators [URL]
- G06F16/9558—Details of hyperlinks; Management of linked annotations
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/12—Use of codes for handling textual entities
- G06F40/14—Tree-structured documents
- G06F40/143—Markup, e.g. Standard Generalized Markup Language [SGML] or Document Type Definition [DTD]
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/166—Editing, e.g. inserting or deleting
- G06F40/169—Annotation, e.g. comment data or footnotes
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Audiology, Speech & Language Pathology (AREA)
- Computational Linguistics (AREA)
- General Health & Medical Sciences (AREA)
- Health & Medical Sciences (AREA)
- Artificial Intelligence (AREA)
- Databases & Information Systems (AREA)
- Data Mining & Analysis (AREA)
- User Interface Of Digital Computer (AREA)
- Document Processing Apparatus (AREA)
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
Abstract
【課題】 クライアントコンピュータに付箋機能を与えて、電子化された文書に貼付された付箋を閲覧することができるようにして、付箋によるによるコミュニケーションを可能にするシステムを提供する。
このことは、
【解決手段】
ウェブブラウザで表示できる形式の文書情報と、ウェブブラウザで表示できる形式の付箋情報と、前記文書情報に前記付箋情報を配置する為のスクリプトとを含む閲覧情報を有するサーバと、ネットワークを通じて前記サーバに接続されているウェブブラウザを有するクライアントコンピュータとを利用して、付箋機能を持たないクライアントコンピュータが、ウェブブラウザを用いて、前記閲覧情報を表示し、それにより付箋が貼付された文書を閲覧することができるようにした。
【選択図】 図１
このことは、
【解決手段】
ウェブブラウザで表示できる形式の文書情報と、ウェブブラウザで表示できる形式の付箋情報と、前記文書情報に前記付箋情報を配置する為のスクリプトとを含む閲覧情報を有するサーバと、ネットワークを通じて前記サーバに接続されているウェブブラウザを有するクライアントコンピュータとを利用して、付箋機能を持たないクライアントコンピュータが、ウェブブラウザを用いて、前記閲覧情報を表示し、それにより付箋が貼付された文書を閲覧することができるようにした。
【選択図】 図１
Description
本発明は、クライアントコンピュータに付箋機能を与えて、付箋によるコミュニケーションを可能にするシステムに関する。
ソフトウェアはソースプログラムと仕様書や設計文書などの各種のソフトウェア関連文書から構成される。それらの文書は、ソフトウェア開発グループの全員に関わる公式な情報を保持し、長期に渡って維持管理され、また文書量も多い。一方、相対的にプライベートで一時的かつ量が少ない情報も存在する。
現在、この種の情報の管理は、アドホックに管理され、個人的に利用されるだけである。しかし、これらの情報が果たす役割も大きく、ソフトウェア開発・保守を支援する上で重要である。
現在、この種の情報の管理は、アドホックに管理され、個人的に利用されるだけである。しかし、これらの情報が果たす役割も大きく、ソフトウェア開発・保守を支援する上で重要である。
本願発明は、私的・一時的・少量の情報を管理するために付箋に着目した。
付箋は、本来、対象文書の注目している場所に覚え書きを残したり目印を付けるために使われる。そして、不要になった場合に簡単に取り除くことができる。付箋に書かれるのは個人的な覚え書きや少人数で回覧される情報が多く、保存期間は比較的短期であるため、ソフトウェアの開発・保守工程における私的・一時的・少量の情報を管理するのにふさわしい。
付箋は、本来、対象文書の注目している場所に覚え書きを残したり目印を付けるために使われる。そして、不要になった場合に簡単に取り除くことができる。付箋に書かれるのは個人的な覚え書きや少人数で回覧される情報が多く、保存期間は比較的短期であるため、ソフトウェアの開発・保守工程における私的・一時的・少量の情報を管理するのにふさわしい。
ソースプログラムの閲覧やレビュー時に、作業者は気付いたことや疑問点などを付箋に保存したり、マーカーにより重要な箇所に印を付けることは一般的である。この種の情報は私的・一時的・少量の情報の典型例である。
付箋は本来、対象文書の注目している場所に覚え書きを残したり目印を付けるために使われる。ここではその付箋がどのような特徴を持ち、どのように利用されるべきかを考察する。まず付箋の特徴を挙げると以下のような点が挙げられる。
保存期間：必要なときに付け、必要が無くなれば取ってしまうものであり、永続的なものではない。長期に保存するような情報より、短期的な情報を持つ場合が多い。
位置情報： 付箋は閲覧者が注目している場所につけられる。そのため、その場所を指しているという位置情報を持っている。場所は、一点を指している場合と、一定の範囲を指している場合が考えられる。
利用方法： 仕様書やマニュアルはフォーマルな情報を扱うのに対して、付箋は個人の覚え書きや小規模のグループで共有するような、プライベートな情報を扱う場合が多い。
文書量：覚え書きなどに用いられるため文書量は少ない。また、ある文書の上に付けるため、大量の文書を載せることはできない。
保存期間：必要なときに付け、必要が無くなれば取ってしまうものであり、永続的なものではない。長期に保存するような情報より、短期的な情報を持つ場合が多い。
位置情報： 付箋は閲覧者が注目している場所につけられる。そのため、その場所を指しているという位置情報を持っている。場所は、一点を指している場合と、一定の範囲を指している場合が考えられる。
利用方法： 仕様書やマニュアルはフォーマルな情報を扱うのに対して、付箋は個人の覚え書きや小規模のグループで共有するような、プライベートな情報を扱う場合が多い。
文書量：覚え書きなどに用いられるため文書量は少ない。また、ある文書の上に付けるため、大量の文書を載せることはできない。
付箋を付けることは、その場所に情報を保存するということであるが、その付箋を他の人が見れば情報を伝え共有するというコミュニケーションになる。個人的な覚え書きなどの場合も、将来の自分とのコミュニケーションと考えることができる。このように付箋によるコミュニケーションは、付箋が前記した特徴を持っているため、ある文書の特定の場所に関しての短期的でプライベートな情報をやりとりするのに向いていると考えられる。
付箋によるコミュニケーションが利用できる場面の一つとして、プログラムの理解支援が考えられる。プログラムを理解するときには、ソースプログラムを閲覧するという方法が一般的である。このソースプログラムを閲覧しているときに気付いたことや疑問点などを付箋を使ってソースプログラム上に保存する。これを個人の覚え書きとして利用したり、他の閲覧者やそのプログラムの作成者の間で共有し情報交換などのコミュニケーションに利用できる。プログラムを理解する場合、自分ひとりで考えるのではなく、他の人とコミュニケーションをとることは重要である。他の人の考えを聞くことで、理解が深まったり、そのコミュニケーションの中で新たな発見が見つかる場合もある。このように付箋によるコミュニケーションはプログラムの理解支援に利用できると考えられる。
以上のように、付箋というのはこのような特徴を持った文書であることが分かる。そのため、付箋はソフトウェアの開発や保守時に存在する一時的な情報を文書化し管理するのにふさわしいと考えられる。
しかし、紙の付箋は印刷された紙に付けられる。紙の付箋でこれを行うのは難しいため、付箋は電子化する必要がある。
また、ソフトウェア関連文書には、ソースプログラム、仕様書、マニュアル、設計段階で用いられる文書や図などが考えられる。ソフトウェアの開発や保守時に存在する一時的な情報を電子化し管理すれば、付箋もこれらと同様にソフトウェアに必要なくてはならない文書となる。
しかし、紙の付箋は印刷された紙に付けられる。紙の付箋でこれを行うのは難しいため、付箋は電子化する必要がある。
また、ソフトウェア関連文書には、ソースプログラム、仕様書、マニュアル、設計段階で用いられる文書や図などが考えられる。ソフトウェアの開発や保守時に存在する一時的な情報を電子化し管理すれば、付箋もこれらと同様にソフトウェアに必要なくてはならない文書となる。
このような要望に応える為に、電子化された文書などに付箋を付けることができる付箋機能を有するソフトウェアが、市場に出回っている。
このようなソフトウェアを利用することで、ネットワークを介して共有された文書に付箋を付け、複数の関係者の間で回覧やレビューを行い、付箋によるコミュニケーションをとることができる。
このようなソフトウェアを利用することで、ネットワークを介して共有された文書に付箋を付け、複数の関係者の間で回覧やレビューを行い、付箋によるコミュニケーションをとることができる。
従来の付箋機能を有するソフトウェアを利用する場合には、
電子化文書に付箋を付けたソフトウェアと同じ種類のソフトウェアを有するコンピュータは、前記付箋を貼付した文書を表示することができ、
このようなコンピュータのユーザ間ではネットワークを介して付箋によるコミュニケーションができる特長がある。
しかし、電子化文書に付箋を付けたソフトウェアと異なる種類の付箋機能を有するソフトウェアを有するコンピュータや、付箋機能を有していないコンピュータは、前記付箋を貼付した文書を表示することができない。
このようなコンピュータのユーザは、前記付箋を貼付した文書を閲覧することができず、複数の関係者の間で回覧やレビューを行うことができず、付箋によるコミュニケーションができない問題点があった。
電子化文書に付箋を付けたソフトウェアと同じ種類のソフトウェアを有するコンピュータは、前記付箋を貼付した文書を表示することができ、
このようなコンピュータのユーザ間ではネットワークを介して付箋によるコミュニケーションができる特長がある。
しかし、電子化文書に付箋を付けたソフトウェアと異なる種類の付箋機能を有するソフトウェアを有するコンピュータや、付箋機能を有していないコンピュータは、前記付箋を貼付した文書を表示することができない。
このようなコンピュータのユーザは、前記付箋を貼付した文書を閲覧することができず、複数の関係者の間で回覧やレビューを行うことができず、付箋によるコミュニケーションができない問題点があった。
本件出願の目的は、クライアントコンピュータに付箋機能を与えて、電子化された文書に貼付された付箋を閲覧することができるようにして、付箋によるによるコミュニケーションを可能にするシステムを提供しようとするものである。
他の目的は、クライアントコンピュータに付箋機能を与えて、電子化された文書に付箋を貼付することができるようにして、付箋によるによるコミュニケーションを可能にするシステムを提供しようとするものである。
他の目的は、クライアントコンピュータに付箋機能を与えて、電子化された文書に貼付された付箋を検索することができるようにして、付箋によるによるコミュニケーションを可能にするシステムを提供しようとするものである。
他の目的及び利点は図面及びそれに関連した以下の説明により容易に明らかになるであろう。
他の目的及び利点は図面及びそれに関連した以下の説明により容易に明らかになるであろう。
本願発明におけるクライアントコンピュータに付箋機能を与えて、付箋によるコミュニケーションを可能にするシステムは、付箋が貼付された文書の閲覧に係る技術事項の面からすれば、
サーバと、ネットワークを通じて前記サーバに接続されているウェブブラウザを有するクライアントコンピュータとからなるシステムにおいて、前記サーバには、閲覧情報を有し、前記閲覧情報には、ウェブブラウザで表示することができる形式の文書情報と、ウェブブラウザで表示することができる形式の付箋情報と、前記文書情報に前記付箋情報を配置する為のスクリプトとを含み、付箋機能を持たないクライアントコンピュータが、ウェブブラウザを用いて、前記閲覧情報を表示することによって付箋が貼付された文書を閲覧することができるようにしたものである。
サーバと、ネットワークを通じて前記サーバに接続されているウェブブラウザを有するクライアントコンピュータとからなるシステムにおいて、前記サーバには、閲覧情報を有し、前記閲覧情報には、ウェブブラウザで表示することができる形式の文書情報と、ウェブブラウザで表示することができる形式の付箋情報と、前記文書情報に前記付箋情報を配置する為のスクリプトとを含み、付箋機能を持たないクライアントコンピュータが、ウェブブラウザを用いて、前記閲覧情報を表示することによって付箋が貼付された文書を閲覧することができるようにしたものである。
また、付箋貼付に係る技術事項の面からすれば、
好ましくは、サーバと、ネットワークを通じて前記サーバに接続されているウェブブラウザを有するクライアントコンピュータとからなるシステムにおいて、
前記サーバには、閲覧情報と、付箋貼付手段とを有し、
前記閲覧情報には、ウェブブラウザで表示することができる形式の文書情報と、ウェブブラウザで表示することができる形式の付箋情報と、前記文書情報に前記付箋情報を配置する為のスクリプトとを含み、
前記付箋貼付手段には、付箋データを保存する手段と、前記閲覧情報を生成する手段とを含み、
付箋機能を持たないクライアントコンピュータが、ウェブブラウザを用いて、前記閲覧情報を表示することによって付箋が貼付された文書を閲覧することができ、前記付箋貼付手段の実行によって、付箋機能を持たないクライアントコンピュータが、ウェブブラウザを用いて、前記閲覧文書に付箋を貼付することができるものであればよい。
好ましくは、サーバと、ネットワークを通じて前記サーバに接続されているウェブブラウザを有するクライアントコンピュータとからなるシステムにおいて、
前記サーバには、閲覧情報と、付箋貼付手段とを有し、
前記閲覧情報には、ウェブブラウザで表示することができる形式の文書情報と、ウェブブラウザで表示することができる形式の付箋情報と、前記文書情報に前記付箋情報を配置する為のスクリプトとを含み、
前記付箋貼付手段には、付箋データを保存する手段と、前記閲覧情報を生成する手段とを含み、
付箋機能を持たないクライアントコンピュータが、ウェブブラウザを用いて、前記閲覧情報を表示することによって付箋が貼付された文書を閲覧することができ、前記付箋貼付手段の実行によって、付箋機能を持たないクライアントコンピュータが、ウェブブラウザを用いて、前記閲覧文書に付箋を貼付することができるものであればよい。
また、付箋検索に係る技術事項の面からすれば、
好ましくは、サーバと、ネットワークを通じて前記サーバに接続されているウェブブラウザを有するクライアントコンピュータとからなるシステムにおいて、
前記サーバには、閲覧情報と、付箋検索手段とを有し、
前記閲覧情報には、ウェブブラウザで表示することができる形式の文書情報と、ウェブブラウザで表示することができる形式の付箋情報と、前記文書情報に前記付箋情報を配置する為のスクリプトとを含み、
付箋機能を持たないクライアントコンピュータが、ウェブブラウザを用いて、前記閲覧情報を表示することによって付箋が貼付された文書を閲覧することができ、
前記付箋検索手段の実行によって、付箋機能を持たないクライアントコンピュータが、ウェブブラウザを用いて、文書に貼付された付箋を検索できるものであればよい。
好ましくは、サーバと、ネットワークを通じて前記サーバに接続されているウェブブラウザを有するクライアントコンピュータとからなるシステムにおいて、
前記サーバには、閲覧情報と、付箋検索手段とを有し、
前記閲覧情報には、ウェブブラウザで表示することができる形式の文書情報と、ウェブブラウザで表示することができる形式の付箋情報と、前記文書情報に前記付箋情報を配置する為のスクリプトとを含み、
付箋機能を持たないクライアントコンピュータが、ウェブブラウザを用いて、前記閲覧情報を表示することによって付箋が貼付された文書を閲覧することができ、
前記付箋検索手段の実行によって、付箋機能を持たないクライアントコンピュータが、ウェブブラウザを用いて、文書に貼付された付箋を検索できるものであればよい。
本願発明は、サーバーに、閲覧情報を有し、前記閲覧情報には、ウェブブラウザで表示することができる形式の文書情報と、ウェブブラウザで表示することができる形式の付箋情報と、前記文書情報に前記付箋情報を配置する為のスクリプトとを含むから、クライアントコンピュータが付箋機能を持っていなくても、ネットワークを介して、標準的なウェブブラウザを用いて前記閲覧情報を表示することによって、付箋が貼付された文書をブラウザ画面上に表示することができる特長がある。このことは、クライアントコンピュータのユーザーは、付箋が貼付された文書を閲覧することができ、付箋によるコミュニケーションが可能になる効果がある。
さらに、本願発明は、サーバーに、閲覧情報と、付箋貼付手段とを有し、
前記閲覧情報には、ウェブブラウザで表示することができる形式の文書情報と、ウェブブラウザで表示することができる形式の付箋情報と、前記文書情報に前記付箋情報を配置する為のスクリプトとを含み、前記付箋貼付手段には、付箋データを保存する手段と、前記閲覧情報を生成する手段とを含むから、
クライアントコンピュータが付箋機能を持っていなくても、ネットワークを介して、標準的なウェブブラウザを用いて前記閲覧情報を表示することによって、付箋が貼付された文書をブラウザ画面上に表示することができ、かつ、前記付箋貼付手段の実行によって、付箋機能を持たないクライアントコンピュータが、ウェブブラウザを用いて、前記閲覧文書に付箋を貼付することができる特長がある。
このことは、クライアントコンピュータのユーザーは、閲覧している文書に付箋を貼付することができ、付箋によるコミュニケーションが可能になる効果がある。
前記閲覧情報には、ウェブブラウザで表示することができる形式の文書情報と、ウェブブラウザで表示することができる形式の付箋情報と、前記文書情報に前記付箋情報を配置する為のスクリプトとを含み、前記付箋貼付手段には、付箋データを保存する手段と、前記閲覧情報を生成する手段とを含むから、
クライアントコンピュータが付箋機能を持っていなくても、ネットワークを介して、標準的なウェブブラウザを用いて前記閲覧情報を表示することによって、付箋が貼付された文書をブラウザ画面上に表示することができ、かつ、前記付箋貼付手段の実行によって、付箋機能を持たないクライアントコンピュータが、ウェブブラウザを用いて、前記閲覧文書に付箋を貼付することができる特長がある。
このことは、クライアントコンピュータのユーザーは、閲覧している文書に付箋を貼付することができ、付箋によるコミュニケーションが可能になる効果がある。
さらに、本願発明は、サーバーに、閲覧情報と、付箋検索手段とを有し、
前記閲覧情報には、ウェブブラウザで表示することができる形式の文書情報と、ウェブブラウザで表示することができる形式の付箋情報と、前記文書情報に前記付箋情報を配置する為のスクリプトとを含むから、
クライアントコンピュータが付箋機能を持っていなくても、ネットワークを介して、標準的なウェブブラウザを用いて前記閲覧情報を表示することによって、付箋が貼付された文書をブラウザ画面上に表示することができ、かつ、前記付箋検索手段の実行によって、付箋機能を持たないクライアントコンピュータが、ウェブブラウザを用いて、前記付箋を検索できるすることができる特長がある。
このことは、クライアントコンピュータのユーザーは、閲覧している文書に貼付された付箋を検索することができ、付箋によるコミュニケーションが可能になる効果がある。
前記閲覧情報には、ウェブブラウザで表示することができる形式の文書情報と、ウェブブラウザで表示することができる形式の付箋情報と、前記文書情報に前記付箋情報を配置する為のスクリプトとを含むから、
クライアントコンピュータが付箋機能を持っていなくても、ネットワークを介して、標準的なウェブブラウザを用いて前記閲覧情報を表示することによって、付箋が貼付された文書をブラウザ画面上に表示することができ、かつ、前記付箋検索手段の実行によって、付箋機能を持たないクライアントコンピュータが、ウェブブラウザを用いて、前記付箋を検索できるすることができる特長がある。
このことは、クライアントコンピュータのユーザーは、閲覧している文書に貼付された付箋を検索することができ、付箋によるコミュニケーションが可能になる効果がある。
以下本願発明の実施の形態を示す図面を用いて説明する。図１乃至図２０において、図１は、本願にかかるシステム１を示す。システム１は、サーバ１０と、ネットワーク４０を通じて前記サーバ１０に接続されているクライアントコンピュータ（計算機ともいわれている）５０とを備えている。
なお、ネットワーク４０としては、例えば公衆通信網を使用したインターネット等のネットワーク、ＬＡＮ等がある。
なお、ネットワーク４０としては、例えば公衆通信網を使用したインターネット等のネットワーク、ＬＡＮ等がある。
クライアントコンピュータ５０は、１又は任意多数であってもよい。クライアントコンピュータ５０は、前記ネットワーク４０を介して前記サーバ ー１０と通信できるように構成されている。クライアントコンピュータ５０は、データ表示用のＣＲＴや液晶ディスプレイ等の表示手段と、データ入力用のキーボードやマウス等の入力手段とを備えている。
クライアントコンピュータ５０は、広く知られているＷｅｂブラウザ（例えばNetscape NavigatorやMicrosoft Internet Explorer）を有しており、前記入力手段からの通信データの入力、及び前記表示手段への画面表示ができるように構成されている。これにより、クライアントコンピュータ５０のユーザは、このクライアントコンピュータ５０を前記ネットワーク４０を介して前記サーバ１０に接続することで、サーバ ー１０に構築されたサイト（ページ）にアクセスし、当該サイト（ページ）を利用できるように構成されている。
クライアントコンピュータ５０は、広く知られているＷｅｂブラウザ（例えばNetscape NavigatorやMicrosoft Internet Explorer）を有しており、前記入力手段からの通信データの入力、及び前記表示手段への画面表示ができるように構成されている。これにより、クライアントコンピュータ５０のユーザは、このクライアントコンピュータ５０を前記ネットワーク４０を介して前記サーバ１０に接続することで、サーバ ー１０に構築されたサイト（ページ）にアクセスし、当該サイト（ページ）を利用できるように構成されている。
次に、本願発明の実施の形態に係るシステムの動作を、付箋が貼付された文書の閲覧に係る面、付箋貼付に係る面、貼付された付箋の検索に係る面から説明する。
まず、付箋が貼付された文書の閲覧に係る面から説明する。
図１２は、クライアントコンピュータ５０がサーバ１０にアクセスして、付箋が貼付された文書を閲覧する過程を示す。この過程の順に説明する
図１２は、クライアントコンピュータ５０がサーバ１０にアクセスして、付箋が貼付された文書を閲覧する過程を示す。この過程の順に説明する
図１２のステップｃ１(以下ステップの表記を省略する）においては：
クライアントコンピュータ５０のユーザは、クライアントコンピュータ５０のＷｅｂブラウザを用いてサーバ１０に接続を要求（例えば、サイトのアドレス（ＵＲＬ）を入力して接続を要求）する。
クライアントコンピュータ５０のユーザは、クライアントコンピュータ５０のＷｅｂブラウザを用いてサーバ１０に接続を要求（例えば、サイトのアドレス（ＵＲＬ）を入力して接続を要求）する。
図１２のｓ１においては：
サーバ１０からトップページの情報（データ）がクライアントコンピュータ５０へ送信される。
サーバ１０からトップページの情報（データ）がクライアントコンピュータ５０へ送信される。
図１２のｃ２においては：
前記クライアントコンピュータ５０のブラウザには、図１３に示されるようなトップページ52ａが表示される。このトップページ52ａは、フレームによって４つに分割されている。ソースビューフレーム５３、ツリービューフレーム５４、メニューフレーム５５及びサブフレーム５６の４つである。
サブフレーム５６には、閲覧することができるファイル（文書）名５６ａがリスト表示される。
前記クライアントコンピュータ５０のブラウザには、図１３に示されるようなトップページ52ａが表示される。このトップページ52ａは、フレームによって４つに分割されている。ソースビューフレーム５３、ツリービューフレーム５４、メニューフレーム５５及びサブフレーム５６の４つである。
サブフレーム５６には、閲覧することができるファイル（文書）名５６ａがリスト表示される。
図１２のｃ３においては：
クライアントコンピュータ５０のユーザは、前記サブフレーム５６に表示されたファイル名５６ａの中から、閲覧するファイル名を選択（例えばマウスのポインタをファイル名に合わせてクリック）し、その旨の要求を送信する。
クライアントコンピュータ５０のユーザは、前記サブフレーム５６に表示されたファイル名５６ａの中から、閲覧するファイル名を選択（例えばマウスのポインタをファイル名に合わせてクリック）し、その旨の要求を送信する。
図１２のｓ２においては：
前記ｃ３における要求を受けたサーバは、サーバ１０が有している閲覧情報の内から、選択されたファイル（文書）に係る閲覧情報をクライアントコンピュータ５０へ送信する。
前記閲覧情報には、ウェブブラウザで表示することができる形式の文書情報（例えばＨＴＭＬファイル）と、ウェブブラウザで表示することができる形式の付箋情報（例えばＨＴＭＬファイル）と、前記文書情報に前記付箋情報を配置する為のスクリプト（例えばJavaScript）とを含む。
前記ｃ３における要求を受けたサーバは、サーバ１０が有している閲覧情報の内から、選択されたファイル（文書）に係る閲覧情報をクライアントコンピュータ５０へ送信する。
前記閲覧情報には、ウェブブラウザで表示することができる形式の文書情報（例えばＨＴＭＬファイル）と、ウェブブラウザで表示することができる形式の付箋情報（例えばＨＴＭＬファイル）と、前記文書情報に前記付箋情報を配置する為のスクリプト（例えばJavaScript）とを含む。
図１２のｃ４においては：
前記クライアントコンピュータ５０のブラウザには、図１４に示されるような画面52ｂが表示される。
前記画面52ｂにおけるソースビューフレーム５３ｂには文書５７と、貼付された付箋５８とが表示される。
ツリービューフレーム５４ｂには前記文書５７の構成がツリー型に表示される。
サブフレーム５６ｂには前記文書に貼付されている付箋58のリストが表示される。
前記クライアントコンピュータ５０のブラウザには、図１４に示されるような画面52ｂが表示される。
前記画面52ｂにおけるソースビューフレーム５３ｂには文書５７と、貼付された付箋５８とが表示される。
ツリービューフレーム５４ｂには前記文書５７の構成がツリー型に表示される。
サブフレーム５６ｂには前記文書に貼付されている付箋58のリストが表示される。
前記ソースビューフレーム５３ｂに表示される付箋５８の表示状態（表示モード）は、変化させることができる。付箋の表示状態（表示モード）は、通常状態、内容表示状態、縮小状態、強調状態、非表示状態（付箋が見えなくなる状態）の５つがある。なお、前記強調状態とは、任意の透明度で任意に着色され、従来、紙面に対して蛍光マーカーで印を付したように人間の視覚によって他と識別され、ある種の情報伝達をするものを意味する。
図１５に、付箋の表示モードを変化させた付箋の例を示す。ソースビューフレーム５３ｂに示される５８ａは通常状態の付箋を示し、タイトル部58d、オブジェクト部58e、×部58fを表示する。５８ｂは内容表示状態の付箋を示し、タイトル部58d、オブジェクト部58e、×部58f、作成者名58g、本文58hを表示する。５８ｃは縮小状態の付箋を示し、オブジェクト部58eを表示する。５８ｉは強調状態の付箋を示す。
図１５に、付箋の表示モードを変化させた付箋の例を示す。ソースビューフレーム５３ｂに示される５８ａは通常状態の付箋を示し、タイトル部58d、オブジェクト部58e、×部58fを表示する。５８ｂは内容表示状態の付箋を示し、タイトル部58d、オブジェクト部58e、×部58f、作成者名58g、本文58hを表示する。５８ｃは縮小状態の付箋を示し、オブジェクト部58eを表示する。５８ｉは強調状態の付箋を示す。
付箋５８の表示状態（表示モード）の変化は、クライアントコンピュータ５０の入力手段の操作（例えばマウスクリック）によってすることができる。
通常状態から内容表示状態へ変化させる場合について説明する。
通常状態の付箋におけるタイトル部58dをマウスでクリックすると、その付箋は、５８ｂに表れるような内容表示状態に変化する。
なお、この内容表示状態において、付箋のタイトル部58dを、マウスでクリックすると、通常状態に変化する。
次に、通常状態または内容表示状態から縮小状態へ変化させる場合について説明する。
通常状態または内容表示状態の付箋におけるオブジェクト部58eをマウスでクリックすると、その付箋は、５８ｃに表れるような縮小状態に変化する。
なお、この縮小状態において、付箋のオブジェクト部58eをマウスでクリックすると、内容表示状態に変化する。
次に、通常状態、内容表示状態、縮小状態などの表示状態から非表示状態へ変化させる場合について説明する。
通常状態、内容表示状態などの付箋における×部58ｆをマウスでクリックすると、その付箋は、非表示状態に変化する。
なお、この非表示状態の付箋を再表示する場合は、メニューフレーム５５ｂに表示されているmemo: onを選択（例えばマウスのポインタを合わせてクリック）する。すると、非表示状態の付箋が再表示される。
通常状態から内容表示状態へ変化させる場合について説明する。
通常状態の付箋におけるタイトル部58dをマウスでクリックすると、その付箋は、５８ｂに表れるような内容表示状態に変化する。
なお、この内容表示状態において、付箋のタイトル部58dを、マウスでクリックすると、通常状態に変化する。
次に、通常状態または内容表示状態から縮小状態へ変化させる場合について説明する。
通常状態または内容表示状態の付箋におけるオブジェクト部58eをマウスでクリックすると、その付箋は、５８ｃに表れるような縮小状態に変化する。
なお、この縮小状態において、付箋のオブジェクト部58eをマウスでクリックすると、内容表示状態に変化する。
次に、通常状態、内容表示状態、縮小状態などの表示状態から非表示状態へ変化させる場合について説明する。
通常状態、内容表示状態などの付箋における×部58ｆをマウスでクリックすると、その付箋は、非表示状態に変化する。
なお、この非表示状態の付箋を再表示する場合は、メニューフレーム５５ｂに表示されているmemo: onを選択（例えばマウスのポインタを合わせてクリック）する。すると、非表示状態の付箋が再表示される。
前記のように、付箋５８の表示状態を変化させる動作を図１５を用いて説明した。
次に、前記付箋が貼付された文書５７における全ての付箋５８の表示状態を変化（表示状態から非表示状態、非表示状態から表示状態へ）させる場合を説明する。
メニューフレーム５５ｂのmemo: offを選択（例えばマウスのポインタを合わせてクリック）する。すると図１６に示されるように、前記付箋が貼付された文書５７における全ての付箋５８が非表示状態になる。
memo: on を選択すると全ての付箋５８が表示される状態になる。
なお、付箋５８は、ドラッグ操作で一時的に場所を移動させることができる。
次に、前記付箋が貼付された文書５７における全ての付箋５８の表示状態を変化（表示状態から非表示状態、非表示状態から表示状態へ）させる場合を説明する。
メニューフレーム５５ｂのmemo: offを選択（例えばマウスのポインタを合わせてクリック）する。すると図１６に示されるように、前記付箋が貼付された文書５７における全ての付箋５８が非表示状態になる。
memo: on を選択すると全ての付箋５８が表示される状態になる。
なお、付箋５８は、ドラッグ操作で一時的に場所を移動させることができる。
次に、付箋貼付に係る面から説明する。
図１７は、クライアントコンピュータ５０のブラウザが、図１２のｃ４における画面表示状態から、クライアントコンピュータ５０がサーバ１０にアクセスしてＷｅｂブラウザに表示された文書５７に付箋５８を貼付する過程を示す。この過程の順に説明する。
図１７は、クライアントコンピュータ５０のブラウザが、図１２のｃ４における画面表示状態から、クライアントコンピュータ５０がサーバ１０にアクセスしてＷｅｂブラウザに表示された文書５７に付箋５８を貼付する過程を示す。この過程の順に説明する。
図１７のｃ１０においては：
クライアントコンピュータ５０のユーザは、メニューフレーム５５ｂのmemo: attachを選択（例えばマウスのポインタを合わせてクリック）し、その旨の要求を送信する。
クライアントコンピュータ５０のユーザは、メニューフレーム５５ｂのmemo: attachを選択（例えばマウスのポインタを合わせてクリック）し、その旨の要求を送信する。
図１７のｓ１０においては：
前記ｃ１０の要求を受けたサーバ１０は、付箋貼付用フォームの情報（データ）をクライアントコンピュータ５０へ送信する。
前記ｃ１０の要求を受けたサーバ１０は、付箋貼付用フォームの情報（データ）をクライアントコンピュータ５０へ送信する。
図１７のｃ１１においては：
クライアントコンピュータ５０のブラウザには、図１８（Ａ）に示されるように、サブフレーム５６ｃに付箋貼付用フォーム６０が表示される。
前記付箋貼付用フォーム６０には、memo欄６０ａ、title欄６０ｂ、name欄６０ｃ、mail欄６０ｄ、object欄６０ｅ、object id欄６０ｆ、position欄６０ｇ，６０ｈ、attachボタン６０ｉ、resetボタン６０ｊが表示される。
memo欄６０ａに入力した情報は、付箋５８の本文５８ｈに表示される内容となる。title欄６０ｂに入力した情報は、付箋５８のタイトル部５８ｄに表示される内容となる。name欄６０ｃに入力した情報は、付箋５８の作者名５８ｇに表示される内容となる。object欄６０ｅに入力した情報は、付箋５８のオブジェクト部５８ｅに表示される内容となる。
クライアントコンピュータ５０のブラウザには、図１８（Ａ）に示されるように、サブフレーム５６ｃに付箋貼付用フォーム６０が表示される。
前記付箋貼付用フォーム６０には、memo欄６０ａ、title欄６０ｂ、name欄６０ｃ、mail欄６０ｄ、object欄６０ｅ、object id欄６０ｆ、position欄６０ｇ，６０ｈ、attachボタン６０ｉ、resetボタン６０ｊが表示される。
memo欄６０ａに入力した情報は、付箋５８の本文５８ｈに表示される内容となる。title欄６０ｂに入力した情報は、付箋５８のタイトル部５８ｄに表示される内容となる。name欄６０ｃに入力した情報は、付箋５８の作者名５８ｇに表示される内容となる。object欄６０ｅに入力した情報は、付箋５８のオブジェクト部５８ｅに表示される内容となる。
図１７のｃ１２においては：
図１８（Ａ）に示されるソースビューフレーム５３ｂの文書５７において、付箋を貼付する対象（位置）を選択（例えば、文書５７の付箋を貼付する位置にマウスのポインタを合わせてクリック）する。
すると、図１８（Ｂ）に示されるようにサブフレーム５６ｄにおける付箋貼付用フォーム６０のobject欄６０ｅ、object id欄６０ｆ、position欄６０ｇ、６０ｈに、前記選択した付箋を貼付する対象（位置）のデータが入力される。
図１８（Ａ）に示されるソースビューフレーム５３ｂの文書５７において、付箋を貼付する対象（位置）を選択（例えば、文書５７の付箋を貼付する位置にマウスのポインタを合わせてクリック）する。
すると、図１８（Ｂ）に示されるようにサブフレーム５６ｄにおける付箋貼付用フォーム６０のobject欄６０ｅ、object id欄６０ｆ、position欄６０ｇ、６０ｈに、前記選択した付箋を貼付する対象（位置）のデータが入力される。
図１７のｃ１３においては：
付箋に表示させる本文、タイトル、作成者、強調状態の場合は色の指定などを、前記付箋貼付用フォーム６０にクライアントコンピュータ５０の入力手段から任意選択的に必要な情報を入力（例えばキーボードやマウスを用いて入力）する。
付箋に表示させる本文、タイトル、作成者、強調状態の場合は色の指定などを、前記付箋貼付用フォーム６０にクライアントコンピュータ５０の入力手段から任意選択的に必要な情報を入力（例えばキーボードやマウスを用いて入力）する。
図１７のｃ１４においては：
付箋貼付用フォーム６０のattachボタン６０ｉを選択（例えばマウスのポインタを合わせてクリック）し、付箋貼付用フォーム６０に入力した付箋のデータを送信する。
付箋貼付用フォーム６０のattachボタン６０ｉを選択（例えばマウスのポインタを合わせてクリック）し、付箋貼付用フォーム６０に入力した付箋のデータを送信する。
図１７のｓ１１においては：
サーバ１０に前記付箋のデータが送信されると、その付箋データを保存（例えば付箋データをＸＭＬ形式でサーバ内に保存）する。
サーバ１０に前記付箋のデータが送信されると、その付箋データを保存（例えば付箋データをＸＭＬ形式でサーバ内に保存）する。
図１７のｓ１２においては：
サーバ１０が有している前記付箋データの内からデータを読み出し、ウェブブラウザで表示することができる形式の付箋情報（例えばＨＴＭＬ形式の付箋情報）を生成（例えばＤＯＭ(Document Object Model)を実装するＸＭＬパーサ等で生成）する。
そして前記生成した付箋情報と、サーバが有しているウェブブラウザで表示することができる形式の文書情報（例えばＨＴＭＬ形式の文書情報）とを合わせ、新たに貼付された付箋情報を含んだ閲覧情報を生成する。
前記閲覧情報には、前記付箋情報と、前記文書情報と、前記文書情報に前記付箋情報を配置する為のスクリプト（例えばJavaScript）とを含む。
新たに貼付された付箋情報を含んだ閲覧情報を送信する。
サーバ１０が有している前記付箋データの内からデータを読み出し、ウェブブラウザで表示することができる形式の付箋情報（例えばＨＴＭＬ形式の付箋情報）を生成（例えばＤＯＭ(Document Object Model)を実装するＸＭＬパーサ等で生成）する。
そして前記生成した付箋情報と、サーバが有しているウェブブラウザで表示することができる形式の文書情報（例えばＨＴＭＬ形式の文書情報）とを合わせ、新たに貼付された付箋情報を含んだ閲覧情報を生成する。
前記閲覧情報には、前記付箋情報と、前記文書情報と、前記文書情報に前記付箋情報を配置する為のスクリプト（例えばJavaScript）とを含む。
新たに貼付された付箋情報を含んだ閲覧情報を送信する。
図１７のｃ１５においては：
クライアントコンピュータ５０のブラウザ５１には、図１８（Ｃ）に示されるような画面52ｃが表示される。
ソースビューフレーム５３ｃにおける５８ｊは新たに貼付された付箋を示す。付箋５８ｊは、内容表示状態で表示される。
前記画面52ｃのサブフレーム５６ｅには前記付箋58ｊのリスト５８ｋが追加されて表示される。
クライアントコンピュータ５０のブラウザ５１には、図１８（Ｃ）に示されるような画面52ｃが表示される。
ソースビューフレーム５３ｃにおける５８ｊは新たに貼付された付箋を示す。付箋５８ｊは、内容表示状態で表示される。
前記画面52ｃのサブフレーム５６ｅには前記付箋58ｊのリスト５８ｋが追加されて表示される。
以上のように、図１７を用いてクライアントコンピュータ５０がサーバ１０にアクセスしてＷｅｂブラウザに表示された文書に付箋を貼付する過程の順に説明した。この過程におけるｓ１０及びｓ１１におけるサーバ１０の付箋データ保存手段と、ｓ１２におけるサーバ１０の閲覧情報生成手段との付箋貼付手段の実行によって、付箋機能を持たないクライアントコンピュータが、ウェブブラウザを用いて、前記閲覧文書に付箋を貼付することができる。
最後に、貼付された付箋の検索に係る面から説明する。
図１９は、クライアントコンピュータ５０のブラウザが、図１２のｃ４における画面表示状態から、クライアントコンピュータ５０がサーバ１０にアクセスしてＷｅｂブラウザに表示された付箋５８の検索をする過程を示す。この過程の順に説明する。
図１９は、クライアントコンピュータ５０のブラウザが、図１２のｃ４における画面表示状態から、クライアントコンピュータ５０がサーバ１０にアクセスしてＷｅｂブラウザに表示された付箋５８の検索をする過程を示す。この過程の順に説明する。
図１９のｃ２０においては：
クライアントコンピュータ５０のユーザは、メニューフレーム５５ｂのmemo: searchを選択（例えばマウスのポインタを合わせてクリック）し、その旨の要求を送信する。
クライアントコンピュータ５０のユーザは、メニューフレーム５５ｂのmemo: searchを選択（例えばマウスのポインタを合わせてクリック）し、その旨の要求を送信する。
図１９のｓ２０においては：
前記ｃ２０の要求を受けたサーバ１０は、付箋検索用フォームの情報（データ）をクライアントコンピュータ５０へ送信する。
前記ｃ２０の要求を受けたサーバ１０は、付箋検索用フォームの情報（データ）をクライアントコンピュータ５０へ送信する。
図１９のｃ２１においては：
クライアントコンピュータ５０のブラウザには、図２０（Ａ）に示されるように、サブフレーム５６ｆに付箋検索用フォーム６１が表示される。
前記付箋検索用フォーム６１には、keyword欄61ａ、target欄61ｂ、scope欄61ｃ、searchボタン61d、resetボタン61eが表示される。
keyword欄61ａは、検索する語を入力する欄。target欄61ｂは、検索の対象を入力する欄。例えば、付箋の本文を対象とする場合はmemoを選択する。
scope欄61ｃは、現在ソースビューフレーム５３ｄに表示されているファイルの付箋から検索する場合は、current fileを選択し、全てのファイルの付箋から検索する場合は、all filesを選択する。
クライアントコンピュータ５０のブラウザには、図２０（Ａ）に示されるように、サブフレーム５６ｆに付箋検索用フォーム６１が表示される。
前記付箋検索用フォーム６１には、keyword欄61ａ、target欄61ｂ、scope欄61ｃ、searchボタン61d、resetボタン61eが表示される。
keyword欄61ａは、検索する語を入力する欄。target欄61ｂは、検索の対象を入力する欄。例えば、付箋の本文を対象とする場合はmemoを選択する。
scope欄61ｃは、現在ソースビューフレーム５３ｄに表示されているファイルの付箋から検索する場合は、current fileを選択し、全てのファイルの付箋から検索する場合は、all filesを選択する。
図１９のｃ２２においては：
付箋を検索する条件を図２０（Ｂ）に示されるサブフレーム５６ｇにおける前記付箋検索用フォーム６１にクライアントコンピュータ５０の入力手段から入力（例えばキーボードやマウスを用いて入力）する。
そして、付箋検索用フォーム６１のsearchボタン６１ｄを選択（例えばマウスのポインタをsearchボタン６１ｄに合わせてクリック）し、付箋検索用フォーム６１に入力した付箋検索する内容の情報を送信する。
付箋を検索する条件を図２０（Ｂ）に示されるサブフレーム５６ｇにおける前記付箋検索用フォーム６１にクライアントコンピュータ５０の入力手段から入力（例えばキーボードやマウスを用いて入力）する。
そして、付箋検索用フォーム６１のsearchボタン６１ｄを選択（例えばマウスのポインタをsearchボタン６１ｄに合わせてクリック）し、付箋検索用フォーム６１に入力した付箋検索する内容の情報を送信する。
図１９のｓ２１においては：
前記ｃ２２の要求を受けたサーバは、サーバ１０が有している付箋情報の内から、検索条件に合う付箋の情報をクライアントコンピュータ５０へ送信する。
前記ｃ２２の要求を受けたサーバは、サーバ１０が有している付箋情報の内から、検索条件に合う付箋の情報をクライアントコンピュータ５０へ送信する。
図１９のｓ２３においては：
前記クライアントコンピュータ５０のブラウザには、図２０（Ｃ）に示されるように、サブフレーム５６ｈに、前記検索条件に合う付箋のリスト56ｉが表示される。この付箋のリストには、付箋へのリンクが張られていている。
前記クライアントコンピュータ５０のブラウザには、図２０（Ｃ）に示されるように、サブフレーム５６ｈに、前記検索条件に合う付箋のリスト56ｉが表示される。この付箋のリストには、付箋へのリンクが張られていている。
以上のように、図１９を用いてクライアントコンピュータ５０がサーバ１０にアクセスしてＷｅｂブラウザに表示された付箋５８の検索をする過程の順に説明した。この過程におけるｓ２０、ｓ２１のサーバ１０のステップの付箋検索手段の実行によって、付箋機能を持たないクライアントコンピュータが、ウェブブラウザを用いて、文書に貼付された付箋を検索できる。
次に、本願システムに関しての具体的な実施例である”JSPIE2”について説明する。
あらまし：ソフトウェア開発において、情報の交換や共有などのコミュニケーションは重要な役割を果たす。本願では、ソースプログラムに関係するソフトウェア開発者間のコミュニケーションの一種である、付箋によるコミュニケーションに注目する。また、ソースプログラムに対して電子化された付箋を貼る機能を備え、ソースプログラム上のオンラインコミュニケーションを可能にしたソフトウェアブラウザJSPIE2を提供する。
あらまし：ソフトウェア開発において、情報の交換や共有などのコミュニケーションは重要な役割を果たす。本願では、ソースプログラムに関係するソフトウェア開発者間のコミュニケーションの一種である、付箋によるコミュニケーションに注目する。また、ソースプログラムに対して電子化された付箋を貼る機能を備え、ソースプログラム上のオンラインコミュニケーションを可能にしたソフトウェアブラウザJSPIE2を提供する。
概要：本願では付箋によるコミュニケーション機能を備えたソフトウェアブラウザJSPIE2を作成する。対象のプログラミング言語はJavaとし、Webブラウザを用いてJavaソースプログラムを閲覧する。特定のオブジェクトに対して付箋を付けることができ、ネットワークを介して多人数で閲覧できる。
このシステムの構成を図１に示す。JSPIE2はWebアプリケーションである。サーバにインストールし、クライアントマシンからWebブラウザを使ってアクセスして使用する。そのため、ネットワークを(LAN、インターネット)経由して利用できる。また情報はサーバを介してクライアント間で共有される。
サーバに、Jakarta Projectで広く知られているTomcatを使用し、JSP/Servletで実装されている。出力にはDHTML(HTML、JavaScript、CSS)を使い付箋機能を実現している。
このシステムの構成を図１に示す。JSPIE2はWebアプリケーションである。サーバにインストールし、クライアントマシンからWebブラウザを使ってアクセスして使用する。そのため、ネットワークを(LAN、インターネット)経由して利用できる。また情報はサーバを介してクライアント間で共有される。
サーバに、Jakarta Projectで広く知られているTomcatを使用し、JSP/Servletで実装されている。出力にはDHTML(HTML、JavaScript、CSS)を使い付箋機能を実現している。
画面構成：
JSPIE2はフレームによって4つに分割されている。図２は動作中の画面である。ソースビューフレーム（画面右上）ではソースプログラムと付箋を表示し、ツリービューフレーム（画面左上）ではツリービューを表示する。表示する単位はファイルである。また、メニューフレーム（画面左下）とサブフレーム（画面右下）ではJSPIE2の様々な操作を行う。
JSPIE2はフレームによって4つに分割されている。図２は動作中の画面である。ソースビューフレーム（画面右上）ではソースプログラムと付箋を表示し、ツリービューフレーム（画面左上）ではツリービューを表示する。表示する単位はファイルである。また、メニューフレーム（画面左下）とサブフレーム（画面右下）ではJSPIE2の様々な操作を行う。
基本機能：
JSPIE2の基本機能は以下の5つである。
ツリービュー：
Javaソースプログラムの構成をツリー型に表示する。クラスまたはインタフェースがノードとなり、フィールド、メソッド、コンストラクタがリーフとなる。ツリーは折りたたみが可能で、Windowsのエクスプローラー風の動作をする。ツリービューの例を図３に示す。図３のツリービューではこのファイルにはクラスSampleA、クラスSampleC、インタフェースSampleIがあること示している。そしてSampleAクラスを展開し、その中にフィールドa、フィールドb、コンストラクタSampleA()、メソッドm1()、インナークラスSampleB があることを示している。
ソースビュー：
ツリービューのオブジェクトのリンクから、ソースプログラム上のそのオブジェクトを参照する。付箋はこのソースビュー上に表示される。
付箋貼付：
ソースプログラム上をクリックして対象オブジェクト、及びその位置を決め、テキスト形式の付箋を貼り付けることができる。付箋の持つ情報を表１に示す。obj、id、posx、posyはユーザがマウスクリックで入力する。またtitle、name、mail、contentsはユーザがキーボードで入力する。id(memo)、date、ipはサーバで自動的に入力される。
付箋表示：
貼付された付箋はソースプログラム上の対象オブジェクト上の指定された位置に表示される。付箋の状態は4つあり、状況に応じて変えられる。付箋の状態については後に詳しく述べる。
付箋検索：
付けられている付箋の検索を行う。HTMLフォームから検索するキーワード、検索する付箋データの種類、検索する範囲（ブラウズ中のファイルについている付箋か全ファイルに付いている付箋）を入力し条件に一致した付箋のリストが表示される。この付箋のリストには、付箋へのリンクが張られていている。
JSPIE2の基本機能は以下の5つである。
ツリービュー：
Javaソースプログラムの構成をツリー型に表示する。クラスまたはインタフェースがノードとなり、フィールド、メソッド、コンストラクタがリーフとなる。ツリーは折りたたみが可能で、Windowsのエクスプローラー風の動作をする。ツリービューの例を図３に示す。図３のツリービューではこのファイルにはクラスSampleA、クラスSampleC、インタフェースSampleIがあること示している。そしてSampleAクラスを展開し、その中にフィールドa、フィールドb、コンストラクタSampleA()、メソッドm1()、インナークラスSampleB があることを示している。
ソースビュー：
ツリービューのオブジェクトのリンクから、ソースプログラム上のそのオブジェクトを参照する。付箋はこのソースビュー上に表示される。
付箋貼付：
ソースプログラム上をクリックして対象オブジェクト、及びその位置を決め、テキスト形式の付箋を貼り付けることができる。付箋の持つ情報を表１に示す。obj、id、posx、posyはユーザがマウスクリックで入力する。またtitle、name、mail、contentsはユーザがキーボードで入力する。id(memo)、date、ipはサーバで自動的に入力される。
付箋表示：
貼付された付箋はソースプログラム上の対象オブジェクト上の指定された位置に表示される。付箋の状態は4つあり、状況に応じて変えられる。付箋の状態については後に詳しく述べる。
付箋検索：
付けられている付箋の検索を行う。HTMLフォームから検索するキーワード、検索する付箋データの種類、検索する範囲（ブラウズ中のファイルについている付箋か全ファイルに付いている付箋）を入力し条件に一致した付箋のリストが表示される。この付箋のリストには、付箋へのリンクが張られていている。
付箋の状態（表示モード）は４つあり、クリックなどの操作によって状態を変化させることができる。この例を図４に示す。また、ドラッグで一時的に場所を移動させることができる。これはリロードすると元の場所に戻る。
通常状態：
付箋の付けられているオブジェクトとタイトルを表示する。どの状態になっていてもリロードするとこの状態に戻る。
内容表示状態：
付箋のタイトルをクリックし内容を表示させた時、貼り付け直後、リストから付箋を選択した時、検索結果から付箋を選択した時にこの状態になる。表示される内容は、付箋id、日時、作成者、対象オブジェクトid、本文である。
縮小状態：
付箋が付けられているオブジェクトを確認する場合に使用する。オブジェクト名のみを表示し、不透明度を80から40にする。オブジェクト名をクリックするとこの状態になり、このときソースプログラム上の対象オブジェクトが一定時間オレンジ色に変わり、そのオブジェクトが分かるようになっている。
非表示状態：
付箋の"×"をクリックするとこの状態になる。全ての付箋を表示にするmemo on、付箋のリストから選択、リロード、で非表示から戻る。
通常状態：
付箋の付けられているオブジェクトとタイトルを表示する。どの状態になっていてもリロードするとこの状態に戻る。
内容表示状態：
付箋のタイトルをクリックし内容を表示させた時、貼り付け直後、リストから付箋を選択した時、検索結果から付箋を選択した時にこの状態になる。表示される内容は、付箋id、日時、作成者、対象オブジェクトid、本文である。
縮小状態：
付箋が付けられているオブジェクトを確認する場合に使用する。オブジェクト名のみを表示し、不透明度を80から40にする。オブジェクト名をクリックするとこの状態になり、このときソースプログラム上の対象オブジェクトが一定時間オレンジ色に変わり、そのオブジェクトが分かるようになっている。
非表示状態：
付箋の"×"をクリックするとこの状態になる。全ての付箋を表示にするmemo on、付箋のリストから選択、リロード、で非表示から戻る。
基本的な利用の流れを説明する。
JSPIE2を開くと、サブフレームにfile list (閲覧できるファイルのリスト) が表示される。そこから閲覧するファイルを選択する。
ソースビューフレームには付箋の付けられたプログラムソースが表示される。このとき、サブフレームには付箋のリストが表示され、そこから付箋を参照できる。また、ツリービューフレームにはプログラムがツリー型に表示され、そこからオブジェクトを参照できる。
付箋を付けるには、メニューフレームのattachを選択する。サブフレームに付箋貼付用のフォームが表示されるので、ソースビューフレームのソースプログラム上で付箋を付けるオブジェクトをクリックして対象を決め、内容を書き込み送信する。
貼り付けが完了すると、ソースビューフレームが更新されて貼り付けた付箋が内容表示状態で表示される。
JSPIE2を開くと、サブフレームにfile list (閲覧できるファイルのリスト) が表示される。そこから閲覧するファイルを選択する。
ソースビューフレームには付箋の付けられたプログラムソースが表示される。このとき、サブフレームには付箋のリストが表示され、そこから付箋を参照できる。また、ツリービューフレームにはプログラムがツリー型に表示され、そこからオブジェクトを参照できる。
付箋を付けるには、メニューフレームのattachを選択する。サブフレームに付箋貼付用のフォームが表示されるので、ソースビューフレームのソースプログラム上で付箋を付けるオブジェクトをクリックして対象を決め、内容を書き込み送信する。
貼り付けが完了すると、ソースビューフレームが更新されて貼り付けた付箋が内容表示状態で表示される。
JSPIE2の実装において、Javaソースプログラムを特定のオブジェクト分類し、そのオブジェクトに対して付箋を付けるようにするためJX-model（「XMLを用いた汎用的な細粒度ソフトウェアリポジトリの実装」（吉田 一, 山本 晋一郎, 阿草 清滋）情報処理学会2002シンポジウム, pp.83−90 (2002/8)で広く知られている）を使用する。JX-modelとはJavaソースプログラムのXMLリポジトリのモデルである。
JX-modelはJava(Java2 ver. 1.4)のソースプログラムを20種類の非終端要素と7種類の終端要素によってモデル化している。ここで、終端要素は子ノードとしてJX-model要素を持たない要素のことをいう。要素の一覧を表２に示す。表２において、File要素からExpr要素までが非終端要素であり、ident要素以下が終端要素である。
JX-modelは様々なCASEツールの要求に応えるために、Javaのソースプログラムを細粒度で抽象化して表現されている。ソースプログラムに直接タグ付けを行い、インデントや改行などのスタイルを保持している。また、XMLリポジトリからはXSLTやDOM/SAXなどのXML関連技術を用いて情報を取り出すことができる。
このJX-modelに基づいたXMLリポジトリはJapid（Hachisu Yoshinari, Yamamoto Shinichirou and Agusa Kiyoshi: `「A CASE Tool Platform for an Object Oriented Language'」, IEICE Trans. on Information and Systems, Vol.E82-D, No.5, pp.997-984 (1999/5) で広く知られている）を使って生成する。Japidとは、広く知られているCASEツールプラットフォームSapid（http://www.sapid.org/）の一部であり、Javaソースプログラムの解析を行う。JX-modelの例として、図５のJavaソースプログラムに対するXMLリポジトリは図６のように得られる。
JSPIE2では、このJX-modelのオブジェクトのうち、Members、Type、ident、kw、op、sp、nlの7種類の要素を除いた20種類の要素を単位として付箋を付けを行うようにした。
JX-modelはJava(Java2 ver. 1.4)のソースプログラムを20種類の非終端要素と7種類の終端要素によってモデル化している。ここで、終端要素は子ノードとしてJX-model要素を持たない要素のことをいう。要素の一覧を表２に示す。表２において、File要素からExpr要素までが非終端要素であり、ident要素以下が終端要素である。
JX-modelは様々なCASEツールの要求に応えるために、Javaのソースプログラムを細粒度で抽象化して表現されている。ソースプログラムに直接タグ付けを行い、インデントや改行などのスタイルを保持している。また、XMLリポジトリからはXSLTやDOM/SAXなどのXML関連技術を用いて情報を取り出すことができる。
このJX-modelに基づいたXMLリポジトリはJapid（Hachisu Yoshinari, Yamamoto Shinichirou and Agusa Kiyoshi: `「A CASE Tool Platform for an Object Oriented Language'」, IEICE Trans. on Information and Systems, Vol.E82-D, No.5, pp.997-984 (1999/5) で広く知られている）を使って生成する。Japidとは、広く知られているCASEツールプラットフォームSapid（http://www.sapid.org/）の一部であり、Javaソースプログラムの解析を行う。JX-modelの例として、図５のJavaソースプログラムに対するXMLリポジトリは図６のように得られる。
JSPIE2では、このJX-modelのオブジェクトのうち、Members、Type、ident、kw、op、sp、nlの7種類の要素を除いた20種類の要素を単位として付箋を付けを行うようにした。
システム構成：
まずJapidを用いてJavaソースプログラムからXMLリポジトリを生成する。XSLTを用いて、ツリービューHTMLとソースビューHTMLを生成する。この処理を図７に示す。このとき図７にはないが、付箋のデータを保存するための付箋データXMLも作成する。この処理はファイル登録時に一度だけ行われる。
ソースビューHTMLは、ソースプログラムの表示と付箋付けのベースとして使用する。付箋の対象とするオブジェクトをspanタグで囲み、id属性にJX-modelのidを、title属性にオブジェクトの種類を設定したものである。ソースビューHTMLの例を図８に示す。ツリービューHTMLはツリービューのためのもので、クラス、インタフェース、フィールド、メソッド、コンストラクタの情報を取り出し、ツリー型になるように配置したものである。
次に付箋の貼り付け時と表示時に行われる処理を示す。Webブラウザ上のフォームから送信された付箋データは、付箋データXMLに保存される。ここから必要な情報を読み出し、ソースビューHTMLと合わせて出力する。この処理を図９に示す。
ソースビューでのマウスクリックは新規付箋の貼り付け操作になる。ソースビューHTMLに埋め込んだspanタグのid属性より、どのオブジェクトを指しているかを特定し、付箋貼付フォームにデータを送る。このときフォームのobject id、object（対象オブジェクトの種類）、position(付箋を付ける位置)の欄が入力される。付箋を付ける位置はオブジェクト上での位置である。残りのmemo、title、name、mailの欄がユーザにより入力され、フォームデータが送信されると、そのデータを付箋データXMLに記録する。
SourceView.jspは付箋データXMLからデータを読み出して付箋部分のHTMLを生成し、これとソースビューHTMLを合わせてソースフレームに出力する。ソースビューフレームに出力されるHTMLにはJavaScriptが入っており、これがCSSのtop属性とleft属性を操作することで付箋を正しい位置に表示する。このSourceView.jspが生成するHTMLファイルの構成を図１０に示す。
まずJapidを用いてJavaソースプログラムからXMLリポジトリを生成する。XSLTを用いて、ツリービューHTMLとソースビューHTMLを生成する。この処理を図７に示す。このとき図７にはないが、付箋のデータを保存するための付箋データXMLも作成する。この処理はファイル登録時に一度だけ行われる。
ソースビューHTMLは、ソースプログラムの表示と付箋付けのベースとして使用する。付箋の対象とするオブジェクトをspanタグで囲み、id属性にJX-modelのidを、title属性にオブジェクトの種類を設定したものである。ソースビューHTMLの例を図８に示す。ツリービューHTMLはツリービューのためのもので、クラス、インタフェース、フィールド、メソッド、コンストラクタの情報を取り出し、ツリー型になるように配置したものである。
次に付箋の貼り付け時と表示時に行われる処理を示す。Webブラウザ上のフォームから送信された付箋データは、付箋データXMLに保存される。ここから必要な情報を読み出し、ソースビューHTMLと合わせて出力する。この処理を図９に示す。
ソースビューでのマウスクリックは新規付箋の貼り付け操作になる。ソースビューHTMLに埋め込んだspanタグのid属性より、どのオブジェクトを指しているかを特定し、付箋貼付フォームにデータを送る。このときフォームのobject id、object（対象オブジェクトの種類）、position(付箋を付ける位置)の欄が入力される。付箋を付ける位置はオブジェクト上での位置である。残りのmemo、title、name、mailの欄がユーザにより入力され、フォームデータが送信されると、そのデータを付箋データXMLに記録する。
SourceView.jspは付箋データXMLからデータを読み出して付箋部分のHTMLを生成し、これとソースビューHTMLを合わせてソースフレームに出力する。ソースビューフレームに出力されるHTMLにはJavaScriptが入っており、これがCSSのtop属性とleft属性を操作することで付箋を正しい位置に表示する。このSourceView.jspが生成するHTMLファイルの構成を図１０に示す。
JSPIE2の利用例を挙げる。
ユーザAが作成したプログラムを、ネットワーク越しにユーザBとユーザCがレビューするというケースを考える。この作業の流れを図１１に示す。
（１）ユーザAが作成したプログラムをJSPIE2に登録する。このとき、覚書やユーザBやユーザCに伝えたいことなど、プライベートな内容の情報や短期的な情報などはを付箋に書き付けておく。(フォーマルな情報や長期的な情報はコメントや別の文書に書く。)
（２）ユーザB、ユーザCがレビューし、気になることを付箋で書いて付ける。
ユーザBが先にレビューしたとすると、ユーザCはソースプログラムやユーザAの付箋だけでなく、ユーザBが付けた付箋も見ることになる。
（３）ユーザAはユーザBとユーザCがつけた付箋を見ながらプログラムを修正し、もう一度そのプログラムをJSPIE2に登録する。
修正前付いていた付箋は、その修正前のプログラムに付いたままで、修正後の方は何も付いていない状態になる。このとき、ユーザBとユーザCの指摘に、どのように対応したかや新たに気付いたことなどを付箋で付けておく。
（４）ユーザB、ユーザCは修正内容を確認する。十分な内容でなければ、この手順をさらに繰り返す。
目の前に作成者がいる場合は、間違いを指摘したり、気になることを伝えるのことは難しくないが、ネットワーク経由の場合などで、そうできないことも多い。このケースではJSPIE2を利用することで作業を効率よく進められ、有効な利用例だと考えられる。
ユーザAが作成したプログラムを、ネットワーク越しにユーザBとユーザCがレビューするというケースを考える。この作業の流れを図１１に示す。
（１）ユーザAが作成したプログラムをJSPIE2に登録する。このとき、覚書やユーザBやユーザCに伝えたいことなど、プライベートな内容の情報や短期的な情報などはを付箋に書き付けておく。(フォーマルな情報や長期的な情報はコメントや別の文書に書く。)
（２）ユーザB、ユーザCがレビューし、気になることを付箋で書いて付ける。
ユーザBが先にレビューしたとすると、ユーザCはソースプログラムやユーザAの付箋だけでなく、ユーザBが付けた付箋も見ることになる。
（３）ユーザAはユーザBとユーザCがつけた付箋を見ながらプログラムを修正し、もう一度そのプログラムをJSPIE2に登録する。
修正前付いていた付箋は、その修正前のプログラムに付いたままで、修正後の方は何も付いていない状態になる。このとき、ユーザBとユーザCの指摘に、どのように対応したかや新たに気付いたことなどを付箋で付けておく。
（４）ユーザB、ユーザCは修正内容を確認する。十分な内容でなければ、この手順をさらに繰り返す。
目の前に作成者がいる場合は、間違いを指摘したり、気になることを伝えるのことは難しくないが、ネットワーク経由の場合などで、そうできないことも多い。このケースではJSPIE2を利用することで作業を効率よく進められ、有効な利用例だと考えられる。
付箋によるコミュニケーション機能を備えたソフトウェアブラウザJSPIE2を説明した。XMLに関する技術(XML、XSLT、DOM)やWebに関する技術（JSP、JavaScript、CSS）を多く活用したことで、Webブラウザを通してソースプログラムに付箋を付けるというシステムを実現した。これによりソースプログラム上で付箋を利用したコミュニケーションが可能となり、プログラムを再利用する場合や保守する場合など、プログラム理解を支援に有効に利用できる。利用法としては次のような場合が考えられる。
共同開発：
前述で例を挙げたネットワーク経由のレビューなど、共同開発においてプロジェクトのメンバーの間の情報共有や情報交換にJSPIE2を使用する。JSPIE上で行われるコミュニケーションによって効果的に開発を進めることができる。
前述で例を挙げたネットワーク経由のレビューなど、共同開発においてプロジェクトのメンバーの間の情報共有や情報交換にJSPIE2を使用する。JSPIE上で行われるコミュニケーションによって効果的に開発を進めることができる。
ソースプログラムの公開：
ソースプログラムを公開する場合、単にソースプログラムを公開するだけでなく、JSPIE2を使って公開する。この場合、プロジェクト外の閲覧者も、Webブラウザでプログラムソースが閲覧し、コミュニケーションに参加できるので、より多くの情報を集めることができる。
ソースプログラムを公開する場合、単にソースプログラムを公開するだけでなく、JSPIE2を使って公開する。この場合、プロジェクト外の閲覧者も、Webブラウザでプログラムソースが閲覧し、コミュニケーションに参加できるので、より多くの情報を集めることができる。
チュートリアル：
プログラムのチュートリアルを行う場合、サンプルプログラムを用意しその解説を行うという方法がよく行われるが、このときJSPIE2を使いサンプルプログラム表示し、解説を付箋でつけておく。
付箋で簡単に解説が付けられるので、チュートリアルが作成しやすい。学ぶ側は付箋が付けられたサンプルプログラムを見ることで、より理解が進む。
また学ぶ側も疑問点を付箋で付け、教える側とのコミュニケーションをとることも考えられる。このようにJSPIE2を用いれば、チュートリアルを効果的に行うことができる。
プログラムのチュートリアルを行う場合、サンプルプログラムを用意しその解説を行うという方法がよく行われるが、このときJSPIE2を使いサンプルプログラム表示し、解説を付箋でつけておく。
付箋で簡単に解説が付けられるので、チュートリアルが作成しやすい。学ぶ側は付箋が付けられたサンプルプログラムを見ることで、より理解が進む。
また学ぶ側も疑問点を付箋で付け、教える側とのコミュニケーションをとることも考えられる。このようにJSPIE2を用いれば、チュートリアルを効果的に行うことができる。
以上のように文書がJavaソースプログラムの場合について説明したが、他の文書でも、付箋を付けることで情報の共有や交換を行うシステムは有効に利用できる。例えば、他のプログラミング言語のソースプログラム、ソフトウェアに関連する文書、一般的な文書などが考えられる。
以上のように、電子的な付箋に蓄積された情報をネットワークを介して利用でき、作業者間で共有できるため、付箋を使ったソースプログラム上のオンラインコミュニケーションが可能となる。
このシステムを用いることで、ソースプログラム閲覧中に発生する一時的な情報を電子的な付箋として保存し管理することができる。
このシステムを用いることで、ソースプログラム閲覧中に発生する一時的な情報を電子的な付箋として保存し管理することができる。
１・・・クライアントコンピュータに付箋機能を与えて、付箋によるコミュニケーションを可能にするシステム、１０・・・サーバ、４０・・・ネットワーク、５０・・・クライアントコンピュータ、５１・・・Ｗｅｂブラウザ、５２・・・ブラウザ画面、５３・・・ソースビューフレーム、５４・・・ツリービューフレーム、５５・・・メニューフレーム、５６・・・サブフレーム、５７・・・文書、５８・・・付箋、６０・・・付箋貼付用フォーム、６１・・・付箋検索用フォーム
Claims (3)
- サーバと、ネットワークを通じて前記サーバに接続されているウェブブラウザを有するクライアントコンピュータとからなるシステムにおいて、
前記サーバには、閲覧情報を有し、前記閲覧情報には、ウェブブラウザで表示することができる形式の文書情報と、ウェブブラウザで表示することができる形式の付箋情報と、前記文書情報に前記付箋情報を配置する為のスクリプトとを含み、
付箋機能を持たないクライアントコンピュータが、ウェブブラウザを用いて、前記閲覧情報を表示することによって付箋が貼付された文書を閲覧することができることを特徴とするクライアントコンピュータに、付箋機能を与えて、付箋によるコミュニケーションを可能にするシステム - サーバと、ネットワークを通じて前記サーバに接続されているウェブブラウザを有するクライアントコンピュータとからなるシステムにおいて、
前記サーバには、閲覧情報と、付箋貼付手段とを有し、
前記閲覧情報には、ウェブブラウザで表示することができる形式の文書情報と、ウェブブラウザで表示することができる形式の付箋情報と、前記文書情報に前記付箋情報を配置する為のスクリプトとを含み、
前記付箋貼付手段には、付箋データを保存する手段と、前記閲覧情報を生成する手段とを含み、
付箋機能を持たないクライアントコンピュータが、ウェブブラウザを用いて、前記閲覧情報を表示することによって付箋が貼付された文書を閲覧することができ、前記付箋貼付手段の実行によって、付箋機能を持たないクライアントコンピュータが、ウェブブラウザを用いて、前記閲覧文書に付箋を貼付することができる
ことを特徴とするクライアントコンピュータに、付箋機能を与えて、付箋によるコミュニケーションを可能にするシステム - サーバと、ネットワークを通じて前記サーバに接続されているウェブブラウザを有するクライアントコンピュータとからなるシステムにおいて、
前記サーバには、閲覧情報と、付箋検索手段とを有し、
前記閲覧情報には、ウェブブラウザで表示することができる形式の文書情報と、ウェブブラウザで表示することができる形式の付箋情報と、前記文書情報に前記付箋情報を配置する為のスクリプトとを含み、
付箋機能を持たないクライアントコンピュータが、ウェブブラウザを用いて、前記閲覧情報を表示することによって付箋が貼付された文書を閲覧することができ、
前記付箋検索手段の実行によって、
付箋機能を持たないクライアントコンピュータが、ウェブブラウザを用いて、文書に貼付された付箋を検索できることを特徴とするクライアントコンピュータに、付箋機能を与えて、付箋によるコミュニケーションを可能にするシステム
Priority Applications (2)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| JP2004002525A JP2005196504A (ja) | 2004-01-07 | 2004-01-07 | クライアントコンピュータに付箋機能を与えて、付箋によるコミュニケーションを可能にするシステム |
| US10/886,657 US20050198202A1 (en) | 2004-01-07 | 2004-07-07 | Method for causing server to provide client computers with annotation functions for enabling users of the client computers to view object-based documents with annotations |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| JP2004002525A JP2005196504A (ja) | 2004-01-07 | 2004-01-07 | クライアントコンピュータに付箋機能を与えて、付箋によるコミュニケーションを可能にするシステム |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| JP2005196504A true JP2005196504A (ja) | 2005-07-21 |
Family
ID=34817696
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| JP2004002525A Pending JP2005196504A (ja) | 2004-01-07 | 2004-01-07 | クライアントコンピュータに付箋機能を与えて、付箋によるコミュニケーションを可能にするシステム |
Country Status (2)
| Country | Link |
|---|---|
| US (1) | US20050198202A1 (ja) |
| JP (1) | JP2005196504A (ja) |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP2007219876A (ja) * | 2006-02-17 | 2007-08-30 | Nippon Telegr & Teleph Corp <Ntt> | 閲覧画面再利用装置、閲覧画面再利用プログラム、及び記録媒体 |
| JP2009271887A (ja) * | 2008-05-12 | 2009-11-19 | Yahoo Japan Corp | コメント表示システム、その方法、管理サーバおよびプログラム |
| WO2016151921A1 (ja) * | 2015-03-26 | 2016-09-29 | 株式会社ミスミグループ本社 | 電子書籍の閲覧支援方法及び閲覧支援用プログラム |
Families Citing this family (39)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20050235272A1 (en) * | 2004-04-20 | 2005-10-20 | General Electric Company | Systems, methods and apparatus for image annotation |
| US7284192B2 (en) * | 2004-06-24 | 2007-10-16 | Avaya Technology Corp. | Architecture for ink annotations on web documents |
| US20060031755A1 (en) * | 2004-06-24 | 2006-02-09 | Avaya Technology Corp. | Sharing inking during multi-modal communication |
| US9235560B2 (en) | 2005-06-09 | 2016-01-12 | International Business Machines Corporation | General purpose annotation service for portal-based applications |
| US20070052734A1 (en) * | 2005-09-06 | 2007-03-08 | General Electric Company | Method and apparatus for annotating images |
| US8595628B2 (en) * | 2005-11-29 | 2013-11-26 | International Business Machines Corporation | Method and system for reviewing text files using distributable review data packets |
| US20070174762A1 (en) * | 2006-01-24 | 2007-07-26 | International Business Machines Corporation | Personal web page annotation system |
| US8239754B1 (en) * | 2006-04-07 | 2012-08-07 | Adobe Systems Incorporated | System and method for annotating data through a document metaphor |
| US8132093B2 (en) * | 2006-08-14 | 2012-03-06 | Microsoft Corporation | Instance annotation in object-oriented programming |
| US8799103B1 (en) | 2007-09-20 | 2014-08-05 | Ariba, Inc. | Client-side structured data capture and remote application integration using a web browser |
| US8914774B1 (en) * | 2007-11-15 | 2014-12-16 | Appcelerator, Inc. | System and method for tagging code to determine where the code runs |
| US8954989B1 (en) | 2007-11-19 | 2015-02-10 | Appcelerator, Inc. | Flexible, event-driven JavaScript server architecture |
| US8260845B1 (en) | 2007-11-21 | 2012-09-04 | Appcelerator, Inc. | System and method for auto-generating JavaScript proxies and meta-proxies |
| US8719451B1 (en) | 2007-11-23 | 2014-05-06 | Appcelerator, Inc. | System and method for on-the-fly, post-processing document object model manipulation |
| US8566807B1 (en) | 2007-11-23 | 2013-10-22 | Appcelerator, Inc. | System and method for accessibility of document object model and JavaScript by other platforms |
| US8819539B1 (en) | 2007-12-03 | 2014-08-26 | Appcelerator, Inc. | On-the-fly rewriting of uniform resource locators in a web-page |
| US8806431B1 (en) | 2007-12-03 | 2014-08-12 | Appecelerator, Inc. | Aspect oriented programming |
| US8756579B1 (en) | 2007-12-03 | 2014-06-17 | Appcelerator, Inc. | Client-side and server-side unified validation |
| US8527860B1 (en) | 2007-12-04 | 2013-09-03 | Appcelerator, Inc. | System and method for exposing the dynamic web server-side |
| US8938491B1 (en) | 2007-12-04 | 2015-01-20 | Appcelerator, Inc. | System and method for secure binding of client calls and server functions |
| US8285813B1 (en) | 2007-12-05 | 2012-10-09 | Appcelerator, Inc. | System and method for emulating different user agents on a server |
| US8639743B1 (en) | 2007-12-05 | 2014-01-28 | Appcelerator, Inc. | System and method for on-the-fly rewriting of JavaScript |
| US8335982B1 (en) | 2007-12-05 | 2012-12-18 | Appcelerator, Inc. | System and method for binding a document object model through JavaScript callbacks |
| US8555193B2 (en) * | 2008-01-17 | 2013-10-08 | Google Inc. | System for intelligent automated layout and management of interactive windows |
| US20090199083A1 (en) * | 2008-01-17 | 2009-08-06 | Can Sar | Method of enabling the modification and annotation of a webpage from a web browser |
| US8527868B2 (en) | 2008-02-22 | 2013-09-03 | International Business Machines Corporation | Systems and methods for document annotation |
| US8291079B1 (en) | 2008-06-04 | 2012-10-16 | Appcelerator, Inc. | System and method for developing, deploying, managing and monitoring a web application in a single environment |
| US8880678B1 (en) | 2008-06-05 | 2014-11-04 | Appcelerator, Inc. | System and method for managing and monitoring a web application using multiple cloud providers |
| US7596620B1 (en) | 2008-11-04 | 2009-09-29 | Aptana, Inc. | System and method for developing, deploying, managing and monitoring a web application in a single environment |
| US20100153835A1 (en) * | 2008-12-17 | 2010-06-17 | Business Objects, S.A. | Linking annotations to document objects |
| US9542484B2 (en) * | 2009-09-29 | 2017-01-10 | Sap Se | Updating ontology while maintaining document annotations |
| US8699073B2 (en) * | 2011-04-08 | 2014-04-15 | Sundaram Natarajan | Cloud and HTML based fax and document management system |
| US8958109B2 (en) * | 2011-04-08 | 2015-02-17 | Sundaram Natarajan | Cloud and HTML based document management and creation system |
| US9781388B2 (en) * | 2012-05-28 | 2017-10-03 | Samsung Electronics Co., Ltd. | Method and system for enhancing user experience during an ongoing content viewing activity |
| US10152467B2 (en) * | 2012-08-13 | 2018-12-11 | Google Llc | Managing a sharing of media content among client computers |
| US10331777B2 (en) | 2013-12-31 | 2019-06-25 | Barnes & Noble College Booksellers, Llc | Merging annotations of paginated digital content |
| US9424241B2 (en) * | 2013-12-31 | 2016-08-23 | Barnes & Noble College Booksellers, Llc | Annotation mode including multiple note types for paginated digital content |
| US10114810B2 (en) | 2014-12-01 | 2018-10-30 | Workiva Inc. | Methods and a computing device for maintaining comments and graphical annotations for a document |
| US20160155091A1 (en) * | 2014-12-01 | 2016-06-02 | Workiva Inc. | Methods and a computing device for maintaining comments for a document |
Family Cites Families (13)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US6678864B1 (en) * | 1992-02-25 | 2004-01-13 | Irving Tsai | Method and apparatus for linking designated portions of a received document image with an electronic address |
| US6081829A (en) * | 1996-01-31 | 2000-06-27 | Silicon Graphics, Inc. | General purpose web annotations without modifying browser |
| US6956593B1 (en) * | 1998-09-15 | 2005-10-18 | Microsoft Corporation | User interface for creating, viewing and temporally positioning annotations for media content |
| US6917965B2 (en) * | 1998-09-15 | 2005-07-12 | Microsoft Corporation | Facilitating annotation creation and notification via electronic mail |
| US6687878B1 (en) * | 1999-03-15 | 2004-02-03 | Real Time Image Ltd. | Synchronizing/updating local client notes with annotations previously made by other clients in a notes database |
| US7028267B1 (en) * | 1999-12-07 | 2006-04-11 | Microsoft Corporation | Method and apparatus for capturing and rendering text annotations for non-modifiable electronic content |
| US7490292B2 (en) * | 1999-12-17 | 2009-02-10 | International Business Machines Corporation | Web-based instruction |
| AU2001238354A1 (en) * | 2000-02-18 | 2001-08-27 | The University Of Maryland | Methods for the electronic annotation, retrieval, and use of electronic images |
| US20050060162A1 (en) * | 2000-11-10 | 2005-03-17 | Farhad Mohit | Systems and methods for automatic identification and hyperlinking of words or other data items and for information retrieval using hyperlinked words or data items |
| US6928425B2 (en) * | 2001-08-13 | 2005-08-09 | Xerox Corporation | System for propagating enrichment between documents |
| JP3771831B2 (ja) * | 2001-11-01 | 2006-04-26 | インターナショナル・ビジネス・マシーンズ・コーポレーション | デジタル・コンテンツに付加されるアノテーション情報を共有するためのコンピュータ・システムおよびプログラム |
| US7143344B2 (en) * | 2002-06-12 | 2006-11-28 | Microsoft Corporation | Transformation stylesheet editor |
| JP4136634B2 (ja) * | 2002-12-10 | 2008-08-20 | キヤノン株式会社 | 文書処理装置及び方法 |
-
2004
- 2004-01-07 JP JP2004002525A patent/JP2005196504A/ja active Pending
- 2004-07-07 US US10/886,657 patent/US20050198202A1/en not_active Abandoned
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP2007219876A (ja) * | 2006-02-17 | 2007-08-30 | Nippon Telegr & Teleph Corp <Ntt> | 閲覧画面再利用装置、閲覧画面再利用プログラム、及び記録媒体 |
| JP2009271887A (ja) * | 2008-05-12 | 2009-11-19 | Yahoo Japan Corp | コメント表示システム、その方法、管理サーバおよびプログラム |
| WO2016151921A1 (ja) * | 2015-03-26 | 2016-09-29 | 株式会社ミスミグループ本社 | 電子書籍の閲覧支援方法及び閲覧支援用プログラム |
| CN107430608A (zh) * | 2015-03-26 | 2017-12-01 | 株式会社米思米集团总公司 | 电子书籍的阅览辅助方法和阅览辅助用程序 |
| JPWO2016151921A1 (ja) * | 2015-03-26 | 2018-01-18 | 株式会社ミスミグループ本社 | 電子書籍の閲覧支援方法及び閲覧支援用プログラム |
Also Published As
| Publication number | Publication date |
|---|---|
| US20050198202A1 (en) | 2005-09-08 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| JP2005196504A (ja) | クライアントコンピュータに付箋機能を与えて、付箋によるコミュニケーションを可能にするシステム | |
| US6882825B2 (en) | System and method for providing help/training content for a web-based application | |
| Devedžic | Semantic web and education | |
| US20030222900A1 (en) | Computer assisted and/or implemented process and system for selecting, storing, and retrieving slides and slidekits, including to a personal folder, for healthcare providers | |
| US20070074167A1 (en) | Systems and methods for testing application accessibility | |
| US7337159B2 (en) | System and method for sharing of expert knowledge | |
| US8239754B1 (en) | System and method for annotating data through a document metaphor | |
| US20050177574A1 (en) | Electronic course generation systems and methods | |
| McClements et al. | Writing Web page standards | |
| Mellone et al. | Applying best practices in web site redesign: the Queens College Libraries experience | |
| Miner et al. | Math on the Web: A Status Report. | |
| US20020150867A1 (en) | System and method for generating a directory structure in an on-line web environment | |
| Chen | Design and development of a prototype electronic textbook for teacher education | |
| JP2000076289A (ja) | ビジターに提示する閲覧画面にビジター毎の備忘印を付けるサービスに特徴を有するｗｗｗサーバー | |
| US20230359460A1 (en) | Interactive documentation pages for software products and features | |
| Slemons | Design Standards for LibGuides: Does Better Design Lead to Greater Use? | |
| Ryan et al. | HTML and Web Site Design for the Radiologist: A Primer | |
| Newton et al. | Developing a WWW Resource Centre for Acquiring and Accessing Open Learning Materials on Research Methods (ReMOTE). | |
| Chignell et al. | Developing usable online information for a Web authoring tool | |
| Parker | Staying Relevant in a Competitive World: Using the SAS Output Delivery System to Enhance, Customize, and Render Reports | |
| Tulip | An AJAX-based Event Calendar for a Course Management System | |
| Peri | An AJAX-based communication among users of a course management system | |
| Jalota | Design Your Web World | |
| Balke | Overdue for an overhaul: the redesign of Durham county public library's web site | |
| Ho | Design of the user interface for a document browser supporting interactive search |