Day 8: ¿Que entendiste de los temas: Reports: Build Basic Charts and Grids y Sites: Create a Custom and Focused User Experience?

Course Objectives

After you complete this course, you’ll be able to

• Explain the purpose of interfaces in applications
• Describe how to use rule inputs and local variables
• Create and configure a simple interface
• Recall user interface design best practices to apply when building interfaces
• Test an interface

After you complete this lesson you’ll be able to

• Explain how to use interfaces in an application
• Recall key principles of user interface design

User Interface Design

Building effective business applications requires more than just satisfying the functional requirements. Applications must also enable users to complete their work efficiently to maximize productivity. Making interfaces as intuitive as possible reduces training costs and ramp-up time. And, of course, users expect beautiful interfaces that look rich and modern.

Recap

Business users interact with applications through interfaces, and you can use interfaces across your applications, such as in landing pages, reporting interfaces, and tasks. You should also apply principles of user interface design when designing your interfaces.

After you complete this lesson, you’ll be able to

• Identify key work areas in the interface object
• Explain how to use templates, layouts, components, and patterns 
• Differentiate between Design Mode and Expression Mode

Templates

• When you first open a new interface, you can choose to apply a template. Templates provide structure to your interface, auto-populating crucial components. When you use a template, various options are provided in four categories: Forms, Pages, and Examples. Click on a number to learn about the template type.

Recap

In the interface object, you can use Design Mode and Expression Mode to build your interface. In Design Mode, drag and drop content from the palette and configure component properties to build interfaces quickly. Expression Mode allows you to directly edit the interface’s expression.

After you complete this lesson you’ll be able to

• Create an interface object
• Describe the purpose of rule inputs
• Recall how to add rule inputs to an interface

Rule inputs are variables that pass data into or out of an interface.

After you complete this lesson you’ll be able to

• Explain how to add layouts and components to the canvas
• Recall important component configurations
• Describe how to display and save user inputs

Recap

To build your interface, first use layouts to organize the content, then add components to display data. Then, use the Component Configuration pane to make changes to the configuration as needed—for example, to update the labels, add conditional visibility, or save data to a rule input.

After you complete this lesson you’ll be able to

• Define local variables
• List examples of how you can use local variables
• Recall how to configure local variables

Recap

• Local variables define and store temporary values within an expression, and they have many uses in interfaces. Define local variables in Expression Mode using the function a!localVariables(), which should wrap around the entire interface expression. For more details and use cases, visit Appian Documentation(opens in a new tab).

After you complete this lesson you’ll be able to

• Explain the purpose of testing an interface
• Identify the two main approaches to testing and when to use them
• Explain the purpose of the Performance tab

There are two main methods for testing, depending on the function of your interface: manual testing (for editable interfaces) or using test cases via the Test Inputs pane (for read-only interfaces).

Para testear forms

• Checar los display value…
• Dar submit sin llenar todo
• Poner valores que no cumplan con las validaciones…

Course Objectives

After you complete this course, you’ll be able to

• Explain the purpose of interfaces in applications
• Describe how to use rule inputs and local variables
• Create and configure a simple interface
• Recall user interface design best practices to apply when building interfaces
• Test an interface

After you complete this lesson you’ll be able to

• Explain how to use interfaces in an application
• Recall key principles of user interface design

User Interface Design

Building effective business applications requires more than just satisfying the functional requirements. Applications must also enable users to complete their work efficiently to maximize productivity. Making interfaces as intuitive as possible reduces training costs and ramp-up time. And, of course, users expect beautiful interfaces that look rich and modern.

Recap

Business users interact with applications through interfaces, and you can use interfaces across your applications, such as in landing pages, reporting interfaces, and tasks. You should also apply principles of user interface design when designing your interfaces.

After you complete this lesson, you’ll be able to

• Identify key work areas in the interface object
• Explain how to use templates, layouts, components, and patterns 
• Differentiate between Design Mode and Expression Mode

Templates

• When you first open a new interface, you can choose to apply a template. Templates provide structure to your interface, auto-populating crucial components. When you use a template, various options are provided in four categories: Forms, Pages, and Examples. Click on a number to learn about the template type.

Recap

In the interface object, you can use Design Mode and Expression Mode to build your interface. In Design Mode, drag and drop content from the palette and configure component properties to build interfaces quickly. Expression Mode allows you to directly edit the interface’s expression.

After you complete this lesson you’ll be able to

• Create an interface object
• Describe the purpose of rule inputs
• Recall how to add rule inputs to an interface

Rule inputs are variables that pass data into or out of an interface.

After you complete this lesson you’ll be able to

• Explain how to add layouts and components to the canvas
• Recall important component configurations
• Describe how to display and save user inputs

Recap

To build your interface, first use layouts to organize the content, then add components to display data. Then, use the Component Configuration pane to make changes to the configuration as needed—for example, to update the labels, add conditional visibility, or save data to a rule input.

After you complete this lesson you’ll be able to

• Define local variables
• List examples of how you can use local variables
• Recall how to configure local variables

Recap

• Local variables define and store temporary values within an expression, and they have many uses in interfaces. Define local variables in Expression Mode using the function a!localVariables(), which should wrap around the entire interface expression. For more details and use cases, visit Appian Documentation(opens in a new tab).

After you complete this lesson you’ll be able to

• Explain the purpose of testing an interface
• Identify the two main approaches to testing and when to use them
• Explain the purpose of the Performance tab

There are two main methods for testing, depending on the function of your interface: manual testing (for editable interfaces) or using test cases via the Test Inputs pane (for read-only interfaces).

Para testear forms

• Checar los display value…
• Dar submit sin llenar todo
• Poner valores que no cumplan con las validaciones…