知財求人 - 知財ポータルサイト「IP Force」
(19)【発行国】日本国特許庁(JP)
(12)【公報種別】公表特許公報(A)
(11)【公表番号】
(43)【公表日】2024-12-24
(54)【発明の名称】グラフィック設計システムのためのコメント特徴
(51)【国際特許分類】
G06F 3/04817 20220101AFI20241217BHJP
【ＦＩ】
G06F3/04817
【審査請求】未請求
【予備審査請求】未請求
(21)【出願番号】P 2024528484
(86)(22)【出願日】2022-11-16
(85)【翻訳文提出日】2024-07-10
(86)【国際出願番号】 US2022050134
(87)【国際公開番号】W WO2023091506
(87)【国際公開日】2023-05-25
(31)【優先権主張番号】63/280,140
(32)【優先日】2021-11-16
(33)【優先権主張国・地域又は機関】US
(31)【優先権主張番号】17/988,563
(32)【優先日】2022-11-16
(33)【優先権主張国・地域又は機関】US
(81)【指定国・地域】
【公序良俗違反の表示】
（特許庁注：以下のものは登録商標）
１．ＪＡＶＡＳＣＲＩＰＴ
(71)【出願人】
【識別番号】524179765
【氏名又は名称】フィグマ、インコーポレイテッド
(74)【代理人】
【識別番号】110000855
【氏名又は名称】弁理士法人浅村特許事務所
(72)【発明者】
【氏名】ハッサン、ライハン
(72)【発明者】
【氏名】サイモン、クリスタ
(72)【発明者】
【氏名】パブル、トーマス ジョン
(72)【発明者】
【氏名】ハリス、マイケル
(72)【発明者】
【氏名】ガマチェ、ミーガン
【テーマコード（参考）】
5E555
【Ｆターム（参考）】
5E555AA24
5E555AA76
5E555BA78
5E555BB02
5E555BB04
5E555BC18
5E555BC19
5E555BD09
5E555DB18
5E555DB25
5E555DB41
5E555DC09
5E555FA00
(57)【要約】
コンピュータ・システム及び方法が、キャンバス上に１つ又は複数のコメント特徴を生成し、各コメント特徴は、所与のソースからの少なくとも１つのコメントを搬送する。各コメント特徴は、ピン構成要素とコメント本文要素とを含むことができる。ピン構成要素は、キャンバス上の対応するロケーションに関連付けられる。本コンピュータ・システム及び本方法は、ユーザが、キャンバスの対応する関連付けられたロケーションと一致するようにピン構成要素をレンダリングしながら、所与のソースからの少なくとも１つのコメントを閲覧するためにキャンバスの少なくとも領域の周りでコメント本文要素を移動することを可能にする。
【特許請求の範囲】
【請求項1】
命令のセットを記憶するためのメモリ・サブシステムと、命令の前記セットを１つ又は複数のユーザ・デバイスに通信するように動作可能である１つ又は複数のプロセッサであって、命令の前記セットは、前記１つ又は複数のデバイスの各々によって実行されたとき、前記１つ又は複数のデバイスに、
グラフィック設計を含むキャンバス上にレンダリングされる１つ又は複数のコメント特徴を生成することであって、各コメント特徴が、所与のソースからの少なくとも１つのコメントを搬送し、各コメント特徴が、ピン構成要素とコメント本文要素とを含む、生成することと、
各コメント特徴の前記ピン構成要素を前記キャンバス上の対応するロケーションに関連付けることと、
ユーザが、前記グラフィック設計を更新するための入力をコンカレントに提供しながら、前記キャンバス上にレンダリングされるコメント本文要素と対話することを可能にすることと
を含む動作を実施させる、命令を含む、１つ又は複数のプロセッサと
を備える、ネットワーク・コンピュータ・システム。
【請求項2】
前記キャンバス上の前記対応するロケーションが、前記グラフィック設計の設計要素に対応する、請求項１に記載のネットワーク・コンピュータ・システム。
【請求項3】
前記キャンバス上の前記対応するロケーションが、ユーザ入力によって指定された、前記キャンバスの領域に対応する、請求項１に記載のネットワーク・コンピュータ・システム。
【請求項4】
前記キャンバス上の前記対応するロケーションが、前記キャンバスの座標である、請求項１に記載のネットワーク・コンピュータ・システム。
【請求項5】
前記動作は、前記ユーザが、前記キャンバスの前記対応する関連付けられたロケーションと一致するように前記ピン構成要素をレンダリングしながら、前記所与のソースからの前記少なくとも１つのコメントを閲覧するために前記キャンバスの少なくとも領域の周りで前記コメント本文要素を移動することを可能にすることを含む、請求項１に記載のネットワーク・コンピュータ・システム。
【請求項6】
各コメント特徴のコメント本文が、閲覧済み状態と未閲覧状態とを含む、複数の状態のうちの１つにおいてレンダリング可能である、請求項１に記載のネットワーク・コンピュータ・システム。
【請求項7】
各コメント特徴の前記コメント本文要素が、未閲覧状態における１つ、前記キャンバスの少なくとも領域の周りで移動可能である、請求項１に記載のネットワーク・コンピュータ・システム。
【請求項8】
各コメント特徴の前記ピン構成要素が、前記コメント本文中で提供される少なくとも１つのコメントのソースの視覚インジケータを提供する、請求項１に記載のネットワーク・コンピュータ・システム。
【請求項9】
前記視覚インジケータが、前記コメント本文中で提供される前記少なくとも１つのコメントを作成したユーザの画像を含む、請求項８に記載のネットワーク・コンピュータ・システム。
【請求項10】
前記１つ又は複数のコメント特徴が、複数のソースからのコメントを搬送する少なくとも第１のコメント特徴を含み、前記第１のコメント特徴の前記コメント本文要素は、複数のコメントの各々が閲覧されることを可能にするようにレンダリング可能である、請求項１に記載のネットワーク・コンピュータ・システム。
【請求項11】
命令を記憶する非一時的コンピュータ可読媒体であって、前記命令は、コンピュータ・システムの１つ又は複数のプロセッサによって実行されたとき、前記コンピュータ・システムに、グラフィック設計を含むキャンバス上にレンダリングされる１つ又は複数のコメント特徴を生成することであって、各コメント特徴が、所与のソースからの少なくとも１つのコメントを搬送し、各コメント特徴が、ピン構成要素とコメント本文要素とを含む、生成することと、
各コメント特徴の前記ピン構成要素を前記キャンバス上の対応するロケーションに関連付けることと、
ユーザが、前記グラフィック設計を更新するための入力をコンカレントに提供しながら、前記キャンバス上にレンダリングされるコメント本文要素と対話することを可能にすることと
を含む動作を実施させる、非一時的コンピュータ可読媒体。
【請求項12】
前記キャンバス上の前記対応するロケーションが、前記グラフィック設計の設計要素に対応する、請求項１１に記載の非一時的コンピュータ可読媒体。
【請求項13】
前記キャンバス上の前記対応するロケーションが、ユーザ入力によって指定された、前記キャンバスの領域に対応する、請求項１１に記載の非一時的コンピュータ可読媒体。
【請求項14】
前記キャンバス上の前記対応するロケーションが、前記キャンバスの座標である、請求項１１に記載の非一時的コンピュータ可読媒体。
【請求項15】
前記動作は、前記ユーザが、前記キャンバスの前記対応する関連付けられたロケーションと一致するように前記ピン構成要素をレンダリングしながら、前記所与のソースからの前記少なくとも１つのコメントを閲覧するために前記キャンバスの少なくとも領域の周りで前記コメント本文要素を移動することを可能にすることを含む、請求項１１に記載の非一時的コンピュータ可読媒体。
【請求項16】
各コメント特徴のコメント本文が、閲覧済み状態と未閲覧状態とを含む、複数の状態のうちの１つにおいてレンダリング可能である、請求項１１に記載の非一時的コンピュータ可読媒体。
【請求項17】
各コメント特徴の前記コメント本文要素が、未閲覧状態における１つ、前記キャンバスの少なくとも前記領域の周りで移動可能である、請求項１１に記載の非一時的コンピュータ可読媒体。
【請求項18】
各コメント特徴の前記ピン構成要素が、前記コメント本文中で提供される少なくとも１つのコメントのソースの視覚インジケータを提供する、請求項１１に記載の非一時的コンピュータ可読媒体。
【請求項19】
前記視覚インジケータが、前記コメント本文中で提供される前記少なくとも１つのコメントを作成したユーザの画像を含む、請求項１８に記載の非一時的コンピュータ可読媒体。
【請求項20】
ネットワーク・コンピュータ・システムを動作させるためのコンピュータ実装方法であって、前記方法は、１つ又は複数のプロセッサによって実装され、キャンバス上に１つ又は複数のコメント特徴を生成することであって、各コメント特徴が、所与のソースからの少なくとも１つのコメントを搬送し、各コメント特徴が、ピン構成要素とコメント本文要素とを含む、生成することと、
各コメント特徴の前記ピン構成要素を前記キャンバス上の対応するロケーションに関連付けることと、
ユーザが、前記キャンバスの前記対応する関連付けられたロケーションと一致するように前記ピン構成要素をレンダリングしながら、前記所与のソースからの前記少なくとも１つのコメントを閲覧するために前記キャンバスの少なくとも領域の周りで前記コメント本文要素を移動することを可能にすることと
を含む、コンピュータ実装方法。
【発明の詳細な説明】
【技術分野】
【0001】
本出願は、（ｉ）２０２２年１１月１６日に出願された米国特許出願第１７／９８８，５６３号及び（ｉｉ）２０２１年１１月１６日に出願された仮米国特許出願第６３／２８０，１４０号の各々の優先権の利益を主張し、上述の優先権出願は、それらの全体が参照により本明細書に組み込まれる。
【背景技術】
【0002】
ソフトウェア設計ツールは、多くの形態及びアプリケーションを有する。アプリケーション・ユーザ・インターフェースの領域では、たとえば、ソフトウェア設計ツールは、設計者が、プログラムの機能的態様を、美しさ、さらには法的要件と調和させることを必要とし、アプリケーションのユーザ・インターフェースを形成するページの集合を生じる。所与のアプリケーションについて、設計者は、しばしば、追跡することが困難である多くの目的及び要件を有する。
【0003】
グラフィック設計の分野では、ユーザは、しばしば、たとえば、アプリケーション・インターフェースの挙動を定義する、詳細なグラフィック設計を作成する。その設計は、キャンバス上で形成され、ユーザ・インターフェースの様々な機能的及び装飾的態様を表す多数の設計要素を含んでいることがある。有意味なやり方で設計態様についてコメントするために、ユーザは、一般に、コメントを、そのコメントが関係する設計の部分の近くに配置する必要がある。従来の手法の下で、ユーザは、しばしば、そのようなグラフィック設計のためのコメントを、グラフィック設計の一部になるテキスト・ボックスと、設計ユーザが完了の前に手動で除去しなければならない何かとを使用して、提供する。
【図面の簡単な説明】
【0004】
【図1A】１つ又は複数の実施例による、ユーザのコンピューティング・デバイスのための対話型グラフィック設計システムを示す図である。
【図1B】１つ又は複数の実施例による、ユーザ・コンピューティング・デバイス上に対話型グラフィック設計システムを実装するためのネットワーク・コンピューティング・システムを示す図である。
【図1C】１つ又は複数の実施例による、共同的（ｃｏｌｌａｂｏｒａｔｉｖｅ）環境において複数のユーザのための対話型グラフィック設計システムを実装するためのネットワーク・コンピューティング・システムを示す図である。
【図2】１つ又は複数の実施例による、グラフィック設計のためのコメント特徴を作成するための例示的な方法を示す図である。
【図3】１つ又は複数の実施例による、コメント構成要素を示す図である。
【図4A】１つ又は複数の実施例による、コメント特徴がキャンバス上にレンダリングされる、例示的なインターフェースを示す図である。
【図4B】１つ又は複数の実施例による、コメント特徴がキャンバス上にレンダリングされる、例示的なインターフェースを示す図である。
【図4C】１つ又は複数の実施例による、コメント特徴がキャンバス上にレンダリングされる、例示的なインターフェースを示す図である。
【図4D】１つ又は複数の実施例による、コメント特徴がキャンバス上にレンダリングされる、例示的なインターフェースを示す図である。
【図4E】１つ又は複数の実施例による、コメント特徴がキャンバス上にレンダリングされる、例示的なインターフェースを示す図である。
【図4F】１つ又は複数の実施例による、コメント特徴が提供され、そのコメント特徴が、複数の共同するユーザによって提供されるコンテンツを含む、例示的なインターフェースを示す図である。
【図4G】１つ又は複数の実施例による、コメント特徴が提供され、そのコメント特徴が、複数の共同するユーザによって提供されるコンテンツを含む、例示的なインターフェースを示す図である。
【図4H】１つ又は複数の実施例による、コメント特徴が提供され、そのコメント特徴が、複数の共同するユーザによって提供されるコンテンツを含む、例示的なインターフェースを示す図である。
【図4I】１つ又は複数の実施例による、コメント特徴が提供され、そのコメント特徴が、複数の共同するユーザによって提供されるコンテンツを含む、例示的なインターフェースを示す図である。
【図4J】１つ又は複数の実施例による、コメント特徴が提供され、そのコメント特徴が、複数の共同するユーザによって提供されるコンテンツを含む、例示的なインターフェースを示す図である。
【図4K】１つ又は複数の実施例による、例示的なクラスタリング・コメント特徴を示す図である。
【図4L】１つ又は複数の実施例による、キャンバス中に又は特定の設計に関して、出現するコメントをレンダリングするために提供され得る例示的なコメント・サイドバーを示す図である。
【図4M】１つ又は複数の実施例による、コメント・サイドバーとともに、編集中のグラフィック設計の例示的なシミュレーション（又は「プロトタイプ」）レンダリングを示す図である。
【図4N】１つ又は複数の実施例による、コメント特徴が提供される例示的なインターフェースを示す図である。
【図5】１つ又は複数の実施例が実装され得る、コンピュータ・システムを示す図である。
【図6】説明されるように、１つ又は複数の実例とともに使用するためのユーザ・コンピューティング・デバイスを示す図である。
【発明を実施するための形態】
【0005】
コンピュータ・システム及び方法が、キャンバス上に１つ又は複数のコメント特徴を生成し、各コメント特徴は、所与のソースからの少なくとも１つのコメントを搬送する。各コメント特徴は、ピン構成要素とコメント本文とを含むことができる。ピン構成要素は、キャンバス上の対応するロケーションに関連付けられる。本コンピュータ・システム及び本方法は、ユーザが、キャンバスの対応する関連付けられたロケーションと一致するようにピン構成要素をレンダリングしながら、所与のソースからの少なくとも１つのコメントを閲覧するためにキャンバスの少なくとも領域（ｒｅｇｉｏｎ）の周りでコメント本文を移動することを可能にする。
【0006】
技術的利点の中でも、説明されるような実施例は、ユーザが、キャンバスのピン・ロケーションにリンクされ得る対話型及び機能的コメント特徴を生成することを可能にして、レビュー者が、コメントと、そのコメントが関係する設計要素又は態様とを容易に閲覧することを可能にする。したがって、実例では、ユーザが、同時に、コメント特徴、及びグラフィック設計の設計要素と対話することができる、少なくとも第１のモードにおいて動作することができる、グラフィック設計システムが提供される。いくつかの実例では、すべてのコメントが隠され得る第２のモードにおいてのものを含む、追加のモードにおいて動作することができる、グラフィック設計システムが提供される。その上、コメント特徴がグラフィック設計上に提供される実例では、コメント特徴は、解説を隠し、それにより、コメント特徴の存在を最小化し得る、ピン構成要素によって表される。
【0007】
実施例は、さらに、グラフィック設計が本質的に乱雑であることを認識する。たとえば、共同的環境において、あるユーザによってグラフィック設計に対して行われた変更は、別のユーザによって見つけるのが困難であり得る。実施例は、コメント特徴をピン構成要素として表示するグラフィック設計システムを提供し、ここで、コメントは可視でなく、ピン構成要素の視覚的態様が、そのコメント特徴に関係する変更を反映するように調整される。たとえば、コメント特徴のためのピン構成要素は、コメント特徴が新規、更新済み又は未解決であることを反映するように調整され得る。そのような視覚キューは、ユーザに、ユーザの注意がキャンバス上のどこで必要とされ得るかを通知することができる。
【0008】
本明細書で説明される１つ又は複数の実施例は、コンピューティング・デバイスによって実施される方法、技法、及びアクションが、プログラム的に、又はコンピュータ実装方法として実施されることを可能にする。本明細書で使用される、プログラム的に、は、コード又はコンピュータ実行可能命令の使用によって、を意味する。これらの命令は、コンピューティング・デバイスの１つ又は複数のメモリ・リソースに記憶され得る。プログラム的に実施されるステップは、自動であることも自動でないこともある。
【0009】
本明細書で説明される１つ又は複数の実施例は、プログラム的モジュール、エンジン、又は構成要素を使用して実装され得る。プログラム的モジュール、エンジン、又は構成要素は、１つ又は複数の述べられたタスク又は機能を実施することが可能な、プログラム、サブルーチン、プログラムの一部分、或いはソフトウェア構成要素又はハードウェア構成要素を含むことができる。本明細書で使用される、モジュール又は構成要素は、他のモジュール又は構成要素とは無関係にハードウェア構成要素上に存在することができる。代替的に、モジュール又は構成要素は、他のモジュール、プログラム又は機械の共有される要素又は処理であり得る。
【0010】
本明細書で説明されるいくつかの実施例は、概して、処理リソース及びメモリ・リソースを含む、コンピューティング・デバイスの使用を必要とすることがある。たとえば、本明細書で説明される１つ又は複数の実施例は、全部又は一部、サーバ、デスクトップ・コンピュータ、セルラー又はスマートフォン、タブレット、ウェアラブル電子デバイス、ラップトップ・コンピュータ、プリンタ、デジタル・ピクチャ・フレーム、ネットワーク機器（たとえば、ルータ）及びタブレット・デバイスなど、コンピューティング・デバイス上に実装され得る。メモリ・リソース、処理リソース、及びネットワーク・リソースは、すべて、（任意の方法の実施に関連して、又は任意のシステムの実装に関連して、を含む）本明細書で説明される任意の実施例の、確立、使用、又は実施に関連して使用され得る。
【0011】
さらに、本明細書で説明される１つ又は複数の実施例は、１つ又は複数のプロセッサによって実行可能である命令の使用によって実装され得る。これらの命令は、コンピュータ可読媒体上で搬送され得る。以下で図とともに示される又は説明される機械は、本発明の実施例を実装するための命令が搬送及び／又は実行され得る処理リソース及びコンピュータ可読媒体の実例を提供する。特に、本発明の実施例とともに示される多数の機械は、（１つ又は複数の）プロセッサと、データ及び命令を保持するためのメモリの様々な形態とを含む。コンピュータ可読媒体の実例は、パーソナル・コンピュータ又はサーバ上のハード・ドライブなど、永続的メモリ記憶デバイスを含む。コンピュータ記憶媒体の他の実例は、ＣＤ又はＤＶＤユニット、（スマートフォン、多機能デバイス又はタブレット上で搬送されるなどの）フラッシュ・メモリ、及び磁気メモリなど、ポータブル記憶ユニットを含む。コンピュータ、端末、ネットワーク対応デバイス（たとえば、セル・フォンなど、モバイル・デバイス）は、すべて、コンピュータ可読媒体に記憶されたプロセッサ、メモリ、及び命令を利用する機械及びデバイスの実例である。さらに、実施例は、コンピュータプログラム、又はそのようなプログラムを搬送することが可能なコンピュータ使用可能キャリア媒体の形態で、実装され得る。
【0012】
グラフィック設計システム
【0013】
図１Ａは、１つ又は複数の実例による、ユーザのコンピューティング・デバイスのための対話型グラフィック設計システムを示す。対話型グラフィック設計システム（「ＩＧＤＳ」：ｉｎｔｅｒａｃｔｉｖｅ ｇｒａｐｈｉｃ ｄｅｓｉｇｎ ｓｙｓｔｅｍ）１００が、複数の異なるコンピューティング環境のいずれか１つにおいて実装され得る。たとえば、いくつかの変形形態では、ＩＧＤＳ１００は、様々な実例とともに説明される機能性を提供するために、ユーザ・コンピューティング・デバイス１０上で実行するクライアント側アプリケーションとして実装され得る。図１Ｂ及び図１Ｃとともに説明されるような、他の実例では、ＩＧＤＳ１００は、ウェブベース・アプリケーション８０の使用によって実装され得る。図１とともに説明されるような、追加又は代替として、ＩＧＤＳ１００は、分散型システムとして実装され得、したがって、様々な実例とともに説明されるプロセスが、ネットワーク・コンピュータ（たとえば、サーバ）上で、及びユーザ・デバイス１０上で実行する。
【0014】
実例によれば、ＩＧＤＳ１００は、対応するユーザが、グラフィカル要素を使用して様々なタイプのインターフェースを設計することを可能にするために、ユーザ・コンピューティング・デバイス１０上に実装され得る。ＩＧＤＳ１００は、コンピューティング・デバイス１０上にインストールされるウェブベース・アプリケーション８０として又はそれを通して実行するプロセスを含むことができる。様々な実例によって説明されるように、ウェブベース・アプリケーション８０は、ＩＧＤＳ１００の機能性を実装するために、スクリプト、コード及び／又は他の論理（「プログラム的構成要素」）を実行することができる。さらに、いくつかの変形形態では、ＩＧＤＳ１００は、ウェブベース・アプリケーション８０が、ＩＧＤＳ１００のプロセスを実行するために、１つ又は複数のリモート・コンピュータ（たとえば、ネットワーク・サービスのために使用されるサーバ）と通信する、ネットワーク・サービスの一部として実装され得る。
【0015】
いくつかの実例では、ウェブベース・アプリケーション８０は、ＩＧＤＳ１００を実装するためのプログラム的リソースの一部又は全部をネットワーク・サイトから取り出す。追加又は代替として、ウェブベース・アプリケーション８０は、プログラム的リソースの一部又は全部を、ローカル・ソース（たとえば、コンピューティング・デバイス１０とともに常駐するローカル・メモリ）から取り出すことができる。ウェブベース・アプリケーション８０はまた、ＩＧＤＳ１００を提供する際に、様々なタイプのデータ・セットにアクセスし得る。データ・セットは、（たとえば、アカウントに関連して、サーバ上に）リモートで又はローカルに記憶され得る、ファイル及びライブラリに対応することができる。データ・セットはまた、以下で説明されるように、コメント記録とコメント記録データ・ストアとを含むことができる。
【0016】
実例では、ウェブベース・アプリケーション８０は、市販のブラウザに対応することができる。そのような実例では、ＩＧＤＳ１００のプロセスは、ウェブベース・アプリケーション８０がネットワーク・サイトからダウンロードするスクリプト及び／又は他の埋込みコードとして実装され得る。たとえば、ウェブベース・アプリケーション８０は、ＩＧＤＳ１００のプロセスを実装するために、ウェブページ内に埋め込まれたコードを実行することができる。ウェブベース・アプリケーション８０はまた、それらのスクリプトを実行して、他のスクリプト及びプログラム的リソース（たとえば、ライブラリ）を、ネットワーク・サイト及び／或いは他のローカル・ロケーション又はリモート・ロケーションから取り出すことができる。実例として、ウェブベース・アプリケーション８０は、ＨＴＭＬリソース（たとえば、Ｗ３Ｃ又はＷＨＡＴＷＧコンソーシアムによって公開された規格の下で提供される、ＨＴＭＬ５．０又は他のバージョンに従って構造化されたウェブ・ページ）中に埋め込まれた、ＪＡＶＡＳＣＲＩＰＴを実行し得る。いくつかの実例では、レンダリング・エンジン１２０及び／又は他の構成要素は、グラフィックス処理ユニット（ＧＰＵ：ｇｒａｐｈｉｃｓ ｐｒｏｃｅｓｓｉｎｇ ｕｎｉｔ）上で実行するグラフィックス・ライブラリ・シェーダ言語（ＧＬＳＬ：Ｇｒａｐｈｉｃｓ Ｌｉｂｒａｒｙ Ｓｈａｄｅｒ Ｌａｎｇｕａｇｅ）プログラムを実行するＷｅｂＧＬ（ウェブ・グラフィックス・ライブラリ）プログラムを通して提供されるものなど、ＧＰＵ加速論理を利用し得る。
【0017】
実例によれば、コンピューティング・デバイス１０のユーザは、ＩＧＤＳ１００を実装するためにプログラム的リソースが取り出され、実行される、ネットワーク・サイトにアクセスするために、ウェブベース・アプリケーション８０を動作させる。このようにして、ユーザは、設計インターフェースを作成及び／又は編集する目的で、ＩＧＤＳ１００を実装するためのセッションを始動し得る。実例では、ＩＧＤＳ１００は、プログラム・インターフェース１０２と、入力インターフェース１１８と、レンダリング・エンジン１２０とを含む。プログラム・インターフェース１０２は、プログラム的リソースにアクセスし、それをローカル及び／又はリモート・ソースから取り出すために実行する、１つ又は複数のプロセスを含むことができる。
【0018】
一実装形態では、プログラム・インターフェース１０２は、たとえば、ウェブベース・アプリケーション８０に関連付けられたプログラム的リソースを使用して、キャンバス１２２（たとえば、ＨＴＭＬ５．０キャンバス）を生成することができる。追加又は変形形態として、プログラム・インターフェース１０２はローカル・ソース（たとえば、メモリ）、又は（たとえば、ネットワーク・サービスからの）リモート・ソースから取り出されるプログラム的リソース及びデータ・セット（たとえば、キャンバス・パラメータ）を使用して生成されるようにキャンバス１２２をトリガするか又はさもなければキャンバス１２２がそのように生成されることを引き起こすことができる。
【0019】
プログラム・インターフェース１０２はまた、キャンバス１２２とともに使用するためのアプリケーション・フレームワークを含むプログラム的リソースを取り出し得る。アプリケーション・フレームワークは、ユーザが設計インターフェースを作成及び／又は編集するための入力を提供することを可能にするために、たとえば、キャンバス１２２と統合し、入力インターフェース１１８を備える、対話型グラフィック・ツールのセットを定義又は構成するデータ・セットを含むことができる。
【0020】
いくつかの実例によれば、入力インターフェース１１８は、ユーザ入力を検出及び解釈するためにキャンバス１２２と統合された機能的レイヤとして実装され得る。入力インターフェース１１８は、たとえば、ユーザ入力（たとえば、「クリック」）のスクリーン・ロケーションを識別するためにキャンバス１２２の参照を使用することができる。さらに、入力インターフェース１１８は、検出された入力のロケーション（たとえば、入力の位置が、ツール、キャンバス又はキャンバスの領域上にレンダリングされたオブジェクトの、選択を示すかどうか）、所与の時間期間における検出された入力の頻度（たとえば、ダブルクリック）、並びに／或いは入力又は一連の入力の開始位置及び終了位置（たとえば、クリック＆ドラッグの開始位置及び終了位置）の他に、ユーザが、１つ又は複数の入力デバイスを通して指定することができる様々な他の入力タイプ（たとえば、右クリック、スクリーンタップなど）に基づいて、ユーザの入力アクションを解釈することができる。このようにして、入力インターフェース１１８は、たとえば、一連の入力を、設計ツール選択（たとえば、入力のロケーションに基づく形状選択）として、並びに、選択された形状の属性（たとえば、寸法）を定義するための入力として、解釈することができる。
【0021】
さらに、プログラム・インターフェース１０２は、ローカル又はリモート・ソースから、ユーザのためのアクティブ作業空間を備えるファイル１０１を含む、プログラム的リソース及びデータ・セットを取り出すために使用され得る。取り出されたデータ・セットは、グラフィック設計１２５（又は進行中の設計インターフェース）を集合的に形成する設計要素を含むことができる。各ファイル１０１は、グラフィック設計１２５を集合的に定義する、（「ＤＳＲ１１１」として示される）１つ又は複数のＤＳＲ表現１１１を含むことができる。いくつかの実例とともにより詳細に説明されるように、ＤＳＲ表現１１１は、ドキュメント・オブジェクト・モデル（ＤＯＭ：ｄｏｃｕｍｅｎｔ ｏｂｊｅｃｔ ｍｏｄｅｌ）を含むことができる。ファイル１０１はまた、アクティブ作業空間に関連付けられた追加のデータ・セットを含み得る。たとえば、いくつかの実例とともに説明されるように、作業空間ファイルは、レンダリング・エンジン１２０によってコメント特徴１３５としてレンダリングされ得る、コメント記録１３３を記憶することができる。
【0022】
実例では、レンダリング・エンジン１２０は、ＤＳＲ表現１１１を使用して、キャンバス１２２上で対応するグラフィック設計１２５をレンダリングし、グラフィック設計１２５は、ファイル１０１の個々のページとともに提供される、設計要素とそれらのそれぞれの属性とを反映する。ユーザは、入力インターフェース１１８を使用してグラフィック設計１２５を編集することができる。代替的に、レンダリング・エンジン１２０は、キャンバス１２２のためのブランク・ページを生成することができ、ユーザは、入力インターフェース１１８を使用して、グラフィック設計１２５を生成することができる。レンダリングされるとき、グラフィック設計１２５は、オブジェクトのセットなどの設計要素（たとえば、形状、テキスト、画像、プログラム的要素）、並びに個々の設計要素の属性を含むことができる。設計要素の各属性は、属性タイプと属性値とを含むことができる。オブジェクトの場合、属性のタイプは、形状、寸法（又はサイズ）、レイヤ、タイプ、色、線の太さ、テキスト・サイズ、テキスト色、フォント、及び／又は他の視覚特性を含む。実装形態に応じて、属性は、２次元又は３次元設計の性質を反映する。このようにして、個々のオブジェクトの属性値は、たとえば、グラフィック設計１２５の一部としてレンダリングされる要素のための、サイズ、色、配置、レイヤリング、及びコンテンツの、視覚特性を定義することができる。
【0023】
いくつかの実例とともに説明されるように、入力インターフェース１１８はまた、ユーザがコメント特徴及び記録を作成、更新、編集及び／又は解決、削除することを可能にするためのツールを含むことができる。コメント特徴は、ユーザ指定の入力を搬送及び受信するために、キャンバス１２２上に又はキャンバス１２２にわたって（又はキャンバス１２２とともに）レンダリングされる、対話型ユーザ・インターフェース要素に対応することができる。各コメント特徴は、コメント記録に基づくか又は対応することができる。コメント記録は、ユーザ指定のコメント、並びに、状態値及びソース識別子など、他のデータ・セットを搬送する、構造化されたデータ・セットに対応することができる。グラフィック設計に関連付けられた又はさもなければグラフィック設計とともに提供されるコメント記録は、コメント記録ストアとともに記憶又は維持され得る。
【0024】
いくつかの実例によれば、レンダリング・エンジン１２０は、キャンバス１２２上に（又はキャンバス１２２にわたって）対話型コメント特徴１３５をレンダリングするために、コメント論理１３２を実行する。各コメント特徴１３５は、ユーザ指定のコンテンツをレンダリングする対話型要素に対応することができ、ユーザ入力（たとえば、テキスト入力、リンク、画像、反応、絵文字など）を受信することができる。各コメント特徴１３５は、関連付けられたファイル１０１とともに記憶され得る、コメント記録１３３に対応することができる。レンダリング・エンジン１２０はまた、コメント記録１３３が、キャンバス１２２に隣接するコメント・サイドバー１３８中でなど、構造化された形式又は表形式で別々に閲覧されることを可能にし得る。ユーザは、コメント特徴１３５及び対応するコメント記録１３３を作成するために、入力インターフェース１１８の設計ツールと対話することができる。レンダリング・エンジン１２０はまた、ユーザが、対応するコメント特徴１３５との対話を通して個々のコメント記録１３３を閲覧及び更新することを可能にするように、コメント論理１３２を実装することができる。同様に、レンダリング・エンジン１２０は、コメント記録１３３に基づいて、及び説明される１つ又は複数の実例に従って、コメント特徴１３５をレンダリングすることができる。図１Ａの一実例を参照すると、レンダリング・エンジン１２０はまた、対応するコメント特徴１３５をレンダリングするために、ローカル・データ・ストアからコメント記録１３３を取り出すように、コメント論理１３２を実装することができる。
【0025】
実例では、コメント特徴１３５は、ピン・ロケーションでピン留めされるか、それにリンクされるか、又はさもなければそれに関連付けられ得る。コメント特徴のピン・ロケーションは、キャンバス１２２上にレンダリングされた、特定の設計要素（たとえば、整形された設計要素）と一致することがある。いくつかの実装形態では、コメント特徴１３５が設計要素にピン留めされたとき、コメント特徴１３５（又は対応する記録１３３）への参照が、生成され、ピン留めされた設計要素を識別するＤＳＲ表現１１１内のノード識別子に関連付けられる。その後、設計要素が移動又はリサイズされるとき、コメント特徴は、コメント特徴１３５とピン・ロケーションとの間の相対位置（又は空間関係）を維持するように自動的に移動又は再配置され得る。
【0026】
実例では、各コメント記録１３３は、ソース識別子、１つ又は複数のコメント（たとえば、テキスト、画像データ、リンク、又はユーザによって提供される他のコンテンツ）、及び／又はメタデータを含み、メタデータは、コメントのコンテンツのためのオーサー（ａｕｔｈｏｒ）又はソースのための識別子と、個々のコンテンツ寄与がコメント記録１３３に対して行われたときのタイム・スタンプと、コメントが、解決済み／未解決、及び／又は閲覧済み／未閲覧であるかどうかを示す状態情報とを含む。いくつかの変形形態では、個々のコメント記録１３３は、キャンバス・ロケーション・データを識別することができ、キャンバス・ロケーション・データは、特定のコメントに関連付けられるべきであるキャンバス１２２上のロケーションを識別する。実例とともに説明されるように、キャンバス１２２に対するコメントのロケーションは、（たとえば、Ｘ－Ｙ座標によって識別されるなどの）キャンバス・ロケーション、キャンバスの領域、又は設計要素に対応することができる。
【0027】
レンダリング・エンジン１２０はまた、コメント記録１３３が作成、更新及びレンダリングされ得る、コメント・サイドバー１３８を提供するように、コメント論理１３２を実装することができる。ユーザはまた、コメント記録１３３を閲覧、検索、ソート又はフィルタ処理するために、コメント・サイドバー１３８と対話することができる。いくつかの実例では、コメント・サイドバー１３８は、入力を提供するときにユーザが選択／トグルすることができるモード特徴として実装される。コメント・サイドバー１３８は、ユーザが、コメント（又はコメント記録１３３）のために指定される入力を提供することを可能にするようにトグルされ得る。
【0028】
追加又は変形形態として、コメント・サイドバー１３８は、ユーザが、グラフィック設計１２５を編集することを同時に可能にしながら、ユーザが、コメント記録１３３にアクセスする及び／又はコメント記録１３３を更新することを可能にするために、提供される。いくつかの実例では、コメント・サイドバー１３８は、動作モードを有するように実装され得、個々のコメント記録１３３によって搬送される情報は、ユーザが、グラフィック設計１２５を編集することが可能であると同時に、ユーザによって、閲覧及び作用され得る。
【0029】
実例では、ＩＧＤＳ１００は、ユーザが、グラフィック設計１２５を更新及び編集するためにＩＧＤＳ１００とも対話しながら、キャンバス１２２上にレンダリングされるコメント特徴１３５を閲覧し、それと対話することができる、第１のモードを含む、複数のモードを実装するように動作する。さらに、ユーザがコメント特徴１３５を作成及び編集することを可能にするための追加の対話型要素も、可能にされる。このようにして、ユーザは、ユーザが、ＩＧＤＳ１００のコメント機能性を利用することをも可能にしながら、ＩＧＤＳ１００の入力インターフェース１１８及び機能性（たとえば、サイドバー、キャンバス・ツールなどに関する対話型設計ツール）へのフル・アクセスを有し得る。したがって、たとえば、ユーザは、コメント特徴１３５を閲覧し、それと対話することを同時に行いながら、キャンバスのグラフィック設計１２５と対話して、グラフィック設計に対する編集又は変更を行うことができる。
【0030】
またさらに、実例では、ＩＧＤＳ１００は、コメント特徴の使用を容易にするために、代替モードにおいて動作され得る。実例では、レンダリング・エンジン１２０は、ユーザが、キャンバス１２２上に提供されるコメント特徴を作成し、それと対話することができる、第１のモードにおいて動作するように、コメント論理１３２を実装することができる。さらに、レンダリング・エンジン１２０は、グラフィック設計１２５をクラスタリングしないように、コメント特徴が隠される第２のモードにおいてのものを含む、代替モードにおいて実装され得る。またさらに、代替モードにおいて、レンダリング・エンジン１２０は、新規（又は更新済み）又は未解決であるコメント特徴など、特定の状態を有するコメント特徴を表示するようにレンダリングされ得る。
【0031】
ＩＧＤＳを実装するためのネットワーク・コンピューティング・システム
【0032】
図１Ｂは、１つ又は複数の実例による、ユーザ・コンピューティング・デバイス上に対話型グラフィック設計システムを実装するためのネットワーク・コンピューティング・システムを示す。図１Ｂの一実例とともに説明されるようなネットワーク・コンピューティング・システムが、１つ又は複数のネットワークにわたってユーザ・コンピューティング・デバイスと通信する１つ又は複数のサーバを使用して実装され得る。
【0033】
図１Ｂの一実例では、ネットワーク・コンピューティング・システム１５０は、ＩＧＤＳ１００がユーザ・コンピューティング・デバイス１０上に実装されることを可能にするための動作を実施する。変形形態では、ネットワーク・コンピューティング・システム１５０は、ブラウザ又は他のウェブベース・アプリケーションを利用するユーザ・コンピューティング・デバイスによるＩＧＤＳ１００の使用をサポートするために、ネットワーク・サービス１５２を提供する。ネットワーク・コンピューティング・システム１５０は、ウェブ・リソース１５５のセット（たとえば、ウェブ・ページ）がサイト訪問者のために利用可能にされる、ウェブサイトを管理するためのサイト・マネージャ１５８を含むことができる。ウェブ・リソース１５５は、ユーザ・コンピューティング・デバイスのブラウザ又はウェブ構成要素によって実行可能である、スクリプト又は他の論理（「ＩＧＤＳ命令１５７」）など、命令を含むことができる。
【0034】
いくつかの変形形態では、コンピューティング・デバイス１０が、ウェブ・リソース１５５にアクセスし、それをダウンロードすると、ウェブベース・アプリケーション８０が、図１Ａのいくつかの実例とともに説明されるような機能性を実装するためにＩＧＤＳ命令１５７を実行する。たとえば、ＩＧＤＳ命令１５７は、ユーザ・コンピューティング・デバイス１０上でプログラム・インターフェース１０２を始動するために、ウェブベース・アプリケーション８０によって実行され得る。プログラム・インターフェース１０２の始動は、たとえば、プログラム・インターフェース１０２とネットワーク・コンピューティング・システム１５０のサービス構成要素１６０との間のウェブ・ソケット接続の確立と一致し得る。
【0035】
いくつかの実例では、ウェブ・リソース１５５は、ウェブベース・アプリケーション８０がプログラム・インターフェース１０２の１つ又は複数のプロセスを始動するために実行する、論理を含み、ＩＧＤＳ１００が、実例によって説明されるような機能性を実装するための追加のプログラム的リソース及びデータ・セットを取り出すことを引き起こす。ウェブ・リソース１５５は、たとえば、ユーザのコンピューティング・デバイスによるダウンロードのためのＨＴＭＬページ中に、ＧＰＵ加速論理を含む、論理（たとえば、ＪＡＶＡＳＣＲＩＰＴコード）を埋め込むことができる。プログラム・インターフェース１０２は、ＩＧＤＳ１００を実装するために、たとえば、ネットワーク・サービス１５２から、及び／又はコンピューティング・デバイス１０のローカル・リソースから、追加のプログラム的リソース及びデータ・セットを取り出すようにトリガされ得る。たとえば、ＩＧＤＳ１００の構成要素のうちのいくつかが、認証が実施された後に、及び／又はユーザが追加のアクションを実施する（たとえば、アカウント識別子に関連付けられた作業空間の１つ又は複数のページをダウンロードする）と、コンピューティング・デバイス１０上にダウンロードされ得るウェブ・ページを通して、実装され得る。したがって、説明される実例では、ネットワーク・コンピューティング・システム１５０は、ＩＧＤＳ命令１５７がウェブベース・アプリケーション８０によって受信及び実行される、ウェブベース・アプリケーション８０のダウンロード・アクティビティを通してを含む、ネットワーク通信の組合せを通して、ＩＧＤＳ命令１５７をコンピューティング・デバイス１０に通信することができる。
【0036】
コンピューティング・デバイス１０は、ウェブベース・アプリケーション８０を使用して、ネットワーク・サービス１５２のウェブサイトにアクセスして、ウェブページ又はウェブ・リソースをダウンロードすることができる。ウェブサイトにアクセスすると、ウェブベース・アプリケーション８０は、自動的に（たとえば、保存された証明を通して）又は手動入力を通して、サービス構成要素１６０にアカウント識別子を通信することができる。いくつかの実例では、ウェブベース・アプリケーション８０はまた、ユーザ識別子に相関する１つ又は複数の追加の識別子を通信することができる。
【0037】
さらに、いくつかの実例では、サービス構成要素１６０は、ユーザ又はアカウント識別子を使用して、ユーザ・プロファイル・ストア１６６からプロファイル情報１０９を取り出すことができる。追加又は変形形態として、ユーザのためのプロファイル情報１０９が、決定され、ユーザのコンピューティング・デバイスにローカルに記憶され得る。
【0038】
サービス構成要素１６０は、ファイル・ストア１６４から、ユーザ・アカウント又は識別子にリンクされた、アクティブ作業空間のファイル（「アクティブ作業空間ファイル１６３」）をも取り出すことができる。プロファイル・ストア１６６はまた、アカウント及び／又はユーザによって識別される作業空間を識別することができ、ファイル・ストア１６４は、作業空間を備えるデータ・セットを記憶することができる。ファイル・ストア１６４とともに記憶されるデータ・セットは、たとえば、作業空間のページと、作業空間ファイルのアクティブ・セットのための制約を識別するデータ・セットと、それぞれのアクティブ作業空間ファイルからレンダリング可能である、編集中の設計のための１つ又は複数のデータ構造表現１６１とを含むことができる。
【0039】
さらに、実例では、サービス構成要素１６０は、ユーザに関連付けられた作業空間の表現１５９を、ウェブベース・アプリケーション８０に提供し、その表現は、たとえば、ユーザ及び／又はユーザ・アカウントに関連付けられた個々のファイルを識別する。作業空間表現１５９は、たとえば、ドキュメント・オブジェクト・モデル（ＤＯＭ）表現１１１の形態のものであり得る。表現１５９は、ファイルのセットを識別することができ、各ファイルは、１つ又は複数のページを含み、各ページは、設計インターフェースの一部であるオブジェクトを含む。
【0040】
ユーザ・デバイス１０上で、ユーザは、ウェブベース・アプリケーション８０を通して作業空間表現を閲覧することができ、ユーザは、ウェブベース・アプリケーション８０を通して作業空間のファイルを開くことを選ぶことができる。実例では、ユーザがアクティブ作業空間ファイル１６３のうちの１つを開くことを選ぶと、ウェブベース・アプリケーション８０は、キャンバス１２２を始動する。たとえば、ＩＧＤＳ１００は、ウェブベース・アプリケーション８０の構成要素としてＨＴＭＬ５．０キャンバスを始動することができ、レンダリング・エンジン１２０は、キャンバス１２２上に、対応するグラフィック設計１２５をレンダリングするために、グラフィック設計１２５のＤＳＲ１１１にアクセスすることができる。
【0041】
図１Ｂの一実例では、レンダリング・エンジン１２０は、オンライン設計環境の一部として、コメント記録１３３及びコメント特徴１３５にアクセスし、それらをレンダリングするように、コメント論理１３２を実装する。たとえば、コメント記録１３３は、たとえば、グラフィック設計１２５とともにコメント特徴１３５をレンダリングするために、（サードパーティ・サイトを含む）リモート・ソースから取り出され得る。
【0042】
共同的ネットワーク・プラットフォーム
【0043】
図１Ｃは、１つ又は複数の実施例による、共同的環境において複数のユーザのための対話型グラフィック設計システムを実装するためのネットワーク・コンピューティング・システムを示す。図１Ｃの一実例では、共同的ネットワーク・プラットフォームが、ネットワーク・コンピューティング・システム１５０によって実装され、ネットワーク・コンピューティング・システム１５０は、複数のコンピューティング・デバイス１０、１２の各々上にＩＧＤＳ１００を実装するために、１つ又は複数のネットワーク（たとえば、ワールド・ワイド・ウェブ）にわたって複数のユーザ・コンピューティング・デバイス１０、１２と通信する。図１Ｃは、２人のユーザが共同的ネットワーク・プラットフォームを利用する一実例を示しているが、説明される実例は、ユーザのより大きいグループの間での設計インターフェースに関する共同を可能にすることになる、ネットワーク・コンピューティング・システム１５０を考慮に入れる。
【0044】
図１Ｃに関して、ユーザ・コンピューティング・デバイス１０、１２は、共通アカウントに関連付けられたユーザによって動作されるものとして仮定され得、各ユーザ・コンピューティング・デバイス１０、１２は、互いに重複するそれぞれのセッション中に同じ作業空間にアクセスするように、対応するＩＧＤＳ１００を実装する。したがって、ユーザ・コンピューティング・デバイス１０、１２の各々は、同時にアクティブ作業空間ファイル１６３の同じセットにアクセスし得、各ユーザ・コンピューティング・デバイス１０、１２上のＩＧＤＳ１００のそれぞれのプログラム・インターフェース１０２は、サービス構成要素１６０との対応する通信チャネル（たとえば、ウェブ・ソケット接続）を確立するように動作する。
【0045】
実例では、サービス構成要素１６０は、コンピューティング・デバイス１０、１２が、同時にアクティブ作業空間ファイル１６３のグラフィック設計１２５をレンダリングするように、各ユーザ・コンピューティング・デバイス１０、１２にアクティブ作業空間ファイル１６３のコピーを通信することができる。さらに、コンピューティング・デバイス１０、１２の各々は、アクティブ作業空間ファイル１６３から決定されるように、それぞれのグラフィック設計１２５のローカルＤＳＲ表現１１１を維持することができる。サービス構成要素１６０はまた、アクティブ作業空間のファイル１６３から取得され、コンピューティング・デバイス１０、１２の各々上のローカル・データ構造表現１１１と一致する、ネットワーク側データ構造表現１６１を維持することができる。
【0046】
ネットワーク・コンピューティング・システム１５０は、ユーザ・コンピューティング・デバイスの各々上のアクティブ作業空間ファイル１６３を連続的に同期させることができる。特に、一方のコンピューティング・デバイス１０、１２上のグラフィック設計１２５に対してユーザによって行われた変更が、他方のユーザ・コンピューティング・デバイス１０、１２上にレンダリングされたグラフィック設計１２５上で直ちに反映され得る。実例として、コンピューティング・デバイス１０、１２のユーザは、それぞれのグラフィック設計１２５に対する変更を行うことができ、それぞれのレンダリング・エンジン１２０は、ＤＳＲ表現１１１のローカル・コピーにおいて反映された更新を実装することができる。コンピューティング・デバイス１０から、ＩＧＤＳ１００のプログラム・インターフェース１０２は、ユーザ入力の変更を反映する変更データ１２１を、サービス構成要素１６０にストリーミングすることができる。サービス構成要素１６０は、ユーザ・コンピューティング・デバイスの変更データ１２１を処理する。サービス構成要素１６０は、変更データ１２１を使用して、ネットワーク側データ構造表現１６１に対して、対応する変更を行うことができる。サービス構成要素１６０はまた、（提供された実例では、ユーザ・デバイス１０から受信された変更データ１２１に対応するか又はそれを反映する）リモートで生成された変更データ１７１をコンピューティング・デバイス１２にストリーミングして、対応するＩＧＤＳ１００が、そのデバイス上にレンダリングされるグラフィック設計１２５を更新することを引き起こすことができる。コンピューティング・デバイス１２はまた、リモートで生成された変更データ１７１を使用して、そのコンピューティング・デバイス１２のローカル・データ構造表現１１１とともに更新することができる。コンピューティング・デバイス１２のプログラム・インターフェース１０２は、ネットワーク・コンピューティング・システム１５０から更新を受信することができ、レンダリング・エンジン１２０は、グラフィック設計１２５と、コンピューティング・デバイス１２のＤＳＲ表現１１１のそれぞれのローカル・コピーとを更新することができる。
【0047】
（たとえば、第２のコンピューティング・デバイスのユーザが、第２のコンピューティング・デバイス１２上にレンダリングされるグラフィック設計１２５を更新することに対応する）第２のコンピューティング・デバイス１２から通信される変更データ１２１を使用してネットワーク・コンピューティング・システム１５０のデータ構造表現１６１を更新するために、逆のプロセスも実装され得る。次に、ネットワーク・コンピューティング・システム１５０は、（提供された実例では、ユーザ・デバイス１２から受信された変更データ１２１に対応するか又はそれを反映する）リモートで生成された変更データ１７１をストリーミングして、第１のコンピューティング・デバイス１０上のグラフィック設計１２５のローカルＤＳＲ表現１１１を更新することができる。このようにして、第１のコンピューティング・デバイス１０のグラフィック設計１２５は、第２のコンピューティング・デバイス１２のユーザが、グラフィック設計１２５を変更するためのユーザ入力を提供することに対する応答として、更新され得る。
【0048】
コンピューティング・デバイス１０、１２上のＤＳＲ表現１１１、１１１の同期を容易にするために、ネットワーク・コンピューティング・システム１５０は、第１のコンピューティング・デバイス１０とネットワーク・コンピューティング・システム１５０との間で、及び第２のコンピューティング・デバイス１２とネットワーク・コンピューティング・システム１５０との間で交換されるデータ・ストリームをマージするための、ストリーム・コネクタを実装する。いくつかの実装形態では、ストリーム・コネクタは、各コンピューティング・デバイス１０、１２が、場合によっては各デバイスからのストリームを別々に処理するために必要とされ得る、追加データ複製なしに、ネットワーク側データ表現１６１に対する変更を行うことを可能にするように、実装され得る。
【0049】
さらに、時間とともに、コンピューティング・デバイス１０、１２の一方又は両方が、サーバ側データ表現１６１と同期外れになり得る。そのような場合、それぞれのコンピューティング・デバイス１０、１２は、そのデバイス上でレンダリング及び編集されるグラフィック設計１２５のデータ構造表現のそれの維持を再開するために、アクティブ作業空間ファイル１６３を再ダウンロードすることができる。
【0050】
コメント特徴及び記録を同期させること
【0051】
いくつかの実装形態では、レンダリング・エンジン１２０は、コメント記録１３３及び特徴１３５をレンダリングすることと、共同するユーザの間でコメント記録１３３及び特徴１３５の作成／変更を同期させることとを行うように、コメント論理１３２を実装する。たとえば、コメント特徴１３５は、コメントがピン留めされる設計要素とともに、ＤＳＲ表現１１１中で参照され得る。コメント特徴１３５（及び対応するコメント記録１３３）に対する変更は、いくつかの実例とともに説明されるように、ＤＳＲ表現１１１による同期を通して同期され得る。
【0052】
図１Ｃの一実例を参照すると、コメント記録１３３及び特徴１３５は、共同的環境において複数のオーサーを有することができる。たとえば、オンライン共同的セッションにおいて、複数のユーザが、設計要素に関連付けられたコメント特徴１３５にコメントを提供し得、それらのユーザは、コメント特徴によって搬送されるコメントを生成及び／又は更新することができる。各コメント記録１３３及び特徴１３５は、共同的環境の複数のユーザによる寄与を含むメッセージング・スレッドを搬送するために使用され得る。このようにして、各コメント特徴１３５は、ユーザが、ユーザの注意を設計要素又はキャンバスの特定の部分に集中させながら、フィードバック及び入力を提供することを可能にする。そのような実例では、一連のコメント、又はコメントのシーケンスが、スレッドとして構造化され得る。レンダリング・エンジン１２０は、共通スレッドの一部であるもの（たとえば、別のコメントへの返答であるコメント）として推定されるか又はさもなければ示されるコメント記録１３３を、リンクするか又はさもなければ構造化するように、コメント論理１３２を実装することができる。いくつかの変形形態では、コメント・スレッドは、複数のユーザからのコメントを含むように個々のコメント記録１３３を更新することによって実装され得る。
【0053】
共同的環境において、コメント特徴及び対応するコメント記録１３３は、状態情報（たとえば、関連、コメント記録１３３が「読まれた」かどうか）を含むことができる。さらに、いくつかの実例では、状態情報のうちの一部が、共同的セッションの個々のユーザに固有であり得る。たとえば、状態情報は、特定の閲覧者に固有であり得、その閲覧者が、コメント特徴１３５又は対応する記録１３３を前に開いたかどうかを示す。追加又は変形形態として、状態情報は、コメント特徴１３５及び記録１３３が解決済みであるかどうかを示すことができる。共同的環境において、状態データにおける変形形態は、コメント特徴の外観（たとえば、ピン構成要素４０８（図４Ａ～図４Ｊ参照））を視覚的に調整することによって、反映され得る。このようにして、ユーザは、入力が別のユーザによって提供される、ユーザ注意を必要とするコメント特徴１３５を容易に識別することができる。
【0054】
コメント特徴のクラスタリング
【0055】
図１Ａ～図１Ｃを参照すると、レンダリング・エンジン１２０は、クラスタ中のコメント特徴１３５をレンダリングするように、コメント論理１３２を実装することができる。特に、実例は、重複すると見なされるコメント特徴１３５の関連付けられたピン・ロケーションに関して条件が満たされるときにクラスタリングされるべきコメント特徴１３５を提供する。クラスタリングされたとき、レンダリング・エンジン１２０は、代替コメント・クラスタ要素１３９を生成することができ、コメント・クラスタ要素１３９は、基礎をなすコメント特徴１３５と、関連付けられたコメント記録１３３とに関する情報を示す。たとえば、代替クラスタ要素１３９は、クラスタ中のコメント特徴の数、クラスタ中の未解決又は新規コメントの数、クラスタの後ろのソースの数などの情報、及び／或いは最近更新されたコメント特徴に関する情報を含むことができる。
【0056】
実例では、コメント特徴１３５が、クラスタ要素１３９によって表されるべきであるという決定は、コメント特徴１３５の相対表示配置に部分的に基づき得る。表示配置１３９は、それぞれのユーザ・コンピューティング・デバイス１０、１２のズーム・レベルに基づき得る。したがって、複数のコメント特徴１３５がクラスタ要素１３９によって表されるべきであるという決定は、選択されたズーム・レベルにおけるコメント特徴１３５の配置が、しきい値よりも小さい表示距離だけ分離されるかどうかに基づき得る。そのような場合、複数のコメント特徴１３５は、重複条件を満たすと言われ、レンダリング・エンジン１２０は、クラスタリングされた要素１３９として複数のコメント特徴１３５を表す。
【0057】
実例では、重複条件は、クラスタリングされているコメント特徴のピン・ロケーション間の視覚的分離に基づき得、この視覚的分離は、スクリーン距離を反映する。たとえば、２つ又はそれ以上のコメント特徴１３５間の視覚的分離が、指定されたしきい値よりも小さい場合、レンダリング・エンジン１２０は、コメント特徴１３５をクラスタ要素１３９としてレンダリングする。各ユーザ・コンピューティング・デバイスの表示エリアが、ユーザ固有拡大パラメータを反映するので、クラスタ形式でのレンダリングのためのコメント特徴１３５の選択は、それぞれのユーザ拡大設定に基づいて、個々のユーザのために動的に決定され得る。したがって、ユーザのズーム・レベルは、クラスタ要素によって表されるコメント特徴１３５の数及び／又はクラスタ要素１３９によって示される状態情報を含む、クラスタ要素を動的に変動させることができる。同様に、レンダリング・エンジン１２０は、ズーム・レベルが十分に拡大されたとき、クラスタ要素１３９を動的になくすことができる。
【0058】
例として、「ズーム・アウト」された所与のユーザの場合、所与の表示領域（たとえば、しきい値表示エリア）が、関連付けられたコメント記録１３３を有するより大きい数のピン・ロケーションを包含し得る。そのような場合、レンダリング・エンジン１２０は、対応するクラスタリングされた要素１３９として対応するコメント特徴を表示することができ、コメント特徴１３５は、選択されたズーム・レベルにおいて、キャンバスの表示エリア上のグループにおいて表示される。
【0059】
逆に、「ズーム・イン」された別のユーザの場合、所与の表示領域が、コメント特徴１３５に関連付けられた１つのピン・ロケーションのみを包含し得る。そのような場合、キャンバス１２２の部分は、単数のコメント特徴１３５を含むことができる。
【0060】
方法論
【0061】
図２は、１つ又は複数の実施例による、グラフィック設計のためのコメント特徴を作成するための例示的な方法を示す。図２の一実例とともに説明されるような方法が、図１Ａ～図１Ｃの実例とともに説明されるようなシステムを使用して実装され得る。したがって、説明されるステップ又はサブステップを実装するための構成要素を示す目的で、図１Ａ～図１Ｃの要素への参照が行われ得る。さらに、図２の実例について説明する際に、１つ又は複数の実施例による、例示的なコメント特徴を示す目的で、図４Ａ～図４Ｊへの参照が行われる。
【0062】
図２を参照すると、ステップ２１０において、ＩＧＤＳ１００は、キャンバス４０２上にレンダリングされる、グラフィック設計４２５のための１つ又は複数のコメント特徴４１０を生成する。各コメント特徴４１０は、ユーザが対応するコンピューティング・デバイス１０、１２を動作させることによって生成され得る。共同的環境において、ユーザは、グラフィック設計４２５と、（たとえば、整形された要素の属性などの）グラフィック設計の特定の態様に関するコメントとを閲覧することができる。
【0063】
ステップ２２０において、ＩＧＤＳ１００は、各コメント特徴４１０をキャンバス４０２上のピン・ロケーションに関連付けるか、又はさもなければリンクする。実例では、ピン・ロケーションは、キャンバス４０２上の座標（又は座標のセット）に対応することができる。変形形態（ステップ２２４参照）では、ピン・ロケーションは、設計要素に対応することができる。またさらに、ピン・ロケーションは、キャンバス４０２の領域に対応することができる（たとえば、図４Ｎ参照）。
【0064】
いくつかの実例とともに説明されるように、コメント特徴４１０のレンダリング可能な要素は、ピン構成要素４０８（図４Ａ～図４Ｊ参照）とコメント本文要素４１８（図４Ａ～図４Ｊ参照）とを含む。コメント特徴４１０が作成されるとき、ピン構成要素４０８は、ピン・ロケーションによって決定されるロケーションにおいてキャンバス４０２上に（又はキャンバス４０２にわたって）レンダリングされ得る。
【0065】
実例では、ステップ２２４が、設計要素に対応すべきピン・ロケーションを提供することができる。ユーザは、整形された要素であるべきコメント特徴４１０のピン・ロケーションを指定する入力を提供することができる。たとえば、ユーザは、グラフィック設計４２５の特定の設計要素に関する（たとえば、設計者のための）フィードバックを提供するためにコメントを挿入することを選ぶことができる。ユーザは、ＩＧＤＳ１００と対話して、特定の設計要素を指定することができる（たとえば、ユーザは、整形された設計要素を選択することと、コメントを作成することとを行うために、別個のコマンドを入れる（ｅｎｔｅｒ））。応答して、ＩＧＤＳ１００は、キャンバス４０２上に新規コメント特徴４１０を作成し、新規作成されたコメント特徴４１０は、ユーザ入力の特定の設計要素にリンクされる。さらに、実例では、ピン構成要素４０８が、コメント特徴４１０にリンクされた整形された要素又はフレームにわたって或いはそれの近くにレンダリングされ得る。実例とともにさらに説明されるように、コメント特徴４１０のコメント本文要素４１８は、実装、設定又はユーザ入力に応じて、ピン・ロケーションに隣接されるか、それから隠されるか、又はそれから分離され得る。
【0066】
ステップ２３０において、コメント特徴４１０は、グラフィック設計４２５とともにキャンバス４０２上にレンダリングされる。実例では、コメント特徴４１０は、閉状態及び開状態においてレンダリングされ得る。閉状態では、ピン構成要素４０８が、コメント本文要素４１８なしにキャンバス４０２上にレンダリングされ得る。開状態では、コメント本文要素４１８が、グラフィック設計４２５とともにキャンバス４０２上にレンダリングされ得る。開状態と閉状態の両方において、実例は、リンクされた設計要素４０９に対する指定された近傍又は位置においてレンダリングされるべきピン構成要素４０８を提供する。
【0067】
ステップ２４０において、ＩＧＤＳ１００は、ユーザが、形状要素に対するコメント特徴の少なくとも一部分の相対位置を維持しながら、リンクされた設計要素４０９の１つ又は複数の属性を操作することを可能にすることを含む、ユーザがレンダリングを操作することを可能にする。いくつかの実例では、コメント特徴４１０のピン構成要素４０８は、リンクされた設計要素に対する位置関係を維持するように移動又は再配置され得る。いくつかの変形形態では、コメント本文要素４１８も、設計要素４０９が移動又はリサイズされることに基づいて、再配置され得る。
【0068】
追加又は代替として、ＩＧＤＳ１００は、ユーザがコメント特徴４１０と（たとえば、コメント本文要素４１８と）対話することを可能にすることができ、ユーザは、キャンバス４０２上のグラフィック設計４２５を更新することが可能である。たとえば、ユーザは、ＩＧＤＳ１００のツール及び機能性を使用してグラフィック設計４２５を編集しながら、キャンバスにわたってコメント本文要素４１８を開き、配置（及び再配置）することができる。ユーザとコメント本文要素４１８との間の対話は、コメントを閲覧し、編集すること、新規コメントを追加すること、問題解決特徴（たとえば、チェックマーク）に反応し、それと対話すること、コメントを却下することなどを含むことができる。いくつかの実例では、ＩＧＤＳ１００は、ユーザが、コメント特徴と対話し、グラフィック設計４２５を更新するためのツール及び機能性と対話することができる、代替モード実装形態、入って来るコメント設計モードを含むことができる。
【0069】
コメント構成要素
【0070】
図３は、１つ又は複数の実施例による、コメント構成要素を示す。図３の一実例とともに説明されるようなコメント構成要素３００は、コメント論理１３２を実装するＩＧＤＳ１００の構成要素及びプロセスを表すことができる。したがって、実例では、コメント構成要素３００は、図１Ａ～図１Ｃの実例において説明されるような、コメント論理１３２を実行するレンダリング・エンジン１２０（又はＩＧＤＳ１００の別の構成要素）によって実装され得る。さらに、例示の目的で、図４Ａ～図４Ｊとともに説明される要素への参照が行われ得る。
【0071】
図３を参照すると、コメント構成要素３００は、ユーザが、グラフィック設計のコメント特徴３３０を作成することと、それと対話することとを可能にするために、１つ又は複数の入力インターフェース３１０を提供するためのプロセスを実装する。他の実例とともに説明されるように、コメント特徴３３０は、レンダリングされたグラフィック設計の態様に関するコメント、すなわち、個々のユーザによって入れられたコンテンツを搬送し、示す、ユーザ対話型特徴を含む。入力インターフェース３１０を使用して、ユーザは、対応する入力３１１を指定することによってグラフィック設計のための新規コメント特徴３３０を作成することができる。さらに、入力３１１は、コメントのためのピン・ロケーション３１３を指定することができる。いくつかの実例では、ピン・ロケーション３１３は、グラフィック要素（たとえば、整形された要素、フレーム構成要素など）、又はそれの部分を識別する。たとえば、ユーザは、キャンバス１２２上にレンダリングされた整形された要素を選択することと、整形された要素にピン留めされる新規コメントを作成するための専用入力機構としてのツールバーを使用することとによって、コメントを作成することができる。ピン・ロケーション３１３が設計要素に対応するとき、コメント・レンダリング３２０が、たとえば、グラフィック設計１２５の階層表現を使用して、ユーザによる選択されたロケーションを、設計要素とマッピングすることができる。いくつかの変形形態では、コメント・レンダリング３２０は、入力によって指定されたロケーションに対応する、トップ・レベル・ノード（たとえば、ページ・ノードでない、最上レベル・ノード）を識別するために、ＤＯＭ表現にアクセスする。その後、ピン留めされたロケーションの設計要素が、キャンバス上で移動又はリサイズされるとき、コメントは、同様に、移動及び再配置される。
【0072】
追加又は変形形態として、ピン・ロケーション３１３は、キャンバス・ロケーション（たとえば、キャンバス１２２上に記録されたＸ、Ｙ座標）を指定することができる。さらに別の変形形態として、ピン・ロケーションは、複数の設計要素を包含する領域など、キャンバス１２２の領域を指定することができる。
【0073】
新規コメント生成
【0074】
新規コメント入力３１１に応答して、コメント構成要素３００は、キャンバス１２２上にレンダリングされる対応するグラフィック設計１２５に関連して、コメント記録ストア３２５に記憶された新規コメント記録３２３を作成するように、記録マネージャ３１６によって表されるプロセスを実装する。コメント記録ストア３２５は、新規作成されたストアのためのコメント記録３２３を記憶するデータ構造を表すことができる。追加のコメント特徴３３０及び対応する記録３２５が、（たとえば、共同的環境においてなど）１人又は複数のユーザによって作成及びレンダリングされ、コメント記録ストア３２５とともに記憶される複数のコメント記録３２３を生じ得る。このようにして、グラフィック設計１２５上の各レンダリングされたコメントは、コメント記録ストア３２５の一部として記憶される対応するコメント記録３２３を含むことができる。
【0075】
さらに、新規コメント入力３１１に応答して、コメント・レンダリング・プロセス３２０は、グラフィック設計１２５とともに新規の対応するコメント特徴３３０をレンダリングする。実例とともに説明されるように、コメント特徴３３０は、対話型であり、指定されたピン・ロケーション３１３に基づく位置においてキャンバス１２２上に又はキャンバス１２２にわたって配置され得る。コメント記録３２３はまた、キャンバス１２２とは別個の、専用コメント・インターフェースを通して閲覧され得る。
【0076】
いくつかの実例によれば、コメント特徴３３０は、ピン要素３２２とコメント本文要素３２４とを含むように生成される。実装形態に応じて、ピン要素３２２は、ピン・ロケーション３１３に隣接して、その近くに、又はそれにわたって配置され得る。たとえば、配置ルールのセットが、ユーザ入力によって指定された対応するピン・ロケーション３１３に対するピン要素３２２の位置を決定するために利用され得る。たとえば、ピン要素３２２は、（ｉ）キャンバス１２２に対して測定された固定距離又は動的距離（たとえば、ピン・ロケーション３１３からピン要素３２２の参照ポイントを分離するピクセルの数）、及び／或いは（ｉｉ）ユーザのズーム・レベルに部分的に基づいて動的に決定され得る視覚距離、のいずれかによって、ピン・ロケーション３１３から離間され得る。
【0077】
実例では、コメント本文要素３２４は、対話型であり、その特定のコメントのための入力インターフェースの一部を形成することができる。初期ユーザが、入力（たとえば、コメント、反応入力、絵文字、リンク、画像など）を提供するために、ピン・ロケーション３１３を指定することと、コメント本文要素３２４と対話することとによって、コメント特徴３３０を作成することができる。その後、コメント・レンダリング３２０は、ユーザ指定のコンテンツを含むコメント本文要素３２４とともに、コメント特徴３３０をレンダリングすることができる。コメント本文要素３２４は、閉状態においてレンダリングされ、開かれ、開かれたときに対話され得る、要素として実装され得る。コメント特徴が開かれたとき、他のユーザは、たとえば、コメント本文要素３２４と対話して、追加のコメントを生成する、既存のコメントに応答する、コメントに反応する（たとえば、絵文字を指定する）、コメントをナビゲートする（たとえば、コメント本文要素３２４内でスクロール又は検索する）、又は他の機能を実施することができる。またさらに、いくつかの実装形態では、コメント本文要素３２４は、ユーザが交換するメッセージのスレッドを搬送することができる。
【0078】
コメントを更新すること
【0079】
共同的環境において実装されたとき、複数のユーザが、個々のコメント特徴３３０のコメント本文要素３２４によって搬送されるコンテンツに寄与することができる。コメント入力インターフェース３１０は、各コメント特徴３３０のコメント本文要素３２４との対話を検出するためのプロセスを含むことができる。さらなる対話が検出されたとき、コンテンツを作成した元のユーザによって、又は別のユーザによってのいずれかで、入力インターフェース３１０は、追加の入力を反映するように、対応するコメント記録３２３を更新することができる。さらに、コメント・レンダリング３２０は、入力が受信されたコメント特徴３３０のレンダリングを更新することができる。
【0080】
例として、第１のユーザ（たとえば、レビュー者）が、グラフィック設計の特定の設計要素又は態様のためのフィードバックを提供するために、コメント特徴を生成することができる。第２のユーザ（たとえば、設計ユーザ）が、コメント特徴３３０のコメント本文要素３２４を通して伝達されるフィードバック提案を実装することができる。代替的に、第２のユーザ（たとえば、設計ユーザ又は別のレビュー者）が、自分自身のコンテンツを提供することによって、フィードバックに応答することができる。いくつかの変形形態では、コメント特徴３３０は、任意のユーザが、コメントによって提起された問題が解決されたことを示すことによってコメントに応答することを可能にする、解決入力機構を含むことができる。実装形態に応じて、問題解決機構が、たとえば、応答ユーザがクリックして解決を通信することができるチェックマーク特徴に対応することができる。追加又は変形形態として、問題解決機構は、却下又は質問特徴、或いは応答の特定のカテゴリーを指定する他のショートカット入力を含むことができる。
【0081】
コメント・アクティビティ・モニタリング
【0082】
実例では、コメント構成要素３００は、各コメント特徴３３０又は記録３２３に関して発生するイベントに関係する情報を追跡及び伝達するために、コメント・アクティビティ・モニタ３３６によって表されるプロセスを実装することができる。アクティビティ・モニタ３３６は、対応するコメント記録３２３とともに各コメント特徴３３０のためのそのようなイベント情報を記録することができる。いくつかの実例では、各コメント記録３２３は、所与のコメントに関して発生し得る異なるタイプのイベントを反映する１つ又は複数の状態値に関連付けられ得る。
【0083】
いくつかの実例では、コメント（すなわち、コメント特徴のコメント本文要素３２４を通してユーザによって入れられたコンテンツ）が、問題であると（たとえば、ユーザ入力によって）カテゴリー分類されるか又はさもなければ仮定され得る。アクティビティ・モニタ３３６は、対応するコメント記録３２３の問題解決状態を未解決であると識別することができる。後続のユーザ入力が受信されたとき、同じ又は異なるユーザによって、問題解決状態は、解決（「解決済み」）を反映するように状態において変更され得る。変形形態では、問題が解決されたかどうかの決定は、後で受信される入力のタイプに基づき得る。たとえば、後続のユーザが、問題が解決されたことを示す入力を指定することができる。代替的に、問題が解決されたかどうかの決定は、先行するコメント中で識別されたユーザが、コメント本文要素３２４のための入力、及び／或いは特定のタイプ又は種類の入力を後で提供した（たとえば、ユーザが、チェックマークをクリックした、又は「解決済み」という用語を指定した）かどうかに部分的に基づき得る。コメント特徴３３０のコメント本文要素３２４が複数のコメントを含む場合、アクティビティ・モニタ３３６は、解決のための複数の問題を識別することができる。たとえば、コメント本文要素３２４は、コメント・ユーザが、コメント・ユーザのそれぞれのコメントを問題であるとして指定する又は示すことを可能にするように構造化され得る。アクティビティ・モニタ３３６は、各コメントについて、又は代替的に各コメント特徴３３０の対応するコメント記録３２３について、問題解決状態を維持することができる。後者の場合、コメント記録３２３は、１つの問題のみが未解決のままであるとき、未解決状態を反映することができる。
【0084】
コメント・レンダリング３２０は、代替閲覧状態においてキャンバス上にコメント特徴３３０をレンダリングすることができる。いくつかの実例では、コメント・レンダリング３２０は、閉状態及び開状態においてコメント特徴３３０をレンダリングする。閉状態では、コメント特徴３３０は、コメント本文要素３２４が可視でないか又は最小化されるかのいずれかであるように、ピン構成要素３２２として出現することができる。ユーザが、コメント本文要素３２４を開く又は閲覧するために、ピン構成要素３２２と対話することができる。たとえば、ユーザは、コメント本文要素３２４のコンテンツをプレビューすることを選ぶ（たとえば、閲覧専用モード）か、又はコメント本文要素３２４を開き、それと対話する（たとえば、コメントへの返答を入れる、既存のコメントに反応する、それにチェックをつけるなど）ことができる。
【0085】
さらに、実例では、コメント本文要素３２４は、コメント特徴３３０が開状態である間に、ユーザ入力に応答して、移動することができる。そのような実例では、ユーザは、ピン・ロケーションを変更すること又はピン構成要素３２２を移動することなしに、コメント特徴をキャンバス１２２上の特定のロケーションに移動することができる。そのような実例では、ユーザは、コメント本文要素３２４を、コメント本文要素３２４のコンテンツによって指定された設計要素に直接隣接するなど、最も好都合であるキャンバス上の位置に移動することができる。これは、ユーザが、コメントの識別された又は関連する設計要素を閲覧しながら、グラフィックに対する編集を行うことを可能にする。
【0086】
さらに、いくつかの実例では、コメント構成要素３００は、コメント・レンダリング３２０が、ユーザが、同時にキャンバス１２２上でグラフィック設計１２５を編集又は更新することをも可能にしながら、ユーザが、コメント特徴３３０を閲覧し、それと対話することを可能にする、コメント設計モードを実装することができる。コメント設計モードでは、ユーザは、ＩＧＤＳ１００の設計ツール及び機能性へのフル・アクセスを有し得る。したがって、ユーザは、ユーザが、グラフィック設計１２５に対する編集を行うことをも可能にしながら、コメント特徴３３０と対話する（たとえば、コメント本文要素３２４を開き、閲覧する、コメント本文要素３２４をキャンバスの周りで移動する）ことができる。このようにして、ユーザの注意は、コメント本文要素３２４のコメントによって識別され得る作業に関係する正確なロケーションにおいて、キャンバス１２２上に残ることができる。変形形態では、コメント構成要素３００は、コメント・レンダリング３２０が、コメント特徴を隠すようにトグルされ、これは、ユーザが、グラフィック設計１２５を閲覧及び編集／更新することを、コメント特徴がグラフィック設計１２５のそれらの閲覧を乱雑にすることなしに、可能にし得る。
【0087】
共同的環境において、コメント構成要素３００は、所与のユーザによって指定されたモードにおいて実装され得る。したがって、各ユーザは、グラフィック設計１２５上で共同するために、所望のコメント設計モードを実装することができる。
【0088】
さらに、いくつかの実例では、新規コメントが生成されたとき、対応するコメント記録３２３は、コメント特徴３３０の閲覧状態を記録することができる。アクティビティ・モニタ３３６は、１つ又は複数のコメントを閲覧し、それらと対話するために、ユーザが対応するコメント本文要素３２４をいつ閲覧したかを記録することができる。アクティビティ・モニタ３３６は、コメント記録３２３の閲覧状態を、たとえば、閲覧済みに更新し、ユーザがコメント本文要素３２４を開いたことを反映することができる。さらに、アクティビティ・モニタ３３６は、コメントの閲覧状態がユーザ固有であり得るように、コメントを閲覧したユーザの識別子を記録することができる。そのユーザがコメント本文要素３２４を開くと、アクティビティ・モニタ３３６は、コメントに関連付けられた状態を閲覧済みに変更することができる。しかしながら、別のユーザが、コメント本文要素３２４のコメントに追加したとき、アクティビティ・モニタ３３６は、コメント特徴３３０とともに未閲覧のコンテンツがあることを反映するために、コメント記録の状態を再び変更することによってイベントを記録することができる。さらに、対応するコメント記録３２３は、新規に入れられたコメントを反映するように更新され得る。
【0089】
またさらに、いくつかの実例では、アクティビティ・モニタ３３６は、各コメント記録３２３を、対応するコメント特徴のためのコメントを提供した各ユーザのユーザ識別子に関連付ける。いくつかの実装形態では、各ユーザ識別子は、ユーザ・プロファイルに関連付けられ、ユーザ・プロファイルは、プロファイル・ピクチャ、名前、又は他の識別子（ニックネームなど）を含むことができる。
【0090】
コメント・レンダリング３２０は、個々のコメント特徴３３０に関して発生するイベントを表すための情報をレンダリングすることができる。コメント・レンダリング３２０は、たとえば、各コメントのソース（たとえば、コメントを提供したユーザ又はオーサー）、各コメント特徴に関連付けられたコメント（又は代替的に未解決コメント）の数、及び／又はコメント（又は未解決コメント）を提供した最後の人の識別子を示すために、各コメント特徴３３０を選択的にレンダリングすることができる。実例として、コメント・レンダリング３２０は、コメンテータ、コメントの数、及び／又は未解決問題の数を反映する、数を含むようにコメント特徴３３０をレンダリングすることができる。実例として、コメント特徴３３０は、コメンテータの数、未解決問題の数、及び／又は最後の問題を反映するために、（閉状態において）ピン構成要素３２２及び／又はコメント本文要素３２４をレンダリングすることができる。さらに、コメント・レンダリング３２０は、コメント特徴のコメント又は未解決かどうか、或いはコメント本文要素３２４が、未閲覧である新規コメントを搬送するかどうかなど、状態情報を反映するために、コメント特徴３３０をレンダリングすることができる。コメント本文要素３２４が開かれたとき、様々なコメントが、たとえば、コメントのソース（又はオーサー）、コメントが入れられたときのタイムスタンプ、及び他の情報、のインジケータとともにレンダリングした。
【0091】
実例では、コメント・レンダリング３２０はまた、表示エリアに関するコメント特徴３３０のズーム・レベル及び／又は相対配置に基づいて、コメント特徴の代わりにクラスタ要素を生成することができる。コメント特徴３３０が互いに十分な表示距離内にあると見なされる場合、コメント・レンダリング３２０は、クラスタリングされたコメント特徴３３０の代わりにクラスタ要素３２６を生成することができる。コメント特徴を閲覧するために、ユーザは、ズーム・インするか、又は代替的に、クラスタ要素を選択して、それの構成要素を閲覧することができる。いくつかの実例では、入力インターフェース３１０はまた、クラスタリングされた要素とともに提供されたコメント特徴３３０の数を反映するクラスタ要素を動的に生成及び調整することによってズーム・レベルを調整する閲覧入力に応答することができる。提供され得る他の情報は、たとえば、個々に又は全体としてのいずれかで、コメント特徴のソース（たとえば、オーサー）とコメント特徴の状態とに関する情報を含むことができる。
【0092】
コメント特徴実例
【0093】
図４Ａ～図４Ｅは、１つ又は複数の実施例による、コメント特徴がキャンバス上にレンダリングされる、例示的なインターフェースを示す。図４Ｆ～図４Ｊは、１つ又は複数の実施例による、別の例示的なコメント特徴が提供され、そのコメント特徴が、複数の共同するユーザによって提供されるコンテンツを含む、例示的なインターフェースを示す。図４Ｋは、１つ又は複数の実施例による、クラスタリングされたコメント特徴の実装形態を示す。図４Ｌは、１つ又は複数の実施例による、キャンバス中に又は特定の設計に関して、出現するコメントをレンダリングするために提供され得るコメント・サイドバーを示す。図４Ｍは、１つ又は複数の実施例による、コメント・サイドバーとともに、編集中のグラフィック設計のシミュレーション（又は「プロトタイプ」）レンダリングを示す。図４Ａ～図４Ｍの実例について説明する際に、説明される機能性を提供するための好適な構成要素を示すために、図１Ａ～図１Ｃ及び図３の要素への参照が行われる。
【0094】
図４Ａを参照すると、インターフェース４００は、グラフィック設計４２５が提供されるキャンバス４０２を含む。グラフィック・インターフェース４２５は、図１Ａ～図１Ｃとともに説明されるような、対話型グラフィック設計システムを利用するコンピューティング・デバイス１０、１２を動作させる１人又は複数のユーザによって作成され得る。そのような共同的環境において、コンピューティング・デバイス１０、１２を動作させる個々のユーザが、たとえば、（ｉ）新規コメント特徴を作成すること、及び／又は（ｉｉ）（他のユーザによって作成されたコメント特徴を含む）（１つ又は複数の）既存のコメント特徴と対話すること、によって、グラフィック設計４２５の態様を閲覧し、それらに関してコメントすることができる。グラフィック設計４２５は、各々が、属性の対応するセット（たとえば、テキスト、中身、形状など）をもつ、複数の設計要素（たとえば、整形された要素）を含むことができる。示される一実例では、コメント特徴４１０のピン構成要素４０８が、キャンバス４０２上に提供される。ピン構成要素４０８は、設計要素４０９など、ピン・ロケーションに関連付けられるか又はリンクされ得る。設計要素４０９が移動又はリサイズされるとき、ピン構成要素４０８はまた、ピン構成要素４０８と、リンクされた設計要素４０９との間の相対配置を維持するように移動され得る。さらに、ピン構成要素４０８は、ユーザが閲覧することができるコメントの存在を示す。ピン構成要素４０８は、コメント特徴４１０によって搬送されるコメントに関するソース（又はオーサー）又は他の情報を示す属性を含むことができる。示される一実例では、ピン構成要素４０８は、コメント特徴４１０によって搬送されるコメントの、アバター又は他の識別子を含む。
【0095】
インターフェース４００は、ユーザが、設計要素、並びにコメント特徴を作成及び編集することを可能にするために、設計ツール（図示せず）を含むことができる。さらに、図示のように、インターフェース４００は、いくつかの実例では、コメント特徴４１０が、ピン・ロケーションの設計要素に関連して識別される、グラフィック設計４２５のＤＳＲ表現４０５を表示することができる。
【0096】
図４Ｂは、図４Ａのピン構成要素４０８の、拡大及び分離された図を示す。コメント特徴４１０のピン構成要素４０８は、ピン・ロケーション（たとえば、キャンバス４０２上の設計要素）に関連付けられ得、これは、（少なくとも最初に）コメンテータによって指定され得る。ピン構成要素４０８は、コメント特徴４１０の関連付けられたピン・ロケーションを視覚的に示すように整形され得る。たとえば、ピン構成要素４０８の角４１３は、特定のピン・ロケーションを示すようにテーパを付けられるか又は先をとがらせられ得る。いくつかの変形形態では、ピン構成要素４０８のピン・ロケーションは、共同者からの入力によって移動され得る。
【0097】
実例では、ピン構成要素４０８は、コメント特徴に関する追加の情報を示すための、複数の構成可能な要素を含む。たとえば、ピン構成要素４０８は、コメント特徴に含まれるコメントのオーサーを示すための、ソース識別子４１５（たとえば、アバター）を含むことができる。追加又は変形形態として、ソース識別子は、直近のコメントの、又は最も古い未読コメントの、オーサーを表すことができる。
【0098】
共同的環境において、いくつかの実例は、キャンバス４０２上にレンダリングされる設計上で共同する１人又は複数のユーザのための視覚識別子（たとえば、写真画像、アバター）を示すことができるソース・インジケータ４１５を提供する。このようにして、ソース識別子４１５は、コメント特徴４１０によって搬送されるコメントのオーサー又はソースに関する識別子をユーザに通信する。さらに、視覚ソース・インジケータ４１５は、特定のコメント特徴４１０のコメント本文要素４１８中のコンテンツ（図４Ｃ～図４Ｅ参照）に返答したユーザを考慮することができる。いくつかの実装形態では、コメント特徴４１０は、複数のユーザから（たとえば、複数の基礎をなす記録１３３からの、複数のユーザからのコメントをもつスレッドからの、など）コメントを搬送することができ、その場合、ピン構成要素４０８は、複数のソースを識別するソース識別子４１５を含むことができる。たとえば、ソース識別子４１５は、対応するユーザ識別子（たとえば、プロファイル・ピクチャ）を使用してコメント特徴４１０の単一のコメンテータを識別するか、又は、各識別子がコメント本文要素４１８中で搬送されるコメントのうちの１つの対応するオーサーを表す、複数の識別子を表示することによって複数のコメンテータを識別することができる。またさらに、他の変形形態では、ピン構成要素４０８は、コメント特徴４１０によって搬送されるコメント又はコメントのソースの数を示すための、数を含むことができる。
【0099】
さらに、示される実例では、ピン構成要素４０８は、状態インジケータを示すために、強調表示、シェーディング又は他の視覚キュー（たとえば、変調要素）を使用することができ、状態インジケータは、コメント特徴４１０の対応する状態を示す。コメント特徴４１０の状態は、たとえば、閲覧状態、解決状態及び／又は選択状態を含むことができる。閲覧状態は、ユーザが、コメント特徴４１０のコメント本文要素を開いた又はプレビューしたかどうかを反映することができる。解決状態は、コメント特徴とともに搬送されるコメントによって提起された問題が解決されたかどうかを反映することができる。選択状態は、ユーザが、コメント特徴４１０のコメント本文を閲覧又はプレビューすることを選択したかどうかに対応することができる。
【0100】
ピン構成要素４０８の状態インジケータ、ソース・インジケータ４１５及び他のインジケータは、コメント特徴４１０が、キャンバス４０２上で最小状態において維持される間に、ユーザが、コメント特徴４１０に関する情報（たとえば、閲覧状態、解決状態など）を閲覧することを可能にする。最小状態では、たとえば、コメント特徴４１０は、コメント本文要素４１８なしにレンダリングされる（図４Ｃ～図４Ｅ参照）。いくつかの実例では、ピン構成要素４０８は、たとえば、ピン構成要素４０８と統合された又はそれに関連付けられた、リング、バナー又は他の要素の形態のものである、閲覧状態インジケータ４１４を提供することができる。共同的実装形態において、閲覧状態は、個々のユーザに固有であり得、これは、キャンバス４０２を閲覧する各ユーザが、特定のユーザが、対応するコメント本文を前に開いた、閲覧した、又は読んだかどうかを示す閲覧状態インジケータとともにコメント特徴４１０を提供されることを意味する。変形形態では、閲覧状態インジケータ４１４は、キャンバス４０２のすべてのユーザについて同じである閲覧状態を反映することができる。そのような場合、あるユーザが、コメント特徴４１０のコメント本文要素４１８を閲覧したかプレビューしたか又は開いたとき、閲覧状態インジケータ４１４は、すべてのユーザについて、コメント本文要素４１８が、前に開かれたか閲覧されたか又は読まれたことを反映するように変わる。
【0101】
追加又は変形形態として、実例では、閲覧状態インジケータ４１４は、コメント特徴４１０が、コメント特徴が読まれた又は解決済みとしてレンダリングされたときの前のインスタンス以来、更新されたかどうかを示すことができる。いくつかの変形形態では、コメント特徴４１０とのユーザの対話が、閲覧状態インジケータ４１４によって、詳細には、対話するユーザのコンピューティング・デバイス上にレンダリングされたように、反映され得る。したがって、共同的環境において、コメント特徴４１０は、あるユーザのコンピューティング・デバイス上には、閲覧状態インジケータ４１４が既読状態を反映するように、レンダリングされ得るが、コメント特徴４１０は、他のユーザには、未読状態においてレンダリングされる。いくつかの実例が、バイナリ状態値（閲覧済み、未閲覧）を示すように閲覧状態インジケータ４１４を提供するが、変形形態では、閲覧状態インジケータは、（ｉ）たとえば、ユーザが、コメントを閲覧し、それに応答する、未解決状態、及び（ｉｉ）閲覧状態インジケータ４１４が、設計で共同する１人又は複数のユーザがコメント特徴のコンテンツを閲覧していないことを示す、部分的閲覧済み状態、など、追加の状態を示すことができる。
【0102】
実例では、閲覧状態インジケータ４１４に関係するように、ユーザが、コメント特徴４１０のコメント本文４１８を開くか、閲覧するか又は読むために、１つ又は複数のタイプの入力を提供することができる。ユーザは、コメント本文要素４１８を開くために、第１の入力（たとえば、左クリック）を提供することができ、それにより、コメント特徴４１０の閲覧状態が、コメント特徴（又はコメント特徴４１０によって表される、基礎をなすコメント記録）を「既読」であるものとして反映することになる。追加又は変形形態として、ユーザは、コメント特徴４１０の閲覧状態を維持するか、又は「未読」に変更しながら、コメント本文要素４１８からのコンテンツをレンダリングするために、第２の入力（右クリック）を提供することができる。
【0103】
さらに、コメント特徴４１０のソース・インジケータ４１５は、コメント特徴によって示された（１つ又は複数の）コメント記録１３３のソースを示すことができる。共同的環境において、ソース・インジケータ４１５は、キャンバス４０２上にレンダリングされる設計上で共同する１人又は複数のユーザのための視覚識別子（たとえば、写真画像、アバター）を示すことができる。このようにして、ソース識別子４１５は、コメント特徴４１０によって搬送されるコメントのオーサー又はソースに関する識別子をユーザに通信する。さらに、視覚ソース・インジケータ４１５は、特定のコメント特徴４１０のコメント本文要素４１８中のコンテンツに返答したユーザを考慮することができる。いくつかの実装形態では、コメント特徴４１０は、複数のユーザから（たとえば、複数の基礎をなす記録１３３からの、複数のユーザからのコメントをもつスレッドからの、など）コメントを搬送することができ、その場合、ピン構成要素４１２は、複数のソースを識別するソース識別子４１５を含むことができる。たとえば、ソース識別子４１５は、対応するユーザ識別子（たとえば、プロファイル・ピクチャ）を使用してコメント特徴４１０の単一のコメンテータを識別するか、又は、各識別子がコメント特徴中で搬送されるコメントのうちの１つの対応するオーサーを表す、複数の識別子を表示することによって複数のコメンテータを識別することができる。
【0104】
図４Ｃを参照すると、インターフェース４００は、開状態におけるコメント特徴４１０を示す。開状態では、コメント特徴４１０のコメント本文要素４１８は、ユーザが、コメント本文要素４１８によって搬送されるコメント４１９を閲覧し、それと対話することを可能にするために、キャンバス４０２上にレンダリングされる。ピン構成要素４０８は、（たとえば、設計要素４０９にリンクされる）ピン・ロケーションにおいて、キャンバス４０２上に残ることができる。さらに、ピン構成要素４０８は、たとえば、コメント本文要素４１８が閲覧されている（又は閲覧済み状態にある）ことを反映するために、状態を変更することができる。状態の変更は、閲覧状態インジケータ４１４によって反映され得、たとえば、ピン構成要素４０８の外周の着色又は共有が変更される。
【0105】
図４Ｄは、図４Ｃのコメント本文要素４１８の、拡大及び分離された図を示す。図４Ｄでは、コメント本文要素４１８は、単一のコメンテータからのコメント４１９を含み、そのコメンテータは、ソース識別子４１５によって示される。いくつかの変形形態では、コメント本文要素４１８は、ユーザが、コメント４１９によって提起された問題の解決をマークするための入力を提供することを可能にする入力特徴（図示せず）など、他の対話型特徴を含むことができる。
【0106】
図４Ｅは、コメント本文要素４１８の変形形態を示す。示される一実例では、コメント本文要素４１８は、ユーザがコメント本文要素４１８を（開くのではなく）プレビューするアクションを反映するために、着色又はシェーディングされ得る。プレビュー・モードにあるとき、コメント本文要素４１８は、コメント特徴４１０の閲覧状態を調整することなしに、所与のユーザからのコメントをレンダリングする。さらに、いくつかの変形形態では、コメント本文要素４１８は、ユーザがコメント・エントリ・モードにトグルすることを必要とすることなしに、１つ又は複数のコメントのプレビューをレンダリングすることができる。
【0107】
図４Ｆを参照すると、インターフェース４００は、１つ又は複数の実施例による、コメント特徴４１０が、複数のユーザ（たとえば、４人）からのコメント又は他の入力を含むように更新された後の、閉状態にあるコメント特徴４１０の一実例を示す。示される一実例では、コメント特徴４１０は、共同的セッションの複数のユーザからのコメントを搬送する。いくつかの実例では、各ユーザ・コメントが、対応するコメント記録１３３の一部として記憶され得、各コメント記録１３３は、キャンバス・ロケーションに関連付けられる。実例では、キャンバス・ロケーションは、キャンバス上の座標（又は、キャンバス１２２の領域など、座標の範囲）に対応する。変形形態では、キャンバス・ロケーションは、設計要素のロケーションに対応する。代替的に、コメント特徴４１０によって示されるコメントのうちの少なくともいくつかが、所与のコメント記録１３３に組み合わせられ得る。
【0108】
図４Ｆをさらに参照すると、ピン構成要素４０８は、設計要素４０９にリンクされたままである。さらに、ピン構成要素４０８は、入力を提供したソース／オーサーのうちのいくつかを識別するデータ要素を含むことができる。追加のコメントも、コメント特徴に関連付けられた１つ又は複数の状態を変更することができる。
【0109】
図４Ｇは、図４Ｆのピン構成要素４０８の、拡大及び分離された図を示す。ピン構成要素４０８は、１つ又は複数のソース識別子を含むことができる。示される一実例では、ピン構成要素４０８は、第１のソースのための第１の識別子４１５ａと、第２のソース（たとえば、第２のコメンテータ）のための第２の識別子４１５ｂと、追加のコメンテータを表す数４１５ｃとを含むことができる。コメンテータの総数を表示するための数など、多数の変形形態が可能であり得る。さらに、ピン構成要素４０８の１つ又は複数の状態インジケータ４１４は、たとえば、新規に挿入されたコメントが未読であること、又は１つ又は複数の新規コメントによって提示された問題が未解決であることを反映するように変わることができる。
【0110】
図４Ｈは、開状態における、図４Ｆによって表される、コメント特徴４１０とともにインターフェース４００を示す。開状態では、コメント本文要素４１８が、ピン構成要素４０８の近傍に又はその近くにレンダリングされ得る。ピン構成要素４０８は、設計要素４０９にリンクされ得る。開状態では、コメント本文要素４１８は、グラフィック設計４２５上で共同する複数のユーザからのコメントを表示することができる。コメント本文要素４１８はまた、ユーザが、他のユーザのコメントと対話すること、及びユーザ自身のコメントを提供することを可能にするための、入力インターフェースを提供することができる。
【0111】
図４Ｉは、図４Ｈに示されているような、開状態におけるコメント本文要素４１８の、拡大及び分離された図を示す。図４Ｉでは、コメント本文要素４１８は、異なるオーサーからの複数のコメント４１９を含むことができる。さらに、それらのコメントのためのソース・インジケータ４１５ａ、４１５ｂ、４１５ｃが、コメント本文要素４１８によって示され得る。いくつかの変形形態では、コメント本文要素４１８は、ユーザに、コメント本文要素４１８のコメントをレビューさせ、それと対話させる、スクロール機能性を可能にすることができる。コメント本文要素４１８は、たとえば、ユーザが、他のユーザのコメントによって提起された問題を却下する（又は受け入れる、拒否するなど）ことを可能にするための対話型特徴を提供することができる。閲覧されると、ピン構成要素４０８の閲覧インジケータ４１４は、たとえば、コメント特徴４１０の状態を、既読であるものとして反映するために、コメント本文要素４１８の状態の変更を反映するように改変又は変更され得る。
【0112】
図４Ｊは、プレビュー状態におけるコメント本文要素４１８の変形形態を示す。プレビュー状態では、ユーザは、たとえば、コメント本文要素４１８のコメント４１９のうちの１つ又は複数を閲覧することができる。コメント本文要素４１８がプレビューされたとき、４０８の閲覧状態インジケータ４１４は、たとえば、未読状態を反映するために、不変のままであることができる。
【0113】
図４Ｃ、図４Ｆ及び図４Ｈを参照すると、コメント本文要素４１８は、ユーザが、コメント４１９を閲覧することと、同時にグラフィック設計４２５の特定の態様上で作業することとを可能にするように、キャンバス４０２にわたって移動され得る。このようにして、コメント本文要素４１８は、グラフィック設計４２５の特定の態様に関して、コメント特徴のコメント４１９からのフィードバックを実装するために、ユーザが、キャンバスに向けられた単一の視野を使用することを可能にすることができる。
【0114】
図４Ｋは、１つ又は複数の実施例による、キャンバス中に又は特定の設計に関して、出現するコメントをレンダリングするために提供され得るコメント・サイドバー４５０を示す。各サイドバー・コメント４５２が、コメント特徴４３０にリンクするか、又はそれを表し得、対応するコメント特徴４３０が、対応するコメント構成要素４１２又はコメント本文要素４１８とともにキャンバス４０２上にレンダリングされるか又はレンダリング可能であり得る。いくつかの実例では、コメント・サイドバー４５０は、レンダリング・エンジン１２０が、コメント・エントリ・モードにおいて動作されるときに表示され得る。コメント・サイドバー４５０は、ユーザが、たとえば、個々のコメントのキーワード、ソース又はオーサー、メタデータ（タイムスタンプ）或いは他の識別子によってコメントを検索することを可能にするための、検索及びフィルタ特徴４５５を含むことができる。
【0115】
図４Ｌは、１つ又は複数の実施例による、コメント構成要素３００が、複数のコメント特徴の代わりにクラスタリング特徴４６０を生成する、実装形態を示す。実例では、コメント特徴４１０のピン・ロケーション（図４Ａ～図４Ｌ参照）は、それぞれのユーザ・コンピューティング・デバイスのズーム・ファクタに基づいて、（それぞれのピン・ロケーションに基づく）表示ロケーションにおいて重複する。ピン・ロケーションの表示距離がしきい値よりも小さいとき、複数のコメント特徴は、重複すると見なされ得る。コメント特徴４１０は、１つのクラスタリングされたコメント特徴４６０として出現するようにレンダリングされ得る。クラスタリングされたコメント特徴４６０は、構成要素であるコメント特徴４３５のピン・ロケーションに基づくピン・ロケーションを含むことができる。さらに、クラスタ・コメント特徴４６０は、個々のコメント特徴のためのソースを含む、構成要素であるコメント特徴に関する情報を示す、状態情報、ソース情報及び／又は他のインジケータを含むことができる。レンダリングされたコメント特徴４１０のための、個々のコメントのためのソース情報（又は対応するコメント記録）である。同様に、グラフィック設計４２５が、ズーム（拡大）動作を受けるとき、クラスタリングされたコメント特徴４６０は、図４Ａ～図４Ｊとともに説明されるように、複数のコメント特徴に分離され得る。
【0116】
図４Ｍは、１つ又は複数の実施例による、コメント・サイドバーとともに、編集中のグラフィック設計のシミュレーション（又は「プロトタイプ」）レンダリングを示す。図示のように、コメント・サイドバーは、ユーザが、シミュレートされているグラフィック設計の特徴とともにコメントを閲覧することを可能にするために、編集中の設計のプロトタイプ・レンダリングに関して提供され得る。サイドバー・コメントは、実装形態及び設定に応じて、隠されるか又は表示され得る。
【0117】
図４Ｎは、１つ又は複数の実施例による、コメント特徴が提供される別の例示的なインターフェースを示す。図４Ｎでは、グラフィック設計４７０が、キャンバス４７２上にレンダリングされる。ユーザが、第１のピン・ロケーションにおいてコメント特徴４７４を作成するためにコメント構成要素３００を使用することができ、第１のピン・ロケーションは、設計要素４７５に関連付けられる。追加又は代替として、ユーザは、キャンバス４７２の領域４７７にわたってコメント特徴４７４をドラッグする（又は、他の入力を提供する）ことができる。ドラッグされると、コメント特徴４７４は、領域４７７に関連付けられる。示される一実例では、コメント特徴４７４は、設計要素４７５及び領域４７７に関連付けられ得る。いくつかの実装形態では、コメント特徴４７４は、グラフィック要素４７５と、また、キャンバス領域４７７のロケーションとに対応する、２つのピン・ロケーションを有するようにコピーされる。別の追加又は変形形態として、ユーザは、領域４７７を選択し、コメント特徴を領域４７７に関連付けることができる。
【0118】
ネットワーク・コンピュータ・システム
【0119】
図５は、１つ又は複数の実施例が実装され得る、コンピュータ・システムを示す。コンピュータ・システム５００が、たとえば、サーバ又はサーバの組合せ上に実装され得る。たとえば、コンピュータ・システム５００は、図１Ａ～図１Ｃのネットワーク・コンピューティング・システム１５０として実装され、さらに、図２のプラグイン管理システム２００によって利用され得る。
【0120】
一実装形態では、コンピュータ・システム５００は、処理リソース５１０と、メモリ・リソース５２０（たとえば、読取り専用メモリ（ＲＯＭ：ｒｅａｄ－ｏｎｌｙ ｍｅｍｏｒｙ）又はランダム・アクセス・メモリ（ＲＡＭ：ｒａｎｄｏｍ－ａｃｃｅｓｓ ｍｅｍｏｒｙ））と、１つ又は複数の命令メモリ・リソース５４０と、通信インターフェース５５０とを含む。コンピュータ・システム５００は、情報と、プロセッサ５１０によって実行可能である命令とを記憶するための、ランダム・アクセス・メモリ（ＲＡＭ）又は他のダイナミック・ストレージ・デバイスによって提供されるものなど、メモリ・リソース５２０とともに記憶される情報を処理するための、少なくとも１つのプロセッサ５１０を含む。メモリ・リソース５２０はまた、プロセッサ５１０によって実行されるべき命令の実行中に、一時変数又は他の中間情報を記憶するために使用され得る。
【0121】
通信インターフェース５５０は、ネットワーク・リンク５８０（ワイヤレス又はワイヤ）の使用によって１つ又は複数のネットワーク（たとえば、セルラー・ネットワーク）にわたって、コンピュータ・システム５００が１つ又は複数のユーザ・コンピューティング・デバイスと通信することを可能にする。ネットワーク・リンク５８０を使用して、コンピュータ・システム５００は、１つ又は複数のコンピューティング・デバイス、特殊なデバイス及びモジュール、並びに／又は１つ又は複数のサーバと通信することができる。
【0122】
実例では、プロセッサ５１０は、図１Ａ～図１Ｃとともに説明されるような実例において、ネットワーク・コンピューティング・システムが、ネットワーク・サービス１５２を実装し、ネットワーク・コンピューティング・システム１５０として動作することを可能にするために、メモリ・リソース５２０とともに記憶される、サービス命令５２２を実行し得る。
【0123】
コンピュータ・システム５００はまた、ユーザ・コンピューティング・デバイスが、ＩＧＤＳ１００とともに説明されるような機能性を実装することを可能にするために、ウェブ・ページ及び他のウェブ・リソースで埋め込まれた実行可能命令セット（「ＩＧＤＳ命令５４５」）を記憶するための追加のメモリ・リソース（「命令メモリ５４０」）を含み得る。
【0124】
したがって、本明細書で説明される実例は、本明細書で説明される技法を実装するためのコンピュータ・システム５００の使用に関係する。一態様によれば、技法は、プロセッサ５１０が、メモリ５２０中に含まれている１つ又は複数の命令の１つ又は複数のシーケンスを実行することに応答して、コンピュータ・システム５００によって実施される。そのような命令は、別の機械可読媒体からメモリ５２０に読み込まれ得る。メモリ５２０中に含まれている命令のシーケンスの実行は、プロセッサ５１０が、本明細書で説明されるプロセス・ステップを実施することを引き起こす。代替実装形態では、本明細書で説明される実例を実装するために、ソフトウェア命令の代わりに又はそれと組み合わせて、ハードワイヤード回路が使用され得る。したがって、説明される実例は、ハードウェア回路とソフトウェアとの特定の組合せに限定されない。
【0125】
ユーザ・コンピューティング・デバイス
【0126】
図６は、説明されるように、１つ又は複数の実例とともに使用するためのユーザ・コンピューティング・デバイスを示す。実例では、ユーザ・コンピューティング・デバイス６００が、たとえば、設計インターフェース及びグラフィック設計作業のレンダリングを可能にするために好適であるグラフィックス処理能力を有する、ワークステーション、デスクトップ・コンピュータ、ラップトップ又は他のコンピュータ・システムに対応することができる。変形形態では、ユーザ・コンピューティング・デバイス６００は、スマートフォン、タブレット・コンピュータ、ラップトップ・コンピュータ、ＶＲ又はＡＲヘッドセット・デバイスなど、モバイル・コンピューティング・デバイスに対応することができる。
【0127】
実例では、コンピューティング・デバイス６００は、中央又はメイン・プロセッサ６１０と、グラフィックス処理ユニット６１２と、メモリ・リソース６２０と、１つ又は複数の通信ポート６３０とを含む。コンピューティング・デバイス６００は、ブラウザ６２５又は他のウェブベース・アプリケーションを記憶及び起動するために、メイン・プロセッサ６１０とメモリ・リソース６２０とを使用することができる。ユーザは、通信ポート６３０を使用して、ネットワーク・サービス１５２のネットワーク・サイトにアクセスするために、ブラウザ６２５を動作させることができ、ネットワーク・サービス１５２（図１Ａ～図１Ｃ及び図２参照）のための１つ又は複数のウェブ・ページ又は他のリソース６０５が、ダウンロードされ得る。ウェブ・リソース６０５は、アクティブ・メモリ６２４（キャッシュ）に記憶され得る。
【0128】
様々な実例によって説明されるように、プロセッサ６１０は、ＩＧＤＳ１００（図１Ａ～図１Ｃ参照）を実装するために、ウェブ・リソースで埋め込まれたスクリプト及び他の論理を検出及び実行することができる。実例のうちのいくつかでは、ウェブ・リソース６０５で埋め込まれたスクリプト６１５のうちのいくつかが、ＧＰＵ６１２によって直接実行されるＧＰＵ加速論理を含むことができる。メイン・プロセッサ６１０とＧＰＵとは、表示構成要素６４０上で編集中の設計インターフェース（ｄｅｓｉｇｎ ｉｎｔｅｒｆａｃｅ ｕｎｄｅｒ ｅｄｉｔ）（「ＤＩＵＥ６１１」）をレンダリングするために、組み合わせることができる。レンダリングされた設計インターフェースは、ブラウザ６２５からのウェブ・コンテンツを含み、並びに、ウェブ・リソース６０５で埋め込まれたスクリプト及び他の論理によって生成される、設計インターフェース・コンテンツ及び機能要素を含むことができる。ＧＰＵ６１２上で直接実行可能であるスクリプト６１５を含むことによって、ウェブ・リソース６０５で埋め込まれた論理は、様々な実例とともに説明されるように、ＩＧＤＳ１００をより良く実行することができる。
【0129】
結論
【0130】
実例が、添付の図面を参照しながら本明細書で詳細に説明されるが、概念は、それらの正確な実例に限定されないことを理解されたい。したがって、概念の範囲は、以下の特許請求の範囲及びそれらの等価物によって定義されるものとする。さらに、個々に又は一実例の一部としてのいずれかで説明される特定の特徴は、他の個々に説明される特徴、又は他の実例の一部と組み合わせられ得、これは、それらの他の特徴及び実例が、その特定の特徴に言及しない場合でも、行われ得ることが企図される。したがって、組合せについての説明がないことは、そのような組合せに対する権利を有することを排除するべきでない。
【図1A】
【図1B】
【図1C】
【図2】
【図3】
【図4A】
【図4B】
【図4C】
【図4D】
【図4E】
【図4F】
【図4G】
【図4H】
【図4I】
【図4J】
【図4K】
【図4L】
【図4M】
【図4N】
【図5】
【図6】
【国際調査報告】