Studio IDE

Atmosphere Studio is a web-based integrated development environment (IDE) that allows users of all levels to easily build IoT products.

Studio can be viewed on a desktop or tablet with a minimum display size of 1024x768. If the screen size or browser window is smaller, Studio will be replaced with a message asking to increase the display size. Maximizing your browser window or viewing on a larger screen will display it.

How Studio Works

Complete IoT projects are created and designed with Studio by simultaneously building embedded firmware, an interface, and cloud connectivity. These three aspects of the project are represented by the workspaces within Studio: Embedded View, Application View, and Cloud View.

The three views work in tandem to build their respective areas of a project:

  • Embedded View creates the firmware that is programmed into the project’s end device.
  • Application View creates an interface that allows a device (computer, tablet, or smartphone) to interact with the end device.
  • Cloud View enables cloud connectivity for a device to have data sent to Atmosphere and other third-party services.

When development in each view is complete, the project is compiled and the firmware is programmed into the end device, all from inside Studio. Once compiled and programmed, the project’s interface can interact with the end device while its data is sent to Atmosphere, creating a comprehensive IoT solution in minutes.

To get started using Atmosphere Studio, view one of the many guides available on creating your first project.

Studio Interface

Studio enables rapid development and ease-of-use by integrating each aspect of IoT development within a single location.

1. Views

Views are tabbed workspaces to build projects within Studio, and are displayed as visual diagrams for a project. They consist of a working area called the “canvas” to drag and drop elements from the Element Toolbox into to build the project.

Views are categorized by their dedicated functions, and each aspect of project development is managed within their respective view. Click the view’s icon to move to that view.

Embedded View
Embedded View
Application View
Application View
Cloud View
Cloud View
Where the embedded firmware is created.
Learn More
Where the interface is designed.
Learn More
Where cloud connectivity is enabled.
Learn More

2. Element Toolbox

The Element Toolbox consists of the elements panel and the properties panel.

Elements Panel

The elements panel displays a collection of “elements,” blocks of code that perform a variety of programmable functions within Studio. Elements are the building blocks for an Atmosphere project by creating its functionality, visualization, and cloud connectivity.

The elements available within the elements panel depend on the active view. Elements used for developing specific areas of a project (embedded, application, or cloud) are found while on that particular view, thus what is displayed in the panel changes as you move between views.

To learn more about elements and how to use them in Studio, visit Studio Elements.

Properties Panel

The properties panel displays properties for an element that’s selected on the view’s canvas.

3. Project Options Menu

The project options displayed in the top-right are always available in Studio:

Icon Option Description
Info Information Display the project’s general information. This window also allows you to change the project’s name and version number.
Save Save Save the project. If a new name is entered in the Name field, it will save as a new project.

By default, Studio automatically saves the project periodically.
Compile Compile Compile the project’s embedded source code, application source code, and cloud source code for deployment. Compiling a project needs to be done in order to program an end device with the project’s firmware, to view the project’s interface from within Atmosphere, and to enable it to communicate with Atmosphere.

When a project is compiling, aSpinnericon is displayed beneath the menu indicating compiling is in progress, and a notification is received when it’s complete.
Studio Projects Projects Return to the Studio Projects screen. The project will save upon leaving.