Update pages/Data Collection.py

pages/Data Collection.py

@@ -74,14 +74,81 @@ elif page == "Color Spaces":
 
 # Basic Operations Section
 elif page == "Basic Operations":
-    st.header("Basic Operations Using OpenCV")
-    st.write("""
-    OpenCV is a powerful library for image processing. Here are some basic operations you can perform:
-    - Load and display images.
-    - Convert between color spaces (e.g., RGB to Grayscale).
-    - Resize and crop images.
-    - Apply filters and transformations.
+    
+    st.code(""" 
+    import cv2
+    import numpy as np
+    """)
+    
+    st.title("OpenCV Basics: Image Handling")
+    
+    # Theory Section
+    st.header("1. `cv2.imread` - Reading an Image")
+    st.markdown("""
+    - **Purpose**: Converts an image file into a numerical array that represents its pixel data.
+    - **Default Behavior**: Reads the image in the **BGR color space**.
+    - **Parameters**:  
+      - `path`: Specifies the location of the image file.  
+      - `flags`:  
+        - `1`: Reads the image as a color image (default).  
+        - `0`: Reads the image as a grayscale image (2D array).
+    - **Output**: A numerical array where each element corresponds to a pixel's intensity or color.
+    """)
+    st.code("""
+    # Code to read an image
+    img = cv2.imread('path/to/your/image.jpg', 1)  # Read as color image
+    st.image(img, channels="BGR")  # Display image in Streamlit
+    """)
+    
+    # Theory Section
+    st.header("2. `cv2.imshow` - Displaying an Image")
+    st.markdown("""
+    - **Purpose**: Opens a pop-up window to show an image.
+    - **Parameters**:  
+      - `Window Name`: Title of the display window.
+      - `Image`: Array data representing the image.
+    """)
+    st.code("""
+    # Code to display an image
+    cv2.imshow("Sample Image", img)
     """)
+    
+    # Theory Section
+    st.header("3. `cv2.waitKey` - Waiting for a Key Input")
+    st.markdown("""
+    - **Purpose**: Waits for the specified time (in milliseconds) for a key press to proceed or close the window.
+    - **Parameters**:
+      - `Delay`:  
+        - If `0`: Waits indefinitely until a key is pressed.  
+        - If a positive value: Waits for that duration in milliseconds.
+    - **Usage**: Prevents the program from closing the window immediately.
+    """)
+    st.code("""
+    # Code to wait for a key press
+    cv2.waitKey(0)  # Wait indefinitely until key press
+    """)
+    
+    # Theory Section
+    st.header("4. `cv2.destroyAllWindows` - Closing OpenCV Windows")
+    st.markdown("""
+    - **Purpose**: Closes all OpenCV-created windows.
+    - **Usage**: Ensures proper memory cleanup and avoids crashes by freeing up resources after the display is no longer needed.
+    - **Best Practice**: Always use this after displaying images to clean up the resources.
+    """)
+    st.code("""
+    # Code to close all windows
+    cv2.destroyAllWindows()  # Close all OpenCV windows
+    """)
+    
+    st.markdown("""
+    ### Additional Notes
+    - **Why Use `cv2.waitKey`?**  
+      Without this, the image display window will close immediately after the program finishes execution.
+      
+    - **Handling Pop-Up Windows**  
+      - Use `cv2.destroyAllWindows()` to close all pop-up windows and release system resources properly.
+    """)
+
 
     if st.button("Go Back"):
         st.experimental_set_query_params(page="Introduction")