オーサリングの質問

このページには、Power Platform用オートメーションキットスターター。

はじめ

キットのスターターページで使用される質問は、オープンソース調査JSライブラリ.このライブラリを使用すると、サポートされているすべての標準コントロールを使用できます。

フレームワークを理解するには、

-ザ調査JSドキュメント

-次のような単純な質問タイプテキスト,ラジオグループ,チェックボックス又はランキング

-条件付き表示の使用可視の場合

-サイトで使用されている既存の質問のいくつかを確認します。例えば、監視に関する質問

-コンテンツのマークダウンにショートコードを含める方法を確認します。例えばマークダウンの監視

コンテンツに質問を埋め込む

ページに一連の質問を埋め込むには、マークダウンに以下を追加し、名前を読みたい質問ファイルに変更します

{{<questions name=“foo.json” completed=“Thank you for completing foo” showNavigationButtons=false >}}

Custom Functions

Power Platform用オートメーションキットには、式内で使用できるいくつかの追加関数も含まれています。

レン

len 関数は、文字列または配列の長さを返します。

len の例

{
    "type": "html",
    "html": "Thanks for selecting a role",
    "visibleIf": "len({roles}) > 0"
}

含む

contains 関数は、文字列または文字列の配列が指定された値と一致する場合に true または false を返します。

例が含まれています

選択したロールの 1 つが作成者である場合に要素を表示します。

{
    "type": "html",
    "html": "Thanks for selecting a maker role",
    "visibleIf": "contains({roles},'maker')"
}

選択したロールの 1 つが作成者またはアーキテクトである場合に要素を表示します。

{
    "type": "html",
    "html": "Thanks for selecting a maker role",
    "visibleIf": "contains({roles},['maker', 'architect'])"
}

カスタムウィジェット

画像タスク

Power Platform用オートメーションキットには、画像タスクカスタムウィジェット。このウィジェットは、次のjsonスニペットを使用して質問要素に含めることができます。

{
    "title": "Please select the components of interest",
    "type": "image-task",
    "src": "/powercat-automation-kit/images/illustrations/sample.svg"
}

プロパティ

タイトル- ユーザーに表示するテキスト
種類- 画像タスクでなければなりません
ティッカー- レンダリングする SVG ファイルの URL

仕組み

ソース svg ファイルは、svg ファイル内の要素に対して次のカスタムハイパーリンクリンクをサポートしています。

template://item/selected- 画像で選択したフォーマットを設定するオブジェクトのフォーマットを定義します
template://item/unselected- 画像内のアイテムの未選択のフォーマットを設定するためにオブジェクトのフォーマットを定義します

ハイパーリンクが question:// のビジュアル要素は、一連の質問内の値の配列を設定または設定解除するために使用されます。この機能により、他の質問がユーザーに表示される方法を対話的に変更できます。たとえば、svg ファイルに次のハイパーリンクを持つ 2 つのオブジェクトがあるとします。

question://roles/maker
question://roles/architect

ユーザーがこれらのオブジェクトを選択すると、ページ上の他の要素が表示されます。

{
    "type": "html",
    "html": "Makers build Automation Projects to solve business problems",
    "visibleIf": "contains({roles}, 'maker')"
}

ハイパーリンクが option:// のビジュアル要素は、オプションセットまたは単一値の質問の値を設定するために使用されます。たとえば、svg ファイルに次のハイパーリンクを持つ 2 つのオブジェクトがあるとします。

option://type/A
option://type/B

{
    "type": "html",
    "html": "Type A has been selected",
    "visibleIf": "{type} == 'A'"
}

質問と回答

質問なぜこのアプローチが Microsoft Forms ではなく使用されているのですか?

質問のショートコードを使用すると、質問を個別のリンクではなく、各コンテンツページの一部にすることができます。

質問このアプローチにはどのような利点がありますか?

このアプローチの次の利点は次のとおりです。

-すぐに使用できる質問タイプを使用する機能

-質問の作成は構成駆動型であり、質問を作成するためにJSonの知識のみが必要です

-質問フレームワークは拡張可能で、新しい関数やウィジェットを追加できます

-質問定義にJSonを使用すると、質問をソース管理に保存し、時間の経過とともにレビューおよびバージョン管理できます。

質問このアプローチは、Power App または Power Page 内で使用できますか?

絶対に、同じJavaScriptと質問の定義を使用して、コードコンポーネント

質問SVG画像タスクの質問を作成するにはどうすればよいですか?

svgファイルを作成する1つのオプションは、マイクロソフトVisio互換性のある必要なハイパーリンクを含むSVGファイルにダイアグラムをエクスポートする画像タスク問。

質問Microsoft PowerPoint を使用して画像タスクの質問の SVG ファイルをエクスポートできますか?

Microsoft PowerPointはスライドをSVGファイルの初期テストシューズにエクスポートできますが、インタラクティブを作成するために必要なハイパーリンクはエクスポートされません画像タスク正常に機能します。

質問エクスポートしたSVGファイルが大きいので、小さくできますか?

SVGファイルの1つのオプションは、ソース管理にコミットする前にそれらを小さくします。SVGのサイズを縮小するために使用できるツールは複数ありますが、考慮すべきオプションの1つはスヴゴNodeJsベースのSVGオプティマイザ。