The Porter Tour: Start Here

A quick overview of Porter, with more in-depth, feature-specific walk throughs to follow.

But, first …

Porter is a web and mobile app that saves you time and energy on routine front-end development for your IoT project.

Porter works by connecting to the Particle Cloud and scanning the APIs for each of your devices. It then generates a user interface for each one from cloud-exposed functions and variables. A range of interface customization tools are provided which fit various input and display types.

While the Particle Cloud can show you published device events in real-time, Porter actually records those events and makes them available with filtering and export tools. Porter can also take action based on those events according to rules you set up. Lastly, you can even share your device user interfaces via a private URL for viewing and/or controlling your project.

OK. What Does That Look Like?

Here’s the main screen of the Porter web app, with a device running as a remote temperature monitor selected. The numbers in dark circles correspond to notes below.

  1. Home Button: Like all home buttons, it will return you to this, the main screen.
  2. Application Nav Bar: Get help, manage your account, or sign out.
  3. Device Organization Bar: Access to selecting Particle devices for use within Porter, and a tool to arrange and organize them into groups. Check out Working with Devices to learn more about this.
  4. Devices Pane: This lists all of the devices you’ve selected for use in Porter, along with some helpful metadata, like online status, time last seen, processor type, IP address, wifi vs. cellular, and UI sharing status. Just click on a device in this list to view and control it.
  5. Usage Pane: This pop-up display will give you information about your account limits and usage.
  6. Notifications Pane: Another pop-up display for Porter news and system notifications.
  7. Device Control Bar: This area provides access to different device views, the ability to customize and share this device, and an automatic variable refresh timer.
  8. Device Control Pane: The main area of the Porter screen allows you to view variables and execute functions on your device.
  9. Events Tab: This tab provides access to your stored event history, which you can browse in Porter or export for external use.
  10. Actions Tab: This tab provides access to Action configurations, which will send push notifications, emails, SMS, or web requests based on events which meet the criteria of your specification.

The Porter App

Just about all of the above is available in the Porter mobile app, which you can download from the App Store and Google Play.

As you can see, we use separate screens for the list of devices and the device-specific interface, but otherwise all of the major capabilities are there and in similar locations.

More To Come

Keep an eye on this spot or subscribe to the Bright/Contrast Publication. As they’re published, I’ll link to the more detailed tours for each of the major features listed above.