JP7246502B2 - ミニプログラム作成方法、装置、端末及びプログラム - Google Patents

Description

本願の実施例は、２０１９年７月１５日に提出された、出願番号が２０１９１０６３９１９３．８で、発明の名称が「ミニプログラム作成方法、装置、端末及び記憶媒体」である中国特許出願の優先権を主張し、その全ての内容は、参照により本願に組み込まれるものとする。

本願の実施例は、プログラミング分野に関し、特にミニプログラム作成方法、装置、端末及び記憶媒体に関する。

アプリケーションプログラムの開発技術の発展に伴い、アプリケーションプログラムプロバイダは、「ホストプログラム及びミニプログラム」の生態系を提供する。ミニプログラムは、ホストプログラムに依存して実行するプログラムである。ユーザがホストプログラムをインストールするだけで、ホストプログラムに様々なミニプログラムを随時に追加して使用することができる。

アプリケーションプログラムプロバイダがホストプログラムをプログラムプラットフォームとして提供した後、各会社、サービス機関、さらに、個人ユーザ（プログラマーと略称）は、すべて、さまざまなタイプのミニプログラムを開発して、アプリケーションプログラムプロバイダに提出し、ホストプログラムを実行コンテナとしてさまざまなサービスを提供することができる。ミニプログラムを開発する必要がある場合、プログラマーは、ホストプログラムのプログラムプラットフォームから開発者ツール及び開発ドキュメントをダウンロードする必要がある。プログラマーは、開発ドキュメントに規定された各要求を参照し、開発者ツールを用いてコード編集を行う。編集してミニプログラムのプログラムパッケージを得た後、ミニプログラムのプログラムパッケージをホストプログラムのプログラムプラットフォームに提出し、審査に合格すると、各ユーザに発表して使用することができる。

しかしながら、開発者ツールが使用されるため、この開発プロセスを順調に完了するには、プログラマーが専門的なコード編集能力を有する必要があり、長時間の知識学習及び経験の蓄積が必要となり、その結果、ミニプログラム開発の難度が高くなるとともに、開発効率が低くなってしまう。

本願の実施例は、ミニプログラムの開発難度を低減させ、開発効率を向上させることができるミニプログラム作成方法、装置、端末及び記憶媒体を提供する。前記技術案は以下のとおりである。

一態様では、ミニプログラム作成方法であって、端末が実行し、前記ミニプログラムはホストプログラムに依存して実行するプログラムであり、前記方法は、
ミニプログラム作成インタフェースを表示するステップであって、前記ミニプログラム作成インタフェースにパネル領域及び編集領域が表示されており、前記パネル領域にｎ（ｎが正整数である）種類の基本ユーザインタフェース（Ｕｓｅｒ Ｉｎｔｅｒｆａｃｅ、ＵＩ）要素が提供されているステップと、
ターゲット基本的なＵＩ要素に対する編集・排列動作を受信したことに応じて、前記編集領域において、前記ターゲット基本的なＵＩ要素により編集して前記ミニプログラムのプログラムインタフェースを得るステップであって、前記ターゲット基本的なＵＩ要素は、前記ｎ種類の基本的なＵＩ要素のうち選択されたＵＩ要素であるステップと、
前記プログラムインタフェースに基づいて、前記ミニプログラムのプログラムパッケージを生成するステップと、を含む、ミニプログラム作成方法が提供される。

他の態様では、ミニプログラムの作成装置であって、前記ミニプログラムはホストプログラムに依存して実行するプログラムであり、前記装置は、
ミニプログラム作成インタフェースを表示する作成インタフェース表示モジュールであって、前記ミニプログラム作成インタフェースにパネル領域及び編集領域が表示されており、前記パネル領域にｎ（ｎが正整数である）種類の基本的なＵＩ要素が提供されている作成インタフェース表示モジュールと、
ターゲット基本的なＵＩ要素に対する編集・排列動作を受信したことに応じて、前記編集領域において、前記ターゲット基本的なＵＩ要素により編集して前記ミニプログラムのプログラムインタフェースを得るプログラムインタフェース生成モジュールであって、前記ターゲット基本的なＵＩ要素は、前記ｎ種類の基本的なＵＩ要素のうち選択されたＵＩ要素であるプログラムインタフェース生成モジュールと、
前記プログラムインタフェースに基づいて、前記ミニプログラムのプログラムパッケージを生成するプログラムパッケージ生成モジュールと、を含む、ミニプログラムの作成装置が提供される。

他の形態では、プロセッサとメモリとを含み、前記メモリに少なくとも１つの命令が記憶されており、前記少なくとも１つの命令は、前記プロセッサで実行されて、上記態様に記載のミニプログラム作成方法を実現する、ことを特徴とする端末が提供される。

他の形態では、前記記憶媒体に少なくとも１つの命令が記憶されており、前記少なくとも１つの命令は、プロセッサにより実行されて、上記態様に記載のミニプログラム作成方法を実現する、ことを特徴とするコンピュータ読み取り可能な記憶媒体が提供される。

他の形態では、コンピュータ命令を含み、該コンピュータ命令がコンピュータ読み取り可能な記憶媒体に記憶されている、コンピュータプログラム製品が提供される。コンピュータ機器のプロセッサは、コンピュータ読み取り可能な記憶媒体から、該コンピュータ命令を読み取り、該コンピュータ命令を実行することにより、該コンピュータ機器に上記態様又は上記態様の各任意選択的な実施形態に係るミニプログラム作成方法を実行するためのものである。

本願の実施例では、ミニプログラムを作成する際、パネル領域及び編集領域を含むミニプログラム作成インタフェースを表示することにより、ターゲット基本的なＵＩ要素における編集・排列動作を受信すると、編集領域において、ターゲット基本的なＵＩ要素により編集してミニプログラムのプログラムインタフェースを得ることにより、ミニプログラムのプログラムインタフェースに基づいてミニプログラムのプログラムパッケージを生成する。関連するミニプログラムの開発プロセスに比べて、本願の方法を用いると、開発者が強い開発能力を具備しない場合、ユーザによる可視化動作を受信することにより、バックグラウンドにおいて、現在の動作に関連するプログラムを全過程にわたり同時に生成することができ、それにより、一般的なユーザがコードを手動で編集することを必要とせずに、ミニプログラムの可視化作成を完了させ、ミニプログラムの開発難度を低減させるとともに、開発効率を向上させることができる。

本願の例示的な実施例に係る可視化作成プログラムによりミニプログラムを作成するインタフェースの模式図を示す。 本願の例示的な一実施例に係るコンピュータシステムの構成のブロック図を示す。 本願の例示的な一実施例に示すミニプログラム作成方法のフローチャートを示す。 本願の例示的な一実施例に示すミニプログラム作成インタフェースのインタフェースの模式図を示す。 本願の他の例示的な実施例に示すミニプログラム作成方法のフローチャートを示す。 本願の例示的な一実施例に示す、ミニプログラム作成インタフェースのページ編集・排列に関わるインタフェースの模式図を示す。 本願の例示的な一実施例に示す、ターゲットＵＩ要素と静的データとのバインディングに関わるインタフェースの模式図を示す。 本願の例示的な一実施例に示す、ターゲットＵＩ要素における属性領域に関わるインタフェースの模式図を示す。 本願の他の例示的な実施例に示すミニプログラム作成インタフェースのインタフェースの模式図を示す。 本願の例示的な一実施例に示す、リストアイテムとデータとのバインディングに関わるインタフェースの模式図を示す。 本願の他の例示的な実施例に示す、リストアイテムとデータとのバインディング解除に関わるインタフェースの模式図を示す。 本願の例示的な一実施例に示すミニプログラムプレビューインタフェースの模式図を示す。 本願の例示的な一実施例に示す、ミニプログラム作成インタフェースにコードを同時に生成するインタフェースの模式図を示す。 本願の例示的な一実施例に係るミニプログラムの作成装置の構成のブロック図を示す。 本願の例示的な一実施例に係る端末の構成のブロック図を示す。 本願の例示的な一実施例に係るサーバの構成の模式図を示す。

以下は、本願の目的、技術案及び利点をより明瞭にするために、図面を用いて本願の実施形態についてより詳細に説明する。

本明細書で言及された「複数」とは、２つ又は２つ以上である。「及び／又は」は、関連オブジェクトの関連関係を説明し、３つの関係が存在してもよいことを示し、例えば、「Ａ及び／又はＢ」は、「Ａが独立して存在する」、「Ａ及びＢが同時に存在する」、「Ｂが独立して存在する」の３つの状況を示してもよい。符号「／」は、一般的に前後の関連オブジェクトが「又は」関係であることを示す。

理解の便利上のために、以下は、本願の実施例に係る名詞について解釈説明する。

可視化：可視化（Ｖｉｓｕａｌｉｚａｔｉｏｎ）は、コンピュータグラフィック学及び画像処理技術を利用し、データをグラフィック又は画像に変換してスクリーンに表示し、さらにインタラクション処理を行う理論、方法及び技術である。

ミニプログラム：ミニプログラムは、プログラミング言語に基づいて開発され、ホストプログラムに依存して実行するアプリケーションプログラムであり、すなわち、ユーザは、ミニプログラムをダウンロードしてインストールする必要がなく、ホストプログラムにおいて該ミニプログラムを実行することができる。

ホストプログラム：コンピュータ環境で、ソフトウェア（例えば、本願におけるミニプログラム）が依存するソフトウェア環境は、ホスト環境として呼ばれ、環境は、ホストとして呼ばれる。ホストは、実行環境（すなわち、ホストプログラム）である。ホスト環境（ホストプログラム）は、オペレーティングシステム、サーバプログラム、アプリケーションプログラムであってもよい。

ＵＩ要素：ＵＩ要素は、可視要素であり、ミニプログラムにおけるプログラムインタフェースの基本的な構成部分である。

本願の実施例における基本的なＵＩ要素とは、プログラムインタフェースの常用機能を実現するいくつかのＵＩ要素であり、すなわち、基本的なＵＩ要素である。

以下の実施例は、ホストプログラムがアプリケーションプログラムであることを例として説明する。

本願の実施例は、ミニプログラム作成方法を提供し、図１を参照すると、本願の例示的な実施例に係る可視化作成プログラムによりミニプログラムを作成するインタフェースの模式図が示される。

図１に示すように、可視化作成プログラムがインストールされた端末は、タブレットコンピューター１１０であり、タブレットコンピューター１１０のインタフェースに該可視化作成プログラムのミニプログラム作成インタフェース１１１が表示されており、該ミニプログラム作成インタフェース１１１にパネル領域１１２及び編集領域１１３が表示されている。

パネル領域１１２に複数種の基本的なＵＩ要素が提供されており、ユーザは、複数種の基本的なＵＩ要素から、一部の基本的なＵＩ要素を選択し、可視化動作（例えば、クリック、ドラッグなどの動作）により、パネル領域１１２における一部の基本的なＵＩ要素をミニプログラムのプログラムインタフェースに追加してもよい。例示的には、図１に示すように、可視化作成プログラムは、「ミニプログラム２」として命名されるプログラムインタフェース１１４を編集領域１１３に表示し、ユーザは、パネル領域１１２からドラッグ動作によりプログラムインタフェース１１４における基本的なＵＩ要素をプログラムインタフェース１１４に追加する。

「ミニプログラム２」の可視化編集の完了後、可視化作成プログラムは、ミニプログラムのプログラムインタフェース１１４に基づいて、「ミニプログラム２」のプログラムパッケージを生成し、該プログラムパッケージをホストプログラムのバックグラウンドサーバ１２０に送信し、ここで、ホストプログラムがインストールされた端末は、携帯電話１３０である。「ミニプログラム２」は、ホストプログラムの審査に合格すると、携帯電話１３０のミニプログラム検索インタフェース１３１により「ミニプログラム２」を検索することができる。検索結果として、ミニプログラム検索インタフェース１３１に「ミニプログラム２」のアイコン１３２を表示する。ミニプログラム検索インタフェース１３１がアイコン１３２に対するクリック信号を受信すると、ミニプログラム検索インタフェース１３１からミニプログラムのプログラムインタフェース１１４にジャンプし、それにより、可視化動作によりミニプログラムの可視化作成を実現する。

図２を参照すると、本願の例示的な一実施例に係るコンピュータシステム２００の構成のブロック図が示される。該コンピュータシステム２００は、第１の端末２１０と、サーバ２２０と、少なくとも１つの第２の端末２３０と、を含む。

第１の端末２１０及び第２の端末２３０は、携帯電話、タブレットコンピューター、携帯用ラップトップパソコン及びデスクトップ型コンピュータなどであってもよい。本明細書では、第１の端末２１０がタブレットコンピューターであることを例として、第２の端末２３０が携帯電話であることを例として説明し、すなわち、第１の端末２１０は、タッチインタラクション機能を提供することで、可視化ミニプログラムの作成を実現することができる。

一部の実施例では、該第１の端末２１０に可視化作成プログラムがインストールされてもよく、該可視化作成プログラムは、以下の各方法の実施例に係るミニプログラム作成方法を実現するためのものであり、アカウントログイン機能を有することができる。ユーザは、可視化作成プログラムに登録して自分のアカウントをログインしてもよい。

第２の端末２３０にホストプログラムがインストールされてもよく、該ホストプログラムは、ミニプログラムに依存できるソフトウェア環境を提供するためのものであり、アカウントログイン機能を有することができる。ユーザは、ホストプログラムに登録して自分のアカウントをログインしてもよい。

任意的に、ホストプログラムは、即時通信アプリケーションプログラム、ニュース閲覧類アプリケーションプログラム、ソーシャルアプリケーションプログラム、ショッピングアプリケーションプログラム又は支払いアプリケーションプログラムであるが、本実施例では、これに限定されない。

第１の端末２１０及び第２の端末２３０が有線又は無線ネットワークを介してサーバ２２０に接続されている。

サーバ２２０は、サーバ、サーバクラスター、仮想クラウドメモリ又はクラウドコンピューティングセンターのうちのいずれかであってもよい。サーバ２２０は、ホストプログラムにバックグラウンドサービスを提供するためのものである。サーバ２２０は、データ記憶能力を有し、可視化作成プログラムの関連データを記憶するためのものである。

任意的に、サーバ２２０は、可視化作成プログラムにバックグラウンドサービスを提供するためのものであり、同様に、可視化作成プログラムの関連データを記憶するためのものである。

以下の実施例は、サーバ２２０がホストプログラムにバックグラウンドサービスを提供することを例として説明する。

１つの選択的な実施形態では、開発者は、第１の端末２１０を用いてミニプログラム作成を行った後、ミニプログラムのプログラムパッケージをサーバ２２０にアップロードし、サーバ２２０は、ミニプログラムを審査し、審査に合格すると、ミニプログラムを発表する。ユーザは、第２の端末２３０を使用して、発表されたミニプログラムを検索することができ、選択されたミニプログラムをホストプログラムにより実行する。

図３を参照すると、本願の例示的な一実施例に示すミニプログラム作成方法のフローチャートが示される。この例示的な実施例は、図２に示す第１の端末２１０の実行を例として説明する。該方法は、ステップ３０１～ステップ３０３を含む。

ステップ３０１において、ミニプログラム作成インタフェースを表示する。

１つの選択的な実施形態では、該ミニプログラム作成インタフェースは、可視化作成プログラムのユーザインタフェースであり、該可視化作成プログラムは、ホストプログラムと個別のアプリケーションプログラムであってもよいし、又は、ミニプログラム作成機能を有するホストプログラムであってもよい。本実施例では、これに限定されない。

選択的には、可視化作成プログラムによってミニプログラムの作成を実現する場合、可視化作成プログラムは、ユーザにミニプログラム作成の動作インタフェースを提供するミニプログラム作成インタフェースを表示する。ミニプログラム作成インタフェースにパネル領域及び編集領域が表示されており、パネル領域にｎ（ｎが正整数である）種類の基本ユーザインタフェースＵＩ要素が提供されている。例示的には、図４（ａ）に示すように、ミニプログラム作成インタフェース４００にパネル領域４１０及び編集領域４３０が表示されている。

パネル領域４１０は、ラベルＵＩ要素４１１、ボタンＵＩ要素４１２、図面ＵＩ要素４１３、単一行入力ボックスＵＩ要素４１４、多行入力ボックスＵＩ要素４１５、単一選択ＵＩ要素４１６、複数選択ＵＩ要素４１７、時間選択ＵＩ要素４１８、状態スイッチＵＩ要素４１９、横リストＵＩ要素４２０及び縦リストＵＩ要素４２１を含むが、これらに限られない。

ここで、ラベルＵＩ要素４１１は、１段落のテキストを表示するためのものであり、ボタンＵＩ要素４１２は、情報確認などの判断に関連するイベントを行うためのものであり、図面ＵＩ要素４１３は、図面を追加して表示するためのものであり、単一行入力ボックスＵＩ要素４１４は、ミニプログラム利用者に単一行のテキスト入力の入力ボックスを提供するためのものであり、多行入力ボックスＵＩ要素４１５は、ミニプログラム利用者に多行のテキスト入力の入力ボックスを提供するためのものであり、単一選択ＵＩ要素４１６は、ミニプログラム利用者に情報リストに対する単一選択を提供するためのものであり、複数選択ＵＩ要素４１７は、ミニプログラム利用者に情報リストに対する複数選択を提供するためのものであり、時間選択ＵＩ要素４１８は、ミニプログラム利用者に時間の選択を提供するためのものであり、状態スイッチＵＩ要素４１９は、ミニプログラム利用者にインタフェースに関する状態選択を提供するためのものであり、横リストＵＩ要素４２０及び縦リストＵＩ要素４２１は、それぞれ、ミニプログラム利用者に横に表示されるリスト及び縦に表示されるリストを提供するためのものである。

ここで、可視化作成プログラムは、パネル領域４１０におけるターゲット基本的なＵＩ要素に関するユーザ動作が受信されていないと、編集領域４３０に空のキャンバスを表示し、すなわち、編集領域４３０の初期状態が空のキャンバスである。

ステップ３０２において、ターゲット基本的なＵＩ要素に対する編集・排列動作を受信したことに応じて、編集領域において、ターゲット基本的なＵＩ要素により編集してミニプログラムのプログラムインタフェースを得る。

任意的に、該編集・排列動作は、ターゲット基本的なＵＩ要素に対するクリック動作、ダブルクリック動作、長押し動作やドラッグ動作などを含むが、本願では、これについて限定しない。

可視化作成プログラムは、パネル領域４１０におけるターゲット基本的なＵＩ要素に関する編集・排列動作を受信すると、編集領域４３０において、ターゲット基本的なＵＩ要素により編集してミニプログラムのプログラムインタフェースが得られ、ターゲット基本的なＵＩ要素は、ｎ種類の基本的なＵＩ要素のうち選択されたＵＩ要素である。

任意的に、ミニプログラムのプログラムインタフェースは、静的ｗｅｂページであってもよく、すなわち、ミニプログラムのプログラムインタフェースは、バックグラウンドサーバにおけるデータベースにアクセスする能力を有さず、ホストプログラムのクライアントをベースとしてプログラムインタフェースを表示する。

ミニプログラムのプログラムインタフェースが静的ｗｅｂページであることを例とする。例示的には、図４（ｂ）に示すように、可視化作成プログラムは、ラベルＵＩ要素４１１、図面ＵＩ要素４１３及び横リストＵＩ要素４２０に対するドラッグ動作を受ける場合、ラベルＵＩ要素４１１、図面ＵＩ要素４１３及び横リストＵＩ要素４２０がターゲット基本的なＵＩ要素となり、ターゲット基本的なＵＩ要素により編集してミニプログラムの静的プログラムインタフェース４４０を得る。

静的プログラムインタフェース４４０に示すように、静的プログラムインタフェース４４０における文字部分は、ラベルＵＩ要素４１１をドラッグすることで編集して生成されるものであり、静的プログラムインタフェース４４０における図面部分は、図面ＵＩ要素４１３をドラッグすることで編集して生成されるものであり、静的プログラムインタフェース４４０におけるリストコントロールは、横リストＵＩ要素４２０をドラッグすることで編集して生成されるものであり、該リストコントロールは、リストアイテム１、リストアイテム２及びリストアイテム３の３行からなる横リストである。

ここで、静的プログラムインタフェース４４０は、静的ｗｅｂページであり、実際に表示される静的プログラムインタフェース４４０は、ページのジャンプを行うことができず、バックグラウンドサーバ又はローカルデータベースにアクセスする能力を具備しない。

任意的に、ミニプログラムのプログラムインタフェースは、動的ｗｅｂページであってもよく、すなわち、ミニプログラムのプログラムインタフェースは、バックグラウンドサーバのデータベースにアクセスし、他のページとインタラクションすることを実現することができる。

ミニプログラムのプログラムインタフェースが動的ｗｅｂページであることを例とする。例示的には、図４（ｃ）に示すように、可視化作成プログラムは、ラベルＵＩ要素４１１、図面ＵＩ要素４１３及び横リストＵＩ要素４２０に対するドラッグ動作を受信する場合、ラベルＵＩ要素４１１、図面ＵＩ要素４１３及び横リストＵＩ要素４２０がターゲット基本的なＵＩ要素となり、ターゲット基本的なＵＩ要素により編集してミニプログラムの動的プログラムインタフェース４５０を得る。

動的プログラムインタフェース４５０に示すように、動的プログラムインタフェース４５０における文字部分は、ラベルＵＩ要素４１１をドラッグすることで編集して生成されるものであり、動的プログラムインタフェース４５０における図面部分は、図面ＵＩ要素４１３をドラッグすることで編集して生成されるものであり、動的プログラムインタフェース４５０におけるリストコントロールは、横リストＵＩ要素４２０をドラッグすることで編集して生成されるものであり、該リストコントロールは、リストアイテム１、リストアイテム２及びリストアイテム３の３行からなる横リストである。

動的プログラムインタフェース４５０に示すように、動的プログラムインタフェース４５０と静的プログラムインタフェース４４０との相違点は、横リストＵＩ要素４２０におけるリストアイテム１がクリックされると、動的プログラムインタフェース４５０がプログラムインタフェース４６０にジャンプすることである。表示プログラムインタフェース４６０は、編集が静的プログラムインタフェース４４０及び動的プログラムインタフェース４５０と一致するものであり、いずれも、パネル領域４１０の基本的なＵＩ要素により編集して得られてもよい。また、プログラムインタフェース４６０は、静的ｗｅｂページ及び動的ｗｅｂページのうちの１つであってもよい。

ステップ３０３において、プログラムインタフェースに基づいてミニプログラムのプログラムパッケージを生成する。

可視化作成プログラムは、編集領域におけるターゲット基本的なＵＩ要素に対する編集動作を受信すると同時に、バックグラウンドにおいて、編集動作に対応するサブルーチンを生成し、ターゲット基本的なＵＩ要素に対する編集が完了されると、各サブルーチンをホストプログラムにおいて実行するミニプログラムのプログラムパッケージにパッケージ化する。

本願の実施例では、ミニプログラムを作成する際、パネル領域及び編集領域を含むミニプログラム作成インタフェースを表示することにより、ターゲット基本的なＵＩ要素における編集・排列動作を受信すると、編集領域において、ターゲット基本的なＵＩ要素により編集してミニプログラムのプログラムインタフェースを得、それにより、ミニプログラムのプログラムインタフェースに基づいて、ミニプログラムのプログラムパッケージを生成する。関連するミニプログラムの開発プロセスに比べて、本願の方法を用いると、開発者が強い開発能力を有することなく、ユーザによる可視化動作を受信することにより、バックグラウンドにおいて、現在の動作に関連するプログラムを全過程にわたり同時に生成することができ、それにより、一般的なユーザがコードを手動で編集することを必要とせずに、ミニプログラムの可視化作成を完了することができ、ミニプログラムの開発難度を低減させるとともに、開発効率を向上させる。

図５を参照すると、本願の他の例示的な実施例に示すミニプログラム作成方法のフローチャートが示される。この例示的な実施例は、図２に示す第１の端末２１０が実行することを例として説明する。該方法は、ステップ５０１～ステップ５０６を含む。

ステップ５０１において、ミニプログラム作成インタフェースを表示する。

当該ステップの実施形態は、上記ステップ３０１を参照することができ、本実施例は、ここで説明を省略する。

ｎ種類の基本的なＵＩ要素は、ラベルＵＩ要素、ボタンＵＩ要素、図面ＵＩ要素、単一行入力ボックスＵＩ要素、多行入力ボックスＵＩ要素、単一選択ＵＩ要素、複数選択ＵＩ要素、時間選択ＵＩ要素、状態スイッチＵＩ要素、横リストＵＩ要素及び縦リストＵＩ要素を含むが、これらに限られない。

ステップ５０２において、ターゲット基本的なＵＩ要素に対するページ編集・排列動作を受信したことに応じて、ページ編集・排列動作に基づいて、編集領域において、ターゲット基本的なＵＩ要素に対して組版編集を行い、プログラムインタフェースにおける視覚部分を得る。

１つの選択的な実施形態では、ターゲット基本的なＵＩ要素に対応するページ編集・排列動作は、ｎ種類の基本的なＵＩ要素からターゲット基本的なＵＩ要素を決定すること、ターゲット基本的なＵＩ要素の位置を決定することや、ターゲット基本的なＵＩ要素のサイズを決定することなどを含むが、本願の実施例では、これに限定されない。

１つの選択的な実施形態では、プログラムインタフェースにおける視覚部分は、ターゲット基本的なＵＩ要素、プログラムインタフェースにおけるターゲット基本的なＵＩ要素の位置、及びプログラムインタフェースにおけるターゲット基本的なＵＩ要素のサイズなどを含むが、本願の実施例では、これに限定されない。

１つの選択的な実施形態では、ステップ５０２は、ステップ１～ステップ３を含む。

ステップ１において、ターゲット基本的なＵＩ要素に対する選択動作を受信したことに応じて、選択動作に基づいて、編集領域におけるミニプログラムのプログラムインタフェースにターゲット基本的なＵＩ要素を追加する。

任意的に、選択動作は、クリック選択動作及びドラッグ選択動作のうちの少なくとも１つを含む。

可視化作成プログラムのパネル領域にｎ種類の基本的なＵＩ要素が提供されており、可視化作成プログラムは、選択動作された基本的なＵＩ要素をターゲット基本的なＵＩ要素として決定し、ターゲット基本的なＵＩ要素は、クリック選択動作又はドラッグ選択動作によりミニプログラムのプログラムインタフェースに追加される。

例示的には、図６（ａ）に示すように、可視化作成プログラムでは、ミニプログラム作成インタフェース４００は、パネル領域４１０における図面ＵＩ要素４１３に対するドラッグ選択動作を受信し、それにより、編集領域４３０におけるミニプログラムのプログラムインタフェース６１０に図面ＵＩ要素４１３（すなわち、ターゲット基本的なＵＩ要素）を追加する。

ステップ２において、ターゲット基本的なＵＩ要素に対する移動動作を受信したことに応じて、移動動作に基づいて、編集領域におけるミニプログラムのプログラムインタフェースにおいてターゲット基本的なＵＩ要素の位置を移動する。

任意的に、ミニプログラムのプログラムインタフェースにおけるターゲット基本的なＵＩ要素の初期位置が、ユーザが満足できる位置ではない場合、ユーザは、ターゲット基本的なＵＩ要素をプログラムインタフェースの満足できる位置に移動動作によりドラッグすることができる。

例示的には、図６の（ｂ）に示すように、可視化作成プログラムでは、ミニプログラム作成インタフェース４００は、プログラムインタフェース６１０における図面ＵＩ要素４１３に対する移動動作を受信し、それにより、図面ＵＩ要素４１３を矢印に示される位置に移動する。

ステップ３において、ターゲット基本的なＵＩ要素に対するズーム動作を受信したことに応じて、ズーム動作に基づいて、編集領域におけるミニプログラムのプログラムインタフェースにおいてターゲット基本的なＵＩ要素のサイズを変える。

任意的に、ミニプログラムのプログラムインタフェースにおけるターゲット基本的なＵＩ要素のサイズが、ユーザが満足できるサイズではない場合、ユーザは、縮小動作及び拡大動作を含むズーム動作により、ターゲット基本的なＵＩ要素を満足できる大きさに拡大縮小することができる。

一部の実施例では、該ズーム動作は、ジェスチャー動作（例えば、指が近づくと、サイズ拡大を実現し、指が逆方向へ分離すると、サイズ縮小を実現する）、コントロールトリガー動作（例えば、拡大縮小コントロールをクリックすることにより、拡大縮小を行う）又は、データ入力動作（例えば、サイズデータを入力することで、正確に拡大縮小することを実現する）であってもよい。

例示的には、図６の（ｃ）に示すように、可視化作成プログラムでは、ミニプログラム作成インタフェース４００は、プログラムインタフェース６１０における図面ＵＩ要素４１３に対する縮小動作を受信し、それにより、矢印に示される縮小範囲に応じて、図面ＵＩ要素４１３を縮小する。

本願の実施例は、可視化作成プログラムがタブレットコンピューターにインストールされるシーンをベースとして行なわれるものであり、上記選択動作、移動動作及びズーム動作は、ユーザが手でスクリーンをタッチすることで実現されてもよい。

任意的に、可視化作成プログラムがインストールされた端末がタッチ機能を具備しない場合、キーボードとマウスにより、上記選択動作、移動動作及びズーム動作を実現することができる。

ステップ５０３において、ターゲット基本的なＵＩ要素に対するロジック編集・排列動作を受信したことに応じて、ロジック編集・排列動作に基づいて、編集領域において、ターゲット基本的なＵＩ要素に対してロジック編集を行い、プログラムインタフェースにおけるロジック実行部分を得る。

非静的ｗｅｂページの場合、ミニプログラムのインタフェース表示効果、すなわち、視覚部分を設計する必要があることに加えて、プログラムインタフェースのインタフェースインタラクションロジックを設計し、すなわち、ロジック実行部分を設定する必要がある。該インタラクションロジックは、データ交換ロジックと、ページジャンプロジックとのうちの少なくとも１つを含む。

任意的に、ステップ５０２においてターゲット基本的なＵＩ要素に対する組版編集を完了し、ミニプログラムのプログラムインタフェースにおける視覚部分を得た後、ターゲット基本的なＵＩ要素に対してロジック編集を行う。

１つの選択的な実施形態では、ターゲット基本的なＵＩ要素に対応するロジック編集・排列動作は、データ交換ロジック編集・排列動作を含み、該データ交換ロジック編集・排列動作は、静的データとデータバインディングを行うこと、動的データとデータバインディングを行うことや、ローカルデータとデータバインディングを行うことなどを含むが、本願の実施例では、これに限定されない。

１つの選択的な実施形態では、ステップ５０３は、ステップ１～ステップ４を含む。

ステップ１において、ターゲットＵＩ要素に対する第１のロジック編集・排列動作を受信したことに応じて、第１のロジック編集・排列動作に基づいて、編集領域において、ターゲット基本的なＵＩ要素と静的データとに対してデータバインディングを行う。静的データは、ターゲット基本的なＵＩ要素に予め書き込まれて表示されているデータである。

ターゲットＵＩ要素に対応する第１のロジック編集・排列動作を受信すると、第１のロジック編集・排列動作に基づいて、編集領域において、ターゲット基本的なＵＩ要素と静的データとに対してデータバインディングを行う。ここで、静的データは、ターゲット基本的なＵＩ要素に予め書き込まれた静的表示データであり、すなわち、ミニプログラムの作成段階に表示された属性であり、また、可視化作成プログラムがバックグラウンドにおいてコードを編集すると同時に、プログラムに書き込んだデータとして理解されてもよい。

例えば、図面ＵＩ要素の具体的な表示図面を設定する場合、具体的な表示図面が静的データである。また、例えば、ラベルＵＩ要素の具体的なテキスト内容及びラベルＵＩ要素の塗りつぶし色を設定する場合、具体的なテキスト内容及び塗りつぶし色がそれぞれ静的データである。

例示的には、図６の（ｃ）をベースとして、図７に示すように、可視化作成プログラムでは、図６に示す図面ＵＩ要素４１３の組版編集を完了した後、図面ＵＩ要素４１３に対するクリック動作を受信することで、ミニプログラム作成インタフェース４００に、図面ＵＩ要素４１３に対応する図面交換フローティングボタン７０１を表示し、図面交換フローティングボタン７０１を介してユーザによるトリガー動作を受信すると、ミニプログラムの作成インタフェース４００に図面選択領域７０２を表示する。図面選択領域７０２に表示される図面は、ローカルアルバムから由来するものであり、ユーザが該図面選択領域７０２において、追加しようとするターゲット図面（静的表示データ）を選択することができる。

１つの選択的な実施形態では、ステップ５０２のステップ「１」とステップ５０３のステップ「１」との実行順序を置換してもよい。すなわち、ターゲットＵＩ要素に対して、静的データとのデータバインディングを実行してから、組版動作を実行してもよい。

例示的には、図８の（ａ）に示すように、先ず、図面交換フローティングボタン７０１を介して、図面ＵＩ要素４１３と図面ｉｍａｇｅ６（静的データ）とのデータバインディングを完了する。そして、図面ＵＩ要素４１３が属性フローティングボタン８０１に対するトリガー動作を受信すると、図８の（ｂ）に示すように、図面ＵＩ要素４１３に対する組版動作を受信する属性領域８０２をミニプログラムの作成インタフェース４００の編集領域４３０に表示する。

例示的には、図８の（ｃ）には、属性領域８０２が含む可能性がある内容が示される。例えば、図面ｉｍａｇｅ６に対しては、属性領域８０２により、図面ｉｍａｇｅ６の枠タイプ（例えば、直角矩形枠、角丸矩形枠、楕円形枠など）、拡大縮小タイプ（例えば、充填するように拡大縮小すること、適応するように拡大縮小すること、伸縮すること、元の大きさに戻すように拡大縮小することなど）、領域高さ及び適応高さなどを設定することができる。本願の実施例は、属性領域８０２が含む可能性がある内容について限定しない。

異なるターゲットＵＩ要素は、異なる属性領域に対応しており、例えば、ラベルＵＩ要素の属性領域は、ラベルＵＩ要素のうちの、テキストの書体、色、サイズなどに関連する設定を実現することができる。本願の実施例は、異なるターゲットＵＩ要素の異なる属性領域に含まれる内容について限定しない。

ステップ２において、ターゲットＵＩ要素に対する第２のロジック編集・排列動作を受信したことに応じて、第２のロジック編集・排列動作に基づいて、編集領域において、ターゲット基本的なＵＩ要素と第１の動的データとに対してデータバインディングを行う。第１の動的データは、ミニプログラムの実行期間において、ネットワークプロトコルを介して動的に取得されており、ターゲット基本的なＵＩ要素に表示されているデータである。

任意的に、第２のロジック編集・排列動作について、以下のように理解され得る。ミニプログラムがホストプログラムにおいて実行する場合、ターゲットＵＩ要素は、ミニプログラムの作成プロセスにおいて予め設定された第２のロジック編集・排列動作の下で、ネットワークプロトコルを介してサーバに動的にアクセスし、サーバからターゲット基本的なＵＩ要素における第１の動的データを取得し、ホストプログラムを介して該第１の動的データを実行して表示することができる。

上記ミニプログラムの作成プロセスでは、ターゲットＵＩ要素に対応する第２のロジック編集・排列動作を受信すると、第２のロジック編集・排列動作に基づいて、編集領域において、ターゲット基本的なＵＩ要素と第１の動的データとに対してデータバインディングを行う。

１つの例示的な例では、第２のロジック編集・排列動作の下で、ホストプログラムにおいて実行されるミニプログラムが、横リストＵＩ要素におけるリストアイテムに関連するデータと順序を動的に更新することを実現できる場合、リストアイテムに関連するデータと順序が動的データであり、サーバにアクセスして、リストアイテムに関連する第１の動的データを取得する必要がある。

例示的には、図９の（ａ）に示すように、可視化作成プログラムでは、パネル領域４１０における横リストＵＩ要素４２０に基づいて、ミニプログラム作成インタフェース４００に、ミニプログラムのプログラムインタフェース９１０を表示し、横リストＵＩ要素４２０は、リストアイテム１、リストアイテム２、リストアイテム３、リストアイテム４及びリストアイテム５の５つのリストアイテムを含む。

リストアイテム１は、各リストアイテムの構造を表示する横リストＵＩ要素４２０のテンプレートアイテムである。例示的には、図９の（ｂ）に示すように、テンプレートアイテム（すなわち、リストアイテム１）は、第１のフィールド９１１、第２のフィールド９１２及び第３のフィールド９１３の３つのデータフィールドを含む。

ミニプログラムの実行では、リストアイテムとフィールドのデータバインディングを行うことができる第１の動的データを取得することにより、横リストＵＩ要素４２０を含むプログラムインタフェース９１０を表示する。以下、模式図を用いて、リストアイテムと第１の動的データとをバインディングするプロセスについて説明し、該プロセスは、第２のロジック編集・排列である。

例示的には、図９の（ｃ）に示すように、上記横リストＵＩ要素４２０のリストアイテムの数は、ミニプログラム作成インタフェース４００における横リストＵＩ要素４２０に対応する属性設定フローティングボタン９１４により、設定することができる。そして、横リストＵＩ要素４２０のリストアイテムの第１の動的データのバインディングは、ミニプログラム作成インタフェース４００における横リストＵＩ要素４２０に対応するバインディングデータフローティングボタン９１５により、設定することができる。

１つの選択的な実施形態では、ミニプログラム作成インタフェース４００がバインディングデータフローティングボタン９１５に対するクリック動作を受信すると、図１０に示すインタフェースを表示する。

例示的には、図１０の（ａ）に示すように、データテーブルＡ（例えば、商品テーブル）は、エントリー１（例えば、商品図面のＵＲＬアドレス）、エントリー２（例えば、商品名称）、エントリー３（例えば、商品価格）、エントリー４（例えば、商品割引）及びエントリー５（例えば、商品説明）の５列の選択可能なデータを含む。例示的には、図１０の（ｂ）に示すように、ミニプログラム作成インタフェース４００にリストとデータテーブルとのバインディングのインタフェースを表示し、横リストＵＩ要素４２０におけるテンプレートアイテム（すなわち、リストアイテム１）は、上記３つのフィールドを含み、３つのフィールドとして、それぞれデータテーブルＡにおけるエントリー１、エントリー２及びエントリー５を選択してデータバインディングを行った場合、選択されたエントリー１、エントリー２及びエントリー５が第１の動的データとなる。ここで、テンプレートアイテムの第１の動的データの選択は、プログラムインタフェースにおけるデータ領域１００１により実現することができる。上記データバインディングプロセスによって、データテーブルにおける指定されたデータをプログラムインタフェースのリストアイテムに表示する（例えば、商品図面、商品名称及び商品説明をリストアイテムに表示する）ことを実現することができる。

例示的には、図１０の（ｃ）に、データ領域１００１が含む可能性がある内容が示される。テンプレートアイテム（すなわち、リストアイテム１）とデータテーブルＡとに対してデータバインディングを行うシーンの場合、データ領域１００１は、バインディング関係のうちのバインディング対象であるデータテーブルＡと、バインディング関係のうちのフィールド関連付け方式と、バインディングされたデータテーブルのデータ閲覧と、データ編集とデータ選択と、を含む。

フィールド関連付けとは、テンプレートアイテムにおけるフィールドと、データテーブルのうち選択されたデータとの関連付け方式であり、フィールド関連付け方式は、ランダム方式、又は、指定された方式であってもよい。例示的には、図１０の（ｃ）に示すように、現在のフィールド関連付け方式は、ランダム方式である。ユーザが現在のフィールドの関連付け方式について満足しないと、指定されたフィールドのデータバインディング解除を行うことができる。任意的に、図１１に示すように、現在、リストアイテム１における第３のフィールドに、データテーブルＡにおけるエントリー５のデータがバインディングされている場合、第３のフィールドに対するクリックトリガー動作を受信すると、作成インタフェース４００に、第３のフィールドに対応するフィールドバインディング解除オプション１１００を表示し、エントリー２、エントリー３及びエントリー４を含む、第３のフィールドが現在改めてバインディングできるデータを第３のフィールドのタイプに基づいて、フィールドバインディング解除オプション１１００に表示する。

テンプレートアイテムのデータバインディングが完了された後、ミニプログラムは、ホストプログラムを介して実行し、ネットワークプロトコルを介して、ターゲット基本的なＵＩ要素における各リストアイテムの第１の動的データを動的に取得し、それにより、ホストプログラムは、該第１の動的データに基づいて、ミニプログラムのプログラムインタフェースを表示する。

データテーブルにおけるデータが更新されれば、ミニプログラムが取得した動的データが変更されたため、プログラムインタフェースにおけるリストアイテムのデータも対応して変更される。

ステップ３において、ターゲットＵＩ要素に対する第３のロジック編集・排列動作を受信したことに応じて、第３のロジック編集・排列動作に基づいて、編集領域において、ターゲット基本的なＵＩ要素と第２の動的データとに対してデータバインディングを行う。第２の動的データは、ミニプログラムの実行期間において、ローカルコードで計算されることで書き込まれており、ターゲット基本的なＵＩ要素に表示されているデータである。

１つの選択的な実施形態では、上記基本的なＵＩ要素は、ローカル端末（ホストプログラムがインストールされた端末）にアクセスし、該ローカル端末の第２の動的データを取得できる基本的なＵＩ要素をさらに含む。

１つの例示的な例では、上記基本的なＵＩ要素は、測位ＵＩ要素を、さらに含み、該測位ＵＩ要素は、トリガーされると、ホストプログラムがインストールされたローカル端末の測位情報にアクセスする能力を有し、該測位情報を取得し、ミニプログラムのプログラムインタフェースに測位情報に関連する第２の動的データを表示する。

１つの例示的な例では、上記基本的なＵＩ要素は、ローカルデータをミニプログラムにアップロードするＵＩ要素を、さらに含み、該ＵＩ要素は、トリガーされると、ホストプログラムがインストールされたローカル端末のローカルデータにアクセスする能力を有し、ターゲットローカルデータを取得し、ミニプログラムのプログラムインタフェースに該ターゲットローカルデータを表示する。

ステップ４において、第１のプログラムインタフェースにおけるターゲット基本的なＵＩ要素に対する第４のロジック編集・排列動作を受信したことに応じて、第４のロジック編集・排列動作に基づいて、編集領域において、ターゲット基本的なＵＩ要素と第２のプログラムインタフェースとに対してデータバインディングを行う。第２のプログラムインタフェースは、ターゲット基本的なＵＩ要素がトリガーされると、ジャンプして表示されるプログラムインタフェースである。

１つの選択的な実施形態では、本願のミニプログラムのプログラムインタフェースは、階層表示関係が存在する第１のプログラムインタフェースと第２のプログラムインタフェースを含み、すなわち、ミニプログラムが実行されると、第１のプログラムインタフェースは、トリガーされ、第２のプログラムインタフェースにジャンプすることができる。

図４の（Ｃ）では、説明された動的ｗｅｂページは、上記の第１のプログラムインタフェースである。第１のプログラムインタフェースから第２のプログラムインタフェースにジャンプするプロセスは、第４のロジック編集・排列動作である。図４の（ｃ）を例として説明すると、第４のロジック編集・排列動作は、具体的には、プログラムインタフェース４６０（すなわち、第２のプログラムインタフェース）のページ編集・排列及びロジック編集・排列が完了された後、動的プログラムインタフェース４５０（すなわち、第１のプログラムインタフェース）におけるリストアイテム１と、プログラムインタフェース４６０とに対してデータバインディングを行うことであり、具体的には、リストアイテム１に対するトリガー動作を受信すると、動的プログラムインタフェース４５０からプログラムインタフェース４６０にジャンプすることである。

ステップ５０４において、プログラムインタフェースに基づいてミニプログラムのプログラムパッケージを生成する。

本ステップの実施形態は、上記ステップ３０３を参照することができ、本実施例は、ここで説明を省略する。

ステップ５０５において、プレビューコントロールに対するプレビュー動作を受信したことに応じて、ミニプログラムのプログラムパッケージをホストプログラムにプッシュして実行させる。

１つの選択的な実施形態では、ミニプログラム作成インタフェースは、プレビューコントロールをさらに含み、可視化作成プログラムがプレビューコントロールにおけるプレビュー動作を受信すると、ミニプログラムのプログラムパッケージをホストプログラムにプッシュして実行させる。

例示的には、図９及び図１０をベースとして、横リストＵＩ要素４２０のデータバインディングが完了された後、ミニプログラムの作成インタフェース４００におけるプレビューコントロール９１６により、ミニプログラムのプレビューを実現することができ、最終的なプレビューの効果は、図１２に示されるものであり、各リストアイテムにおけるフィールドにバインディングされたデータは、図１０の（ａ）に示すデータテーブルＡからのものである。

１つの選択的な実施形態では、ミニプログラム作成インタフェースは、プレビューコントロールをさらに含み、可視化作成プログラムとホストプログラムが同じ端末にインストールされている場合、可視化作成プログラムがプレビューコントロールにおけるプレビュー動作を受信すると、可視化作成プログラムがホストプログラムにミニプログラムのプログラムパッケージを送信する。

他の選択的な実施形態では、可視化作成プログラムは、ミニプログラム作成機能を有するホストプログラムであり、プレビューコントロールに対するプレビュー動作を受信すると、ホストプログラムは、生成されるプログラムパッケージをロードする。

ステップ５０６において、提出コントロールに対する提出動作を受信したことに応じて、ミニプログラムのプログラムパッケージをホストプログラムのプログラムプラットフォームに送信して審査又は発表させる。

ミニプログラムの作成が完了された後に、ミニプログラムがホストプログラムのプログラムプラットフォームの要求を満たす否かを考慮し、違法又は不良内容を含むミニプログラムであると、該プログラムプラットフォームにより、発表が拒否される。

１つの選択的な実施形態では、ミニプログラム作成インタフェースは、提出コントロールをさらに含む。可視化作成プログラムは、提出コントロールにおける提出動作を受信すると、ミニプログラムのプログラムパッケージをホストプログラムに対応するプログラムプラットフォームにプッシュし、プログラムプラットフォームは、人工審査方式又は自動審査方式でミニプログラムを審査する。

本願の実施例では、ミニプログラムのプログラムインタフェースは、視覚部分及びロジック実行部分を含み、視覚部分は、ページ編集・排列動作に基づいて得られるものであり、可視化作成プログラムは、該ページ編集・排列動作に基づいてターゲット基本的なＵＩ要素に対して組版編集を行う。ロジック実行部分は、ロジック編集・排列動作に基づいて得られるものであり、可視化作成プログラムは、該ロジック編集・排列動作に基づいて、ターゲット基本的なＵＩ要素に対してロジック編集を行い、ミニプログラムのプログラムインタフェースにおけるデータバインディング及びインタフェースジャンプロジックコードを生成する。上記動作により生成されたミニプログラムは、良好なインタフェース表示効果を具備する以外、良好なインタラクション性を有し、ミニプログラムの品質を向上させることに寄与する。

上記各実施例では、ミニプログラム作成に関連する動作と同時に、可視化作成プログラムのバックグラウンドにコードを生成し、例えば、ターゲット基本的なＵＩ要素を決定したり、ページ編集・排列動作を完了したり、ロジック編集・排列動作を完了したりすると同時に、可視化作成プログラムが現在の動作に関連するコードを生成する。

一部の実施例では、コード編集能力を持っている一部の開発者にとって、いくつかの複雑なページロジックに関わると、可視化動作を行った上で、コードを手動で入力する必要があることが多い。１つの選択的な実施形態では、編集領域におけるターゲットＵＩ要素に対する予め設定された編集・排列動作に応じて、編集領域のコード表示領域内にターゲットＵＩ要素に対応するミニプログラムコードを表示し、コード表示領域におけるミニプログラムコードに対するコード編集動作を受信したことに応じて、コード編集動作に基づいて、ターゲットＵＩ要素に対応するミニプログラムコードを更新する。ここで、該予め設定された編集・排列動作は、長押し動作、ダブルクリック動作、押圧動作などであってもよいが、本実施例では、これに限定されない。

例示的には、図１３の（ａ）に示すように、ミニプログラムの作成インタフェース４００にコード表示領域１３０１が表示されており、編集領域におけるプログラムインタフェース１３００に対するダブルクリック動作を受信すると同時に、コード表示領域１３０１にコードを生成する。

また、ユーザは、コード表示領域１３０１におけるコードを編集することができ、すなわち、ミニプログラムを可視化作成することから、コードを編集することでミニプログラムを作成するように変更する。

ユーザは、該コード表示領域１３０１においてコード編集を行う際、関連するコード編集方法にしたがって動作する場合、各ターゲットＵＩ要素の身元識別番号（Ｉｄｅｎｔｉｔｙ、ＩＤ）を把握する必要があり、それにより、現在編集しているターゲットＵＩ要素のＩＤを編集しているコードにキー入力する一方、各ターゲットＵＩ要素のＩＤを把握していないと、コード編集上の困難をもたらしてしまう。

１つの選択的な実施形態では、ユーザによるターゲットＵＩ要素に対するトリガー動作を受信すると、可視化作成プログラムは、該ターゲットＵＩ要素のＩＤを取得し、コード表示領域１３０１に該ターゲットＵＩ要素のＩＤを自動的にキー入力する。すなわち、ＩＤをキー入力すべき１行のコードに、現在編集しているターゲットＵＩ要素のＩＤを自動的にキー入力し、所定のコード編集能力を持っているユーザに利便性を提供する。

任意的に、ユーザによるターゲットＵＩ要素に対するトリガー動作を受信する前、キー入力すべきＩＤのコード領域のトリガー動作を受信するステップを、さらに含む。任意的に、ターゲットＵＩ要素のトリガー動作は、ターゲットＵＩ要素に対するクリック動作、ダブルクリック動作などを含むが、本願の実施例では、これに限定されない。

例示的には、図１３の（ｂ）に示すように、コード表示領域１３０１では、変数領域１３０２に入力すべき内容は、現在のターゲットＵＩ要素のＩＤ、すなわち、図面ＵＩ要素４１３のＩＤである。ユーザによる変数領域１３０２に対するクリック動作を受信すると、ユーザによるターゲットＵＩ要素に対するクリック動作を受信することを待つ。ユーザによるプログラムインタフェース１３００における図面ＵＩ要素４１３に対するクリック動作を受信すると、可視化作成プログラムが図面ＵＩ要素のＩＤを取得し、ユーザが変数領域１３０２に図面ＵＩ要素４１３のＩＤを手動でキー入力することなく、変数領域１３０２に該図面ＵＩ要素４１３のＩＤを自動的にキー入力して表示する。

可視化作成プログラムにより、現在の動作に関連するコードをバックグラウンドに同時に生成することで、一般的なユーザでも、可視化作成プログラムによりミニプログラムの作成を完了することができ、また、所定のコード編集能力を具備するユーザも、上記コード表示領域により、コードを編集することができ、ミニプログラム作成の柔軟性を向上させる。

図１４を参照すると、本願の一実施例に係るミニプログラムの作成装置の構成のブロック図が示される。該装置は、コンピュータ機器の全部又は一部として、ソフトウェア、ハードウェア又は両者の組み合わせにより実現されてもよい。該装置は、
ミニプログラム作成インタフェースを表示する作成インタフェース表示モジュール１４０１であって、前記ミニプログラム作成インタフェースにパネル領域及び編集領域が表示されており、前記パネル領域にｎ（ｎが正整数である）種類の基本的なＵＩ要素が提供されている作成インタフェース表示モジュール１４０１と、
ターゲット基本的なＵＩ要素に対する編集・排列動作を受信したことに応じて、前記編集領域において、前記ターゲット基本的なＵＩ要素により編集して前記ミニプログラムのプログラムインタフェースを得るプログラムインタフェース生成モジュール１４０２であって、前記ターゲット基本的なＵＩ要素は、前記ｎ種類の基本的なＵＩ要素のうち選択されたＵＩ要素であるプログラムインタフェース生成モジュール１４０２と、
前記プログラムインタフェースに基づいて、前記ミニプログラムのプログラムパッケージを生成するプログラムパッケージ生成モジュール１４０３と、を含む。

任意的に、前記プログラムインタフェース生成モジュール１４０２は、
ターゲット基本的なＵＩ要素に対するページ編集・排列動作を受信したことに応じて、ページ編集・排列動作に基づいて、編集領域において、ターゲット基本的なＵＩ要素に対して組版編集を行い、プログラムインタフェースにおける視覚部分を得る組版編集サブモジュールと、
ターゲット基本的なＵＩ要素に対するロジック編集・排列動作を受信したことに応じて、ロジック編集・排列動作に基づいて、編集領域において、ターゲット基本的なＵＩ要素に対してロジック編集を行い、プログラムインタフェースにおけるロジック実行部分を得るロジック編集サブモジュールと、を含む。

任意的に、前記組版編集サブモジュールは、ターゲット基本的なＵＩ要素に対する選択動作を受信したことに応じて、選択動作に基づいて、プログラムインタフェースにターゲット基本的なＵＩ要素を追加し、
ターゲット基本的なＵＩ要素に対する移動動作を受信したことに応じて、移動動作に基づいて、プログラムインタフェースにおいてターゲット基本的なＵＩ要素の位置を移動し、
ターゲット基本的なＵＩ要素に対するズーム動作を受信したことに応じて、ズーム動作に基づいて、プログラムインタフェースにおいてターゲット基本的なＵＩ要素のサイズを変える。

任意的に、前記ロジック編集サブモジュールは、ターゲットＵＩ要素に対する第１のロジック編集・排列動作を受信したことに応じて、第１のロジック編集・排列動作に基づいて、編集領域において、ターゲット基本的なＵＩ要素と静的データとに対してデータバインディングを行い（静的データは、ターゲット基本的なＵＩ要素に予め書き込まれて表示されているデータである）、
ターゲットＵＩ要素に対する第２のロジック編集・排列動作を受信したことに応じて、第２のロジック編集・排列動作に基づいて、編集領域において、ターゲット基本的なＵＩ要素と第１の動的データとに対してデータバインディングを行い（第１の動的データは、ミニプログラムの実行期間において、ネットワークプロトコルを介して動的に取得されており、ターゲット基本的なＵＩ要素に表示されているデータである）、
ターゲットＵＩ要素に対する第３のロジック編集・排列動作を受信したことに応じて、第３のロジック編集・排列動作に基づいて、編集領域において、ターゲット基本的なＵＩ要素と第２の動的データとに対してデータバインディングを行う（第２の動的データは、ミニプログラムの実行期間において、ローカルコードで計算されることで書き込まれており、ターゲット基本的なＵＩ要素に表示されているデータである）。

任意的に、前記装置は、ターゲット基本的なＵＩ要素に対するバインディング解除動作を受信したことに応じて、バインディング解除動作に基づいて、前記ターゲット基本的なＵＩ要素と対応するデータとに対してデータバインディング解除を行う復号モジュールをさらに含む。

任意的に、ミニプログラムのプログラムインタフェースは、階層表示関係が存在する第１のプログラムインタフェースと第２のプログラムインタフェースを含む。

任意的に、前記ロジック編集サブモジュールは、第１のプログラムインタフェースにおけるターゲット基本的なＵＩ要素に対する第４のロジック編集・排列動作を受信したことに応じて、第４のロジック編集・排列動作に基づいて、編集領域において、ターゲット基本的なＵＩ要素と第２のプログラムインタフェースとに対してデータバインディングを行い、第２のプログラムインタフェースは、ターゲット基本的なＵＩ要素がトリガーされると、ジャンプして表示されるプログラムインタフェースである。

任意的に、前記装置は、
編集領域におけるターゲットＵＩ要素に対する所定のトリガー動作に応答して、編集領域のコード表示領域内に、ターゲットＵＩ要素に対応するミニプログラムコードを表示するコード表示モジュールと、
コード表示領域におけるミニプログラムコードに対するコード編集動作を受信したことに応じて、コード編集動作に基づいて、ターゲットＵＩ要素に対応するミニプログラムコードを更新するコード更新モジュールと、をさらに含む。

任意的に、ミニプログラム作成インタフェースは、プレビューコントロールをさらに含む。

任意的に、前記装置は、
プレビューコントロールに対するプレビュー動作を受信したことに応じて、ミニプログラムのプログラムパッケージをホストプログラムにプッシュして実行させるプログラムパッケージプッシュモジュールをさらに含む。

任意的に、ミニプログラム作成インタフェースは、提出コントロールをさらに含む。

任意的に、前記装置は、
提出コントロールに対する提出動作を受信したことに応じて、ミニプログラムのプログラムパッケージをホストプログラムのプログラムプラットフォームに送信して審査又は発表させるプログラムパッケージ送信モジュールをさらに含む。

図１５を参照すると、本出願の１つの例示的な実施形態に係る端末１５００の構成のブロック図を示す。該端末１５００は、スマートフォン、タブレットＰＣ、ＭＰ３プレーヤ（Ｍｏｖｉｎｇ Ｐｉｃｔｕｒｅ Ｅｘｐｅｒｔｓ Ｇｒｏｕｐ Ａｕｄｉｏ Ｌａｙｅｒ ＩＩＩ、ムービング・ピクチャー・エクスパーツ・グループオーディオレイヤー３）、ＭＰ４（Ｍｏｖｉｎｇ Ｐｉｃｔｕｒｅ Ｅｘｐｅｒｔｓ Ｇｒｏｕｐ Ａｕｄｉｏ Ｌａｙｅｒ ＩＶ、ムービング・ピクチャー・エクスパーツ・グループオーディオレイヤー４）プレーヤであってもよい。端末１５００は、さらに、ユーザ機器、ポータブル端末などのその他の名称と呼ばれることもある。

通常、端末１５００は、プロセッサ１５０１とメモリ１５０２と、を含む。
プロセッサ１５０１は、１つ又は複数のプロセスコアを含んでもよく、例えば、４コアプロセッサ、８コアプロセッサなどである。プロセッサ１５０１は、ＤＳＰ（Ｄｉｇｉｔａｌ Ｓｉｇｎａｌ Ｐｒｏｃｅｓｓｉｎｇ、デジタルシグナルプロセッサ）、ＦＰＧＡ（Ｆｉｅｌｄ－Ｐｒｏｇｒａｍｍａｂｌｅ Ｇａｔｅ Ａｒｒａｙ、フィールドプログラマブルゲートアレイ）、ＰＬＡ（Ｐｒｏｇｒａｍｍａｂｌｅ Ｌｏｇｉｃ Ａｒｒａｙ、プログラマブル・ロジック・アレイ）のうちの少なくとも１つのハードウェア形態で実現されてもよい。プロセッサ１５０１は、メインプロセッサ及びコプロセッサを含みてもよく、メインプロセッサは、覚醒状態でのデータを処理するプロセッサであり、ＣＰＵ（Ｃｅｎｔｒａｌ Ｐｒｏｃｅｓｓｉｎｇ Ｕｎｉｔ、中央処理装置）とも呼ばれ、コプロセッサは、待機状態でのデータを処理する低電力プロセッサである。一部の実施形態では、プロセッサ１５０１には、ディスプレイスクリーンに表示すべきコンテンツのレンダリング及び描画用のＧＰＵ（Ｇｒａｐｈｉｃｓ Ｐｒｏｃｅｓｓｉｎｇ Ｕｎｉｔ、画像プロセッサ）が集積されてもよい。一部の実施形態では、プロセッサ１５０１は、機械学習に関連する演算操作を処理するＡＩ（Ａｒｔｉｆｉｃｉａｌ Ｉｎｔｅｌｌｉｇｅｎｃｅ、人工知能）プロセッサを含みてもよい。

メモリ１５０２は、有形かつ非一時的なものであり得る１つ又は複数のコンピュータ読み取り可能な記憶媒体を含みてもよい。メモリ１５０２は、さらに、高速ランダムアクセスメモリ、及び不揮発性メモリを含んでもよく、例えば、１つ又は複数の磁気ディスク記憶装置、及びフラッシュ記憶装置である。一部の例では、メモリ１５０２における非一時的なコンピュータ読み取り可能な記憶媒体は、少なくとも１つの命令を記憶するためのものであり、該少なくとも１つの命令は、プロセッサ１５０１により実行され、本願の方法に係る端末１５００のミニプログラム作成方法を実現するためのものである。

一部の実施形態では、端末１５００は、さらに、任意選択的で、周辺機器インタフェース１５０３及び少なくとも１つの周辺機器を含みてもよい。具体的には、周辺機器は、ＲＦ回路１５０４、タッチディスプレイスクリーン１５０５、カメラ１５０６、オーディオ回路１５０７、測位コンポーネント１５０８及び電源１５０９のうちの少なくとも１つを含む。

周辺機器インタフェース１５０３は、Ｉ／Ｏ（Ｉｎｐｕｔ／Ｏｕｔｐｕｔ、入力／出力）に関連する少なくとも１つの周辺機器をプロセッサ１５０１及びメモリ１５０２に接続するために用いられ得る。一部の実施形態では、プロセッサ１５０１、メモリ１５０２及び周辺機器インタフェース１５０３は、同じチップ又は回路基板に集積され、一部の他の実施形態では、プロセッサ１５０１、メモリ１５０２及び周辺機器インタフェース１５０３のうちの任意の１つ又は２つは、単独なチップ又は回路基板に実現されてもよいが、本実施形態は、これについて限定しない。

ＲＦ回路１５０４は、電磁信号とも呼ばれるＲＦ（Ｒａｄｉｏ Ｆｒｅｑｕｅｎｃｙ、高周波）信号を受送信するためのものである。ＲＦ回路１５０４は、電磁信号を介して通信ネットワーク及び他の通信機器と通信する。ＲＦ回路１５０４は、電気信号を電磁信号に変換して送信するか、又は、受信した電磁信号を電気信号に変換する。任意的に、ＲＦ回路１５０４は、アンテナシステム、ＲＦ送受信機、１つ又は複数のアンプ、チューナー、発振器、デジタル信号プロセッサ、符号化・復号チップセット、ユーザＩＤモジュールカードなどを含む。ＲＦ回路１５０４は、少なくとも１つの無線通信プロトコルを介して他の端末と通信してもよい。該ワイヤレス通信プロトコルは、ワールドワイドウェッブ、メトロポリタンエリアネットワーク、イントラネット、各世代のモバイル通信ネットワーク（２Ｇ、３Ｇ、４Ｇ及び５Ｇ）、ワイヤレスＬＡＮ及び／又はＷｉＦｉ（Ｗｉｒｅｌｅｓｓ Ｆｉｄｅｌｉｔｙ、ワイヤレスフィデリテ）ネットワークを含むがこれらに限られない。一部の実施形態では、ＲＦ回路１５０４は、さらに、ＮＦＣ（Ｎｅａｒ Ｆｉｅｌｄ Ｃｏｍｍｕｎｉｃａｔｉｏｎ、近距離無線通信）に関する回路を含むが、これらに限られない。本願は、これに限定されない。

タッチディスプレイスクリーン１５０５は、ＵＩ（Ｕｓｅｒ Ｉｎｔｅｒｆａｃｅ、ユーザインタフェース）を表示するためのものである。該ＵＩは、グラフィックス、テキスト、アイコン、ビデオ及びそれらの任意の組合せを含んでもよい。タッチディスプレイスクリーン１５０５は、タッチディスプレイスクリーン１５０５の表面又は表面の上方のタッチ信号を収集する能力を有する。該タッチ信号は、制御信号としてプロセッサ１５０１に入力して処理することができる。タッチディスプレイスクリーン１５０５は、さらに、ソフトキー及び／又はソフトキーボードとも呼ばれる仮想キー及び／又は仮想キーボードを提供するためのものである。一部の実施形態では、タッチディスプレイスクリーン１５０５は、端末１５００のフロントパネルに設けられる１つであってもよい。他の一部の実施形態では、タッチディスプレイスクリーン１５０５は、それぞれ端末１５００の異なる面に設けられるか、又は折り畳まれるように設計される少なくとも２つであってもよい。他の一部の実施形態では、タッチディスプレイスクリーン１５０５は、端末１５００の曲がり面又は折り畳み面に設けられる柔軟性ディスプレイスクリーンであってもよい。又は、タッチディスプレイスクリーン１５０５は、矩形ではない不規則形状、すなわち、異形スクリーンとして設けられてもよい。タッチディスプレイスクリーン１５０５は、ＬＣＤ（Ｌｉｑｕｉｄ Ｃｒｙｓｔａｌ Ｄｉｓｐｌａｙ、液晶ディスプレイスクリーン）、ＯＬＥＤ（Ｏｒｇａｎｉｃ Ｌｉｇｈｔ－Ｅｍｉｔｔｉｎｇ Ｄｉｏｄｅ、有機発光ダイオード）などの材質で製造されてもよい。

カメラコンポーネント１５０６は、画像又はビデオを収集するためのものである。任意的に、カメラコンポーネント１５０６は、フロントカメラ及びリアカメラを含む。通常、フロントカメラは、ビデオ通話又は自分撮りを行うために用いられる一方、リアカメラは、写真又はビデの撮影を行うためのものである。一部の実施形態では、リアカメラは、少なくとも２つであり、それぞれメインカメラ、ＤｏＦカメラ、広角カメラのうちのいずれかであり、メインカメラとＤｏＦカメラの組合せで、背景ぼかし機能を実現し、メインカメラと広角カメラの連携により、パノラマ撮影及びＶＲ（Ｖｉｒｔｕａｌ Ｒｅａｌｉｔｙ、バーチャルリアリティー）撮影機能を実現する。一部の実施形態では、カメラコンポーネント１５０６は、フラッシュランプを、さらに含みてもよい。フラッシュランプは、単一色温度フラッシュランプであってもよく、二重色温度フラッシュランプであってもよい。二重色温度フラッシュランプは、ウォームランプとコールドランプとの組合せであり、異なる色温度での光補償に用いられる。

オーディオ回路１５０７は、ユーザと端末１５００との間のオーディオインタフェースを提供するためのものである。オーディオ回路１５０７は、マイクロホン及びスピーカを含んでもよい。マイクロホンは、ユーザ及び環境の音波を収集し、音波を電気信号に変換してプロセッサ１５０１に入力して処理するか、又は、ＲＦ回路１５０４に入力して音声通信を実現するためのものである。立体音響の収集又はノイズ低減の目的のために、マイクロホンは、それぞれ端末１５００の異なる箇所に設けられる複数であってもよい。マイクロホンは、さらに、アレイマイクロホン又は無指向性マイクロホンであってもよい。スピーカは、プロセッサ１５０１又はＲＦ回路１５０４からの電気信号を音波に変換するためのものである。スピーカは、従来の薄膜スピーカであってもよいし、圧電セラミックスピーカであってもよい。スピーカが圧電セラミックスピーカである場合、電気信号を人間が聞こえる音波に変換してもよいし、距離測定などの用途のために、電気信号を人間が聞こえない音波に変換してもよい。一部の実施形態では、オーディオ回路１５０７は、さらに、イヤホンジャックを含んでもよい。

測位コンポーネント１５０８は、ナビゲーション又はＬＢＳ（Ｌｏｃａｔｉｏｎ Ｂａｓｅｄ Ｓｅｒｖｉｃｅ、ナビゲーション又は位置情報サービス）を実現するように、測位端末１５００の現在の地理的位置を測位するためのものである。測位コンポーネント１５０８は、アメリカのＧＰＳ（Ｇｌｏｂａｌ Ｐｏｓｉｔｉｏｎｉｎｇ Ｓｙｓｔｅｍ、全地球測位システム）、中国の北斗システム又はロシアのガリレオシステムベースの測位コンポーネントであり得る。

電源１５０９は、端末１５００における各コンポーネントに給電するためのものである。電源１５０９は、交流電気、直流電流、使い捨て電池又は充電式電池であってもよい。電源１５０９が充電式電池を含む場合、該充電式電池は、有線充電電池又はワイヤレス充電電池であってもよい。有線充電電池は、有線回路を介して充電する電池であり、ワイヤレス充電電池は、ワイヤレスコイルを介して充電する電池である。該充電式電池は、さらに、急速充電技術をサポートするために用いられてもよい。

一部の実施形態では、端末１５００は、１つ又は複数のセンサ１５１０を、さらに含む。該１つ又は複数のセンサ１５１０は、加速度センサ１５１１、ジャイロスコープセンサ１５１２、圧力センサ１５１３、指紋センサ１５１４、光学センサ１５１５及び近接センサ１５１６を含むがこれらに限られない。

加速度センサ１５１１は、端末１５００で作成された座標系の３つの座標軸での加速度大きさを検出することができる。例えば、加速度センサ１５１１は、３つの座標軸での重力加速度の成分を検出するために用いられてもよい。プロセッサ１５０１は、加速度センサ１５１１により収集された重力加速度信号に基づいて、横方向ビュー又は縦方向ビューでユーザインタフェースをタッチディスプレイスクリーン１５０５に表示するように制御してもよい。加速度センサ１５１１は、さらに、ゲーム又はユーザの運動データを収集するために用いられてもよい。

ジャイロスコープセンサ１５１２は、端末１５００の本体方向及び回転角度を検出することができ、加速度センサ１５１１と連携して、端末１５００に対するユーザの３Ｄ動作を収集することができる。プロセッサ１５０１は、ジャイロスコープセンサ１５１２により収集されたデータに基づいて、動作センシング（例えば、ユーザの傾斜操作に基づいてＵＩを変更する）、撮影際の画像安定化、ゲーム制御及び慣性航法という機能を実現することができる。

圧力センサ１５１３は、端末１５００のサイドフレーム及び／又はタッチディスプレイスクリーン１５０５の下層に設けられてもよい。圧力センサ１５１３は、端末１５００のサイドフレームに設けられる場合、端末１５００に対するユーザによる把持信号を検出し、該把持信号に基づいて左右手の認識又はクイック操作を行うことができる。圧力センサ１５１３は、タッチディスプレイスクリーン１５０５の下層に設けられる場合、タッチディスプレイスクリーン１５０５に対するユーザの圧力操作に基づいて、ＵＩインタフェースにおける操作可能なコントロールに対する制御を実現する。操作可能なコントロールは、ボタンコントロール、スクロールバーコントロール、アイコンコントロール、メニューコントロールのうちの少なくとも１つを含む。

指紋センサ１５１４は、ユーザの指紋を収集し、収集された指紋に基づいてユーザの身元を認識する。ユーザの身元が信頼できる身元であると認識した場合、プロセッサ１５０１は、関連する機密操作を実行することを該ユーザに許可し、該機密操作は、画面アンロック、暗号化情報の閲覧、ソフトウェアダウンロード、支払いや設定変更などを含む。指紋センサ１５１４は、端末１５００の正面、裏面又は側面に設けられてもよい。端末１５００に物理ボタン又はメーカーＬｏｇｏが設けられると、指紋センサ１５１４は、物理ボタン又はメーカーＬｏｇｏに一体に集積されてもよい。

光学センサ１５１５は、環境光強度を収集するためのものである。１つの実施形態では、プロセッサ１５０１は、光学センサ１５１５により収集された環境光強度に応じて、タッチディスプレイスクリーン１５０５の表示輝度を制御することができる。具体的には、環境光強度が高い場合、タッチディスプレイスクリーン１５０５の表示輝度を高く調整し、環境光強度が低い場合、タッチディスプレイスクリーン１５０５の表示輝度を低く調整する。他の実施形態では、プロセッサ１５０１は、さらに、光学センサ１５１５により収集された環境光強度に基づいて、カメラコンポーネント１５０６の撮影パラメータを動的に調整することができる。

近接センサ１５１６は、距離センサとも呼ばれ、通常、端末１５００の正面に設けられる。近接センサ１５１６は、ユーザと端末１５００の正面との間の距離を収集するためのものである。１つの実施形態では、プロセッサ１５０１は、ユーザと端末１５００の正面との間の距離が徐々に小さくなることを近接センサ１５１６が検出した場合、タッチディスプレイスクリーン１５０５を点灯状態から消灯状態に切り替えるように制御し、ユーザと端末１５００の正面との間の距離が徐々に大きくなることを近接センサ１５１６が検出した場合、タッチディスプレイスクリーン１５０５を消灯状態から点灯状態に切り替えるように制御する。

当業者であれば理解できるように、図１３に示す構造は、端末１５００に対する限定を構成するものではなく、図示よりも多く又は少ないコンポーネントを含むか、又は、いくつかのコンポーネントを組合せるか、又は、異なるコンポーネントで構成されてもよい。

図１６を参照すると、本願の一実施例に係るサーバの構成の模式図を示す。該サーバは、上記実施例に係るミニプログラム作成方法を実施するためのものである。具体的には、
前記サーバ１６００は、中央処理ユニット（ＣＰＵ）１６０１と、ランダムアクセスメモリ（ＲＡＭ）１６０２及び読み出し専用メモリ（ＲＯＭ）１６０３を含むシステムメモリ１６０４と、システムメモリ１６０４と中央処理ユニット１６０１を接続するシステムバス１６０５と、を含む。前記サーバ１６００は、コンピュータ内の各デバイスの間に情報を転送することに寄与する基本入出力システム（Ｉ／Ｏシステム）１６０６と、オペレーティングシステム１６１３、アプリケーションプログラム１６１４及び他のプログラムモジュール１６１５を記憶するマスストレージデバイス１６０７と、を含む。

前記基本入出力システム１６０６は、情報を表示するディスプレイ１６０８と、マウス、キーボードなど、ユーザが情報を入力する入力機器１６０９と、を含む。前記ディスプレイ１６０８及び入力機器１６０９は、いずれも、システムバス１６０５に接続された入出力コントローラ１６１０を介して、中央処理ユニット１６０１に接続されている。前記基本入出力システム１６０６は、キーボード、マウス、又は電子タッチペンなどの複数の他の機器からの入力を受信して処理する入出力コントローラ１６１０を、さらに含むことができる。同様に、入出力コントローラ１６１０は、ディスプレイスクリーン、印刷機又は他の種類の出力機器への出力をさらに提供する。

前記マスストレージデバイス１６０７は、システムバス１６０５に接続されたマスストレージコントローラー（図示せず）を介して、中央処理ユニット１６０１に接続されている。前記マスストレージデバイス１６０７及び関連するコンピュータ読み取り可能な媒体は、サーバ１６００に不揮発性記憶機能を提供する。つまり、前記マスストレージデバイス１６０７は、ハードディスク又はＣＤ－ＲＯＭドライバなどのコンピュータ読み取り可能な媒体（図示せず）を含むことができる。

一般性を失うことなく、前記コンピュータ読み取り可能な媒体は、コンピュータ記憶媒体及び通信媒体を含むことができる。コンピュータ記憶媒体は、コンピュータ読み取り可能な命令、データ構造、プログラムモジュール又は他のデータなどの情報を記憶する任意の方法や技術で実現される揮発性及び不揮発性、移動可能な媒体及び移動不可能な媒体を含む。コンピュータ記憶媒体は、ＲＡＭ、ＲＯＭ、ＥＰＲＯＭ、ＥＥＰＲＯＭ、フラッシュメモリ又は他のソリッドステートストレージ技術、ＣＤ－ＲＯＭ、ＤＶＤ又は他の光学ストレージ、カートリッジ、テープ、磁気ディスクストレージ又は他の磁気ストレージデバイスを含む。ただし、当業者であれば、前記コンピュータ記憶媒体が上記の数種に限られないことが分かる。上記のシステムメモリ１６０４及びマスストレージデバイス１６０７は、まとめてメモリと称することができる。

本願の各実施例によれば、前記サーバ１６００は、インターネットなどのネットワークを介してネットワークにおけるリモートコンピュータに接続されて実行されることができる。すなわち、サーバ１６００は、前記システムバス１６０５に接続されたネットワークインタフェースユニット１６１１を介してネットワーク１６１２に接続されてもよく、又は、ネットワークインタフェースユニット１６１１で他の種類のネットワーク又はリモートコンピュータシステムに接続されてもよい。

前記メモリに少なくとも１つの命令、少なくとも一部のプログラム、コードセット又は命令セットが記憶されており、前記少なくとも１つの命令、前記少なくとも一部のプログラム、前記コードセット又は命令セットは、前記プロセッサによりロード及び実行され、上述のミニプログラム作成方法での各ステップの機能を実現する。

本願の実施例は、コンピュータ読み取り可能な記憶媒体をさらに提供し、該記憶媒体に少なくとも１つの命令、少なくとも一部のプログラム、コードセット又は命令セットが記憶されており、前記少なくとも１つの命令、前記少なくとも一部のプログラム、前記コードセット又は命令セットが前記プロセッサによってロード及び実行され、上記各実施例に係るミニプログラム作成方法を実現する。

任意的に、該コンピュータ読み取り可能な記憶媒体は、読み出し専用メモリ（Ｒｅａｄ Ｏｎｌｙ Ｍｅｍｏｒｙ、ＲＯＭ）、ランダムアクセスメモリバンク（Ｒａｎｄｏｍ Ａｃｃｅｓｓ Ｍｅｍｏｒｙ、ＲＡＭ）、ソリッドステートドライブ（Ｓｏｌｉｄ Ｓｔａｔｅ Ｄｒｉｖｅｓ、ＳＳＤ）又はディスクなどを含んでもよい。ランダムアクセスメモリバンクは、抵抗変化型メモリ（Ｒｅｓｉｓｔａｎｃｅ Ｒａｎｄｏｍ Ａｃｃｅｓｓ Ｍｅｍｏｒｙ、ＲｅＲＡＭ）及び動的ランダムアクセスメモリ（Ｄｙｎａｍｉｃ Ｒａｎｄｏｍ Ａｃｃｅｓｓ Ｍｅｍｏｒｙ、ＤＲＡＭ）を含んでもよい。

本願の実施例は、コンピュータプログラム製品をさらに提供し、該コンピュータプログラム製品は、コンピュータ読み取り可能な記憶媒体に記憶されたコンピュータ命令を含む。コンピュータ機器のプロセッサは、コンピュータ読み取り可能な記憶媒体から該コンピュータ命令を読み取り、プロセッサは、該コンピュータ命令を実行すると、該コンピュータ機器に上記態様又は上記態様の各任意選択的な実施形態に係るミニプログラム作成方法を実行させる。

上記本願の実施形態の番号は、説明するためのものに過ぎず、実施形態の優劣を代表しない。以上は、本願の任意選択的な実施例に過ぎず、本願を制限するためのものではなく、本願の要旨及び原則内に行われたいかなる修正、等価置換や改良などは、すべて本願の請求範囲に含まれるべきである。

1401 作成インタフェース表示モジュール
1402 プログラムインタフェース生成モジュール
1403 プログラムパッケージ生成モジュール
1501 プロセッサ
1502 メモリ
1503 周辺機器インタフェース
1504 ＲＦ回路
1505 タッチディスプレイスクリーン
1506 カメラコンポーネント
1507 オーディオ回路
1508 測位コンポーネント
1509 電源
1510 センサ
1511 加速度センサ
1512 ジャイロスコープセンサ
1513 圧力センサ
1514 指紋センサ
1515 光学センサ
1516 アプローチセンサ
1601 中央処理ユニット
1602 ランダムアクセスメモリ
1603 読み出し専用メモリ
1604 システムメモリ
1605 システムバス
1607 マスストレージデバイス
1608 ディスプレイ
1609 入力機器
1610 入出力コントローラ
1611 ネットワークインタフェースユニット
1612 ネットワーク
1613 オペレーティングシステム
1614 アプリケーションプログラム
1615 他のプログラムモジュール

Claims (10)

1. 端末に適用されるミニプログラム作成方法であって、
   前記ミニプログラムは、ホストプログラムに依存して実行するプログラムであり、
   前記方法は、
   ミニプログラム作成インタフェースを表示するステップであって、前記ミニプログラム作成インタフェースにパネル領域及び編集領域が表示されており、前記パネル領域にｎ（ｎが正整数である）種類の基本ユーザインタフェースＵＩ要素が提供されているステップと、
   ターゲット基本ＵＩ要素に対する編集・排列動作を受信したことに応じて、前記編集領域において、前記ターゲット基本ＵＩ要素より編集して前記ミニプログラムのプログラムインタフェースを得るステップであって、前記ターゲット基本ＵＩ要素は、前記ｎ種類の基本的なＵＩ要素から選択されたＵＩ要素であり、
   前記ターゲット基本ＵＩ要素に対するページ編集・排列動作を受信したことに応じて、前記ページ編集・排列動作に基づいて、前記編集領域において、前記ターゲット基本ＵＩ要素に対して組版編集を行い、前記プログラムインタフェースにおける視覚部分を得るステップと、
   前記ターゲット基本ＵＩ要素に対するロジック編集・排列動作を受信したことに応じて、前記ロジック編集・排列動作に基づいて、前記編集領域において、前記ターゲット基本ＵＩ要素に対してロジック編集を行い、前記プログラムインタフェースにおけるロジック実行部分を得るステップであって、
   前記ターゲット基本ＵＩ要素に対する第１のロジック編集・排列動作を受信したことに応じて、前記第１のロジック編集・排列動作に基づいて、前記編集領域において、前記ターゲット基本ＵＩ要素と静的データとに対してデータバインディングを行うステップであって、前記静的データは、前記ターゲット基本ＵＩ要素に予め書き込まれて表示されているデータであるステップか、
   前記ターゲット基本ＵＩ要素に対する第２のロジック編集・排列動作を受信したことに応じて、前記第２のロジック編集・排列動作に基づいて、前記編集領域において、前記ターゲット基本ＵＩ要素と第１の動的データとに対してデータバインディングを行うステップであって、前記第１の動的データは、前記ミニプログラムの実行期間にネットワークプロトコルを介して動的に取得されており、前記ターゲット基本ＵＩ要素に表示されているデータであるステップか、または
   前記ターゲット基本ＵＩ要素に対する第３のロジック編集・排列動作を受信したことに応じて、前記第３のロジック編集・排列動作に基づいて、前記編集領域において、前記ターゲット基本ＵＩ要素と第２の動的データとに対してデータバインディングを行うステップであって、前記第２の動的データは、前記ミニプログラムの実行期間にローカルコードで計算されることで書き込まれており、前記ターゲット基本ＵＩ要素に表示されているデータであるステップ
   を含む、ステップと、
   前記プログラムインタフェースに基づいて、前記ミニプログラムのプログラムパッケージを生成するステップと、を含む、ことを特徴とするミニプログラム作成方法。
2. 前記ターゲット基本ＵＩ要素に対するページ編集・排列動作を受信したことに応じて、前記ページ編集・排列動作に基づいて、前記編集領域において、前記ターゲット基本ＵＩ要素に対して組版編集を行い、前記プログラムインタフェースにおける視覚部分を得るステップは、
   前記ターゲット基本ＵＩ要素に対する選択動作を受信したことに応じて、前記選択動作に基づいて、前記プログラムインタフェースに前記ターゲット基本ＵＩ要素を追加するステップと、
   前記ターゲット基本ＵＩ要素に対する移動動作を受信したことに応じて、前記移動動作に基づいて、前記プログラムインタフェースにおいて前記ターゲット基本ＵＩ要素の位置を移動するステップと、
   前記ターゲット基本ＵＩ要素に対するズーム動作を受信したことに応じて、前記ズーム動作に基づいて、前記プログラムインタフェースにおいて前記ターゲット基本ＵＩ要素のサイズを変えるステップとのうちの少なくとも１つを含む、ことを特徴とする請求項１に記載の方法。
3. 前記ターゲット基本ＵＩ要素に対するバインディング解除動作を受信したことに応じて、前記バインディング解除動作に基づいて、前記ターゲット基本ＵＩ要素と対応するデータとに対してデータバインディング解除を行うステップを、さらに含む、ことを特徴とする請求項１に記載の方法。
4. 前記プログラムインタフェースは、階層表示関係が存在する第１のプログラムインタフェースと第２のプログラムインタフェースを含み、
   前記ターゲット基本ＵＩ要素に対するロジック編集・排列動作を受信したことに応じて、前記ロジック編集・排列動作に基づいて、前記編集領域において、前記ターゲット基本ＵＩ要素に対してロジック編集を行い、前記プログラムインタフェースにおけるロジック実行部分を得るステップは、
   前記第１のプログラムインタフェースにおける前記ターゲット基本ＵＩ要素に対する第４のロジック編集・排列動作を受信したことに応じて、前記第４のロジック編集・排列動作に基づいて、前記編集領域において、前記ターゲット基本ＵＩ要素と前記第２のプログラムインタフェースとに対してデータバインディングを行うステップであって、前記第２のプログラムインタフェースは、前記ターゲット基本ＵＩ要素がトリガーされると、ジャンプして表示されるプログラムインタフェースであるステップを含む、ことを特徴とする請求項１に記載の方法。
5. 前記編集領域におけるターゲット基本ＵＩ要素に対する所定のトリガー動作に応答して、前記編集領域のコード表示領域内に前記ターゲット基本ＵＩ要素に対応するミニプログラムコードを表示するステップと、
   前記コード表示領域におけるミニプログラムコードに対するコード編集動作を受信したことに応じて、コード編集動作に基づいて、前記ターゲット基本ＵＩ要素に対応するミニプログラムコードを更新するするステップと、をさらに含む、ことを特徴とする請求項１～４のいずれか一項に記載の方法。
6. 前記ミニプログラム作成インタフェースは、プレビューコントロールをさらに含み、
   前記方法は、
   前記プレビューコントロールに対するプレビュー動作を受信したことに応じて、前記ミニプログラムのプログラムパッケージを前記ホストプログラムにプッシュして実行させるステップを、さらに含む、ことを特徴とする請求項１～４のいずれか一項に記載の方法。
7. 前記ミニプログラム作成インタフェースは、提出コントロールをさらに含み、
   前記方法は、
   前記提出コントロールに対する提出動作を受信したことに応じて、前記ミニプログラムのプログラムパッケージを前記ホストプログラムのプログラムプラットフォームに送信して審査又は発表を行うステップを、さらに含む、ことを特徴とする請求項１～４のいずれか一項に記載の方法。
8. ミニプログラムの作成装置であって、
   前記ミニプログラムは、ホストプログラムに依存して実行するプログラムであり、
   前記装置は、
   ミニプログラム作成インタフェースを表示する作成インタフェース表示モジュールであって、前記ミニプログラム作成インタフェースにパネル領域及び編集領域が表示されており、前記パネル領域にｎ（ｎが正整数である）種類の基本的なＵＩ要素が提供されている作成インタフェース表示モジュールと、
   ターゲット基本ＵＩ要素に対する編集・排列動作を受信したことに応じて、前記編集領域において、前記ターゲット基本ＵＩ要素により編集して前記ミニプログラムのプログラムインタフェースを得るプログラムインタフェース生成モジュールであって、前記ターゲット基本ＵＩ要素は、前記ｎ種類の基本的なＵＩ要素から選択されたＵＩ要素であり、
   前記ターゲット基本ＵＩ要素に対するページ編集・排列動作を受信したことに応じて、前記ページ編集・排列動作に基づいて、前記編集領域において、前記ターゲット基本ＵＩ要素に対して組版編集を行い、前記プログラムインタフェースにおける視覚部分を得ることと、
   前記ターゲット基本ＵＩ要素に対するロジック編集・排列動作を受信したことに応じて、前記ロジック編集・排列動作に基づいて、前記編集領域において、前記ターゲット基本ＵＩ要素に対してロジック編集を行い、前記プログラムインタフェースにおけるロジック実行部分を得ることであって、
   前記ターゲット基本ＵＩ要素に対する第１のロジック編集・排列動作を受信したことに応じて、前記第１のロジック編集・排列動作に基づいて、前記編集領域において、前記ターゲット基本ＵＩ要素と静的データとに対してデータバインディングを行うことであって、前記静的データは、前記ターゲット基本ＵＩ要素に予め書き込まれて表示されているデータであることか、
   前記ターゲット基本ＵＩ要素に対する第２のロジック編集・排列動作を受信したことに応じて、前記第２のロジック編集・排列動作に基づいて、前記編集領域において、前記ターゲット基本ＵＩ要素と第１の動的データとに対してデータバインディングを行うステップであって、前記第１の動的データは、前記ミニプログラムの実行期間にネットワークプロトコルを介して動的に取得されており、前記ターゲット基本ＵＩ要素に表示されているデータであることか、または
   前記ターゲット基本ＵＩ要素に対する第３のロジック編集・排列動作を受信したことに応じて、前記第３のロジック編集・排列動作に基づいて、前記編集領域において、前記ターゲット基本ＵＩ要素と第２の動的データとに対してデータバインディングを行うステップであって、前記第２の動的データは、前記ミニプログラムの実行期間にローカルコードで計算されることで書き込まれており、前記ターゲット基本ＵＩ要素に表示されているデータである
   こととを行う、プログラムインタフェース生成モジュールと、
   前記プログラムインタフェースに基づいて、前記ミニプログラムのプログラムパッケージを生成するプログラムパッケージ生成モジュールと、を含む、ことを特徴とするミニプログラムの作成装置。
9. プロセッサとメモリとを含み、前記メモリに少なくとも１つの命令が記憶されており、前記少なくとも１つの命令は、前記プロセッサにより実行されて、請求項１～７のいずれか一項に記載のミニプログラム作成方法を実現する、ことを特徴とする端末。
10. プロセッサにより実行されて、請求項１～７のいずれか一項に記載のミニプログラム作成方法を実現する、ことを特徴とするプログラム。

Images