Create Your Application UI - Video Guide
- November 8, 2022
- 0 replies
- 442 views
Watch a video tutorial on utilizing the Mashup Builder to create a User Interface (UI) for your IoT application.
Guide Concept
Following the steps in this video-guide, you will learn how to use this tool to create a Graphical User Interface (GUI) for your IoT Application.
We will teach you how to rapidly create and update a Mashup, which is a custom visualization built to display data from devices according to your application's business and technical requirements.
You'll learn how to
- Create new Mashups
- Choose a Static or Responsive layout
- Add Widgets to your Mashup
- Bind data Services to Widgets in your Mashup
- Create a functional GUI with applied usage of Widgets and Services
NOTE: The estimated time to complete this guide is 30 minutes
Step 1: Video
Click the link below to enjoy the video. You may set the video to full screen by clicking the button in the bottom-right.
If you're following along within your own ThingWorx environment, you may wish to pre-download and extract the attached MBQS_Entities.zip file. It will be used in the later half of the video as a backend data simulator.
Create Your Application UI - Video Guide
Step 2: Next Steps
Congratulations! You've successfully completed the Video Guide - Create Your Application UI, and learned how to:
- Create new Mashups
- Choose a Static or Responsive layout
- Add Widgets to your Mashup
- Bind data Services to Widgets in your Mashup
- Create a functional GUI with applied usage of Widgets and Services
Learn More
We recommend the following resources to continue your learning experience:
Capability Guide
| Build | Data Model Introduction |
| Experience | Object-Oriented UI Design Tips |
Additional Resources
If you have questions, issues, or need additional information, refer to:
Resource Link
| Community | Developer Community Forum |
| Support | Mashup Builder Support Help Center |