Skip to main content

App Builder User Interface

注記

App Builder is a new and evolving product available with the Alteryx Analytics Cloud Platform. Functionality is subject to change without notice as we continue to refine and enhance your experience. We appreciate your understanding and welcome your feedback on Alteryx Community as we continue to improve App Builder!

The App Builder user interface consists of the Orchestrate and Design canvases, where you can access tools and components to build and design your app.

App Builder Canvas

The App Builder canvas is the area where you build your app. An app consists of a data flow, or a series of tools and variables, and both static and interactive components that are combined to create an interactive web application. App Builder is broken out into 2 separate canvases: Orchestrate and Design.

  • Orchestrate: Integrate your data and add tools and variables, which then become available to add to your app.

    ツールがデータセットへの接続に失敗すると、[オーケストレーション]キャンバスにエラーメッセージが表示されます。これは、データフロー内で起きた問題をトラブルシューティングして解決するのに役立ちます。

    The Orchestrate canvas empty state shows a link to the 8-step Build Your First App tour when a user has five or fewer apps across all workspaces.

  • Design: Edit and design the app itself. Add tools and variables from your orchestration, add visual components like headings and images, and change the colors of the elements in the app.

    [デザイン]キャンバスは、ツールがデータの取得に失敗したときに即座にフィードバックを提供します。これは、アプリの設計フェーズの早い段階で問題に対処するのに役立ちます。

App Builder Interactive Results Grid

View your data in App Builder in the Interactive Results Grid, located below the canvas. To view data, select a tool or anchor in the data flow. The data from the tool or anchor is displayed in the Results Grid.

Tool Messages

To view messages about your data flow tools:

  1. Select a tool on the canvas.

  2. In the Results Grid, select Messages to access the message view.

  3. Select a message type.

Each message displays the name of a tool and the tool ID in parentheses. Each tool in the data flow, including tools that have been removed, is numbered. Tool ID indicates the tool number in the data flow. Select the link to the tool name in a message to select the tool in the data flow.

Message Types

The Results Grid displays 2 message types:

  1. Warning: Warnings do not cause data flow failure, but you should review them.

  2. Error: A tool was not configured correctly.

Main Menus

Access windows and common actions from the main menu.

Keyboard Shortcuts in App Builder

Use the keyboard to navigate and make changes to apps in App Builder. For a full list of keyboard shortcuts available in App Builder, go to Keyboard Shortcuts in App Builder.

Rename App

To rename your app, select the textbox with your app's current name, then enter a new name. Select the Enter key to save your new name.

Change Device View

To see how your app looks on different devices, select the screen icon, then select a device. The canvas size will change to match your selected device. To edit the device settings, select Canvas Settings from the Edit menu.

Preview App

Select the eye icon preview-icon.png to save and preview the app. If your app has been published, you can choose to preview the published app or the Sandbox app. Your app opens in a new browser tab.

データの読み込みに問題がある場合、プレビューにエラーメッセージが表示されます。これにより、ユーザーはアプリを公開する前に問題を特定して対処することができます。

Share App

To share your app with someone in your workspace, select the share icon share-icon.png. If this app has been published, select which version of your app to share. You can share your app as an embeddable iframe HTML tag or as a link. Select the copy icon next to your selected sharing method to copy the tag or link. Interacting with shared apps requires access to all related assets using the Library.

重要

You must share all relevant assets with the app (for example, workflows and datasets).

データロードインジケーター

App Builderでは、データ読み込みの進行状況を視覚的に示すインジケーターが各キャンバスで表示されるようになりました。

  • オーケストレーション: [オーケストレーション]キャンバスには、データ読み込み処理中のすべてのツールについてロードインジケーターが表示されます。このインジケーターは、ツールの出力アンカーからデータが出力可能になると消えます。

  • デザイン: [デザイン]キャンバスには、ドロップダウンやテーブルなどのデータを取得するインタラクティブデザインツールについてロードインジケーターが表示されます。このインジケーターは、データが完全に読み込まれて表示されると消えます。

Application Publishing

App Creators can now publish an app to indicate it is ready for others to use. Note that publishing an app does not post the app publicly anywhere, but only creates a published state of the app within App Builder. Changes to the app can be made, tested, and reviewed with others in the Sandbox environment before publishing or republishing the app. Any changes made in the Sandbox environment do not appear in the app until it is published or republished.

注意

When an app is deleted, all versions of the app, either published or unpublished, are deleted.

Publish an App from Sandbox

A Creator in App Builder is able to develop Sandbox apps and promote a completed app to a published state. Saved changes made in Sandbox apps do not appear in the published app until they are published.

  1. To save and publish an app for the first time, select Publish to open the publishing dialog.

  2. Optionally, enter a Customized Path for your app. The custom path updates both the sharing link and the iFrame URL link. Changes made to the custom path are saved within your app.

    注記

    The Customized Path can only be changed by unpublishing and republishing an app.

  3. Select Publish to publish your app.

Republish an App

Republishing an app overrides the current version of the app in production. To republish an app, select Publish to open the publishing dialog. The last date and time your app was saved is shown for reference. Note that you can't change the Customized Path unless you unpublish your app. Select Publish to republish your app.

Unpublish an App

When you unpublish an app, the publish link is unavailable to users until it is republished. To unpublish an app, select Unpublish from the File menu. Select Unpublish from the dialog to confirm you want to unpublish the app.