JP6986186B2 - 可視化編集方法、装置、デバイス及び記憶媒体 - Google Patents

可視化編集方法、装置、デバイス及び記憶媒体 Download PDF

Info

Publication number
JP6986186B2
JP6986186B2 JP2019203681A JP2019203681A JP6986186B2 JP 6986186 B2 JP6986186 B2 JP 6986186B2 JP 2019203681 A JP2019203681 A JP 2019203681A JP 2019203681 A JP2019203681 A JP 2019203681A JP 6986186 B2 JP6986186 B2 JP 6986186B2
Authority
JP
Japan
Prior art keywords
editing
code
interface
visualization
area
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.)
Active
Application number
JP2019203681A
Other languages
English (en)
Other versions
JP2021009663A (ja
Inventor
トン シュエニン
ホー イー
チー ヤオウェン
タン ホアン
イェー ルヴェ
チャン ヤンヤン
ユアン ポン
Original Assignee
バイドゥ オンライン ネットワーク テクノロジー (ベイジン) カンパニー リミテッド
シャンハイ シャオドゥ テクノロジー カンパニー リミテッド
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 バイドゥ オンライン ネットワーク テクノロジー (ベイジン) カンパニー リミテッド, シャンハイ シャオドゥ テクノロジー カンパニー リミテッド filed Critical バイドゥ オンライン ネットワーク テクノロジー (ベイジン) カンパニー リミテッド
Publication of JP2021009663A publication Critical patent/JP2021009663A/ja
Application granted granted Critical
Publication of JP6986186B2 publication Critical patent/JP6986186B2/ja
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/30Creation or generation of source code
    • G06F8/33Intelligent editors
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00Handling natural language data
    • G06F40/10Text processing
    • G06F40/103Formatting, i.e. changing of presentation of documents
    • G06F40/106Display of layout of documents; Previewing
    • 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/137Hierarchical processing, e.g. outlines
    • 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]
    • 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/146Coding or compression of tree-structured data
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/30Creation or generation of source code
    • G06F8/34Graphical or visual programming

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Software Systems (AREA)
  • Computational Linguistics (AREA)
  • General Health & Medical Sciences (AREA)
  • Health & Medical Sciences (AREA)
  • Audiology, Speech & Language Pathology (AREA)
  • Artificial Intelligence (AREA)
  • User Interface Of Digital Computer (AREA)
  • Stored Programmes (AREA)

Description

本発明は、コンピューター技術分野に関し、特に、可視化編集方法、装置、デバイス及び記憶媒体を関する。
従来のコード編集方法は、通常、順に編集する方式が採用されており、フレームや階層関係に基づく編集方法が提供されていないため、コード編集は不便であり、編集や修正の効率が悪いという問題がある。
本発明は、従来技術における上記課題を解決するための可視化編集方法、装置、デバイス及び記憶媒体を提供する。
本発明の第1態様は、可視化編集方法を提供し、
編集インターフェースを表示することと、
前記編集インターフェースがページプレゼンテーション状態にある場合、前記編集インターフェースにおいて、インターフェースプレゼンテーション言語で記述された各要素のフレーム構成・階層関係を含む構成プレゼンテーション領域及び、前記要素の編集可能属性を含む編集領域を表示することと、
要素選択操作に応じて、前記構成プレゼンテーション領域にて表示されるフレーム構成・階層関係から対象要素を選択することと、
前記対象要素に対する編集操作に応じて、前記編集領域にて、前記対象要素の属性に対応する論理記述コードを編集することと、を含む。
1つの実施形態において、
前記編集インターフェースがページプレゼンテーション状態にある場合、前記編集インターフェースにおいて、全体コントロール管理領域を表示することをさらに含み、前記全体コントロール管理領域は、ファイル管理、リソース管理及びスタイル管理のうちの少なくとも1つを行うためのものである。
1つの実施形態において、
前記編集インターフェースがコード編集状態にある場合、前記編集インターフェースにおいて、現在編集している要素の論理記述コードを表示することをさらに含む。
1つの実施形態において、
前記編集インターフェースにおいて、デバイス選択コントロール及びシミュレーション画面プレゼンテーション領域を表示することと、
前記デバイス選択コントロールに対する操作に応じて、選択されたデバイス情報を確定することと、
前記シミュレーション画面プレゼンテーション領域にて、現在編集している論理記述コードが前記デバイス情報と適合するシミュレーション表示効果をプレゼンテーションすることと、をさらに含む。
1つの実施形態において、
前記編集インターフェースにおいて、コード導出コントロールを表示することと、
前記コード導出コントロールに対する操作に応じて、現在編集している論理記述コードを、前記インターフェースプレゼンテーション言語で定義されたフォーマットを有するコードとして導出し、前記コードを所定の記憶位置に記憶することと、をさらに含む。
1つの実施形態において、
テンプレート選択インターフェースを表示することをさらに含み、前記テンプレートインターフェースは、選択可能なレイアウトテンプレート、新規作成コントロール及びコードアップロードの選択肢を含む。
本発明の第2態様は、可視化編集装置を提供し、
編集インターフェースを表示し、前記編集インターフェースがページプレゼンテーション状態にある場合、前記編集インターフェースにおいて、画面プレゼンテーション言語で記述された各要素のフレーム構成・階層関係を含む構成プレゼンテーション領域及び、前記要素の編集可能属性を含む編集領域を表示するように構成される表示モジュールと、
要素選択操作に応じて、前記構成プレゼンテーション領域にて表示されるフレーム構成・階層関係から対象要素を選択するように構成される対象要素選択モジュールと、
前記対象要素に対する編集操作に応じて、前記編集領域にて、前記対象要素の属性に対応するコードを編集するように構成される編集モジュールと、を含む。
1つの実施形態において、前記編集インターフェースがページプレゼンテーション状態にある場合、前記編集インターフェースにおいて全体コントロール管理領域をさらに表示し、前記全体コントロール管理領域は、ファイル管理、リソース管理及びスタイル管理のうちの少なくとも1つを行うためのものである。
1つの実施形態において、前記編集インターフェースがコード編集状態にある場合、前記編集インターフェースにおいて現在編集している要素の論理記述コードを表示する。
1つの実施形態において、前記表示モジュールは、さらに、前記編集インターフェースにおいてデバイス選択コントロール及びシミュレーション画面プレゼンテーション領域を表示するように構成され、
前記装置は、さらに、前記デバイス選択コントロールに対する操作に応じて、選択されたデバイス情報を確定し、前記シミュレーション画面プレゼンテーション領域にて、現在編集している論理記述コードが前記デバイス情報と適合するシミュレーション表示効果をプレゼンテーションするように構成されるシミュレーション表示モジュールを含む。
1つの実施形態において、前記表示モジュールは、さらに、前記編集インターフェースにおいてコード導出コントロールを表示するように構成され、
前記装置は、さらに、
前記コード導出コントロールに対する操作に応じて、現在編集している論理記述コードを、前記インターフェースプレゼンテーション言語で定義されたフォーマットを有するコードとして導出し、前記コードを所定の記憶位置に記憶するように構成される導出モジュールを含む。
1つの実施形態において、前記表示モジュールは、さらに、テンプレート選択インターフェースを表示するように構成され、前記テンプレート選択インターフェースは、選択可能なレイアウトテンプレート、新規作成コントロール及びコードアップロードの選択肢を含む。
本発明の第3態様は、可視化編集デバイスを提供し、当該可視化編集デバイスの機能は、ハードウェアで実現してもよいし、当該ソフトウェアをハードウェアで実行することで実現してもよい。ハードウェア又はソフトウェアは、上述の機能に対応する1つ又は複数のモジュールを含む。
1つの可能な実施形態において、前記デバイスは、可視化編集方法を実行する装置をサポートするプログラムを記憶するためのメモリと、メモリに記憶されたプログラムを実行するように構成されたプロセッサを備える。前記デバイスは、他の装置又は通信ネットワークと通信するための通信インターフェースも含み得る。
本発明の第4態様は、上記の可視化編集方法を実行するプログラムを含む可視化編集装置用のコンピュータソフトウェア命令を記憶するコンピュータ可読記憶媒体である。
上記の実施形態のうちの少なくとも1つは、以下の特徴または利点を有する。
本発明によれば、コードの編集に可視化編集インターフェースを提供し、インターフェースプレゼンテーション言語で記述された各要素のフレーム構成・階層関係を表示することにより、要素選択操作を受け付けると、当該フレーム構成・階層関係から対象要素を選択し、当該対象要素に対する編集操作に基づいて対応する論理記述コードを編集する。これにより、コード編集の効率を向上させることができる。
上記の略述は、単に説明のために過ぎず、いかなる限定をも目的としない。上記に記載されている例示的な様態、実施形態、及び特徴以外に、図面及び下記の詳細説明を参照することによって、本発明のさらなる態様、実施形態、及び特徴の理解を促す。
本発明の実施形態における可視化編集方法のフローチャートである。 本発明の実施形態における可視化編集方法によるシミュレーション表示効果をプレゼンテーションするためのフローチャートである。 本発明の実施形態における可視化編集方法による論理記述コードを導出するためのフローチャートである。 本発明の実施形態における可視化編集方法において編集インターフェースがページプレゼンテーション状態にある模式図である。 本発明の実施形態における可視化編集方法において編集インターフェースがコード編集状態にある模式図である。 本発明の実施形態における可視化編集方法においてテンプレート選択画面の模式図である。 本発明の実施形態における可視化編集装置の第1構成図である。 本発明の実施形態における可視化編集装置の第2構成図である。 本発明の実施形態における可視化編集デバイスの構成図である。
図面において特に規定されない限り、複数の図面において同様の図面符号は、同様又は類似的な部材又はエレメントを示す。これらの図面は必ずしも実際の比例に従って製図されたものではない。これらの図面は本発明に基づいて開示された幾つかの実施形態を描いたものに過ぎず、本発明の範囲に対する制限としてはならないことを理解すべきである。
下記において、幾つかの例示的実施形態を簡単に説明する。当業者が把握出来るよう、本発明の主旨又は範囲を逸脱しない限り、様々な方式により説明された実施形態に変更可能である。従って、図面と説明は制限を加えるものでなく、本質的には例示的なものである。
本発明の実施形態は、主に可視化編集方法及び装置を提供するものであり、以下にそれぞれの実施形態を通じて各技術案を詳しく説明する。
図1は本発明の実施形態における可視化編集方法のフローチャートであり、下記のS11〜S13を含む。
S11において、編集インターフェースを表示する。
前記編集インターフェースがページプレゼンテーション状態にある場合、前記編集インターフェースにおいて構成プレゼンテーション領域及び編集領域を表示し、前記構成プレゼンテーション領域は、インターフェースプレゼンテーション言語で記述された各要素のフレーム構成・階層関係を含み、前記編集領域は、前記要素の編集可能属性を含む。
S12において、要素選択操作に応じて、前記構成プレゼンテーション領域にて表示されるフレーム構成・階層関係から対象要素を選択する。
S13において、前記対象要素に対する編集操作に応じて、前記編集領域にて前記対象要素の属性に対応する論理記述コードを編集する。
ここで、論理記述コードとは、論理関係を述べるためのコードを指す。
上記編集インターフェースは、ページプレゼンテーション状態またはコード編集状態にすることができる。ユーザは、クリック等の操作により編集インターフェースをどのような状態にするかを選択することができる。
1つの可能な実施形態において、前記編集インターフェースがページプレゼンテーション状態にある場合、前記編集インターフェースにおいて、全体コントロール管理領域をさらに表示し、前記全体コントロール管理領域は、ファイル管理、リソース管理及びスタイル管理のうちの少なくとも1つを行うためのものである。
前記編集インターフェースがコード編集状態にある場合、前記編集インターフェースにおいて、現在編集している要素のコードを表示する。
編集インターフェースが上記の2つの状態にある場合、いずれもシミュレート表示効果をプレゼンテーションすることができ、かつ、いずれも論理記述コードの導出をサポートすることができる。
図2は本発明の実施形態における可視化編集方法によるシミュレーション表示効果をプレゼンテーションするためのフローチャートであり、下記のS21〜S23を含む。
S21において、前記編集インターフェースにおいて、デバイス選択コントロール及びシミュレーション画面プレゼンテーション領域を表示する。
S22において、前記デバイス選択コントロールに対する操作に応じて、選択されたデバイス情報を確定する。
S23において、前記シミュレーション画面プレゼンテーション領域において、現在編集しているコードが前記デバイス情報と適合するシミュレーション表示効果をプレゼンテーションする。
図3は本発明の実施形態における可視化編集方法による論理記述コードを導出するためのフローチャートであり、下記のS31及びS32を含む。
S31において、前記編集インターフェースにおいて、コード導出コントロールを表示する。
S32において、前記コード導出コントロールに対する操作に応じて、現在編集しているコードを、前記インターフェースプレゼンテーション言語で定義されたフォーマットを有するコードとして導出し、所定の記憶位置に記憶する。
上記のインターフェースプレゼンテーション言語は、DPL(DuerOS Presentation Language:DuerOSプレゼンテーション言語)であってもよい。上記のコードは、具体的にDPLドキュメントであってもよい。この方法を可視化エディタで実行することにより、DPLで記述されたドキュメントを編集して取得することができる。図4A、4Bは、編集インターフェースの2種類の表示の模式図である。図4Aにおいて、編集インターフェースはページプレゼンテーション状態にあり、図4Bにおいて、編集インターフェースはコード編集状態にある。
図4Aに示すよう、編集インターフェースがページプレゼンテーション状態である場合、以下の操作を行ってもよい。
1)ページプレゼンテーションブロック図により、プレゼンテーション可能な属性を表示する。
例えば、図4Aに示す下半分の左側は、明確なフレーム構成・階層関係が示されており、下半分の中間位置には、ユーザより修正可能な属性を直接提示し、テキストボックス内で編集することができる。
図4Aに示すよう、フレーム構成・階層関係には、ページプレゼンテーションブロック図を含む分岐表示が示される。図4Aは、第1のレベルにある2つのコンテナ(Container)要素を示し、これらのコンテナ要素は、他の子要素を嵌含してもよい。
ここで、1番目のコンテナ要素は、画像(Image)要素と、スクロールビュー (ScrollView)要素と、子要素としてのコンテナ要素と、を含む。この子要素であるコンテナ要素は、ヘッダー(Header)要素及び3つのテキスト(Text)要素を含む。
2番目のコンテナ要素は、画像要素及びヘッダー要素を含む。
図4Aの下半分の中間位置には、データ(data)属性、コンテナ先頭 ( firstItem )属性、およびコンテナ末尾( lastItem )属性を含むコンテナ要素の修正可能な属性を示す。
2)下半分の一番右側は全体属性であり、全体属性を選択すると、ファイル、スタイル、リソースなどの全体に影響を与えるコード・フレームが表示され、ユーザによる修正は全体の表示状態を修正する。
3)異なるデバイスを選択する。例えば、ユーザが、上部にあるデバイス選択コントロールをクリックすると、下部に異なるシミュレート表示効果が現れる(各デバイスの画面タイプが異なる場合がある)。
4)コードを導出する。コード導出コントロールは、右上隅にあり、ユーザのクリック操作によりコードを導出することができる。
図4Bに示すように、編集インターフェースが編集インターフェースに切り替えられた後、下部は全てコード編集の操作区間となる。この操作区間では、コードを修正することができる。
1つの可能な実施形態において、本発明の実施形態に係る方法は、
テンプレート選択インターフェースを表示することをさらに含み、前記テンプレート選択インターフェースは、選択可能なレイアウトテンプレート、新規作成コントロール及びコードアップロードの選択肢を含む。
図4Cは本発明の実施形態におけるテンプレート選択インターフェースの模式図である。ユーザーはテンプレート選択インターフェースにて以下の操作を行うことができる。
1)最初から新しいプレゼンテーション形式を作成する。例えば、「最初から作成」というコントロールの選択操作に応じて、新たなプレゼンテーション形式を作成するページにジャンプする。
2)コードファイル又はリソースファイル等をアップロードする。例えば、「コードアップロード(DPLで導出されたJSONファイル)」の選択操作に応じて、コードファイル又はリソースファイルをアップロードするページにジャンプする。
3)システムのデフォルトのプレゼンテーション形式又はテンプレートを選択する。例えば、あるテンプレートの選択操作に応じて、選択されたテンプレートをロードする。
テンプレート選択インターフェースにおいて、ユーザは好みのレイアウトテンプレートを選択してスキルを作成したり、コードファイルをアップロードしまたは新たにスキルを作成したりすることができる。レイアウトテンプレートは、例えば、簡単なピクチャ、長いテキスト、短いテキスト、図とテキストの結合などの複数種類がある。
可視化エディタは、以下の利点がある。
1.複雑なフロントエンド編集インターフェースをフローチャート化されたブロック図で示し、階層構造が明瞭である上にクリックで直接編集することができ、操作が便利である。
2.異なるデバイスを選択することで、異なるデバイスのプレゼンテーション効果をシミュレートすることができ、毎回の編集において、異なるデバイスのシミュレート表示効果をリアルタイムにプレゼンテーションすることができる。
3.プレゼンテーションフレーム図やコード選択をサポートし、開発効率を大幅に向上させることができる。
4.コードの導出をサポートし、豊かなテンプレートを内蔵することができる。
5.コア論理部分のモジュール分割をサポートし、選択してからコードを直接編集することができる。
本発明の実施形態は、また、可視化編集装置を提供する。図5は本発明の実施形態における可視化編集装置の第1構成図であり、図に示すように、表示モジュール510、対象要素選択モジュール520及び編集モジュール530を含む。
表示モジュール510は、編集インターフェースを表示し、前記編集インターフェースがページプレゼンテーション状態にある場合、前記編集インターフェースにおいて構成プレゼンテーション領域及び編集領域を表示するように構成され、前記構成プレゼンテーション領域は、インターフェースプレゼンテーション言語で記述された各要素のフレーム構成・階層関係を含み、前記編集領域は、前記要素の編集可能属性を含む。
対象要素選択モジュール520は、要素選択操作に応じて、前記構成プレゼンテーション領域にて表示されるフレーム構成・階層関係から対象要素を選択するように構成される。
編集モジュール530は、前記対象要素に対する編集操作に応じて、前記編集領域にて前記対象要素の属性に対応するコードを編集するように構成される。
1つの可能な実施形態において、前記編集インターフェースがページプレゼンテーション状態にある場合、前記編集インターフェースにおいて全体コントロール管理領域をさらに表示し、前記全体コントロール管理領域は、ファイル管理、リソース管理及びスタイル管理のうちの少なくとも1つを行うためのものである。
1つの可能な実施形態において、前記編集インターフェースがコード編集状態にある場合、前記編集インターフェースにおいて、現在編集している要素の論理記述コードを表示する。
1つの可能な実施形態において、前記表示モジュールは、さらに、前記編集インターフェースにおいて、デバイス選択コントロール及びシミュレーション画面プレゼンテーション領域を表示するように構成される。
図6は本発明の実施形態における可視化編集装置の第2構成図であり、図6に示すように、上記装置は、さらに、シミュレーション表示モジュール640を含む。
シミュレーション表示モジュール640は、前記デバイス選択コントロールに対する操作に応じて、選択されたデバイス情報を確定し、前記シミュレーション画面プレゼンテーション領域にて、現在編集している論理記述コードが前記デバイス情報と適合するシミュレーション表示効果をプレゼンテーションするように構成される。
1つの可能な実施形態において、前記表示モジュール510は、さらに、前記編集インターフェースにおいてコード導出コントロールを表示するように構成される。
図6に示すよう、1つの可能な実施形態において、前記装置は、さらに、導出モジュール650を含む。
導出モジュール650は、前記コード導出コントロールに対する操作に応じて、現在編集している論理記述コードを、前記インターフェースプレゼンテーション言語で定義されたフォーマットを有するコードとして導出し、前記コードを所定の記憶位置に記憶するように構成される。
1つの可能な実施形態において、前記表示モジュール510は、さらに、テンプレート選択インターフェースを表示するように構成され、前記テンプレート選択インターフェースは、選択可能なレイアウトテンプレート、新規作成コントロール及びコードアップロードの選択肢を含む。
本発明の実施形態における各デバイス内の各モジュールの機能については、前述の方法に対応する説明を参照することができるため、ここでは説明を省略する。
本発明の実施形態は、可視化編集デバイスを提供する。図7は、本発明の実施形態の可視化編集デバイスの構成図である。
この可視化編集デバイスは、メモリ11およびプロセッサ12を含み、メモリ11は、プロセッサ12上で実行可能なコンピュータプログラムを記憶する。プロセッサ12がコンピュータプログラムを実行することにより、上記実施形態における可視化編集方法が実現される。メモリ11およびプロセッサ12の数は、1つまたは複数であってもよい。
前記デバイスは、さらに通信インターフェース13を含む。
通信インターフェース13は、外部機器と通信を行い、データのやり取りを行うためのものである。
メモリ11は、高速度RAMメモリを含んでもよく、少なくとも1つの磁気メモリのような不揮発性メモリ(non−volatile memory)を含んでもよい。
メモリ11、プロセッサ12、および通信画面13がそれぞれ独立して実装される場合、メモリ11、プロセッサ12、および通信画面13は、バスによって相互接続して相互通信を行うことができる。前記バスは、インダストリスタンダードアーキテクチャ(ISA、Industry Standard Architecture)バス、外部デバイス相互接続(PCI、Peripheral ComponentInterconnect)バス、又は拡張インダストリスタンダードアーキテクチャ(EISA、Extended Industry Standard Component)バス等であってもよい。前記バスは、アドレスバス、データバス、制御バス等として分けられることが可能である。表示の便宜上、図7に1本の太線のみで表示するが、バスが1つ又は1種類のみであることを意味しない。
また、メモリ11、プロセッサ12、および通信インターフェース13が、1つのチップに集成した場合、メモリ11、プロセッサ12、および通信インターフェース13は、内部インターフェースを介して相互通信を行うことができる。
本明細書において、「1つの実施形態」、「幾つかの実施形態」、「例」、「具体例」或いは「一部の例」などの用語とは、当該実施形態或いは例で説明された具体的特徴、構成、材料或いは特点を結合して、本発明の少なくとも1つの実施形態或いは実施形態に含まれることを意味する。また、説明された具体的特徴、構成、材料或いは特点は、いずれか1つ或いは複数の実施形態または例において適切に結合することが可能である。また、矛盾しない限り、当業者は、本明細書の異なる実施形態または例、および、異なる実施形態または例における特徴を結合したり、組み合わせたりすることができる。
また、用語「第1」、「第2」とは比較的重要性を示している又は暗示しているわけではなく、単に説明のためのものであり、示される技術的特徴の数を暗示するわけでもない。そのため、「第1」、「第2」で限定される特徴は、少なくとも1つの当該特徴を明示又は暗示的に含むことが可能である。本出願の記載の中において、「複数」の意味とは、明確的に限定される以外に、2つ又は2つ以上を意味する。
フローチャート又はその他の方式で説明された、いかなるプロセス又は方法に対する説明は、特定な論理的機能又はプロセスのステップを実現するためのコマンドのコードを実行可能な1つ又はそれ以上のモジュール、断片若しくはセグメントとして理解することが可能であり、さらに、本発明の好ましい実施形態の範囲はその他の実現を含み、示された、又は、記載の順番に従うことなく、係る機能に基づいてほぼ同時にまたは逆の順序に従って機能を実行することを含み、これは当業者が理解すべきことである。
フローチャートに示された、又はその他の方式で説明された論理及び/又はステップは、例えば、論理機能を実現させるための実行可能なコマンドのシーケンスリストとして見なされることが可能であり、コマンド実行システム、装置、又はデバイス(プロセッサのシステム、又はコマンド実行システム、装置、デバイスからコマンドを取得して実行することが可能なその他のシステムを含むコンピュータによるシステム)が使用できるように提供し、又はこれらのコマンドを組み合わせて使用するコマンド実行システム、装置、又はデバイスに使用されるために、いかなるコンピュータ読取可能媒体にも具体的に実現されることが可能である。本明細書において、「コンピュータ読取可能媒体」は、コマンド実行システム、装置、デバイス、又はこれらのコマンドを組み合わせて実行するシステム、装置又はデバイスが使用できるように提供するため、プログラムを格納、記憶、通信、伝搬又は伝送する装置であってもよい。コンピュータ読み取り可能媒体のより具体的例(非網羅的なリスト)として、1つ又は複数の布配線を含む電気接続部(電子装置)、ポータブルコンピュータディスク(磁気装置)、ランダム・アクセス・メモリ(RAM)、リード・オンリー・メモリ(ROM)、消去書き込み可能リード・オンリー・メモリ(EPROM又はフラッシュメモリ)、光ファイバー装置、及びポータブル読み取り専用メモリ(CDROM)を少なくとも含む。また、コンピュータ読み取り可能媒体は、そのうえで前記プログラムを印字できる紙又はその他の適切な媒体であってもよく、例えば紙又はその他の媒体に対して光学的スキャンを行い、そして編集、解釈又は必要に応じてその他の適切の方式で処理して電子的方式で前記プログラムを得、その後コンピュータメモリに記憶することができるためである。
なお、本発明の各部分は、ハードウェア、ソフトウェア、ファームウェア又はこれらの組み合わせによって実現されることができる。上記実施形態において、複数のステップ又は方法は、メモリに記憶された、適当なコマンド実行システムによって実行されるソフトウェア又はファームウェアによって実施されることができる。例えば、ハードウェアによって実現するとした場合、別の実施形態と同様に、データ信号に対して論理機能を実現する論理ゲート回路を有する離散論理回路、適切な混合論理ゲート回路を有する特定用途向け集積回路、プログラマブルゲートアレイ(GPA)、フィールドプログラマブルゲートアレイ(FPGA)などといった本技術分野において公知である技術のうちのいずれか1つ又はそれらの組み合わせによって実現される。
当業者は、上記の実施形態における方法に含まれるステップの全部又は一部を実現するのは、プログラムによって対応するハードウェアを指示することによって可能であることを理解することができる。前記プログラムは、コンピュータ読取可能な媒体に記憶されてもよく、当該プログラムが実行されるとき、方法の実施形態に係るステップのうちの1つ又はそれらの組み合わせを含むことができる。
また、本発明の各実施形態における各機能ユニットは、1つの処理モジュールに統合されてよく、別個の物理的な個体であってもよく、2つ又は3つ以上のユニットが1つのモジュールに統合されてもよい。上記の統合モジュールは、ハードウェアで実現されてもよく、ソフトウェア機能モジュールで実現されてもよい。上記の統合モジュールが、ソフトウェア機能モジュールで実現され、しかも独立した製品として販売又は使用される場合、コンピュータ読取可能な記憶媒体に記憶されてもよい。前記記憶媒体は読取専用メモリ、磁気ディスク又は光ディスク等であってもよい。
上記の記載は、単なる本発明の具体的な実施形態に過ぎず、本発明の保護範囲はそれに限定されることなく、当業者が本発明に開示されている範囲内において、容易に想到し得る変形又は置換は、全て本発明の範囲内に含まれるべきである。そのため、本発明の範囲は、記載されている特許請求の範囲に準じるべきである。

Claims (13)

  1. 編集インターフェースを表示することと、
    前記編集インターフェースがページプレゼンテーション状態にある場合、前記編集インターフェースにおいて、インターフェースプレゼンテーション言語で記述された各要素のフレーム構成・階層関係を含む構成プレゼンテーション領域及び、前記要素の編集可能属性を含む編集領域を表示し、前記編集インターフェースがコード編集状態にある場合、前記編集インターフェースにおいて、現在編集している要素の論理記述コードを表示することと、
    要素選択操作に応じて、前記構成プレゼンテーション領域にて表示されるフレーム構成・階層関係から対象要素を選択することと、
    前記対象要素に対する編集操作に応じて、前記編集領域にて、前記対象要素の属性に対応する論理記述コードを編集することとを含む、
    ことを特徴とする可視化編集方法。
  2. 前記編集インターフェースがページプレゼンテーション状態にある場合、前記編集インターフェースにおいて、ファイル管理、リソース管理及びスタイル管理のうちの少なくとも1つを行うための全体コントロール管理領域を表示することを、さらに含む、
    ことを特徴とする請求項1に記載の可視化編集方法。
  3. 前記編集インターフェースにおいて、デバイス選択コントロール及びシミュレーション画面プレゼンテーション領域を表示することと、
    前記デバイス選択コントロールに対する操作に応じて、選択されたデバイス情報を確定することと、
    前記シミュレーション画面プレゼンテーション領域にて、現在編集している論理記述コードが前記デバイス情報と適合するシミュレーション表示効果をプレゼンテーションすることとを、さらに含む、
    ことを特徴とする請求項又はに記載の可視化編集方法。
  4. 前記編集インターフェースにおいて、コード導出コントロールを表示することと、
    前記コード導出コントロールに対する操作に応じて、現在編集している論理記述コードを、前記インターフェースプレゼンテーション言語で定義されたフォーマットを有するコードとして導出し、前記コードを所定の記憶位置に記憶することとを、さらに含む、
    ことを特徴とする請求項又はに記載の可視化編集方法。
  5. 選択可能なレイアウトテンプレート、新規作成コントロール及びコードアップロードの選択肢を含むテンプレート選択インターフェースを表示することを、さらに含む、
    ことを特徴とする請求項又はに記載の可視化編集方法。
  6. 編集インターフェースを表示し、前記編集インターフェースがページプレゼンテーション状態にある場合、前記編集インターフェースにおいて、画面プレゼンテーション言語で記述された各要素のフレーム構成・階層関係を含む構成プレゼンテーション領域及び、前記要素の編集可能属性を含む編集領域を表示し、前記編集インターフェースがコード編集状態にある場合、前記編集インターフェースにおいて、現在編集している要素の論理記述コードを表示する表示モジュールと、
    要素選択操作に応じて、前記構成プレゼンテーション領域にて表示されるフレーム構成・階層関係から対象要素を選択する対象要素選択モジュールと、
    前記対象要素に対する編集操作に応じて、前記編集領域にて、前記対象要素の属性に対応するコードを編集する編集モジュールとを含む、
    ことを特徴とする可視化編集装置。
  7. 前記編集インターフェースがページプレゼンテーション状態にある場合、前記編集インターフェースにおいて、ファイル管理、リソース管理及びスタイル管理のうちの少なくとも1つを行うための全体コントロール管理領域をさらに表示する、
    ことを特徴とする請求項に記載の可視化編集装置。
  8. 前記表示モジュールは、さらに、前記編集インターフェースにおいて、デバイス選択コントロール及びシミュレーション画面プレゼンテーション領域を表示し、
    前記可視化編集装置は、
    前記デバイス選択コントロールに対する操作に応じて、選択されたデバイス情報を確定し、前記シミュレーション画面プレゼンテーション領域にて、現在編集している論理記述コードが前記デバイス情報と適合するシミュレーション表示効果をプレゼンテーションするシミュレーション表示モジュールをさらに含む、
    ことを特徴とする請求項又はに記載の可視化編集装置。
  9. 前記表示モジュールは、さらに、前記編集インターフェースにおいて、コード導出コントロールを表示するように構成され、
    前記可視化編集装置は、
    前記コード導出コントロールに対する操作に応じて、現在編集している論理記述コードを、前記画面プレゼンテーション言語で定義されたフォーマットを有するコードとして導出し、前記コードを所定の記憶位置に記憶する導出モジュールをさらに含む、
    ことを特徴とする請求項又はに記載の可視化編集装置。
  10. 前記表示モジュールは、さらに、選択可能なレイアウトテンプレート、新規作成コントロール及びコードアップロードの選択肢を含むテンプレート選択インターフェースを表示する、
    ことを特徴とする請求項又はに記載の可視化編集装置。
  11. 1つ又は複数のプロセッサと、
    1つ又は複数のプログラムを記憶する記憶装置とを含み、
    前記1つ又は複数のプロセッサは、前記1つ又は複数のプログラムを実行する場合、請求項1〜のいずれか1項に記載の可視化編集方法を実現させる、
    ことを特徴とする可視化編集デバイス。
  12. コンピュータプログラムが記憶されているコンピュータ可読記憶媒体であって、
    当該コンピュータプログラムがプロセッサにより実行される場合、請求項1〜のいずれか1項に記載の可視化編集方法を実行させる、
    ことを特徴とするコンピュータ可読記憶媒体。
  13. コンピュータにおいて、請求項1〜5のいずれか1項に記載の可視化編集方法をプロセッサに実行させるプログラム。
JP2019203681A 2019-06-28 2019-11-11 可視化編集方法、装置、デバイス及び記憶媒体 Active JP6986186B2 (ja)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201910584261.5 2019-06-28
CN201910584261.5A CN110286896B (zh) 2019-06-28 2019-06-28 可视化编辑方法、装置、设备及存储介质

Publications (2)

Publication Number Publication Date
JP2021009663A JP2021009663A (ja) 2021-01-28
JP6986186B2 true JP6986186B2 (ja) 2021-12-22

Family

ID=68020344

Family Applications (1)

Application Number Title Priority Date Filing Date
JP2019203681A Active JP6986186B2 (ja) 2019-06-28 2019-11-11 可視化編集方法、装置、デバイス及び記憶媒体

Country Status (3)

Country Link
US (1) US11392752B2 (ja)
JP (1) JP6986186B2 (ja)
CN (1) CN110286896B (ja)

Families Citing this family (32)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110826720B (zh) * 2019-11-06 2023-04-07 合肥本源量子计算科技有限责任公司 一种界面的显示方法及装置、界面的切换方法及装置
CN111026384A (zh) * 2019-12-12 2020-04-17 中启能科技有限公司 对冷站机房的暖通逻辑流程进行编辑的方法和装置
CN110955418A (zh) * 2019-12-13 2020-04-03 中国南方电网有限责任公司 代码生成方法、装置、计算机设备和存储介质
CN111191412A (zh) * 2019-12-24 2020-05-22 远光软件股份有限公司 编辑公式的方法、装置、存储介质及终端
CN111258569A (zh) * 2020-01-09 2020-06-09 卓望数码技术(深圳)有限公司 网页组件编辑方法、装置、设备和计算机可读存储介质
CN112130852A (zh) * 2020-08-12 2020-12-25 当家移动绿色互联网技术集团有限公司 在线编辑平台的运行方法、装置及电子设备
CN112286546A (zh) * 2020-09-22 2021-01-29 长沙市到家悠享网络科技有限公司 应用程序更新方法、装置、设备
CN112306480A (zh) * 2020-10-16 2021-02-02 深圳市大富网络技术有限公司 一种可视化编程控制方法、***、装置及计算机存储介质
CN112486493A (zh) * 2020-12-21 2021-03-12 京东方科技集团股份有限公司 应用程序的管理方法和装置、电子设备和可读存储介质
CN112685040A (zh) * 2021-01-22 2021-04-20 爱驰汽车有限公司 安卓***中界面文件的生成方法、装置、设备及存储介质
CN112817505A (zh) * 2021-01-25 2021-05-18 深圳邦健生物医疗设备股份有限公司 软件信息界面显示方法、装置、存储介质及设备
CN112860247B (zh) * 2021-02-09 2023-11-28 恒安嘉新(北京)科技股份公司 一种模型组件的自定义生成方法、装置、设备及介质
CN113094035B (zh) * 2021-04-07 2024-02-06 中车青岛四方车辆研究所有限公司 一种图形化编辑列车数据库的实现方法、***及设备
CN113032083A (zh) * 2021-04-21 2021-06-25 深圳市元征科技股份有限公司 数据显示方法、装置、电子设备及介质
CN113254016A (zh) * 2021-05-21 2021-08-13 四川金熊猫新媒体有限公司 界面生成方法、界面信息处理方法、设备及存储介质
CN113282268B (zh) * 2021-06-03 2023-03-14 腾讯科技(深圳)有限公司 音效配置方法和装置、存储介质及电子设备
CN113360154A (zh) * 2021-06-17 2021-09-07 北京光启元数字科技有限公司 一种页面构建方法、装置、设备和可读介质
CN113361246A (zh) * 2021-06-30 2021-09-07 北京高途云集教育科技有限公司 一种讲义生产方法、装置、计算机设备及存储介质
CN113377366B (zh) * 2021-07-09 2024-03-12 北京字跳网络技术有限公司 控件编辑方法、装置、设备、可读存储介质及产品
CN113434220A (zh) * 2021-07-15 2021-09-24 上海商汤科技开发有限公司 工作流程的构建方法及装置、设备、计算机存储介质
CN113946332B (zh) * 2021-08-23 2023-04-25 芯华章科技股份有限公司 基于gui界面显示属性的方法及存储介质
CN113971129A (zh) * 2021-10-26 2022-01-25 北京字节跳动网络技术有限公司 一种用例生成方法、装置、设备及存储介质
CN114494120B (zh) * 2021-12-20 2024-07-09 苏州镁伽科技有限公司 用于检测设备的算法编辑方法、装置及检测设备
CN114124735B (zh) * 2022-01-29 2022-06-07 南昌国讯信息技术股份有限公司 路由设计方法及电子设备
CN114153367B (zh) * 2022-02-10 2022-06-17 中国电子信息产业集团有限公司 快速替代连接关系的交互方法、设备及可读存储介质
CN114625367A (zh) * 2022-03-11 2022-06-14 北京金堤科技有限公司 一种组件嵌套方法、装置、存储介质和电子设备
CN114693103A (zh) * 2022-03-24 2022-07-01 阿里云计算有限公司 设备管理模型生成与设备管理方法、设备及存储介质
CN114860125A (zh) * 2022-05-17 2022-08-05 马上消费金融股份有限公司 流程图处理方法、装置、设备及介质
CN115202541B (zh) * 2022-07-18 2024-05-10 阿里巴巴(中国)有限公司 页面生成方法、装置、设备、存储介质及程序产品
CN118102018A (zh) * 2022-11-16 2024-05-28 北京字跳网络技术有限公司 视频编辑方法、装置、设备及介质
CN117369789B (zh) * 2023-10-13 2024-06-11 镁佳(武汉)科技有限公司 基于可视化配置工具生成代码的方法及可视化显示设备
CN117768510B (zh) * 2024-01-09 2024-06-18 中科物栖(南京)科技有限公司 图形化生成广播通信机制的方法、装置、设备和存储介质

Family Cites Families (25)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPH09237181A (ja) * 1996-02-29 1997-09-09 Toshiba Corp アプリケーション開発装置、及びアプリケーション開発方法
US5973696A (en) * 1996-08-08 1999-10-26 Agranat Systems, Inc. Embedded web server
US7395505B1 (en) * 2003-03-17 2008-07-01 Tuvox, Inc. Graphical user interface for creating content for a voice-user interface
US7415672B1 (en) * 2003-03-24 2008-08-19 Microsoft Corporation System and method for designing electronic forms
US7168035B1 (en) * 2003-06-11 2007-01-23 Microsoft Corporation Building a view on markup language data through a set of components
US20050039108A1 (en) * 2003-08-15 2005-02-17 International Business Machines Corporation Fast tag entry in a multimodal markup language editor
US7849440B1 (en) * 2004-04-16 2010-12-07 The Mathworks, Inc. Real-time code preview for a model based development process
US20060026503A1 (en) * 2004-07-30 2006-02-02 Wireless Services Corporation Markup document appearance manager
JP2008203912A (ja) * 2007-02-16 2008-09-04 Hitachi Software Eng Co Ltd 画面作成装置及び方法並びにプログラム
JP2008269554A (ja) * 2007-03-29 2008-11-06 Hitachi Software Eng Co Ltd ソースコード生成装置
US7890333B2 (en) * 2007-06-20 2011-02-15 International Business Machines Corporation Using a WIKI editor to create speech-enabled applications
US10073679B2 (en) * 2014-09-26 2018-09-11 Oracle International Corporation Efficient and intuitive databinding for mobile applications
US9645910B1 (en) * 2015-03-12 2017-05-09 Amazon Technologies, Inc. Cross platform mobile HTML debugging
US10650093B2 (en) * 2016-09-15 2020-05-12 Oracle International Corporation Data structure processing for actionable notifications
CN106445520A (zh) * 2016-09-23 2017-02-22 北京赢点科技有限公司 一种可视化专题页面制作方法及装置
CN106569800B (zh) * 2016-10-17 2020-10-23 北京小米移动软件有限公司 前端界面生成方法及装置
US10282398B1 (en) * 2016-12-29 2019-05-07 Intuit, Inc. Editing tool for domain-specific objects with reference variables corresponding to preceding pages
US10671801B2 (en) * 2017-02-28 2020-06-02 Microsoft Technology Licensing, Llc Markup code generator
US10671357B2 (en) * 2017-06-05 2020-06-02 Apptimize Llc Preview changes to mobile applications at different display resolutions
JP2020530610A (ja) * 2017-07-24 2020-10-22 ウィックス.コム リミテッド. 仮想ウェブページのプレビュー中におけるデータベースの編集
CN107798084A (zh) * 2017-10-17 2018-03-13 广东广业开元科技有限公司 一种web前端页面的可视化编辑生成***及装置
CN107992304B (zh) * 2017-12-29 2021-01-08 北京远特科技股份有限公司 一种生成显示界面的方法和装置
CN109725901B (zh) * 2018-05-31 2024-03-29 中国平安人寿保险股份有限公司 前端代码的开发方法、装置、设备和计算机存储介质
CN109669688A (zh) * 2018-09-26 2019-04-23 深圳壹账通智能科技有限公司 基于可视化的软件开发方法、装置、终端设备及存储介质
CN109753284B (zh) * 2019-01-28 2022-08-30 百度在线网络技术(北京)有限公司 界面创建方法、装置及存储介质

Also Published As

Publication number Publication date
US11392752B2 (en) 2022-07-19
CN110286896A (zh) 2019-09-27
US20200410044A1 (en) 2020-12-31
JP2021009663A (ja) 2021-01-28
CN110286896B (zh) 2023-03-31

Similar Documents

Publication Publication Date Title
JP6986186B2 (ja) 可視化編集方法、装置、デバイス及び記憶媒体
US10628021B2 (en) Modular responsive screen grid, authoring and displaying system
CN112866785B (zh) 图片生成方法、装置、设备及存储介质
CN111079047B (zh) 一种面向web的页面构建***
US20150121189A1 (en) Systems and Methods for Creating and Displaying Multi-Slide Presentations
CA2963850A1 (en) Systems and methods for creating and displaying multi-slide presentations
US11341209B2 (en) Method of designing a customizable website
CN112702656A (zh) 视频编辑方法和视频编辑装置
US20130061138A1 (en) Method and system for creating a step-by-step instruction guide
CN105302834A (zh) 一种信息聚合显示的方法及装置
CN113315883B (zh) 调整视频组合素材的方法和装置
CN112000328B (zh) 一种页面可视化编辑方法、装置及设备
WO2024103958A1 (zh) 基于多设备的影像素材处理方法及相关装置
KR101118536B1 (ko) 상호 작용이 가능한 콘텐츠 저작 수단을 제공하는 방법
CN117032666A (zh) 基于编辑器的页面编辑方法、装置、终端设备及存储介质
CN114978716B (zh) 一种三维拓扑展示方法、装置及电子设备
CN110990006A (zh) 表单管理***以及表单生成装置
EP4171047A1 (en) Method and apparatus for generating video in text mode, device and medium
KR20230016055A (ko) 비디오 처리 방법, 장치, 기기 및 컴퓨터 판독 가능 저장매체
KR20180083009A (ko) 게임 제작 방법 및 장치
CN108399173A (zh) 一种页面组件的样式配置、页面生成方法及其装置
WO2024067494A1 (zh) 视频素材剪辑方法及装置
KR102417764B1 (ko) 전자 문서에 삽입된 개체들 중 타겟하는 개체의 손쉬운 선택을 가능하게 하는 전자 장치 및 그 동작 방법
CN118377477A (zh) 一种表格低代码化方法、装置、设备、介质及程序产品
CN105786300A (zh) 一种信息处理方法及电子设备

Legal Events

Date Code Title Description
A621 Written request for application examination

Free format text: JAPANESE INTERMEDIATE CODE: A621

Effective date: 20191111

A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20210119

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20210416

A711 Notification of change in applicant

Free format text: JAPANESE INTERMEDIATE CODE: A711

Effective date: 20210531

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: 20210914

A61 First payment of annual fees (during grant procedure)

Free format text: JAPANESE INTERMEDIATE CODE: A61

Effective date: 20210921

RD03 Notification of appointment of power of attorney

Free format text: JAPANESE INTERMEDIATE CODE: A7423

Effective date: 20211014

R150 Certificate of patent or registration of utility model

Ref document number: 6986186

Country of ref document: JP

Free format text: JAPANESE INTERMEDIATE CODE: R150