Hello, world! Welcome to Boomi Flow.
Let’s start at the very beginning.. a place generally believed to be a very good place to start. Here is a link to a single-screen app. We will be building this app in a minute.
At Boomi Flow, the word we use for an ‘app’ is ‘flow’. We build a flow by logging in to the Boomi Flow drawing tool, connecting an identity service for authentication, dragging and dropping elements to a canvas, configuring the elements, and connecting them with outcomes. We can think of elements as building blocks, which we combine to build an app. Outcomes connect elements in the canvas and show how a flow progresses. The outcomes get converted into clickable buttons in the app.
All flows begin with the Start element.The Start element give us, the builders, a way to know where we are starting on the canvas; and does not get rendered in the app.
The canvas gets automatically saved every time we change something.
A swimlane is used to set permission-based access for different categories of users (Account Manager, VP – Sales, CFO, etc.) for different elements of the flow.
An outcome shows how the flow progresses. For elements that are visible to the user on the front-end (like, say a step, or a page), an outcome gets rendered as a button in the app. The labels are capitalized by default.
When we run or publish a flow, the Boomi Flow engine converts the visual representation or the flow diagram, into a fully-functioning app; which the flow builder (that’s you!) can deploy right away for 1, 10, or 10,000 users. It’s magic!
In subsequent tutorials, we will learn more advanced magic – like how to embed an app in Salesforce, or how to trigger an interactive voice response call from the app. For now, let us build a quick single screen app.
Let’s get building!
If you need to take a closer look, click on the images to enlarge them. Have a question? Click the Help button on the bottom right-hand corner of this page to ask.
- Boomi Flow username/password (Get a free Flow login here)
- A Flow tenant/subtenant with Identity Service installed
- Click LOG IN to log in to the Flow drawing tool. We are in the Flows tab. The sidebar menu on the left-hand-side of the drawing tool is minimized by default. Clicking the arrow expands the menu.
- Click New Flow.
This opens the New Flow screen.
- Click Continue.
- Enter a name for the flow in the Name field. Example: Hello World.
- Select Anyone can run this flow in the Access menu. Anyone with the app URL will be able to run the app. Later, we will see how we can configure authentication for the apps we build – so someone with only an approved authentication service like Box or Salesforce can run the app.
- Select None from the Social feed for collaboration menu. In subsequent tutorials we will see how we can use a social feed (say, Salesforce Chatter) for collaborating with other users.
- Click Start Building! This opens the canvas where we will build our flow.
The canvas opens with the Start element. This is for our benefit; the Start element does not get rendered in the app.
- A Step shows the user a screen. Drag a Step element from the sidebar to the canvas.
This opens a configuration panel.
- Copy-paste the text Hello World in the Name field.
- In the Content Editor, copy-paste the text I just built a Boomi Flow app!
- Click Save Step.
This is what the canvas looks like now:
A flow begins with the Start element, which is fixed on the canvas. The first outcome in the flow is the outcome of the Start element, which connects an arrow from Start to the first element the builder places on the canvas. This outcome does not get rendered in the app. The first screen of the app is therefore actually the second element on the canvas.
- Hover your mouse on Start. The mouse pointer changes from a crossbar to a hand.
- Drag an arrow from Start to Welcome. This opens a configuration panel on the right-hand side.
- Type Go in the Name text field.
- Click Save Outcome. This creates an arrow from Start to Welcome, with the legend Go on it.
Let’s run the flow now, and see how easily it converts into an app.
- Click Run on the right-hand-side navigation.
This opens the Run dialog box.
- We will not worry about the configuration options available right now. It is good to know that a player lets us customize the user interface of the app. the Click the Run button to run the app.
It took us less than two minutes to build a single-screen app with a placeholder text.
This is what the app looks like on a browser:
Once you publish the app, you can share the published URL with others or embed it into another application. Needless to say, the app will run on any mobile device with a browser.