1. Preview window for DermoPico applications
This issue concerns the camera preview UI when capturing skin or hair images in our DermoPico APPs. Our goal is to present a beautiful UI for all customers, no matter what types of cellphone they use. Without proper configuration, our camera previews look like the following where parts of the CMA devices are visible during preview.


Figure 1. Camera preview UI without configuration
We need a camera preview UI that only shows the ROI (regions-of-interest) defined by our calibration process. As presented in the following figure, for preview in DermoPico Hair we show only ROI regions of hair and scalp, for preview in DermoPico Skin we show only ROI of skin.


Figure 2. Camera preview UI with proper configuration
2. How to configure camera preview in applications
To help APP developers configure camera preview, we provide calibration algorithms and preview window configuration algorithms.

Figure 3. Diagram on how to configure camera preview UI
The above diagram explains how to obtain the parameters for configuration of camera preview. First and foremost, calibration is mandatory in order to obtain the size-factor. With size-factor, we have one algorithm to help APP obtain the Skin ROI width and height in DermoPico Skin, another algorithm to compute the Hair ROI radius in DermoPico Hair. APP developers then can use these parameters to dynamically configure the UI for different mobile devices.