tech and ref

pages/01-main.py

@@ -250,9 +250,12 @@ def Page():
             v.ExpansionPanels(children=[
                 v.ExpansionPanel(children=[
                     v.ExpansionPanelHeader(children=['Technical Background']),
-                    v.ExpansionPanelContent(children=[
-                        '''
-                        Model and paper information, institution support'''
+                    v.ExpansionPanelContent(children=[instructions.Tech()
+                        ])
+                        ]),
+                v.ExpansionPanel(children=[
+                    v.ExpansionPanelHeader(children=['Components and Architecture']),
+                    v.ExpansionPanelContent(children=[instructions.ComponentsArch()
                         ])
                         ]),
                         v.ExpansionPanel(children=[
@@ -261,7 +264,7 @@ def Page():
                             ]),
                             v.ExpansionPanel(children=[
                                 v.ExpansionPanelHeader(children=['References']),
-                                v.ExpansionPanelContent(children=['Background information goes here'])
+                                v.ExpansionPanelContent(children=[instructions.Ref()])
                                 ])
                                 ])
             

public/instructions.py

@@ -1,6 +1,59 @@
 import reacton.ipyvuetify as v
 import solara
 
+@solara.component
+def Tech():
+   solara.Markdown( '''The application developed during the internship at the Universities Space Research Association (USRA) 
+represents a significant advancement in leveraging geospatial data for environmental analysis. 
+The project's core is an interactive web application designed to analyze, visualize, and interpret air quality data, 
+particularly PM2.5 levels, using data from Google Earth Engine (GEE) and advanced machine learning techniques 
+through Convolutional Neural Networks (CNNs). 
+The application integrates sophisticated data preprocessing, machine learning models provided by USRA, 
+and a user-friendly interface for comprehensive environmental data analysis.
+
+The application developed during the USRA internship represents a blend of advanced data processing techniques, 
+machine learning, and interactive web technologies. It stands as a testament to the power of interdisciplinary 
+approaches in solving environmental challenges. By making complex geospatial and environmental data accessible 
+and understandable, the application aids in raising awareness, guiding policy decisions, and fostering scientific 
+curiosity and research in air quality and environmental science.''')
+
+@solara.component
+def ComponentsArch():
+    solara.Markdown('''### 1. Data Preprocessing and CNN Models (Provided by USRA):
+                    
+* **Preprocessing Scripts:** Scripts to fetch and preprocess geospatial data from Earth Engine, including aerosol and meteorological variables. The preprocessing involves data normalization, feature extraction, and preparation for CNN input.
+
+* **CNN Models:** Advanced machine learning models developed to estimate PM2.5 levels from satellite imagery and other geospatial data. These models are trained on historical data and can predict air quality indicators, providing insights into environmental conditions.
+
+### 2. Interactive Web Application:
+
+**Frontend UI Components:**
+
+* Developed using modern web technologies and libraries to create a responsive and interactive user interface.
+
+* Components include date range selectors, map visualization tools, and options to choose different types of data visualizations and analyses.
+
+**Integration with Earth Engine:**
+
+* Utilizes the Google Earth Engine's Python API for data retrieval and processing. The application queries GEE for specific datasets related to air quality and environmental conditions.
+
+* Enables dynamic data visualization based on user-selected parameters, such as date ranges, regions, and specific environmental variables.
+
+**Visualization and Analysis:**
+
+* Implements various visualization tools, including contour plots, heatmaps, and Earth Engine images, to represent the data effectively.
+
+* Allows users to interact with the data, select specific time frames, regions, and view detailed environmental information graphically.
+
+###3. Development Environment and Technologies
+                    
+* **Python and Jupyter Environment:** The application's backend and data processing components are developed in Python, leveraging libraries like NumPy, Pandas, Matplotlib, and specifically Earth Engine's Python API for geospatial data manipulation.
+
+* **Geospatial Libraries:** Utilizes geemap, ee, and cartopy for mapping and spatial data visualization.
+
+* **Web Technologies:** Employs libraries like solara, reacton.ipyvuetify, and ipywidgets for creating interactive web components and layouts.
+
+* **Deployment and Accessibility:** The application is made accessible as a web-based tool, possibly hosted on platforms like Hugging Face Spaces, allowing users to interact with the application through a web browser without needing any local setup.''')
 
 @solara.component
 def EEInstructions():
@@ -246,4 +299,20 @@ This method should work for most users, regardless of the text editor or operati
                         v.ExpansionPanelHeader(children=['Libraries']),
                         v.ExpansionPanelContent(children=[Text
     ])
-                            ])])
+                            ])])
+    
+@solara.component 
+def Ref():
+    solara.Markdown('''For assistance please feel free to reach out: <a href="https://www.linkedin.com/in/romero61/" target="_blank">Guillermo Romero</a> 
+
+Further documentation to help with guiding development is located within the <a href="https://github.com/romero61/USRA-STI/blob/5e37d9878958536134480836d6043c39d693bb3f/guide.pdf" target="_blank">Github Repo</a>.
+                    
+<a href="https://disc.gsfc.nasa.gov/information/mission-project?title=HAQAST:%20Global%20Daily%20PM2.5" target="_blank">"GESDISC." Nasa.gov, 2023</a>  
+
+Global Modeling and Assimilation Office (GMAO) (2015), inst3_3d_asm_Cp: MERRA-2 3D IAU State, Meteorology Instantaneous 3-hourly (p-coord, 0.625x0.5L42), version 5.12.4, Greenbelt, MD, USA: Goddard Space Flight Center Distributed Active Archive Center (GSFC DAAC), doi: 10.5067/VJAFPLI1CSIV.
+
+Wu, Q., (2020). geemap: A Python package for interactive mapping with Google Earth Engine. The Journal of Open Source Software, 5(51), 2305. https://doi.org/10.21105/joss.02305
+
+Wu, Q., Lane, C. R., Li, X., Zhao, K., Zhou, Y., Clinton, N., DeVries, B., Golden, H. E., & Lang, M. W. (2019). Integrating LiDAR data and multi-temporal aerial imagery to map wetland inundation dynamics using Google Earth Engine. Remote Sensing of Environment, 228, 1-13. https://doi.org/10.1016/j.rse.2019.04.015 (pdf | source code)
+
+License This project is licensed under the MIT License - see the LICENSE.md file for details''')