The GOAL is to produce an app that allows users to select their favorite Halloween Candy with awareness about sugar content and then use the app to generate results that they can download and take with them.
If you don't have App Builder, you can start a free trial here. And don't forget there are help docs if you need them!
To complete this, users will minimally need to have the App Builder Creator role for a workspace in AACP.
Launch App Builder to Create a NEW Application.
First, bring in the attached dataset and configure the Orchestration of your app. Group by CANDY_NAME and get an average of the SUGAR_PERCENTAGE. Sort the AVG_SUGAR_PERCENTAGE ascending, and then create a table and bar chart output. The bar chart should have CANDY_NAME as the X-Axis and AVG_SUGAR_PERCENTAGE as the Y-Axis. Configure the app to download the table output.
If you get stuck, you can peek at the instructions here:
Drag a Load Dataset integration tool onto the Orchestrate canvas to connect to the data file HalloweenCandy.csv.
Connect a Type Conversion tool to convert the percentage fields from the incoming dataset to Double types.
Next, connect an Aggregate tool and configure to Group By CANDY_NAME and do an Average of the SUGAR_PERCENTAGE.
Next, use a Sort tool to sort by AVG_SUGAR_PERCENTAGE ascending.
Connect 2 tools from the output from the Sort tool:
Table tool
Bar Chart with CANDY_NAME as the X-Axis and AVG_SUGAR_PERCENTAGE as the Y-Axis
Finally, add a Download tool after the Table.
Move to the Design tab to customize the Design for your app.
Use the various Building Block tools to design the interface of your app. Drag the various Building Block tools out onto the Design canvas. Try to use at least 1 of each tool. Get creative.
On the leftmost side of the screen, go to the next section down: Workflow Tools and prepare to start dragging out your Workflow tools to Design your app. Placement does not matter, so get creative here too.
Drag the Bar Chart onto the canvas and set the additional configurations as you like. You already set the X and Y Axes as CANDY_NAME and AVG_SUGAR_PERCENTAGE earlier. Now you can Label the X and Y axes accordingly. You can also add a Title, Subtitle, play with the font styles, colors, and alignments.
Drag the Table onto the canvas and set additional configurations, make sure to use the “Row Selection” so that output data will be available for export.
Add the Download button and configure the style, color, and alignment.
Feel free to play with the Color Themes on the left side of the screen.
When you’re done, you can use the eye icon to Preview your app as users would see it and try it out. You can also try Publish and Unpublish as well as specifying Custom URL paths. For extra credit, try adding some Images on the Design tab.
Post a screenshot of your app in a spoiler tag below when you’re finished, and let us know what you thought of this challenge!
Tonya Smith Sr. Product Manager, cloud App Builder
I only have experience of Designer Desktop, and this was my first experience on AACP. In my company, we mainly use on-premise dataset thereby I didn't know much about it, and didn't need to do, either, however I'm starting to be attracted by Designer Cloud, too. I'll look into it more.
I was really trying to get the scatterplot tool to change colors based on selection and pretty much just spent my whole time making that work. I have ideas for future iterations that I will build upon!
I have started trying to diagram my app builder "flows" to demonstrate the importance of each layer in the process. I am starting to think about attacking this problem from the app builder orchestration layer first, and then like I did in this build, realize where I needed a Designer Cloud workflow to do the tricky things.
