Schlagwort: widgets

  • Introducing the new Value Selector and Dropdown Widgets for Arduino IoT Cloud dashboards

    Introducing the new Value Selector and Dropdown Widgets for Arduino IoT Cloud dashboards

    Reading Time: 4 minutes

    We’re excited to announce the release of two new widgets to the Arduino IoT Cloud: the Value Selector and Value Dropdown Widgets.

    In this blog post, we’ll be exploring the benefits of the new widgets, how to use them, and how you can take advantage of this latest feature.

    The Arduino IoT Cloud dashboards

    The Arduino Cloud is an all-in-one platform that streamlines the development, deployment, and management of IoT devices. The platform supports various hardware, such as Arduino boards, ESP32, and ESP8266-based boards, which makes it easy for makers, IoT enthusiasts, and professionals to build connected projects without much hassle.

    What makes Arduino Cloud stand out is its user-friendly and intuitive interface. This simplifies complex tasks and ensures that even those with little coding experience can use the platform. Moreover, the platform offers a low-code approach and a comprehensive catalogue of templates and examples that enable users to get started quickly.

    The IoT Cloud application of the Arduino Cloud platform allows easy management and monitoring of connected devices via customizable dashboards. This feature provides real-time data visualizations of the device’s data, making it easy for users to monitor and keep track of their devices. Plus, with the mobile app Arduino IoT Cloud Remote — available for Android and iOS — users can manage their devices remotely from anywhere.

    The Arduino Cloud platform also offers a range of widgets, including switches, buttons, color selectors, status, gauges, maps, and a chart widget that allows users to plot the temporal evolution of one variable of one device. This rich palette of widgets makes it easy for users to build dashboards that suit their needs.

    The new widgets

    The new Value Selector and Value Dropdown Widgets simplify the task of creating a map between variable values and their real-world representations, providing users with greater flexibility and ease of use. With them, you can decouple the internal values of the variables in the sketch from the representation on the dashboard. This simplifies the code and prevents developers from updating the code if a change on the visible value is needed.

    The Value Selector Widget offers a more visual way of representing values and choices, making it easier for users to understand and work with their data. This feature simplifies the code and allows for greater flexibility in representing data.

    The value selector widget can be used to switch between predetermined values through available buttons. Supported variable types are int and String.

    The Value Dropdown Widget is a compact and organized way of presenting a list of options to users. This feature is particularly useful when designing for smaller screens or when there are many options to choose from. Dropdown menus allow for clear categorization and organization of options, making it easier for users to find what they are looking for.

    The value dropdown widget works similarly to value selector, and is be used to switch between predetermined values through a dropdown menu. Supported variable types are int and String.

    Both of these new features are incredibly convenient for predefining a list of values that the user can choose from. The meaningful names and values assigned to each option simplify the process of selecting data, making it more intuitive and accessible to users.

    In summary, the Value Selector and Dropdown Widgets are powerful new features that provide users with greater flexibility, ease of use, and clarity when working with their data. We are excited to see how these new tools will enhance the user experience and improve the way users work with their data. These new widgets add up to the recently announced improvement of the percentage widget and the new advance chart widget. You can read the full story in the blog post

    Try the now widgets today

    Ready to take your IoT projects to the next level? Check out the official Arduino Cloud website for more information on the Arduino IoT Cloud and all the resources available to you. You can also explore the documentation to learn more about the exciting new widgets that are available.Dive in and try out the new Arduino IoT Cloud widgets for yourself!  We’d love to hear your feedback, so don’t forget to share your thoughts and experiences with us on the forum.

    The post Introducing the new Value Selector and Dropdown Widgets for Arduino IoT Cloud dashboards appeared first on Arduino Blog.

    Website: LINK

  • Arduino Cloud widgets and data downloads get a design overhaul

    Arduino Cloud widgets and data downloads get a design overhaul

    Reading Time: 3 minutes
    Arduino Cloud Widgets and historical data downloads

    Arduino Cloud’s dashboards and widgets are some of its most popular features. It’s what turns the Cloud into your ultimate control center for all kinds of projects, from home automation to industrial monitoring.

    We’re constantly looking for ways to improve the user experience, and we’ve just rolled out some small, but very important tweaks. Combined with the new historical data download process, your Arduino Cloud experience will now be even smoother.

    Changes to Arduino Cloud Widgets

    One of the more visible changes is the padding around the widgets. It’s been reduced, particularly within the header.

    Previously, if you added a header you often needed to increase the size of the widget to accommodate the space needed for it to be displayed. This could leave a lot of empty space inside the widget itself.

    By reducing the size of the heading and removing the historical data and settings buttons, widgets can now be a lot more compact while still displaying all the data, labels and controls. You can see the padding reduction in the image below, and how it creates more space for smaller widgets.

    Arduino Cloud Widget Sizes

    But you’re not losing any functions. The redesign pops the settings button out from the side of the widget when you hover over it during layout editing. And the historical data options have been moved into the dashboard’s settings rather than the individual widget’s (more about that below).

    That same location, to the left of the header, was also previously used to notify you of any errors. Now if there’s a problem, the whole widget is disabled and the error notification appears in the center. Hovering over the error icon will give you a tooltip with more info on what’s wrong. 

    These new layouts are currently just for desktop dashboards. They aren’t visible on mobile or within the IoT Cloud Remote app yet. However, the redesign allows for smaller sizes of widgets, which will become especially valuable as we bring these changes to mobile. Watch this space.

    Historical Data Downloads

    We’ve revisited the process for downloading historical data. Previously, if you wanted to export your data, you had to do it widget-by-widget. So if you had six widgets, you’d have to go through the download process six times. 

    Now you can grab all the historical data you want in a single download. 

    There’s a new option in the dashboard’s setting menu, called “Historical Data”. Clicking that gives you a list of all variables in use. From here you can select all the ones you want to download by selecting the check boxes.

    If your dashboard is using multiple Things, you can swap between them from the dropdown at the top. Finally, you’re given the option to specify a date range for the export.

    Simply choose the variables and Things you want to export. Set the date range, and click the “Select Data Source” button. You’ll receive an email after a couple of minutes providing you with a link to download your data as individual CSV files, zipped up into a single download.

    Arduino Cloud Historical Data Download

    Remember though; if you’re using the free tier of Arduino Cloud, the date range selector won’t be available. You’ll always just download the last 24 hours worth of data, so don’t worry if the date selector isn’t visible for you.

    As always, we’re keen to get your feedback on the changes. Join us on the forums to tell us what you think.

    Website: LINK