diff --git a/content/cloud/iot-cloud/tutorials/01.iot-cloud-getting-started/assets/accesscloud.png b/content/cloud/iot-cloud/tutorials/01.iot-cloud-getting-started/assets/accesscloud.png deleted file mode 100644 index 931d5d9f74..0000000000 Binary files a/content/cloud/iot-cloud/tutorials/01.iot-cloud-getting-started/assets/accesscloud.png and /dev/null differ diff --git a/content/cloud/iot-cloud/tutorials/01.iot-cloud-getting-started/assets/dashboard2.png b/content/cloud/iot-cloud/tutorials/01.iot-cloud-getting-started/assets/dashboard2.png deleted file mode 100644 index d391e19ba9..0000000000 Binary files a/content/cloud/iot-cloud/tutorials/01.iot-cloud-getting-started/assets/dashboard2.png and /dev/null differ diff --git a/content/cloud/iot-cloud/tutorials/01.iot-cloud-getting-started/assets/dashboard3.png b/content/cloud/iot-cloud/tutorials/01.iot-cloud-getting-started/assets/dashboard3.png deleted file mode 100644 index 1c7f7ea150..0000000000 Binary files a/content/cloud/iot-cloud/tutorials/01.iot-cloud-getting-started/assets/dashboard3.png and /dev/null differ diff --git a/content/cloud/iot-cloud/tutorials/01.iot-cloud-getting-started/assets/devicelink.png b/content/cloud/iot-cloud/tutorials/01.iot-cloud-getting-started/assets/devicelink.png deleted file mode 100644 index 1d9c33b0db..0000000000 Binary files a/content/cloud/iot-cloud/tutorials/01.iot-cloud-getting-started/assets/devicelink.png and /dev/null differ diff --git a/content/cloud/iot-cloud/tutorials/01.iot-cloud-getting-started/assets/deviceoverview.png b/content/cloud/iot-cloud/tutorials/01.iot-cloud-getting-started/assets/deviceoverview.png deleted file mode 100644 index dad6743158..0000000000 Binary files a/content/cloud/iot-cloud/tutorials/01.iot-cloud-getting-started/assets/deviceoverview.png and /dev/null differ diff --git a/content/cloud/iot-cloud/tutorials/01.iot-cloud-getting-started/assets/gs-access.png b/content/cloud/iot-cloud/tutorials/01.iot-cloud-getting-started/assets/gs-access.png new file mode 100644 index 0000000000..6638be9b51 Binary files /dev/null and b/content/cloud/iot-cloud/tutorials/01.iot-cloud-getting-started/assets/gs-access.png differ diff --git a/content/cloud/iot-cloud/tutorials/01.iot-cloud-getting-started/assets/gs-dashboard-link.png b/content/cloud/iot-cloud/tutorials/01.iot-cloud-getting-started/assets/gs-dashboard-link.png new file mode 100644 index 0000000000..b86f1c3cd0 Binary files /dev/null and b/content/cloud/iot-cloud/tutorials/01.iot-cloud-getting-started/assets/gs-dashboard-link.png differ diff --git a/content/cloud/iot-cloud/tutorials/01.iot-cloud-getting-started/assets/gs-dashboard-widgets.png b/content/cloud/iot-cloud/tutorials/01.iot-cloud-getting-started/assets/gs-dashboard-widgets.png new file mode 100644 index 0000000000..d29f8cf4de Binary files /dev/null and b/content/cloud/iot-cloud/tutorials/01.iot-cloud-getting-started/assets/gs-dashboard-widgets.png differ diff --git a/content/cloud/iot-cloud/tutorials/01.iot-cloud-getting-started/assets/gs-dashboards.png b/content/cloud/iot-cloud/tutorials/01.iot-cloud-getting-started/assets/gs-dashboards.png new file mode 100644 index 0000000000..c16fc8cb17 Binary files /dev/null and b/content/cloud/iot-cloud/tutorials/01.iot-cloud-getting-started/assets/gs-dashboards.png differ diff --git a/content/cloud/iot-cloud/tutorials/01.iot-cloud-getting-started/assets/gs-device-attach.png b/content/cloud/iot-cloud/tutorials/01.iot-cloud-getting-started/assets/gs-device-attach.png new file mode 100644 index 0000000000..5ec3ac4047 Binary files /dev/null and b/content/cloud/iot-cloud/tutorials/01.iot-cloud-getting-started/assets/gs-device-attach.png differ diff --git a/content/cloud/iot-cloud/tutorials/01.iot-cloud-getting-started/assets/gs-device-overview.png b/content/cloud/iot-cloud/tutorials/01.iot-cloud-getting-started/assets/gs-device-overview.png new file mode 100644 index 0000000000..74a6d2d176 Binary files /dev/null and b/content/cloud/iot-cloud/tutorials/01.iot-cloud-getting-started/assets/gs-device-overview.png differ diff --git a/content/cloud/iot-cloud/tutorials/01.iot-cloud-getting-started/assets/gs-serial-monitor.png b/content/cloud/iot-cloud/tutorials/01.iot-cloud-getting-started/assets/gs-serial-monitor.png new file mode 100644 index 0000000000..763d200b81 Binary files /dev/null and b/content/cloud/iot-cloud/tutorials/01.iot-cloud-getting-started/assets/gs-serial-monitor.png differ diff --git a/content/cloud/iot-cloud/tutorials/01.iot-cloud-getting-started/assets/gs-thing-editor.png b/content/cloud/iot-cloud/tutorials/01.iot-cloud-getting-started/assets/gs-thing-editor.png new file mode 100644 index 0000000000..ad0a238a44 Binary files /dev/null and b/content/cloud/iot-cloud/tutorials/01.iot-cloud-getting-started/assets/gs-thing-editor.png differ diff --git a/content/cloud/iot-cloud/tutorials/01.iot-cloud-getting-started/assets/gs-thing-network.png b/content/cloud/iot-cloud/tutorials/01.iot-cloud-getting-started/assets/gs-thing-network.png new file mode 100644 index 0000000000..57568f9ab1 Binary files /dev/null and b/content/cloud/iot-cloud/tutorials/01.iot-cloud-getting-started/assets/gs-thing-network.png differ diff --git a/content/cloud/iot-cloud/tutorials/01.iot-cloud-getting-started/assets/gs-thing-overview.png b/content/cloud/iot-cloud/tutorials/01.iot-cloud-getting-started/assets/gs-thing-overview.png new file mode 100644 index 0000000000..f21b7e966b Binary files /dev/null and b/content/cloud/iot-cloud/tutorials/01.iot-cloud-getting-started/assets/gs-thing-overview.png differ diff --git a/content/cloud/iot-cloud/tutorials/01.iot-cloud-getting-started/assets/gs-thing-variables.png b/content/cloud/iot-cloud/tutorials/01.iot-cloud-getting-started/assets/gs-thing-variables.png new file mode 100644 index 0000000000..22f0491741 Binary files /dev/null and b/content/cloud/iot-cloud/tutorials/01.iot-cloud-getting-started/assets/gs-thing-variables.png differ diff --git a/content/cloud/iot-cloud/tutorials/01.iot-cloud-getting-started/assets/iot-cloud-compatible-boards.png b/content/cloud/iot-cloud/tutorials/01.iot-cloud-getting-started/assets/iot-cloud-compatible-boards.png deleted file mode 100644 index 20c72e190e..0000000000 Binary files a/content/cloud/iot-cloud/tutorials/01.iot-cloud-getting-started/assets/iot-cloud-compatible-boards.png and /dev/null differ diff --git a/content/cloud/iot-cloud/tutorials/01.iot-cloud-getting-started/assets/navigatedashboard.png b/content/cloud/iot-cloud/tutorials/01.iot-cloud-getting-started/assets/navigatedashboard.png deleted file mode 100644 index 0a19d9c785..0000000000 Binary files a/content/cloud/iot-cloud/tutorials/01.iot-cloud-getting-started/assets/navigatedashboard.png and /dev/null differ diff --git a/content/cloud/iot-cloud/tutorials/01.iot-cloud-getting-started/assets/network.png b/content/cloud/iot-cloud/tutorials/01.iot-cloud-getting-started/assets/network.png deleted file mode 100644 index 40883dc5e1..0000000000 Binary files a/content/cloud/iot-cloud/tutorials/01.iot-cloud-getting-started/assets/network.png and /dev/null differ diff --git a/content/cloud/iot-cloud/tutorials/01.iot-cloud-getting-started/assets/sketchoverview.png b/content/cloud/iot-cloud/tutorials/01.iot-cloud-getting-started/assets/sketchoverview.png deleted file mode 100644 index 556fc61706..0000000000 Binary files a/content/cloud/iot-cloud/tutorials/01.iot-cloud-getting-started/assets/sketchoverview.png and /dev/null differ diff --git a/content/cloud/iot-cloud/tutorials/01.iot-cloud-getting-started/assets/thingoverview.png b/content/cloud/iot-cloud/tutorials/01.iot-cloud-getting-started/assets/thingoverview.png deleted file mode 100644 index 78f83d3557..0000000000 Binary files a/content/cloud/iot-cloud/tutorials/01.iot-cloud-getting-started/assets/thingoverview.png and /dev/null differ diff --git a/content/cloud/iot-cloud/tutorials/01.iot-cloud-getting-started/assets/variables.png b/content/cloud/iot-cloud/tutorials/01.iot-cloud-getting-started/assets/variables.png deleted file mode 100644 index 2f2d9582b2..0000000000 Binary files a/content/cloud/iot-cloud/tutorials/01.iot-cloud-getting-started/assets/variables.png and /dev/null differ diff --git a/content/cloud/iot-cloud/tutorials/01.iot-cloud-getting-started/iot-cloud-getting-started.md b/content/cloud/iot-cloud/tutorials/01.iot-cloud-getting-started/iot-cloud-getting-started.md index 32df9c16c4..52cfc047a5 100644 --- a/content/cloud/iot-cloud/tutorials/01.iot-cloud-getting-started/iot-cloud-getting-started.md +++ b/content/cloud/iot-cloud/tutorials/01.iot-cloud-getting-started/iot-cloud-getting-started.md @@ -109,35 +109,35 @@ To starting using the Arduino IoT cloud, we first need to [log in or sign up to After we have signed up, you can access the Arduino IoT Cloud from any page on [arduino.cc](https://www.arduino.cc/) by clicking on the four dots menu in the top right corner. You can also [go directly to the Arduino IoT Cloud](https://create.arduino.cc/iot/). -![Navigating to the cloud.](assets/accesscloud.png) +![Navigating to the cloud.](assets/gs-access.png) ### 3. Creating a Thing The journey always begin by creating a new **Thing**. In the Thing overview, we can choose what device to use, what Wi-Fi network we want to connect to, and create variables that we can monitor and control. This is the main configuration space, where all changes we make are automatically generated into a **special sketch file**. -![The Thing overview.](assets/thingoverview.png) +![The Thing overview.](assets/gs-thing-overview.png) ### 4. Configuring a Device Devices can easily be added and linked to a Thing. The Arduino IoT Cloud requires your computer to have the [Arduino Agent installed](https://create.arduino.cc/getting-started/plugin/welcome). The configuration process is quick and easy, and can be done by clicking on the **“Select device”** button in the Thing overview. Here, we can choose from any board that has been configured, or select the **“Configure new device”** option. -![Configuring a device.](assets/devicelink.png) +![Configuring a device.](assets/gs-device-attach.png) We can also get a complete overview of our devices by clicking the **“Devices"** tab at the top of the Arduino IoT Cloud interface. Here we can manage and add new devices. -![The device tab.](assets/deviceoverview.png) +![The device tab.](assets/gs-device-overview.png) ### 5. Creating Variables The variables we create are automatically generated into a sketch file. There are several data types we can choose from, such as **int, float, boolean, long, char**. There’s also special variables, such as **Temperature, Velocity, Luminance** that can be used. When clicking on the **“Add variable”** button, we can choose name, data type, update setting and interaction mode. -![Creating variables.](assets/variables.png) +![Creating variables.](assets/gs-thing-variables.png) ### 6. Connecting to a Network To connect to a Wi-Fi network, simply click the **“Configure”** button in the network section. Enter the credentials and click **“Save”**. This information is also generated into your sketch file! -![Entering network credentials.](assets/network.png) +![Entering network credentials.](assets/gs-thing-network.png) ### 7. Editing the Sketch @@ -151,7 +151,11 @@ Additionally, each time we create a variable that has the **Read & Write** permi To upload the program to our board, simply click the **"Upload"** button. -![Editing a sketch in the cloud editor.](assets/sketchoverview.png) +![Editing a sketch in the cloud editor.](assets/gs-thing-editor.png) + +The editor also has a **Serial Monitor Tool**, which can be opened by clicking the magnifying glass in the toolbar. Here you can view information regarding your connection, or commands printed via `Serial.print()`. + +![The Serial Monitor Tool.](assets/gs-serial-monitor.png) After we have successfully uploaded the code, we can open the **“Serial Monitor”** tab to view information regarding our connection. If it is successful, it will print **“connected to network_name”** and **“connected to cloud”**. If it fails to connect, it will print the errors here as well. @@ -165,17 +169,17 @@ Now that we have configured the device & network, created variables, completed t Dashboards are visual user interface for interacting with your boards over the cloud, and we can setup many different setups depending on what your IoT project needs. We can access our dashboards by clicking on the **“Dashboards”** tab at the top of the Arduino IoT Cloud interface, where we can create new dashboards, and see a list of dashboards created for other Things. -![Navigating to dashboards.](assets/navigatedashboard.png) +![Navigating to dashboards.](assets/gs-dashboards.png) If we click on **“Create new dashboard”**, we enter a dashboard editor. Here, we can create something called **widgets**. Widgets are the visual representation of our variables we create, and there are many different to choose from. Below is an example using several types of widgets. -![The different widgets available.](assets/dashboard2.png) +![The different widgets available.](assets/gs-dashboard-widgets.png) When we create widgets, we also need to **link them to our variables**. This is done by clicking on a widget we create, select a Thing, and select a variable that we want to link. Once it is linked, we can either interact with it, for example a button, or we can monitor a value from a sensor. As long as our board is connected to the cloud, the values will update! Let's say we have a **temperature widget** that we want to link to the **temperature** variable inside the **Cloud project** thing. -![Linking a variable to a widget.](assets/dashboard3.png) +![Linking a variable to a widget.](assets/gs-dashboard-link.png) ***Note that not all widgets and variables are compatible. A switch and an integer can for example not be linked, and will not be an option while setting up your dashboard.*** @@ -183,7 +187,7 @@ We can also have several things running at once, depending on your Arduino IoT C ## Congratulations -![Illustrated character hugging an Arduino Board](assets/endimg.png) +![What will you build?](assets/endimg.png) You are just a few easy steps from deploying your very own IoT project. Having a project connected to the Arduino IoT Cloud opens up many possibilities, such as tracking data in real time, triggering remote devices and building wireless systems.