JP2018165984A - ウェブサイト構築システムのための装置 - Google Patents

ウェブサイト構築システムのための装置 Download PDF

Info

Publication number
JP2018165984A
JP2018165984A JP2018088136A JP2018088136A JP2018165984A JP 2018165984 A JP2018165984 A JP 2018165984A JP 2018088136 A JP2018088136 A JP 2018088136A JP 2018088136 A JP2018088136 A JP 2018088136A JP 2018165984 A JP2018165984 A JP 2018165984A
Authority
JP
Japan
Prior art keywords
party application
website
page
party
template
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.)
Granted
Application number
JP2018088136A
Other languages
English (en)
Other versions
JP6515232B2 (ja
Inventor
ヨアヴ アブラハミ
Abrahami Yoav
ヨアヴ アブラハミ
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Wix com Ltd
Original Assignee
Wix com Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Wix com Ltd filed Critical Wix com Ltd
Publication of JP2018165984A publication Critical patent/JP2018165984A/ja
Priority to JP2019076932A priority Critical patent/JP6900421B2/ja
Application granted granted Critical
Publication of JP6515232B2 publication Critical patent/JP6515232B2/ja
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/958Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00Handling natural language data
    • G06F40/10Text processing
    • G06F40/12Use of codes for handling textual entities
    • G06F40/14Tree-structured documents
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00Handling natural language data
    • G06F40/10Text processing
    • G06F40/12Use of codes for handling textual entities
    • G06F40/14Tree-structured documents
    • G06F40/143Markup, e.g. Standard Generalized Markup Language [SGML] or Document Type Definition [DTD]
    • HELECTRICITY
    • H04ELECTRIC COMMUNICATION TECHNIQUE
    • H04LTRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L67/00Network arrangements or protocols for supporting network services or applications
    • H04L67/50Network services
    • H04L67/53Network services using third party service providers

Abstract

【課題】ウェブサイト構築システムのための装置を提供する。
【解決手段】本装置は、サードパーティアプリケーションがウェブサイト構築システムの少なくとも1つのテンプレートに関連付けられ、外部の取得元からウェブサイト構築システムの少なくとも1つのテンプレートを受信するサードパーティアプリケーションの受信器と、少なくとも1つのサードパーティアプリケーションのインスタンスがウェブサイトページ内に作成される場合に、テンプレートをウェブサイトページ内にインストールするためのインストーラと、を備える。受信器は、サードパーティアプリケーションとウェブサイトぺージの間、及び、サードパーティアプリケーションとテンプレートの間の参照整合性を維持し、サードパーティアプリケーションとウェブサイトページの間のインタフェース解決を実行する。
【選択図】図7B

Description

本発明は、オンラインアプリケーションと、特に、含まれるサードパーティアプリケーションと組み合わせての使用方法とに関する。
ウェブサイトおよび他のオンラインアプリケーションを作成および編集する目的に使用することのできる数多くのウェブサイト構築システムや、その他の対話型のアプリケーション構築ツールが市販されている。エンドユーザは、通常のパーソナルコンピュータ、スマートフォン、タブレット、および他のデスクトップまたはモバイルデバイスなどの幅広いプラットフォーム上のクライアントソフトウェアを使用して、このようなウェブサイトにアクセスすることができる。
これらのウェブサイト構築システムは、さまざまな形態で提供され、例えば、インターネットに接続されている1つまたは複数のサーバ上でホストされ、HTTP(ハイパーテキスト転送プロトコル)などのインターネット通信プロトコルを使用してアクセスされる完全にオンラインのウェブサイト構築システムなどである。これらのウェブサイト構築システムの作成、編集、およびデプロイは、すべてサーバによる直接的なオンライン動作によって実行される。
ウェブサイト構築システムは、部分的にオンラインとする、または完全にオンラインとすることもできる。部分的にオンラインのシステムの場合、ウェブサイトの編集をユーザのマシン上でローカルに実行し、後から中央の1つまたは複数のサーバにアップロードしてデプロイする。ウェブサイトがアップロードされると、これらのウェブサイト構築システムは、完全にオンラインのウェブサイト構築システムと同じように機能する。
ウェブサイト構築システムは、システム内のデータおよび要素を体系化する目的で、内部のデータアーキテクチャを有する。このアーキテクチャは、ユーザから見える対象のサイトの外観とは異なることがあり、さらに、一般的なHTML(ハイパーテキストマークアップ言語)ページがブラウザに送られる方式とも異なることがある。例えば、内部のデータアーキテクチャは、ページ上の各要素の追加のプロパティ(作成者、作成日時、アクセス許可、テンプレートへのリンクなど)を含むことができ、これらの追加のプロパティは、ウェブサイト構築システム内でサイトを編集および維持管理するうえで欠かせないものであるが、外部のエンドユーザ(場合によっては編集を行う一部のユーザ)には見えない。ウェブサイト構築システムに基づくサイトの一般的なアーキテクチャは、コンポーネント(例えば、形状コンポーネント、写真コンポーネント、テキストコンポーネントのほか、ミニページを含むシングルページコンテナおよびマルチページコンテナなど)を含むページから構成することができる。
コンポーネントは、内部コンテンツを持たない星形などのコンテンツレスとすることができ(ただし色、大きさ、位置、およびその他の属性は有する)、あるいは、テキストパラグラフコンポーネントなど内部コンテンツを有することができ、このようなコンポーネントの内部コンテンツには、表示されるテキストに加えて、フォント、書式、レイアウトの情報が含まれる。当然ながら、このコンテンツは、テキストパラグラフコンポーネントごとに異なりうる。
このようなウェブサイト構築システムを使用するデザイナーは、何もない状態から新しいサイトをデザインする(空白の画面から開始する)、または、デザイナー自身、システムクリエーター、またはデザイナーのコミュニティによって作成された事前定義されたアプリケーションテンプレートを利用することができる。ウェブサイト構築システムは、単なるコンポーネントの集合であるテンプレート、完全なページ(またはミニページ)または一連のページであるテンプレート、および完全なウェブサイトであるテンプレートをサポートすることができる。
アプリケーションのテンプレートが提供されるときには、デザイナーは、それを自由にカスタマイズすることができ、テンプレートのすべての要素の追加、削除、または修正を行って、デザイナー自身のテンプレートのバージョンを作成する。このようなカスタマイズは、テンプレートの修正されたバージョン(テンプレートとは異なる個別のバージョン)を作成することによって実施することができる。あるいは、ウェブサイト構築システムが、継承型メカニズム(inheritance-type mechanism)を通じてカスタマイズを適用することができ、継承型メカニズムは、元のテンプレートへのリンクを維持し、したがってテンプレートに対して後から行われる変更が反映される。
さらに、ウェブサイト構築システムは、サードパーティアプリケーションおよびその中に埋め込まれているコンポーネントを使用して、拡張することができる。このようなサードパーティアプリケーションは、ウェブサイト構築システムのデザイン環境に含まれていることがあり、または、さまざまな配布機構を通じて、例えばウェブサイト構築システムに組み込まれているアプリケーションストア(AppStore)から、またはウェブサイト構築システム(WBS)のベンダーまたは別の組織によって運営されているウェブベースまたは独立したアプリケーションリポジトリ(またはAppStore)から、個別に購入する(または他の方法で取得する)ことができる。さらに、サードパーティアプリケーションは、サードパーティアプリケーションのベンダーから(AppStoreを通じて、または通じずに)直接取得することもでき、この場合、ベンダーは、実際のインストールモジュールを提供する、またはアクティベーションコードまたはアクセスコードのみを提供する。
サードパーティアプリケーションには、フロントエンド(表示)要素とバックオフィス要素の任意の組合せ(これらはウェブサイトには表示されない)が含まれることがある。サードパーティアプリケーションは、全体がバックオフィスである(すなわち表示要素を含まない)、または全体がフロントエンドである(すなわちウェブサイトで使用されるときのみ起動される)、または2つの組合せであることがある。
サードパーティアプリケーションのバックオフィス要素には、データベース通信オプションや外部更新オプションなどの機能が含まれることがある。例えば、ブログのサードパーティアプリケーションには、人以外の発信元(例えば、大手のニュースサービスからのRSSニュース配信)からと、ウェブサイトに関係ない人の発信元(例えば、ブログエントリを投稿できるスタンドアロンのスマートフォンアプリケーション)から、更新を受信することのできるバックオフィス要素が含まれることがある。
サードパーティアプリケーションの視覚要素を、それらが含められるウェブサイトに組み込む処理は、さまざまな方法で行うことができる。ウィジェットタイプのサードパーティアプリケーションは、ウェブサイトのページの内側にコンポーネントとして埋め込むことができるのに対して、セクションタイプのサードパーティアプリケーションは、ウェブサイトに1つまたは複数の追加のページとして加えることができる。
さらには、サードパーティアプリケーション(ウィジェットタイプおよびセクションタイプの両方)は、シングルページのサードパーティアプリケーション、またはマルチページのサードパーティアプリケーション(内部URL構造として表される内部ミニページを有する)とすることができる。システムは、4つの可能な組合せ(ウィジェットまたはセクション、シングルページまたはマルチページ)のうちの1つまたは複数、あるいはすべてを実装することができる。
マルチページのサードパーティアプリケーションは、通常ではデフォルトの「ランディング」ミニページを提供し、このミニページは、オープニングページ、特定の内部のミニページ(例えばブログのサードパーティアプリケーションにおける最新のブログエントリ)、ミニページ選択画面、またはその他のミニページである。
ウェブサイト構築システムに基づくウェブサイトにおけるサードパーティアプリケーションの使用は、サードパーティアプリケーションのインスタンスを通じて行われる。ウェブサイト構築システムは、複数のレベルにおけるサードパーティアプリケーションの複数の使用法をサポートすることができ、例えば、ウェブサイト全体においてサードパーティアプリケーションの1つのインスタンスを許可する、ウェブサイトの内側で複数のサードパーティアプリケーションのインスタンスを作成することを許可する(ただし1つのサードパーティアプリケーションあたり1つのインスタンスのみ)、複数のサードパーティアプリケーションの複数のインスタンスを作成することを許可する(ただし1ページあたり1つのインスタンスのみ)が挙げられる。さらに、コンポーネント型サードパーティアプリケーション(セクションタイプのサードパーティアプリケーションではない)のページあたり複数のインスタンスを許可することもでき、さらに、サードパーティアプリケーションのインスタンスの数、多重度、または位置の制限なしに、複数のサードパーティアプリケーションの複数のインスタンスを作成することを許可することもできる。
サードパーティアプリケーションのインスタンスは、インスタンスに固有なコンテンツを有することができる。例えば、オンラインショップ(e-Shop)のサードパーティアプリケーションは、特定のインスタンスに関連付けられる製品データベースを有することができ、この製品データベースは、(同じサイトまたは別のサイト内の)同じオンラインショップのサードパーティアプリケーションの別のインスタンスに関連付けられる製品データベースとは異なる。
説明を目的として、サードパーティアプリケーションおよびそのミニページや要素を含むウェブサイトページ(またはミニページ)(すなわち「ラッパーページ」)は、含有ウェブページ(containing web page)と称するものとし、ウェブサイト全体にメインサイトとして既知であるものとする。ユーザに示される統合されたページ(メインページおよび埋め込まれたTPAミニページ/コンポーネントを含む)を、合成ページと称する。セクションタイプのサードパーティアプリケーションの場合、サードパーティアプリケーションを含む「仮想ページ」が、含有ウェブページの役割を果たす。
サードパーティアプリケーションは、通常では、ウェブサイト構築システムのベンダーのサーバ上、サードパーティアプリケーションのベンダーのサーバ上、外部(フォースパーティ)のサーバ上、またはこれらのサーバの任意の組合せ上にデプロイされる。サードパーティアプリケーションは、エンドユーザのマシン上で実際に実行される要素(例えば、静的にインストールされるブラウザエクステンションや、図1に示したようにウェブサイト構築システムのクライアント側コードの内側で動的に実行されるJavaScript(登録商標)コンポーネントなど)も含むことができる。以下ではこの図1を参照する。
ウェブサイト構築システムのベンダーのサーバは、エンドユーザのための連絡口として機能し、要求に応答する(場合によってはサードパーティアプリケーションのベンダーのサーバに接続して必要な情報を受け取る)。ウェブサイト構築システムは、例えばビデオストリーミングが要求されるとき、クライアントのコンピュータとサードパーティアプリケーションのベンダーのサーバとの間に(必要に応じて)直接的な接続を形成することができる。
含まれているサードパーティアプリケーションのインスタンスは、通常のコンポーネントが内部コンテンツを含むのと同様に、自身の内部コンテンツを有することができる。図2を参照し、この図に示したように、サードパーティアプリケーションは、ウェブサイト構築システムと、ウェブサイト構築システムを使用して生成されたウェブサイトとは無関係に、このコンテンツを管理することができる。1つまたは複数のサードパーティアプリケーションの複数のインスタンスは、共有コンテンツを有することができ、例えば、2つの個別のウェブサイトページにおける2つのオンラインショップのインスタンスが、同じ製品データベースを参照することができる。
含まれているサードパーティアプリケーションからの出力は、例えば以下のようなさまざまな方法で、含有ウェブページに組み込むことができる。
サーバ側の処理: (以下では図3を参照する。)図3に示したこの方法においては、サードパーティアプリケーション[a](デザイン要素および表示要素を含む)と、ユーザに固有なサードパーティアプリケーションのデータ[b]とが、サードパーティアプリケーションのベンダーのサーバ[d]上で実行されているサードパーティアプリケーションのサーバコード[c]によってマージされる。これらは通信媒体[e]を介してウェブサイト構築システムのサーバコード[f]に送られ、サーバコード[f]は、これらを含有ウェブページの情報[g]とマージした後、これらをユーザのクライアントステーション[h]に表示できるように送る。
クライアント側の処理: (以下では図4を参照する。)図4に示したこの方法においては、サードパーティアプリケーション[a](デザイン要素および表示要素を含む)と、ユーザに固有なサードパーティアプリケーションのデータ[b]とが、サードパーティアプリケーションのベンダーのサーバ[d]上で実行されているサードパーティアプリケーションのサーバコード[c]によってマージされる。これらは通信媒体[e]を介してクライアント側の処理コンポーネント[h]に送られる。ウェブサイト構築システムのサーバコード[f]は、含有ウェブページの情報[g]を、このクライアント側の処理コンポーネント[h]に送る。クライアント側の処理コンポーネント[h]は、2つの情報源のマージを実行し、統合されたアプリケーションをブラウザ(または他のクライアントエージェント)[i]に提示する。
iFrameのインクルージョン(inclusion): (以下では図5を参照する。)図5に示した方法においては、サードパーティアプリケーション[a](デザイン要素および表示要素を含む)と、ユーザに固有なサードパーティアプリケーションのデータ[b]とが、サードパーティアプリケーションのベンダーのサーバ[d]上で実行されているサードパーティアプリケーションのサーバコード[c]によってマージされる。これらは、ユーザエージェント(例えばウェブブラウザ)[i]の内側で実行されているブラウザベースのアプリケーション[h]に、通信媒体[e]を介して送られる。ウェブサイト構築システムのサーバコード[f]は、含有ウェブページの情報[g]を、このブラウザベースのアプリケーション[h]に送る。含有ウェブページは、サードパーティアプリケーションのサーバ[d]からのコンテンツを含める1つまたは複数のiframeディレクティブを含むウェブページとして作成される。追加の方法および代替方法も適用可能である。
米国特許出願第13/771,119号
本発明の好ましい実施形態によると、ウェブサイト構築システムのための装置が提供される。本装置は、少なくとも1つのサードパーティアプリケーションのウェブサイトのインスタンスを含むページを作成するためのページコンポーザと、ページと少なくとも1つのサードパーティアプリケーションとの間、または少なくとも1つのサードパーティアプリケーションと少なくとも1つの別のサードパーティアプリケーションとの間の双方向通信バックチャネルを定義するための構成器(configurer)と、を含む。さらに、本装置は、ページが閲覧またはアクセスされるときに通信バックチャネルに従って通信を調整するためのコーディネータを含む。
さらに、本発明の好ましい実施形態によると、本装置は、クライアント上に実装可能である。
さらに、本発明の好ましい実施形態によると、本装置はサーバ上に実装可能である。
さらに、本発明の好ましい実施形態によると、通信バックチャネルは、HTML5(ハイパーテキストマークアップ言語5)のPostMessage、メッセージのURLフラグメント識別子、専用の通信ウェブサービス、HTML5のローカルストレージ、HTML5のローカルファイルシステムアクセスAPI、専用のブラウザプラグインのうちの少なくとも1つである。
さらに、本発明の好ましい実施形態によると、コーディネータは、iframeを使用してページに埋め込まれている。
さらに、本発明の好ましい実施形態によると、少なくとも1つのサードパーティアプリケーションは、iframeを使用してページに埋め込まれる。
さらに、本発明の好ましい実施形態によると、少なくとも1つのサードパーティアプリケーションは、マルチパートサードパーティアプリケーションとモジュール式サードパーティアプリケーションのうちの少なくとも一方である。
さらに、本発明の好ましい実施形態によると、コーディネータは、事前定義された少なくとも1つのサードパーティアプリケーションのインスタンスを監視するための構成マネージャを含む。
さらに、本発明の好ましい実施形態によると、コーディネータは、通信の発信元または発信先のシンボリックアドレスおよび絶対アドレスを識別および変換するためのスマート識別子/アドレッサ(smart identifier and addresser)を含む。
さらに、本発明の好ましい実施形態によると、コーディネータは、ウェブサイト構築システムと少なくとも1つのサードパーティアプリケーションとの間の通信ポリシーを適用する通信ポリシーエンフォーサを含む。
さらに、本発明の好ましい実施形態によると、コーディネータは、少なくとも1つのサードパーティアプリケーションへの通信メッセージ、および少なくとも1つのサードパーティアプリケーションからの通信メッセージを、ウェブサイト構築システム内で経路変更するリダイレクタを含む。
さらに、本発明の好ましい実施形態によると、コーディネータは、少なくとも1つのサードパーティアプリケーションからの入力メッセージの信頼性を確認する発信元確認器を含む。
さらに、本発明の好ましい実施形態によると、コーディネータは、ウェブサイト構築システムと少なくとも1つのサードパーティアプリケーションとの間、およびサードパーティアプリケーションと少なくとも1つの別のサードパーティアプリケーションとの間のプロトコル互換性問題を解決するためのプロトコル変換器を含む。
さらに、本発明の好ましい実施形態によると、コーディネータは、ページと少なくとも1つのサードパーティアプリケーションとの間、少なくとも1つのサードパーティアプリケーションとページとの間、少なくとも1つのサードパーティアプリケーションと少なくとも1つの別のサードパーティアプリケーションとの間、のうちの少なくとも1つの間で動的レイアウト変更を更新するための動的レイアウト更新器を含む。
さらに、本発明の好ましい実施形態によると、コーディネータは、ウェブサイト構築システムのグローバル属性、少なくとも1つのサードパーティアプリケーションの制御許可、ページの要素のレイアウト、スタイルおよびコンテンツ、のうちの少なくとも1つを更新するための更新器を含む。
本発明の好ましい実施形態によると、ウェブサイト構築システムのための装置が提供され、本装置は、外部の取得元からウェブサイト構築システムの少なくとも1つのテンプレートを受信するサードパーティアプリケーションの受信器であって、サードパーティアプリケーションがウェブサイト構築システムの少なくとも1つのテンプレートに関連付けられる、サードパーティアプリケーションの受信器、を含む。さらに、本装置は、少なくとも1つのサードパーティアプリケーションのインスタンスがウェブサイトページ内に作成されるときに、テンプレートをそのページ内にインストールするためのインストーラ、を含む。
さらに、本発明の好ましい実施形態によると、本装置は、サーバおよびクライアントの少なくとも一方に実装可能である。
さらに、本発明の好ましい実施形態によると、テンプレートは編集可能である。
さらには、本発明の好ましい実施形態によると、テンプレートは、ウェブサイト構築システムのコンポーネントとマルチパートサードパーティアプリケーションのうちの少なくとも一方を含む。
さらに、本発明の好ましい実施形態によると、ウェブサイトページは、既存のページ、既存のミニページ、新たに作成されるページ、新たに作成されるミニページ、のうちの少なくとも1つである。
さらに、本発明の好ましい実施形態によると、受信器は、参照整合性を維持し、少なくとも1つのサードパーティアプリケーションとページとの間のインタフェース解決(interface resolution)を実行する。
本発明の好ましい実施形態によると、ウェブサイト構築システムのための方法が提供される。本方法は、少なくとも1つのサードパーティアプリケーションのウェブサイトのインスタンスを含むページを作成するステップと、ページと少なくとも1つのサードパーティアプリケーションとの間、または少なくとも1つのサードパーティアプリケーションと少なくとも1つの別のサードパーティアプリケーションとの間の双方向通信バックチャネルを定義するステップと、を含む。さらに、本方法は、ページが閲覧またはアクセスされるときに通信バックチャネルに従って通信を調整するステップを含む。
さらに、本発明の好ましい実施形態によると、少なくとも1つのサードパーティアプリケーションは、マルチパートサードパーティアプリケーションとモジュール式サードパーティアプリケーションの少なくとも一方である。
さらに、本発明の好ましい実施形態によると、調整するステップは、事前定義された少なくとも1つのサードパーティアプリケーションのインスタンスを監視するステップ、を含む。
さらに、本発明の好ましい実施形態によると、調整するステップは、通信の発信元または発信先のシンボリックアドレスおよび絶対アドレスを識別および変換するステップ、を含む。
さらに、本発明の好ましい実施形態によると、調整するステップは、ウェブサイト構築システムと少なくとも1つのサードパーティアプリケーションとの間の通信ポリシーを適用するステップ、を含む。
さらに、本発明の好ましい実施形態によると、調整するステップは、少なくとも1つのサードパーティアプリケーションへの通信メッセージ、および少なくとも1つのサードパーティアプリケーションからの通信メッセージを、ウェブサイト構築システム内で経路変更するステップ、を含む。
さらに、本発明の好ましい実施形態によると、調整するステップは、少なくとも1つのサードパーティアプリケーションからの入力メッセージの信頼性を確認するステップ、を含む。
さらに、本発明の好ましい実施形態によると、調整するステップは、ウェブサイト構築システムと少なくとも1つのサードパーティアプリケーションとの間、およびサードパーティアプリケーションと少なくとも1つの別のサードパーティアプリケーションとの間のプロトコル互換性問題を解決するステップ、を含む。
さらに、本発明の好ましい実施形態によると、調整するステップは、ページと少なくとも1つのサードパーティアプリケーションとの間、少なくとも1つのサードパーティアプリケーションとページとの間、少なくとも1つのサードパーティアプリケーションと少なくとも1つの別のサードパーティアプリケーションとの間、のうちの少なくとも1つの間で動的レイアウト変更を更新するステップ、を含む。
さらに、本発明の好ましい実施形態によると、調整するステップは、ウェブサイト構築システムのグローバル属性、少なくとも1つのサードパーティアプリケーションの制御許可、ページの要素のレイアウト、スタイルおよびコンテンツ、のうちの少なくとも1つを更新するステップ、を含む。
さらに、本発明の好ましい実施形態によると、更新するステップは、スタイルシートをカスケード処理するステップ、を含む。
本発明の好ましい実施形態によると、ウェブサイト構築システムのための方法が提供される。本方法は、外部の取得元からウェブサイト構築システムの少なくとも1つのテンプレートを受信するステップであって、サードパーティアプリケーションがウェブサイト構築システムの少なくとも1つのテンプレートに関連付けられる、ステップ、を含む。さらに、本方法は、少なくとも1つのサードパーティアプリケーションのインスタンスがウェブサイトページ内に作成されるときにテンプレートをページ内にインストールするステップ、を含む。
さらに、本発明の好ましい実施形態によると、テンプレートは編集可能である。
さらに、本発明の好ましい実施形態によると、テンプレートは、ウェブサイト構築システムのコンポーネントとマルチパートサードパーティアプリケーションのうちの少なくとも一方を含む。
さらに、本発明の好ましい実施形態によると、ウェブサイトページは、既存のページ、既存のミニページ、新たに作成されるページ、新たに作成されるミニページ、のうちの少なくとも1つである。
さらに、本発明の好ましい実施形態によると、受信するステップは、参照整合性を維持し、少なくとも1つのサードパーティアプリケーションとページとの間のインタフェース解決を実行する。
本発明とみなされる主題は、本明細書の結論部分に具体的に指摘して明確に記載してある。しかしながら、添付の図面を参照しながら以下の詳細な説明を読み進めることによって、本発明について、その編成および動作方法の両方に関してと、本発明の目的、特徴、および利点とを、深く理解することができる。
ウェブサイト構築システムとサードパーティアプリケーションとの間のデプロイ構成の概略図 サードパーティアプリケーションの内部コンテンツ管理の概略図 サーバ側の処理によって含有ウェブページにサードパーティアプリケーションを含めるときの概略図 クライアント側の処理によって含有ウェブページにサードパーティアプリケーションを含めるときの概略図 iframeのインクルージョンによって含有ウェブページにサードパーティアプリケーションを含めるときの概略図 ページレイアウトの変更時における既存の非最適なサードパーティアプリケーションの表示の概略図 本発明に従って構築されて動作する、ウェブサイト構築システムと1つまたは複数のサードパーティアプリケーションとを統合するシステムの概略図 本発明に従って構築されて動作する、ウェブサイト構築システムと1つまたは複数のサードパーティアプリケーションとを統合するシステムの概略図 コンポーネントモデルと比較してのドキュメントオブジェクトモデルの概略図 ブログのマルチパートサードパーティアプリケーションの例の概略図 販売用のモジュール式サードパーティアプリケーションの例の概略図 本発明に従って構築されて動作する通信ハブの異なる実装の概略図 本発明に従って構築されて動作する通信ハブの異なる実装の概略図 本発明に従って構築されて動作する図11Aおよび図11Bの通信ハブの要素の概略図 本発明に従って構築されて動作する図11Aおよび図11Bの通信ハブによって実行される通信変換処理の概略図 本発明に従って構築されて動作する、関連付けられるテンプレートを有するサードパーティアプリケーションを扱う含有ウェブページの概略図 本発明に従って構築されて動作する、関連付けられるテンプレートを有するサードパーティアプリケーションをミニページの内側に含む含有ウェブページの概略図
図を簡潔かつ明瞭にするため、図面に示した要素は必ずしも正しい縮尺で描かれていないことを理解されたい。例えば、明瞭さのため、いくつかの要素の寸法が別の要素よりも誇張されていることがある。さらに、適切と考えられる場合、複数の図面において対応する要素または類似する要素を同じ参照数字によって表してある。
以下の詳細な説明においては、本発明を完全に理解できるようにする目的で、膨大な具体的な細部を記載してある。しかしながら、これらの具体的な細部なしでも本発明を実施できることが、当業者には理解されるであろう。さらには、本発明が曖昧になることがないように、周知の方法、手順、およびコンポーネントについては、詳細には説明していない。
出願人は、サードパーティアプリケーションが一般にウェブサイト構築システムに統合される現在の方法と、統合されたサードパーティアプリケーションとウェブサイト構築システムとが対話する現在の方法には、多くの制限が存在することを認識した。
このような制限としては、サードパーティアプリケーションの表示が、含有ウェブページの内側の1つの長方形領域(この領域はiframeに含まれる)に制限されることが挙げられる。さらなる制限として、サードパーティアプリケーションのウィンドウのサイズおよび位置と、サードパーティアプリケーションの実際の表示ウィンドウの外側である視覚要素(例えば、サードパーティアプリケーションのウィンドウの周囲の専用の表示フレーム)を、サードパーティアプリケーションが制御する能力が挙げられる。
サードパーティアプリケーションは、自身の表示スタイル(配色、フォント、文字サイズなど)を有しうる。これらのスタイルは、いくつかの含有ウェブページには適合するが、別の含有ウェブページでは視覚的に問題があったり調和しないことがある。
別の制限は、含有サイトの観点からのサードパーティアプリケーションの表示に柔軟性がないことである。(例えば、画面サイズの異なるプラットフォームにデプロイするため、あるいは動的レイアウトイベントに起因して)サイトを視覚的に修正しなければならない場合、サードパーティアプリケーションに割り当てられているウィンドウのサイズを変更するように含有ウェブページに要求されることがある。このような場合、サードパーティアプリケーションの表示が途中で切り取られ、サードパーティアプリケーションにおけるさまざまなサブ領域に達するためにはスクロールバーを介してスクロールすることが要求される。図6を参照し、この図は、含有ウェブページ[a]をリサイズしたときに起こりうる状況の例を示している。オンラインショップのサードパーティアプリケーション[b]に割り当てられる領域が減少し、「購入」ボタン[c]を、ショッピングカート[d]の内容と一緒に表示させることができないため、購入を完了するためには何回かのスクロール操作が要求され、実際に購入が完了される可能性が大幅に減少する。
サードパーティアプリケーションは含有ウェブページ内の別のコンポーネントと対話することができず、複雑な機能を達成するためにはこのような対話が必要となりうることを理解されたい。特に、サードパーティアプリケーションは、含有ウェブページ内のコンポーネントのタイプおよびコンテンツに従って異なる動作を実行することはできない。この1つの例は、オンライン料理教室をストリーミングするウェブサイトである。ユーザは、動画を観ているバックグラウンドにおいて、画面の別の領域に、最新のニュースおよび天気情報(例えばCNNからのライブストリームなど)を配信するための専用の小さい画面領域を表示させたいことがある。ユーザは、自分が住む地域の天気予報が始まったときに、学習セッションを自動的に一時停止させることを望むことがある。
さらには、特に、複数のサードパーティアプリケーションが異なるベンダーによって提供されている場合、これらのサードパーティアプリケーションが互いに協力するための明確かつ標準的な方法は存在しない。したがって、デザイナーには、異なるベンダーからの複数のサードパーティアプリケーションを組み合わせる明確な方法がない。この1つの例は、サードパーティの発注システムのモジュールと、出荷システムの異なるモジュールとを実行する電子商取引のウェブサイトの場合である。出荷スケジュールなどに従って商品を発注することが望ましいことがある。
出願人は、ウェブサイト構築システムと、その中に含まれるサードパーティアプリケーションインスタンスとの間と、同じ含有ページ内に実装することのできる複数の異なるサードパーティアプリケーションインスタンスの間の、構造化された双方向通信チャネルを使用することによって、この統合を達成できることを認識した。これらのチャネルは、レイアウト、スタイル、および追加の情報に関する情報を転送することもできる。
以下の説明は、iframeインクルージョン法に焦点を当てており、この方法は、最近のブラウザに内蔵されたり統合されたりしており、専用の統合コードを作成する必要がないため、好ましい方法であることを理解されたい。さらに、iframeインクルージョン法では、ブラウザによってサポートされるカプセル化およびサンドボックス機能が提供されるほか、悪意のあるサードパーティアプリケーションによって採用されうるクロスサイトスクリプティング攻撃などのハッキング技術に対する本質的な保護も提供される。
次に、図7Aおよび図7Bを参照し、これらの図は、本発明の実施形態による、ウェブサイト構築システムと1つまたは複数のサードパーティアプリケーションとを統合するシステム100を示している。図7Aは、デザイン段階におけるシステム100を示しており、図7Bは、実行時におけるシステム100を示している。図7Aにおいて理解できるように、システム100は、クライアント10と、ウェブサイト構築システム(WBS)サーバ20にインストールされているウェブサイト構築システム30と、1つまたは複数のサードパーティアプリケーションサーバ50にインストールされている1つまたは複数のサードパーティアプリケーション40とを備えている。ウェブサイト構築システム30は、WBSコーディネータ21と、アプリケーションリポジトリ22と、WBS側TPAプロパティシート23と、サードパーティアプリケーション(TPA)コーディネータ24と、AppStore 25(サーチャー26を含むことができる)とを備えている。クライアント10は、ページコンポーザ12と、TPAプロパティシート23のクライアント側表示とを備えている。いくつかの実施形態においては、クライアント10は、AppStore 25のクライアント側表示をさらに備えていることができる。ページコンポーザ12は、後からさらに詳しく説明するリンカ13を備えている。サードパーティサーバ50は、サードパーティアプリケーション40と、外部TPAコーディネータ51と、TPAデータベース52とを備えており、TPAデータベース52は、サードパーティアプリケーション40のコンポーネントやテンプレートなどを使用できるように格納している。なお、システム100は、サードパーティアプリケーション40の複数のベンダーに属する複数のサードパーティサーバ50を含むことができる。
TPAプロパティシート23は、サードパーティアプリケーション40のインスタンスの属性が指定されるときに呼び出すことができることを理解されたい。さらには、呼び出されたとき、TPAプロパティシート23は、クライアント10においてはTPAプロパティシート23のクライアント側表示として表示されることを理解されたい。さらには、オフラインの実施形態は、インストールされているクライアントソフトウェアの一部として自身のプロパティシートを有することができ、したがって、アプリケーションTPAプロパティシート23やリポジトリは存在しないことを理解されたい。
クライアント10の前に座っているデザイナーまたはエンドユーザ5は、ページコンポーザ12を使用してウェブサイトページおよび対話(インタラクション)(ページ間対話およびページ内対話)を作成することで、自身のウェブサイト(または他のオンラインアプリケーション)を作成することができることを理解されたい。デザイナー5は、アプリケーションリポジトリ22に格納されている、ウェブサイト構築システム30の一部であるコンポーネントやテンプレートなどを、WBSコーディネータ21を介して選択することができる。さらに、デザイナー5は、サードパーティアプリケーション40からのサードパーティアプリケーション40インスタンスを埋め込む含有ウェブページ203を作成することができ、サードパーティアプリケーション40は、あらかじめ購入することができ、そのテンプレートやコンポーネントなどをアプリケーションリポジトリ22に格納しておくことができる。代替実施形態においては、購入したテンプレートやコンポーネントなどは、TPAデータベース52に格納しておき、外部TPAコーディネータ51を介してアクセスすることができる。さらに別の実施形態においては、サードパーティアプリケーション40のテンプレートやコンポーネントなどを、必要に応じてAppStore 25を介して購入することができる。プロパティシート23は、デザイナー5によって指定することができ、後からさらに詳しく説明するように、購入したサードパーティアプリケーション40のインスタンスに関する情報(許可、インストールガイド、支払いなど)を保持することができる。さらに、デザイナー5は、リンカ23を使用して、含まれる複数のサードパーティアプリケーション40の間の通信チャネル(必要な場合)を手操作で指定することができる。さらに、デザイナー5は、リンカ23を使用することで、構築している含有ウェブページと、そこに含まれるサードパーティアプリケーション40のインスタンスとの間の固有の通信接続および規則を指定できることを理解されたい(上述したように動画やCNNニュースレポートが同時に表示されるなど)。リンカ23によって作成されたリンクは、ウェブサイトが存続している限り修正できることを理解されたい。
デザイナー5は、サードパーティアプリケーション40のベンダーまたは外部業者によって運営されている外部のAppStoreなど、AppStore 25の外部のチャネルを通じて、サードパーティアプリケーション40を取得することができることを理解されたい。このような場合、ウェブサイト構築システム30は、デザイナー5によってウェブサイト構築システム30を通じて作成されたウェブサイトにそのサードパーティアプリケーション40を最初にインストールするときに、サードパーティアプリケーション40およびその構成データ(configuration data)を登録することができる。
必要な場合にリンカ23が通信チャネルを確立できるようにするためには、サードパーティアプリケーション40は、(自身が通信しようとする)含有ウェブページ203内のコンポーネント(別のサードパーティアプリケーション40のインスタンスを含む)を正しく認識および識別できる必要があることを理解されたい。関連付けられるテンプレートに基づくコンポーネント(後からさらに詳しく説明する)の場合、この識別は、サードパーティアプリケーション40のベンダーによってあらかじめ実行される。関連付けられるテンプレート内のコンポーネントには、固有の参照IDを与えることができ、サードパーティアプリケーション40は、これらのコンポーネントと通信するときに、これらのIDを使用することができる。
さらに、(後からさらに詳しく説明する)マルチパートサードパーティアプリケーション40(すなわち複数のiframeにわたり分散する1つのサードパーティアプリケーション40)の場合、複数のパートは、互いに通信する方法を自動的に認識することができることを理解されたい。
関連付けられるテンプレートに含まれていない、含有ウェブサイトページのコンポーネント(後からさらに詳しく説明する)については、サードパーティアプリケーション40は、自身が機能するために存在しているべき要求される(必須またはオプションの)含有ウェブページ203のコンポーネントのリストを含むことができる。このリストは、プロパティシート23の中に格納することができ、一意のIDと、説明と、コンポーネントの詳細(例えば、テキストコンポーネントでなければならない、ブログの応答(talkback)ラベルとして使用される)とを含むことができる。このリストは、AppStore 25へのサードパーティアプリケーション40のエントリに列挙することができ、デザイナー5は、サードパーティアプリケーション40の要件を満たす含有ウェブページ203の中のコンポーネント(フィールド)を、リンカ23を使用して指定することができる。ウェブサイト構築システム30は、サードパーティアプリケーション40のインスタンスが作成されたときに、含有ウェブページ203の不足しているコンポーネントを動的に作成することができ、デザイナー5は、後からこれらのコンポーネントを移動する、リサイズする、および完全に指定することができることを理解されたい。
これに代えて、ウェブサイト構築システム30は、含有ウェブページ203のコンポーネントモデル全体または一部を、含有ウェブページ203に含まれるサードパーティアプリケーション40に公開することができる。この場合のコンポーネントモデルは、含有ウェブページ203のコンポーネントモデルであり、ドキュメントオブジェクトモデル(DOM)ではないことを理解されたい。含有ウェブページ203のドキュメントオブジェクトモデル(DOM)は、コンポーネントモデルよりもずっと複雑かつ詳細なモデルであることがあり、なぜなら実際の含有ウェブページ203には、ウェブサイト構築システム30のインフラストラクチャの一部である、または含有ウェブページ203のコンポーネントをサポートする、膨大なHTML要素(非表示要素および可視要素の両方)が含まれうるためである。したがって、コンポーネントモデルはずっと単純である。
次に、図8を参照し、図8は、複数のHTMLコンストラクト(一部を囲むdivタグ[b]、内部divタグ[c]、フレーム「ミニウィジェット」[d1]..[d5]など)を使用してテキストコンポーネント[a]を実装する方法を示している。含有ウェブページ203のDOMモデル[e]は、これらのサブ要素それぞれに対する個別のDOMツリーノードを含むことができる。コンポーネントモデル[f]はずっと単純にすることができ、1つのコンポーネントノード[g]のみを含む。
システム100は、選択的なコンポーネントの公開をサポートすることもでき、デザイナー5は、どのコンポーネントをサードパーティアプリケーション40に公開するべきかをリンカ23を介して指定することができ、これらのコンポーネント(場合によってはこれらのコンポーネントに通じる「含有経路(containment path)」を含む)のみを、サードパーティアプリケーション40から可視である単純化されたコンポーネントモデルに含めることができることを理解されたい。この指定は、含まれているコンポーネントを、それらのタイプや、ウェブサイト構築システム30の他の属性に従って、明示的にマークすることによって実行することができる。これにより、サードパーティアプリケーション40は、含有ウェブページ203のコンポーネントモデルをたどって、要求されるコンポーネントを特定することができる。
さらに、含有ウェブページ203とサードパーティアプリケーション40のインスタンスとの間のリンク(例えばブロードキャストリンク)を自動的に作成することもでき、ブロードキャストリンクでは、サードパーティアプリケーション40は、実行時に通信を送って特定のイベントを記録することができることを理解されたい。この通信は、オプションまたは必須とすることができる(すなわちサードパーティアプリケーション40は、このようなメッセージを受信するためにリンクされている対応するサードパーティアプリケーション40が存在しない限り、機能しない、またはインストールしない)。例えば、サードパーティアプリケーション40は、自身が実行する動作・機能に関する情報パケットをブロードキャストすることができ、インストールされているロギングのサードパーティアプリケーション40は、これらの情報パケットを受信することができる。
このようにして設定が完了した新たに作成されたページは、後からさらに詳しく説明するように、実行時に呼び出すことができるように、(WBSコーディネータ21を介して)アプリケーションリポジトリ22に格納しておくことができる。
次に、図7Bを参照する。この実施形態においては、要素は、クライアント10の要素を除いて、図7Aにおける要素と同じである。実行時、クライアント10は、含有ウェブページ203を表示するためのビューア201を備えている。ビューア201は、それぞれがサードパーティアプリケーション40の異なるインスタンス(1つまたは複数のサードパーティアプリケーション40から派生するインスタンス)を表示させるための複数のビューポート202を備えていることができることを理解されたい。さらに、クライアント10は通信ハブ205を備えており、通信ハブ205は、通信を促進するものであり、含有ウェブページ203と、含有ウェブページ203がホストしているサードパーティアプリケーション40との間のバックチャネルと、ホストされている複数のサードパーティアプリケーション40の間で要求される通信とを、関連する含有ウェブページ203に接続することなく、提供する。ハブ205の機能については、後からさらに詳しく説明する。
ハブ205はクライアント10に実装することができ、なぜなら、含有ウェブページ203とサードパーティアプリケーション40のインクルージョンの両方が、可視のウェブサイトの対話部分であり、これらの通信を、クライアントとサーバの間の往復によって遅延させるべきではないためであることを理解されたい。代替実施形態においては、サードパーティアプリケーションサーバ50が大量のデータを交換する必要があり、これらのデータをクライアント10を経由させないことが好ましい場合、ハブ205を、ウェブサイト構築システムのサーバ20に実装することができる。
通信ハブ205は、ウェブサイト構築システム30と1つまたは複数のサードパーティアプリケーション40との間の通信と、複数のサードパーティアプリケーション40の間の通信のさまざまな組合せをサポートすることができることを理解されたい。例えば、ハブ205によって、サードパーティアプリケーション40が、メインサイト内の別のページに切り替えるようにウェブサイト構築システム30に要求することが可能になる。さらに、通信ハブ205によって、サードパーティアプリケーション40が、自身のウィンドウをリサイズする(場合によっては含有ページのレイアウトに影響しうる)ように要求することが可能になる。このリサイズは、後からさらに詳しく説明する動的レイアウト処理を通じて行うことができる。あるいは、(例えば)表示の変更に対応するためにはサードパーティアプリケーション40が別のバージョンに切り替えることが要求される場合、含有ウェブページ203は、この切り替えを要求することができる。この双方向通信は、サードパーティアプリケーション40のコンポーネントと、サードパーティアプリケーション40に関連するウェブサイト構築システム30の(追加の情報を表示する)コンポーネントとの間と、上述したようにマルチパートサードパーティアプリケーション40の要素とモジュール式サードパーティアプリケーションとの間に、確立することもできることを理解されたい。
さらに、システム100は、オンラインおよびオフラインのウェブサイト構築システム30の両方を使用して実装することもでき、また、システム100は、ホスティング方法(例えば、クライアント側要素、ウェブサイト構築システム30のベンダーのサーバ、サードパーティアプリケーション40のベンダーのサーバ、他のフォースパーティのサーバなど)の任意の組合せを使用できることを理解されたい。上述したオフラインの実施形態の場合であっても、サーバはシステム100を実装することが要求されうることを理解されたい。
さらに、システム100は、大きな組織におけるプライベートサイトホスティングシステムなど、(ウェブサイト構築システムのベンダーによって運営されていない)別のサーバセット上でホストすることもできる。
さらに、システム100は、上述したサードパーティアプリケーション40からのインスタンスのインクルージョンオプションのすべてをサポートすることができる。しかしながら、システム100は、これらのオプションのサブセットのみをサポートすることもでき、あるいは、サードパーティアプリケーション40のインスタンスのインクルージョンオプションに制限を課すことができる。
さらに、システム100は、マルチパートサードパーティアプリケーション40を実装することもできる。マルチパートサードパーティアプリケーション40は、それぞれが個別のiframeを使用して処理される複数の表示領域を含むことができる。これらの領域は、後からさらに詳しく説明するように、通信ハブ205を通じて(必要に応じて)協力することもできる。
次に、図9を参照し、この図は、マルチパートサードパーティアプリケーション40の例を示している。図示したように、AppStore[b]から取得されたブログのサードパーティアプリケーション[a]が、含有ウェブページ203[c]に配置されている。ブログのサードパーティアプリケーション[a]は、3つの領域、すなわち、ブログエントリ領域[d]と、タグクラウド領域[e]と、ニュース更新領域[f]とを含む。マルチパートサードパーティアプリケーションは、自身の複数の領域をさまざまな方法で使用することができ、例えば、(上のブログの例におけるように)1つのアプリケーションの同時に存在する複数の部分として、あるいは、1つのアプリケーションのオプションとして存在する複数の部分(つねに表示される複数の領域と、要求されるときにのみ表示されるオプションの複数の領域とを含む)として、使用することができることを理解されたい。オプションの領域の表示は、サードパーティアプリケーション40によって、または(サードパーティアプリケーションを含めるときにそれをどのように構成するかを決定する)デザイナー5によって、制御することができる。さらに、表示は、構成領域や追加ダイアログ領域などのサポート機能領域として制御することもできる。代替として、(例えば、サードパーティアプリケーションのスモールバージョンおよびラージバージョンを有する、またはサードパーティアプリケーションのポートレートバージョンおよびランドスケープバージョンを有する)マルチバージョンのサードパーティアプリケーションの表示についても同様である。
上述した機能は、サードパーティアプリケーション40の要素の表示にiframeを使用して実装することができ、したがって、iframeベースのアーキテクチャのカプセル化およびセキュリティの利点が得られることを理解されたい。
さらに、マルチパートサードパーティアプリケーション40を実装するには、(それぞれのiframeの内側の)サードパーティアプリケーション40が、さまざまなiframeの表示(例えば、iframeの可視性、サイズ、位置)を制御できることが要求される。さらに、後からさらに詳しく説明するように、通信ハブ205によって、この表示を可能にできることを理解されたい。
さらに、マルチパートサードパーティアプリケーション40が(視覚的に)複数の要素および領域からなるときでも、(例えばAppStore 25における)購入、インストール、設定などの点において、このアプリケーション40は依然として1つのサードパーティアプリケーション40とみなされることを理解されたい。
既存のシステムにおいては、サードパーティアプリケーション40それぞれが個別のエンティティとみなされ、(同じベンダーからの、または提携しているベンダーからの)2つのサードパーティアプリケーション40の間の協力関係は、ケースバイケースでシステムごとに開発しなければならない。システム100は、個別に購入およびインストールすることのできる協力する複数のサブモジュールからなるモジュール式サードパーティアプリケーション40をサポートすることもできることを理解されたい。
次に、図10を参照し、この図は、販売管理のモジュール式サードパーティアプリケーション[a]が、サブモジュールとして、顧客管理(CRM)モジュール[b]と、リードマネージメントモジュール[c]と、電子商取引モジュール[d]とを、どのように含むことができるかを示している。この1つのサードパーティアプリケーションのベンダーは、必要なサードパーティアプリケーションモジュールすべてを提供することができる。これに代えて、サードパーティアプリケーションのベンダーは、サードパーティアプリケーション40のモジュール(および機能)のサブセットを提供することができ、デザイナーは、補足的なサードパーティアプリケーションモジュールを、同じかまたは別のサードパーティアプリケーションベンダーから購入してインストールすることができる。マルチパートサードパーティアプリケーションは、1つのベンダーからの1つのサードパーティアプリケーションとして取得およびインストールされるのに対して(マルチパートサードパーティアプリケーションは複数の画面領域を占有するにすぎない)、モジュール式サードパーティアプリケーションは、個別に取得およびインストールすることのできる複数のモジュールを含み、場合によっては複数のサードパーティアプリケーションベンダーからのモジュールを含むことを理解されたい。複数のベンダーからの複数のサードパーティアプリケーションモジュールを統合できるようにするためには、サードパーティアプリケーションモジュールそれぞれが、自身が必要とするインタフェース/機能と、自身が提供するインタフェース/機能のリストを提供しなければならない。リストの提供は、例えば、ドットで区切られた階層的な名前表記法に基づくインタフェース名のリスト(例えば、My_CRM_TPA.NewClient.GetInfo)と、インタフェースパラメータの指定を使用することによって、行うことができる。
サードパーティアプリケーション40のモジュールは、必須として要求されるインタフェース(すなわちそれがないとモジュールが機能しないインタフェース)、またはオプションとして要求されるインタフェース(すなわちそれがなくてもモジュールは機能するが提供される機能が制限されたり変化するインタフェース)を指定することができる。したがって、各インタフェースに提供されるパラメータは、一意のインタフェース名、インタフェースの説明(デザイナー5が(例えば)不足しているインタフェースによって扱われる機能を認識できるようにデザイナー5に示される)、必須/オプションのステータス、インタフェースパラメータのリストおよびタイプである。サードパーティアプリケーションモジュールそれぞれは、依然として個別のiframe(またはiframeのセット)に属すことを理解されたい。インタフェースの動作は、後からさらに詳しく説明する通信チャネルに基づく。
サードパーティアプリケーション40のモジュールは、ウェブサイトのデザイン段階においてアセンブルすることができることを理解されたい。ウェブサイト構築システム30は、サードパーティアプリケーション40の追加モジュールが追加されるため、インタフェース参照(interface references)を解決することができ、この場合、サードパーティアプリケーション40の新しいモジュールが既存の必要なインタフェースを解決するが、場合によっては新しい(解決されていない)必要なインタフェースを追加する。
さらに、デザイナー5は、必須(およびオプションの)インタフェースが依然として解決していない間に、完成したウェブサイトを編集して実行することができることを理解されたい。しかしながら、デザイナー5は、必須のインタフェースすべてが解決されるまでは、作成したウェブサイトを公開することはできず、解決していない必須のインタフェースを依然として有するサードパーティアプリケーションモジュールをハブ205が起動することを要求する機能を試みると、メッセージが表示される。
さらに、AppStore 25は、要求されるサードパーティアプリケーションモジュールのインタフェースを解決するサードパーティアプリケーションモジュールを特定することを試みるサーチャー26を備えていることができることを理解されたい。サーチャー26は、特定のサードパーティアプリケーションモジュールまたはすべてのサードパーティアプリケーションモジュールを、解決されていないインタフェースに基づいて検索することができる。さらに、サーチャー26は、現時点で解決していないインタフェース、またはすでに解決したインタフェースに基づいて検索することができ、さらには、必須のインタフェース、オプションのインタフェース、または両方のタイプのインタフェースに基づいて検索することができる。さらに、サーチャー26を、特定のサードパーティアプリケーションの解決していないインタフェースを解決することと、特定のサードパーティアプリケーションベンダーを検索することに限定することができることを理解されたい。サーチャー26は、第1のレベルの検索(すなわち現時点で解決されていないインタフェースを満たすモジュール)、または複数レベルの検索(すなわち反復検索を実行し、前の検索によって見つかったサードパーティアプリケーションモジュールを考慮するときに加わる解決していないインタフェースを満たすモジュールも探す)のいずれかを実行することができる。
システム100は、インタフェースの説明を使用して、いくつかの不足しているインタフェースを提供することの重要性に関する情報をデザイナー5に提供することができる。ハブ205は、依然として通信する必要のある非互換性のサードパーティアプリケーションの間のインタフェース変換を提供することができる。この変換は、ウェブサイト構築システム30の供給元または外部業者によって追加されるアダプタモジュールによって行うことができ、アダプタモジュールは、要求される指定のインタフェースを別のフォーマットに適合させる。
さらに、システム100をオンラインアプリケーション編集システムに適用することができ、オンラインアプリケーション編集システムは、インターネット(または任意の別のネットワーク接続)と、ブラウザではないクライアント側ソフトウェアを使用して、作成されたオンラインアプリケーションを表示させる。このようなシステムでは、通常のウェブインフラストラクチャによって使用される特定の技術(例えば、IP通信、HTTP、HTMLなど)を使用する必要がない。
この技術分野において公知である標準的なクロスドメイン通信方法を使用して、クロスドメイン通信を容易にすることができることを理解されたい。クロスドメイン通信方法としては以下が挙げられる。
HTML5 PostMessage: HTML5の標準的な機能であり、この機能を使用することで、安全なクロスドメインメッセージングを提供することができる。HTML5 Windows.Postmessageを使用すると、たとえ異なるドメインに属していても、ウィンドウ、iframe、およびメインHTMLドキュメントの間で安全にメッセージを送ることができる。PostMessageでは、送信側iframeがメッセージの送信先のドメインを指定するためのツールと、受信側iframeがメッセージの送信元のドメインを確認するためのツールが提供される。
メッセージのURLフラグメント識別子: この方法では、URLフラグメント識別子を使用して、1つのエンドポイントから別のエンドポイントにメッセージデータを送る。データをプレーンテキストに符号化し、ターゲットのエンドポイントドメインにおけるサービス、またはターゲットのエンドポイントiframeの内側の非表示iframeを呼び出すために使用されるURLに、(フラグメント識別子として)加える。フラグメント識別子を、ターゲットのサービスまたはiframeにおけるコードによって復号化する。
専用の通信ウェブサービス: ウェブサイト構築システム30は、ウェブサイト構築システムのサーバ20上でホストされる専用ウェブを提供する。さまざまな通信エンドポイントがこのサーバに接続し、メッセージを送る、あるいは待機中のメッセージがないかチェックする。この方法は、pre−HTML5 Cometセットオブテクノロジ、HTML5ベースのWebSocket、または任意の他のキューイング、ポーリング、サーバプッシュ、または類似する手法など、この技術分野において公知の方法によって行うことができる。
HTML5のローカルストレージ: HTML5では、構造化されたローカルストレージ機能が提供され、この機能を使用することで、キューに入っているメッセージを格納することができる。しかしながら、ローカルストレージにアクセスできるのは、格納しているiframeと同じドメインに属するウェブコンテンツのみである。この技術分野において開発された解決策としては、Meebo XAuth製品(現在はGoogle社が所有)によって使用されている基礎技術などが挙げられ、この技術では、小型のサーバが、要求される中間iframeを作成するためのサポートを提供し、これにより、ドメインに固有なローカルストレージに、外部ドメインに属するiframeからアクセスすることができる。
HTML5ローカルファイルアクセスAPI(アプリケーションプログラミングインタフェース): 上述したローカルストレージを使用する方法に似ており、HTML5のファイルアクセスAPI(File API、FileWriter API、FileReader API)を通じてアクセスされるユーザエージェントのローカルストレージ上のローカルファイルを使用して、クロスiframe通信チャネル(cross-iframe communication channel)を構築することができる。ただし、HTML5のファイルシステムアクセスAPIによって作成されるサンドボックス化されたローカルファイルシステムは、依然としてオリジン内からのみアクセス可能であり(origin-private)、したがって、同一オリジンという制限を克服するために中間iframe/サーバコンポーネントが要求される。
専用のブラウザプラグイン: クロスiframeメッセージキューを管理するための、専用のブラウザ(または他のユーザエージェント)プラグインを作成することができる。このようなプラグインは、(すべてのレベルにおける)ウェブサイト構築システム30のユーザがインストールしなくてはならないが、すべてのiframeと、ウェブサイト構築システム30のメインページに、必要なサービスを提供する。
通信ハブ205は、上述した転送方法のいずれかを使用するiframe間通信すべてにおいてブローカーとして機能することができることを理解されたい。さらに、ハブ205は、含有ウェブページ203の構造と、サードパーティアプリケーション40のベンダーによって提供されてプロパティシート23に格納されているサードパーティアプリケーション40の詳細情報を、完全に認識することができることを理解されたい。さらに、サードパーティアプリケーション40は、複数の異なるアプリケーションに含まれているときと、(上述したように)同じアプリケーション内に含められる複数の異なるインスタンスにおいて、異なるパラメータを有することができる。このようなパラメータとしては、(後からさらに詳しく説明する)スマートアドレッシング(smart addressing)に使用することのできる一意のインスタンス名が挙げられる。さらに、ハブ205は、プロパティシート23に格納されていない、サードパーティアプリケーション40の追加の詳細情報を認識することもできることを理解されたい。
さらに、ハブ205は、スマートアドレッシングおよびスマート識別を容易にする、通信元を確認する、通信ポリシーを適用する、サードパーティアプリケーション40の非互換性の問題を解決する、さらにはサードパーティアプリケーション40からコンポーネントにリダイレクトすることができることを理解されたい。さらに、ハブ205は、後からさらに詳しく説明するように、含有ウェブページ203に行われた変更に基づいて、サードパーティアプリケーション40におけるレイアウトの動的な更新を可能にすることができる。
次に、図11A、図11B、および図11Cを参照する。図11Aおよび図11Bは、ハブ205の異なる実施形態を示しており、図11Cは、ハブ205のさまざまな要素の機能を示している。
ハブ205は、スマート識別子/アドレッサ310、発信元確認器320、通信ポリシーエンフォーサ330、プロトコル変換器340、リダイレクタ350、動的レイアウト更新器360、構成マネージャ370、一般更新器380、およびホストされているAPI(アプリケーションプログラミングインタフェース)のラッパー390を備えていることができる。これらの要素の機能については、後から詳しく説明する。すべての機能を、すべてのクロスドメイン通信チャネル(例えば、サードパーティアプリケーション40からウェブサイト構築システム30へのチャネル、サードパーティアプリケーション40から別のサードパーティアプリケーション40へのチャネル)に適用することができることを理解されたい。
次に、図11Aを参照し、この図は、中間iframe[a]を通じてのハブ205の一般的な実施形態を示しており、中間iframeは、内部通信API(アプリケーションプログラミングインタフェース)を使用してウェブサイト構築システム30と通信する。このようにすることで、(例えば)TPA(サードパーティアプリケーション)[d](通信APIモジュール[f]を使用する)からTPA[e](通信APIモジュール[g]を使用する)に送られるメッセージ[c]を、アプリケーションに固有な情報を適用する方法において、分析、確認、または修正することができる。
次に、図11Bを参照し、この図は代替実施形態を示しており、この実施形態では、中間iframeを使用せずに、(サードパーティアプリケーション[c]に埋め込まれている)通信APIモジュール[a]と、(サードパーティアプリケーション[d]に埋め込まれている)通信APIモジュール[b]の一方または両方において、クロスドメイン通信を使用する。モジュール[a]およびモジュール[b]は、通信メッセージ[f]を扱うとき、ウェブサイト構築システム30と直接対話してアプリケーションに固有な情報を受信し、この情報を使用する。(図11Aに示した実施形態と比較したときの)この実施形態の欠点として、ウェブサイト構築システム30のレベルの相当な量の情報が、サードパーティアプリケーションに含まれているモジュールの内側で処理されることがあり、これらの情報が、悪意のあるサードパーティアプリケーションによってアクセスされる(場合によっては修正される)ことがある。
上述したように、上に説明したすべてのクロス通信方法においては、iframeのアドレッシングは、iframeのオリジン(ソースドメイン、ソースプロトコル、ソースポートなど)に基づき、すなわち、(受信側を指定するための)メッセージを送るときと、(受信側に提供される送信側の名前としての)メッセージを受信するときに、サードパーティアプリケーション40のダイレクトアドレッシングを使用する。さらに、メッセージを送るためには、送信側は、(JavaScriptのdocument.getElementById(“...”).contentWindowコールまたは任意の他のメソッドを使用して)ターゲットのiframeウィンドウを指定することが要求される。したがって、既存のシステムにおいては、サードパーティアプリケーション40それぞれが、自身が通信する先の別のサードパーティアプリケーション40の具体的な詳細情報すべて(ドメイン、プロトコル、ポート、iframe IDを含む)を含んでいなければならない。
このタイプのダイレクトアドレッシングは、システム100の環境において扱いにくいことがあることを理解されたい。たとえデザイナー5が、提携していない複数のサードパーティアプリケーション40ベンダーからの複数のサードパーティアプリケーション40を統合しても、サードパーティアプリケーション40ベンダーによって供給されるサードパーティアプリケーション40が、最初は特定のドメインにおいてホストされるが、後から別のドメインまたはサブドメインに移動することがある。サードパーティアプリケーション40ベンダーは、特定のサードパーティアプリケーションと通信するために使用されるプロトコルまたはポートを変更することがある。デザイナー5には、サードパーティアプリケーション40を含む含有ウェブページ203のデザインを修正することが要求されうる。これらのすべては、運営中であり膨大なユーザによってアクセスされるウェブサイトにおいて使用されているサードパーティアプリケーション40において起こりうる。さらに、1つの含有ウェブページ203が、異なる機能を果たすことのできる、1つのサードパーティアプリケーション40の複数のインスタンスを含むことがある。例えば、製品サポートのウェブサイト内の1つのページに、チャットのためのサードパーティアプリケーション40の2つのインスタンス(1つはユーザ同士のチャットおよびフォーラムのためのインスタンス、もう1つは、連絡可能なときにベンダーのサポート担当者に相談するために使用されるインスタンス)が含まれることがある。
アドレッサ/識別子310は、含有ウェブページ203の構造と、(サードパーティアプリケーション40のベンダーによってウェブサイト構築システム30に提供される)サードパーティアプリケーション40の詳細情報とを完全に認識していることができることを理解されたい。アドレッサ/識別子310は、送信元サードパーティアプリケーション40または送信先サードパーティアプリケーション40のアドレッシングを、(AppStore 25に登録されている)サードパーティアプリケーション40の一意の名前と、含有ウェブページ203におけるサードパーティアプリケーション40の各インスタンスに加えられ、したがって同じサードパーティアプリケーション40の複数のインスタンスのアドレッシングを可能にする、サードパーティアプリケーション40のインスタンスの記述ID(descriptive ID)と、要求されるサードパーティアプリケーションのタイプ/クラスの一般識別子(generic identifier)(例:「含有ウェブページ203におけるイベントロギングのサードパーティアプリケーション40のインスタンスにメッセージ<x>を送りたい」)、のうちのいずれかを使用して、互いに提供することができる。このような識別子は、サードパーティアプリケーション40によってサポートされるべき特定のサービスを記述することもできる。さらに、アドレッサ/識別子310は、バージョンの指示情報を使用することができる(例:「会計パッケージ<y>がバージョン<z>である場合のみ、会計パッケージ<y>のインスタンスにトランザクション<x>を送りたい」)。
実行時、サードパーティアプリケーション40は、ハブ205と通信するのみであり、したがって、ハブ205の直接アドレスを認識しているのみでよく、他のサードパーティアプリケーション40のアドレスは認識している必要がないことを理解されたい。この1つの直接アドレスを、ウェブサイト構築システム30によってサードパーティアプリケーション40の提供業者に提供される通信APIラッパーによってカプセル化することができる(図11Aに示した通信モジュールfおよびg、図11Bに示した通信モジュールaおよびbなど)。呼出し側のサードパーティアプリケーション40は、アプリケーションが認識している自身の(上述した)記述アドレスを提供することができ、アドレッサ/識別子310は、これらのアドレスを、サードパーティアプリケーション40の直接アドレスに変換してルーティングを実行することができる。このようにすることで、サードパーティアプリケーション40は、自身が通信しうるすべてのサードパーティアプリケーション40の絶対アドレスのテーブルを維持する必要がない。
メッセージの発信元の確認は重要であり、確認を行わないと、受信側のサードパーティアプリケーション40が、敵意のあるサードパーティアプリケーション40からのメッセージを受信しうることを理解されたい。すべての通信はハブ205を介して行われるため、発信元確認器320は、サードパーティアプリケーションからの入力メッセージすべての信頼性をチェックすることができる。さらに、発信元確認器320は、メッセージに追加することのできる追加情報を提供することができ、この追加情報を使用して追加の確認を行うことができる。AppStore 25に含まれておりシステム100によって使用されるすべてのサードパーティアプリケーション40それぞれは、ウェブサイト構築システム30に登録されるため、ハブ205は、メッセージに含まれている発信元の一意のIDがメッセージの発信元(ドメイン、ポートなど)に合致するかを、ウェブサイト構築システム30によって確認することができることを理解されたい。
サードパーティアプリケーション40は、外部情報や含有ウェブページ203の情報などに依存しうる一般的な通信ポリシーを定義することができる。通信ポリシーエンフォーサ330は、仕様に準拠しない通信を扱う必要がないように、該当する通信ポリシーが適用されるようにすることができる。例えば、機密情報を扱うウェブサイトにおいては、サードパーティアプリケーションに、それらのプロファイル内の機密レベルフィールドを付与することができる。機密レベルXを扱うことが許可されている、バックエンドのイベントロギングデータベースを提供するサードパーティアプリケーション40は、Xより高い機密レベルを有するイベントを受け入れてロギングしないというポリシーを定義することができる。このような状況において、通信ポリシーエンフォーサ330は、必要な事前フィルタリングを実行して、機密レベルの高いメッセージが、低い機密レベルしか扱うことのできないアプリケーションに到達することさえも防止することができる。
さらには、デザイナー5は、協力することは可能であるがプロトコル互換性の問題のために実際には協力することのない2つ(またはそれ以上)のサードパーティアプリケーションを、作成した同じウェブサイトに含めることを望むことがあることを理解されたい。ここで図12を参照し、例えばこの図に示したように、オンラインショップのサードパーティアプリケーション[a]は、(異なるベンダーから提供されている)サードパーティアプリケーション[b]などの調達・出荷のサードパーティアプリケーションに、購入注文メッセージを送信する機能を有することがある。しかしながら、サードパーティアプリケーション[a]によって提供される情報に、サードパーティアプリケーション[b]において必要ないくつかのフィールドが含まれていないことがある。このような状況は、一般には、関与するサードパーティアプリケーションのベンダーによって解決されるべきであるが、場合によってはこのような解決を行うことができない(例えば、2つのサードパーティアプリケーションの一方が何らかの理由で現時点で更新されていない)。プロトコル変換器340は、[a]から[b]への関連するメッセージを、(例えば必要な追加のフィールドを提供することによって)変換することができる。このような変換は、プロトコル変換器340によって実行することができる、または、アプリケーションが埋め込まれているウェブサイトおよび含有ウェブページ203との対話を伴うことがある(例えば追加情報が必要である場合)。
さらには、サードパーティアプリケーション40は、別のサードパーティアプリケーション40にメッセージを送信する、またはこのようなサードパーティアプリケーション40からメッセージを受信することが要求される機能を有することがあることを理解されたい(例えば、上述したオンラインショップ/調達のサードパーティアプリケーション40のペア)。しかしながら、場合によってはソリューションの一部が存在しないことがあり、上の例においては、対応する、または適切な調達のサードパーティアプリケーション40が存在しないことがある。このような場合、リダイレクタ350を使用することによって、デザイナー5は、特定のメッセージを含有ウェブページ203のコンポーネントにルーティングする、または含有ウェブページ203のコンポーネントからの特定のメッセージをルーティングするようにと、匹敵する機能を、含有ウェブページ203のコンポーネントと、コンポーネントが提供することのできる機能とによって解決するように指定することができる。これにより、専用のサードパーティアプリケーション40を構築する必要なしに、完全なウェブサイトを構築することができる。したがって、トランザクションをデータベースにロギングすることのできるウェブサイト構築システム30のコンポーネントにトランザクションを送信することができ、このデータベースを後から(別のプログラムによって)使用して、オフラインでの調達および出荷を実行することができる。
サードパーティアプリケーション40は、同じコードベースを使用するが異なる機能が有効になる、異なる能力を有する複数の構成を提供することができる。例えば、サードパーティアプリケーション40は、無料バージョンを通じて基本的な機能を提供し、購入するプレミアムバージョン、複数の有料バージョン、またはサードパーティアプリケーション40の購入する追加機能を通じて、追加の機能を提供することができる。
システム100は、ユーザごとの(実際にはデザイナーごとの)サードパーティアプリケーション40の購入状況を管理する、ウェブサイト構築システム30をベースとする機能を含むことができることを理解されたい。さらに、すべてのデザイナーを、ウェブサイト構築システム30の登録ユーザとすることができ、したがって、ウェブサイト構築システム30は、各デザイナー5のサードパーティアプリケーション40の購入状況のデータベースを管理することができることを理解されたい。この情報は、デザイン段階においてはTPAコーディネータ24によって、実行時には構成マネージャ370によって、プロパティシート23に格納することができる。例えば、サードパーティアプリケーション40は、ウェブサイト構築システム30のクライアント側要素にバージョン問い合わせメッセージを送ることができる。ウェブサイト構築システム30のクライアント側要素は、リポジトリ22、またはローカルにキャッシュされているリポジトリのコピーに照会して、サードパーティアプリケーション40が提供するべき能力に関する情報を含む応答メッセージをサードパーティアプリケーション40に返す。
代替実装においては、ウェブサイト構築システム30は、サードパーティアプリケーション40の必要な構成情報(暗号化されたiframeパラメータなど)を、事前の問い合わせメッセージを必要とすることなしに、代替チャネルを介してサードパーティアプリケーション40に提供することができる。
上述したように、サードパーティアプリケーション40は、含有ウェブページ203の特定のコンポーネントと直接通信することができる。サードパーティアプリケーション40は、通信先のコンポーネントを、さまざまな方法で識別することができ、すなわち、(後からさらに詳しく説明するように)関連付けられるテンプレートに基づいてコンポーネントを直接的に識別する、またはデザイナー5によって含有ウェブページ203の特定のコンポーネントに明示的に指定されるアクセスIDを通じて識別する、または含有ウェブページ203によってサードパーティアプリケーション40に提供される(場合によっては選択的な)コンポーネントモデルをたどることによって識別する。
実行時、更新器380は、含有ウェブページ203のコンポーネントとサードパーティアプリケーション40との間のメッセージおよび応答を実装することができることを理解されたい。例えば、サードパーティアプリケーション40は、含有ウェブページ203のコンポーネントの視覚・表示属性(コンポーネントの位置、サイズ、色、透明度など)を変更・修正する、または問い合わせることができる。さらに、更新器380によって、サードパーティアプリケーション40は、含有ウェブページ203のコンポーネントのコンテンツを読み取るまたは書き込むことを可能になり、さらには、サードパーティアプリケーション40が、メディア機能(例えば、指定のオーディオセグメントまたはビデオセグメントをメディアプレイヤーコンポーネントに渡す、あるいは指定の期間にわたり再生を一時停止するようにメディアプレイヤーコンポーネントに要求する)を実行するコンポーネントに指示することが可能になる。
さらに、更新器380によって、ウェブサイト構築システム30のコンポーネントが、サードパーティアプリケーション40に許可するアクセスのタイプを指定することが容易になり、この場合、最近のオペレーティングシステムにおいてファイルを保護するためにアクセス許可ビットやアクセス制御リスト(ACL)が機能するのと類似する方法による。このような許可は、すべてのサードパーティアプリケーション40、特定のベンダーからのサードパーティアプリケーション40、または特定のサードパーティアプリケーション40に適用されるように、各コンポーネントに対して定義することができる。例えば、サードパーティアプリケーション40が、含有ウェブページ203の中の、サードパーティアプリケーション40の外側のテキストフィールドにアクセスできるようにすることができる。ブログのサードパーティアプリケーション40の場合、このテキストフィールドを使用してブログエントリを編集することができ、ブログのサードパーティアプリケーション40の領域自体の内側に提供することのできる画面領域よりも広い画面領域が提供される。マルチページコンテナの内側の特定のミニページに埋め込まれているサードパーティアプリケーション40の場合、ウェブサイト構築システム30は、サードパーティアプリケーション40からのアクセスを、その特定のミニページ内のコンポーネントのみに制限することができることを理解されたい。
さらに、更新器380によって、サードパーティアプリケーション40がサイト全体の要素に影響を与えることが可能になることを理解されたい。例えば、サイト内の現在のページ、サードパーティアプリケーション40を含むコンテナ内の現在のミニページ、ページ履歴などの属性を取得して設定する処理が挙げられる。さらに、更新器380は、このような要求をフィルタリングまたは制限することができる。
さらに、更新器380によって、ウェブサイト構築システム30がサードパーティアプリケーション40のスタイルおよび表示を変更・修正することが可能になる。更新器380は、ウェブサイト構築システム30がフォーマッティングおよびスタイルのガイドラインをサードパーティアプリケーション40に提供するときに使用する呼出しを実施することができる。ガイドラインは、色および配色、フォント、文字サイズ、透明度、アニメーションおよび特殊効果(例:ぼかし)などのプロパティを含むことができる。配色としては、特に、一般的配色(例えば以下のx色を使用する)や、ハイレベル配色(例えば、テキストに色xを使用し、フレームに色yを使用する)が挙げられる。
複雑なスタイル情報を表現するための1つの好ましい方法は、カスケードスタイルシート(CSS)を使用することであり、カスケードスタイルシートは、フォントやサイズ、色などの複数のスタイルディレクティブの組合せを表現することができることを理解されたい。更新器380は、このようなCSSベースのメッセージをサードパーティアプリケーション40に送ることができる。スタイルシートは、本質的に汎用とする、または、サードパーティアプリケーション40によって定義される固有のスタイル名を含むことができ、したがってウェブサイト構築システム30は、より適切なガイドラインをサードパーティアプリケーション40に提供することができる(例えば、スタイルシートは、特定のサードパーティアプリケーション40の要素を参照して、これらのガイドラインを提供することができる)。
これにより、サードパーティアプリケーション40は、これらのガイドラインを使用して、含有ウェブページ203に良好に適合した自身の外観/操作感(ルックアンドフィール)を生み出すことができる。このことは、同じサイト内の複数の含有ウェブページ203に含まれる、または複数の含有ウェブページ203から可視である(上述したマルチポートインクルージョン)サードパーティアプリケーション40にとって、特に重要である。複数の含有ウェブページが、異なる配色や基本デザインを採用することができる。サードパーティアプリケーション40は、これらのスタイルメッセージを通じて提供される情報を使用して、自身の表示色およびスタイルを、含有ページそれぞれに良好に合うように適合させ、含有ウェブページと比較して調和しない配色が表示されたり外観/操作感が生じることを回避することができる。
動的レイアウト更新器360は、動的レイアウトイベントの結果としての表示の変更を処理するときに、ウェブサイト構築システム30とサードパーティアプリケーション40、あるいはサードパーティアプリケーション40と補助的なサードパーティアプリケーションが、協力することを可能にすることを理解されたい。ウェブサイト構築システム30は、ページ内のコンポーネントのいくつかを変更するイベント発生時に、ページデザインを維持する目的で、そのページ内のコンポーネントのサイズおよび位置を変更することができる。これらの動的レイアウトイベントとしては、例えば、異なるサイズを有する画面上でウェブサイトを閲覧する、ポートレートモードとランドスケープモードの間で表示装置を回転させる、いくつかのコンポーネントのサイズや位置を変更する、特定のコンポーネントのコンテンツを変更する(結果としてコンポーネントのサイズ変更が要求される)、が挙げられる。さらに、動的レイアウトイベントとしては、(例えばデータフィード(data feed)からの情報を表示するコンポーネントにおける)サーバベースのコンテンツの更新、あるいは同じウェブサイトの別の同時利用者によるコンテンツの変更による、コンポーネントの更新が挙げられる。さらに、動的レイアウトイベントは、デザイン環境のみならず実行時環境においても起こりうることを理解されたい。特に、コンポーネントおよびサードパーティアプリケーション40によっては、デザイナーによってのみならず、実行時に(すなわちエンドユーザによって)コンポーネントのコンテンツやサイズ/位置を変更することができる。
さらに、動的レイアウトイベントは、サードパーティアプリケーション40によっても発生しうることを理解されたい。例えば、オンラインショップのサードパーティアプリケーション40では、ユーザが製品カタログの表示から(異なるサイズを有する)ショッピングカートの表示に移動するときに、サイズの変更が要求されることがある。別の例として、製品カタログのサードパーティアプリケーション40は、製品を強調表示するためのオプションを含むことがあり、このオプションに起因して、サードパーティアプリケーション40は、より多くのコンテンツを含むより大きなカタログページを表示する。さらなる例としては、追加領域の表示を開始または停止させることができるマルチ領域のサードパーティアプリケーション40が挙げられる。
ここで前出の図6を参照する。既存のシステムでは、このような状況は、たとえ扱うにしても、一般には、サードパーティアプリケーションの表示を途中で切り取り、表示にスクロールバーを追加する、または図6に示したようにページの他のコンポーネントを隠すポップアップウィンドウとして単に表示をリサイズすることによって処理する。動的レイアウト更新器360は、協力的な動的レイアウトを実装することができ、この場合、ウェブサイト構築システム30とサードパーティアプリケーション40とが協力して動的レイアウトを実行し、含有ウェブページ203の基本的なデザインを維持する。動的レイアウトの機能は、特許文献1(出願日:2013年2月20日、本発明の共通の譲受人に譲渡されている)にさらに記載されている。しかしながら、たとえ協力的な動的レイアウトをサポートするシステムにおいても、含有ウェブページ203における動的レイアウトメカニズムは、サードパーティアプリケーション40の内部レイアウトを完全には制御しない。さらには、ウェブサイト構築システム30のウィジェットは、(特定の範囲内で)任意のサイズにリサイズできるように設計されることがあるが、サードパーティアプリケーション40が任意のリサイズをサポートしないことがある。サードパーティアプリケーション40は、例えば、異なるサイズを有する複数の表示設定(例:より多くの、またはより少ない詳細情報を表示する)、サードパーティアプリケーション40の内部要素のいくつかをリサイズする機能、サードパーティアプリケーション40のテキスト要素のいくつかを複数のフォントサイズを使用して表示する機能、の任意の組合せを提供することがある。
さらに、サードパーティアプリケーション40は、提供される可能な表示サイズの数が限られていることがあり、可能なサイズの範囲全体を有することがある。したがって、含有ウェブページ203からサードパーティアプリケーション40へのリサイズ要求は、サードパーティアプリケーション40が最も近い可能なサイズに切り替えることによって、またはサードパーティアプリケーション40の可能なサイズのリストを提供する(これによりウェブサイト構築システム30は使用する適切なサイズを選択することができる)ことによって、解決することができる。
動的レイアウト更新器360は、[含有ウェブページ203からサードパーティアプリケーション40への]協力的な動的レイアウトを、次のシーケンスを使用して実装することができる。
例えば、含有ウェブページ203に埋め込まれているサードパーティアプリケーション40を、特定の所望のサイズ(例:X1*Y1ピクセル)にリサイズすることが必要となることがある。動的レイアウト更新器360は、サードパーティアプリケーション40が自身のコンテンツを特定の所望のサイズ(例:X1*Y1ピクセル)にリサイズするように要求するメッセージを、サードパーティアプリケーション40に送ることができる。サードパーティアプリケーション40は、代替の表示設定、内部でのリサイズ処理、内部での動的レイアウト処理、または任意の他の手段を使用することによって、指定のサイズに調整することができる。さらには、含有ウェブページ203が、サードパーティアプリケーション40を含む外部iframeウィンドウを新しいサイズ(X1*Y1)にリサイズできることを理解されたい。
さらに、サードパーティアプリケーション40は、可能なサイズの限られたセットにリサイズ処理できるのみでありうることを理解されたい(例えば特定のユーザインタフェース構成)。したがって、動的レイアウト更新器360は、サードパーティアプリケーション40が可能なサイズのセットを提供することができる次の代替アルゴリズムを使用することができる。
含有ウェブページ203がリサイズされ、動的レイアウト更新器360は、サードパーティアプリケーション40が自身のコンテンツを特定の所望のサイズ(X1*Y1)にリサイズするように要求するメッセージを、サードパーティアプリケーション40に送る。サードパーティアプリケーション40は、最も近い可能なサイズ(例:X2*Y2ピクセル)を求め、代替の表示設定、内部でのリサイズ処理、内部での動的レイアウト処理、または任意の他の手段を使用することによって、そのサイズにリサイズする。次いで、更新器380は、リサイズ処理を確認する応答メッセージを含有ウェブページ203に送り、実際の新しいサイズ(X2*Y2)を提供することができる。含有ウェブページ203は、サードパーティアプリケーション40を含む外部iframeウィンドウを実際の新しいサイズ(X2*Y2)にリサイズすることができる。含有ウェブページ203は、実際の新しいサイズ(X2*Y2)に基づいて動的レイアウト処理を続行することができる。
特に、含有ウェブページ203内に複数のサードパーティアプリケーション40(またはマルチ領域サードパーティアプリケーション40)が存在する場合、別の実施形態も適用可能であることを理解されたい。この実施形態においては、含有ウェブページ203は、埋め込まれているサードパーティアプリケーション40が複数のサードパーティアプリケーション40の複数のオプションを考慮して外観/操作感を最適化することを試みることができるように、埋め込まれているサードパーティアプリケーション40に問い合わせて表示サイズのリストを取得することができる。この実施形態は、サードパーティアプリケーション40が複数の領域にわたり表示される場合にも関連する。
含有ウェブページ203は、動的レイアウト処理を実行して、1つまたは複数のサードパーティアプリケーション40(TPA[1]〜TPA[n])が含有ウェブページ203に埋め込まれており次のアルゴリズムを使用してリサイズするべきであることを認識する。
iについて1からnまでループする。
各TPA[i]について、以下を求める。
最小サイズXmin[i]*Ymin[i]、
最大サイズXmax[i]*Ymax[i]、
最適サイズXopt[i]*Yopt[i]、
動的レイアウト更新器360は、上記の最小/最大/最適サイズを列挙するメッセージをTPA[i]に送り、サードパーティアプリケーション40の可能なサイズに関する情報を要求することができる。
サードパーティアプリケーション40は、自身が採用することのできる可能なサイズオプションのセット(Xposs[i][j]*Yposs[i][j])を動的更新器360に提供することができる。
含有ウェブページ203は、上記のようにして集めたXposs[][]/Yposs[][]情報に基づき、(例えば)サードパーティアプリケーションの可能なサイズの組合せすべての完全な評価、線形計画法、または動的レイアウトアルゴリズムによって使用される任意の他の手法を使用することによって、動的レイアウト計算の解を計算することができる。
すべてのTPAについて結果をXfinal[i]/Yfinal[i]に格納する。
iについて1からnまでループする。
含有ウェブページ203が、Xfinal[i]/Yfinal[i]を含むリサイズメッセージをTPA[i]に送る。
含有ウェブページ203が、TPA[i]を含む外部iframeウィンドウをXfinal[i]/Yfinal[i]にリサイズする。
含有ウェブページ203が、実際の新しいサイズに基づいて動的レイアウト処理を続行する。
動的レイアウト処理では、一般に、サードパーティアプリケーション40を単にリサイズするだけではなく、サードパーティアプリケーション40を移動させることが要求されうることを理解されたい。しかしながら、サードパーティアプリケーション40は、含有ウェブページ203の内側の自身のフレームの正確な位置に対して不変であるべきである。
上述したように、サードパーティアプリケーション40は、その表示ウィンドウのサイズを変更する必要もときおり生じうる。iframeを表示するウィンドウのサイズは、ホスティングページ(すなわち含有ウェブページ203)によって管理されるため、サードパーティアプリケーション40のウィンドウサイズの変更は含有ウェブページ203によって実行されなければならず、この場合、サードパーティアプリケーション40はウィンドウサイズを変更するように含有ウェブページ203に(動的レイアウト更新器360を介して)要求する。
さらに、サードパーティアプリケーション40は、含有ウェブページ203の内側の自身の位置を変更するように(動的レイアウト更新器360を介して)要求することもできることを理解されたい。この場合には、(サイズ変更のときのように)内部的にサードパーティアプリケーション40が影響されることはないが、含有ウェブページ203内の表示の変更が要求される。動的レイアウト更新器360は、この要求と動的レイアウトとを統合することができる。含有ウェブページ203は、動的レイアウト更新器360を起動して、サードパーティアプリケーション40のウィンドウサイズ(および場合によってはウィンドウの位置)を変更し、サイズおよび位置の変更の確認をサードパーティアプリケーション40に送ることができる。
ハブ205は、サードパーティアプリケーション40のクラスに固有な追加のメッセージ、またはサードパーティアプリケーション40に固有な追加のメッセージとして、ウェブサイト構築システム30自体、または特定の含有ウェブページ203、または補助的なサードパーティアプリケーション40がサードパーティアプリケーション40に影響を与えることのできる追加のメッセージ、を実装することもできることを理解されたい。例えば、ブログのサードパーティアプリケーション40は、新しいブログエントリ、または現在のブログエントリへの新しい応答を投稿することのできる入力メッセージを定義することがある。このようなメッセージは、(例えば、サードパーティアプリケーションの領域の外側の大きな編集フィールドからブログエントリを投稿するための方法として)含有ウェブページ203によって使用することができる。さらに、このようなメッセージは、上位レベルのアプリケーション間のリンクに使用することもでき、これにより例えば、サポートのサードパーティアプリケーションがブログのサードパーティアプリケーションにブログエントリを投稿することができる。
サードパーティアプリケーション40では、自身のサイト内でサードパーティアプリケーション40を使用しているデザイナーがサードパーティアプリケーション40の内部で使用する、または下流で使用するための幅広い複雑なサービスがしばしば要求されることを理解されたい。このようなサービスとしては、ユーザ管理や請求・出荷管理が挙げられる。ウェブサイト構築システム30のベンダーは、(例えば技術的な問題またはビジネス上の理由で)ウェブサイト構築システムの一部としてこのようなサービスを提供できないことがある。さらには、これらのサービスは、単独でサードパーティアプリケーション40として「パッケージ化」するのに適していないことがある。さらに、サードパーティアプリケーション40のベンダーは、サードパーティアプリケーション40を使用するデザイナーに複数のそのようなサービス(例:サードパーティの複数の請求API)を提供して、デザイナー5が適切なサービスを選択して使用できるようにするオプションを必要とすることがある。
例えば、ウェブサイト構築システム30において、PaypalTMによってホストされるAPIを提供することができ、このAPIをサードパーティアプリケーション40によって直接使用する、またはこのAPIを使用するデザイナー5にサードパーティアプリケーション40によって提供することができる。さらに、サードパーティアプリケーション40は、自身のオプションのセット(すなわち特定の請求タイプ、例えば一回単位請求、自動継続請求、レベニューシェア(revenue sharing)を使用する)を提供し、ホストされているPaypalのAPIを呼び出すことによってこれらのオプションを実装することもできる。
したがって、ウェブサイト構築システム30を使用しているデザイナー5は、前払請求(advanced billing)を使用する固有のサービス(楽曲を販売するオンラインショップなど)を開発することができる。デザイナー5は、ホストされている請求APIを、直接的に使用する、または追加の抽象レベル(または抽象層)を提供するサードパーティアプリケーション40を通じて使用することによって、請求APIの提供者との特定の清算協定や取引合意(merchant agreement)を交渉する必要性を回避することができる。この意味で、ウェブサイト構築システム30は、ホストされているAPIのベンダーの代理店となりうる。
ホストされているAPIのラッパー390は、システムの複数の異なる部分(例えば、ウェブサイト構築システム30、ホストされているAPIコード、含まれているサードパーティアプリケーション40)の間のこの通信を容易にすることができる。APIのラッパー層と、実際のAPIの実装は、ウェブサイト構築システム30自体または別のサードパーティアプリケーション40に属することができることを理解されたい。サードパーティアプリケーション40のベンダー(またはデザイナー5)は、実際の下層のAPIの実装方法を認識することなく、ホストされているAPIのラッパー390を通じて、ホストされているAPIを使用することができる。
本発明の補足的な代替実施形態においては、出願人は、ウェブサイト構築システムの追加のテンプレートおよびコンポーネントが、AppStore 25のレベルにおけるサードパーティアプリケーションと、関連するサードパーティアプリケーションのインスタンスとに関連付けられる統合モデルを使用することによって、ウェブサイト構築システム30と1つまたは複数のサードパーティアプリケーション40との間のスマートな統合を達成できることをさらに認識した。サードパーティアプリケーション40は、これらのコンポーネント(および関連付けられていないコンポーネント)と通信して、データおよび制御メッセージを交換することもできる。上述したように、含有ウェブページ203内のサードパーティアプリケーション領域40は、メインサイトがホストされているドメインとは異なる個別のドメイン(サードパーティアプリケーションのベンダーのドメインまたはそれ以外)においてコンテンツがホストされる個別のiframeである。したがって、複数の異なるiframe間の通信には、ブラウザの「同一オリジンポリシー」が適用され、上述した手法を使用することが要求される。
既存のシステムでは、サードパーティアプリケーション40を、含有ウェブページ203に含まれるがそれ以外の点では含有ウェブページ203自体の外観/操作感には影響しない、一体的な柔軟性の低いオブジェクトとして実装する。サードパーティアプリケーション40のインスタンスは、(一般には長方形の)領域内に配置され、その動作・機能のすべてをこの領域内で実行する。
さらに、出願人は、サードパーティアプリケーション40に関連付けられる、ウェブサイト構築システム30の(オプションの)追加のテンプレート(本発明の実施形態によると、関連付けられるテンプレートと称する)を有することによって、この概念を拡張できることを認識した。この関連付けは、サードパーティアプリケーション40の開発時または公開時に実行することができ、(AppStore 25からの)サードパーティアプリケーション40の選択/購入プロセスおよびサードパーティアプリケーション40のインスタンス作成の一部として、デザイナー5に提示することができることを理解されたい。サードパーティアプリケーション(TPA)コーディネータ24は、サードパーティアプリケーション40に関連付けられるテンプレートを、(AppStore 25によって管理される、またはサードパーティアプリケーション40のベンダーによって提供されるアプリケーションリポジトリの一部として)取得して、上述したように、後から使用できるようにテンプレートをリポジトリ22に格納することができる。
システム100は、複数の関連付けられるテンプレートを有するサードパーティアプリケーション40の公開をサポートすることができ、これによりデザイナー5は、必要に応じて最適なテンプレートを選択することができることを理解されたい。
含有ウェブページ203の中にサードパーティアプリケーション40のインスタンスを作成するとき、関連付けられるテンプレート内のコンポーネントを、含有ウェブページ203とマージすることができ、含有ウェブページ203の中の他のコンポーネントと一緒に表示することができることを理解されたい。
次に、図13を参照し、この図は、本発明の実施形態による、関連付けられるテンプレートの使用例を示している。図示したように、サードパーティアプリケーション[a]は、コンポーネント[d]および[e]を含む関連付けられるテンプレート[c]とともに、AppStore[b]の中に配置されている。サードパーティアプリケーション[a]が含有ウェブページ203[f]に含まれているとき、サードパーティアプリケーション[a]を、ページ[f]の内側の指定された領域[g]に表示することができ、コンポーネント[d]および[e]のインスタンス[d’]および[e’]を、前から存在するコンポーネント[h]および[i]とともにページ[f]に表示することができることを理解されたい。
システム100は、関連付けられるテンプレートコンポーネントのインスタンス(例えば上記の[d’]および[e’])を含有ウェブページ203[f]の中に配置する複数の方法をサポートすることができることを理解されたい。配置方法としては、絶対的な配置(すなわち、関連付けられるテンプレート[c]に指定されている、元のコンポーネント[d]および[e]のサイズおよび位置を使用する)、ターゲットを基準とする配置(すなわち、含有ウェブページ203[f]に従って新しいインスタンス[d’]および[e’]のサイズおよび位置を調整する)、サードパーティアプリケーション40を基準とする配置(すなわち、含有ウェブページ203[f]の内側のサードパーティアプリケーションのインスタンス[g]に指定されるサイズおよび位置を基準として、新しいインスタンス[d’]および[e’]のサイズおよび位置を調整する)、が挙げられる。採用する配置方法は、関連付けられるテンプレート[c]とともに含まれている設定に基づいて決定することができ、デザイナー5は、必要であれば別の配置方法を使用することができる。
さらに、デザイナー5は、テンプレート[c]から継承される、[f]の中のコンポーネント[d]および[e]のインスタンスを修正することができることを理解されたい。変更は、[f](および場合によっては、ページ間継承(inter-page inheritance)をサポートするウェブサイト構築システム30の中から継承するページ)の中での[d]および[e]の使用に適用されるのみであり、AppStore[b]内のサードパーティアプリケーション[a]に関連付けられる「元の」テンプレート[c]には影響しない。
上記の[d]および[e]のインスタンスへの変更としては、特に、フィールドのインスタンスに特定のコンテンツ(テキスト、画像など)を割り当てることや、通常の属性を変更することが挙げられることを理解されたい。さらに、図14を参照し、サードパーティアプリケーション40がミニページの内側に含まれる場合、図14に示したように、関連付けられるテンプレートは、サードパーティアプリケーション40が含まれている特定のミニページに適用されることを理解されたい。図示したように、サードパーティアプリケーション40はミニページ[x]に含まれており、したがってコンポーネント[d]および[e]は[x]に追加されるが、同じマルチページコンテナ[g]のさらなるミニページ[y]および[z]には追加されない。
さらに、セクションタイプのミニページの場合、関連付けられるテンプレート(存在時)は、サードパーティアプリケーション40を含むために作成された仮想の(かつ空の)含有ウェブページ203に適用されることを理解されたい。
代替実施形態においては、あらかじめ作成される関連付けられるテンプレートを、含有ウェブページ203に「並列」である新たに作成されるページまたはミニページに適用することができる。この新たに作成されるページまたはミニページをテンプレートによって初期化し、それを必要に応じて修正することができる。
さらに、ウェブサイト構築システム30では、マルチポートインクルージョンも可能になり、この場合、サードパーティアプリケーション40の同じインスタンスがメインサイトの複数のページから可視であり、これらのページに「属する」。マルチポートインクルージョンは、メインサイト内の特定のサードパーティアプリケーション40の複数のインクルージョン(サードパーティアプリケーション40の複数のインスタンスを作成する)とは異なる。したがって、サードパーティアプリケーション40のコンテンツ(インスタンスに固有である)が、同じマルチポートサードパーティアプリケーション40の複数の表示の間で共有される。
このようなマルチポートインクルージョンにおいては、関連付けられるテンプレートを、サードパーティアプリケーション40のインスタンスが追加されるページおよびミニページのそれぞれに個別に適用することができる。
上述したように、システム100は、含有ウェブページ203の中のサードパーティアプリケーション40とコンポーネントとの間の双方向通信リンクを提供することができる。このようなコンポーネントとしては、サードパーティアプリケーションからの関連付けられるテンプレートをマージする結果としての、含有ウェブページ203のコンポーネントと、このような関連付けられるテンプレートに関連しないコンポーネントとが含まれることを理解されたい。
したがって、サードパーティアプリケーション40のベンダーは、一般に、ベンダーによって提供されるサードパーティアプリケーション40に関連付けられる複数のテンプレートを作成することができることを理解されたい。これらのテンプレートとしては、実際に配布されている(すなわちその時点で配布されているサードパーティアプリケーションバージョンに関連付けられる)テンプレートに加えて、テストテンプレート、開発テンプレート、およびその他のテンプレートが挙げられる。
上述したように、サードパーティアプリケーション40は、AppStore 25を通じて配布することができ、さらには、ウェブサイト構築システム30のベンダーには関連しない、またはベンダーによって管理されない代替経路を通じて配布することもできる。しかしながら、サードパーティアプリケーション40とともに配布される関連付けられるテンプレートは、アプリケーションリポジトリ22に強く関連して結合されていることがあり、なぜなら関連付けられるテンプレートは、ウェブサイト構築システム30によって管理されるコンポーネント、ベーステンプレート、および他の要素を使用して構築されるためである。
さらには、このような個別に配布される関連付けられるテンプレートの基礎をなす、ウェブサイト構築システム30の要素を、修正または削除しなければならないことがある(これにより場合によっては関連付けられるテンプレートが「壊れる」)。この問題を解決するため、システム100は、これらの関連付けられるテンプレートを、アプリケーションリポジトリ22の内側の(場合によってはサードパーティアプリケーション40のベンダーごとの)個別の領域に実装することができる。ウェブサイト構築システム30は、これらのテンプレートを、ウェブサイト構築システム30の他のテンプレートと同様に管理することができる。
さらに、サードパーティアプリケーション40のベンダーに、作成される各テンプレートの一意のID(開発ID)を提供することができ、サードパーティアプリケーション40のベンダーは、サードパーティアプリケーション40の開発およびテストプロセス時にこのIDを使用することができることを理解されたい。サードパーティアプリケーション40が公開/配布される時点で、サードパーティアプリケーション40のベンダーには、代わりの一意のID(公開ID)を適用および受信することが要求されることがあり、ベンダーは、公開されるサードパーティアプリケーション40においてそのIDを参照することができる。公開IDが提供されると、テンプレートの個別のロックされたコピーが作成される。このコピーは、サードパーティアプリケーション40によって参照され、サードパーティアプリケーション40のインスタンスを作成するときに使用されるコピーである。このようにすることで、サードパーティアプリケーション40のベンダーは、(デザイナーによって含められている)「生の」サードパーティアプリケーション40に関連付けられるテンプレートを誤って修正することができなくなり、参照整合性が維持される。さらには、システム100は、このようなロックされたテンプレートと、基礎をなすコンポーネントおよびベーステンプレートとの間の関係を、相互参照させることができる。この相互参照を使用することで、例えば、このようなロックされたテンプレートに含まれている、ウェブサイト構築システム30のコンポーネントやベーステンプレートが修正されようとする(そしてこのような修正によってテンプレートまたはサードパーティアプリケーション40が何らかの形で壊れうる)場合に、ウェブサイト構築システム30のスタッフに警告することができる。
したがって、システム100は、サードパーティアプリケーション40と、含有ウェブページ203の中のコンポーネントと、ウェブサイト構築システム30との間の双方向通信チャネルを提供することができる。含有ウェブページ203のコンポーネントは、サードパーティアプリケーションに関連付けられる(1つまたは複数の)テンプレートをベースとする、またはウェブサイト構築システム30の別のテンプレートをベースとする、またはテンプレートには無関係とすることができる。
本明細書に記載されているプロセスおよび表示は、本質的に特定のコンピュータまたは他の装置に関連するものではない。さまざまな汎用システムを、本明細書における教示内容によるプログラムと組み合わせて使用することができ、あるいは、所望の方法を実行するための専用装置を構築することが好都合でありうる。さまざまなこれらのシステムの所望の構造は、上記の説明から明らかであろう。さらに、本発明の実施形態は、特定のプログラミング言語に関連して説明していない。本明細書に記載されている本発明の教示内容を実施する目的に、さまざまなプログラミング言語を使用することができることを理解されたい。
特に明記していない限り、ここまでの説明から明らかであるように、本明細書全体を通じて、「処理する」、「計算する」、「求める」などの用語を使用した説明部分は、コンピュータ、コンピューティングシステム、または同様の電子コンピューティング装置(物理量として表されるデータ、例えばコンピューティングシステムのレジスタやメモリ内の電子量を、コンピューティングシステムのメモリ、レジスタ、または他のそのような情報記憶装置、送信装置、表示装置内の物理量として同様に表される別のデータに操作したり変換したりする装置)の動作や処理を意味することを理解されたい。
本発明の実施形態は、本明細書に記載されている動作・操作を実行する装置を含むことができる。この装置は、所望の目的のために専用に構築することができる、または、この装置は、コンピュータに格納されるコンピュータプログラムによって選択的に起動または再構成される汎用コンピュータ、を備えていることができる。このようなコンピュータプログラムは、コンピュータ可読記憶媒体、例えば、以下に限定されないが、任意のタイプのディスク(フロッピー(登録商標)ディスク、光ディスク、光磁気ディスクなど)、読み取り専用メモリ(ROM)、コンパクトディスク読み取り専用メモリ(CD−ROM)、ランダムアクセスメモリ(RAM)、電気的プログラマブル読み取り専用メモリ(EPROM)、電気的消去可能プログラマブル読み取り専用メモリ(EEPROM)、磁気カードまたは光カード、フラッシュメモリ、または電子的命令を格納するのに適しておりコンピュータシステムバスに結合することのできる任意の他のタイプの媒体、に格納することができる。
ここまで本発明の特定の特徴を図示および説明してきたが、この技術分野における通常の技能を有する者には、数多くの修正、置き換え、変更、および等価物が明らかであろう。したがって、添付の請求項は、本発明の実質的な概念に含まれるそのような修正および変更すべてを包含するように意図されていることを理解されたい。

Claims (9)

  1. ウェブサイト構築システムのための装置であって、
    外部の取得元からウェブサイト構築システムの少なくとも1つのテンプレートを受信するサードパーティアプリケーションの受信器であって、サードパーティアプリケーションが前記ウェブサイト構築システムの少なくとも1つのテンプレートに関連付けられる、サードパーティアプリケーションの受信器と、
    前記少なくとも1つのサードパーティアプリケーションのインスタンスがウェブサイトページ内に作成される場合に、前記テンプレートを前記ウェブサイトページ内にインストールするためのインストーラと、を備え、
    前記受信器は、前記サードパーティアプリケーションと前記ウェブサイトぺージの間、及び、前記サードパーティアプリケーションと前記テンプレートの間の参照整合性を維持し、前記サードパーティアプリケーションと前記ウェブサイトページの間のインタフェース解決を実行する、
    装置。
  2. 前記装置は、サーバおよびクライアントの少なくとも一方に実装可能である、
    請求項1に記載の装置。
  3. 前記テンプレートは、編集可能である、
    請求項1に記載の装置。
  4. 前記テンプレートは、前記ウェブサイト構築システムのコンポーネントとマルチパートサードパーティアプリケーションのうちの少なくとも一方を含む、
    請求項1に記載の装置。
  5. 前記ウェブサイトページは、既存のページ、既存のミニページ、新たに作成されるページ、及び、新たに作成されるミニページ、のうちの少なくとも1つである、
    請求項1に記載の装置。
  6. ウェブサイト構築システムのための方法であって、
    外部の取得元からウェブサイト構築システムの少なくとも1つのテンプレートを受信するステップであって、サードパーティアプリケーションが前記ウェブサイト構築システムの少なくとも1つのテンプレートに関連付けられる、受信ステップと、
    前記少なくとも1つのサードパーティアプリケーションのインスタンスがウェブサイトページ内に作成される場合に、前記テンプレートを前記ウェブサイトページ内にインストールするインストールステップと、含み、
    前記受信ステップは、前記サードパーティアプリケーションと前記ウェブサイトぺージの間、及び、前記サードパーティアプリケーションと前記テンプレートの間の参照整合性を維持し、前記サードパーティアプリケーションと前記ウェブサイトページの間のインタフェース解決を実行する、
    方法。
  7. 前記テンプレートは、編集可能である、
    請求項6に記載の方法。
  8. 前記テンプレートは、前記ウェブサイト構築システムのコンポーネントとマルチパートサードパーティアプリケーションのうちの少なくとも一方を含む、
    請求項6に記載の方法。
  9. 前記ウェブサイトページは、既存のページ、既存のミニページ、新たに作成されるページ、及び、新たに作成されるミニページ、のうちの少なくとも1つである、
    請求項6に記載の方法。
JP2018088136A 2013-02-10 2018-05-01 ウェブサイト構築システムのための装置 Active JP6515232B2 (ja)

Priority Applications (1)

Application Number Priority Date Filing Date Title
JP2019076932A JP6900421B2 (ja) 2013-02-10 2019-04-15 ウェブサイト構築システムのための装置

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
US201361762902P 2013-02-10 2013-02-10
US61/762,902 2013-02-10

Related Parent Applications (1)

Application Number Title Priority Date Filing Date
JP2015556607A Division JP6335928B2 (ja) 2013-02-10 2014-02-10 サードパーティアプリケーションの通信api

Related Child Applications (1)

Application Number Title Priority Date Filing Date
JP2019076932A Division JP6900421B2 (ja) 2013-02-10 2019-04-15 ウェブサイト構築システムのための装置

Publications (2)

Publication Number Publication Date
JP2018165984A true JP2018165984A (ja) 2018-10-25
JP6515232B2 JP6515232B2 (ja) 2019-05-15

Family

ID=51298367

Family Applications (5)

Application Number Title Priority Date Filing Date
JP2015556607A Active JP6335928B2 (ja) 2013-02-10 2014-02-10 サードパーティアプリケーションの通信api
JP2018088136A Active JP6515232B2 (ja) 2013-02-10 2018-05-01 ウェブサイト構築システムのための装置
JP2019076932A Active JP6900421B2 (ja) 2013-02-10 2019-04-15 ウェブサイト構築システムのための装置
JP2021100299A Active JP7201746B2 (ja) 2013-02-10 2021-06-16 ウェブサイト構築システムのための装置
JP2022205317A Pending JP2023029427A (ja) 2013-02-10 2022-12-22 ウェブサイト構築システムのための装置

Family Applications Before (1)

Application Number Title Priority Date Filing Date
JP2015556607A Active JP6335928B2 (ja) 2013-02-10 2014-02-10 サードパーティアプリケーションの通信api

Family Applications After (3)

Application Number Title Priority Date Filing Date
JP2019076932A Active JP6900421B2 (ja) 2013-02-10 2019-04-15 ウェブサイト構築システムのための装置
JP2021100299A Active JP7201746B2 (ja) 2013-02-10 2021-06-16 ウェブサイト構築システムのための装置
JP2022205317A Pending JP2023029427A (ja) 2013-02-10 2022-12-22 ウェブサイト構築システムのための装置

Country Status (15)

Country Link
US (3) US10509850B2 (ja)
EP (2) EP3522034B1 (ja)
JP (5) JP6335928B2 (ja)
KR (2) KR20150119003A (ja)
CN (2) CN109597957B (ja)
AU (4) AU2014213614C1 (ja)
BR (1) BR112015019003B1 (ja)
CA (3) CA2899872C (ja)
EA (1) EA201591352A1 (ja)
ES (1) ES2962484T3 (ja)
HK (1) HK1215742A1 (ja)
IL (4) IL309008A (ja)
MX (2) MX367103B (ja)
MY (1) MY179529A (ja)
WO (1) WO2014122628A1 (ja)

Families Citing this family (33)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US9996566B2 (en) 2012-02-20 2018-06-12 Wix.Com Ltd. Visual design system for generating a visual data structure associated with a semantic composition based on a hierarchy of components
US10733078B2 (en) 2014-10-30 2020-08-04 Wix.Com Ltd. System and method of handling complex experiments in a distributed system
US11188509B2 (en) 2012-02-20 2021-11-30 Wix.Com Ltd. System and method for generating a visual data structure associated with business information based on a hierarchy of components
JP6212288B2 (ja) * 2013-05-30 2017-10-11 日本放送協会 プッシュ配信サーバ、受信端末、受信プログラム及びシステム
WO2015053780A1 (en) * 2013-10-10 2015-04-16 Intel Corporation Anomaly detection on web client
EP3674963A1 (en) 2014-04-29 2020-07-01 Wix.com Ltd. System and method for the creation and use of visually-diverse high-quality dynamic layouts cross-reference to related applications
US10139998B2 (en) * 2014-10-08 2018-11-27 Weebly, Inc. User interface for editing web content
IL237788B (en) 2015-03-16 2019-10-31 Kriheli Marino Septum holders used in injector connectors
CN106162367A (zh) * 2015-04-21 2016-11-23 广州市动景计算机科技有限公司 一种视频播放方法及装置
US11301219B2 (en) 2015-05-22 2022-04-12 Paypal, Inc. Hosted sensitive data form fields for compliance with security standards
US10146512B1 (en) 2015-08-28 2018-12-04 Twitter, Inc. Feature switching kits
US9841969B2 (en) 2015-09-02 2017-12-12 Google Inc. Software development and distribution platform
US10412130B2 (en) 2016-04-04 2019-09-10 Hanwha Techwin Co., Ltd. Method and apparatus for playing media stream on web browser
CN106685949A (zh) * 2016-12-24 2017-05-17 上海七牛信息技术有限公司 一种容器访问方法、装置以及系统
CA3060362A1 (en) 2017-07-24 2019-02-28 Wix.Com Ltd. Editing a database during preview of a virtual web page
AU2019214550B2 (en) * 2018-02-04 2023-02-02 Wix.Com Ltd. System and method for handling overlapping objects in visual editing systems
WO2019242435A1 (zh) * 2018-06-22 2019-12-26 杭州海康威视系统技术有限公司 浏览器关联应用程序
EP3844700A4 (en) * 2018-08-27 2021-08-25 Box, Inc. ACTIVITY-BASED APPLICATION RECOMMENDATIONS
WO2020061126A1 (en) * 2018-09-21 2020-03-26 Jpmorgan Chase Bank, N.A. Pre-built user interface for payment system and method
CN109542435A (zh) * 2018-11-02 2019-03-29 福建天泉教育科技有限公司 快速实现移动端应用层布局的方法及框架
WO2020236138A1 (en) * 2019-05-17 2020-11-26 Google Llc Conditional interpretation of a single style definition identifier on a resource
CN111240784A (zh) * 2020-01-09 2020-06-05 上海众言网络科技有限公司 配置外观主题风格的方法和装置
US11169665B2 (en) * 2020-03-03 2021-11-09 Sony Interactive Entertainment Inc. Game console user interface with application previews
US11413531B2 (en) 2020-03-03 2022-08-16 Sony Interactive Entertainment Inc. Game console application with action card strand
US11185758B2 (en) 2020-03-03 2021-11-30 Sony Interactive Entertainment Inc. Game console application with action cards
US11611629B2 (en) * 2020-05-13 2023-03-21 Microsoft Technology Licensing, Llc Inline frame monitoring
CN111885162B (zh) * 2020-07-23 2021-10-08 珠海格力电器股份有限公司 楼宇设备管理系统
KR102449105B1 (ko) 2020-08-21 2022-09-29 주식회사 엔씨소프트 게시판 서비스 제공 장치 및 방법
KR102449109B1 (ko) 2020-08-25 2022-09-29 주식회사 엔씨소프트 게시판 서비스 제공 장치 및 방법, 게시판 서비스 요청 장치 및 방법
KR102449107B1 (ko) 2020-08-28 2022-09-29 주식회사 엔씨소프트 게시판 서비스 제공 장치 및 방법
CN112162747A (zh) * 2020-09-25 2021-01-01 同程网络科技股份有限公司 一种前端页面组件化的方法、装置及计算机可读存储介质
US11610050B2 (en) 2021-06-22 2023-03-21 Walkme Ltd. Cross-domain storage
CN114780164B (zh) * 2022-02-28 2023-04-25 深圳开源互联网安全技术有限公司 基于浏览器插件筛选网页信息的方法及系统

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2004220193A (ja) * 2003-01-10 2004-08-05 Ricoh Co Ltd Htmlリンク検査システム
JP2004246509A (ja) * 2003-02-12 2004-09-02 Matsushita Electric Ind Co Ltd 情報取得装置
US20080263566A1 (en) * 2007-04-18 2008-10-23 Michael Buerge Controlling Communication Within a Container Document
US20100094728A1 (en) * 2008-09-12 2010-04-15 James Denning Method and system for distributing media content and processing payments and/or voluntary data collection
US20100241664A1 (en) * 2007-11-07 2010-09-23 Dialplus, Inc. Smart web pages provisioning system and method for mobile devices

Family Cites Families (31)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6954799B2 (en) 2000-02-01 2005-10-11 Charles Schwab & Co., Inc. Method and apparatus for integrating distributed shared services system
US7386614B2 (en) * 2000-05-19 2008-06-10 Treetop Ventures Llc Method allowing persistent links to web-pages
US7509435B2 (en) * 2001-03-12 2009-03-24 International Business Machines Corporation Network Address Translation and Port Mapping
CA2406569C (en) 2002-10-04 2011-03-22 Ibm Canada Limited-Ibm Canada Limitee Method and apparatus for enabling associated portlets of a web portal to collaborate for synchronized content display
US7281202B2 (en) 2003-06-19 2007-10-09 Microsoft Corporation Framework for creating modular web applications
US20050050454A1 (en) * 2003-08-29 2005-03-03 International Business Machines Corporation Controlling the look and feel of a web
WO2005038610A2 (en) * 2003-10-14 2005-04-28 Donn Delson A method and system for using cascading style sheets (css) to customize an online store
US7702730B2 (en) * 2004-09-03 2010-04-20 Open Text Corporation Systems and methods for collaboration
US20080195483A1 (en) * 2005-02-01 2008-08-14 Moore James F Widget management systems and advertising systems related thereto
US7398473B2 (en) * 2005-05-02 2008-07-08 Microsoft Corporation In situ user interface template editing
US7895604B2 (en) * 2005-11-17 2011-02-22 Opera Software Asa Method and device for event communication between documents
US20070150610A1 (en) 2005-12-22 2007-06-28 Konstantin Vassilev Javascript relay
US20090254392A1 (en) 2006-03-30 2009-10-08 Zander Van S Method and system for enterprise network access control and management for government and corporate entities
US20080172608A1 (en) * 2006-06-06 2008-07-17 Bellsouth Intellectual Property Corporation Site builder
US20100153569A1 (en) * 2007-03-09 2010-06-17 Ghost, Inc. System and Method for a Virtual Hosted Operating System
US7809785B2 (en) * 2007-05-28 2010-10-05 Google Inc. System using router in a web browser for inter-domain communication
US8108770B2 (en) * 2007-08-27 2012-01-31 Yahoo! Inc. Secure inter-module communication mechanism
CN100553212C (zh) * 2007-11-16 2009-10-21 西安西电捷通无线网络通信有限公司 一种基于三元对等鉴别的可信网络接入控制系统
US9495471B2 (en) 2008-12-04 2016-11-15 International Business Machines Corporation Optimize view elements sizes to maximize most data viewed in a multiple view elements GUI
US9459936B2 (en) * 2009-05-01 2016-10-04 Kaazing Corporation Enterprise client-server system and methods of providing web application support through distributed emulation of websocket communications
US8601364B2 (en) * 2009-08-31 2013-12-03 Ebay Inc. System and method to provide a domain split display
US9390172B2 (en) * 2009-12-03 2016-07-12 Microsoft Technology Licensing, Llc Communication channel between web application and process outside browser
AU2010328326B2 (en) * 2009-12-07 2016-12-01 Robert Buffone System and method for website performance optimization and internet traffic processing
US8250145B2 (en) * 2010-04-21 2012-08-21 Facebook, Inc. Personalizing a web page outside of a social networking system with content from the social networking system
US20120030592A1 (en) * 2010-07-30 2012-02-02 Weiyi Cui Mashup Component Authoring Tool For Business Enterprise User Interfaces
US9503415B2 (en) * 2011-01-27 2016-11-22 T-Mobile Usa, Inc. Unified notification platform
US8935330B2 (en) * 2011-05-11 2015-01-13 International Business Machines Corporation Redirecting messages in a publish/subscribe messaging system
US20130217416A1 (en) 2011-12-23 2013-08-22 Microsoft Corporation Client check-in
US10185703B2 (en) 2012-02-20 2019-01-22 Wix.Com Ltd. Web site design system integrating dynamic layout and dynamic content
US8997180B2 (en) * 2012-06-26 2015-03-31 Google Inc. System and method for embedding first party widgets in third-party applications
US9684886B2 (en) * 2012-08-10 2017-06-20 Sap Se Cross-domain business mashup integration

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2004220193A (ja) * 2003-01-10 2004-08-05 Ricoh Co Ltd Htmlリンク検査システム
JP2004246509A (ja) * 2003-02-12 2004-09-02 Matsushita Electric Ind Co Ltd 情報取得装置
US20080263566A1 (en) * 2007-04-18 2008-10-23 Michael Buerge Controlling Communication Within a Container Document
US20100241664A1 (en) * 2007-11-07 2010-09-23 Dialplus, Inc. Smart web pages provisioning system and method for mobile devices
US20100094728A1 (en) * 2008-09-12 2010-04-15 James Denning Method and system for distributing media content and processing payments and/or voluntary data collection

Also Published As

Publication number Publication date
CA2899872C (en) 2022-05-03
JP2019145148A (ja) 2019-08-29
AU2014213614A1 (en) 2015-08-20
JP2021157824A (ja) 2021-10-07
EP2954421A1 (en) 2015-12-16
JP6900421B2 (ja) 2021-07-07
CN105103146A (zh) 2015-11-25
US20140229821A1 (en) 2014-08-14
EP2954421A4 (en) 2016-10-05
AU2022235610A1 (en) 2022-10-13
AU2019283841C1 (en) 2021-01-07
AU2019283841A1 (en) 2020-01-23
KR20190132573A (ko) 2019-11-27
CA3148828C (en) 2023-08-22
US10977427B2 (en) 2021-04-13
AU2014213614C1 (en) 2020-04-02
MX2015010279A (es) 2016-06-16
KR20150119003A (ko) 2015-10-23
ES2962484T3 (es) 2024-03-19
HK1215742A1 (zh) 2016-09-09
EA201591352A1 (ru) 2016-01-29
IL266949A (en) 2019-07-31
JP7201746B2 (ja) 2023-01-10
JP6515232B2 (ja) 2019-05-15
US20210232647A1 (en) 2021-07-29
BR112015019003B1 (pt) 2022-06-28
AU2019283841B2 (en) 2020-06-18
AU2014213614B2 (en) 2019-10-03
CN109597957A (zh) 2019-04-09
CN109597957B (zh) 2023-11-10
US10509850B2 (en) 2019-12-17
BR112015019003A2 (pt) 2017-07-18
MX367103B (es) 2019-08-05
US20200104347A1 (en) 2020-04-02
MY179529A (en) 2020-11-10
MX2019009175A (es) 2019-12-19
IL240365B (en) 2019-06-30
CA3148828A1 (en) 2014-08-14
CA3205266A1 (en) 2014-08-14
CN105103146B (zh) 2018-11-13
EP3522034A1 (en) 2019-08-07
EP3522034B1 (en) 2023-09-13
IL272582A (en) 2020-03-31
WO2014122628A1 (en) 2014-08-14
IL240365A0 (en) 2015-09-24
JP6335928B2 (ja) 2018-05-30
JP2016511889A (ja) 2016-04-21
IL272582B1 (en) 2024-01-01
IL309008A (en) 2024-01-01
IL266949B (en) 2020-02-27
AU2020233724A1 (en) 2020-10-08
JP2023029427A (ja) 2023-03-03
CA2899872A1 (en) 2014-08-14

Similar Documents

Publication Publication Date Title
JP6900421B2 (ja) ウェブサイト構築システムのための装置
JP6746746B2 (ja) ウェブサイトのためのシステムおよび方法
US7293034B2 (en) Dynamically customizing a user interface for the aggregation of content

Legal Events

Date Code Title Description
A977 Report on retrieval

Free format text: JAPANESE INTERMEDIATE CODE: A971007

Effective date: 20190312

TRDD Decision of grant or rejection written
A01 Written decision to grant a patent or to grant a registration (utility model)

Free format text: JAPANESE INTERMEDIATE CODE: A01

Effective date: 20190319

A61 First payment of annual fees (during grant procedure)

Free format text: JAPANESE INTERMEDIATE CODE: A61

Effective date: 20190415

R150 Certificate of patent or registration of utility model

Ref document number: 6515232

Country of ref document: JP

Free format text: JAPANESE INTERMEDIATE CODE: R150

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250