Each screen node corresponds to one screen of the Zorp mobile app.
eg., let's consider a scenario where the sales person is collecting data from their client. There are multiple steps in this process like travel, visit, data collection, verification etc. Here, Data collection is a step in the workflow and there is a mobile app screen that corresponds to this step.
A screen node has multiple properties, they are defined below.
Each screen has a name that it can be identified with. The name of the screen is shown to the user so they're aware of which screen of the process they are in.
Description is provided for clarity on what a screen node means.
- 1.Right-click and drag on the blue box of the the first Screen Node (the Screen Node from which you want to connect it from) and connect it to the blue box of the second Screen Node (the Screen Node to which you want to connect it to).
- 2.You will notice that a curve line has formed on the screen, which implies that the two Screen nodes have been connected.
Components are UI elements that can be used to design the screen of the mobile app.
There are over multiple UI components in Zorp with which our users can design really powerful applications easily.
UI Elements are higher order ready made components with which development of a screen becomes very easy.
For eg., for a user to collect images from the app or show a map location, all they have to do is to drag and drop the component into the app screen and change the configurations on the config tab.
Each component has its own way of configuration. For eg., a text display component only takes a text as an input. Whereas the camera component has options to specific collection mode via camera or gallery, no of images that need to be collected and many more.
Good to know: Splitting your product into fundamental concepts, objects, or areas can be a great way to let readers deep dive into the concepts that matter most to them.