Update pages/Data Collection.py

pages/Data Collection.py

@@ -7,7 +7,7 @@ def subheading(text):
 
 # Sidebar for navigation
 st.sidebar.title("Navigation")
-page = st.sidebar.radio("Go to", ["Introduction", "Understanding Images", "Color Spaces", "Basic Operations"])
+page = st.sidebar.radio("Go to", ["Introduction", "Basic Operations","Converting Image to BGR & Gray SCale"])
 
 # App Title and Description
 st.title("Image Processing Fundamentals")
@@ -27,8 +27,6 @@ if page == "Introduction":
     - Basic operations on images using Python libraries.
     """)
 
-# Understanding Images Section
-elif page == "Understanding Images":
     st.header("Understanding Images")
     
     # Subsections
@@ -50,8 +48,6 @@ elif page == "Understanding Images":
     - These grids are also called **image matrices**.
     """)
 
-# Color Spaces Section
-elif page == "Color Spaces":
     st.header("Color Spaces")
     
     subheading("1. Black and White")
@@ -150,5 +146,100 @@ elif page == "Basic Operations":
     """)
 
 
+elif page == "Converting Image to BGR & Gray SCale":
+    
+    from PIL import Image
+    
+    # Title of the Streamlit app
+    st.title("Image Handling in OpenCV")
+    st.write("Explore Grayscale and BGR Image Creation and Display.")
+    
+    # Section 1: Grayscale Image
+    st.header("Grayscale Image Creation")
+    
+    # Grayscale image creation
+    gray_img = np.full((500, 500), 155, dtype=np.uint8)
+    gray_pil = Image.fromarray(gray_img)
+    
+    # Display in Streamlit
+    st.image(gray_pil, caption="Gray Image in Streamlit", use_column_width=True)
+    
+    # Button for OpenCV display
+    if st.button("Show Gray Image using OpenCV"):
+        cv2.imshow("Gray Image", gray_img)
+        cv2.waitKey(0)
+        cv2.destroyAllWindows()
+    
+    # Section 2: BGR Channels
+    st.header("BGR Color Channels")
+    
+    # Creating BGR channels
+    blue_channel = cv2.merge([
+        np.full((300, 300), 255, dtype=np.uint8),  # Blue
+        np.zeros((300, 300), dtype=np.uint8),     # Green
+        np.zeros((300, 300), dtype=np.uint8)      # Red
+    ])
+    green_channel = cv2.merge([
+        np.zeros((300, 300), dtype=np.uint8),     # Blue
+        np.full((300, 300), 255, dtype=np.uint8), # Green
+        np.zeros((300, 300), dtype=np.uint8)      # Red
+    ])
+    red_channel = cv2.merge([
+        np.zeros((300, 300), dtype=np.uint8),     # Blue
+        np.zeros((300, 300), dtype=np.uint8),     # Green
+        np.full((300, 300), 255, dtype=np.uint8)  # Red
+    ])
+    
+    # Convert for Streamlit
+    blue_pil = Image.fromarray(blue_channel)
+    green_pil = Image.fromarray(green_channel)
+    red_pil = Image.fromarray(red_channel)
+    
+    # Display in Streamlit
+    st.subheader("BGR Channels in Streamlit")
+    col1, col2, col3 = st.columns(3)
+    with col1:
+        st.image(blue_pil, caption="Blue Channel", use_column_width=True)
+    with col2:
+        st.image(green_pil, caption="Green Channel", use_column_width=True)
+    with col3:
+        st.image(red_pil, caption="Red Channel", use_column_width=True)
+    
+    # Buttons for OpenCV display
+    if st.button("Show Blue Channel using OpenCV"):
+        cv2.imshow("Blue Channel", blue_channel)
+        cv2.waitKey(0)
+        cv2.destroyAllWindows()
+    
+    if st.button("Show Green Channel using OpenCV"):
+        cv2.imshow("Green Channel", green_channel)
+        cv2.waitKey(0)
+        cv2.destroyAllWindows()
+    
+    if st.button("Show Red Channel using OpenCV"):
+        cv2.imshow("Red Channel", red_channel)
+        cv2.waitKey(0)
+        cv2.destroyAllWindows()
+    
+    # Section 3: Read and Display an Image
+    st.header("Read and Display an Image")
+    
+    # Image upload
+    uploaded_file = st.file_uploader("Upload an image to display", type=["png", "jpg", "jpeg"])
+    if uploaded_file:
+        # Convert to OpenCV format
+        file_bytes = np.asarray(bytearray(uploaded_file.read()), dtype=np.uint8)
+        img = cv2.imdecode(file_bytes, cv2.IMREAD_GRAYSCALE)  # Read as grayscale for example
+        st.image(img, caption="Uploaded Image in Grayscale", use_column_width=True)
+    
+        # Button to display using OpenCV
+        if st.button("Show Uploaded Image using OpenCV"):
+            cv2.imshow("Uploaded Image", img)
+            cv2.waitKey(0)
+            cv2.destroyAllWindows()
+    
+
+    
+
     if st.button("Go Back"):
         st.experimental_set_query_params(page="Introduction")