Update pages/Data Collection.py

pages/Data Collection.py

@@ -539,12 +539,96 @@ elif st.session_state.current_page == "opencv_operations":
     print(cv2.__version__)  # This will display the installed OpenCV version
     """, language="python")
 
+    st.write("With OpenCV installed, let's learn basic image handling in OpenCV.")
+    st.write("## Basic Operations in OpenCV")
 
+    # Heading for Reading Images
+    st.write("### Reading an Image")
+    
+    # About imread() function
+    st.write("""
+    To read an image and convert it into a machine-readable format, we use the **imread()** function from the cv2 module.  
+    It reads the image file and converts it into a numerical array, where each element represents pixel intensity.
+    """)
+    
+    # Code example
+    st.code("""
+    import cv2
+    
+    # Read the image
+    image = cv2.imread('path_to_image.jpg')  # Replace 'path_to_image.jpg' with your image file path
+    
+    # Display the numerical matrix
+    print(image)  # This will print the image as an array of pixel values
+    """, language="python")
+    
+    # Explanation for Grayscale Conversion
+    st.write("""
+    By default, the `imread()` function reads an image as a 3D array in the RGB color space.  
+    To convert the image to grayscale, pass `0` as the second argument to the `imread()` function. This will return a 2D array where each pixel value represents intensity.
+    """)
+    
+    # Code example for Grayscale Conversion
+    st.code("""
+    import cv2
+    
+    # Read the image in grayscale
+    gray_image = cv2.imread('path_to_image.jpg', 0)  # Replace 'path_to_image.jpg' with your image file path
+    
+    # Display the numerical matrix for the grayscale image
+    print(gray_image)  # This will print the 2D array representing pixel intensity
+    """, language="python")
 
-
-
-
-
+        # Displaying Images with OpenCV
+    st.write("### Displaying Images with OpenCV")
+    
+    # Explanation of the functions
+    st.write("""
+    After creating or reading an image, we can display it using OpenCV. Here’s how the key functions work together:
+    
+    #### imshow()
+    - The `imshow()` function creates a **pop-up window** to display the image.
+    - Internally, it converts the numerical array into a visual image.
+    - **Parameters**:
+      1. `Window Name`: Title of the pop-up window (string).
+      2. `Image Array`: The array representing the image.
+    
+    #### waitKey()
+    - **Purpose**: Waits for a key press and adds a delay before closing the pop-up window.
+    - **Key Modes**:
+      - `waitKey(0)` or `waitKey()`: Keeps the window open indefinitely until a key is pressed.
+      - `waitKey(n)`: Delays for `n` milliseconds, closing the window after the delay if no key is pressed.
+    
+    #### destroyAllWindows()
+    - The `destroyAllWindows()` function is used to close the pop-up window from **RAM**.
+    - It ensures that all windows opened by `imshow()` are completely removed.
+    - Without this, the window may stay allocated in memory even after being closed visually.
+    
+    These three functions must work together to display and manage images effectively.
+    """)
+    
+    # Syntax for imshow()
+    st.write("## imshow()")
+    st.code("""
+    cv2.imshow(window_name, image_array)
+    # window_name: The title of the pop-up window (string)
+    # image_array: The image data (usually a NumPy array)
+    """, language="python")
+    
+    # Syntax for waitKey()
+    st.write("## waitKey()")
+    st.code("""
+    cv2.waitKey(delay_in_milliseconds)
+    # delay_in_milliseconds: Time in milliseconds to keep the window open
+    # Use 0 for infinite delay until a key is pressed
+    """, language="python")
+    
+    # Syntax for destroyAllWindows()
+    st.write("## destroyAllWindows()")
+    st.code("""
+    cv2.destroyAllWindows()
+    # This ensures all windows opened by imshow() are cleared from RAM
+    """, language="python")
 
 
 elif st.session_state.current_page == "explore_audio":