Update app.py

app.py

@@ -12,6 +12,21 @@ USER_GROUPS = ["Developer", "Manager", "Practitioner"]
 st.set_page_config(layout="wide")
 
 
+if 'user_group' not in st.session_state:
+    index_tmp = 0
+else: 
+    index_tmp = USER_GROUPS.index(st.session_state['user_group'])
+
+
+#Sidebar for USER GROUPS
+st.sidebar.title("USER GROUPS")
+backend = st.sidebar.selectbox(
+            "Select User-Group ", USER_GROUPS, index=index_tmp
+        )
+
+st.session_state['user_group'] = backend
+
+
 st.sidebar.title("About")
 st.sidebar.info(
     """
@@ -28,37 +43,58 @@ st.sidebar.info(
     """
 )
 
-if 'user_group' not in st.session_state:
-    index_tmp = 0
-else: 
-    index_tmp = USER_GROUPS.index(st.session_state['user_group'])
+# Customize page title
+st.title("XAI Framework Application-OCT Image Analysis by Deep Learning")
 
 
-#Sidebar for USER GROUPS
-st.sidebar.title("USER GROUPS")
-backend = st.sidebar.selectbox(
-            "Select User-Group ", USER_GROUPS, index=index_tmp
-        )
+markdown1 = """
+The framework is created to  briefly illustrate  how to use the poposed framework in our paper. Hence, we demonstrate a case study,which aims to detect certain anomalies from Retinal OCT images. 
 
-st.session_state['user_group'] = backend
+This system is developed to classifiy certain anamolies from OCT of retina images. Those anamolies are: 
 
-# Customize page title
-st.title("AI Framework Applications")
+1. Choroidal Neovascularization (CNV): neovascular membrane and associated subretinal fluid (Choroidal Neovascularization (CNV) is a retinal disease,which is associated with the growth of 
+abnormal blood vessels in the choroid layer, which lies between two other layers of tissue that make up the wall of the eye. 
+These new blood vessels can cause fluid to accumulate beneath and within these layers, leading to vision loss.)
 
-st.markdown(
-    """
-    This multipage app template demonstrates various interactive web apps created using [streamlit](https://streamlit.io) and [leafmap](https://leafmap.org). It is an open-source project and you are very welcome to contribute to the [GitHub repository](https://github.com/giswqs/streamlit-multipage-template).
-    """
-)
+2. Diabetic Macular Edema (DME) : A retinal disease that appears as a result of diabetes in the retina.   retinal-thickening-associated intraretinal fluid (arrows).Diabetic Macular Edema (DME) is a common complication of diabetes that affects the retina, 
+which is responsible for central vision. DME occurs when fluid accumulates in and around the macula, causing retinal thickening and swelling. 
+This can lead to impaired vision or even blindness if left untreated.)
+
+3. Drusen is a condition accosiated with early AMD Age-Related Macular Degeneration (AMD) in the retina.
+4. NORMAL(HEALTHY): A healthy retina,
+
+
+"""
+st.markdown(markdown1)
+# st.markdown(
+#     """
+#     This system is developed to classifiy certain anamolies from OCT images. Those anamolies are  and [leafmap](https://leafmap.org). It is an open-source project and you are very welcome to contribute to the [GitHub repository](https://github.com/giswqs/streamlit-multipage-template).
+#     """
+# )
 
-st.header("Instructions")
+st.header("Framework Sections")
 
 markdown = """
-1. For the [GitHub repository](https://github.com/giswqs/streamlit-multipage-template) or [use it as a template](https://github.com/giswqs/streamlit-multipage-template/generate) for your own project.
-2. Customize the sidebar by changing the sidebar text and logo in each Python files.
-3. Find your favorite emoji from https://emojipedia.org.
-4. Add a new app to the `pages/` directory with an emoji in the file name, e.g., `1_🚀_Chart.py`.
+A different users can beenfit from this framework. The framework is divided into 4 different sections and each of them sheds a light at a different part of  this AI application.
+
+
+1. DATA PANEL:This section presents information regarding thedata in details. 
+2. MODEL PANEL: This section presents details regarding AI model. 
+3. PERFORMANCE EVALUATION PANEL: This panel hihglights the performance of the AI model over test set. 
+4. DECISION EXPLORATION: This section is decisgned to explore global and instance level explanations.
 """
 
 st.markdown(markdown)
 
+
+
+st.header("How to Use the Framework")
+
+markdown = """
+To effectively use the framwork, please follow steps as instrcuted below:
+
+1. On left sidebar under'USER GROUPS' choose user group
+2. Start exploring any panel by clicking on them on the upper left corner. We suggest to follow the order as data-> model-> performance-> decision exploration.
+"""
+
+st.markdown(markdown)