> For the complete documentation index, see [llms.txt](https://captic-2.gitbook.io/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://captic-2.gitbook.io/docs/overview/hands-on/user-interfaces.md).
# User Interfaces
The four user interfaces of a Captic system and where to find them.
A Captic system has four user interfaces. Three run on the device on your site, and one runs in the cloud.
| Interface | What it's for | Address |
| ---------------- | ----------------------------------------------- | -------------------------------------------------------------------------------- |
| Product UI | Set up, calibrate, test and monitor the system | `http://[serial-number].local:3000` |
| Product API | Connect your own software | `http://[device-ip]:5004` (docs at `http://[serial-number].local:3000/api/docs`) |
| Integration Flow | Connect your PLC, robot or software | `http://[serial-number].local:1880` |
| Captic Cloud | View your data, results and production insights | [cloud.captic.com](https://cloud.captic.com) |
## Reaching the device
The on-device interfaces are addressed by the serial number on the device sticker.
Your computer must be on the same network as the device. If the `.local` address doesn't resolve on your network, use the device's IP address instead.
## Product UI (port 3000)
The Product UI is the device's web interface, where you set up and monitor the system.
It has three main areas. **Home** shows live results and lets you switch to Human Mode. **Settings** holds networking, calibration and product-specific settings. **Details** shows diagnostics for networking, system modules and the vision pipeline.
## Product API (port 5004)
The Product API gives your own software access to everything the Product UI can do, and more: calibrations, cameras, pipelines, runs, views, volumes and system.
The full, interactive API documentation is built into the device. Open it in the Product UI under **Help**, where the **Local API reference** lets you try requests directly from your browser. Click **Open in new tab** to view it full-screen, or go straight to:
```
http://[serial-number].local:3000/api/docs
```
The documentation always matches the software version on your device, and links to the raw OpenAPI specification (`openapi.json`) for generating clients.
For an example, see [REST](/docs/overview/hands-on/integrating-your-robot/rest.md).
## Integration Flow (port 1880)
The Integration Flow is where you connect the system to your line: every PLC, robot and API integration is configured here. You build integrations in your browser by wiring nodes together, without writing code.
* **Palette (left):** all available nodes, grouped by what you connect to, such as **neura**, **fanuc**, **vision** and **siemens s7**. Search them with **filter nodes**.
* **Canvas (centre):** your flows, one per tab. Drag nodes onto the canvas and wire them together.
* **Sidebar (right):** the list of flows, and details of the selected node.
* **Deploy (top right):** makes your changes live.
The example below is the [robot pose service](/docs/overview/hands-on/integrating-your-robot/integration-flow.md#robot-pose-service) for a Neura robot: a **pose request** is answered by reading the robot's pose and sending it back as a **pose response**, so the calibration wizard can fetch the pose automatically.
See [Integration Flow](/docs/overview/hands-on/integrating-your-robot/integration-flow.md) for how flows work and every available node.
## Captic Cloud
Captic Cloud at [cloud.captic.com](https://cloud.captic.com) lets you view the data from all your Captic systems in one place: the images they capture, the results for each image, and insights across your production.
{% hint style="info" %}
**Access is on request.** Email with the email addresses of everyone who needs access, and we'll add them.
{% endhint %}
### Sign in
Open [cloud.captic.com](https://cloud.captic.com) and click **Sign in with Microsoft**. Sign in with the Microsoft account of an email address we've given access. Multi-factor authentication is applied through your Microsoft account.
### Your devices
After signing in, you see every device you have access to, listed by serial number. Click a device to open its data.
### Images and results
The **Photos** view shows the images a device has captured, grouped by day, with the time each was taken.
* **Choose a period:** use **Today**, **Yesterday** or **Latest**, pick a day, or set a **Range**. Narrow it down with the **From** and **To** times.
* **Sample size:** limit how many images are loaded, useful for long periods.
* **Metadata:** filter images by their results, for example only bags classified as bad.
* Click **Apply** to load the selection. Sort with **Newest**, and change the thumbnail size with **−** and **+**.
* **Select** images one by one, or use **Select All**.
{% hint style="info" %}
The images in the screenshot above are **blurred for privacy**. In Captic Cloud you see your own images at full quality.
{% endhint %}
### Production insights
Click **Insights** to see a summary of the results behind the images in your selection. Each result field gets its own chart:
* **Yes/no fields** show the share of true and false.
* **Numeric fields**, such as a confidence score, show the distribution with the minimum, maximum, average and median.
* **Categorical fields**, such as a classification, show how often each value occurs.
Fields that are empty for some records show the share of missing values. Click a chart to filter the images by that field, search fields with **Filter fields**, and choose how many values to show with **Top 5, 10, 20** or **All**.
The fields depend on your product. For Seam Inspection, for example, you'll see the seam confidence score and the seam and final classification of each bag.
