Best Practices for Creating Mashups and Masters
Use the following best practices while creating mashups and masters.
Use Master Mashups for Consistency in the User Interface Design
Start by determining the basic look and feel for your solution and then create a master mashup. Use master mashups to standardize the layout and display of items, such as logos, menus, titles, headers, footers, and sidebars for your mashups.
Design Separate Mashup and Master Pages
Design separate mashup and master pages for different viewing devices. Remember that the user workflows are different depending on the screen sizes.
Define the Parameters for a Mashup
You can define any number of parameters for the mashup. These parameters are used to pass data when a mashup is embedded in another mashup, or when navigating from one mashup to another. These parameters become properties that can be used as binding sources or targets when they are called from other mashups.
When a mashup is loaded, and user did not pass all the data required by the mashup, services are called to get this data. To minimize the number of services being called, it is recommended that the mashups calling these parameters should pass all the data required by the containing mashup.
Display the Sequential Tasks to Users
If you want the user to complete tasks in a sequence or have a workflow that should be performed in a certain order, use one of the following approaches:
Set the property called Visibile for widgets to control the visibility of widgets. This property displays and enables widgets for required steps.
Use dynamic contained mashups that display and remove the embedded mashups after the user completes the steps in the required sequence.
Customize the Mashup to Display Selected Properties
The Property Display widget enables you to visualize a Thing property set based on their data type. A Thing property set contains all the properties and the Property Display widget displays the property set.
You can configure the Property Display widget to display only certain properties of the mashup.
Additionally, individual properties that are retrieved from the same getPropertyValues service can be bound to the Value Display and other visualization widgets.
Event Log When the Mashup Loads
When you view a mashup, you can add &__trace to the URL to see the detailed log of all the events that are executed when the mashup loads. This also helps during troubleshooting.
Add &__trace to the end of the mashup URL as shown:
<Mashup_URL>&__trace
Refresh Data on Mashups
You can automatically refresh data on mashups. Use the GetProperties service.
Was this helpful?