Compare Before and After Images Using Comparison Tool Through the Procedure View Screen

1. The user can access the Procedure View Screen through the patient profile by accessing the Patients List Screen via two entry points.
   1. From the EMR Board Tabs, select “Patients.’’
      
   2. From the Left Navigation, click on the “EMR Board” dropdown menu and select “Patients.” Alternatively, you can type “Patients” into the search bar in the Left Navigation.
2. To view a specific patient from the list, click the three dots under the action column and select "View Patient Profile," or simply click anywhere on the patient’s data.
   
3. On the Patient Information Screen, the user will find a detailed overview of the patient’s information. To view the procedure images, simply click on the ‘’Procedures’’ tab.
   
4. Here, you can view all patient procedures. To see details for a specific procedure, click “View Procedure.”
   
5. Before using the comparison tool, ensure that after images are uploaded to enable proper comparison with the before images. To upload after images, click “Upload After Images” in the Procedure Images/Videos section to proceed.
   Note: If the images have already been uploaded, simply click the “Comparison Tool” button at this step to proceed to the Comparison Tool Screen.
6. Upload images from different angles, select the desired images, and click “Next.”
   
7. To add additional images, click the “+ Add Image” button at the bottom of the screen. A pop-up window will open where you can upload your image and enter a label. Once finished, click “Add Image” to save it.
   
8. Now go back to the Procedure View Screen in the patient profile and click on "Comparison Tool" to view and compare before and after images of a procedure side by side.
   

Functions of Comparison Tool

9. The first feature of the comparison tool is the Slider function. Use the slider arrows to compare before and after images, slide to the right to reveal the before image, and slide to the left to view the after image for a clear side-by-side comparison.
   Note: Slider mode is automatically set when you click on the ‘’Comparison Tool’’ button. For an accurate comparison, set the before image on one side and the after image on the other. If both sides are set to the before image, only the before image will be visible. The same applies if both sides are set to the after image.
10. The second feature is Split view. Click “Split” at the top of the screen to display the before and after images side by side. Click the “Zoom” slider at the bottom to zoom in or out. After zooming, you can drag the image to reposition it and examine details more closely.
    
11. The third feature is Ghosting. Click “Ghosting” at the top of the screen to overlay the before image onto the after image with a semi-transparent effect. Use the opacity slider at the bottom to adjust the transparency level.
    
12. To view the before and after images from different angles, select the desired angle from the bottom, including front, right 45°, left 45°, left 90°, and right 90°.
    You have successfully learned how to compare before and after images using the comparison tool.